@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/Sidebar/components/items/SidebarMenuSubItemIndentation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","cva","separatorVariants","variants","variant","SidebarMenuSubItemIndentation","lvl","createElement","className","Array","from","length","_","index","key","orientation","margin"],"sources":["SidebarMenuSubItemIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator/index.js\";\n\nimport { cva, type VariantProps } from \"~/utils.js\";\n\nconst separatorVariants = cva([\"h-xl ml-px\"], {\n    variants: {\n        variant: {\n            \"group-label\": \"h-[38px]!\"\n        }\n    }\n});\n\nexport interface SidebarMenuSubItemIndentationProps\n    extends\n        Omit<React.HTMLAttributes<HTMLLIElement>, \"content\">,\n        VariantProps<typeof separatorVariants> {\n    lvl: number;\n}\n\nconst SidebarMenuSubItemIndentation = ({ lvl, variant }: SidebarMenuSubItemIndentationProps) => {\n    return (\n        <div data-sidebar=\"indentation\" className={\"gap-x-xs flex mr-sm\"}>\n            {Array.from({ length: lvl }, (_, index) => (\n                <div data-sidebar={\"indentation-element\"} className={\"ml-md\"} key={lvl + index}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={separatorVariants({ variant })}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { SidebarMenuSubItemIndentation };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAElB,SAASC,GAAG;AAEZ,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EAC1CE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACL,aAAa,EAAE;IACnB;EACJ;AACJ,CAAC,CAAC;AASF,MAAMC,6BAA6B,GAAGA,CAAC;EAAEC,GAAG;EAAEF;AAA4C,CAAC,KAAK;EAC5F,oBACIL,KAAA,CAAAQ,aAAA;IAAK,gBAAa,aAAa;IAACC,SAAS,EAAE;EAAsB,GAC5DC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL;EAAI,CAAC,EAAE,CAACM,CAAC,EAAEC,KAAK,kBAClCd,KAAA,CAAAQ,aAAA;IAAK,gBAAc,qBAAsB;IAACC,SAAS,EAAE,OAAQ;IAACM,GAAG,EAAER,GAAG,GAAGO;EAAM,gBAC3Ed,KAAA,CAAAQ,aAAA,CAACP,SAAS;IACNe,WAAW,EAAE,UAAW;IACxBC,MAAM,EAAE,MAAO;IACfZ,OAAO,EAAE,QAAS;IAClBI,SAAS,EAAEN,iBAAiB,CAAC;MAAEE;IAAQ,CAAC;EAAE,CAC7C,CACA,CACR,CACA,CAAC;AAEd,CAAC;AAED,SAASC,6BAA6B","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuSubItemIndentation.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuSubItemIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator/index.js\";\n\nimport { cva, type VariantProps } from \"~/utils.js\";\n\nconst separatorVariants = cva([\"h-xl ml-px\"], {\n    variants: {\n        variant: {\n            \"group-label\": \"h-[38px]!\"\n        }\n    }\n});\n\nexport interface SidebarMenuSubItemIndentationProps\n    extends\n        Omit<React.HTMLAttributes<HTMLLIElement>, \"content\">,\n        VariantProps<typeof separatorVariants> {\n    lvl: number;\n}\n\nconst SidebarMenuSubItemIndentation = ({ lvl, variant }: SidebarMenuSubItemIndentationProps) => {\n    return (\n        <div data-sidebar=\"indentation\" className={\"gap-x-xs flex mr-sm\"}>\n            {Array.from({ length: lvl }, (_, index) => (\n                <div data-sidebar={\"indentation-element\"} className={\"ml-md\"} key={lvl + index}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={separatorVariants({ variant })}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { SidebarMenuSubItemIndentation };\n"],"names":["separatorVariants","cva","SidebarMenuSubItemIndentation","lvl","variant","Array","_","index","Separator"],"mappings":";;;AAKA,MAAMA,oBAAoBC,IAAI;IAAC;CAAa,EAAE;IAC1C,UAAU;QACN,SAAS;YACL,eAAe;QACnB;IACJ;AACJ;AASA,MAAMC,gCAAgC,CAAC,EAAEC,GAAG,EAAEC,OAAO,EAAsC,GAChF,WAAP,GACI,oBAAC;QAAI,gBAAa;QAAc,WAAW;OACtCC,MAAM,IAAI,CAAC;QAAE,QAAQF;IAAI,GAAG,CAACG,GAAGC,QAAAA,WAAAA,GAC7B,oBAAC;YAAI,gBAAc;YAAuB,WAAW;YAAS,KAAKJ,MAAMI;yBACrE,oBAACC,WAASA;YACN,aAAa;YACb,QAAQ;YACR,SAAS;YACT,WAAWR,kBAAkB;gBAAEI;YAAQ"}

package/Sidebar/index.js

@@ -1,4 +1,2 @@
 export * from "./Sidebar.js";
 export * from "./components/SidebarProvider.js";
-
-//# sourceMappingURL=index.js.map

package/Sidebar/stories/HashLink.js

@@ -1,52 +1,28 @@
-import React from "react";
-/**
- * A Link component that handles hash navigation specially.
- * If the `to` prop starts with '#', it modifies only the hash
- * portion of the current URL instead of navigating.
- */
-export const HashLink = ({
-  to,
-  children,
-  onClick,
-  replace = false,
-  ...props
-}) => {
-  const isHashLink = to?.startsWith("#");
-  const handleClick = e => {
-    if (isHashLink) {
-      e.preventDefault();
-
-      // Get current URL and replace/append the hash
-      const url = new URL(window.location.href);
-      url.hash = to;
-      if (replace) {
-        // Replace current history entry
-        window.history.replaceState(null, "", url.toString());
-      } else {
-        // Push new history entry
-        window.history.pushState(null, "", url.toString());
-      }
-
-      // Dispatch a hashchange event so other code can react to it
-      window.dispatchEvent(new HashChangeEvent("hashchange"));
-
-      // Scroll to the target element if it exists
-      const targetId = to.slice(1);
-      const targetElement = document.getElementById(targetId);
-      if (targetElement) {
-        targetElement.scrollIntoView({
-          behavior: "smooth"
-        });
-      }
-    }
-
-    // Call any additional onClick handler
-    onClick?.(e);
-  };
-  return /*#__PURE__*/React.createElement("a", Object.assign({
-    href: to,
-    onClick: handleClick
-  }, props), children);
+import react from "react";
+const HashLink = ({ to, children, onClick, replace = false, ...props })=>{
+    const isHashLink = to?.startsWith("#");
+    const handleClick = (e)=>{
+        if (isHashLink) {
+            e.preventDefault();
+            const url = new URL(window.location.href);
+            url.hash = to;
+            if (replace) window.history.replaceState(null, "", url.toString());
+            else window.history.pushState(null, "", url.toString());
+            window.dispatchEvent(new HashChangeEvent("hashchange"));
+            const targetId = to.slice(1);
+            const targetElement = document.getElementById(targetId);
+            if (targetElement) targetElement.scrollIntoView({
+                behavior: "smooth"
+            });
+        }
+        onClick?.(e);
+    };
+    return /*#__PURE__*/ react.createElement("a", {
+        href: to,
+        onClick: handleClick,
+        ...props
+    }, children);
 };
+export { HashLink };
 
 //# sourceMappingURL=HashLink.js.map

package/Sidebar/stories/HashLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HashLink","to","children","onClick","replace","props","isHashLink","startsWith","handleClick","e","preventDefault","url","URL","window","location","href","hash","history","replaceState","toString","pushState","dispatchEvent","HashChangeEvent","targetId","slice","targetElement","document","getElementById","scrollIntoView","behavior","createElement","Object","assign"],"sources":["HashLink.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, MouseEvent, ReactNode } from \"react\";\n\ninterface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> {\n    to: string;\n    children?: ReactNode;\n    replace?: boolean;\n}\n\n/**\n * A Link component that handles hash navigation specially.\n * If the `to` prop starts with '#', it modifies only the hash\n * portion of the current URL instead of navigating.\n */\nexport const HashLink = ({ to, children, onClick, replace = false, ...props }: LinkProps) => {\n    const isHashLink = to?.startsWith(\"#\");\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n        if (isHashLink) {\n            e.preventDefault();\n\n            // Get current URL and replace/append the hash\n            const url = new URL(window.location.href);\n            url.hash = to;\n\n            if (replace) {\n                // Replace current history entry\n                window.history.replaceState(null, \"\", url.toString());\n            } else {\n                // Push new history entry\n                window.history.pushState(null, \"\", url.toString());\n            }\n\n            // Dispatch a hashchange event so other code can react to it\n            window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n\n            // Scroll to the target element if it exists\n            const targetId = to.slice(1);\n            const targetElement = document.getElementById(targetId);\n            if (targetElement) {\n                targetElement.scrollIntoView({ behavior: \"smooth\" });\n            }\n        }\n\n        // Call any additional onClick handler\n        onClick?.(e);\n    };\n\n    return (\n        <a href={to} onClick={handleClick} {...props}>\n            {children}\n        </a>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuD,OAAO;AAQ1E;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,OAAO,GAAG,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACzF,MAAMC,UAAU,GAAGL,EAAE,EAAEM,UAAU,CAAC,GAAG,CAAC;EAEtC,MAAMC,WAAW,GAAIC,CAAgC,IAAK;IACtD,IAAIH,UAAU,EAAE;MACZG,CAAC,CAACC,cAAc,CAAC,CAAC;;MAElB;MACA,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC;MACzCJ,GAAG,CAACK,IAAI,GAAGf,EAAE;MAEb,IAAIG,OAAO,EAAE;QACT;QACAS,MAAM,CAACI,OAAO,CAACC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAEP,GAAG,CAACQ,QAAQ,CAAC,CAAC,CAAC;MACzD,CAAC,MAAM;QACH;QACAN,MAAM,CAACI,OAAO,CAACG,SAAS,CAAC,IAAI,EAAE,EAAE,EAAET,GAAG,CAACQ,QAAQ,CAAC,CAAC,CAAC;MACtD;;MAEA;MACAN,MAAM,CAACQ,aAAa,CAAC,IAAIC,eAAe,CAAC,YAAY,CAAC,CAAC;;MAEvD;MACA,MAAMC,QAAQ,GAAGtB,EAAE,CAACuB,KAAK,CAAC,CAAC,CAAC;MAC5B,MAAMC,aAAa,GAAGC,QAAQ,CAACC,cAAc,CAACJ,QAAQ,CAAC;MACvD,IAAIE,aAAa,EAAE;QACfA,aAAa,CAACG,cAAc,CAAC;UAAEC,QAAQ,EAAE;QAAS,CAAC,CAAC;MACxD;IACJ;;IAEA;IACA1B,OAAO,GAAGM,CAAC,CAAC;EAChB,CAAC;EAED,oBACIV,KAAA,CAAA+B,aAAA,MAAAC,MAAA,CAAAC,MAAA;IAAGjB,IAAI,EAAEd,EAAG;IAACE,OAAO,EAAEK;EAAY,GAAKH,KAAK,GACvCH,QACF,CAAC;AAEZ,CAAC","ignoreList":[]}
+{"version":3,"file":"Sidebar/stories/HashLink.js","sources":["../../../src/Sidebar/stories/HashLink.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, MouseEvent, ReactNode } from \"react\";\n\ninterface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> {\n    to: string;\n    children?: ReactNode;\n    replace?: boolean;\n}\n\n/**\n * A Link component that handles hash navigation specially.\n * If the `to` prop starts with '#', it modifies only the hash\n * portion of the current URL instead of navigating.\n */\nexport const HashLink = ({ to, children, onClick, replace = false, ...props }: LinkProps) => {\n    const isHashLink = to?.startsWith(\"#\");\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n        if (isHashLink) {\n            e.preventDefault();\n\n            // Get current URL and replace/append the hash\n            const url = new URL(window.location.href);\n            url.hash = to;\n\n            if (replace) {\n                // Replace current history entry\n                window.history.replaceState(null, \"\", url.toString());\n            } else {\n                // Push new history entry\n                window.history.pushState(null, \"\", url.toString());\n            }\n\n            // Dispatch a hashchange event so other code can react to it\n            window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n\n            // Scroll to the target element if it exists\n            const targetId = to.slice(1);\n            const targetElement = document.getElementById(targetId);\n            if (targetElement) {\n                targetElement.scrollIntoView({ behavior: \"smooth\" });\n            }\n        }\n\n        // Call any additional onClick handler\n        onClick?.(e);\n    };\n\n    return (\n        <a href={to} onClick={handleClick} {...props}>\n            {children}\n        </a>\n    );\n};\n"],"names":["HashLink","to","children","onClick","replace","props","isHashLink","handleClick","e","url","URL","window","HashChangeEvent","targetId","targetElement","document"],"mappings":";AAaO,MAAMA,WAAW,CAAC,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,KAAK,EAAE,GAAGC,OAAkB;IACpF,MAAMC,aAAaL,IAAI,WAAW;IAElC,MAAMM,cAAc,CAACC;QACjB,IAAIF,YAAY;YACZE,EAAE,cAAc;YAGhB,MAAMC,MAAM,IAAIC,IAAIC,OAAO,QAAQ,CAAC,IAAI;YACxCF,IAAI,IAAI,GAAGR;YAEX,IAAIG,SAEAO,OAAO,OAAO,CAAC,YAAY,CAAC,MAAM,IAAIF,IAAI,QAAQ;iBAGlDE,OAAO,OAAO,CAAC,SAAS,CAAC,MAAM,IAAIF,IAAI,QAAQ;YAInDE,OAAO,aAAa,CAAC,IAAIC,gBAAgB;YAGzC,MAAMC,WAAWZ,GAAG,KAAK,CAAC;YAC1B,MAAMa,gBAAgBC,SAAS,cAAc,CAACF;YAC9C,IAAIC,eACAA,cAAc,cAAc,CAAC;gBAAE,UAAU;YAAS;QAE1D;QAGAX,UAAUK;IACd;IAEA,OAAO,WAAP,GACI,oBAAC;QAAE,MAAMP;QAAI,SAASM;QAAc,GAAGF,KAAK;OACvCH;AAGb"}

package/Sidebar/stories/useHash.js

@@ -1,32 +1,20 @@
-import { useState, useEffect } from "react";
-
-/**
- * A hook that returns the current URL hash and updates
- * whenever it changes (via hashchange event or popstate).
- *
- * @returns The current hash value
- */
-export const useHash = () => {
-  const getHash = () => {
-    return window.location.hash;
-  };
-  const [hash, setHash] = useState(getHash);
-  useEffect(() => {
-    const handleHashChange = () => {
-      setHash(getHash());
-    };
-
-    // Listen for hash changes (including from our Link component)
-    window.addEventListener("hashchange", handleHashChange);
-
-    // Also listen for popstate (back/forward navigation)
-    window.addEventListener("popstate", handleHashChange);
-    return () => {
-      window.removeEventListener("hashchange", handleHashChange);
-      window.removeEventListener("popstate", handleHashChange);
-    };
-  }, []);
-  return hash;
+import { useEffect, useState } from "react";
+const useHash = ()=>{
+    const getHash = ()=>window.location.hash;
+    const [hash, setHash] = useState(getHash);
+    useEffect(()=>{
+        const handleHashChange = ()=>{
+            setHash(getHash());
+        };
+        window.addEventListener("hashchange", handleHashChange);
+        window.addEventListener("popstate", handleHashChange);
+        return ()=>{
+            window.removeEventListener("hashchange", handleHashChange);
+            window.removeEventListener("popstate", handleHashChange);
+        };
+    }, []);
+    return hash;
 };
+export { useHash };
 
 //# sourceMappingURL=useHash.js.map

package/Sidebar/stories/useHash.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useEffect","useHash","getHash","window","location","hash","setHash","handleHashChange","addEventListener","removeEventListener"],"sources":["useHash.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * A hook that returns the current URL hash and updates\n * whenever it changes (via hashchange event or popstate).\n *\n * @returns The current hash value\n */\nexport const useHash = (): string => {\n    const getHash = () => {\n        return window.location.hash;\n    };\n\n    const [hash, setHash] = useState<string>(getHash);\n\n    useEffect(() => {\n        const handleHashChange = () => {\n            setHash(getHash());\n        };\n\n        // Listen for hash changes (including from our Link component)\n        window.addEventListener(\"hashchange\", handleHashChange);\n\n        // Also listen for popstate (back/forward navigation)\n        window.addEventListener(\"popstate\", handleHashChange);\n\n        return () => {\n            window.removeEventListener(\"hashchange\", handleHashChange);\n            window.removeEventListener(\"popstate\", handleHashChange);\n        };\n    }, []);\n\n    return hash;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAc;EACjC,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClB,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI;EAC/B,CAAC;EAED,MAAM,CAACA,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAASG,OAAO,CAAC;EAEjDF,SAAS,CAAC,MAAM;IACZ,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;MAC3BD,OAAO,CAACJ,OAAO,CAAC,CAAC,CAAC;IACtB,CAAC;;IAED;IACAC,MAAM,CAACK,gBAAgB,CAAC,YAAY,EAAED,gBAAgB,CAAC;;IAEvD;IACAJ,MAAM,CAACK,gBAAgB,CAAC,UAAU,EAAED,gBAAgB,CAAC;IAErD,OAAO,MAAM;MACTJ,MAAM,CAACM,mBAAmB,CAAC,YAAY,EAAEF,gBAAgB,CAAC;MAC1DJ,MAAM,CAACM,mBAAmB,CAAC,UAAU,EAAEF,gBAAgB,CAAC;IAC5D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"Sidebar/stories/useHash.js","sources":["../../../src/Sidebar/stories/useHash.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * A hook that returns the current URL hash and updates\n * whenever it changes (via hashchange event or popstate).\n *\n * @returns The current hash value\n */\nexport const useHash = (): string => {\n    const getHash = () => {\n        return window.location.hash;\n    };\n\n    const [hash, setHash] = useState<string>(getHash);\n\n    useEffect(() => {\n        const handleHashChange = () => {\n            setHash(getHash());\n        };\n\n        // Listen for hash changes (including from our Link component)\n        window.addEventListener(\"hashchange\", handleHashChange);\n\n        // Also listen for popstate (back/forward navigation)\n        window.addEventListener(\"popstate\", handleHashChange);\n\n        return () => {\n            window.removeEventListener(\"hashchange\", handleHashChange);\n            window.removeEventListener(\"popstate\", handleHashChange);\n        };\n    }, []);\n\n    return hash;\n};\n"],"names":["useHash","getHash","window","hash","setHash","useState","useEffect","handleHashChange"],"mappings":";AAQO,MAAMA,UAAU;IACnB,MAAMC,UAAU,IACLC,OAAO,QAAQ,CAAC,IAAI;IAG/B,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAiBJ;IAEzCK,UAAU;QACN,MAAMC,mBAAmB;YACrBH,QAAQH;QACZ;QAGAC,OAAO,gBAAgB,CAAC,cAAcK;QAGtCL,OAAO,gBAAgB,CAAC,YAAYK;QAEpC,OAAO;YACHL,OAAO,mBAAmB,CAAC,cAAcK;YACzCL,OAAO,mBAAmB,CAAC,YAAYK;QAC3C;IACJ,GAAG,EAAE;IAEL,OAAOJ;AACX"}

package/Skeleton/Skeleton.js

@@ -1,51 +1,46 @@
-import React from "react";
+import react from "react";
 import { cn, cva, makeDecoratable } from "../utils.js";
 const skeletonVariants = cva("animate-skeleton-pulse rounded-sm", {
-  variants: {
-    type: {
-      text: "w-full",
-      thumbnail: "aspect-square",
-      area: "size-full"
+    variants: {
+        type: {
+            text: "w-full",
+            thumbnail: "aspect-square",
+            area: "size-full"
+        },
+        size: {
+            xs: "h-sm",
+            sm: "h-sm-extra",
+            md: "h-md",
+            lg: "h-lg",
+            xl: "h-xl",
+            xxl: "h-[40px]",
+            "3xl": "h-xxl"
+        }
     },
-    size: {
-      xs: "h-sm",
-      sm: "h-sm-extra",
-      md: "h-md",
-      lg: "h-lg",
-      xl: "h-xl",
-      xxl: "h-[40px]",
-      "3xl": "h-xxl"
+    compoundVariants: [
+        {
+            type: "thumbnail",
+            size: "xs",
+            class: "hidden!"
+        },
+        {
+            type: "text",
+            size: "3xl",
+            class: "hidden!"
+        }
+    ],
+    defaultVariants: {
+        type: "area",
+        size: "lg"
     }
-  },
-  compoundVariants: [
-  // The following compound variants are not supported by the current version of the design system.
-  {
-    type: "thumbnail",
-    size: "xs",
-    class: "hidden!"
-  }, {
-    type: "text",
-    size: "3xl",
-    class: "hidden!"
-  }],
-  defaultVariants: {
-    type: "area",
-    size: "lg"
-  }
 });
-const DecoratableSkeleton = ({
-  size,
-  type,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: cn(skeletonVariants({
-      size,
-      type
-    }), className)
-  }, props));
-};
+const DecoratableSkeleton = ({ size, type, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn(skeletonVariants({
+            size,
+            type
+        }), className),
+        ...props
+    });
 const Skeleton = makeDecoratable("Skeleton", DecoratableSkeleton);
 export { Skeleton };
 

package/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","skeletonVariants","variants","type","text","thumbnail","area","size","xs","sm","md","lg","xl","xxl","compoundVariants","class","defaultVariants","DecoratableSkeleton","className","props","createElement","Object","assign","Skeleton"],"sources":["Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils.js\";\n\nconst skeletonVariants = cva(\"animate-skeleton-pulse rounded-sm\", {\n    variants: {\n        type: {\n            text: \"w-full\",\n            thumbnail: \"aspect-square\",\n            area: \"size-full\"\n        },\n        size: {\n            xs: \"h-sm\",\n            sm: \"h-sm-extra\",\n            md: \"h-md\",\n            lg: \"h-lg\",\n            xl: \"h-xl\",\n            xxl: \"h-[40px]\",\n            \"3xl\": \"h-xxl\"\n        }\n    },\n    compoundVariants: [\n        // The following compound variants are not supported by the current version of the design system.\n        {\n            type: \"thumbnail\",\n            size: \"xs\",\n            class: \"hidden!\"\n        },\n        {\n            type: \"text\",\n            size: \"3xl\",\n            class: \"hidden!\"\n        }\n    ],\n    defaultVariants: {\n        type: \"area\",\n        size: \"lg\"\n    }\n});\n\ninterface SkeletonProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {}\n\nconst DecoratableSkeleton = ({ size, type, className, ...props }: SkeletonProps) => {\n    return <div className={cn(skeletonVariants({ size, type }), className)} {...props} />;\n};\n\nconst Skeleton = makeDecoratable(\"Skeleton\", DecoratableSkeleton);\n\nexport { Skeleton, type SkeletonProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AAEpD,MAAMC,gBAAgB,GAAGF,GAAG,CAAC,mCAAmC,EAAE;EAC9DG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,IAAI,EAAE,QAAQ;MACdC,SAAS,EAAE,eAAe;MAC1BC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,MAAM;MACVC,GAAG,EAAE,UAAU;MACf,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,gBAAgB,EAAE;EACd;EACA;IACIX,IAAI,EAAE,WAAW;IACjBI,IAAI,EAAE,IAAI;IACVQ,KAAK,EAAE;EACX,CAAC,EACD;IACIZ,IAAI,EAAE,MAAM;IACZI,IAAI,EAAE,KAAK;IACXQ,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbb,IAAI,EAAE,MAAM;IACZI,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,MAAMU,mBAAmB,GAAGA,CAAC;EAAEV,IAAI;EAAEJ,IAAI;EAAEe,SAAS;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAChF,oBAAOtB,KAAA,CAAAuB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEpB,EAAE,CAACG,gBAAgB,CAAC;MAAEM,IAAI;MAAEJ;IAAK,CAAC,CAAC,EAAEe,SAAS;EAAE,GAAKC,KAAK,CAAG,CAAC;AACzF,CAAC;AAED,MAAMI,QAAQ,GAAGvB,eAAe,CAAC,UAAU,EAAEiB,mBAAmB,CAAC;AAEjE,SAASM,QAAQ","ignoreList":[]}
+{"version":3,"file":"Skeleton/Skeleton.js","sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils.js\";\n\nconst skeletonVariants = cva(\"animate-skeleton-pulse rounded-sm\", {\n    variants: {\n        type: {\n            text: \"w-full\",\n            thumbnail: \"aspect-square\",\n            area: \"size-full\"\n        },\n        size: {\n            xs: \"h-sm\",\n            sm: \"h-sm-extra\",\n            md: \"h-md\",\n            lg: \"h-lg\",\n            xl: \"h-xl\",\n            xxl: \"h-[40px]\",\n            \"3xl\": \"h-xxl\"\n        }\n    },\n    compoundVariants: [\n        // The following compound variants are not supported by the current version of the design system.\n        {\n            type: \"thumbnail\",\n            size: \"xs\",\n            class: \"hidden!\"\n        },\n        {\n            type: \"text\",\n            size: \"3xl\",\n            class: \"hidden!\"\n        }\n    ],\n    defaultVariants: {\n        type: \"area\",\n        size: \"lg\"\n    }\n});\n\ninterface SkeletonProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {}\n\nconst DecoratableSkeleton = ({ size, type, className, ...props }: SkeletonProps) => {\n    return <div className={cn(skeletonVariants({ size, type }), className)} {...props} />;\n};\n\nconst Skeleton = makeDecoratable(\"Skeleton\", DecoratableSkeleton);\n\nexport { Skeleton, type SkeletonProps };\n"],"names":["skeletonVariants","cva","DecoratableSkeleton","size","type","className","props","cn","Skeleton","makeDecoratable"],"mappings":";;AAGA,MAAMA,mBAAmBC,IAAI,qCAAqC;IAC9D,UAAU;QACN,MAAM;YACF,MAAM;YACN,WAAW;YACX,MAAM;QACV;QACA,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,KAAK;YACL,OAAO;QACX;IACJ;IACA,kBAAkB;QAEd;YACI,MAAM;YACN,MAAM;YACN,OAAO;QACX;QACA;YACI,MAAM;YACN,MAAM;YACN,OAAO;QACX;KACH;IACD,iBAAiB;QACb,MAAM;QACN,MAAM;IACV;AACJ;AAKA,MAAMC,sBAAsB,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAsB,GACpE,WAAP,GAAO,oBAAC;QAAI,WAAWC,GAAGP,iBAAiB;YAAEG;YAAMC;QAAK,IAAIC;QAAa,GAAGC,KAAK;;AAGrF,MAAME,WAAWC,gBAAgB,YAAYP"}

package/Skeleton/Skeleton.stories.js

@@ -1,108 +1,134 @@
-import React from "react";
+import react from "react";
 import { Skeleton } from "./Skeleton.js";
 const meta = {
-  title: "Components/Skeleton",
-  component: Skeleton,
-  parameters: {
-    layout: "padded"
-  },
-  argTypes: {
-    type: {
-      control: "select",
-      options: ["text", "thumbnail", "area"]
+    title: "Components/Skeleton",
+    component: Skeleton,
+    parameters: {
+        layout: "padded"
     },
-    size: {
-      control: "select",
-      options: ["xs", "sm", "md", "lg", "xl", "xxl", "3xl"]
+    argTypes: {
+        type: {
+            control: "select",
+            options: [
+                "text",
+                "thumbnail",
+                "area"
+            ]
+        },
+        size: {
+            control: "select",
+            options: [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "xxl",
+                "3xl"
+            ]
+        }
     }
-  }
 };
-export default meta;
-export const Default = {};
-export const Text = {
-  args: {
-    type: "text"
-  }
+const Skeleton_stories = meta;
+const Default = {};
+const Text = {
+    args: {
+        type: "text"
+    }
 };
-export const Thumbnail = {
-  args: {
-    type: "thumbnail"
-  }
+const Thumbnail = {
+    args: {
+        type: "thumbnail"
+    }
 };
-export const Area = {
-  args: {
-    type: "area",
-    className: "w-1/2 h-32"
-  }
+const Area = {
+    args: {
+        type: "area",
+        className: "w-1/2 h-32"
+    }
 };
-export const MultipleAreas = {
-  render: () => /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-md"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, /*#__PURE__*/React.createElement(Skeleton, {
-    type: "area",
-    className: "w-32 h-32"
-  }), /*#__PURE__*/React.createElement(Skeleton, {
-    type: "area",
-    className: "w-32 h-32"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
-    type: "area",
-    className: "w-32 h-full"
-  })))
+const MultipleAreas = {
+    render: ()=>/*#__PURE__*/ react.createElement("div", {
+            className: "flex gap-md"
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex flex-col gap-md"
+        }, /*#__PURE__*/ react.createElement(Skeleton, {
+            type: "area",
+            className: "w-32 h-32"
+        }), /*#__PURE__*/ react.createElement(Skeleton, {
+            type: "area",
+            className: "w-32 h-32"
+        })), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Skeleton, {
+            type: "area",
+            className: "w-32 h-full"
+        })))
 };
-export const ExtraSmall = {
-  args: {
-    size: "xs"
-  }
+const ExtraSmall = {
+    args: {
+        size: "xs"
+    }
 };
-export const Small = {
-  args: {
-    size: "sm"
-  }
+const Small = {
+    args: {
+        size: "sm"
+    }
 };
-export const Medium = {
-  args: {
-    size: "md"
-  }
+const Medium = {
+    args: {
+        size: "md"
+    }
 };
-export const Large = {
-  args: {
-    size: "lg"
-  }
+const Large = {
+    args: {
+        size: "lg"
+    }
 };
-export const ExtraLarge = {
-  args: {
-    size: "xl"
-  }
+const ExtraLarge = {
+    args: {
+        size: "xl"
+    }
 };
-export const DoubleExtraLarge = {
-  args: {
-    size: "xxl"
-  }
+const DoubleExtraLarge = {
+    args: {
+        size: "xxl"
+    }
 };
-export const TripleExtraLarge = {
-  args: {
-    size: "3xl"
-  }
+const TripleExtraLarge = {
+    args: {
+        size: "3xl"
+    }
 };
-export const Documentation = {
-  args: {
-    type: "area",
-    size: "lg"
-  },
-  argTypes: {
-    type: {
-      control: "select",
-      description: "The type of skeleton to display",
-      options: ["text", "thumbnail", "area"]
+const Documentation = {
+    args: {
+        type: "area",
+        size: "lg"
     },
-    size: {
-      control: "select",
-      description: "The size of the skeleton",
-      options: ["xs", "sm", "md", "lg", "xl", "xxl", "3xl"]
+    argTypes: {
+        type: {
+            control: "select",
+            description: "The type of skeleton to display",
+            options: [
+                "text",
+                "thumbnail",
+                "area"
+            ]
+        },
+        size: {
+            control: "select",
+            description: "The size of the skeleton",
+            options: [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "xxl",
+                "3xl"
+            ]
+        }
     }
-  }
 };
+export default Skeleton_stories;
+export { Area, Default, Documentation, DoubleExtraLarge, ExtraLarge, ExtraSmall, Large, Medium, MultipleAreas, Small, Text, Thumbnail, TripleExtraLarge };
 
 //# sourceMappingURL=Skeleton.stories.js.map

package/Skeleton/Skeleton.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Skeleton","meta","title","component","parameters","layout","argTypes","type","control","options","size","Default","Text","args","Thumbnail","Area","className","MultipleAreas","render","createElement","ExtraSmall","Small","Medium","Large","ExtraLarge","DoubleExtraLarge","TripleExtraLarge","Documentation","description"],"sources":["Skeleton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Skeleton } from \"./Skeleton.js\";\n\nconst meta: Meta<typeof Skeleton> = {\n    title: \"Components/Skeleton\",\n    component: Skeleton,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        type: {\n            control: \"select\",\n            options: [\"text\", \"thumbnail\", \"area\"]\n        },\n        size: {\n            control: \"select\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\", \"3xl\"]\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Skeleton>;\n\nexport const Default: Story = {};\n\nexport const Text: Story = {\n    args: {\n        type: \"text\"\n    }\n};\n\nexport const Thumbnail: Story = {\n    args: {\n        type: \"thumbnail\"\n    }\n};\n\nexport const Area: Story = {\n    args: {\n        type: \"area\",\n        className: \"w-1/2 h-32\"\n    }\n};\n\nexport const MultipleAreas: Story = {\n    render: () => (\n        <div className=\"flex gap-md\">\n            <div className=\"flex flex-col gap-md\">\n                <Skeleton type=\"area\" className={\"w-32 h-32\"} />\n                <Skeleton type=\"area\" className={\"w-32 h-32\"} />\n            </div>\n            <div>\n                <Skeleton type=\"area\" className=\"w-32 h-full\" />\n            </div>\n        </div>\n    )\n};\n\nexport const ExtraSmall: Story = {\n    args: {\n        size: \"xs\"\n    }\n};\n\nexport const Small: Story = {\n    args: {\n        size: \"sm\"\n    }\n};\n\nexport const Medium: Story = {\n    args: {\n        size: \"md\"\n    }\n};\n\nexport const Large: Story = {\n    args: {\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLarge: Story = {\n    args: {\n        size: \"xl\"\n    }\n};\n\nexport const DoubleExtraLarge: Story = {\n    args: {\n        size: \"xxl\"\n    }\n};\n\nexport const TripleExtraLarge: Story = {\n    args: {\n        size: \"3xl\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        type: \"area\",\n        size: \"lg\"\n    },\n    argTypes: {\n        type: {\n            control: \"select\",\n            description: \"The type of skeleton to display\",\n            options: [\"text\", \"thumbnail\", \"area\"]\n        },\n        size: {\n            control: \"select\",\n            description: \"The size of the skeleton\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\", \"3xl\"]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Skeleton/Skeleton.stories.js","sources":["../../src/Skeleton/Skeleton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Skeleton } from \"./Skeleton.js\";\n\nconst meta: Meta<typeof Skeleton> = {\n    title: \"Components/Skeleton\",\n    component: Skeleton,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        type: {\n            control: \"select\",\n            options: [\"text\", \"thumbnail\", \"area\"]\n        },\n        size: {\n            control: \"select\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\", \"3xl\"]\n        }\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Skeleton>;\n\nexport const Default: Story = {};\n\nexport const Text: Story = {\n    args: {\n        type: \"text\"\n    }\n};\n\nexport const Thumbnail: Story = {\n    args: {\n        type: \"thumbnail\"\n    }\n};\n\nexport const Area: Story = {\n    args: {\n        type: \"area\",\n        className: \"w-1/2 h-32\"\n    }\n};\n\nexport const MultipleAreas: Story = {\n    render: () => (\n        <div className=\"flex gap-md\">\n            <div className=\"flex flex-col gap-md\">\n                <Skeleton type=\"area\" className={\"w-32 h-32\"} />\n                <Skeleton type=\"area\" className={\"w-32 h-32\"} />\n            </div>\n            <div>\n                <Skeleton type=\"area\" className=\"w-32 h-full\" />\n            </div>\n        </div>\n    )\n};\n\nexport const ExtraSmall: Story = {\n    args: {\n        size: \"xs\"\n    }\n};\n\nexport const Small: Story = {\n    args: {\n        size: \"sm\"\n    }\n};\n\nexport const Medium: Story = {\n    args: {\n        size: \"md\"\n    }\n};\n\nexport const Large: Story = {\n    args: {\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLarge: Story = {\n    args: {\n        size: \"xl\"\n    }\n};\n\nexport const DoubleExtraLarge: Story = {\n    args: {\n        size: \"xxl\"\n    }\n};\n\nexport const TripleExtraLarge: Story = {\n    args: {\n        size: \"3xl\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        type: \"area\",\n        size: \"lg\"\n    },\n    argTypes: {\n        type: {\n            control: \"select\",\n            description: \"The type of skeleton to display\",\n            options: [\"text\", \"thumbnail\", \"area\"]\n        },\n        size: {\n            control: \"select\",\n            description: \"The size of the skeleton\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\", \"3xl\"]\n        }\n    }\n};\n"],"names":["meta","Skeleton","Default","Text","Thumbnail","Area","MultipleAreas","ExtraSmall","Small","Medium","Large","ExtraLarge","DoubleExtraLarge","TripleExtraLarge","Documentation"],"mappings":";;AAIA,MAAMA,OAA8B;IAChC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,UAAU;QACN,MAAM;YACF,SAAS;YACT,SAAS;gBAAC;gBAAQ;gBAAa;aAAO;QAC1C;QACA,MAAM;YACF,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;gBAAM;gBAAM;gBAAO;aAAM;QACzD;IACJ;AACJ;AAEA,yBAAeD;AAIR,MAAME,UAAiB,CAAC;AAExB,MAAMC,OAAc;IACvB,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,OAAc;IACvB,MAAM;QACF,MAAM;QACN,WAAW;IACf;AACJ;AAEO,MAAMC,gBAAuB;IAChC,QAAQ,kBACJ,oBAAC;YAAI,WAAU;yBACX,oBAAC;YAAI,WAAU;yBACX,oBAACL,UAAQA;YAAC,MAAK;YAAO,WAAW;0BACjC,oBAACA,UAAQA;YAAC,MAAK;YAAO,WAAW;2BAErC,oBAAC,2BACG,oBAACA,UAAQA;YAAC,MAAK;YAAO,WAAU;;AAIhD;AAEO,MAAMM,aAAoB;IAC7B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,QAAe;IACxB,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,QAAe;IACxB,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,aAAoB;IAC7B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,mBAA0B;IACnC,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,mBAA0B;IACnC,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;QACF,MAAM;QACN,MAAM;IACV;IACA,UAAU;QACN,MAAM;YACF,SAAS;YACT,aAAa;YACb,SAAS;gBAAC;gBAAQ;gBAAa;aAAO;QAC1C;QACA,MAAM;YACF,SAAS;YACT,aAAa;YACb,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;gBAAM;gBAAM;gBAAO;aAAM;QACzD;IACJ;AACJ"}

package/Skeleton/index.js

@@ -1,3 +1 @@
 export * from "./Skeleton.js";
-
-//# sourceMappingURL=index.js.map