@webiny/admin-ui 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/SteppedProgress/SteppedProgress.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SteppedProgress","ProgressItemState","meta","title","component","argTypes","parameters","layout","Default","args","items","label","state","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","WithMultipleLines","decorators","Story","createElement","style","width","Disabled","disabled","Errored","errored","DisabledAndErrored"],"sources":["SteppedProgress.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SteppedProgress } from \"./SteppedProgress.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\nconst meta: Meta<typeof SteppedProgress> = {\n    title: \"Components/SteppedProgress\",\n    component: SteppedProgress,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SteppedProgress>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\"\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const WithMultipleLines: Story = {\n    decorators: [\n        Story => (\n            <div\n                style={{\n                    width: \"240px\"\n                }}\n            >\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        items: [\n            {\n                label: \"Step but with multiple lines of text.\"\n            },\n            {\n                label: \"Step in progress but with multiple lines of text.\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step completed but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed affirmative but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const Errored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true\n            }\n        ]\n    }\n};\n\nexport const DisabledAndErrored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true,\n                errored: true\n            }\n        ]\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAE1B,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEJ,eAAe;EAC1BK,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,OAAO,MAAMM,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,KAAK,EAAE;IACX,CAAC,EACD;MACIA,KAAK,EAAE,kBAAkB;MACzBC,KAAK,EAAEX,iBAAiB,CAACY;IAC7B,CAAC,EACD;MACIF,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAEX,iBAAiB,CAACa;IAC7B,CAAC,EACD;MACIH,KAAK,EAAE,uBAAuB;MAC9BC,KAAK,EAAEX,iBAAiB,CAACc;IAC7B,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,iBAAwB,GAAG;EACpCC,UAAU,EAAE,CACRC,KAAK,iBACDnB,KAAA,CAAAoB,aAAA;IACIC,KAAK,EAAE;MACHC,KAAK,EAAE;IACX;EAAE,gBAEFtB,KAAA,CAAAoB,aAAA,CAACD,KAAK,MAAE,CACP,CACR,CACJ;EACDT,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,KAAK,EAAE;IACX,CAAC,EACD;MACIA,KAAK,EAAE,mDAAmD;MAC1DC,KAAK,EAAEX,iBAAiB,CAACY;IAC7B,CAAC,EACD;MACIF,KAAK,EAAE,iDAAiD;MACxDC,KAAK,EAAEX,iBAAiB,CAACa;IAC7B,CAAC,EACD;MACIH,KAAK,EAAE,wDAAwD;MAC/DC,KAAK,EAAEX,iBAAiB,CAACc;IAC7B,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMO,QAAe,GAAG;EAC3Bb,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,KAAK,EAAE,MAAM;MACbY,QAAQ,EAAE;IACd,CAAC,EACD;MACIZ,KAAK,EAAE,kBAAkB;MACzBC,KAAK,EAAEX,iBAAiB,CAACY,WAAW;MACpCU,QAAQ,EAAE;IACd,CAAC,EACD;MACIZ,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAEX,iBAAiB,CAACa,SAAS;MAClCS,QAAQ,EAAE;IACd,CAAC,EACD;MACIZ,KAAK,EAAE,uBAAuB;MAC9BC,KAAK,EAAEX,iBAAiB,CAACc,qBAAqB;MAC9CQ,QAAQ,EAAE;IACd,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,KAAK,EAAE,MAAM;MACbc,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,kBAAkB;MACzBC,KAAK,EAAEX,iBAAiB,CAACY,WAAW;MACpCY,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAEX,iBAAiB,CAACa,SAAS;MAClCW,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,uBAAuB;MAC9BC,KAAK,EAAEX,iBAAiB,CAACc,qBAAqB;MAC9CU,OAAO,EAAE;IACb,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCjB,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,KAAK,EAAE,MAAM;MACbY,QAAQ,EAAE,IAAI;MACdE,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,kBAAkB;MACzBC,KAAK,EAAEX,iBAAiB,CAACY,WAAW;MACpCU,QAAQ,EAAE,IAAI;MACdE,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAEX,iBAAiB,CAACa,SAAS;MAClCS,QAAQ,EAAE,IAAI;MACdE,OAAO,EAAE;IACb,CAAC,EACD;MACId,KAAK,EAAE,uBAAuB;MAC9BC,KAAK,EAAEX,iBAAiB,CAACc,qBAAqB;MAC9CQ,QAAQ,EAAE,IAAI;MACdE,OAAO,EAAE;IACb,CAAC;EAET;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"SteppedProgress/SteppedProgress.stories.js","sources":["../../src/SteppedProgress/SteppedProgress.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SteppedProgress } from \"./SteppedProgress.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\nconst meta: Meta<typeof SteppedProgress> = {\n    title: \"Components/SteppedProgress\",\n    component: SteppedProgress,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SteppedProgress>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\"\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const WithMultipleLines: Story = {\n    decorators: [\n        Story => (\n            <div\n                style={{\n                    width: \"240px\"\n                }}\n            >\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        items: [\n            {\n                label: \"Step but with multiple lines of text.\"\n            },\n            {\n                label: \"Step in progress but with multiple lines of text.\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step completed but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed affirmative but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const Errored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true\n            }\n        ]\n    }\n};\n\nexport const DisabledAndErrored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true,\n                errored: true\n            }\n        ]\n    }\n};\n"],"names":["meta","SteppedProgress","Default","ProgressItemState","WithMultipleLines","Story","Disabled","Errored","DisabledAndErrored"],"mappings":";;;AAKA,MAAMA,OAAqC;IACvC,OAAO;IACP,WAAWC;IACX,UAAU,CAAC;IACX,YAAY;QACR,QAAQ;IACZ;AACJ;AAEA,gCAAeD;AAGR,MAAME,UAAiB;IAC1B,MAAM;QACF,OAAO;YACH;gBACI,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAOC,kBAAkB,WAAW;YACxC;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,SAAS;YACtC;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,qBAAqB;YAClD;SACH;IACL;AACJ;AAEO,MAAMC,oBAA2B;IACpC,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBACG,OAAO;oBACH,OAAO;gBACX;6BAEA,oBAACA,OAAAA;KAGZ;IACD,MAAM;QACF,OAAO;YACH;gBACI,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAOF,kBAAkB,WAAW;YACxC;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,SAAS;YACtC;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,qBAAqB;YAClD;SACH;IACL;AACJ;AAEO,MAAMG,WAAkB;IAC3B,MAAM;QACF,OAAO;YACH;gBACI,OAAO;gBACP,UAAU;YACd;YACA;gBACI,OAAO;gBACP,OAAOH,kBAAkB,WAAW;gBACpC,UAAU;YACd;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,SAAS;gBAClC,UAAU;YACd;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,qBAAqB;gBAC9C,UAAU;YACd;SACH;IACL;AACJ;AAEO,MAAMI,UAAiB;IAC1B,MAAM;QACF,OAAO;YACH;gBACI,OAAO;gBACP,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOJ,kBAAkB,WAAW;gBACpC,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,SAAS;gBAClC,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,qBAAqB;gBAC9C,SAAS;YACb;SACH;IACL;AACJ;AAEO,MAAMK,qBAA4B;IACrC,MAAM;QACF,OAAO;YACH;gBACI,OAAO;gBACP,UAAU;gBACV,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOL,kBAAkB,WAAW;gBACpC,UAAU;gBACV,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,SAAS;gBAClC,UAAU;gBACV,SAAS;YACb;YACA;gBACI,OAAO;gBACP,OAAOA,kBAAkB,qBAAqB;gBAC9C,UAAU;gBACV,SAAS;YACb;SACH;IACL;AACJ"}

package/SteppedProgress/SteppedProgressItem.js

@@ -1,30 +1,22 @@
-import React from "react";
+import react from "react";
 import { cn, makeDecoratable } from "../utils.js";
 import { SteppedProgressIcon, SteppedProgressIndicator, SteppedProgressLabel } from "./components/index.js";
-const DecoratableSteppedProgressItem = ({
-  label,
-  state,
-  errored,
-  disabled,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("flex justify-start items-center gap-sm-extra py-sm", className)
-  }), /*#__PURE__*/React.createElement(SteppedProgressIndicator, {
-    state: state,
-    errored: errored,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(SteppedProgressIcon, {
-    state: state,
-    errored: errored,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement(SteppedProgressLabel, {
-    state: state,
-    disabled: disabled,
-    label: label
-  }));
-};
+const DecoratableSteppedProgressItem = ({ label, state, errored, disabled, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("flex justify-start items-center gap-sm-extra py-sm", className)
+    }, /*#__PURE__*/ react.createElement(SteppedProgressIndicator, {
+        state: state,
+        errored: errored,
+        disabled: disabled
+    }, /*#__PURE__*/ react.createElement(SteppedProgressIcon, {
+        state: state,
+        errored: errored,
+        disabled: disabled
+    })), /*#__PURE__*/ react.createElement(SteppedProgressLabel, {
+        state: state,
+        disabled: disabled,
+        label: label
+    }));
 const SteppedProgressItem = makeDecoratable("SteppedProgressItem", DecoratableSteppedProgressItem);
 export { SteppedProgressItem };
 

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.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":[]}
+{"version":3,"file":"SteppedProgress/SteppedProgressItem.js","sources":["../../src/SteppedProgress/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"],"names":["DecoratableSteppedProgressItem","label","state","errored","disabled","className","props","cn","SteppedProgressIndicator","SteppedProgressIcon","SteppedProgressLabel","SteppedProgressItem","makeDecoratable"],"mappings":";;;AAWA,MAAMA,iCAAiC,CAAC,EACpCC,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACoB,GAChB,WAAP,GACI,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GAAG,sDAAsDF;qBAEpE,oBAACG,0BAAwBA;QAAC,OAAON;QAAO,SAASC;QAAS,UAAUC;qBAChE,oBAACK,qBAAmBA;QAAC,OAAOP;QAAO,SAASC;QAAS,UAAUC;uBAEnE,oBAACM,sBAAoBA;QAAC,OAAOR;QAAO,UAAUE;QAAU,OAAOH;;AAK3E,MAAMU,sBAAsBC,gBAAgB,uBAAuBZ"}

package/SteppedProgress/components/SteppedProgressIcon.d.ts

@@ -5,7 +5,7 @@ declare const steppedProgressIconVariants: (props?: ({
     state?: ProgressItemState | null | undefined;
     disabled?: boolean | null | undefined;
     errored?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SteppedProgressIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof steppedProgressIconVariants> {
 }
 declare const SteppedProgressIcon: ({ state, errored, disabled, className, ...props }: SteppedProgressIconProps) => React.JSX.Element;

package/SteppedProgress/components/SteppedProgressIcon.js

@@ -1,84 +1,82 @@
-import React from "react";
-import { ReactComponent as CheckIcon } from "@webiny/icons/check.svg";
-import { ReactComponent as ErrorIcon } from "@webiny/icons/error_outline.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/check.svg";
+import { ReactComponent as error_outline_svg_ReactComponent } from "@webiny/icons/error_outline.svg";
 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]: "hidden",
-      [ProgressItemState.IN_PROGRESS]: "size-sm-extra rounded-full bg-primary",
-      [ProgressItemState.COMPLETED]: "fill-neutral-base",
-      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "fill-neutral-base"
+const steppedProgressIconVariants = cva([
+    "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+], {
+    variants: {
+        state: {
+            [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: "fill-neutral-base!"
+        },
+        errored: {
+            true: "fill-destructive"
+        }
     },
-    disabled: {
-      true: "fill-neutral-base!"
-    },
-    errored: {
-      true: "fill-destructive"
+    compoundVariants: [
+        {
+            state: ProgressItemState.IN_PROGRESS,
+            disabled: true,
+            className: "bg-neutral-strong"
+        },
+        {
+            state: ProgressItemState.IDLE,
+            errored: true,
+            className: "block"
+        },
+        {
+            state: ProgressItemState.IN_PROGRESS,
+            errored: true,
+            className: "size-auto rounded-none bg-transparent"
+        },
+        {
+            state: ProgressItemState.COMPLETED,
+            errored: true,
+            className: "fill-neutral-base"
+        },
+        {
+            state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+            errored: true,
+            className: "fill-neutral-base"
+        }
+    ],
+    defaultVariants: {
+        state: ProgressItemState.IDLE
     }
-  },
-  compoundVariants: [
-  // disabled
-  {
-    state: ProgressItemState.IN_PROGRESS,
-    disabled: true,
-    className: "bg-neutral-strong"
-  },
-  // errored
-  {
-    state: ProgressItemState.IDLE,
-    errored: true,
-    className: "block"
-  }, {
-    state: ProgressItemState.IN_PROGRESS,
-    errored: true,
-    className: "size-auto rounded-none bg-transparent"
-  }, {
-    state: ProgressItemState.COMPLETED,
-    errored: true,
-    className: "fill-neutral-base"
-  }, {
-    state: ProgressItemState.COMPLETED_AFFIRMATIVE,
-    errored: true,
-    className: "fill-neutral-base"
-  }],
-  defaultVariants: {
-    state: ProgressItemState.IDLE
-  }
 });
-const SteppedProgressIcon = ({
-  state,
-  errored,
-  disabled,
-  className,
-  ...props
-}) => {
-  const icon = React.useMemo(() => {
-    if (errored) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(ErrorIcon, null),
-        label: "Error",
-        size: "sm"
-      });
-    }
-    if (state === ProgressItemState.COMPLETED || state === ProgressItemState.COMPLETED_AFFIRMATIVE) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(CheckIcon, null),
-        label: "Completed",
-        size: "sm"
-      });
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [state, errored]);
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(steppedProgressIconVariants({
-      state,
-      disabled,
-      errored
-    }), className)
-  }), icon);
+const SteppedProgressIcon = ({ state, errored, disabled, className, ...props })=>{
+    const icon = react.useMemo(()=>{
+        if (errored) return /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(error_outline_svg_ReactComponent, null),
+            label: "Error",
+            size: "sm"
+        });
+        if (state === ProgressItemState.COMPLETED || state === ProgressItemState.COMPLETED_AFFIRMATIVE) return /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Completed",
+            size: "sm"
+        });
+        return /*#__PURE__*/ react.createElement(react.Fragment, null);
+    }, [
+        state,
+        errored
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn(steppedProgressIconVariants({
+            state,
+            disabled,
+            errored
+        }), className)
+    }, icon);
 };
 export { SteppedProgressIcon };
 

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.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":[]}
+{"version":3,"file":"SteppedProgress/components/SteppedProgressIcon.js","sources":["../../../src/SteppedProgress/components/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\n        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"],"names":["steppedProgressIconVariants","cva","ProgressItemState","SteppedProgressIcon","state","errored","disabled","className","props","icon","React","Icon","ErrorIcon","CheckIcon","cn"],"mappings":";;;;;;AAOA,MAAMA,8BAA8BC,IAChC;IAAC;CAA8D,EAC/D;IACI,UAAU;QACN,OAAO;YACH,CAACC,kBAAkB,IAAI,CAAC,EAAE;YAC1B,CAACA,kBAAkB,WAAW,CAAC,EAAE;YACjC,CAACA,kBAAkB,SAAS,CAAC,EAAE;YAC/B,CAACA,kBAAkB,qBAAqB,CAAC,EAAE;QAC/C;QACA,UAAU;YACN,MAAM;QACV;QACA,SAAS;YACL,MAAM;QACV;IACJ;IACA,kBAAkB;QAEd;YACI,OAAOA,kBAAkB,WAAW;YACpC,UAAU;YACV,WAAW;QACf;QAEA;YACI,OAAOA,kBAAkB,IAAI;YAC7B,SAAS;YACT,WAAW;QACf;QACA;YACI,OAAOA,kBAAkB,WAAW;YACpC,SAAS;YACT,WAAW;QACf;QACA;YACI,OAAOA,kBAAkB,SAAS;YAClC,SAAS;YACT,WAAW;QACf;QACA;YACI,OAAOA,kBAAkB,qBAAqB;YAC9C,SAAS;YACT,WAAW;QACf;KACH;IACD,iBAAiB;QACb,OAAOA,kBAAkB,IAAI;IACjC;AACJ;AAQJ,MAAMC,sBAAsB,CAAC,EACzBC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACoB;IACvB,MAAMC,OAAOC,MAAAA,OAAa,CAAC;QACvB,IAAIL,SACA,OAAO,WAAP,GAAO,oBAACM,MAAIA;YAAC,oBAAM,oBAACC,kCAASA;YAAK,OAAO;YAAS,MAAM;;QAG5D,IACIR,UAAUF,kBAAkB,SAAS,IACrCE,UAAUF,kBAAkB,qBAAqB,EAEjD,OAAO,WAAP,GAAO,oBAACS,MAAIA;YAAC,oBAAM,oBAACE,gBAASA;YAAK,OAAO;YAAa,MAAM;;QAGhE,OAAO,WAAP,GAAO;IACX,GAAG;QAACT;QAAOC;KAAQ;IAEnB,OAAO,WAAP,GACI,oBAAC;QACI,GAAGG,KAAK;QACT,WAAWM,GAAGd,4BAA4B;YAAEI;YAAOE;YAAUD;QAAQ,IAAIE;OAExEE;AAGb"}

package/SteppedProgress/components/SteppedProgressIndicator.d.ts

@@ -5,7 +5,7 @@ declare const steppedProgressIndicatorVariants: (props?: ({
     state?: ProgressItemState | null | undefined;
     disabled?: boolean | null | undefined;
     errored?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SteppedProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof steppedProgressIndicatorVariants> {
 }
 declare const SteppedProgressIndicator: ({ state, disabled, errored, className, children, ...props }: SteppedProgressIndicatorProps) => React.JSX.Element;

package/SteppedProgress/components/SteppedProgressIndicator.js

@@ -1,46 +1,44 @@
-import React from "react";
+import react from "react";
 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]: "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"
+const steppedProgressIndicatorVariants = cva([
+    "size-lg rounded-full relative shrink-0 basis-auto"
+], {
+    variants: {
+        state: {
+            [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: "bg-neutral-dimmed! border-none!"
+        },
+        errored: {
+            true: ""
+        }
     },
-    disabled: {
-      true: "bg-neutral-dimmed! border-none!"
-    },
-    errored: {
-      true: ""
+    compoundVariants: [
+        {
+            state: ProgressItemState.COMPLETED,
+            errored: true,
+            className: "bg-destructive-default"
+        }
+    ],
+    defaultVariants: {
+        state: ProgressItemState.IDLE
     }
-  },
-  compoundVariants: [{
-    state: ProgressItemState.COMPLETED,
-    errored: true,
-    className: "bg-destructive-default"
-  }],
-  defaultVariants: {
-    state: ProgressItemState.IDLE
-  }
 });
-const SteppedProgressIndicator = ({
-  state,
-  disabled,
-  errored,
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(steppedProgressIndicatorVariants({
-      state,
-      disabled,
-      errored
-    }), className)
-  }), children);
-};
+const SteppedProgressIndicator = ({ state, disabled, errored, className, children, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn(steppedProgressIndicatorVariants({
+            state,
+            disabled,
+            errored
+        }), className)
+    }, children);
 export { SteppedProgressIndicator };
 
 //# sourceMappingURL=SteppedProgressIndicator.js.map

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.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":[]}
+{"version":3,"file":"SteppedProgress/components/SteppedProgressIndicator.js","sources":["../../../src/SteppedProgress/components/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\n        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"],"names":["steppedProgressIndicatorVariants","cva","ProgressItemState","SteppedProgressIndicator","state","disabled","errored","className","children","props","cn"],"mappings":";;;AAIA,MAAMA,mCAAmCC,IACrC;IAAC;CAAoD,EACrD;IACI,UAAU;QACN,OAAO;YACH,CAACC,kBAAkB,IAAI,CAAC,EACpB;YACJ,CAACA,kBAAkB,WAAW,CAAC,EAAE;gBAC7B;aACH;YACD,CAACA,kBAAkB,SAAS,CAAC,EAAE;YAC/B,CAACA,kBAAkB,qBAAqB,CAAC,EAAE;QAC/C;QACA,UAAU;YACN,MAAM;QACV;QACA,SAAS;YACL,MAAM;QACV;IACJ;IACA,kBAAkB;QACd;YACI,OAAOA,kBAAkB,SAAS;YAClC,SAAS;YACT,WAAW;QACf;KACH;IACD,iBAAiB;QACb,OAAOA,kBAAkB,IAAI;IACjC;AACJ;AAQJ,MAAMC,2BAA2B,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACyB,GACrB,WAAP,GACI,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GACPV,iCAAiC;YAAEI;YAAOC;YAAUC;QAAQ,IAC5DC;OAGHC"}

package/SteppedProgress/components/SteppedProgressLabel.js

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

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/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":[]}
+{"version":3,"file":"SteppedProgress/components/SteppedProgressLabel.js","sources":["../../../src/SteppedProgress/components/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"],"names":["SteppedProgressLabel","label","state","disabled","className","props","Text","cn","ProgressItemState"],"mappings":";;;;AAWA,MAAMA,uBAAuB,CAAC,EAC1BC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACqB,GACjB,WAAP,GACI,oBAACC,MAAIA;QACA,GAAGD,KAAK;QACT,WAAWE,GACPL,UAAUM,kBAAkB,WAAW,GAAG,kBAAkB,gBAC5DL,WAAW,0BAA0B,wBACrCC;OAGHH"}

package/SteppedProgress/components/index.js

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

package/SteppedProgress/domains/ProgressItem.js

@@ -1,31 +1,32 @@
 import { ProgressItemState } from "./ProgressItemState.js";
 import { generateId } from "../../utils.js";
-export class ProgressItem {
-  constructor(params) {
-    this._label = params.label;
-    this._id = generateId(params.id);
-    this._disabled = params.disabled || false;
-    this._errored = params.errored || false;
-    this._state = params.state || ProgressItemState.IDLE;
-  }
-  static create(data) {
-    return new ProgressItem(data);
-  }
-  get id() {
-    return this._id;
-  }
-  get label() {
-    return this._label;
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  get errored() {
-    return this._errored;
-  }
-  get state() {
-    return this._state;
-  }
+class ProgressItem {
+    constructor(params){
+        this._label = params.label;
+        this._id = generateId(params.id);
+        this._disabled = params.disabled || false;
+        this._errored = params.errored || false;
+        this._state = params.state || ProgressItemState.IDLE;
+    }
+    static create(data) {
+        return new ProgressItem(data);
+    }
+    get id() {
+        return this._id;
+    }
+    get label() {
+        return this._label;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    get errored() {
+        return this._errored;
+    }
+    get state() {
+        return this._state;
+    }
 }
+export { ProgressItem };
 
 //# sourceMappingURL=ProgressItem.js.map

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.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":[]}
+{"version":3,"file":"SteppedProgress/domains/ProgressItem.js","sources":["../../../src/SteppedProgress/domains/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"],"names":["ProgressItem","params","generateId","ProgressItemState","data"],"mappings":";;AAWO,MAAMA;IAOT,YAAsBC,MAA0B,CAAE;QAC9C,IAAI,CAAC,MAAM,GAAGA,OAAO,KAAK;QAC1B,IAAI,CAAC,GAAG,GAAGC,WAAWD,OAAO,EAAE;QAC/B,IAAI,CAAC,SAAS,GAAGA,OAAO,QAAQ,IAAI;QACpC,IAAI,CAAC,QAAQ,GAAGA,OAAO,OAAO,IAAI;QAClC,IAAI,CAAC,MAAM,GAAGA,OAAO,KAAK,IAAIE,kBAAkB,IAAI;IACxD;IAEA,OAAO,OAAOC,IAAwB,EAAE;QACpC,OAAO,IAAIJ,aAAaI;IAC5B;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;AACJ"}

package/SteppedProgress/domains/ProgressItemDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=ProgressItemDto.js.map

package/SteppedProgress/domains/ProgressItemFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=ProgressItemFormatted.js.map

package/SteppedProgress/domains/ProgressItemFormatter.js

@@ -1,13 +1,14 @@
-export class ProgressItemFormatter {
-  static format(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      disabled: item.disabled,
-      errored: item.errored,
-      state: item.state
-    };
-  }
+class ProgressItemFormatter {
+    static format(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            disabled: item.disabled,
+            errored: item.errored,
+            state: item.state
+        };
+    }
 }
+export { ProgressItemFormatter };
 
 //# sourceMappingURL=ProgressItemFormatter.js.map

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.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":[]}
+{"version":3,"file":"SteppedProgress/domains/ProgressItemFormatter.js","sources":["../../../src/SteppedProgress/domains/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"],"names":["ProgressItemFormatter","item"],"mappings":"AAGO,MAAMA;IACT,OAAO,OAAOC,IAAkB,EAAyB;QACrD,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ;YACvB,SAASA,KAAK,OAAO;YACrB,OAAOA,KAAK,KAAK;QACrB;IACJ;AACJ"}

package/SteppedProgress/domains/ProgressItemState.js

@@ -1,9 +1,10 @@
-export let ProgressItemState = /*#__PURE__*/function (ProgressItemState) {
-  ProgressItemState["IN_PROGRESS"] = "IN_PROGRESS";
-  ProgressItemState["IDLE"] = "IDLE";
-  ProgressItemState["COMPLETED"] = "COMPLETED";
-  ProgressItemState["COMPLETED_AFFIRMATIVE"] = "COMPLETED_AFFIRMATIVE";
-  return ProgressItemState;
+var ProgressItemState_ProgressItemState = /*#__PURE__*/ function(ProgressItemState) {
+    ProgressItemState["IN_PROGRESS"] = "IN_PROGRESS";
+    ProgressItemState["IDLE"] = "IDLE";
+    ProgressItemState["COMPLETED"] = "COMPLETED";
+    ProgressItemState["COMPLETED_AFFIRMATIVE"] = "COMPLETED_AFFIRMATIVE";
+    return ProgressItemState;
 }({});
+export { ProgressItemState_ProgressItemState as ProgressItemState };
 
 //# sourceMappingURL=ProgressItemState.js.map