Update Scope.jsx

Author: mashaal

scope/Scope.jsx

@@ -1,14 +1,18 @@
+// @ts-check
+
 // Scoped CSS component
 // https://developer.mozilla.org/en-US/docs/Web/CSS/@scope
 // Influenced by https://x.com/dburles/status/1848236095173226873
 
 /**
- * @param {string} [href] - Optional URL for stylesheet
- * @param {string} [css] - Optional CSS string for scoped styles
- * @param {import('react').ReactNode} children - Child elements
- * @returns {JSX.Element} Scoped component
+ * A component that provides CSS scoping functionality
+ * @param {Object} props - The component props
+ * @param {string} [props.href] - Optional URL to an external stylesheet
+ * @param {string} [props.css] - Optional CSS string to scope
+ * @param {React.ReactNode} [props.children] - Child elements to scope the styles to
+ * @returns {JSX.Element} The scoped component
  */
-const Scope = (href, css, children) => {
+const Scope = ({ href, css, children }) => {
   return (
     <ultra-scope>
       {href && <link rel="stylesheet" href={href} />}
@@ -25,3 +29,17 @@ const Scope = (href, css, children) => {
     </ultra-scope>
   );
 };
+
+export default Scope;
+
+/**
+ * @param {string} a
+ * @param {any} s
+ */
+const css = (a, s) => {
+  const c = new String(a);
+  // @ts-ignore html escaped string
+  return (c.isEscaped = !0), (c.callbacks = s), c;
+};
+
+export { css };