@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

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\";\n\nconst popoverArrowVariants = cva(\"\", {\n    variants: {\n        variant: {\n            accent: \"wby-border-neutral-black\",\n            subtle: \"wby-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,0BAA0B;MAClCC,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,"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":[]}

package/Popover/primitives/components/PopoverContent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { type VariantProps } from "../../../utils";
+import { type VariantProps } from "../../../utils.js";
 declare const popoverContentVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
     arrow?: boolean | null | undefined;

package/Popover/primitives/components/PopoverContent.js

@@ -1,15 +1,15 @@
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { cn, cva } from "../../../utils";
-const popoverContentVariants = cva(["wby-bg-neutral-base wby-rounded-sm wby-shadow-md wby-overflow-hidden wby-outline-none", "data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 wby-origin-(--radix-popover-content-transform-origin)", "data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2"], {
+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: "wby-bg-neutral-dark wby-text-neutral-light wby-border-neutral-black",
-      subtle: "wby-bg-neutral-base wby-text-neutral-primary wby-border-neutral-muted"
+      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]:wby-pb-xs-plus", "data-[side=bottom]:wby-pt-xs-plus", "data-[side=left]:wby-pr-xs-plus", "data-[side=right]:wby-pl-xs-plus"],
-      false: ["wby-border-sm"]
+      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: {

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\";\n\nconst popoverContentVariants = cva(\n    [\n        \"wby-bg-neutral-base wby-rounded-sm wby-shadow-md wby-overflow-hidden wby-outline-none\",\n        \"data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 wby-origin-(--radix-popover-content-transform-origin)\",\n        \"data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"wby-bg-neutral-dark wby-text-neutral-light wby-border-neutral-black\",\n                subtle: \"wby-bg-neutral-base wby-text-neutral-primary wby-border-neutral-muted\"\n            },\n            arrow: {\n                true: [\n                    \"data-[side=top]:wby-pb-xs-plus\",\n                    \"data-[side=bottom]:wby-pt-xs-plus\",\n                    \"data-[side=left]:wby-pr-xs-plus\",\n                    \"data-[side=right]:wby-pl-xs-plus\"\n                ],\n                false: [\"wby-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,uFAAuF,EACvF,oQAAoQ,EACpQ,6KAA6K,CAChL,EACD;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,qEAAqE;MAC7EC,MAAM,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,CACF,gCAAgC,EAChC,mCAAmC,EACnC,iCAAiC,EACjC,kCAAkC,CACrC;MACDC,KAAK,EAAE,CAAC,eAAe;IAC3B;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,"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":[]}

package/Popover/primitives/components/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./PopoverAnchor";
-export * from "./PopoverArrow";
-export * from "./PopoverClose";
-export * from "./PopoverContent";
-export * from "./PopoverRoot";
-export * from "./PopoverTrigger";
+export * from "./PopoverAnchor.js";
+export * from "./PopoverArrow.js";
+export * from "./PopoverClose.js";
+export * from "./PopoverContent.js";
+export * from "./PopoverRoot.js";
+export * from "./PopoverTrigger.js";

package/Popover/primitives/components/index.js

@@ -1,8 +1,8 @@
-export * from "./PopoverAnchor";
-export * from "./PopoverArrow";
-export * from "./PopoverClose";
-export * from "./PopoverContent";
-export * from "./PopoverRoot";
-export * from "./PopoverTrigger";
+export * from "./PopoverAnchor.js";
+export * from "./PopoverArrow.js";
+export * from "./PopoverClose.js";
+export * from "./PopoverContent.js";
+export * from "./PopoverRoot.js";
+export * from "./PopoverTrigger.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PopoverAnchor\";\nexport * from \"./PopoverArrow\";\nexport * from \"./PopoverClose\";\nexport * from \"./PopoverContent\";\nexport * from \"./PopoverRoot\";\nexport * from \"./PopoverTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PopoverAnchor.js\";\nexport * from \"./PopoverArrow.js\";\nexport * from \"./PopoverClose.js\";\nexport * from \"./PopoverContent.js\";\nexport * from \"./PopoverRoot.js\";\nexport * from \"./PopoverTrigger.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Popover/primitives/index.d.ts

@@ -1 +1 @@
-export * from "./PopoverPrimitive";
+export * from "./PopoverPrimitive.js";

package/Popover/primitives/index.js

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

package/Popover/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PopoverPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PopoverPrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Portal/Portal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Portal as PortalPrimitive } from "radix-ui";
 declare const Portal: import("react").ForwardRefExoticComponent<PortalPrimitive.PortalProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Portal };

package/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type ProgressRootProps } from "./components";
+import { type ProgressRootProps } from "./components/index.js";
 interface ProgressBarProps extends ProgressRootProps {
     valuePosition?: "start" | "end" | "both";
 }
@@ -16,7 +16,7 @@ declare const ProgressBar: (({ valuePosition, className, ...props }: ProgressBar
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element) & {
         original: ({ valuePosition, className, ...props }: ProgressBarProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { ProgressIndicator, ProgressRoot, ProgressValue } from "./components";
-import { useProgressBar } from "./useProgressBar";
-import { cn, makeDecoratable } from "../utils";
+import { ProgressIndicator, ProgressRoot, ProgressValue } from "./components/index.js";
+import { useProgressBar } from "./useProgressBar.js";
+import { cn, makeDecoratable } from "../utils.js";
 const DecoratableProgressBar = ({
   valuePosition,
   className,
@@ -11,7 +11,7 @@ const DecoratableProgressBar = ({
     vm
   } = useProgressBar(props);
   return /*#__PURE__*/React.createElement("div", {
-    className: cn("wby-w-full wby-flex wby-items-center wby-gap-sm wby-py-xs", className)
+    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, {

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\";\nimport { useProgressBar } from \"./useProgressBar\";\nimport { cn, makeDecoratable } from \"~/utils\";\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(\"wby-w-full wby-flex wby-items-center wby-gap-sm wby-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,2DAA2D,EAAEI,SAAS;EAAE,GACtFD,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,"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":[]}

package/ProgressBar/ProgressBar.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ProgressBar } from "./ProgressBar";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { ProgressBar } from "./ProgressBar.js";
 declare const meta: Meta<typeof ProgressBar>;
 export declare const Documentation: Story;
 export default meta;

package/ProgressBar/ProgressBar.stories.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { ProgressBar } from "./ProgressBar";
+import { ProgressBar } from "./ProgressBar.js";
 const meta = {
   title: "Components/ProgressBar",
   component: ProgressBar,
@@ -33,12 +33,6 @@ export const Documentation = {
         type: "select",
         options: ["start", "end", "both"]
       }
-    },
-    getValueLabel: {
-      description: "Function to format the value label. Receives the current value and returns a string.",
-      control: {
-        type: "function"
-      }
     }
   }
 };

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","getValueLabel","Default","WithCustomMaxValue","WithValuePositionStart","WithValuePositionEnd","WithValuePositionBoth","WithGetValueLabel","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\";\nimport { ProgressBar } from \"./ProgressBar\";\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        getValueLabel: {\n            description:\n                \"Function to format the value label. Receives the current value and returns a string.\",\n            control: { type: \"function\" }\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,CAAC;IACDC,aAAa,EAAE;MACXP,WAAW,EACP,sFAAsF;MAC1FC,OAAO,EAAE;QAAEC,IAAI,EAAE;MAAW;IAChC;EACJ;AACJ,CAAC;AAED,eAAeX,IAAI;AAGnB,OAAO,MAAMiB,OAAc,GAAG;EAC1BX,IAAI,EAAE;IACFC,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMW,kBAAyB,GAAG;EACrCZ,IAAI,EAAE;IACF,GAAGW,OAAO,CAACX,IAAI;IACfO,GAAG,EAAE;EACT;AACJ,CAAC;AAED,OAAO,MAAMM,sBAA6B,GAAG;EACzCb,IAAI,EAAE;IACF,GAAGW,OAAO,CAACX,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMM,oBAA2B,GAAG;EACvCd,IAAI,EAAE;IACF,GAAGW,OAAO,CAACX,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMO,qBAA4B,GAAG;EACxCf,IAAI,EAAE;IACF,GAAGW,OAAO,CAACX,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMQ,iBAAwB,GAAG;EACpChB,IAAI,EAAE;IACF,GAAGW,OAAO,CAACX,IAAI;IACfU,aAAa,EAAGT,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,"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":[]}

package/ProgressBar/components/ProgressIndicator.js

@@ -5,7 +5,7 @@ const ProgressIndicator = ({
 }) => {
   return /*#__PURE__*/React.createElement(ProgressPrimitive.Indicator, {
     "data-slot": "progress-indicator",
-    className: "wby-bg-primary-default wby-h-full wby-w-full wby-flex-1 wby-rounded-full wby-transition-all",
+    className: "bg-primary h-full w-full flex-1 rounded-full transition-all",
     style: {
       transform: `translateX(-${100 - (value || 0)}%)`
     }

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=\"wby-bg-primary-default wby-h-full wby-w-full wby-flex-1 wby-rounded-full wby-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,6FAA6F;IACvGC,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,"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":[]}

package/ProgressBar/components/ProgressRoot.js

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

package/ProgressBar/components/ProgressRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Progress","ProgressPrimitive","cn","ProgressRoot","className","props","createElement","Root","Object","assign"],"sources":["ProgressRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype ProgressRootProps = ProgressPrimitive.ProgressProps;\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n    return (\n        <ProgressPrimitive.Root\n            data-slot=\"progress\"\n            className={cn(\n                \"wby-bg-neutral-muted wby-relative wby-h-xs-plus wby-w-full wby-overflow-hidden wby-rounded-full\",\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { ProgressRoot, type ProgressRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,UAAU;AACxD,SAASC,EAAE;AAIX,MAAMC,YAAY,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAyB,CAAC,KAAK;EACjE,oBACIN,KAAA,CAAAO,aAAA,CAACL,iBAAiB,CAACM,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACnB,aAAU,UAAU;IACpBL,SAAS,EAAEF,EAAE,CACT,iGAAiG,EACjGE,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,YAAY","ignoreList":[]}
+{"version":3,"names":["React","Progress","ProgressPrimitive","cn","ProgressRoot","className","props","createElement","Root","Object","assign"],"sources":["ProgressRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype ProgressRootProps = ProgressPrimitive.ProgressProps;\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n    return (\n        <ProgressPrimitive.Root\n            data-slot=\"progress\"\n            className={cn(\n                \"bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full\",\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { ProgressRoot, type ProgressRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,UAAU;AACxD,SAASC,EAAE;AAIX,MAAMC,YAAY,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAyB,CAAC,KAAK;EACjE,oBACIN,KAAA,CAAAO,aAAA,CAACL,iBAAiB,CAACM,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACnB,aAAU,UAAU;IACpBL,SAAS,EAAEF,EAAE,CACT,yEAAyE,EACzEE,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,YAAY","ignoreList":[]}

package/ProgressBar/components/ProgressValue.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { Text } from "../../Text";
+import { Text } from "../../Text/index.js";
 const ProgressValue = ({
   value
 }) => {
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-leading-none wby-shrink-0"
+    className: "leading-none shrink-0"
   }, value);
 };
 export { ProgressValue };

package/ProgressBar/components/ProgressValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","ProgressValue","value","createElement","size","className"],"sources":["ProgressValue.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text\";\n\ninterface ProgressBarProps {\n    value: string;\n}\n\nconst ProgressValue = ({ value }: ProgressBarProps) => {\n    return (\n        <Text size={\"sm\"} className={\"wby-leading-none wby-shrink-0\"}>\n            {value}\n        </Text>\n    );\n};\n\nexport { ProgressValue, type ProgressBarProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACnD,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE,IAAK;IAACC,SAAS,EAAE;EAAgC,GACxDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,aAAa","ignoreList":[]}
+{"version":3,"names":["React","Text","ProgressValue","value","createElement","size","className"],"sources":["ProgressValue.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\n\ninterface ProgressBarProps {\n    value: string;\n}\n\nconst ProgressValue = ({ value }: ProgressBarProps) => {\n    return (\n        <Text size={\"sm\"} className={\"leading-none shrink-0\"}>\n            {value}\n        </Text>\n    );\n};\n\nexport { ProgressValue, type ProgressBarProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACnD,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE,IAAK;IAACC,SAAS,EAAE;EAAwB,GAChDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

package/ProgressBar/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./ProgressIndicator";
-export * from "./ProgressRoot";
-export * from "./ProgressValue";
+export * from "./ProgressIndicator.js";
+export * from "./ProgressRoot.js";
+export * from "./ProgressValue.js";

package/ProgressBar/components/index.js

@@ -1,5 +1,5 @@
-export * from "./ProgressIndicator";
-export * from "./ProgressRoot";
-export * from "./ProgressValue";
+export * from "./ProgressIndicator.js";
+export * from "./ProgressRoot.js";
+export * from "./ProgressValue.js";
 
 //# sourceMappingURL=index.js.map

package/ProgressBar/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressIndicator\";\nexport * from \"./ProgressRoot\";\nexport * from \"./ProgressValue\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressIndicator.js\";\nexport * from \"./ProgressRoot.js\";\nexport * from \"./ProgressValue.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/ProgressBar/index.d.ts

@@ -1 +1 @@
-export * from "./ProgressBar";
+export * from "./ProgressBar.js";

package/ProgressBar/index.js

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

package/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressBar\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressBar.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ProgressBar/presenters/ProgressBarPresenter.test.js

@@ -1,4 +1,5 @@
-import { ProgressBarPresenter } from "./ProgressBarPresenter";
+import { describe, expect, it } from "vitest";
+import { ProgressBarPresenter } from "./ProgressBarPresenter.js";
 describe("ProgressBarPresenter", () => {
   const presenter = new ProgressBarPresenter();
   it("should initialize with default values", () => {

package/ProgressBar/presenters/ProgressBarPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressBarPresenter","describe","presenter","it","init","expect","vm","value","toBe","textValue","min","textMin","max","textMax","getValueLabel","undefined"],"sources":["ProgressBarPresenter.test.ts"],"sourcesContent":["import { ProgressBarPresenter } from \"./ProgressBarPresenter\";\n\ndescribe(\"ProgressBarPresenter\", () => {\n    const presenter = new ProgressBarPresenter();\n\n    it(\"should initialize with default values\", () => {\n        presenter.init({});\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n        expect(presenter.vm.min).toBe(0);\n        expect(presenter.vm.textMin).toBe(\"0\");\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textMax).toBe(\"100\");\n    });\n\n    it(\"should initialize with custom values\", () => {\n        presenter.init({ value: 50, max: 200 });\n        expect(presenter.vm.value).toBe(50);\n        expect(presenter.vm.textValue).toBe(\"25%\");\n        expect(presenter.vm.max).toBe(200);\n        expect(presenter.vm.textMax).toBe(\"200\");\n    });\n\n    it(\"should use custom getValueLabel function\", () => {\n        const getValueLabel = (value: number, max: number) => `${value}/${max}`;\n        presenter.init({ value: 30, max: 150, getValueLabel });\n        expect(presenter.vm.textValue).toBe(\"30/150\");\n    });\n\n    it(\"should handle null and undefined values gracefully\", () => {\n        presenter.init({ value: null, max: undefined });\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n    });\n});\n"],"mappings":"AAAA,SAASA,oBAAoB;AAE7BC,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACnC,MAAMC,SAAS,GAAG,IAAIF,oBAAoB,CAAC,CAAC;EAE5CG,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAC9CD,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;IACzCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACI,GAAG,CAAC,CAACF,IAAI,CAAC,CAAC,CAAC;IAChCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACK,OAAO,CAAC,CAACH,IAAI,CAAC,GAAG,CAAC;IACtCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFL,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC7CD,SAAS,CAACE,IAAI,CAAC;MAAEG,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE;IAAI,CAAC,CAAC;IACvCP,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IACnCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;IAC1CH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFL,EAAE,CAAC,0CAA0C,EAAE,MAAM;IACjD,MAAMW,aAAa,GAAGA,CAACP,KAAa,EAAEK,GAAW,KAAK,GAAGL,KAAK,IAAIK,GAAG,EAAE;IACvEV,SAAS,CAACE,IAAI,CAAC;MAAEG,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE,GAAG;MAAEE;IAAc,CAAC,CAAC;IACtDT,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,QAAQ,CAAC;EACjD,CAAC,CAAC;EAEFL,EAAE,CAAC,oDAAoD,EAAE,MAAM;IAC3DD,SAAS,CAACE,IAAI,CAAC;MAAEG,KAAK,EAAE,IAAI;MAAEK,GAAG,EAAEG;IAAU,CAAC,CAAC;IAC/CV,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["describe","expect","it","ProgressBarPresenter","presenter","init","vm","value","toBe","textValue","min","textMin","max","textMax","getValueLabel","undefined"],"sources":["ProgressBarPresenter.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { ProgressBarPresenter } from \"./ProgressBarPresenter.js\";\n\ndescribe(\"ProgressBarPresenter\", () => {\n    const presenter = new ProgressBarPresenter();\n\n    it(\"should initialize with default values\", () => {\n        presenter.init({});\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n        expect(presenter.vm.min).toBe(0);\n        expect(presenter.vm.textMin).toBe(\"0\");\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textMax).toBe(\"100\");\n    });\n\n    it(\"should initialize with custom values\", () => {\n        presenter.init({ value: 50, max: 200 });\n        expect(presenter.vm.value).toBe(50);\n        expect(presenter.vm.textValue).toBe(\"25%\");\n        expect(presenter.vm.max).toBe(200);\n        expect(presenter.vm.textMax).toBe(\"200\");\n    });\n\n    it(\"should use custom getValueLabel function\", () => {\n        const getValueLabel = (value: number, max: number) => `${value}/${max}`;\n        presenter.init({ value: 30, max: 150, getValueLabel });\n        expect(presenter.vm.textValue).toBe(\"30/150\");\n    });\n\n    it(\"should handle null and undefined values gracefully\", () => {\n        presenter.init({ value: null, max: undefined });\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n    });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAC7C,SAASC,oBAAoB;AAE7BH,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACnC,MAAMI,SAAS,GAAG,IAAID,oBAAoB,CAAC,CAAC;EAE5CD,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAC9CE,SAAS,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBJ,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;IACzCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACI,GAAG,CAAC,CAACF,IAAI,CAAC,CAAC,CAAC;IAChCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACK,OAAO,CAAC,CAACH,IAAI,CAAC,GAAG,CAAC;IACtCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFN,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC7CE,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE;IAAI,CAAC,CAAC;IACvCX,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IACnCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;IAC1CP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFN,EAAE,CAAC,0CAA0C,EAAE,MAAM;IACjD,MAAMY,aAAa,GAAGA,CAACP,KAAa,EAAEK,GAAW,KAAK,GAAGL,KAAK,IAAIK,GAAG,EAAE;IACvER,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE,GAAG;MAAEE;IAAc,CAAC,CAAC;IACtDb,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,QAAQ,CAAC;EACjD,CAAC,CAAC;EAEFN,EAAE,CAAC,oDAAoD,EAAE,MAAM;IAC3DE,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,IAAI;MAAEK,GAAG,EAAEG;IAAU,CAAC,CAAC;IAC/Cd,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/ProgressBar/presenters/index.d.ts

@@ -1 +1 @@
-export * from "./ProgressBarPresenter";
+export * from "./ProgressBarPresenter.js";

package/ProgressBar/presenters/index.js

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

package/ProgressBar/presenters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressBarPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressBarPresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ProgressBar/useProgressBar.d.ts

@@ -1,4 +1,4 @@
-import type { ProgressBarProps } from "./ProgressBar";
+import type { ProgressBarProps } from "./ProgressBar.js";
 export declare const useProgressBar: (props: ProgressBarProps) => {
-    vm: import("./presenters/ProgressBarPresenter").ProgressBarVm;
+    vm: import("./presenters/ProgressBarPresenter.js").ProgressBarVm;
 };

package/ProgressBar/useProgressBar.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { ProgressBarPresenter } from "./presenters";
+import { ProgressBarPresenter } from "./presenters/index.js";
 export const useProgressBar = props => {
   const params = useMemo(() => ({
     value: props.value,

package/ProgressBar/useProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","ProgressBarPresenter","useProgressBar","props","params","value","max","getValueLabel","presenter","vm","setVm","init"],"sources":["useProgressBar.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ProgressBarProps } from \"./ProgressBar\";\nimport { ProgressBarPresenter, type ProgressBarPresenterParams } from \"./presenters\";\n\nexport const useProgressBar = (props: ProgressBarProps) => {\n    const params: ProgressBarPresenterParams = useMemo(\n        () => ({\n            value: props.value,\n            max: props.max,\n            getValueLabel: props.getValueLabel\n        }),\n        [props.value, props.max, props.getValueLabel]\n    );\n\n    const presenter = useMemo(() => {\n        return new ProgressBarPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAuB,IAAK;EACvD,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,aAAa,EAAEJ,KAAK,CAACI;EACzB,CAAC,CAAC,EACF,CAACJ,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,GAAG,EAAEH,KAAK,CAACI,aAAa,CAChD,CAAC;EAED,MAAMC,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,oBAAoB,CAAC,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACQ,EAAE,EAAEC,KAAK,CAAC,GAAGX,QAAQ,CAACS,SAAS,CAACC,EAAE,CAAC;EAE1CZ,SAAS,CAAC,MAAM;IACZW,SAAS,CAACG,IAAI,CAACP,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBU,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","ProgressBarPresenter","useProgressBar","props","params","value","max","getValueLabel","presenter","vm","setVm","init"],"sources":["useProgressBar.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ProgressBarProps } from \"./ProgressBar.js\";\nimport { ProgressBarPresenter, type ProgressBarPresenterParams } from \"./presenters/index.js\";\n\nexport const useProgressBar = (props: ProgressBarProps) => {\n    const params: ProgressBarPresenterParams = useMemo(\n        () => ({\n            value: props.value,\n            max: props.max,\n            getValueLabel: props.getValueLabel\n        }),\n        [props.value, props.max, props.getValueLabel]\n    );\n\n    const presenter = useMemo(() => {\n        return new ProgressBarPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAuB,IAAK;EACvD,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,aAAa,EAAEJ,KAAK,CAACI;EACzB,CAAC,CAAC,EACF,CAACJ,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,GAAG,EAAEH,KAAK,CAACI,aAAa,CAChD,CAAC;EAED,MAAMC,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,oBAAoB,CAAC,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACQ,EAAE,EAAEC,KAAK,CAAC,GAAGX,QAAQ,CAACS,SAAS,CAACC,EAAE,CAAC;EAE1CZ,SAAS,CAAC,MAAM;IACZW,SAAS,CAACG,IAAI,CAACP,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBU,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/README.md

@@ -1,6 +1,11 @@
-# `@webiny/admin-ui`
-
-This package contains React components and styles for Webiny's Admin app.
+# @webiny/admin-ui
 
 > [!NOTE]
-> This package is included in every Webiny project by default, and it's not meant to be used as a standalone package.
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/RadioGroup/RadioGroup.d.ts

@@ -1,22 +1,22 @@
 import React from "react";
-import type { RadioGroupPrimitiveProps } from "./primitives";
-import type { FormComponentProps } from "../FormComponent";
+import type { RadioGroupPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;
-declare const RadioGroup: (({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
-    original: ({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
+declare const RadioGroup: (({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
+    original: ({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
+    original: (({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/RadioGroup/RadioGroup.js

@@ -1,11 +1,12 @@
 import React, { useMemo } from "react";
-import { makeDecoratable } from "../utils";
-import { RadioGroupPrimitive } from "./primitives";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { RadioGroupPrimitive } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableRadioGroup = ({
   label,
   description,
   note,
+  hint,
   required,
   disabled,
   validation,
@@ -17,21 +18,22 @@ const DecoratableRadioGroup = ({
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: label,
+    hint: hint,
     required: required,
     disabled: disabled,
     invalid: invalid
   }), /*#__PURE__*/React.createElement(FormComponentDescription, {
     text: description,
     disabled: disabled,
-    className: "wby-mb-xs-plus"
+    className: "mb-xs-plus"
   }), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
     text: validationMessage,
     invalid: invalid,
     disabled: disabled,
-    className: "wby-mt-none wby-mb-xs-plus"
+    className: "mt-none mb-xs-plus"
   }), /*#__PURE__*/React.createElement(RadioGroupPrimitive, props), /*#__PURE__*/React.createElement(FormComponentNote, {
     text: note,
     disabled: disabled

package/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","RadioGroupPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRadioGroup","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","RadioGroup"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RadioGroupPrimitiveProps } from \"./primitives\";\nimport { RadioGroupPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;\n\nconst DecoratableRadioGroup = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RadioGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription\n                text={description}\n                disabled={disabled}\n                className={\"wby-mb-xs-plus\"}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n                className={\"wby-mt-none wby-mb-xs-plus\"}\n            />\n            <RadioGroupPrimitive {...props} />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RadioGroup = makeDecoratable(\"RadioGroup\", DecoratableRadioGroup);\n\nexport { RadioGroup };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,mBAAmB;AAE5B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IACrBmB,IAAI,EAAEb,WAAY;IAClBG,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAAiB,CAC/B,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAA6B,CAC3C,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAClB,mBAAmB,EAAKY,KAAQ,CAAC,eAClCf,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMW,UAAU,GAAGtB,eAAe,CAAC,YAAY,EAAEM,qBAAqB,CAAC;AAEvE,SAASgB,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","RadioGroupPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRadioGroup","label","description","note","hint","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","RadioGroup"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { RadioGroupPrimitiveProps } from \"./primitives/index.js\";\nimport { RadioGroupPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;\n\nconst DecoratableRadioGroup = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RadioGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription\n                text={description}\n                disabled={disabled}\n                className={\"mb-xs-plus\"}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n                className={\"mt-none mb-xs-plus\"}\n            />\n            <RadioGroupPrimitive {...props} />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RadioGroup = makeDecoratable(\"RadioGroup\", DecoratableRadioGroup);\n\nexport { RadioGroup };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,mBAAmB;AAE5B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGpB,OAAO,CAAC,MAAMiB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIlB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBvB,KAAA,CAAAsB,aAAA,CAAChB,kBAAkB;IACfkB,IAAI,EAAEf,KAAM;IACZG,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFrB,KAAA,CAAAsB,aAAA,CAAClB,wBAAwB;IACrBoB,IAAI,EAAEd,WAAY;IAClBI,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAAa,CAC3B,CAAC,eACFvB,KAAA,CAAAsB,aAAA,CAACjB,yBAAyB;IACtBmB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAAqB,CACnC,CAAC,eACFvB,KAAA,CAAAsB,aAAA,CAACnB,mBAAmB,EAAKa,KAAQ,CAAC,eAClChB,KAAA,CAAAsB,aAAA,CAACf,iBAAiB;IAACiB,IAAI,EAAEb,IAAK;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMW,UAAU,GAAGvB,eAAe,CAAC,YAAY,EAAEM,qBAAqB,CAAC;AAEvE,SAASiB,UAAU","ignoreList":[]}

package/RadioGroup/RadioGroup.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as RadioGroupStories from './RadioGroup.stories';
 

package/RadioGroup/RadioGroup.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "./RadioGroup";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { RadioGroup } from "./RadioGroup.js";
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof RadioGroup>;

package/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { RadioGroup } from "./RadioGroup";
+import { RadioGroup } from "./RadioGroup.js";
 const meta = {
   title: "Components/Form/RadioGroup",
   component: RadioGroup,