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

package/Popover/primitives/components/PopoverArrow.js

@@ -1,28 +1,25 @@
-import * as React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
+import { Popover } from "radix-ui";
 import { cn, cva } from "../../../utils.js";
+import * as __rspack_external_react from "react";
 const popoverArrowVariants = cva("", {
-  variants: {
-    variant: {
-      accent: "border-neutral-black",
-      subtle: "fill-neutral-base"
+    variants: {
+        variant: {
+            accent: "border-neutral-black",
+            subtle: "fill-neutral-base"
+        }
+    },
+    defaultVariants: {
+        variant: "subtle"
     }
-  },
-  defaultVariants: {
-    variant: "subtle"
-  }
 });
-const PopoverArrow = ({
-  variant,
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(PopoverPrimitive.Arrow, Object.assign({}, props, {
-  width: 12,
-  height: 6,
-  className: cn(popoverArrowVariants({
-    variant
-  }), className)
-}));
+const PopoverArrow = ({ variant, className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Popover.Arrow, {
+        ...props,
+        width: 12,
+        height: 6,
+        className: cn(popoverArrowVariants({
+            variant
+        }), className)
+    });
 export { PopoverArrow };
 
 //# sourceMappingURL=PopoverArrow.js.map

package/Popover/primitives/components/PopoverArrow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","PopoverPrimitive","cn","cva","popoverArrowVariants","variants","variant","accent","subtle","defaultVariants","PopoverArrow","className","props","createElement","Arrow","Object","assign","width","height"],"sources":["PopoverArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst popoverArrowVariants = cva(\"\", {\n    variants: {\n        variant: {\n            accent: \"border-neutral-black\",\n            subtle: \"fill-neutral-base\"\n        }\n    },\n    defaultVariants: {\n        variant: \"subtle\"\n    }\n});\n\ntype PopoverArrowProps = PopoverPrimitive.PopoverArrowProps &\n    VariantProps<typeof popoverArrowVariants>;\n\nconst PopoverArrow = ({ variant, className, ...props }: PopoverArrowProps) => (\n    <PopoverPrimitive.Arrow\n        {...props}\n        width={12}\n        height={6}\n        className={cn(popoverArrowVariants({ variant }), className)}\n    />\n);\n\nexport { PopoverArrow, type PopoverArrowProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,EAAE,EAAE;EACjCE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,sBAAsB;MAC9BC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAKF,MAAMI,YAAY,GAAGA,CAAC;EAAEJ,OAAO;EAAEK,SAAS;EAAE,GAAGC;AAAyB,CAAC,kBACrEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,CAACa,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACfJ,KAAK;EACTK,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,CAAE;EACVP,SAAS,EAAET,EAAE,CAACE,oBAAoB,CAAC;IAAEE;EAAQ,CAAC,CAAC,EAAEK,SAAS;AAAE,EAC/D,CACJ;AAED,SAASD,YAAY","ignoreList":[]}
+{"version":3,"file":"Popover/primitives/components/PopoverArrow.js","sources":["../../../../src/Popover/primitives/components/PopoverArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst popoverArrowVariants = cva(\"\", {\n    variants: {\n        variant: {\n            accent: \"border-neutral-black\",\n            subtle: \"fill-neutral-base\"\n        }\n    },\n    defaultVariants: {\n        variant: \"subtle\"\n    }\n});\n\ntype PopoverArrowProps = PopoverPrimitive.PopoverArrowProps &\n    VariantProps<typeof popoverArrowVariants>;\n\nconst PopoverArrow = ({ variant, className, ...props }: PopoverArrowProps) => (\n    <PopoverPrimitive.Arrow\n        {...props}\n        width={12}\n        height={6}\n        className={cn(popoverArrowVariants({ variant }), className)}\n    />\n);\n\nexport { PopoverArrow, type PopoverArrowProps };\n"],"names":["popoverArrowVariants","cva","PopoverArrow","variant","className","props","PopoverPrimitive","cn"],"mappings":";;;AAIA,MAAMA,uBAAuBC,IAAI,IAAI;IACjC,UAAU;QACN,SAAS;YACL,QAAQ;YACR,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAKA,MAAMC,eAAe,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,OAA0B,iBACrE,sCAACC,QAAAA,KAAsB;QAClB,GAAGD,KAAK;QACT,OAAO;QACP,QAAQ;QACR,WAAWE,GAAGP,qBAAqB;YAAEG;QAAQ,IAAIC"}

package/Popover/primitives/components/PopoverClose.js

@@ -1,12 +1,9 @@
-import React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
-const PopoverClose = ({
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(PopoverPrimitive.Close, Object.assign({
-    "data-slot": "popover-close"
-  }, props));
-};
+import react from "react";
+import { Popover } from "radix-ui";
+const PopoverClose = ({ ...props })=>/*#__PURE__*/ react.createElement(Popover.Close, {
+        "data-slot": "popover-close",
+        ...props
+    });
 export { PopoverClose };
 
 //# sourceMappingURL=PopoverClose.js.map

package/Popover/primitives/components/PopoverClose.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverClose","props","createElement","Close","Object","assign"],"sources":["PopoverClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverCloseProps = PopoverPrimitive.PopoverCloseProps;\n\nconst PopoverClose = ({ ...props }: PopoverCloseProps) => {\n    return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n};\n\nexport { PopoverClose, type PopoverCloseProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,YAAY,GAAGA,CAAC;EAAE,GAAGC;AAAyB,CAAC,KAAK;EACtD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAe,GAAKJ,KAAK,CAAG,CAAC;AAC1E,CAAC;AAED,SAASD,YAAY","ignoreList":[]}
+{"version":3,"file":"Popover/primitives/components/PopoverClose.js","sources":["../../../../src/Popover/primitives/components/PopoverClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverCloseProps = PopoverPrimitive.PopoverCloseProps;\n\nconst PopoverClose = ({ ...props }: PopoverCloseProps) => {\n    return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n};\n\nexport { PopoverClose, type PopoverCloseProps };\n"],"names":["PopoverClose","props","PopoverPrimitive"],"mappings":";;AAKA,MAAMA,eAAe,CAAC,EAAE,GAAGC,OAA0B,GAC1C,WAAP,GAAO,oBAACC,QAAAA,KAAsB;QAAC,aAAU;QAAiB,GAAGD,KAAK"}

package/Popover/primitives/components/PopoverContent.js

@@ -1,39 +1,43 @@
-import * as React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
+import { Popover } from "radix-ui";
 import { cn, cva } from "../../../utils.js";
-const popoverContentVariants = cva(["bg-neutral-base rounded-sm shadow-md overflow-hidden outline-none z-popover", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-(--radix-popover-content-transform-origin)", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"], {
-  variants: {
-    variant: {
-      accent: "bg-neutral-dark text-neutral-light border-neutral-black",
-      subtle: "bg-neutral-base text-neutral-primary border-neutral-muted"
+import * as __rspack_external_react from "react";
+const popoverContentVariants = cva([
+    "bg-neutral-base rounded-sm shadow-md overflow-hidden outline-none z-popover",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-(--radix-popover-content-transform-origin)",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+], {
+    variants: {
+        variant: {
+            accent: "bg-neutral-dark text-neutral-light border-neutral-black",
+            subtle: "bg-neutral-base text-neutral-primary border-neutral-muted"
+        },
+        arrow: {
+            true: [
+                "data-[side=top]:pb-xs-plus",
+                "data-[side=bottom]:pt-xs-plus",
+                "data-[side=left]:pr-xs-plus",
+                "data-[side=right]:pl-xs-plus"
+            ],
+            false: [
+                "border-sm"
+            ]
+        }
     },
-    arrow: {
-      true: ["data-[side=top]:pb-xs-plus", "data-[side=bottom]:pt-xs-plus", "data-[side=left]:pr-xs-plus", "data-[side=right]:pl-xs-plus"],
-      false: ["border-sm"]
+    defaultVariants: {
+        variant: "subtle"
     }
-  },
-  defaultVariants: {
-    variant: "subtle"
-  }
 });
-const PopoverContent = ({
-  className,
-  variant,
-  arrow = false,
-  align = "center",
-  sideOffset = 6,
-  collisionPadding = 8,
-  ...props
-}) => /*#__PURE__*/React.createElement(PopoverPrimitive.Portal, null, /*#__PURE__*/React.createElement(PopoverPrimitive.Content, Object.assign({
-  "data-slot": "popover-content",
-  align: align,
-  sideOffset: sideOffset,
-  collisionPadding: collisionPadding,
-  className: cn(popoverContentVariants({
-    variant,
-    arrow
-  }), className)
-}, props)));
+const PopoverContent = ({ className, variant, arrow = false, align = "center", sideOffset = 6, collisionPadding = 8, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Popover.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(Popover.Content, {
+        "data-slot": "popover-content",
+        align: align,
+        sideOffset: sideOffset,
+        collisionPadding: collisionPadding,
+        className: cn(popoverContentVariants({
+            variant,
+            arrow
+        }), className),
+        ...props
+    }));
 export { PopoverContent };
 
 //# sourceMappingURL=PopoverContent.js.map

package/Popover/primitives/components/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","PopoverPrimitive","cn","cva","popoverContentVariants","variants","variant","accent","subtle","arrow","true","false","defaultVariants","PopoverContent","className","align","sideOffset","collisionPadding","props","createElement","Portal","Content","Object","assign"],"sources":["PopoverContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst popoverContentVariants = cva(\n    [\n        \"bg-neutral-base rounded-sm shadow-md overflow-hidden outline-none z-popover\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-(--radix-popover-content-transform-origin)\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"bg-neutral-dark text-neutral-light border-neutral-black\",\n                subtle: \"bg-neutral-base text-neutral-primary border-neutral-muted\"\n            },\n            arrow: {\n                true: [\n                    \"data-[side=top]:pb-xs-plus\",\n                    \"data-[side=bottom]:pt-xs-plus\",\n                    \"data-[side=left]:pr-xs-plus\",\n                    \"data-[side=right]:pl-xs-plus\"\n                ],\n                false: [\"border-sm\"]\n            }\n        },\n        defaultVariants: {\n            variant: \"subtle\"\n        }\n    }\n);\n\ntype PopoverContentProps = PopoverPrimitive.PopoverContentProps &\n    VariantProps<typeof popoverContentVariants>;\n\nconst PopoverContent = ({\n    className,\n    variant,\n    arrow = false,\n    align = \"center\",\n    sideOffset = 6,\n    collisionPadding = 8,\n    ...props\n}: PopoverContentProps) => (\n    <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n            data-slot=\"popover-content\"\n            align={align}\n            sideOffset={sideOffset}\n            collisionPadding={collisionPadding}\n            className={cn(popoverContentVariants({ variant, arrow }), className)}\n            {...props}\n        />\n    </PopoverPrimitive.Portal>\n);\n\nexport { PopoverContent, type PopoverContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,sBAAsB,GAAGD,GAAG,CAC9B,CACI,6EAA6E,EAC7E,wOAAwO,EACxO,6JAA6J,CAChK,EACD;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,yDAAyD;MACjEC,MAAM,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,CACF,4BAA4B,EAC5B,+BAA+B,EAC/B,6BAA6B,EAC7B,8BAA8B,CACjC;MACDC,KAAK,EAAE,CAAC,WAAW;IACvB;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAKD,MAAMO,cAAc,GAAGA,CAAC;EACpBC,SAAS;EACTR,OAAO;EACPG,KAAK,GAAG,KAAK;EACbM,KAAK,GAAG,QAAQ;EAChBC,UAAU,GAAG,CAAC;EACdC,gBAAgB,GAAG,CAAC;EACpB,GAAGC;AACc,CAAC,kBAClBnB,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB,CAACmB,MAAM,qBACpBrB,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB,CAACoB,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrB,aAAU,iBAAiB;EAC3BR,KAAK,EAAEA,KAAM;EACbC,UAAU,EAAEA,UAAW;EACvBC,gBAAgB,EAAEA,gBAAiB;EACnCH,SAAS,EAAEZ,EAAE,CAACE,sBAAsB,CAAC;IAAEE,OAAO;IAAEG;EAAM,CAAC,CAAC,EAAEK,SAAS;AAAE,GACjEI,KAAK,CACZ,CACoB,CAC5B;AAED,SAASL,cAAc","ignoreList":[]}
+{"version":3,"file":"Popover/primitives/components/PopoverContent.js","sources":["../../../../src/Popover/primitives/components/PopoverContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst popoverContentVariants = cva(\n    [\n        \"bg-neutral-base rounded-sm shadow-md overflow-hidden outline-none z-popover\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-(--radix-popover-content-transform-origin)\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"bg-neutral-dark text-neutral-light border-neutral-black\",\n                subtle: \"bg-neutral-base text-neutral-primary border-neutral-muted\"\n            },\n            arrow: {\n                true: [\n                    \"data-[side=top]:pb-xs-plus\",\n                    \"data-[side=bottom]:pt-xs-plus\",\n                    \"data-[side=left]:pr-xs-plus\",\n                    \"data-[side=right]:pl-xs-plus\"\n                ],\n                false: [\"border-sm\"]\n            }\n        },\n        defaultVariants: {\n            variant: \"subtle\"\n        }\n    }\n);\n\ntype PopoverContentProps = PopoverPrimitive.PopoverContentProps &\n    VariantProps<typeof popoverContentVariants>;\n\nconst PopoverContent = ({\n    className,\n    variant,\n    arrow = false,\n    align = \"center\",\n    sideOffset = 6,\n    collisionPadding = 8,\n    ...props\n}: PopoverContentProps) => (\n    <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n            data-slot=\"popover-content\"\n            align={align}\n            sideOffset={sideOffset}\n            collisionPadding={collisionPadding}\n            className={cn(popoverContentVariants({ variant, arrow }), className)}\n            {...props}\n        />\n    </PopoverPrimitive.Portal>\n);\n\nexport { PopoverContent, type PopoverContentProps };\n"],"names":["popoverContentVariants","cva","PopoverContent","className","variant","arrow","align","sideOffset","collisionPadding","props","PopoverPrimitive","cn"],"mappings":";;;AAIA,MAAMA,yBAAyBC,IAC3B;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,SAAS;YACL,QAAQ;YACR,QAAQ;QACZ;QACA,OAAO;YACH,MAAM;gBACF;gBACA;gBACA;gBACA;aACH;YACD,OAAO;gBAAC;aAAY;QACxB;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAMJ,MAAMC,iBAAiB,CAAC,EACpBC,SAAS,EACTC,OAAO,EACPC,QAAQ,KAAK,EACbC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACdC,mBAAmB,CAAC,EACpB,GAAGC,OACe,iBAClB,sCAACC,QAAAA,MAAuB,sBACpB,sCAACA,QAAAA,OAAwB;QACrB,aAAU;QACV,OAAOJ;QACP,YAAYC;QACZ,kBAAkBC;QAClB,WAAWG,GAAGX,uBAAuB;YAAEI;YAASC;QAAM,IAAIF;QACzD,GAAGM,KAAK"}

package/Popover/primitives/components/PopoverRoot.js

@@ -1,12 +1,9 @@
-import React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
-const PopoverRoot = ({
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(PopoverPrimitive.Root, Object.assign({
-    "data-slot": "popover"
-  }, props));
-};
+import react from "react";
+import { Popover } from "radix-ui";
+const PopoverRoot = ({ ...props })=>/*#__PURE__*/ react.createElement(Popover.Root, {
+        "data-slot": "popover",
+        ...props
+    });
 export { PopoverRoot };
 
 //# sourceMappingURL=PopoverRoot.js.map

package/Popover/primitives/components/PopoverRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverRoot","props","createElement","Root","Object","assign"],"sources":["PopoverRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverRootProps = PopoverPrimitive.PopoverProps;\n\nconst PopoverRoot = ({ ...props }: PopoverRootProps) => {\n    return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n};\n\nexport { PopoverRoot, type PopoverRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,WAAW,GAAGA,CAAC;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACpD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,IAAI,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAS,GAAKJ,KAAK,CAAG,CAAC;AACnE,CAAC;AAED,SAASD,WAAW","ignoreList":[]}
+{"version":3,"file":"Popover/primitives/components/PopoverRoot.js","sources":["../../../../src/Popover/primitives/components/PopoverRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverRootProps = PopoverPrimitive.PopoverProps;\n\nconst PopoverRoot = ({ ...props }: PopoverRootProps) => {\n    return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n};\n\nexport { PopoverRoot, type PopoverRootProps };\n"],"names":["PopoverRoot","props","PopoverPrimitive"],"mappings":";;AAKA,MAAMA,cAAc,CAAC,EAAE,GAAGC,OAAyB,GACxC,WAAP,GAAO,oBAACC,QAAAA,IAAqB;QAAC,aAAU;QAAW,GAAGD,KAAK"}

package/Popover/primitives/components/PopoverTrigger.js

@@ -1,12 +1,9 @@
-import React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
-const PopoverTrigger = ({
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, Object.assign({
-    "data-slot": "popover-trigger"
-  }, props));
-};
+import react from "react";
+import { Popover } from "radix-ui";
+const PopoverTrigger = ({ ...props })=>/*#__PURE__*/ react.createElement(Popover.Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
 export { PopoverTrigger };
 
 //# sourceMappingURL=PopoverTrigger.js.map

package/Popover/primitives/components/PopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverTrigger","props","createElement","Trigger","Object","assign"],"sources":["PopoverTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;\n\nconst PopoverTrigger = ({ ...props }: PopoverTriggerProps) => {\n    return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n};\n\nexport { PopoverTrigger, type PopoverTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,cAAc,GAAGA,CAAC;EAAE,GAAGC;AAA2B,CAAC,KAAK;EAC1D,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,OAAO,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAiB,GAAKJ,KAAK,CAAG,CAAC;AAC9E,CAAC;AAED,SAASD,cAAc","ignoreList":[]}
+{"version":3,"file":"Popover/primitives/components/PopoverTrigger.js","sources":["../../../../src/Popover/primitives/components/PopoverTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;\n\nconst PopoverTrigger = ({ ...props }: PopoverTriggerProps) => {\n    return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n};\n\nexport { PopoverTrigger, type PopoverTriggerProps };\n"],"names":["PopoverTrigger","props","PopoverPrimitive"],"mappings":";;AAKA,MAAMA,iBAAiB,CAAC,EAAE,GAAGC,OAA4B,GAC9C,WAAP,GAAO,oBAACC,QAAAA,OAAwB;QAAC,aAAU;QAAmB,GAAGD,KAAK"}

package/Popover/primitives/components/index.js

@@ -4,5 +4,3 @@ export * from "./PopoverClose.js";
 export * from "./PopoverContent.js";
 export * from "./PopoverRoot.js";
 export * from "./PopoverTrigger.js";
-
-//# sourceMappingURL=index.js.map

package/Popover/primitives/index.js

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

package/Portal/Portal.js

@@ -1,5 +1,5 @@
-import { Portal as PortalPrimitive } from "radix-ui";
-const Portal = PortalPrimitive.Root;
-export { Portal };
+import { Portal } from "radix-ui";
+const Portal_Portal = Portal.Root;
+export { Portal_Portal as Portal };
 
 //# sourceMappingURL=Portal.js.map

package/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Portal","PortalPrimitive","Root"],"sources":["Portal.tsx"],"sourcesContent":["import { Portal as PortalPrimitive } from \"radix-ui\";\n\nconst Portal = PortalPrimitive.Root;\n\nexport { Portal };\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,MAAMD,MAAM,GAAGC,eAAe,CAACC,IAAI;AAEnC,SAASF,MAAM","ignoreList":[]}
+{"version":3,"file":"Portal/Portal.js","sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import { Portal as PortalPrimitive } from \"radix-ui\";\n\nconst Portal = PortalPrimitive.Root;\n\nexport { Portal };\n"],"names":["Portal","PortalPrimitive"],"mappings":";AAEA,MAAMA,gBAASC,OAAAA,IAAoB"}

package/Portal/index.js

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

package/ProgressBar/ProgressBar.js

@@ -1,24 +1,18 @@
-import * as React from "react";
 import { ProgressIndicator, ProgressRoot, ProgressValue } from "./components/index.js";
 import { useProgressBar } from "./useProgressBar.js";
 import { cn, makeDecoratable } from "../utils.js";
-const DecoratableProgressBar = ({
-  valuePosition,
-  className,
-  ...props
-}) => {
-  const {
-    vm
-  } = useProgressBar(props);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("w-full flex items-center gap-sm py-xs", className)
-  }, valuePosition && valuePosition !== "end" && /*#__PURE__*/React.createElement(ProgressValue, {
-    value: valuePosition === "start" ? vm.textValue : vm.textMin
-  }), /*#__PURE__*/React.createElement(ProgressRoot, props, /*#__PURE__*/React.createElement(ProgressIndicator, {
-    value: vm.value
-  })), valuePosition && valuePosition !== "start" && /*#__PURE__*/React.createElement(ProgressValue, {
-    value: vm.textValue
-  }));
+import * as __rspack_external_react from "react";
+const DecoratableProgressBar = ({ valuePosition, className, ...props })=>{
+    const { vm } = useProgressBar(props);
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn("w-full flex items-center gap-sm py-xs", className)
+    }, valuePosition && "end" !== valuePosition && /*#__PURE__*/ __rspack_external_react.createElement(ProgressValue, {
+        value: "start" === valuePosition ? vm.textValue : vm.textMin
+    }), /*#__PURE__*/ __rspack_external_react.createElement(ProgressRoot, props, /*#__PURE__*/ __rspack_external_react.createElement(ProgressIndicator, {
+        value: vm.value
+    })), valuePosition && "start" !== valuePosition && /*#__PURE__*/ __rspack_external_react.createElement(ProgressValue, {
+        value: vm.textValue
+    }));
 };
 const ProgressBar = makeDecoratable("ProgressBar", DecoratableProgressBar);
 export { ProgressBar };

package/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ProgressIndicator","ProgressRoot","ProgressValue","useProgressBar","cn","makeDecoratable","DecoratableProgressBar","valuePosition","className","props","vm","createElement","value","textValue","textMin","ProgressBar"],"sources":["ProgressBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    ProgressIndicator,\n    ProgressRoot,\n    type ProgressRootProps,\n    ProgressValue\n} from \"./components/index.js\";\nimport { useProgressBar } from \"./useProgressBar.js\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ninterface ProgressBarProps extends ProgressRootProps {\n    valuePosition?: \"start\" | \"end\" | \"both\";\n}\n\nconst DecoratableProgressBar = ({ valuePosition, className, ...props }: ProgressBarProps) => {\n    const { vm } = useProgressBar(props);\n\n    return (\n        <div className={cn(\"w-full flex items-center gap-sm py-xs\", className)}>\n            {valuePosition && valuePosition !== \"end\" && (\n                <ProgressValue value={valuePosition === \"start\" ? vm.textValue : vm.textMin} />\n            )}\n            <ProgressRoot {...props}>\n                <ProgressIndicator value={vm.value} />\n            </ProgressRoot>\n            {valuePosition && valuePosition !== \"start\" && <ProgressValue value={vm.textValue} />}\n        </div>\n    );\n};\n\nconst ProgressBar = makeDecoratable(\"ProgressBar\", DecoratableProgressBar);\n\nexport { ProgressBar, type ProgressBarProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACIC,iBAAiB,EACjBC,YAAY,EAEZC,aAAa;AAEjB,SAASC,cAAc;AACvB,SAASC,EAAE,EAAEC,eAAe;AAM5B,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,aAAa;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACzF,MAAM;IAAEC;EAAG,CAAC,GAAGP,cAAc,CAACM,KAAK,CAAC;EAEpC,oBACIV,KAAA,CAAAY,aAAA;IAAKH,SAAS,EAAEJ,EAAE,CAAC,uCAAuC,EAAEI,SAAS;EAAE,GAClED,aAAa,IAAIA,aAAa,KAAK,KAAK,iBACrCR,KAAA,CAAAY,aAAA,CAACT,aAAa;IAACU,KAAK,EAAEL,aAAa,KAAK,OAAO,GAAGG,EAAE,CAACG,SAAS,GAAGH,EAAE,CAACI;EAAQ,CAAE,CACjF,eACDf,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAKQ,KAAK,eACnBV,KAAA,CAAAY,aAAA,CAACX,iBAAiB;IAACY,KAAK,EAAEF,EAAE,CAACE;EAAM,CAAE,CAC3B,CAAC,EACdL,aAAa,IAAIA,aAAa,KAAK,OAAO,iBAAIR,KAAA,CAAAY,aAAA,CAACT,aAAa;IAACU,KAAK,EAAEF,EAAE,CAACG;EAAU,CAAE,CACnF,CAAC;AAEd,CAAC;AAED,MAAME,WAAW,GAAGV,eAAe,CAAC,aAAa,EAAEC,sBAAsB,CAAC;AAE1E,SAASS,WAAW","ignoreList":[]}
+{"version":3,"file":"ProgressBar/ProgressBar.js","sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    ProgressIndicator,\n    ProgressRoot,\n    type ProgressRootProps,\n    ProgressValue\n} from \"./components/index.js\";\nimport { useProgressBar } from \"./useProgressBar.js\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ninterface ProgressBarProps extends ProgressRootProps {\n    valuePosition?: \"start\" | \"end\" | \"both\";\n}\n\nconst DecoratableProgressBar = ({ valuePosition, className, ...props }: ProgressBarProps) => {\n    const { vm } = useProgressBar(props);\n\n    return (\n        <div className={cn(\"w-full flex items-center gap-sm py-xs\", className)}>\n            {valuePosition && valuePosition !== \"end\" && (\n                <ProgressValue value={valuePosition === \"start\" ? vm.textValue : vm.textMin} />\n            )}\n            <ProgressRoot {...props}>\n                <ProgressIndicator value={vm.value} />\n            </ProgressRoot>\n            {valuePosition && valuePosition !== \"start\" && <ProgressValue value={vm.textValue} />}\n        </div>\n    );\n};\n\nconst ProgressBar = makeDecoratable(\"ProgressBar\", DecoratableProgressBar);\n\nexport { ProgressBar, type ProgressBarProps };\n"],"names":["DecoratableProgressBar","valuePosition","className","props","vm","useProgressBar","cn","ProgressValue","ProgressRoot","ProgressIndicator","ProgressBar","makeDecoratable"],"mappings":";;;;AAcA,MAAMA,yBAAyB,CAAC,EAAEC,aAAa,EAAEC,SAAS,EAAE,GAAGC,OAAyB;IACpF,MAAM,EAAEC,EAAE,EAAE,GAAGC,eAAeF;IAE9B,OAAO,WAAP,GACI,sCAAC;QAAI,WAAWG,GAAG,yCAAyCJ;OACvDD,iBAAiBA,AAAkB,UAAlBA,iBAA2B,WAAT,GAChC,sCAACM,eAAaA;QAAC,OAAON,AAAkB,YAAlBA,gBAA4BG,GAAG,SAAS,GAAGA,GAAG,OAAO;sBAE/E,sCAACI,cAAiBL,OAAAA,WAAAA,GACd,sCAACM,mBAAiBA;QAAC,OAAOL,GAAG,KAAK;SAErCH,iBAAiBA,AAAkB,YAAlBA,iBAA6B,WAAX,GAAW,sCAACM,eAAaA;QAAC,OAAOH,GAAG,SAAS;;AAG7F;AAEA,MAAMM,cAAcC,gBAAgB,eAAeX"}

package/ProgressBar/ProgressBar.stories.js

@@ -1,99 +1,104 @@
-import React, { useState, useEffect } from "react";
+import react, { useEffect, useState } from "react";
 import { ProgressBar } from "./ProgressBar.js";
 const meta = {
-  title: "Components/ProgressBar",
-  component: ProgressBar,
-  parameters: {
-    layout: "padded"
-  }
+    title: "Components/ProgressBar",
+    component: ProgressBar,
+    parameters: {
+        layout: "padded"
+    }
 };
-export const Documentation = {
-  args: {
-    value: 50
-  },
-  argTypes: {
-    value: {
-      description: "Current progress value (0-100)",
-      control: {
-        type: "number",
-        min: 0,
-        max: 100
-      }
-    },
-    max: {
-      description: "Maximum value for the progress bar. Defaults to 100.",
-      control: {
-        type: "number",
-        min: 1
-      }
+const Documentation = {
+    args: {
+        value: 50
     },
-    valuePosition: {
-      description: "Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.",
-      control: {
-        type: "select",
-        options: ["start", "end", "both"]
-      }
+    argTypes: {
+        value: {
+            description: "Current progress value (0-100)",
+            control: {
+                type: "number",
+                min: 0,
+                max: 100
+            }
+        },
+        max: {
+            description: "Maximum value for the progress bar. Defaults to 100.",
+            control: {
+                type: "number",
+                min: 1
+            }
+        },
+        valuePosition: {
+            description: "Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.",
+            control: {
+                type: "select",
+                options: [
+                    "start",
+                    "end",
+                    "both"
+                ]
+            }
+        }
     }
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    value: 50
-  }
+const ProgressBar_stories = meta;
+const Default = {
+    args: {
+        value: 50
+    }
 };
-export const WithCustomMaxValue = {
-  args: {
-    ...Default.args,
-    max: 200
-  }
+const WithCustomMaxValue = {
+    args: {
+        ...Default.args,
+        max: 200
+    }
 };
-export const WithValuePositionStart = {
-  args: {
-    ...Default.args,
-    valuePosition: "start"
-  }
+const WithValuePositionStart = {
+    args: {
+        ...Default.args,
+        valuePosition: "start"
+    }
 };
-export const WithValuePositionEnd = {
-  args: {
-    ...Default.args,
-    valuePosition: "end"
-  }
+const WithValuePositionEnd = {
+    args: {
+        ...Default.args,
+        valuePosition: "end"
+    }
 };
-export const WithValuePositionBoth = {
-  args: {
-    ...Default.args,
-    valuePosition: "both"
-  }
+const WithValuePositionBoth = {
+    args: {
+        ...Default.args,
+        valuePosition: "both"
+    }
 };
-export const WithGetValueLabel = {
-  args: {
-    ...Default.args,
-    getValueLabel: value => `${value} mb`
-  }
+const WithGetValueLabel = {
+    args: {
+        ...Default.args,
+        getValueLabel: (value)=>`${value} mb`
+    }
 };
-export const WithControlledValue = {
-  args: {
-    value: 0
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    useEffect(() => {
-      const interval = setInterval(() => {
-        setValue((prevValue = 0) => {
-          const value = Number(prevValue);
-          if (value === 100) {
-            return value;
-          }
-          return value + 5;
+const WithControlledValue = {
+    args: {
+        value: 0
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        useEffect(()=>{
+            const interval = setInterval(()=>{
+                setValue((prevValue = 0)=>{
+                    const value = Number(prevValue);
+                    if (100 === value) return value;
+                    return value + 5;
+                });
+            }, 100);
+            return ()=>clearInterval(interval);
+        }, []);
+        return /*#__PURE__*/ react.createElement(ProgressBar, {
+            ...args,
+            value: value
         });
-      }, 100);
-      return () => clearInterval(interval);
-    }, []);
-    return /*#__PURE__*/React.createElement(ProgressBar, Object.assign({}, args, {
-      value: value
-    }));
-  }
+    }
 };
+export default ProgressBar_stories;
+export { Default, Documentation, WithControlledValue, WithCustomMaxValue, WithGetValueLabel, WithValuePositionBoth, WithValuePositionEnd, WithValuePositionStart };
 
 //# sourceMappingURL=ProgressBar.stories.js.map

package/ProgressBar/ProgressBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","ProgressBar","meta","title","component","parameters","layout","Documentation","args","value","argTypes","description","control","type","min","max","valuePosition","options","Default","WithCustomMaxValue","WithValuePositionStart","WithValuePositionEnd","WithValuePositionBoth","WithGetValueLabel","getValueLabel","WithControlledValue","render","setValue","interval","setInterval","prevValue","Number","clearInterval","createElement","Object","assign"],"sources":["ProgressBar.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ProgressBar } from \"./ProgressBar.js\";\n\nconst meta: Meta<typeof ProgressBar> = {\n    title: \"Components/ProgressBar\",\n    component: ProgressBar,\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        value: 50\n    },\n    argTypes: {\n        value: {\n            description: \"Current progress value (0-100)\",\n            control: { type: \"number\", min: 0, max: 100 }\n        },\n        max: {\n            description: \"Maximum value for the progress bar. Defaults to 100.\",\n            control: { type: \"number\", min: 1 }\n        },\n        valuePosition: {\n            description:\n                \"Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.\",\n            control: {\n                type: \"select\",\n                options: [\"start\", \"end\", \"both\"]\n            }\n        }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ProgressBar>;\n\nexport const Default: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithCustomMaxValue: Story = {\n    args: {\n        ...Default.args,\n        max: 200\n    }\n};\n\nexport const WithValuePositionStart: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"start\"\n    }\n};\n\nexport const WithValuePositionEnd: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"end\"\n    }\n};\n\nexport const WithValuePositionBoth: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"both\"\n    }\n};\n\nexport const WithGetValueLabel: Story = {\n    args: {\n        ...Default.args,\n        getValueLabel: (value: number) => `${value} mb`\n    }\n};\n\nexport const WithControlledValue: Story = {\n    args: {\n        value: 0\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n\n        useEffect(() => {\n            const interval = setInterval(() => {\n                setValue((prevValue = 0) => {\n                    const value = Number(prevValue);\n\n                    if (value === 100) {\n                        return value;\n                    }\n                    return value + 5;\n                });\n            }, 100);\n\n            return () => clearInterval(interval);\n        }, []);\n\n        return <ProgressBar {...args} value={value} />;\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,WAAW;AAEpB,MAAMC,IAA8B,GAAG;EACnCC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEH,WAAW;EACtBI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,OAAO,MAAMC,aAAoB,GAAG;EAChCC,IAAI,EAAE;IACFC,KAAK,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACND,KAAK,EAAE;MACHE,WAAW,EAAE,gCAAgC;MAC7CC,OAAO,EAAE;QAAEC,IAAI,EAAE,QAAQ;QAAEC,GAAG,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAI;IAChD,CAAC;IACDA,GAAG,EAAE;MACDJ,WAAW,EAAE,sDAAsD;MACnEC,OAAO,EAAE;QAAEC,IAAI,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAE;IACtC,CAAC;IACDE,aAAa,EAAE;MACXL,WAAW,EACP,uHAAuH;MAC3HC,OAAO,EAAE;QACLC,IAAI,EAAE,QAAQ;QACdI,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM;MACpC;IACJ;EACJ;AACJ,CAAC;AAED,eAAef,IAAI;AAGnB,OAAO,MAAMgB,OAAc,GAAG;EAC1BV,IAAI,EAAE;IACFC,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMU,kBAAyB,GAAG;EACrCX,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfO,GAAG,EAAE;EACT;AACJ,CAAC;AAED,OAAO,MAAMK,sBAA6B,GAAG;EACzCZ,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMK,oBAA2B,GAAG;EACvCb,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMM,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMO,iBAAwB,GAAG;EACpCf,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfgB,aAAa,EAAGf,KAAa,IAAK,GAAGA,KAAK;EAC9C;AACJ,CAAC;AAED,OAAO,MAAMgB,mBAA0B,GAAG;EACtCjB,IAAI,EAAE;IACFC,KAAK,EAAE;EACX,CAAC;EACDiB,MAAM,EAAElB,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEkB,QAAQ,CAAC,GAAG5B,QAAQ,CAACS,IAAI,CAACC,KAAK,CAAC;IAE9CT,SAAS,CAAC,MAAM;MACZ,MAAM4B,QAAQ,GAAGC,WAAW,CAAC,MAAM;QAC/BF,QAAQ,CAAC,CAACG,SAAS,GAAG,CAAC,KAAK;UACxB,MAAMrB,KAAK,GAAGsB,MAAM,CAACD,SAAS,CAAC;UAE/B,IAAIrB,KAAK,KAAK,GAAG,EAAE;YACf,OAAOA,KAAK;UAChB;UACA,OAAOA,KAAK,GAAG,CAAC;QACpB,CAAC,CAAC;MACN,CAAC,EAAE,GAAG,CAAC;MAEP,OAAO,MAAMuB,aAAa,CAACJ,QAAQ,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC;IAEN,oBAAO9B,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,MAAA,CAAAC,MAAA,KAAK3B,IAAI;MAAEC,KAAK,EAAEA;IAAM,EAAE,CAAC;EAClD;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"ProgressBar/ProgressBar.stories.js","sources":["../../src/ProgressBar/ProgressBar.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ProgressBar } from \"./ProgressBar.js\";\n\nconst meta: Meta<typeof ProgressBar> = {\n    title: \"Components/ProgressBar\",\n    component: ProgressBar,\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        value: 50\n    },\n    argTypes: {\n        value: {\n            description: \"Current progress value (0-100)\",\n            control: { type: \"number\", min: 0, max: 100 }\n        },\n        max: {\n            description: \"Maximum value for the progress bar. Defaults to 100.\",\n            control: { type: \"number\", min: 1 }\n        },\n        valuePosition: {\n            description:\n                \"Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.\",\n            control: {\n                type: \"select\",\n                options: [\"start\", \"end\", \"both\"]\n            }\n        }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ProgressBar>;\n\nexport const Default: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithCustomMaxValue: Story = {\n    args: {\n        ...Default.args,\n        max: 200\n    }\n};\n\nexport const WithValuePositionStart: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"start\"\n    }\n};\n\nexport const WithValuePositionEnd: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"end\"\n    }\n};\n\nexport const WithValuePositionBoth: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"both\"\n    }\n};\n\nexport const WithGetValueLabel: Story = {\n    args: {\n        ...Default.args,\n        getValueLabel: (value: number) => `${value} mb`\n    }\n};\n\nexport const WithControlledValue: Story = {\n    args: {\n        value: 0\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n\n        useEffect(() => {\n            const interval = setInterval(() => {\n                setValue((prevValue = 0) => {\n                    const value = Number(prevValue);\n\n                    if (value === 100) {\n                        return value;\n                    }\n                    return value + 5;\n                });\n            }, 100);\n\n            return () => clearInterval(interval);\n        }, []);\n\n        return <ProgressBar {...args} value={value} />;\n    }\n};\n"],"names":["meta","ProgressBar","Documentation","Default","WithCustomMaxValue","WithValuePositionStart","WithValuePositionEnd","WithValuePositionBoth","WithGetValueLabel","value","WithControlledValue","args","setValue","useState","useEffect","interval","setInterval","prevValue","Number","clearInterval"],"mappings":";;AAIA,MAAMA,OAAiC;IACnC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;QACF,OAAO;IACX;IACA,UAAU;QACN,OAAO;YACH,aAAa;YACb,SAAS;gBAAE,MAAM;gBAAU,KAAK;gBAAG,KAAK;YAAI;QAChD;QACA,KAAK;YACD,aAAa;YACb,SAAS;gBAAE,MAAM;gBAAU,KAAK;YAAE;QACtC;QACA,eAAe;YACX,aACI;YACJ,SAAS;gBACL,MAAM;gBACN,SAAS;oBAAC;oBAAS;oBAAO;iBAAO;YACrC;QACJ;IACJ;AACJ;AAEA,4BAAeF;AAGR,MAAMG,UAAiB;IAC1B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,qBAA4B;IACrC,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,KAAK;IACT;AACJ;AAEO,MAAME,yBAAgC;IACzC,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMG,uBAA8B;IACvC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMI,wBAA+B;IACxC,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMK,oBAA2B;IACpC,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,eAAe,CAACM,QAAkB,GAAGA,MAAM,GAAG,CAAC;IACnD;AACJ;AAEO,MAAMC,sBAA6B;IACtC,MAAM;QACF,OAAO;IACX;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACF,OAAOG,SAAS,GAAGC,SAASF,KAAK,KAAK;QAE7CG,UAAU;YACN,MAAMC,WAAWC,YAAY;gBACzBJ,SAAS,CAACK,YAAY,CAAC;oBACnB,MAAMR,QAAQS,OAAOD;oBAErB,IAAIR,AAAU,QAAVA,OACA,OAAOA;oBAEX,OAAOA,QAAQ;gBACnB;YACJ,GAAG;YAEH,OAAO,IAAMU,cAAcJ;QAC/B,GAAG,EAAE;QAEL,OAAO,WAAP,GAAO,oBAACd,aAAWA;YAAE,GAAGU,IAAI;YAAE,OAAOF;;IACzC;AACJ"}

package/ProgressBar/components/ProgressIndicator.js

@@ -1,16 +1,12 @@
-import React from "react";
-import { Progress as ProgressPrimitive } from "radix-ui";
-const ProgressIndicator = ({
-  value = 0
-}) => {
-  return /*#__PURE__*/React.createElement(ProgressPrimitive.Indicator, {
-    "data-slot": "progress-indicator",
-    className: "bg-primary h-full w-full flex-1 rounded-full transition-all",
-    style: {
-      transform: `translateX(-${100 - (value || 0)}%)`
-    }
-  });
-};
+import react from "react";
+import { Progress } from "radix-ui";
+const ProgressIndicator = ({ value = 0 })=>/*#__PURE__*/ react.createElement(Progress.Indicator, {
+        "data-slot": "progress-indicator",
+        className: "bg-primary h-full w-full flex-1 rounded-full transition-all",
+        style: {
+            transform: `translateX(-${100 - (value || 0)}%)`
+        }
+    });
 export { ProgressIndicator };
 
 //# sourceMappingURL=ProgressIndicator.js.map

package/ProgressBar/components/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Progress","ProgressPrimitive","ProgressIndicator","value","createElement","Indicator","className","style","transform"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\ninterface ProgressIndicatorProps {\n    value?: number | null;\n}\n\nconst ProgressIndicator = ({ value = 0 }: ProgressIndicatorProps) => {\n    return (\n        <ProgressPrimitive.Indicator\n            data-slot=\"progress-indicator\"\n            className=\"bg-primary h-full w-full flex-1 rounded-full transition-all\"\n            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n        />\n    );\n};\n\nexport { ProgressIndicator, type ProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,UAAU;AAMxD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK,GAAG;AAA0B,CAAC,KAAK;EACjE,oBACIJ,KAAA,CAAAK,aAAA,CAACH,iBAAiB,CAACI,SAAS;IACxB,aAAU,oBAAoB;IAC9BC,SAAS,EAAC,6DAA6D;IACvEC,KAAK,EAAE;MAAEC,SAAS,EAAE,eAAe,GAAG,IAAIL,KAAK,IAAI,CAAC,CAAC;IAAK;EAAE,CAC/D,CAAC;AAEV,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ProgressBar/components/ProgressIndicator.js","sources":["../../../src/ProgressBar/components/ProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\ninterface ProgressIndicatorProps {\n    value?: number | null;\n}\n\nconst ProgressIndicator = ({ value = 0 }: ProgressIndicatorProps) => {\n    return (\n        <ProgressPrimitive.Indicator\n            data-slot=\"progress-indicator\"\n            className=\"bg-primary h-full w-full flex-1 rounded-full transition-all\"\n            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n        />\n    );\n};\n\nexport { ProgressIndicator, type ProgressIndicatorProps };\n"],"names":["ProgressIndicator","value","ProgressPrimitive"],"mappings":";;AAOA,MAAMA,oBAAoB,CAAC,EAAEC,QAAQ,CAAC,EAA0B,GACrD,WAAP,GACI,oBAACC,SAAAA,SAA2B;QACxB,aAAU;QACV,WAAU;QACV,OAAO;YAAE,WAAW,CAAC,YAAY,EAAE,MAAOD,CAAAA,SAAS,GAAG,EAAE,CAAC;QAAC"}

package/ProgressBar/components/ProgressRoot.js

@@ -1,15 +1,11 @@
-import React from "react";
-import { Progress as ProgressPrimitive } from "radix-ui";
+import react from "react";
+import { Progress } from "radix-ui";
 import { cn } from "../../utils.js";
-const ProgressRoot = ({
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(ProgressPrimitive.Root, Object.assign({
-    "data-slot": "progress",
-    className: cn("bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full", className)
-  }, props));
-};
+const ProgressRoot = ({ className, ...props })=>/*#__PURE__*/ react.createElement(Progress.Root, {
+        "data-slot": "progress",
+        className: cn("bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full", className),
+        ...props
+    });
 export { ProgressRoot };
 
 //# sourceMappingURL=ProgressRoot.js.map