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

package/SteppedProgress/SteppedProgressItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","SteppedProgressIcon","SteppedProgressIndicator","SteppedProgressLabel","DecoratableSteppedProgressItem","label","state","errored","disabled","className","props","createElement","Object","assign","SteppedProgressItem"],"sources":["SteppedProgressItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { type ProgressItemFormatted } from \"./domains\";\nimport { SteppedProgressIcon, SteppedProgressIndicator, SteppedProgressLabel } from \"./components\";\n\ntype SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;\n\nconst DecoratableSteppedProgressItem = ({\n    label,\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressItemProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-flex wby-justify-start wby-items-center wby-gap-sm-extra wby-py-sm\",\n                className\n            )}\n        >\n            <SteppedProgressIndicator state={state} errored={errored} disabled={disabled}>\n                <SteppedProgressIcon state={state} errored={errored} disabled={disabled} />\n            </SteppedProgressIndicator>\n            <SteppedProgressLabel state={state} disabled={disabled} label={label} />\n        </div>\n    );\n};\n\nconst SteppedProgressItem = makeDecoratable(\"SteppedProgressItem\", DecoratableSteppedProgressItem);\n\nexport { SteppedProgressItem, type SteppedProgressItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,mBAAmB,EAAEC,wBAAwB,EAAEC,oBAAoB;AAI5E,MAAMC,8BAA8B,GAAGA,CAAC;EACpCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACmB,CAAC,KAAK;EAC5B,oBACIZ,KAAA,CAAAa,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEV,EAAE,CACT,wEAAwE,EACxEU,SACJ;EAAE,iBAEFX,KAAA,CAAAa,aAAA,CAACT,wBAAwB;IAACI,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACzEV,KAAA,CAAAa,aAAA,CAACV,mBAAmB;IAACK,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CACpD,CAAC,eAC3BV,KAAA,CAAAa,aAAA,CAACR,oBAAoB;IAACG,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAACH,KAAK,EAAEA;EAAM,CAAE,CACtE,CAAC;AAEd,CAAC;AAED,MAAMS,mBAAmB,GAAGd,eAAe,CAAC,qBAAqB,EAAEI,8BAA8B,CAAC;AAElG,SAASU,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","SteppedProgressIcon","SteppedProgressIndicator","SteppedProgressLabel","DecoratableSteppedProgressItem","label","state","errored","disabled","className","props","createElement","Object","assign","SteppedProgressItem"],"sources":["SteppedProgressItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { type ProgressItemFormatted } from \"./domains/index.js\";\nimport {\n    SteppedProgressIcon,\n    SteppedProgressIndicator,\n    SteppedProgressLabel\n} from \"./components/index.js\";\n\ntype SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;\n\nconst DecoratableSteppedProgressItem = ({\n    label,\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressItemProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\"flex justify-start items-center gap-sm-extra py-sm\", className)}\n        >\n            <SteppedProgressIndicator state={state} errored={errored} disabled={disabled}>\n                <SteppedProgressIcon state={state} errored={errored} disabled={disabled} />\n            </SteppedProgressIndicator>\n            <SteppedProgressLabel state={state} disabled={disabled} label={label} />\n        </div>\n    );\n};\n\nconst SteppedProgressItem = makeDecoratable(\"SteppedProgressItem\", DecoratableSteppedProgressItem);\n\nexport { SteppedProgressItem, type SteppedProgressItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,SACIC,mBAAmB,EACnBC,wBAAwB,EACxBC,oBAAoB;AAKxB,MAAMC,8BAA8B,GAAGA,CAAC;EACpCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACmB,CAAC,KAAK;EAC5B,oBACIZ,KAAA,CAAAa,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEV,EAAE,CAAC,oDAAoD,EAAEU,SAAS;EAAE,iBAE/EX,KAAA,CAAAa,aAAA,CAACT,wBAAwB;IAACI,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACzEV,KAAA,CAAAa,aAAA,CAACV,mBAAmB;IAACK,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CACpD,CAAC,eAC3BV,KAAA,CAAAa,aAAA,CAACR,oBAAoB;IAACG,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAACH,KAAK,EAAEA;EAAM,CAAE,CACtE,CAAC;AAEd,CAAC;AAED,MAAMS,mBAAmB,GAAGd,eAAe,CAAC,qBAAqB,EAAEI,8BAA8B,CAAC;AAElG,SAASU,mBAAmB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressIcon.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
-import { ProgressItemState } from "../domains";
+import { type VariantProps } from "../../utils.js";
+import { ProgressItemState } from "../../SteppedProgress/domains/index.js";
 declare const steppedProgressIconVariants: (props?: ({
     state?: ProgressItemState | null | undefined;
     disabled?: boolean | null | undefined;

package/SteppedProgress/components/SteppedProgressIcon.js

@@ -1,22 +1,22 @@
 import React from "react";
 import { ReactComponent as CheckIcon } from "@webiny/icons/check.svg";
 import { ReactComponent as ErrorIcon } from "@webiny/icons/error_outline.svg";
-import { cn, cva } from "../../utils";
-import { ProgressItemState } from "../domains";
-import { Icon } from "../../Icon";
-const steppedProgressIconVariants = cva(["wby-absolute wby-top-1/2 wby-left-1/2 -wby-translate-x-1/2 -wby-translate-y-1/2"], {
+import { cn, cva } from "../../utils.js";
+import { ProgressItemState } from "../domains/index.js";
+import { Icon } from "../../Icon/index.js";
+const steppedProgressIconVariants = cva(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"], {
   variants: {
     state: {
-      [ProgressItemState.IDLE]: "wby-hidden",
-      [ProgressItemState.IN_PROGRESS]: "wby-size-sm-extra wby-rounded-full wby-bg-primary-default",
-      [ProgressItemState.COMPLETED]: "wby-fill-neutral-base",
-      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "wby-fill-neutral-base"
+      [ProgressItemState.IDLE]: "hidden",
+      [ProgressItemState.IN_PROGRESS]: "size-sm-extra rounded-full bg-primary",
+      [ProgressItemState.COMPLETED]: "fill-neutral-base",
+      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "fill-neutral-base"
     },
     disabled: {
-      true: "!wby-fill-neutral-base"
+      true: "fill-neutral-base!"
     },
     errored: {
-      true: "wby-fill-destructive"
+      true: "fill-destructive"
     }
   },
   compoundVariants: [
@@ -24,25 +24,25 @@ const steppedProgressIconVariants = cva(["wby-absolute wby-top-1/2 wby-left-1/2
   {
     state: ProgressItemState.IN_PROGRESS,
     disabled: true,
-    className: "wby-bg-neutral-strong"
+    className: "bg-neutral-strong"
   },
   // errored
   {
     state: ProgressItemState.IDLE,
     errored: true,
-    className: "wby-block"
+    className: "block"
   }, {
     state: ProgressItemState.IN_PROGRESS,
     errored: true,
-    className: "wby-size-auto wby-rounded-none wby-bg-transparent"
+    className: "size-auto rounded-none bg-transparent"
   }, {
     state: ProgressItemState.COMPLETED,
     errored: true,
-    className: "wby-fill-neutral-base"
+    className: "fill-neutral-base"
   }, {
     state: ProgressItemState.COMPLETED_AFFIRMATIVE,
     errored: true,
-    className: "wby-fill-neutral-base"
+    className: "fill-neutral-base"
   }],
   defaultVariants: {
     state: ProgressItemState.IDLE

package/SteppedProgress/components/SteppedProgressIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","CheckIcon","ErrorIcon","cn","cva","ProgressItemState","Icon","steppedProgressIconVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIcon","props","icon","useMemo","createElement","label","size","Fragment","Object","assign"],"sources":["SteppedProgressIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CheckIcon } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\nimport { Icon } from \"~/Icon\";\n\nconst steppedProgressIconVariants = cva(\n    [\"wby-absolute wby-top-1/2 wby-left-1/2 -wby-translate-x-1/2 -wby-translate-y-1/2\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]: \"wby-hidden\",\n                [ProgressItemState.IN_PROGRESS]:\n                    \"wby-size-sm-extra wby-rounded-full wby-bg-primary-default\",\n                [ProgressItemState.COMPLETED]: \"wby-fill-neutral-base\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"wby-fill-neutral-base\"\n            },\n            disabled: {\n                true: \"!wby-fill-neutral-base\"\n            },\n            errored: {\n                true: \"wby-fill-destructive\"\n            }\n        },\n        compoundVariants: [\n            // disabled\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                className: \"wby-bg-neutral-strong\"\n            },\n            // errored\n            {\n                state: ProgressItemState.IDLE,\n                errored: true,\n                className: \"wby-block\"\n            },\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true,\n                className: \"wby-size-auto wby-rounded-none wby-bg-transparent\"\n            },\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"wby-fill-neutral-base\"\n            },\n            {\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true,\n                className: \"wby-fill-neutral-base\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIconProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIconVariants> {}\n\nconst SteppedProgressIcon = ({\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressIconProps) => {\n    const icon = React.useMemo(() => {\n        if (errored) {\n            return <Icon icon={<ErrorIcon />} label={\"Error\"} size={\"sm\"} />;\n        }\n\n        if (\n            state === ProgressItemState.COMPLETED ||\n            state === ProgressItemState.COMPLETED_AFFIRMATIVE\n        ) {\n            return <Icon icon={<CheckIcon />} label={\"Completed\"} size={\"sm\"} />;\n        }\n\n        return <></>;\n    }, [state, errored]);\n\n    return (\n        <div\n            {...props}\n            className={cn(steppedProgressIconVariants({ state, disabled, errored }), className)}\n        >\n            {icon}\n        </div>\n    );\n};\n\nexport { SteppedProgressIcon, type SteppedProgressIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASD,cAAc,IAAIE,SAAS,QAAQ,iCAAiC;AAC7E,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAC1B,SAASC,IAAI;AAEb,MAAMC,2BAA2B,GAAGH,GAAG,CACnC,CAAC,iFAAiF,CAAC,EACnF;EACII,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACJ,iBAAiB,CAACK,IAAI,GAAG,YAAY;MACtC,CAACL,iBAAiB,CAACM,WAAW,GAC1B,2DAA2D;MAC/D,CAACN,iBAAiB,CAACO,SAAS,GAAG,uBAAuB;MACtD,CAACP,iBAAiB,CAACQ,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE;EACd;EACA;IACIR,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCG,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACf,CAAC;EACD;EACA;IACIT,KAAK,EAAEJ,iBAAiB,CAACK,IAAI;IAC7BM,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCK,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACO,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACQ,qBAAqB;IAC9CG,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEJ,iBAAiB,CAACK;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,mBAAmB,GAAGA,CAAC;EACzBX,KAAK;EACLO,OAAO;EACPF,QAAQ;EACRI,SAAS;EACT,GAAGG;AACmB,CAAC,KAAK;EAC5B,MAAMC,IAAI,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAM;IAC7B,IAAIP,OAAO,EAAE;MACT,oBAAOjB,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACtB,SAAS,MAAE,CAAE;QAACuB,KAAK,EAAE,OAAQ;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACpE;IAEA,IACIjB,KAAK,KAAKJ,iBAAiB,CAACO,SAAS,IACrCH,KAAK,KAAKJ,iBAAiB,CAACQ,qBAAqB,EACnD;MACE,oBAAOd,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACvB,SAAS,MAAE,CAAE;QAACwB,KAAK,EAAE,WAAY;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACxE;IAEA,oBAAO3B,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA4B,QAAA,MAAI,CAAC;EAChB,CAAC,EAAE,CAAClB,KAAK,EAAEO,OAAO,CAAC,CAAC;EAEpB,oBACIjB,KAAA,CAAAyB,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQR,KAAK;IACTH,SAAS,EAAEf,EAAE,CAACI,2BAA2B,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAAEE,SAAS;EAAE,IAEnFI,IACA,CAAC;AAEd,CAAC;AAED,SAASF,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","CheckIcon","ErrorIcon","cn","cva","ProgressItemState","Icon","steppedProgressIconVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIcon","props","icon","useMemo","createElement","label","size","Fragment","Object","assign"],"sources":["SteppedProgressIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CheckIcon } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst steppedProgressIconVariants = cva(\n    [\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]: \"hidden\",\n                [ProgressItemState.IN_PROGRESS]: \"size-sm-extra rounded-full bg-primary\",\n                [ProgressItemState.COMPLETED]: \"fill-neutral-base\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"fill-neutral-base\"\n            },\n            disabled: {\n                true: \"fill-neutral-base!\"\n            },\n            errored: {\n                true: \"fill-destructive\"\n            }\n        },\n        compoundVariants: [\n            // disabled\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                className: \"bg-neutral-strong\"\n            },\n            // errored\n            {\n                state: ProgressItemState.IDLE,\n                errored: true,\n                className: \"block\"\n            },\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true,\n                className: \"size-auto rounded-none bg-transparent\"\n            },\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"fill-neutral-base\"\n            },\n            {\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true,\n                className: \"fill-neutral-base\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIconProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIconVariants> {}\n\nconst SteppedProgressIcon = ({\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressIconProps) => {\n    const icon = React.useMemo(() => {\n        if (errored) {\n            return <Icon icon={<ErrorIcon />} label={\"Error\"} size={\"sm\"} />;\n        }\n\n        if (\n            state === ProgressItemState.COMPLETED ||\n            state === ProgressItemState.COMPLETED_AFFIRMATIVE\n        ) {\n            return <Icon icon={<CheckIcon />} label={\"Completed\"} size={\"sm\"} />;\n        }\n\n        return <></>;\n    }, [state, errored]);\n\n    return (\n        <div\n            {...props}\n            className={cn(steppedProgressIconVariants({ state, disabled, errored }), className)}\n        >\n            {icon}\n        </div>\n    );\n};\n\nexport { SteppedProgressIcon, type SteppedProgressIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASD,cAAc,IAAIE,SAAS,QAAQ,iCAAiC;AAC7E,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAC1B,SAASC,IAAI;AAEb,MAAMC,2BAA2B,GAAGH,GAAG,CACnC,CAAC,6DAA6D,CAAC,EAC/D;EACII,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACJ,iBAAiB,CAACK,IAAI,GAAG,QAAQ;MAClC,CAACL,iBAAiB,CAACM,WAAW,GAAG,uCAAuC;MACxE,CAACN,iBAAiB,CAACO,SAAS,GAAG,mBAAmB;MAClD,CAACP,iBAAiB,CAACQ,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE;EACd;EACA;IACIR,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCG,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACf,CAAC;EACD;EACA;IACIT,KAAK,EAAEJ,iBAAiB,CAACK,IAAI;IAC7BM,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCK,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACO,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACQ,qBAAqB;IAC9CG,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEJ,iBAAiB,CAACK;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,mBAAmB,GAAGA,CAAC;EACzBX,KAAK;EACLO,OAAO;EACPF,QAAQ;EACRI,SAAS;EACT,GAAGG;AACmB,CAAC,KAAK;EAC5B,MAAMC,IAAI,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAM;IAC7B,IAAIP,OAAO,EAAE;MACT,oBAAOjB,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACtB,SAAS,MAAE,CAAE;QAACuB,KAAK,EAAE,OAAQ;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACpE;IAEA,IACIjB,KAAK,KAAKJ,iBAAiB,CAACO,SAAS,IACrCH,KAAK,KAAKJ,iBAAiB,CAACQ,qBAAqB,EACnD;MACE,oBAAOd,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACvB,SAAS,MAAE,CAAE;QAACwB,KAAK,EAAE,WAAY;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACxE;IAEA,oBAAO3B,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA4B,QAAA,MAAI,CAAC;EAChB,CAAC,EAAE,CAAClB,KAAK,EAAEO,OAAO,CAAC,CAAC;EAEpB,oBACIjB,KAAA,CAAAyB,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQR,KAAK;IACTH,SAAS,EAAEf,EAAE,CAACI,2BAA2B,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAAEE,SAAS;EAAE,IAEnFI,IACA,CAAC;AAEd,CAAC;AAED,SAASF,mBAAmB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressIndicator.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
-import { ProgressItemState } from "../domains";
+import { type VariantProps } from "../../utils.js";
+import { ProgressItemState } from "../../SteppedProgress/domains/index.js";
 declare const steppedProgressIndicatorVariants: (props?: ({
     state?: ProgressItemState | null | undefined;
     disabled?: boolean | null | undefined;

package/SteppedProgress/components/SteppedProgressIndicator.js

@@ -1,16 +1,16 @@
 import React from "react";
-import { cn, cva } from "../../utils";
-import { ProgressItemState } from "../domains";
-const steppedProgressIndicatorVariants = cva(["wby-size-lg wby-rounded-full wby-relative wby-shrink-0 wby-basis-auto"], {
+import { cn, cva } from "../../utils.js";
+import { ProgressItemState } from "../domains/index.js";
+const steppedProgressIndicatorVariants = cva(["size-lg rounded-full relative shrink-0 basis-auto"], {
   variants: {
     state: {
-      [ProgressItemState.IDLE]: "wby-bg-neutral-base wby-border-sm wby-border-solid wby-border-neutral-muted",
-      [ProgressItemState.IN_PROGRESS]: ["wby-bg-primary-base wby-border-sm wby-border-solid wby-border-neutral-muted"],
-      [ProgressItemState.COMPLETED]: "wby-bg-primary-default",
-      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "wby-bg-success-default"
+      [ProgressItemState.IDLE]: "bg-neutral-base border-sm border-solid border-neutral-muted",
+      [ProgressItemState.IN_PROGRESS]: ["bg-primary-base border-sm border-solid border-neutral-muted"],
+      [ProgressItemState.COMPLETED]: "bg-primary",
+      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "bg-success"
     },
     disabled: {
-      true: "!wby-bg-neutral-dimmed !wby-border-none"
+      true: "bg-neutral-dimmed! border-none!"
     },
     errored: {
       true: ""
@@ -19,7 +19,7 @@ const steppedProgressIndicatorVariants = cva(["wby-size-lg wby-rounded-full wby-
   compoundVariants: [{
     state: ProgressItemState.COMPLETED,
     errored: true,
-    className: "wby-bg-destructive-default"
+    className: "bg-destructive-default"
   }],
   defaultVariants: {
     state: ProgressItemState.IDLE

package/SteppedProgress/components/SteppedProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","ProgressItemState","steppedProgressIndicatorVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIndicator","children","props","createElement","Object","assign"],"sources":["SteppedProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\nconst steppedProgressIndicatorVariants = cva(\n    [\"wby-size-lg wby-rounded-full wby-relative wby-shrink-0 wby-basis-auto\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]:\n                    \"wby-bg-neutral-base wby-border-sm wby-border-solid wby-border-neutral-muted\",\n                [ProgressItemState.IN_PROGRESS]: [\n                    \"wby-bg-primary-base wby-border-sm wby-border-solid wby-border-neutral-muted\"\n                ],\n                [ProgressItemState.COMPLETED]: \"wby-bg-primary-default\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"wby-bg-success-default\"\n            },\n            disabled: {\n                true: \"!wby-bg-neutral-dimmed !wby-border-none\"\n            },\n            errored: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"wby-bg-destructive-default\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIndicatorProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIndicatorVariants> {}\n\nconst SteppedProgressIndicator = ({\n    state,\n    disabled,\n    errored,\n    className,\n    children,\n    ...props\n}: SteppedProgressIndicatorProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                steppedProgressIndicatorVariants({ state, disabled, errored }),\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { SteppedProgressIndicator, type SteppedProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAE1B,MAAMC,gCAAgC,GAAGF,GAAG,CACxC,CAAC,uEAAuE,CAAC,EACzE;EACIG,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACH,iBAAiB,CAACI,IAAI,GACnB,6EAA6E;MACjF,CAACJ,iBAAiB,CAACK,WAAW,GAAG,CAC7B,6EAA6E,CAChF;MACD,CAACL,iBAAiB,CAACM,SAAS,GAAG,wBAAwB;MACvD,CAACN,iBAAiB,CAACO,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIR,KAAK,EAAEH,iBAAiB,CAACM,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEH,iBAAiB,CAACI;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLK,QAAQ;EACRE,OAAO;EACPE,SAAS;EACTG,QAAQ;EACR,GAAGC;AACwB,CAAC,KAAK;EACjC,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTJ,SAAS,EAAEd,EAAE,CACTG,gCAAgC,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAC9DE,SACJ;EAAE,IAEDG,QACA,CAAC;AAEd,CAAC;AAED,SAASD,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","ProgressItemState","steppedProgressIndicatorVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIndicator","children","props","createElement","Object","assign"],"sources":["SteppedProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\nconst steppedProgressIndicatorVariants = cva(\n    [\"size-lg rounded-full relative shrink-0 basis-auto\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]:\n                    \"bg-neutral-base border-sm border-solid border-neutral-muted\",\n                [ProgressItemState.IN_PROGRESS]: [\n                    \"bg-primary-base border-sm border-solid border-neutral-muted\"\n                ],\n                [ProgressItemState.COMPLETED]: \"bg-primary\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"bg-success\"\n            },\n            disabled: {\n                true: \"bg-neutral-dimmed! border-none!\"\n            },\n            errored: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"bg-destructive-default\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIndicatorProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIndicatorVariants> {}\n\nconst SteppedProgressIndicator = ({\n    state,\n    disabled,\n    errored,\n    className,\n    children,\n    ...props\n}: SteppedProgressIndicatorProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                steppedProgressIndicatorVariants({ state, disabled, errored }),\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { SteppedProgressIndicator, type SteppedProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAE1B,MAAMC,gCAAgC,GAAGF,GAAG,CACxC,CAAC,mDAAmD,CAAC,EACrD;EACIG,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACH,iBAAiB,CAACI,IAAI,GACnB,6DAA6D;MACjE,CAACJ,iBAAiB,CAACK,WAAW,GAAG,CAC7B,6DAA6D,CAChE;MACD,CAACL,iBAAiB,CAACM,SAAS,GAAG,YAAY;MAC3C,CAACN,iBAAiB,CAACO,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIR,KAAK,EAAEH,iBAAiB,CAACM,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEH,iBAAiB,CAACI;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLK,QAAQ;EACRE,OAAO;EACPE,SAAS;EACTG,QAAQ;EACR,GAAGC;AACwB,CAAC,KAAK;EACjC,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTJ,SAAS,EAAEd,EAAE,CACTG,gCAAgC,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAC9DE,SACJ;EAAE,IAEDG,QACA,CAAC;AAEd,CAAC;AAED,SAASD,wBAAwB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressLabel.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ProgressItemState } from "../domains";
+import { ProgressItemState } from "../../SteppedProgress/domains/index.js";
 interface SteppedProgressLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     label: string;
     state: ProgressItemState;

package/SteppedProgress/components/SteppedProgressLabel.js

@@ -1,7 +1,7 @@
 import React from "react";
-import { Text } from "../../Text";
-import { cn } from "../../utils";
-import { ProgressItemState } from "../domains";
+import { Text } from "../../Text/index.js";
+import { cn } from "../../utils.js";
+import { ProgressItemState } from "../domains/index.js";
 const SteppedProgressLabel = ({
   label,
   state,
@@ -10,7 +10,7 @@ const SteppedProgressLabel = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement(Text, Object.assign({}, props, {
-    className: cn(state === ProgressItemState.IN_PROGRESS ? "wby-font-semibold" : "wby-font-regular", disabled ? "wby-text-neutral-disabled" : "wby-text-neutral-primary", className)
+    className: cn(state === ProgressItemState.IN_PROGRESS ? "font-semibold" : "font-regular", disabled ? "text-neutral-disabled" : "text-neutral-primary", className)
   }), label);
 };
 export { SteppedProgressLabel };

package/SteppedProgress/components/SteppedProgressLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","cn","ProgressItemState","SteppedProgressLabel","label","state","disabled","className","props","createElement","Object","assign","IN_PROGRESS"],"sources":["SteppedProgressLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text\";\nimport { cn } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\ninterface SteppedProgressLabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n    label: string;\n    state: ProgressItemState;\n    disabled: boolean;\n}\n\nconst SteppedProgressLabel = ({\n    label,\n    state,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressLabelProps) => {\n    return (\n        <Text\n            {...props}\n            className={cn(\n                state === ProgressItemState.IN_PROGRESS ? \"wby-font-semibold\" : \"wby-font-regular\",\n                disabled ? \"wby-text-neutral-disabled\" : \"wby-text-neutral-primary\",\n                className\n            )}\n        >\n            {label}\n        </Text>\n    );\n};\n\nexport { SteppedProgressLabel, type SteppedProgressLabelProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE;AACX,SAASC,iBAAiB;AAQ1B,MAAMC,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACoB,CAAC,KAAK;EAC7B,oBACIT,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAAU,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTD,SAAS,EAAEN,EAAE,CACTI,KAAK,KAAKH,iBAAiB,CAACU,WAAW,GAAG,mBAAmB,GAAG,kBAAkB,EAClFN,QAAQ,GAAG,2BAA2B,GAAG,0BAA0B,EACnEC,SACJ;EAAE,IAEDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","Text","cn","ProgressItemState","SteppedProgressLabel","label","state","disabled","className","props","createElement","Object","assign","IN_PROGRESS"],"sources":["SteppedProgressLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\ninterface SteppedProgressLabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n    label: string;\n    state: ProgressItemState;\n    disabled: boolean;\n}\n\nconst SteppedProgressLabel = ({\n    label,\n    state,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressLabelProps) => {\n    return (\n        <Text\n            {...props}\n            className={cn(\n                state === ProgressItemState.IN_PROGRESS ? \"font-semibold\" : \"font-regular\",\n                disabled ? \"text-neutral-disabled\" : \"text-neutral-primary\",\n                className\n            )}\n        >\n            {label}\n        </Text>\n    );\n};\n\nexport { SteppedProgressLabel, type SteppedProgressLabelProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE;AACX,SAASC,iBAAiB;AAQ1B,MAAMC,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACoB,CAAC,KAAK;EAC7B,oBACIT,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAAU,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTD,SAAS,EAAEN,EAAE,CACTI,KAAK,KAAKH,iBAAiB,CAACU,WAAW,GAAG,eAAe,GAAG,cAAc,EAC1EN,QAAQ,GAAG,uBAAuB,GAAG,sBAAsB,EAC3DC,SACJ;EAAE,IAEDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,oBAAoB","ignoreList":[]}

package/SteppedProgress/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./SteppedProgressIcon";
-export * from "./SteppedProgressIndicator";
-export * from "./SteppedProgressLabel";
+export * from "./SteppedProgressIcon.js";
+export * from "./SteppedProgressIndicator.js";
+export * from "./SteppedProgressLabel.js";

package/SteppedProgress/components/index.js

@@ -1,5 +1,5 @@
-export * from "./SteppedProgressIcon";
-export * from "./SteppedProgressIndicator";
-export * from "./SteppedProgressLabel";
+export * from "./SteppedProgressIcon.js";
+export * from "./SteppedProgressIndicator.js";
+export * from "./SteppedProgressLabel.js";
 
 //# sourceMappingURL=index.js.map

package/SteppedProgress/components/index.js.map

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

package/SteppedProgress/domains/ProgressItem.d.ts

@@ -1,4 +1,4 @@
-import { ProgressItemState } from "./ProgressItemState";
+import { ProgressItemState } from "./ProgressItemState.js";
 export interface ProgressItemParams {
     label: string;
     id?: string;

package/SteppedProgress/domains/ProgressItem.js

@@ -1,5 +1,5 @@
-import { ProgressItemState } from "./ProgressItemState";
-import { generateId } from "../../utils";
+import { ProgressItemState } from "./ProgressItemState.js";
+import { generateId } from "../../utils.js";
 export class ProgressItem {
   constructor(params) {
     this._label = params.label;

package/SteppedProgress/domains/ProgressItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressItemState","generateId","ProgressItem","constructor","params","_label","label","_id","id","_disabled","disabled","_errored","errored","_state","state","IDLE","create","data"],"sources":["ProgressItem.ts"],"sourcesContent":["import { ProgressItemState } from \"./ProgressItemState\";\nimport { generateId } from \"~/utils\";\n\nexport interface ProgressItemParams {\n    label: string;\n    id?: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n\nexport class ProgressItem {\n    private readonly _label: string;\n    private readonly _id: string;\n    private readonly _disabled: boolean;\n    private readonly _errored: boolean;\n    private readonly _state: ProgressItemState;\n\n    protected constructor(params: ProgressItemParams) {\n        this._label = params.label;\n        this._id = generateId(params.id);\n        this._disabled = params.disabled || false;\n        this._errored = params.errored || false;\n        this._state = params.state || ProgressItemState.IDLE;\n    }\n\n    static create(data: ProgressItemParams) {\n        return new ProgressItem(data);\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get errored() {\n        return this._errored;\n    }\n\n    get state() {\n        return this._state;\n    }\n}\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,UAAU;AAUnB,OAAO,MAAMC,YAAY,CAAC;EAOZC,WAAWA,CAACC,MAA0B,EAAE;IAC9C,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACE,KAAK;IAC1B,IAAI,CAACC,GAAG,GAAGN,UAAU,CAACG,MAAM,CAACI,EAAE,CAAC;IAChC,IAAI,CAACC,SAAS,GAAGL,MAAM,CAACM,QAAQ,IAAI,KAAK;IACzC,IAAI,CAACC,QAAQ,GAAGP,MAAM,CAACQ,OAAO,IAAI,KAAK;IACvC,IAAI,CAACC,MAAM,GAAGT,MAAM,CAACU,KAAK,IAAId,iBAAiB,CAACe,IAAI;EACxD;EAEA,OAAOC,MAAMA,CAACC,IAAwB,EAAE;IACpC,OAAO,IAAIf,YAAY,CAACe,IAAI,CAAC;EACjC;EAEA,IAAIT,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAID,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIK,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;AACJ","ignoreList":[]}
+{"version":3,"names":["ProgressItemState","generateId","ProgressItem","constructor","params","_label","label","_id","id","_disabled","disabled","_errored","errored","_state","state","IDLE","create","data"],"sources":["ProgressItem.ts"],"sourcesContent":["import { ProgressItemState } from \"./ProgressItemState.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport interface ProgressItemParams {\n    label: string;\n    id?: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n\nexport class ProgressItem {\n    private readonly _label: string;\n    private readonly _id: string;\n    private readonly _disabled: boolean;\n    private readonly _errored: boolean;\n    private readonly _state: ProgressItemState;\n\n    protected constructor(params: ProgressItemParams) {\n        this._label = params.label;\n        this._id = generateId(params.id);\n        this._disabled = params.disabled || false;\n        this._errored = params.errored || false;\n        this._state = params.state || ProgressItemState.IDLE;\n    }\n\n    static create(data: ProgressItemParams) {\n        return new ProgressItem(data);\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get errored() {\n        return this._errored;\n    }\n\n    get state() {\n        return this._state;\n    }\n}\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,UAAU;AAUnB,OAAO,MAAMC,YAAY,CAAC;EAOZC,WAAWA,CAACC,MAA0B,EAAE;IAC9C,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACE,KAAK;IAC1B,IAAI,CAACC,GAAG,GAAGN,UAAU,CAACG,MAAM,CAACI,EAAE,CAAC;IAChC,IAAI,CAACC,SAAS,GAAGL,MAAM,CAACM,QAAQ,IAAI,KAAK;IACzC,IAAI,CAACC,QAAQ,GAAGP,MAAM,CAACQ,OAAO,IAAI,KAAK;IACvC,IAAI,CAACC,MAAM,GAAGT,MAAM,CAACU,KAAK,IAAId,iBAAiB,CAACe,IAAI;EACxD;EAEA,OAAOC,MAAMA,CAACC,IAAwB,EAAE;IACpC,OAAO,IAAIf,YAAY,CAACe,IAAI,CAAC;EACjC;EAEA,IAAIT,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAID,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIK,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;AACJ","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemDto.d.ts

@@ -1,4 +1,4 @@
-import type { ProgressItemState } from "./ProgressItemState";
+import type { ProgressItemState } from "./ProgressItemState.js";
 export interface ProgressItemDto {
     id?: string;
     label: string;

package/SteppedProgress/domains/ProgressItemDto.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ProgressItemDto.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState\";\n\nexport interface ProgressItemDto {\n    id?: string;\n    label: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["ProgressItemDto.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState.js\";\n\nexport interface ProgressItemDto {\n    id?: string;\n    label: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemFormatted.d.ts

@@ -1,4 +1,4 @@
-import type { ProgressItemState } from "./ProgressItemState";
+import type { ProgressItemState } from "./ProgressItemState.js";
 export interface ProgressItemFormatted {
     id: string;
     label: string;

package/SteppedProgress/domains/ProgressItemFormatted.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ProgressItemFormatted.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState\";\n\nexport interface ProgressItemFormatted {\n    id: string;\n    label: string;\n    disabled: boolean;\n    errored: boolean;\n    state: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["ProgressItemFormatted.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState.js\";\n\nexport interface ProgressItemFormatted {\n    id: string;\n    label: string;\n    disabled: boolean;\n    errored: boolean;\n    state: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemFormatter.d.ts

@@ -1,5 +1,5 @@
-import type { ProgressItem } from "./ProgressItem";
-import type { ProgressItemFormatted } from "./ProgressItemFormatted";
+import type { ProgressItem } from "../../SteppedProgress/domains/ProgressItem.js";
+import type { ProgressItemFormatted } from "../../SteppedProgress/domains/ProgressItemFormatted.js";
 export declare class ProgressItemFormatter {
     static format(item: ProgressItem): ProgressItemFormatted;
 }

package/SteppedProgress/domains/ProgressItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressItemFormatter","format","item","id","label","disabled","errored","state"],"sources":["ProgressItemFormatter.ts"],"sourcesContent":["import type { ProgressItem } from \"~/SteppedProgress/domains/ProgressItem\";\nimport type { ProgressItemFormatted } from \"~/SteppedProgress/domains/ProgressItemFormatted\";\n\nexport class ProgressItemFormatter {\n    static format(item: ProgressItem): ProgressItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            disabled: item.disabled,\n            errored: item.errored,\n            state: item.state\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,qBAAqB,CAAC;EAC/B,OAAOC,MAAMA,CAACC,IAAkB,EAAyB;IACrD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ;MACvBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,KAAK,EAAEL,IAAI,CAACK;IAChB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["ProgressItemFormatter","format","item","id","label","disabled","errored","state"],"sources":["ProgressItemFormatter.ts"],"sourcesContent":["import type { ProgressItem } from \"~/SteppedProgress/domains/ProgressItem.js\";\nimport type { ProgressItemFormatted } from \"~/SteppedProgress/domains/ProgressItemFormatted.js\";\n\nexport class ProgressItemFormatter {\n    static format(item: ProgressItem): ProgressItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            disabled: item.disabled,\n            errored: item.errored,\n            state: item.state\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,qBAAqB,CAAC;EAC/B,OAAOC,MAAMA,CAACC,IAAkB,EAAyB;IACrD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ;MACvBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,KAAK,EAAEL,IAAI,CAACK;IAChB,CAAC;EACL;AACJ","ignoreList":[]}

package/SteppedProgress/domains/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./ProgressItem";
-export * from "./ProgressItemDto";
-export * from "./ProgressItemState";
-export * from "./ProgressItemFormatted";
-export * from "./ProgressItemFormatter";
+export * from "./ProgressItem.js";
+export type * from "./ProgressItemDto.js";
+export * from "./ProgressItemState.js";
+export type * from "./ProgressItemFormatted.js";
+export * from "./ProgressItemFormatter.js";

package/SteppedProgress/domains/index.js

@@ -1,7 +1,5 @@
-export * from "./ProgressItem";
-export * from "./ProgressItemDto";
-export * from "./ProgressItemState";
-export * from "./ProgressItemFormatted";
-export * from "./ProgressItemFormatter";
+export * from "./ProgressItem.js";
+export * from "./ProgressItemState.js";
+export * from "./ProgressItemFormatter.js";
 
 //# sourceMappingURL=index.js.map

package/SteppedProgress/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressItem\";\nexport * from \"./ProgressItemDto\";\nexport * from \"./ProgressItemState\";\nexport * from \"./ProgressItemFormatted\";\nexport * from \"./ProgressItemFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ProgressItem.js\";\nexport type * from \"./ProgressItemDto.js\";\nexport * from \"./ProgressItemState.js\";\nexport type * from \"./ProgressItemFormatted.js\";\nexport * from \"./ProgressItemFormatter.js\";\n"],"mappings":"AAAA;AAEA;AAEA","ignoreList":[]}

package/SteppedProgress/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./domains";
-export * from "./SteppedProgress";
+export * from "./domains/index.js";
+export * from "./SteppedProgress.js";

package/SteppedProgress/index.js

@@ -1,4 +1,4 @@
-export * from "./domains";
-export * from "./SteppedProgress";
+export * from "./domains/index.js";
+export * from "./SteppedProgress.js";
 
 //# sourceMappingURL=index.js.map

package/SteppedProgress/index.js.map

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

package/SteppedProgress/presenters/SteppedProgressPresenter.d.ts

@@ -1,4 +1,4 @@
-import { type ProgressItemParams, type ProgressItemFormatted } from "../domains";
+import { type ProgressItemParams, type ProgressItemFormatted } from "../domains/index.js";
 interface SteppedProgressPresenterParams {
     items: ProgressItemParams[];
 }

package/SteppedProgress/presenters/SteppedProgressPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { ProgressItem, ProgressItemFormatter } from "../domains";
+import { ProgressItem, ProgressItemFormatter } from "../domains/index.js";
 class SteppedProgressPresenter {
   items = [];
   constructor() {

package/SteppedProgress/presenters/SteppedProgressPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ProgressItem","ProgressItemFormatter","SteppedProgressPresenter","items","constructor","init","params","map","item","create","vm","format"],"sources":["SteppedProgressPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    ProgressItem,\n    type ProgressItemParams,\n    ProgressItemFormatter,\n    type ProgressItemFormatted\n} from \"../domains\";\n\ninterface SteppedProgressPresenterParams {\n    items: ProgressItemParams[];\n}\n\ninterface ISteppedProgressPresenter {\n    vm: {\n        items: ProgressItemFormatted[];\n    };\n    init: (props: SteppedProgressPresenterParams) => void;\n}\n\nclass SteppedProgressPresenter implements ISteppedProgressPresenter {\n    private items: ProgressItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init(params: SteppedProgressPresenterParams) {\n        this.items = params.items.map(item => ProgressItem.create(item));\n    }\n\n    get vm() {\n        return {\n            items: this.items.map(item => ProgressItemFormatter.format(item))\n        };\n    }\n}\n\nexport { SteppedProgressPresenter, type SteppedProgressPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,YAAY,EAEZC,qBAAqB;AAezB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAmB,EAAE;EAElCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAIA,CAACC,MAAsC,EAAE;IAChD,IAAI,CAACH,KAAK,GAAGG,MAAM,CAACH,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIR,YAAY,CAACS,MAAM,CAACD,IAAI,CAAC,CAAC;EACpE;EAEA,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,KAAK,EAAE,IAAI,CAACA,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIP,qBAAqB,CAACU,MAAM,CAACH,IAAI,CAAC;IACpE,CAAC;EACL;AACJ;AAEA,SAASN,wBAAwB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ProgressItem","ProgressItemFormatter","SteppedProgressPresenter","items","constructor","init","params","map","item","create","vm","format"],"sources":["SteppedProgressPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    ProgressItem,\n    type ProgressItemParams,\n    ProgressItemFormatter,\n    type ProgressItemFormatted\n} from \"../domains/index.js\";\n\ninterface SteppedProgressPresenterParams {\n    items: ProgressItemParams[];\n}\n\ninterface ISteppedProgressPresenter {\n    vm: {\n        items: ProgressItemFormatted[];\n    };\n    init: (props: SteppedProgressPresenterParams) => void;\n}\n\nclass SteppedProgressPresenter implements ISteppedProgressPresenter {\n    private items: ProgressItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init(params: SteppedProgressPresenterParams) {\n        this.items = params.items.map(item => ProgressItem.create(item));\n    }\n\n    get vm() {\n        return {\n            items: this.items.map(item => ProgressItemFormatter.format(item))\n        };\n    }\n}\n\nexport { SteppedProgressPresenter, type SteppedProgressPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,YAAY,EAEZC,qBAAqB;AAezB,MAAMC,wBAAwB,CAAsC;EACxDC,KAAK,GAAmB,EAAE;EAElCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAIA,CAACC,MAAsC,EAAE;IAChD,IAAI,CAACH,KAAK,GAAGG,MAAM,CAACH,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIR,YAAY,CAACS,MAAM,CAACD,IAAI,CAAC,CAAC;EACpE;EAEA,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,KAAK,EAAE,IAAI,CAACA,KAAK,CAACI,GAAG,CAACC,IAAI,IAAIP,qBAAqB,CAACU,MAAM,CAACH,IAAI,CAAC;IACpE,CAAC;EACL;AACJ;AAEA,SAASN,wBAAwB","ignoreList":[]}

package/SteppedProgress/presenters/SteppedProgressPresenter.test.js

@@ -1,5 +1,6 @@
-import { SteppedProgressPresenter } from "./SteppedProgressPresenter";
-import { ProgressItemState } from "../domains";
+import { SteppedProgressPresenter } from "./SteppedProgressPresenter.js";
+import { ProgressItemState } from "../domains/index.js";
+import { describe, expect, it } from "vitest";
 describe("SteppedProgressPresenter", () => {
   it("should return the compatible `vm` based on props", () => {
     const presenter = new SteppedProgressPresenter();

package/SteppedProgress/presenters/SteppedProgressPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["SteppedProgressPresenter","ProgressItemState","describe","it","presenter","init","items","label","expect","vm","toEqual","id","any","String","disabled","errored","state","IDLE","IN_PROGRESS"],"sources":["SteppedProgressPresenter.test.ts"],"sourcesContent":["import { SteppedProgressPresenter } from \"./SteppedProgressPresenter\";\nimport { ProgressItemState } from \"../domains\";\n\ndescribe(\"SteppedProgressPresenter\", () => {\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new SteppedProgressPresenter();\n\n        // `items`\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\"\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` disabled\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        disabled: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: true,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` errored\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        errored: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: true,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` state\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        state: ProgressItemState.IN_PROGRESS\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IN_PROGRESS\n                }\n            ]);\n        }\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AACjC,SAASC,iBAAiB;AAE1BC,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvCC,EAAE,CAAC,kDAAkD,EAAE,MAAM;IACzD,MAAMC,SAAS,GAAG,IAAIJ,wBAAwB,CAAC,CAAC;;IAEhD;IACA;MACII,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE;QACX,CAAC;MAET,CAAC,CAAC;MAEFC,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfO,QAAQ,EAAE;QACd,CAAC;MAET,CAAC,CAAC;MAEFN,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfQ,OAAO,EAAE;QACb,CAAC;MAET,CAAC,CAAC;MAEFP,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIb,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfS,KAAK,EAAEf,iBAAiB,CAACiB;QAC7B,CAAC;MAET,CAAC,CAAC;MAEFV,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAEH,MAAM,CAACI,GAAG,CAACC,MAAM,CAAC;QACtBN,KAAK,EAAE,QAAQ;QACfO,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACiB;MAC7B,CAAC,CACJ,CAAC;IACN;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["SteppedProgressPresenter","ProgressItemState","describe","expect","it","presenter","init","items","label","vm","toEqual","id","any","String","disabled","errored","state","IDLE","IN_PROGRESS"],"sources":["SteppedProgressPresenter.test.ts"],"sourcesContent":["import { SteppedProgressPresenter } from \"./SteppedProgressPresenter.js\";\nimport { ProgressItemState } from \"../domains/index.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"SteppedProgressPresenter\", () => {\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new SteppedProgressPresenter();\n\n        // `items`\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\"\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` disabled\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        disabled: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: true,\n                    errored: false,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` errored\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        errored: true\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: true,\n                    state: ProgressItemState.IDLE\n                }\n            ]);\n        }\n\n        // `items` state\n        {\n            presenter.init({\n                items: [\n                    {\n                        label: \"Step 1\",\n                        state: ProgressItemState.IN_PROGRESS\n                    }\n                ]\n            });\n\n            expect(presenter.vm.items).toEqual([\n                {\n                    id: expect.any(String),\n                    label: \"Step 1\",\n                    disabled: false,\n                    errored: false,\n                    state: ProgressItemState.IN_PROGRESS\n                }\n            ]);\n        }\n    });\n});\n"],"mappings":"AAAA,SAASA,wBAAwB;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7CF,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACvCE,EAAE,CAAC,kDAAkD,EAAE,MAAM;IACzD,MAAMC,SAAS,GAAG,IAAIL,wBAAwB,CAAC,CAAC;;IAEhD;IACA;MACIK,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE;QACX,CAAC;MAET,CAAC,CAAC;MAEFL,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfM,QAAQ,EAAE;QACd,CAAC;MAET,CAAC,CAAC;MAEFX,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfO,OAAO,EAAE;QACb,CAAC;MAET,CAAC,CAAC;MAEFZ,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAEf,iBAAiB,CAACgB;MAC7B,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACIZ,SAAS,CAACC,IAAI,CAAC;QACXC,KAAK,EAAE,CACH;UACIC,KAAK,EAAE,QAAQ;UACfQ,KAAK,EAAEf,iBAAiB,CAACiB;QAC7B,CAAC;MAET,CAAC,CAAC;MAEFf,MAAM,CAACE,SAAS,CAACI,EAAE,CAACF,KAAK,CAAC,CAACG,OAAO,CAAC,CAC/B;QACIC,EAAE,EAAER,MAAM,CAACS,GAAG,CAACC,MAAM,CAAC;QACtBL,KAAK,EAAE,QAAQ;QACfM,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAEf,iBAAiB,CAACiB;MAC7B,CAAC,CACJ,CAAC;IACN;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/SteppedProgress/presenters/index.d.ts

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

package/SteppedProgress/presenters/index.js

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

package/SteppedProgress/presenters/index.js.map

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

package/SteppedProgress/useSteppedProgress.d.ts

@@ -1,6 +1,6 @@
-import type { SteppedProgressProps } from "./SteppedProgress";
+import type { SteppedProgressProps } from "./SteppedProgress.js";
 export declare const useSteppedProgress: (props: SteppedProgressProps) => {
     vm: {
-        items: import("./domains").ProgressItemFormatted[];
+        items: import("./index.js").ProgressItemFormatted[];
     };
 };

package/SteppedProgress/useSteppedProgress.js

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

package/SteppedProgress/useSteppedProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SteppedProgressPresenter","useSteppedProgress","props","params","items","presenter","init","vm","setVm"],"sources":["useSteppedProgress.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SteppedProgressPresenter, type SteppedProgressPresenterParams } from \"./presenters\";\nimport type { SteppedProgressProps } from \"./SteppedProgress\";\n\nexport const useSteppedProgress = (props: SteppedProgressProps) => {\n    const params: SteppedProgressPresenterParams = useMemo(\n        () => ({\n            items: props.items\n        }),\n        [props.items]\n    );\n\n    const presenter = useMemo(() => {\n        return new SteppedProgressPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,wBAAwB;AAGjC,OAAO,MAAMC,kBAAkB,GAAIC,KAA2B,IAAK;EAC/D,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZS,SAAS,CAACC,IAAI,CAACH,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACO,SAAS,CAACE,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE;EAAG,CAAC;AACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SteppedProgressPresenter","useSteppedProgress","props","params","items","presenter","init","vm","setVm"],"sources":["useSteppedProgress.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    SteppedProgressPresenter,\n    type SteppedProgressPresenterParams\n} from \"./presenters/index.js\";\nimport type { SteppedProgressProps } from \"./SteppedProgress.js\";\n\nexport const useSteppedProgress = (props: SteppedProgressProps) => {\n    const params: SteppedProgressPresenterParams = useMemo(\n        () => ({\n            items: props.items\n        }),\n        [props.items]\n    );\n\n    const presenter = useMemo(() => {\n        return new SteppedProgressPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,wBAAwB;AAK5B,OAAO,MAAMC,kBAAkB,GAAIC,KAA2B,IAAK;EAC/D,MAAMC,MAAsC,GAAGN,OAAO,CAClD,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,wBAAwB,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZS,SAAS,CAACC,IAAI,CAACH,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACO,SAAS,CAACE,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE;EAAG,CAAC;AACjB,CAAC","ignoreList":[]}

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SwitchPrimitiveProps } from "./primitives";
-import type { FormComponentProps } from "../FormComponent";
+import type { SwitchPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type SwitchProps = SwitchPrimitiveProps & FormComponentProps;
 declare const Switch: (({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
     original: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;
@@ -15,7 +15,7 @@ declare const Switch: (({ note, validation, ...props }: SwitchProps) => React.JS
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
         original: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Switch/Switch.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { makeDecoratable } from "../utils";
-import { SwitchPrimitive } from "./primitives";
-import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { SwitchPrimitive } from "./primitives/index.js";
+import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableSwitch = ({
   note,
   validation,
@@ -13,7 +13,7 @@ const DecoratableSwitch = ({
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(SwitchPrimitive, Object.assign({}, props, {
     disabled: props.disabled
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableSwitch","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","Object","assign","disabled","text","Switch"],"sources":["Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { SwitchPrimitiveProps } from \"./primitives\";\nimport { SwitchPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent\";\n\ntype SwitchProps = SwitchPrimitiveProps & FormComponentProps;\n\nconst DecoratableSwitch = ({ note, validation, ...props }: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <SwitchPrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SAASC,yBAAyB,EAAEC,iBAAiB;AAIrD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACvE,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGb,OAAO,CAAC,MAAMU,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBhB,KAAA,CAAAe,aAAA,CAACZ,eAAe,EAAAc,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAEU,QAAQ,EAAEV,KAAK,CAACU;EAAS,EAAE,CAAC,eACxDnB,KAAA,CAAAe,aAAA,CAACX,yBAAyB;IACtBgB,IAAI,EAAEP,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC5B,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACV,iBAAiB;IAACe,IAAI,EAAEb,IAAK;IAACY,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAME,MAAM,GAAGnB,eAAe,CAAC,QAAQ,EAAEI,iBAAiB,CAAC;AAE3D,SAASe,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableSwitch","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","Object","assign","disabled","text","Switch"],"sources":["Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { SwitchPrimitiveProps } from \"./primitives/index.js\";\nimport { SwitchPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ntype SwitchProps = SwitchPrimitiveProps & FormComponentProps;\n\nconst DecoratableSwitch = ({ note, validation, ...props }: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <SwitchPrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SAASC,yBAAyB,EAAEC,iBAAiB;AAIrD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACvE,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGb,OAAO,CAAC,MAAMU,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBhB,KAAA,CAAAe,aAAA,CAACZ,eAAe,EAAAc,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAEU,QAAQ,EAAEV,KAAK,CAACU;EAAS,EAAE,CAAC,eACxDnB,KAAA,CAAAe,aAAA,CAACX,yBAAyB;IACtBgB,IAAI,EAAEP,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC5B,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACV,iBAAiB;IAACe,IAAI,EAAEb,IAAK;IAACY,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAME,MAAM,GAAGnB,eAAe,CAAC,QAAQ,EAAEI,iBAAiB,CAAC;AAE3D,SAASe,MAAM","ignoreList":[]}

package/Switch/Switch.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as SwitchStories from './Switch.stories';
 
@@ -95,4 +95,4 @@ const SwitchExample = () => {
 };
 
 export default SwitchExample;
-```
+```

package/Switch/Switch.stories.d.ts

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

package/Switch/Switch.stories.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
-import { Switch } from "./";
-import { Tooltip } from "../Tooltip";
+import { Switch } from "./index.js";
+import { Tooltip } from "../Tooltip/index.js";
 const meta = {
   title: "Components/Form/Switch",
   component: Switch,
@@ -159,12 +159,10 @@ export const Documentation = {
       control: "text"
     },
     validation: {
-      description: "Object containing validation state and message. Please refer to the example code for details on usage.",
-      control: "none"
+      description: "Object containing validation state and message. Please refer to the example code for details on usage."
     },
     onChange: {
-      description: "Function called when the switch state changes",
-      control: "none"
+      description: "Function called when the switch state changes"
     }
   }
 };