@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Slider/primitives/index.js

@@ -1,5 +1,5 @@
-export * from "./SliderPrimitive";
-export * from "./useSlider";
-export * from "./components";
+export * from "./SliderPrimitive.js";
+export * from "./useSlider.js";
+export * from "./components/index.js";
 
 //# sourceMappingURL=index.js.map

package/Slider/primitives/index.js.map

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

package/Slider/primitives/presenters/SliderPresenter.d.ts

@@ -1,4 +1,4 @@
-import type { SliderPrimitiveVm } from "../SliderPrimitive";
+import type { SliderPrimitiveVm } from "../SliderPrimitive.js";
 interface SliderPresenterParams {
     min?: number;
     onValueChange: (value: number) => void;

package/Slider/primitives/presenters/SliderPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SliderPresenter","params","undefined","showTooltip","constructor","init","vm","value","min","textValue","transformToLabelValue","changeValue","values","newValue","onValueChange","commitValue","onValueCommit","transformValue","String"],"sources":["SliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SliderPrimitiveVm } from \"../SliderPrimitive\";\n\ninterface SliderPresenterParams {\n    min?: number;\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ninterface ISliderPresenter {\n    get vm(): SliderPrimitiveVm;\n    init: (params: SliderPresenterParams) => void;\n    changeValue: (values: number[]) => void;\n    commitValue: (values: number[]) => void;\n}\n\nclass SliderPresenter implements ISliderPresenter {\n    private params?: SliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: SliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            value: this.value,\n            min: this.min,\n            textValue: this.transformToLabelValue(this.value?.[0] || this.min),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValueChange(newValue);\n    };\n\n    public commitValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = false;\n        this.params?.onValueCommit?.(newValue);\n    };\n\n    private get value() {\n        return this.params?.value !== undefined ? [this.params.value] : undefined;\n    }\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private transformToLabelValue(value: number) {\n        return this.params?.transformValue ? this.params.transformValue(value) : String(value);\n    }\n}\n\nexport { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAmBzC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,SAAS,EAAE,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACH,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAACC,GAAG,CAAC;MAClEL,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOQ,WAAW,GAAIC,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEa,aAAa,CAACD,QAAQ,CAAC;EACxC,CAAC;EAEME,WAAW,GAAIH,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEe,aAAa,GAAGH,QAAQ,CAAC;EAC1C,CAAC;EAED,IAAYN,KAAKA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACN,MAAM,EAAEM,KAAK,KAAKL,SAAS,GAAG,CAAC,IAAI,CAACD,MAAM,CAACM,KAAK,CAAC,GAAGL,SAAS;EAC7E;EAEA,IAAYM,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,CAAC;EAChC;EAEQE,qBAAqBA,CAACH,KAAa,EAAE;IACzC,OAAO,IAAI,CAACN,MAAM,EAAEgB,cAAc,GAAG,IAAI,CAAChB,MAAM,CAACgB,cAAc,CAACV,KAAK,CAAC,GAAGW,MAAM,CAACX,KAAK,CAAC;EAC1F;AACJ;AAEA,SAASP,eAAe","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","SliderPresenter","params","undefined","showTooltip","constructor","init","vm","value","min","textValue","transformToLabelValue","changeValue","values","newValue","onValueChange","commitValue","onValueCommit","transformValue","String"],"sources":["SliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SliderPrimitiveVm } from \"../SliderPrimitive.js\";\n\ninterface SliderPresenterParams {\n    min?: number;\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ninterface ISliderPresenter {\n    get vm(): SliderPrimitiveVm;\n    init: (params: SliderPresenterParams) => void;\n    changeValue: (values: number[]) => void;\n    commitValue: (values: number[]) => void;\n}\n\nclass SliderPresenter implements ISliderPresenter {\n    private params?: SliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: SliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            value: this.value,\n            min: this.min,\n            textValue: this.transformToLabelValue(this.value?.[0] || this.min),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValueChange(newValue);\n    };\n\n    public commitValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = false;\n        this.params?.onValueCommit?.(newValue);\n    };\n\n    private get value() {\n        return this.params?.value !== undefined ? [this.params.value] : undefined;\n    }\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private transformToLabelValue(value: number) {\n        return this.params?.transformValue ? this.params.transformValue(value) : String(value);\n    }\n}\n\nexport { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAmBzC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,SAAS,EAAE,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACH,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAACC,GAAG,CAAC;MAClEL,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOQ,WAAW,GAAIC,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEa,aAAa,CAACD,QAAQ,CAAC;EACxC,CAAC;EAEME,WAAW,GAAIH,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEe,aAAa,GAAGH,QAAQ,CAAC;EAC1C,CAAC;EAED,IAAYN,KAAKA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACN,MAAM,EAAEM,KAAK,KAAKL,SAAS,GAAG,CAAC,IAAI,CAACD,MAAM,CAACM,KAAK,CAAC,GAAGL,SAAS;EAC7E;EAEA,IAAYM,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,CAAC;EAChC;EAEQE,qBAAqBA,CAACH,KAAa,EAAE;IACzC,OAAO,IAAI,CAACN,MAAM,EAAEgB,cAAc,GAAG,IAAI,CAAChB,MAAM,CAACgB,cAAc,CAACV,KAAK,CAAC,GAAGW,MAAM,CAACX,KAAK,CAAC;EAC1F;AACJ;AAEA,SAASP,eAAe","ignoreList":[]}

package/Slider/primitives/presenters/SliderPresenter.test.js

@@ -1,6 +1,7 @@
-import { SliderPresenter } from "./SliderPresenter";
+import { SliderPresenter } from "./SliderPresenter.js";
+import { describe, expect, it, vi } from "vitest";
 describe("SliderPresenter", () => {
-  const onValueChange = jest.fn();
+  const onValueChange = vi.fn();
   const presenter = new SliderPresenter();
   it("should return the compatible `vm` based on params", () => {
     // `value`
@@ -61,7 +62,7 @@ describe("SliderPresenter", () => {
     expect(onValueChange).toHaveBeenCalledWith(40);
   });
   it("should call `onValueCommit` callback when `commitValue` is called", () => {
-    const onValueCommit = jest.fn();
+    const onValueCommit = vi.fn();
     const presenter = new SliderPresenter();
     presenter.init({
       onValueChange,

package/Slider/primitives/presenters/SliderPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["SliderPresenter","describe","onValueChange","jest","fn","presenter","it","init","value","expect","vm","toEqual","textValue","min","undefined","showTooltip","transformValue","changeValue","toHaveBeenCalledWith","onValueCommit","commitValue","toBeTruthy","toBeFalsy"],"sources":["SliderPresenter.test.ts"],"sourcesContent":["import { SliderPresenter } from \"./SliderPresenter\";\n\ndescribe(\"SliderPresenter\", () => {\n    const onValueChange = jest.fn();\n    const presenter = new SliderPresenter();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ onValueChange, value: 50 });\n            expect(presenter.vm.value).toEqual([50]);\n            expect(presenter.vm.textValue).toEqual(\"50\");\n        }\n\n        // `min`\n        {\n            presenter.init({ onValueChange, min: 25 });\n            expect(presenter.vm.min).toEqual(25);\n            expect(presenter.vm.textValue).toEqual(\"25\");\n        }\n\n        {\n            // default: no optional params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.value).toEqual(undefined);\n            expect(presenter.vm.min).toEqual(0); // `min` should default to 0\n            expect(presenter.vm.textValue).toEqual(\"0\");\n            expect(presenter.vm.showTooltip).toEqual(false);\n        }\n    });\n\n    it(\"should apply `transformValue` function if provided\", () => {\n        const transformValue = (value: number) => `${value} units`;\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 30, transformValue });\n        expect(presenter.vm.textValue).toEqual(\"30 units\");\n    });\n\n    it(\"should fall back to `value` as a string if `transformValue` is undefined\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 45 });\n        expect(presenter.vm.textValue).toEqual(\"45\");\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20 });\n        presenter.changeValue([40]);\n        expect(onValueChange).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should call `onValueCommit` callback when `commitValue` is called\", () => {\n        const onValueCommit = jest.fn();\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20, onValueCommit });\n        presenter.commitValue([40]);\n        expect(onValueCommit).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should handle negative values correctly\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: -10 });\n        expect(presenter.vm.value).toEqual([-10]);\n        expect(presenter.vm.textValue).toEqual(\"-10\");\n    });\n\n    it(\"should toggle `showTooltip` based on actions\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, showTooltip: true });\n\n        presenter.changeValue([30]);\n        expect(presenter.vm.showTooltip).toBeTruthy();\n\n        presenter.commitValue([30]);\n        expect(presenter.vm.showTooltip).toBeFalsy();\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SliderPresenter","describe","expect","it","vi","onValueChange","fn","presenter","init","value","vm","toEqual","textValue","min","undefined","showTooltip","transformValue","changeValue","toHaveBeenCalledWith","onValueCommit","commitValue","toBeTruthy","toBeFalsy"],"sources":["SliderPresenter.test.ts"],"sourcesContent":["import { SliderPresenter } from \"./SliderPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"SliderPresenter\", () => {\n    const onValueChange = vi.fn();\n    const presenter = new SliderPresenter();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ onValueChange, value: 50 });\n            expect(presenter.vm.value).toEqual([50]);\n            expect(presenter.vm.textValue).toEqual(\"50\");\n        }\n\n        // `min`\n        {\n            presenter.init({ onValueChange, min: 25 });\n            expect(presenter.vm.min).toEqual(25);\n            expect(presenter.vm.textValue).toEqual(\"25\");\n        }\n\n        {\n            // default: no optional params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.value).toEqual(undefined);\n            expect(presenter.vm.min).toEqual(0); // `min` should default to 0\n            expect(presenter.vm.textValue).toEqual(\"0\");\n            expect(presenter.vm.showTooltip).toEqual(false);\n        }\n    });\n\n    it(\"should apply `transformValue` function if provided\", () => {\n        const transformValue = (value: number) => `${value} units`;\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 30, transformValue });\n        expect(presenter.vm.textValue).toEqual(\"30 units\");\n    });\n\n    it(\"should fall back to `value` as a string if `transformValue` is undefined\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 45 });\n        expect(presenter.vm.textValue).toEqual(\"45\");\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20 });\n        presenter.changeValue([40]);\n        expect(onValueChange).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should call `onValueCommit` callback when `commitValue` is called\", () => {\n        const onValueCommit = vi.fn();\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20, onValueCommit });\n        presenter.commitValue([40]);\n        expect(onValueCommit).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should handle negative values correctly\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: -10 });\n        expect(presenter.vm.value).toEqual([-10]);\n        expect(presenter.vm.textValue).toEqual(\"-10\");\n    });\n\n    it(\"should toggle `showTooltip` based on actions\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, showTooltip: true });\n\n        presenter.changeValue([30]);\n        expect(presenter.vm.showTooltip).toBeTruthy();\n\n        presenter.commitValue([30]);\n        expect(presenter.vm.showTooltip).toBeFalsy();\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/Slider/primitives/presenters/index.d.ts

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

package/Slider/primitives/presenters/index.js

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

package/Slider/primitives/presenters/index.js.map

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

package/Slider/primitives/useSlider.d.ts

@@ -1,4 +1,4 @@
-import type { SliderPrimitiveProps } from "./SliderPrimitive";
+import type { SliderPrimitiveProps } from "./SliderPrimitive.js";
 export declare const useSlider: (props: SliderPrimitiveProps) => {
     vm: {
         value: number[] | undefined;

package/Slider/primitives/useSlider.js

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

package/Slider/primitives/useSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SliderPresenter","useSlider","props","params","min","onValueChange","onValueCommit","showTooltip","transformValue","value","presenter","init","vm","setVm","changeValue","commitValue"],"sources":["useSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SliderPrimitiveProps } from \"./SliderPrimitive\";\nimport type { SliderPresenterParams } from \"./presenters/SliderPresenter\";\nimport { SliderPresenter } from \"./presenters/SliderPresenter\";\n\nexport const useSlider = (props: SliderPrimitiveProps) => {\n    const params: SliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            onValueChange: props.onValueChange,\n            onValueCommit: props.onValueCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            value: props.value\n        }),\n        [\n            props.min,\n            props.onValueChange,\n            props.onValueCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.value\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SliderPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue, commitValue: presenter.commitValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,aAAa,EAAEH,KAAK,CAACG,aAAa;IAClCC,aAAa,EAAEJ,KAAK,CAACI,aAAa;IAClCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,KAAK,EAAEP,KAAK,CAACO;EACjB,CAAC,CAAC,EACF,CACIP,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,aAAa,EACnBH,KAAK,CAACI,aAAa,EACnBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,KAAK,CAEnB,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAAEC,WAAW,EAAEL,SAAS,CAACK;EAAY,CAAC;AACzF,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SliderPresenter","useSlider","props","params","min","onValueChange","onValueCommit","showTooltip","transformValue","value","presenter","init","vm","setVm","changeValue","commitValue"],"sources":["useSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SliderPrimitiveProps } from \"./SliderPrimitive.js\";\nimport type { SliderPresenterParams } from \"./presenters/SliderPresenter.js\";\nimport { SliderPresenter } from \"./presenters/SliderPresenter.js\";\n\nexport const useSlider = (props: SliderPrimitiveProps) => {\n    const params: SliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            onValueChange: props.onValueChange,\n            onValueCommit: props.onValueCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            value: props.value\n        }),\n        [\n            props.min,\n            props.onValueChange,\n            props.onValueCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.value\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SliderPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue, commitValue: presenter.commitValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,aAAa,EAAEH,KAAK,CAACG,aAAa;IAClCC,aAAa,EAAEJ,KAAK,CAACI,aAAa;IAClCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,KAAK,EAAEP,KAAK,CAACO;EACjB,CAAC,CAAC,EACF,CACIP,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,aAAa,EACnBH,KAAK,CAACI,aAAa,EACnBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,KAAK,CAEnB,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAAEC,WAAW,EAAEL,SAAS,CAACK;EAAY,CAAC;AACzF,CAAC","ignoreList":[]}

package/SteppedProgress/SteppedProgress.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ProgressItemParams } from "./domains";
+import type { ProgressItemParams } from "./domains/index.js";
 interface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {
     items: ProgressItemParams[];
 }
@@ -16,27 +16,27 @@ declare const SteppedProgress: (({ items, ...props }: SteppedProgressProps) => R
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
         original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Item: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
-        original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+    Item: (({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
-            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+        original: (({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
-            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("~/SteppedProgress/SteppedProgressItem.js").SteppedProgressItemProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/SteppedProgress/SteppedProgress.js

@@ -1,7 +1,7 @@
 import React from "react";
-import { SteppedProgressItem } from "./SteppedProgressItem";
-import { makeDecoratable, withStaticProps } from "../utils";
-import { useSteppedProgress } from "./useSteppedProgress";
+import { SteppedProgressItem } from "./SteppedProgressItem.js";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { useSteppedProgress } from "./useSteppedProgress.js";
 const DecoratableSteppedProgress = ({
   items,
   ...props

package/SteppedProgress/SteppedProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SteppedProgressItem","makeDecoratable","withStaticProps","useSteppedProgress","DecoratableSteppedProgress","items","props","vm","createElement","map","item","Object","assign","key","id","BaseSteppedProgress","SteppedProgress","Item"],"sources":["SteppedProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ProgressItemParams } from \"./domains\";\nimport { SteppedProgressItem } from \"~/SteppedProgress/SteppedProgressItem\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { useSteppedProgress } from \"~/SteppedProgress/useSteppedProgress\";\n\ninterface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n    items: ProgressItemParams[];\n}\n\nconst DecoratableSteppedProgress = ({ items, ...props }: SteppedProgressProps) => {\n    const { vm } = useSteppedProgress({ items });\n\n    return (\n        <div {...props}>\n            {vm.items.map(item => (\n                <SteppedProgressItem key={item.id} {...item} />\n            ))}\n        </div>\n    );\n};\n\nconst BaseSteppedProgress = makeDecoratable(\"SteppedProgress\", DecoratableSteppedProgress);\n\nconst SteppedProgress = withStaticProps(BaseSteppedProgress, {\n    Item: SteppedProgressItem\n});\n\nexport { SteppedProgress, type SteppedProgressProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,kBAAkB;AAM3B,MAAMC,0BAA0B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAGJ,kBAAkB,CAAC;IAAEE;EAAM,CAAC,CAAC;EAE5C,oBACIN,KAAA,CAAAS,aAAA,QAASF,KAAK,EACTC,EAAE,CAACF,KAAK,CAACI,GAAG,CAACC,IAAI,iBACdX,KAAA,CAAAS,aAAA,CAACR,mBAAmB,EAAAW,MAAA,CAAAC,MAAA;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAG,GAAKJ,IAAI,CAAG,CACjD,CACA,CAAC;AAEd,CAAC;AAED,MAAMK,mBAAmB,GAAGd,eAAe,CAAC,iBAAiB,EAAEG,0BAA0B,CAAC;AAE1F,MAAMY,eAAe,GAAGd,eAAe,CAACa,mBAAmB,EAAE;EACzDE,IAAI,EAAEjB;AACV,CAAC,CAAC;AAEF,SAASgB,eAAe","ignoreList":[]}
+{"version":3,"names":["React","SteppedProgressItem","makeDecoratable","withStaticProps","useSteppedProgress","DecoratableSteppedProgress","items","props","vm","createElement","map","item","Object","assign","key","id","BaseSteppedProgress","SteppedProgress","Item"],"sources":["SteppedProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ProgressItemParams } from \"./domains/index.js\";\nimport { SteppedProgressItem } from \"~/SteppedProgress/SteppedProgressItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { useSteppedProgress } from \"~/SteppedProgress/useSteppedProgress.js\";\n\ninterface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n    items: ProgressItemParams[];\n}\n\nconst DecoratableSteppedProgress = ({ items, ...props }: SteppedProgressProps) => {\n    const { vm } = useSteppedProgress({ items });\n\n    return (\n        <div {...props}>\n            {vm.items.map(item => (\n                <SteppedProgressItem key={item.id} {...item} />\n            ))}\n        </div>\n    );\n};\n\nconst BaseSteppedProgress = makeDecoratable(\"SteppedProgress\", DecoratableSteppedProgress);\n\nconst SteppedProgress = withStaticProps(BaseSteppedProgress, {\n    Item: SteppedProgressItem\n});\n\nexport { SteppedProgress, type SteppedProgressProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,kBAAkB;AAM3B,MAAMC,0BAA0B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAGJ,kBAAkB,CAAC;IAAEE;EAAM,CAAC,CAAC;EAE5C,oBACIN,KAAA,CAAAS,aAAA,QAASF,KAAK,EACTC,EAAE,CAACF,KAAK,CAACI,GAAG,CAACC,IAAI,iBACdX,KAAA,CAAAS,aAAA,CAACR,mBAAmB,EAAAW,MAAA,CAAAC,MAAA;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAG,GAAKJ,IAAI,CAAG,CACjD,CACA,CAAC;AAEd,CAAC;AAED,MAAMK,mBAAmB,GAAGd,eAAe,CAAC,iBAAiB,EAAEG,0BAA0B,CAAC;AAE1F,MAAMY,eAAe,GAAGd,eAAe,CAACa,mBAAmB,EAAE;EACzDE,IAAI,EAAEjB;AACV,CAAC,CAAC;AAEF,SAASgB,eAAe","ignoreList":[]}

package/SteppedProgress/SteppedProgress.stories.d.ts

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

package/SteppedProgress/SteppedProgress.stories.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { SteppedProgress } from "./SteppedProgress";
-import { ProgressItemState } from "./domains";
+import { SteppedProgress } from "./SteppedProgress.js";
+import { ProgressItemState } from "./domains/index.js";
 const meta = {
   title: "Components/SteppedProgress",
   component: SteppedProgress,

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\";\nimport { SteppedProgress } from \"./SteppedProgress\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/SteppedProgress/SteppedProgressItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ProgressItemFormatted } from "./domains";
+import { type ProgressItemFormatted } from "./domains/index.js";
 type SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;
 declare const SteppedProgressItem: (({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
     original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
@@ -14,7 +14,7 @@ declare const SteppedProgressItem: (({ label, state, errored, disabled, classNam
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
         original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/SteppedProgress/SteppedProgressItem.js

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

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,11 +1,11 @@
 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;
     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,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\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"],"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;AAOD,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,11 +1,11 @@
 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;
     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,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\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"],"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;AAOD,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;