@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

package/Slider/primitives/components/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTooltip","SliderThumb","textValue","showTooltip","tooltipSide","createElement","Thumb","className"],"sources":["SliderThumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { SliderTooltip, SliderTooltipProps } from \"./SliderTooltip\";\n\ntype SliderThumbProps = SliderTooltipProps;\n\nconst SliderThumb = ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => (\n    <SliderPrimitives.Thumb\n        className={cn(\n            \"wby-inline-block wby-w-md wby-h-md wby-mt-xs-plus wby-rounded-xxl wby-border-md wby-transition-colors wby-outline-none\",\n            \"wby-bg-primary-default wby-border-white\",\n            \"hover:wby-bg-primary-strong\",\n            \"active:wby-bg-primary-default\",\n            \"data-[disabled]:wby-pointer-events-none data-[disabled]:wby-bg-primary-disabled\"\n        )}\n    >\n        <SliderTooltip showTooltip={showTooltip} textValue={textValue} tooltipSide={tooltipSide} />\n    </SliderPrimitives.Thumb>\n);\n\nexport { SliderThumb, type SliderThumbProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AACX,SAASC,aAAa;AAItB,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAA8B,CAAC,kBAC1ER,KAAA,CAAAS,aAAA,CAACP,gBAAgB,CAACQ,KAAK;EACnBC,SAAS,EAAER,EAAE,CACT,wHAAwH,EACxH,yCAAyC,EACzC,6BAA6B,EAC7B,+BAA+B,EAC/B,iFACJ;AAAE,gBAEFH,KAAA,CAAAS,aAAA,CAACL,aAAa;EAACG,WAAW,EAAEA,WAAY;EAACD,SAAS,EAAEA,SAAU;EAACE,WAAW,EAAEA;AAAY,CAAE,CACtE,CAC3B;AAED,SAASH,WAAW","ignoreList":[]}
+{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTooltip","SliderThumb","textValue","showTooltip","tooltipSide","createElement","Thumb","className"],"sources":["SliderThumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport type { SliderTooltipProps } from \"./SliderTooltip\";\nimport { SliderTooltip } from \"./SliderTooltip\";\n\ntype SliderThumbProps = SliderTooltipProps;\n\nconst SliderThumb = ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => (\n    <SliderPrimitives.Thumb\n        className={cn(\n            \"wby-inline-block wby-w-md wby-h-md wby-mt-xs-plus wby-rounded-xxl wby-border-md wby-transition-colors wby-outline-none\",\n            \"wby-bg-primary-default wby-border-white\",\n            \"hover:wby-bg-primary-strong\",\n            \"active:wby-bg-primary-default\",\n            \"data-[disabled]:wby-pointer-events-none data-[disabled]:wby-bg-primary-disabled\"\n        )}\n    >\n        <SliderTooltip showTooltip={showTooltip} textValue={textValue} tooltipSide={tooltipSide} />\n    </SliderPrimitives.Thumb>\n);\n\nexport { SliderThumb, type SliderThumbProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,SAASC,aAAa;AAItB,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAA8B,CAAC,kBAC1ER,KAAA,CAAAS,aAAA,CAACP,gBAAgB,CAACQ,KAAK;EACnBC,SAAS,EAAER,EAAE,CACT,wHAAwH,EACxH,yCAAyC,EACzC,6BAA6B,EAC7B,+BAA+B,EAC/B,iFACJ;AAAE,gBAEFH,KAAA,CAAAS,aAAA,CAACL,aAAa;EAACG,WAAW,EAAEA,WAAY;EAACD,SAAS,EAAEA,SAAU;EAACE,WAAW,EAAEA;AAAY,CAAE,CACtE,CAC3B;AAED,SAASH,WAAW","ignoreList":[]}

package/Slider/primitives/components/SliderTooltip.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "../../../utils";
 declare const sliderTooltipVariants: (props?: ({
-    side?: "top" | "bottom" | null | undefined;
+    side?: "bottom" | "top" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {
     textValue: string;

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

@@ -1,4 +1,4 @@
-import { SliderPrimitiveVm } from "../SliderPrimitive";
+import type { SliderPrimitiveVm } from "../SliderPrimitive";
 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 { 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\";\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/useSlider.d.ts

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

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 { SliderPrimitiveProps } from \"./SliderPrimitive\";\nimport { SliderPresenter, SliderPresenterParams } 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;AAE9B,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\";\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":[]}

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { SwitchPrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { SwitchPrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 type SwitchProps = SwitchPrimitiveProps & FormComponentProps;
 declare const Switch: (({ note, validation, ...props }: SwitchProps) => React.JSX.Element) & {
     original: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;

package/Switch/Switch.js.map

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

package/Switch/domains/SwitchItem.d.ts

@@ -1,4 +1,4 @@
-import { SwitchItemDto } from "./SwitchItemDto";
+import type { SwitchItemDto } from "./SwitchItemDto";
 export declare class SwitchItem {
     private readonly _id;
     private readonly _label;

package/Switch/domains/SwitchItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","SwitchItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_disabled","disabled","create","Boolean"],"sources":["SwitchItem.ts"],"sourcesContent":["import { SwitchItemDto } from \"./SwitchItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class SwitchItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: SwitchItemDto): SwitchItem {\n        return new SwitchItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: data.checked ?? Boolean(data.value),\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,UAAU,CAAC;EAOVC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACU,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACX,IAAmB,EAAc;IAC3C,OAAO,IAAIF,UAAU,CAAC;MAClBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAER,IAAI,CAACQ,OAAO,IAAII,OAAO,CAACZ,IAAI,CAACM,KAAK,CAAC;MAC5CI,QAAQ,EAAEV,IAAI,CAACU,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIR,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
+{"version":3,"names":["generateId","SwitchItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_disabled","disabled","create","Boolean"],"sources":["SwitchItem.ts"],"sourcesContent":["import type { SwitchItemDto } from \"./SwitchItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class SwitchItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: SwitchItemDto): SwitchItem {\n        return new SwitchItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: data.checked ?? Boolean(data.value),\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,UAAU,CAAC;EAOVC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACU,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACX,IAAmB,EAAc;IAC3C,OAAO,IAAIF,UAAU,CAAC;MAClBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAER,IAAI,CAACQ,OAAO,IAAII,OAAO,CAACZ,IAAI,CAACM,KAAK,CAAC;MAC5CI,QAAQ,EAAEV,IAAI,CAACU,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIR,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/Switch/domains/SwitchItemDto.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface SwitchItemDto {
     id?: string;
     label: React.ReactNode;

package/Switch/domains/SwitchItemDto.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SwitchItemDto.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface SwitchItemDto {\n    id?: string;\n    label: React.ReactNode;\n    value?: number | string;\n    checked?: boolean;\n    disabled?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["SwitchItemDto.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface SwitchItemDto {\n    id?: string;\n    label: React.ReactNode;\n    value?: number | string;\n    checked?: boolean;\n    disabled?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Switch/domains/SwitchItemFormatted.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface SwitchItemFormatted {
     id: string;
     label: string | React.ReactNode;

package/Switch/domains/SwitchItemFormatted.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SwitchItemFormatted.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface SwitchItemFormatted {\n    id: string;\n    label: string | React.ReactNode;\n    value: string | number;\n    checked: boolean;\n    disabled: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["SwitchItemFormatted.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface SwitchItemFormatted {\n    id: string;\n    label: string | React.ReactNode;\n    value: string | number;\n    checked: boolean;\n    disabled: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Switch/domains/SwitchItemMapper.d.ts

@@ -1,5 +1,5 @@
-import { SwitchItemFormatted } from "./SwitchItemFormatted";
-import { SwitchItem } from "./SwitchItem";
+import type { SwitchItemFormatted } from "./SwitchItemFormatted";
+import type { SwitchItem } from "./SwitchItem";
 export declare class SwitchItemMapper {
     static toFormatted(item: SwitchItem): SwitchItemFormatted;
 }

package/Switch/domains/SwitchItemMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["SwitchItemMapper","toFormatted","item","id","label","value","checked","disabled"],"sources":["SwitchItemMapper.ts"],"sourcesContent":["import { SwitchItemFormatted } from \"./SwitchItemFormatted\";\nimport { SwitchItem } from \"./SwitchItem\";\n\nexport class SwitchItemMapper {\n    static toFormatted(item: SwitchItem): SwitchItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EAC1B,OAAOC,WAAWA,CAACC,IAAgB,EAAuB;IACtD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["SwitchItemMapper","toFormatted","item","id","label","value","checked","disabled"],"sources":["SwitchItemMapper.ts"],"sourcesContent":["import type { SwitchItemFormatted } from \"./SwitchItemFormatted\";\nimport type { SwitchItem } from \"./SwitchItem\";\n\nexport class SwitchItemMapper {\n    static toFormatted(item: SwitchItem): SwitchItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EAC1B,OAAOC,WAAWA,CAACC,IAAgB,EAAuB;IACtD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}

package/Switch/primitives/SwitchPrimitive.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Switch as SwitchPrimitives } from "radix-ui";
 import { type VariantProps } from "../../utils";
-import { SwitchItemDto, SwitchItemFormatted } from "../domains";
+import type { SwitchItemDto, SwitchItemFormatted } from "../domains";
 /**
  * Switch Renderer
  */

package/Switch/primitives/SwitchPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Switch","SwitchPrimitives","cn","cva","makeDecoratable","Label","useSwitch","switchVariants","variants","labelPosition","start","end","defaultVariants","SwitchRenderer","id","label","changeChecked","description","className","disabled","required","checked","createElement","htmlFor","text","hint","weight","Root","onCheckedChange","Thumb","DecoratableSwitchPrimitive","props","vm","item","Object","assign","SwitchPrimitive"],"sources":["SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Label } from \"~/Label\";\nimport { useSwitch } from \"./useSwitch\";\nimport { SwitchItemDto, SwitchItemFormatted } from \"../domains\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"wby-inline-flex wby-items-start wby-space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"wby-text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors\",\n                    \"wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\",\n                    \"disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,KAAK;AACd,SAASC,SAAS;AAGlB;AACA;AACA;;AAEA,MAAMC,cAAc,GAAGJ,GAAG,CAAC,gDAAgD,EAAE;EACzEK,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACT;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAqBF,MAAMI,cAAc,GAAGA,CAAC;EACpBC,EAAE;EACFC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTT,aAAa;EACbU,QAAQ;EACRC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,oBACItB,KAAA,CAAAuB,aAAA;IAAKJ,SAAS,EAAEhB,EAAE,CAACK,cAAc,CAAC;MAAEE;IAAc,CAAC,CAAC,EAAES,SAAS;EAAE,gBAC7DnB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFkB,OAAO,EAAET,EAAG;IACZU,IAAI,EAAET,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBK,IAAI,EAAER,WAAY;IAClBS,MAAM,EAAE,OAAQ;IAChBR,SAAS,EAAE;EAAc,CAC5B,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,gKAAgK,EAChK,mHAAmH,EACnH,yIAAyI,EACzI,kHAAkH,CACrH,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,8OACJ;EAAE,CACL,CACkB,CACtB,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,0BAA0B,GAAIC,KAA2B,IAAK;EAChE,MAAM;IAAEC,EAAE;IAAEhB;EAAc,CAAC,GAAGV,SAAS,CAACyB,KAAK,CAAC;EAE9C,IAAI,CAACC,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOlC,KAAA,CAAAuB,aAAA,CAACT,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KAAKJ,KAAK,EAAMC,EAAE,CAACC,IAAI;IAAEjB,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMoB,eAAe,GAAGhC,eAAe,CAAC,iBAAiB,EAAE0B,0BAA0B,CAAC;AAEtF,SAASM,eAAe","ignoreList":[]}
+{"version":3,"names":["React","Switch","SwitchPrimitives","cn","cva","makeDecoratable","Label","useSwitch","switchVariants","variants","labelPosition","start","end","defaultVariants","SwitchRenderer","id","label","changeChecked","description","className","disabled","required","checked","createElement","htmlFor","text","hint","weight","Root","onCheckedChange","Thumb","DecoratableSwitchPrimitive","props","vm","item","Object","assign","SwitchPrimitive"],"sources":["SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Label } from \"~/Label\";\nimport { useSwitch } from \"./useSwitch\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"wby-inline-flex wby-items-start wby-space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"wby-text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors\",\n                    \"wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\",\n                    \"disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,KAAK;AACd,SAASC,SAAS;AAGlB;AACA;AACA;;AAEA,MAAMC,cAAc,GAAGJ,GAAG,CAAC,gDAAgD,EAAE;EACzEK,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACT;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAqBF,MAAMI,cAAc,GAAGA,CAAC;EACpBC,EAAE;EACFC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTT,aAAa;EACbU,QAAQ;EACRC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,oBACItB,KAAA,CAAAuB,aAAA;IAAKJ,SAAS,EAAEhB,EAAE,CAACK,cAAc,CAAC;MAAEE;IAAc,CAAC,CAAC,EAAES,SAAS;EAAE,gBAC7DnB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFkB,OAAO,EAAET,EAAG;IACZU,IAAI,EAAET,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBK,IAAI,EAAER,WAAY;IAClBS,MAAM,EAAE,OAAQ;IAChBR,SAAS,EAAE;EAAc,CAC5B,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,gKAAgK,EAChK,mHAAmH,EACnH,yIAAyI,EACzI,kHAAkH,CACrH,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,8OACJ;EAAE,CACL,CACkB,CACtB,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,0BAA0B,GAAIC,KAA2B,IAAK;EAChE,MAAM;IAAEC,EAAE;IAAEhB;EAAc,CAAC,GAAGV,SAAS,CAACyB,KAAK,CAAC;EAE9C,IAAI,CAACC,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOlC,KAAA,CAAAuB,aAAA,CAACT,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KAAKJ,KAAK,EAAMC,EAAE,CAACC,IAAI;IAAEjB,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMoB,eAAe,GAAGhC,eAAe,CAAC,iBAAiB,EAAE0B,0BAA0B,CAAC;AAEtF,SAASM,eAAe","ignoreList":[]}

package/Switch/primitives/presenters/SwitchPresenter.d.ts

@@ -1,5 +1,5 @@
-import { SwitchPrimitivVm } from "../SwitchPrimitive";
-import { SwitchItemDto } from "../../domains";
+import type { SwitchPrimitivVm } from "../SwitchPrimitive";
+import type { SwitchItemDto } from "../../domains";
 type SwitchPresenterParams = SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };

package/Switch/primitives/presenters/SwitchPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SwitchItem","SwitchItemMapper","SwitchPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","disabled","vm","toFormatted","changeChecked","onChange"],"sources":["SwitchPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { SwitchPrimitivVm } from \"../SwitchPrimitive\";\nimport { SwitchItem, SwitchItemDto, SwitchItemMapper } from \"../../domains\";\n\ntype SwitchPresenterParams = SwitchItemDto & {\n    onChange?: (checked: boolean) => void;\n};\n\ninterface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {\n    vm: SwitchPrimitivVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass SwitchPresenter implements ISwitchPresenter {\n    private params?: SwitchPresenterParams = undefined;\n    private item?: SwitchItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SwitchPresenterParams) => {\n        this.params = params;\n        this.item = SwitchItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onChange?.(checked);\n    };\n}\n\nexport { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,UAAU,EAAiBC,gBAAgB;AAYpD,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,IAAI,GAAgBD,SAAS;EAErCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA6B,IAAK;IAC7C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,UAAU,CAACQ,MAAM,CAAC;MAC1BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,QAAQ,EAAEV,MAAM,CAACU;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHT,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,gBAAgB,CAACc,WAAW,CAAC,IAAI,CAACV,IAAI,CAAC,GAAGD;IAChE,CAAC;EACL;EAEOY,aAAa,GAAIJ,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEc,QAAQ,GAAGL,OAAO,CAAC;EACpC,CAAC;AACL;AAEA,SAASV,eAAe","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","SwitchItem","SwitchItemMapper","SwitchPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","disabled","vm","toFormatted","changeChecked","onChange"],"sources":["SwitchPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SwitchPrimitivVm } from \"../SwitchPrimitive\";\nimport type { SwitchItemDto } from \"../../domains\";\nimport { SwitchItem, SwitchItemMapper } from \"../../domains\";\n\ntype SwitchPresenterParams = SwitchItemDto & {\n    onChange?: (checked: boolean) => void;\n};\n\ninterface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {\n    vm: SwitchPrimitivVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass SwitchPresenter implements ISwitchPresenter {\n    private params?: SwitchPresenterParams = undefined;\n    private item?: SwitchItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SwitchPresenterParams) => {\n        this.params = params;\n        this.item = SwitchItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onChange?.(checked);\n    };\n}\n\nexport { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,UAAU,EAAEC,gBAAgB;AAYrC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,IAAI,GAAgBD,SAAS;EAErCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA6B,IAAK;IAC7C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,UAAU,CAACQ,MAAM,CAAC;MAC1BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,QAAQ,EAAEV,MAAM,CAACU;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHT,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,gBAAgB,CAACc,WAAW,CAAC,IAAI,CAACV,IAAI,CAAC,GAAGD;IAChE,CAAC;EACL;EAEOY,aAAa,GAAIJ,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEc,QAAQ,GAAGL,OAAO,CAAC;EACpC,CAAC;AACL;AAEA,SAASV,eAAe","ignoreList":[]}

package/Switch/primitives/useSwitch.d.ts

@@ -1,4 +1,4 @@
-import { SwitchPrimitiveProps } from "./SwitchPrimitive";
+import type { SwitchPrimitiveProps } from "./SwitchPrimitive";
 export declare const useSwitch: (props: SwitchPrimitiveProps) => {
     vm: {
         item: import("../domains").SwitchItemFormatted | undefined;

package/Switch/primitives/useSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SwitchPrimitiveProps } from \"./SwitchPrimitive\";\nimport { SwitchPresenter, SwitchPresenterParams } from \"./presenters/SwitchPresenter\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\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, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,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,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SwitchPrimitiveProps } from \"./SwitchPrimitive\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\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, changeChecked: presenter.changeChecked };\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,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,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,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}

package/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Tabs as TabsPrimitive } from "radix-ui";
 import { type VariantProps } from "../utils";
-import { TabProps, tabListVariants } from "./components";
+import type { TabProps, tabListVariants } from "./components";
 interface TabsProps extends Omit<TabsPrimitive.TabsProps, "children"> {
     tabs: React.ReactElement<TabProps>[];
     size?: VariantProps<typeof tabListVariants>["size"];

package/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","Tabs","TabsPrimitive","makeDecoratable","withStaticProps","Content","List","Tab","TabsContext","Trigger","Root","DecoratableTabs","defaultValue","initialValue","size","spacing","separator","tabs","tabComponents","props","setTabs","find","tab","disabled","visible","value","triggers","createElement","key","map","id","join","icon","text","trigger","contents","content","className","context","addTab","existingIndex","findIndex","slice","removeTab","filter","Object","assign","Provider","BaseTabs"],"sources":["Tabs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { makeDecoratable, type VariantProps, withStaticProps } from \"~/utils\";\nimport {\n    Content,\n    ITabsContext,\n    List,\n    Tab,\n    TabItem,\n    TabProps,\n    TabsContext,\n    Trigger,\n    tabListVariants\n} from \"./components\";\n\nconst Root = TabsPrimitive.Root;\n\ninterface TabsProps extends Omit<TabsPrimitive.TabsProps, \"children\"> {\n    tabs: React.ReactElement<TabProps>[];\n    size?: VariantProps<typeof tabListVariants>[\"size\"];\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    separator?: VariantProps<typeof tabListVariants>[\"separator\"];\n}\n\nconst DecoratableTabs = ({\n    defaultValue: initialValue,\n    size,\n    spacing,\n    separator,\n    tabs: tabComponents,\n    ...props\n}: TabsProps) => {\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const defaultValue = useMemo(() => {\n        // `defaultValue` prop works only at first render so we need to use the `tabComponents` instead of the `TabItems`\n        return (\n            initialValue ||\n            tabComponents.find(tab => !tab.props.disabled && tab.props.visible !== false)?.props\n                .value\n        );\n    }, [initialValue, tabComponents]);\n\n    const triggers = useMemo(\n        () => (\n            // We need to generate a key like this to trigger a proper component re-render when child tabs change.\n            <List\n                key={tabs.map(tab => tab.id).join(\";\")}\n                size={size}\n                spacing={spacing}\n                separator={separator}\n            >\n                {tabs.map(tab => (\n                    <Trigger\n                        data-testid={tab[\"data-testid\"]}\n                        disabled={tab.disabled}\n                        icon={tab.icon}\n                        key={tab.id}\n                        size={size}\n                        text={tab.trigger}\n                        value={tab.value}\n                        visible={tab.visible}\n                    />\n                ))}\n            </List>\n        ),\n        [tabs, size, spacing]\n    );\n\n    const contents = useMemo(\n        () =>\n            tabs.map(tab => (\n                <Content\n                    key={tab.id}\n                    value={tab.value}\n                    content={tab.content}\n                    spacing={tab.spacing ?? spacing}\n                    className={tab.className}\n                />\n            )),\n        [tabs, spacing]\n    );\n\n    const context: ITabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.value === props.value);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id === id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <Root {...props} defaultValue={defaultValue}>\n            {triggers}\n            {contents}\n            <TabsContext.Provider value={context}>{tabComponents}</TabsContext.Provider>\n        </Root>\n    );\n};\n\nconst BaseTabs = makeDecoratable(\"Tabs\", DecoratableTabs);\n\nconst Tabs = withStaticProps(BaseTabs, {\n    Tab\n});\n\nexport { Tabs, type TabsProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","Tabs","TabsPrimitive","makeDecoratable","withStaticProps","Content","List","Tab","TabsContext","Trigger","Root","DecoratableTabs","defaultValue","initialValue","size","spacing","separator","tabs","tabComponents","props","setTabs","find","tab","disabled","visible","value","triggers","createElement","key","map","id","join","icon","text","trigger","contents","content","className","context","addTab","existingIndex","findIndex","slice","removeTab","filter","Object","assign","Provider","BaseTabs"],"sources":["Tabs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { makeDecoratable, type VariantProps, withStaticProps } from \"~/utils\";\nimport type { ITabsContext, TabItem, TabProps, tabListVariants } from \"./components\";\nimport { Content, List, Tab, TabsContext, Trigger } from \"./components\";\n\nconst Root = TabsPrimitive.Root;\n\ninterface TabsProps extends Omit<TabsPrimitive.TabsProps, \"children\"> {\n    tabs: React.ReactElement<TabProps>[];\n    size?: VariantProps<typeof tabListVariants>[\"size\"];\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    separator?: VariantProps<typeof tabListVariants>[\"separator\"];\n}\n\nconst DecoratableTabs = ({\n    defaultValue: initialValue,\n    size,\n    spacing,\n    separator,\n    tabs: tabComponents,\n    ...props\n}: TabsProps) => {\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const defaultValue = useMemo(() => {\n        // `defaultValue` prop works only at first render so we need to use the `tabComponents` instead of the `TabItems`\n        return (\n            initialValue ||\n            tabComponents.find(tab => !tab.props.disabled && tab.props.visible !== false)?.props\n                .value\n        );\n    }, [initialValue, tabComponents]);\n\n    const triggers = useMemo(\n        () => (\n            // We need to generate a key like this to trigger a proper component re-render when child tabs change.\n            <List\n                key={tabs.map(tab => tab.id).join(\";\")}\n                size={size}\n                spacing={spacing}\n                separator={separator}\n            >\n                {tabs.map(tab => (\n                    <Trigger\n                        data-testid={tab[\"data-testid\"]}\n                        disabled={tab.disabled}\n                        icon={tab.icon}\n                        key={tab.id}\n                        size={size}\n                        text={tab.trigger}\n                        value={tab.value}\n                        visible={tab.visible}\n                    />\n                ))}\n            </List>\n        ),\n        [tabs, size, spacing]\n    );\n\n    const contents = useMemo(\n        () =>\n            tabs.map(tab => (\n                <Content\n                    key={tab.id}\n                    value={tab.value}\n                    content={tab.content}\n                    spacing={tab.spacing ?? spacing}\n                    className={tab.className}\n                />\n            )),\n        [tabs, spacing]\n    );\n\n    const context: ITabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.value === props.value);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id === id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <Root {...props} defaultValue={defaultValue}>\n            {triggers}\n            {contents}\n            <TabsContext.Provider value={context}>{tabComponents}</TabsContext.Provider>\n        </Root>\n    );\n};\n\nconst BaseTabs = makeDecoratable(\"Tabs\", DecoratableTabs);\n\nconst Tabs = withStaticProps(BaseTabs, {\n    Tab\n});\n\nexport { Tabs, type TabsProps };\n"],"mappings":"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","ignoreList":[]}

package/Tabs/components/Context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabItem } from "./Tab";
+import type { TabItem } from "./Tab";
 interface ITabsContext {
     addTab(props: TabItem): void;
     removeTab(id: string): void;

package/Tabs/components/Context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","TabsContext","undefined"],"sources":["Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { TabItem } from \"./Tab\";\n\ninterface ITabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nconst TabsContext = createContext<ITabsContext | undefined>(undefined);\n\nexport { TabsContext, type ITabsContext };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAQrC,MAAMC,WAAW,gBAAGD,aAAa,CAA2BE,SAAS,CAAC;AAEtE,SAASD,WAAW","ignoreList":[]}
+{"version":3,"names":["createContext","TabsContext","undefined"],"sources":["Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport type { TabItem } from \"./Tab\";\n\ninterface ITabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nconst TabsContext = createContext<ITabsContext | undefined>(undefined);\n\nexport { TabsContext, type ITabsContext };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAQrC,MAAMC,WAAW,gBAAGD,aAAa,CAA2BE,SAAS,CAAC;AAEtE,SAASD,WAAW","ignoreList":[]}

package/Tabs/components/Tab.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import type React from "react";
 import { type VariantProps } from "../../utils";
-import { tabListVariants } from "./List";
+import type { tabListVariants } from "./List";
 interface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content"> {
     value: string;
     trigger: React.ReactNode;

package/Tabs/components/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useRef","makeDecoratable","generateId","TabsContext","DecoratableTab","props","tabsContext","idRef","addTab","id","current","visible","removeTab","Tab"],"sources":["Tab.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { makeDecoratable, generateId, type VariantProps } from \"~/utils\";\nimport { TabsContext } from \"./Context\";\nimport { tabListVariants } from \"./List\";\n\ninterface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\" | \"content\"> {\n    value: string;\n    trigger: React.ReactNode;\n    content: React.ReactNode;\n    icon?: React.ReactElement;\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    disabled?: boolean;\n    visible?: boolean;\n    \"data-testid\"?: string;\n}\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\nconst DecoratableTab = (props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(generateId());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n};\n\nconst Tab = makeDecoratable(\"Tab\", DecoratableTab);\n\nexport { Tab, type TabProps, type TabItem };\n"],"mappings":"AAAA,SAAgBA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC5D,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,WAAW;AAkBpB,MAAMC,cAAc,GAAIC,KAAe,IAAK;EACxC,MAAMC,WAAW,GAAGR,UAAU,CAACK,WAAW,CAAC;EAC3C,MAAMI,KAAK,GAAGP,MAAM,CAACE,UAAU,CAAC,CAAC,CAAC;EAElCH,SAAS,CAAC,MAAM;IACZO,WAAW,CAAEE,MAAM,CAAC;MAAE,GAAGH,KAAK;MAAEI,EAAE,EAAEF,KAAK,CAACG,OAAO;MAAEC,OAAO,EAAEN,KAAK,CAACM,OAAO,IAAI;IAAK,CAAC,CAAC;EACxF,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEXN,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,OAAOO,WAAW,CAAEM,SAAS,CAACL,KAAK,CAACG,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,MAAMG,GAAG,GAAGZ,eAAe,CAAC,KAAK,EAAEG,cAAc,CAAC;AAElD,SAASS,GAAG","ignoreList":[]}
+{"version":3,"names":["useContext","useEffect","useRef","makeDecoratable","generateId","TabsContext","DecoratableTab","props","tabsContext","idRef","addTab","id","current","visible","removeTab","Tab"],"sources":["Tab.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useContext, useEffect, useRef } from \"react\";\nimport { makeDecoratable, generateId, type VariantProps } from \"~/utils\";\nimport { TabsContext } from \"./Context\";\nimport type { tabListVariants } from \"./List\";\n\ninterface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\" | \"content\"> {\n    value: string;\n    trigger: React.ReactNode;\n    content: React.ReactNode;\n    icon?: React.ReactElement;\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    disabled?: boolean;\n    visible?: boolean;\n    \"data-testid\"?: string;\n}\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\nconst DecoratableTab = (props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(generateId());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n};\n\nconst Tab = makeDecoratable(\"Tab\", DecoratableTab);\n\nexport { Tab, type TabProps, type TabItem };\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACrD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,WAAW;AAkBpB,MAAMC,cAAc,GAAIC,KAAe,IAAK;EACxC,MAAMC,WAAW,GAAGR,UAAU,CAACK,WAAW,CAAC;EAC3C,MAAMI,KAAK,GAAGP,MAAM,CAACE,UAAU,CAAC,CAAC,CAAC;EAElCH,SAAS,CAAC,MAAM;IACZO,WAAW,CAAEE,MAAM,CAAC;MAAE,GAAGH,KAAK;MAAEI,EAAE,EAAEF,KAAK,CAACG,OAAO;MAAEC,OAAO,EAAEN,KAAK,CAACM,OAAO,IAAI;IAAK,CAAC,CAAC;EACxF,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEXN,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,OAAOO,WAAW,CAAEM,SAAS,CAACL,KAAK,CAACG,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,MAAMG,GAAG,GAAGZ,eAAe,CAAC,KAAK,EAAEG,cAAc,CAAC;AAElD,SAASS,GAAG","ignoreList":[]}

package/Tag/Tag.d.ts

@@ -4,7 +4,7 @@ declare const tagVariants: (props?: ({
     isInteractive?: boolean | null | undefined;
     isDismissible?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
-    variant?: "accent" | "success" | "neutral-light" | "neutral-strong" | "neutral-base" | "warning" | "neutral-base-outline" | "neutral-muted" | "neutral-xstrong" | "neutral-dark" | "accent-light" | "success-light" | "destructive" | null | undefined;
+    variant?: "accent" | "neutral-light" | "neutral-strong" | "neutral-base" | "success" | "warning" | "neutral-base-outline" | "neutral-muted" | "neutral-xstrong" | "neutral-dark" | "accent-light" | "success-light" | "destructive" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content">, VariantProps<typeof tagVariants> {
     content: React.ReactNode;

package/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","cn","cva","makeDecoratable","Icon","IconButton","tagVariants","variants","isInteractive","true","isDismissible","false","isDisabled","variant","accent","success","warning","destructive","defaultVariants","DecoratableTag","className","content","onClick","onDismiss","dismissIconElement","createElement","dismissIconLabel","disabled","props","dismissButtonVariant","useMemo","includes","dismissIconColor","Object","assign","Boolean","icon","label","color","size","event","stopPropagation","Tag"],"sources":["Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Icon, type IconProps } from \"~/Icon\";\nimport { IconButton, iconButtonVariants } from \"~/Button\";\n\nconst tagVariants = cva(\n    [\n        \"wby-inline-flex wby-items-center wby-gap-xxs wby-rounded-sm wby-text-sm wby-text-regular wby-transition-colors wby-overflow-hidden\",\n        \"focus:outline-none\"\n    ],\n    {\n        variants: {\n            isInteractive: {\n                true: \"wby-cursor-pointer\"\n            },\n            isDismissible: {\n                true: \"wby-pl-xs-plus wby-pt-xxs wby-pb-xxs wby-pr-xs\",\n                false: \"wby-px-xs-plus wby-py-xxs\"\n            },\n            isDisabled: {\n                true: \"wby-cursor-not-allowed wby-pointer-events-none\"\n            },\n            variant: {\n                \"neutral-base\": [\n                    \"wby-bg-transparent wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-light\",\n                    \"aria-disabled:wby-bg-transparent aria-disabled:wby-text-neutral-disabled\"\n                ],\n                \"neutral-base-outline\": [\n                    \"wby-border-sm wby-border-solid wby-px-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.xxs)-theme(borderWidth.sm))]\",\n                    \"wby-bg-transparent wby-border-neutral-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-light\",\n                    \"aria-disabled:wby-bg-transparent aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled\"\n                ],\n                \"neutral-light\": [\n                    \"wby-bg-neutral-light wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-muted\",\n                    \"aria-disabled:wby-bg-neutral-light aria-disabled:wby-text-neutral-muted\"\n                ],\n                \"neutral-muted\": [\n                    \"wby-bg-neutral-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-strong\",\n                    \"aria-disabled:wby-bg-neutral-muted aria-disabled:wby-text-neutral-muted\"\n                ],\n                \"neutral-strong\": [\n                    \"wby-bg-neutral-strong wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-xstrong\",\n                    \"aria-disabled:wby-bg-neutral-muted\"\n                ],\n                \"neutral-xstrong\": [\n                    \"wby-bg-neutral-xstrong wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-dark\",\n                    \"aria-disabled:wby-bg-neutral-strong\"\n                ],\n                \"neutral-dark\": [\n                    \"wby-bg-neutral-dark wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-xstrong\",\n                    \"aria-disabled:wby-bg-neutral-strong\"\n                ],\n                accent: [\n                    \"wby-bg-primary-default wby-text-neutral-light\",\n                    \"hover:wby-bg-primary-strong\",\n                    \"aria-disabled:wby-bg-primary-disabled\"\n                ],\n                \"accent-light\": [\n                    \"wby-bg-primary-subtle wby-text-neutral-primary\",\n                    \"hover:wby-bg-primary-muted\",\n                    \"aria-disabled:wby-bg-primary-subtle aria-disabled:wby-text-neutral-muted\"\n                ],\n                success: [\n                    \"wby-bg-success-default wby-text-neutral-light\",\n                    \"hover:wby-bg-success-strong\",\n                    \"aria-disabled:wby-bg-success-disabled\"\n                ],\n                \"success-light\": [\n                    \"wby-bg-success-subtle wby-text-neutral-primary\",\n                    \"hover:wby-bg-success-muted\",\n                    \"aria-disabled:wby-bg-success-subtle aria-disabled:wby-text-neutral-muted\"\n                ],\n                warning: [\n                    \"wby-bg-warning-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-warning-default\",\n                    \"aria-disabled:wby-bg-warning-disabled aria-disabled:wby-text-neutral-disabled\"\n                ],\n                destructive: [\n                    \"wby-bg-destructive-default wby-text-neutral-light\",\n                    \"hover:wby-bg-destructive-strong\",\n                    \"aria-disabled:wby-bg-destructive-disabled\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"neutral-base\"\n        }\n    }\n);\n\nexport interface TagProps\n    extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\">,\n        VariantProps<typeof tagVariants> {\n    content: React.ReactNode;\n    onDismiss?: (event: React.SyntheticEvent<HTMLSpanElement>) => void;\n    dismissIconElement?: React.ReactElement;\n    dismissIconLabel?: string;\n    disabled?: boolean;\n}\n\nconst DecoratableTag = ({\n    className,\n    variant,\n    content,\n    onClick,\n    onDismiss,\n    dismissIconElement = <Close />,\n    dismissIconLabel = \"Close\",\n    disabled,\n    ...props\n}: TagProps) => {\n    const dismissButtonVariant = React.useMemo((): VariantProps<\n        typeof iconButtonVariants\n    >[\"variant\"] => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"success\",\n                \"accent\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"ghost-negative\";\n        }\n\n        return \"ghost\";\n    }, [variant]);\n\n    const dismissIconColor: IconProps[\"color\"] = React.useMemo(() => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"accent\",\n                \"success\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"neutral-negative\";\n        }\n\n        if (variant && [\"warning\"].includes(variant)) {\n            return \"neutral-strong\";\n        }\n\n        return \"neutral-strong-transparent\";\n    }, [variant]);\n\n    return (\n        <span\n            {...props}\n            onClick={onClick}\n            className={cn(\n                tagVariants({\n                    variant,\n                    isDismissible: Boolean(onDismiss),\n                    isInteractive: Boolean(onClick),\n                    isDisabled: Boolean(disabled)\n                }),\n                className\n            )}\n            aria-disabled={disabled}\n        >\n            <span className={\"wby-overflow-hidden wby-truncate wby-whitespace-nowrap\"}>\n                {content}\n            </span>\n            {onDismiss && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={dismissIconElement}\n                            label={dismissIconLabel}\n                            color={dismissIconColor}\n                            size={\"sm\"}\n                        />\n                    }\n                    size={\"xxs\"}\n                    variant={dismissButtonVariant}\n                    disabled={disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        onDismiss(event);\n                    }}\n                />\n            )}\n        </span>\n    );\n};\nconst Tag = makeDecoratable(\"Tag\", DecoratableTag);\n\nexport { Tag };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Close","cn","cva","makeDecoratable","Icon","IconButton","tagVariants","variants","isInteractive","true","isDismissible","false","isDisabled","variant","accent","success","warning","destructive","defaultVariants","DecoratableTag","className","content","onClick","onDismiss","dismissIconElement","createElement","dismissIconLabel","disabled","props","dismissButtonVariant","useMemo","includes","dismissIconColor","Object","assign","Boolean","icon","label","color","size","event","stopPropagation","Tag"],"sources":["Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Icon, type IconProps } from \"~/Icon\";\nimport type { iconButtonVariants } from \"~/Button\";\nimport { IconButton } from \"~/Button\";\n\nconst tagVariants = cva(\n    [\n        \"wby-inline-flex wby-items-center wby-gap-xxs wby-rounded-sm wby-text-sm wby-text-regular wby-transition-colors wby-overflow-hidden\",\n        \"focus:outline-none\"\n    ],\n    {\n        variants: {\n            isInteractive: {\n                true: \"wby-cursor-pointer\"\n            },\n            isDismissible: {\n                true: \"wby-pl-xs-plus wby-pt-xxs wby-pb-xxs wby-pr-xs\",\n                false: \"wby-px-xs-plus wby-py-xxs\"\n            },\n            isDisabled: {\n                true: \"wby-cursor-not-allowed wby-pointer-events-none\"\n            },\n            variant: {\n                \"neutral-base\": [\n                    \"wby-bg-transparent wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-light\",\n                    \"aria-disabled:wby-bg-transparent aria-disabled:wby-text-neutral-disabled\"\n                ],\n                \"neutral-base-outline\": [\n                    \"wby-border-sm wby-border-solid wby-px-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.xxs)-theme(borderWidth.sm))]\",\n                    \"wby-bg-transparent wby-border-neutral-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-light\",\n                    \"aria-disabled:wby-bg-transparent aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled\"\n                ],\n                \"neutral-light\": [\n                    \"wby-bg-neutral-light wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-muted\",\n                    \"aria-disabled:wby-bg-neutral-light aria-disabled:wby-text-neutral-muted\"\n                ],\n                \"neutral-muted\": [\n                    \"wby-bg-neutral-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-neutral-strong\",\n                    \"aria-disabled:wby-bg-neutral-muted aria-disabled:wby-text-neutral-muted\"\n                ],\n                \"neutral-strong\": [\n                    \"wby-bg-neutral-strong wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-xstrong\",\n                    \"aria-disabled:wby-bg-neutral-muted\"\n                ],\n                \"neutral-xstrong\": [\n                    \"wby-bg-neutral-xstrong wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-dark\",\n                    \"aria-disabled:wby-bg-neutral-strong\"\n                ],\n                \"neutral-dark\": [\n                    \"wby-bg-neutral-dark wby-text-neutral-light\",\n                    \"hover:wby-bg-neutral-xstrong\",\n                    \"aria-disabled:wby-bg-neutral-strong\"\n                ],\n                accent: [\n                    \"wby-bg-primary-default wby-text-neutral-light\",\n                    \"hover:wby-bg-primary-strong\",\n                    \"aria-disabled:wby-bg-primary-disabled\"\n                ],\n                \"accent-light\": [\n                    \"wby-bg-primary-subtle wby-text-neutral-primary\",\n                    \"hover:wby-bg-primary-muted\",\n                    \"aria-disabled:wby-bg-primary-subtle aria-disabled:wby-text-neutral-muted\"\n                ],\n                success: [\n                    \"wby-bg-success-default wby-text-neutral-light\",\n                    \"hover:wby-bg-success-strong\",\n                    \"aria-disabled:wby-bg-success-disabled\"\n                ],\n                \"success-light\": [\n                    \"wby-bg-success-subtle wby-text-neutral-primary\",\n                    \"hover:wby-bg-success-muted\",\n                    \"aria-disabled:wby-bg-success-subtle aria-disabled:wby-text-neutral-muted\"\n                ],\n                warning: [\n                    \"wby-bg-warning-muted wby-text-neutral-primary\",\n                    \"hover:wby-bg-warning-default\",\n                    \"aria-disabled:wby-bg-warning-disabled aria-disabled:wby-text-neutral-disabled\"\n                ],\n                destructive: [\n                    \"wby-bg-destructive-default wby-text-neutral-light\",\n                    \"hover:wby-bg-destructive-strong\",\n                    \"aria-disabled:wby-bg-destructive-disabled\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"neutral-base\"\n        }\n    }\n);\n\nexport interface TagProps\n    extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\">,\n        VariantProps<typeof tagVariants> {\n    content: React.ReactNode;\n    onDismiss?: (event: React.SyntheticEvent<HTMLSpanElement>) => void;\n    dismissIconElement?: React.ReactElement;\n    dismissIconLabel?: string;\n    disabled?: boolean;\n}\n\nconst DecoratableTag = ({\n    className,\n    variant,\n    content,\n    onClick,\n    onDismiss,\n    dismissIconElement = <Close />,\n    dismissIconLabel = \"Close\",\n    disabled,\n    ...props\n}: TagProps) => {\n    const dismissButtonVariant = React.useMemo((): VariantProps<\n        typeof iconButtonVariants\n    >[\"variant\"] => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"success\",\n                \"accent\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"ghost-negative\";\n        }\n\n        return \"ghost\";\n    }, [variant]);\n\n    const dismissIconColor: IconProps[\"color\"] = React.useMemo(() => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"accent\",\n                \"success\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"neutral-negative\";\n        }\n\n        if (variant && [\"warning\"].includes(variant)) {\n            return \"neutral-strong\";\n        }\n\n        return \"neutral-strong-transparent\";\n    }, [variant]);\n\n    return (\n        <span\n            {...props}\n            onClick={onClick}\n            className={cn(\n                tagVariants({\n                    variant,\n                    isDismissible: Boolean(onDismiss),\n                    isInteractive: Boolean(onClick),\n                    isDisabled: Boolean(disabled)\n                }),\n                className\n            )}\n            aria-disabled={disabled}\n        >\n            <span className={\"wby-overflow-hidden wby-truncate wby-whitespace-nowrap\"}>\n                {content}\n            </span>\n            {onDismiss && (\n                <IconButton\n                    icon={\n                        <Icon\n                            icon={dismissIconElement}\n                            label={dismissIconLabel}\n                            color={dismissIconColor}\n                            size={\"sm\"}\n                        />\n                    }\n                    size={\"xxs\"}\n                    variant={dismissButtonVariant}\n                    disabled={disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        onDismiss(event);\n                    }}\n                />\n            )}\n        </span>\n    );\n};\nconst Tag = makeDecoratable(\"Tag\", DecoratableTag);\n\nexport { Tag };\n"],"mappings":"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","ignoreList":[]}

package/Tags/Tags.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { type TagsPrimitiveProps } from "./primitives";
+import { type FormComponentProps } from "../FormComponent";
+type TagsProps = TagsPrimitiveProps & FormComponentProps;
+declare const Tags: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+    original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { Tags, type TagsProps };

package/Tags/Tags.js

@@ -0,0 +1,59 @@
+import React, { useCallback, useMemo } from "react";
+import { makeDecoratable, generateId } from "../utils";
+import { TagsPrimitive } from "./primitives";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+const DecoratableTags = ({
+  label,
+  description,
+  note,
+  required,
+  disabled,
+  validation,
+  validate,
+  onBlur: originalOnBlur,
+  ...props
+}) => {
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const id = useMemo(() => generateId(props.id), [props.id]);
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  const onBlur = useCallback(async e => {
+    if (validate) {
+      // Since we are accessing event in an async operation, we need to persist it.
+      // See https://reactjs.org/docs/events.html#event-pooling.
+      e.persist();
+      await validate();
+    }
+    originalOnBlur && originalOnBlur(e);
+  }, [validate, originalOnBlur]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full"
+  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    htmlFor: id,
+    text: label,
+    required: required,
+    disabled: disabled,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(TagsPrimitive, Object.assign({}, props, {
+    id: id,
+    disabled: disabled,
+    invalid: invalid,
+    onBlur: onBlur
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: note,
+    disabled: disabled
+  }));
+};
+const Tags = makeDecoratable("Tags", DecoratableTags);
+export { Tags };
+
+//# sourceMappingURL=Tags.js.map

package/Tags/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","generateId","TagsPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTags","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Tags"],"sources":["Tags.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, generateId } from \"~/utils\";\nimport { TagsPrimitive, type TagsPrimitiveProps } from \"./primitives\";\n\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent\";\n\ntype TagsProps = TagsPrimitiveProps & FormComponentProps;\n\nconst DecoratableTags = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TagsProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TagsPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst Tags = makeDecoratable(\"Tags\", DecoratableTags);\n\nexport { Tags, type TagsProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,aAAa;AAEtB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,eAAe,GAAGA,CAAC;EACrBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACI,CAAC,KAAK;EACb,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAME,UAAU,CAACgB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,aAAa,EAAA4B,MAAA,CAAAC,MAAA,KACNd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMoB,IAAI,GAAGhC,eAAe,CAAC,MAAM,EAAEO,eAAe,CAAC;AAErD,SAASyB,IAAI","ignoreList":[]}

package/Tags/Tags.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Tags } from "./Tags";
+declare const meta: Meta<typeof Tags>;
+export default meta;
+type Story = StoryObj<typeof Tags>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithRequiredLabel: Story;
+export declare const WithDescription: Story;
+export declare const WithNotes: Story;
+export declare const WithErrors: Story;
+export declare const Disabled: Story;
+export declare const FullExample: Story;