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

package/Select/primitives/components/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { SelectIcon } from \"./SelectIcon\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative\",\n        \"focus:wby-outline-none\",\n        \"disabled:wby-pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed wby-fill-neutral-xstrong\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\",\n                    \"data-[state=open]:wby-border-neutral-black\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-border-neutral-black focus:wby-bg-neutral-base\",\n                    \"data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\",\n                    \"data-[state=open]:wby-bg-neutral-dark/5\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ]\n            },\n            size: {\n                md: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                lg: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                xl: [\n                    \"wby-rounded-lg wby-leading-6\",\n                    \"wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps,\n        VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4GAA4G,EAC5G,wBAAwB,EACxB,kCAAkC,CACrC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,mIAAmI,EACnI,iCAAiC,EACjC,gCAAgC,EAChC,4CAA4C,EAC5C,0LAA0L,CAC7L;MACDC,SAAS,EAAE,CACP,oIAAoI,EACpI,6BAA6B,EAC7B,0DAA0D,EAC1D,kFAAkF,EAClF,0LAA0L,CAC7L;MACDC,KAAK,EAAE,CACH,wGAAwG,EACxG,6BAA6B,EAC7B,6BAA6B,EAC7B,yCAAyC,EACzC,0LAA0L;IAElM,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,8BAA8B,EAC9B,+GAA+G;IAEvH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAUD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { SelectIcon } from \"./SelectIcon\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative\",\n        \"focus:wby-outline-none\",\n        \"disabled:wby-pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed wby-fill-neutral-xstrong\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\",\n                    \"data-[state=open]:wby-border-neutral-black\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-border-neutral-black focus:wby-bg-neutral-base\",\n                    \"data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\",\n                    \"data-[state=open]:wby-bg-neutral-dark/5\",\n                    \"disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"wby-bg-transparent wby-border-transparent wby-text-neutral-light/50 placeholder:wby-text-neutral-light/50 wby-fill-neutral-base/50\",\n                    \"hover:wby-bg-neutral-base/20\",\n                    \"focus:wby-bg-neutral-base/20\",\n                    \"data-[state=open]:wby-bg-neutral-base data-[state=open]:wby-text-neutral-primary data[state=open]:placeholder:wby-text-neutral-dimmed data[state=open]:!wby-fill-neutral-xstrong\",\n                    \"disabled:wby-bg-transparent disabled:wby-text-neutral-disabled/50 disabled:placeholder:wby-text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                lg: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                xl: [\n                    \"wby-rounded-lg wby-leading-6\",\n                    \"wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"!wby-border-destructive-default !wby-bg-destructive-subtle wby-text-neutral-primary placeholder:wby-text-neutral-dimmed !wby-fill-neutral-xstrong\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps,\n        VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4GAA4G,EAC5G,wBAAwB,EACxB,kCAAkC,CACrC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,mIAAmI,EACnI,iCAAiC,EACjC,gCAAgC,EAChC,4CAA4C,EAC5C,0LAA0L,CAC7L;MACDC,SAAS,EAAE,CACP,oIAAoI,EACpI,6BAA6B,EAC7B,0DAA0D,EAC1D,kFAAkF,EAClF,0LAA0L,CAC7L;MACDC,KAAK,EAAE,CACH,wGAAwG,EACxG,6BAA6B,EAC7B,6BAA6B,EAC7B,yCAAyC,EACzC,0LAA0L,CAC7L;MACD,gBAAgB,EAAE,CACd,oIAAoI,EACpI,8BAA8B,EAC9B,8BAA8B,EAC9B,kLAAkL,EAClL,qHAAqH;IAE7H,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,8BAA8B,EAC9B,+GAA+G;IAEvH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,gBAAgB;IACzBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAUD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}

package/Select/primitives/presenters/SelectPresenter.d.ts

@@ -1,4 +1,5 @@
-import { SelectOptionsVm, SelectTriggerVm, SelectOption as SelectOptionParams, type SelectRootVm } from "../SelectPrimitive";
+import type { SelectOptionsVm, SelectTriggerVm, SelectOption as SelectOptionParams } from "../SelectPrimitive";
+import { type SelectRootVm } from "../SelectPrimitive";
 interface SelectPresenterParams {
     options?: SelectOptionParams[];
     value?: string;

package/Select/primitives/presenters/SelectPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams,\n    type SelectRootVm\n} from \"../SelectPrimitive\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams\n} from \"../SelectPrimitive\";\nimport { type SelectRootVm } from \"../SelectPrimitive\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}

package/Select/primitives/useSelect.d.ts

@@ -1,4 +1,4 @@
-import { SelectPrimitiveProps } from "./SelectPrimitive";
+import type { SelectPrimitiveProps } from "./SelectPrimitive";
 export declare const useSelect: (props: SelectPrimitiveProps) => {
     vm: {
         selectRoot: {

package/Select/primitives/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SelectPresenter","useSelect","props","params","options","value","placeholder","displayResetAction","onValueChange","onChange","onValueReset","presenter","vm","setVm","init","changeValue","resetValue"],"sources":["useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SelectPresenter, SelectPresenterParams } from \"./presenters/SelectPresenter\";\nimport { SelectPrimitiveProps } from \"./SelectPrimitive\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,eAAe;AAGxB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB;IAC5CC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EACxB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,WAAW,EACjBJ,KAAK,CAACK,kBAAkB,EACxBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,CAE1B,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,eAAe,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACY,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAACC,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACG,IAAI,CAACX,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,CAAC,CAAC;EAEvBf,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAClCC,UAAU,EAAEL,SAAS,CAACK;EAC1B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SelectPresenter","useSelect","props","params","options","value","placeholder","displayResetAction","onValueChange","onChange","onValueReset","presenter","vm","setVm","init","changeValue","resetValue"],"sources":["useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SelectPresenterParams } from \"./presenters/SelectPresenter\";\nimport { SelectPresenter } from \"./presenters/SelectPresenter\";\nimport type { SelectPrimitiveProps } from \"./SelectPrimitive\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAGxB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB;IAC5CC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EACxB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,WAAW,EACjBJ,KAAK,CAACK,kBAAkB,EACxBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,CAE1B,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,eAAe,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACY,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAACC,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACG,IAAI,CAACX,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,CAAC,CAAC;EAEvBf,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAClCC,UAAU,EAAEL,SAAS,CAACK;EAC1B,CAAC;AACL,CAAC","ignoreList":[]}

package/Sidebar/components/SidebarRoot.js

@@ -62,10 +62,7 @@ const SidebarRoot = ({
   }, props), /*#__PURE__*/React.createElement("div", {
     "data-sidebar": "sidebar",
     className: "wby-flex wby-h-full wby-w-full wby-py-xs wby-flex-col"
-  }, children)), /*#__PURE__*/React.createElement("div", {
-    "data-sidebar": "extra-hover-area",
-    className: "wby-absolute wby-top-0 wby-left-[theme(spacing.sidebar-collapsed)] wby-h-full wby-w-xl wby-hidden group-data-[state=collapsed]:wby-block"
-  }));
+  }, children)));
 };
 export { SidebarRoot };
 

package/Sidebar/components/SidebarRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","cn","cva","useSidebar","variants","pinned","false","SidebarRoot","side","className","children","props","state","setExpanded","elementRef","timeoutRef","onMouseEnter","current","window","clearTimeout","onMouseLeave","setTimeout","createElement","ref","Object","assign"],"sources":["SidebarRoot.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { cn, cva } from \"~/utils\";\nimport { useSidebar } from \"./SidebarProvider\";\n\ninterface SidebarRootProps extends React.ComponentProps<\"div\"> {\n    side?: \"left\" | \"right\";\n}\n\nconst variants = cva(\n    \"wby-group wby-peer wby-block wby-border-r-sm wby-border-neutral-dimmed wby-bg-neutral-light\",\n    {\n        variants: {\n            pinned: {\n                false: \"wby-fixed wby-top-0 wby-z-10 \"\n            }\n        }\n    }\n);\n\nconst SidebarRoot = ({ side = \"left\", className, children, ...props }: SidebarRootProps) => {\n    const { state, setExpanded, pinned } = useSidebar();\n\n    const elementRef = useRef<HTMLDivElement>(null);\n\n    // With this timeout, we prevent the sidebar glitching (quickly opening/closing) during mouse enter/leave events.\n    const timeoutRef = useRef<number | null>(null);\n\n    const onMouseEnter = useCallback<React.MouseEventHandler<HTMLDivElement>>(() => {\n        // If the sidebar is pinned, we don't want to open the sidebar on mouse enter.\n        if (pinned) {\n            return;\n        }\n\n        if (timeoutRef.current) {\n            window.clearTimeout(timeoutRef.current);\n            timeoutRef.current = null;\n        }\n\n        setExpanded(true);\n    }, [pinned, setExpanded]);\n\n    const onMouseLeave = useCallback<React.MouseEventHandler<HTMLDivElement>>(() => {\n        // If the sidebar is pinned, we don't want to close the sidebar on mouse leave.\n        if (pinned) {\n            return;\n        }\n\n        // With this timeout, we prevent the sidebar glitching (quickly opening/closing) during mouse enter/leave events.\n        timeoutRef.current = window.setTimeout(() => {\n            setExpanded(false);\n        }, 50);\n    }, [pinned, setExpanded]);\n\n    return (\n        <div\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            ref={elementRef}\n            data-state={state}\n            data-sidebar={\"root\"}\n            data-side={side}\n            className={variants({ pinned })}\n        >\n            <div\n                className={cn(\n                    \"wby-duration-175 wby-relative wby-h-svh wby-w-sidebar-expanded wby-bg-transparent wby-transition-[width] wby-ease-linear wby-duration-175\",\n                    \"group-data-[side=right]:wby-rotate-180\",\n                    \"group-data-[state=collapsed]:wby-w-sidebar-collapsed\"\n                )}\n            />\n            <div\n                className={cn(\n                    \"wby-duration-175 wby-fixed wby-inset-y-0 wby-z-10 wby-h-svh wby-w-sidebar-expanded wby-transition-[width] wby-ease-linear md:wby-flex\",\n                    side === \"left\" ? \"wby-left-0\" : \"wby-right-0\",\n                    \"group-data-[state=collapsed]:wby-w-sidebar-collapsed group-data-[side=left]:wby-border-r-px group-data-[side=right]:wby-border-l-px\",\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"wby-flex wby-h-full wby-w-full wby-py-xs wby-flex-col\"\n                >\n                    {children}\n                </div>\n            </div>\n            <div\n                data-sidebar={\"extra-hover-area\"}\n                className={\n                    \"wby-absolute wby-top-0 wby-left-[theme(spacing.sidebar-collapsed)] wby-h-full wby-w-xl wby-hidden group-data-[state=collapsed]:wby-block\"\n                }\n            />\n        </div>\n    );\n};\n\nexport { SidebarRoot, type SidebarRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAMnB,MAAMC,QAAQ,GAAGF,GAAG,CAChB,6FAA6F,EAC7F;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,KAAK,EAAE;IACX;EACJ;AACJ,CACJ,CAAC;AAED,MAAMC,WAAW,GAAGA,CAAC;EAAEC,IAAI,GAAG,MAAM;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACxF,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAER;EAAO,CAAC,GAAGF,UAAU,CAAC,CAAC;EAEnD,MAAMW,UAAU,GAAGd,MAAM,CAAiB,IAAI,CAAC;;EAE/C;EACA,MAAMe,UAAU,GAAGf,MAAM,CAAgB,IAAI,CAAC;EAE9C,MAAMgB,YAAY,GAAGjB,WAAW,CAA0C,MAAM;IAC5E;IACA,IAAIM,MAAM,EAAE;MACR;IACJ;IAEA,IAAIU,UAAU,CAACE,OAAO,EAAE;MACpBC,MAAM,CAACC,YAAY,CAACJ,UAAU,CAACE,OAAO,CAAC;MACvCF,UAAU,CAACE,OAAO,GAAG,IAAI;IAC7B;IAEAJ,WAAW,CAAC,IAAI,CAAC;EACrB,CAAC,EAAE,CAACR,MAAM,EAAEQ,WAAW,CAAC,CAAC;EAEzB,MAAMO,YAAY,GAAGrB,WAAW,CAA0C,MAAM;IAC5E;IACA,IAAIM,MAAM,EAAE;MACR;IACJ;;IAEA;IACAU,UAAU,CAACE,OAAO,GAAGC,MAAM,CAACG,UAAU,CAAC,MAAM;MACzCR,WAAW,CAAC,KAAK,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAACR,MAAM,EAAEQ,WAAW,CAAC,CAAC;EAEzB,oBACIf,KAAA,CAAAwB,aAAA;IACIN,YAAY,EAAEA,YAAa;IAC3BI,YAAY,EAAEA,YAAa;IAC3BG,GAAG,EAAET,UAAW;IAChB,cAAYF,KAAM;IAClB,gBAAc,MAAO;IACrB,aAAWJ,IAAK;IAChBC,SAAS,EAAEL,QAAQ,CAAC;MAAEC;IAAO,CAAC;EAAE,gBAEhCP,KAAA,CAAAwB,aAAA;IACIb,SAAS,EAAER,EAAE,CACT,2IAA2I,EAC3I,wCAAwC,EACxC,sDACJ;EAAE,CACL,CAAC,eACFH,KAAA,CAAAwB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIhB,SAAS,EAAER,EAAE,CACT,uIAAuI,EACvIO,IAAI,KAAK,MAAM,GAAG,YAAY,GAAG,aAAa,EAC9C,qIAAqI,EACrIC,SACJ;EAAE,GACEE,KAAK,gBAETb,KAAA,CAAAwB,aAAA;IACI,gBAAa,SAAS;IACtBb,SAAS,EAAC;EAAuD,GAEhEC,QACA,CACJ,CAAC,eACNZ,KAAA,CAAAwB,aAAA;IACI,gBAAc,kBAAmB;IACjCb,SAAS,EACL;EACH,CACJ,CACA,CAAC;AAEd,CAAC;AAED,SAASF,WAAW","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","cn","cva","useSidebar","variants","pinned","false","SidebarRoot","side","className","children","props","state","setExpanded","elementRef","timeoutRef","onMouseEnter","current","window","clearTimeout","onMouseLeave","setTimeout","createElement","ref","Object","assign"],"sources":["SidebarRoot.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { cn, cva } from \"~/utils\";\nimport { useSidebar } from \"./SidebarProvider\";\n\ninterface SidebarRootProps extends React.ComponentProps<\"div\"> {\n    side?: \"left\" | \"right\";\n}\n\nconst variants = cva(\n    \"wby-group wby-peer wby-block wby-border-r-sm wby-border-neutral-dimmed wby-bg-neutral-light\",\n    {\n        variants: {\n            pinned: {\n                false: \"wby-fixed wby-top-0 wby-z-10 \"\n            }\n        }\n    }\n);\n\nconst SidebarRoot = ({ side = \"left\", className, children, ...props }: SidebarRootProps) => {\n    const { state, setExpanded, pinned } = useSidebar();\n\n    const elementRef = useRef<HTMLDivElement>(null);\n\n    // With this timeout, we prevent the sidebar glitching (quickly opening/closing) during mouse enter/leave events.\n    const timeoutRef = useRef<number | null>(null);\n\n    const onMouseEnter = useCallback<React.MouseEventHandler<HTMLDivElement>>(() => {\n        // If the sidebar is pinned, we don't want to open the sidebar on mouse enter.\n        if (pinned) {\n            return;\n        }\n\n        if (timeoutRef.current) {\n            window.clearTimeout(timeoutRef.current);\n            timeoutRef.current = null;\n        }\n\n        setExpanded(true);\n    }, [pinned, setExpanded]);\n\n    const onMouseLeave = useCallback<React.MouseEventHandler<HTMLDivElement>>(() => {\n        // If the sidebar is pinned, we don't want to close the sidebar on mouse leave.\n        if (pinned) {\n            return;\n        }\n\n        // With this timeout, we prevent the sidebar glitching (quickly opening/closing) during mouse enter/leave events.\n        timeoutRef.current = window.setTimeout(() => {\n            setExpanded(false);\n        }, 50);\n    }, [pinned, setExpanded]);\n\n    return (\n        <div\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            ref={elementRef}\n            data-state={state}\n            data-sidebar={\"root\"}\n            data-side={side}\n            className={variants({ pinned })}\n        >\n            <div\n                className={cn(\n                    \"wby-duration-175 wby-relative wby-h-svh wby-w-sidebar-expanded wby-bg-transparent wby-transition-[width] wby-ease-linear wby-duration-175\",\n                    \"group-data-[side=right]:wby-rotate-180\",\n                    \"group-data-[state=collapsed]:wby-w-sidebar-collapsed\"\n                )}\n            />\n            <div\n                className={cn(\n                    \"wby-duration-175 wby-fixed wby-inset-y-0 wby-z-10 wby-h-svh wby-w-sidebar-expanded wby-transition-[width] wby-ease-linear md:wby-flex\",\n                    side === \"left\" ? \"wby-left-0\" : \"wby-right-0\",\n                    \"group-data-[state=collapsed]:wby-w-sidebar-collapsed group-data-[side=left]:wby-border-r-px group-data-[side=right]:wby-border-l-px\",\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"wby-flex wby-h-full wby-w-full wby-py-xs wby-flex-col\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { SidebarRoot, type SidebarRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAMnB,MAAMC,QAAQ,GAAGF,GAAG,CAChB,6FAA6F,EAC7F;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,KAAK,EAAE;IACX;EACJ;AACJ,CACJ,CAAC;AAED,MAAMC,WAAW,GAAGA,CAAC;EAAEC,IAAI,GAAG,MAAM;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACxF,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAER;EAAO,CAAC,GAAGF,UAAU,CAAC,CAAC;EAEnD,MAAMW,UAAU,GAAGd,MAAM,CAAiB,IAAI,CAAC;;EAE/C;EACA,MAAMe,UAAU,GAAGf,MAAM,CAAgB,IAAI,CAAC;EAE9C,MAAMgB,YAAY,GAAGjB,WAAW,CAA0C,MAAM;IAC5E;IACA,IAAIM,MAAM,EAAE;MACR;IACJ;IAEA,IAAIU,UAAU,CAACE,OAAO,EAAE;MACpBC,MAAM,CAACC,YAAY,CAACJ,UAAU,CAACE,OAAO,CAAC;MACvCF,UAAU,CAACE,OAAO,GAAG,IAAI;IAC7B;IAEAJ,WAAW,CAAC,IAAI,CAAC;EACrB,CAAC,EAAE,CAACR,MAAM,EAAEQ,WAAW,CAAC,CAAC;EAEzB,MAAMO,YAAY,GAAGrB,WAAW,CAA0C,MAAM;IAC5E;IACA,IAAIM,MAAM,EAAE;MACR;IACJ;;IAEA;IACAU,UAAU,CAACE,OAAO,GAAGC,MAAM,CAACG,UAAU,CAAC,MAAM;MACzCR,WAAW,CAAC,KAAK,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAACR,MAAM,EAAEQ,WAAW,CAAC,CAAC;EAEzB,oBACIf,KAAA,CAAAwB,aAAA;IACIN,YAAY,EAAEA,YAAa;IAC3BI,YAAY,EAAEA,YAAa;IAC3BG,GAAG,EAAET,UAAW;IAChB,cAAYF,KAAM;IAClB,gBAAc,MAAO;IACrB,aAAWJ,IAAK;IAChBC,SAAS,EAAEL,QAAQ,CAAC;MAAEC;IAAO,CAAC;EAAE,gBAEhCP,KAAA,CAAAwB,aAAA;IACIb,SAAS,EAAER,EAAE,CACT,2IAA2I,EAC3I,wCAAwC,EACxC,sDACJ;EAAE,CACL,CAAC,eACFH,KAAA,CAAAwB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIhB,SAAS,EAAER,EAAE,CACT,uIAAuI,EACvIO,IAAI,KAAK,MAAM,GAAG,YAAY,GAAG,aAAa,EAC9C,qIAAqI,EACrIC,SACJ;EAAE,GACEE,KAAK,gBAETb,KAAA,CAAAwB,aAAA;IACI,gBAAa,SAAS;IACtBb,SAAS,EAAC;EAAuD,GAEhEC,QACA,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASH,WAAW","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuItem.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon";
 import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction";
-import { LinkProps, To } from "@webiny/react-router";
+import type { LinkProps, To } from "@webiny/react-router";
 export interface SidebarMenuItemBaseProps {
     text: React.ReactNode;
     className?: string;

package/Sidebar/components/items/SidebarMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuSubItem","useSidebarMenu","SidebarMenuRootItem","SidebarMenuItemBase","props","currentLevel","createElement","DecoratableSidebarMenuItem","SidebarMenuItem","Icon","Action"],"sources":["SidebarMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { SidebarMenuItemIcon, type SidebarMenuItemIconProps } from \"./SidebarMenuItemIcon\";\nimport { SidebarMenuItemAction, type SidebarMenuItemActionProps } from \"./SidebarMenuItemAction\";\nimport { SidebarMenuSubItem } from \"./SidebarMenuSubItem\";\nimport { useSidebarMenu } from \"./SidebarMenuProvider\";\nimport { LinkProps, To } from \"@webiny/react-router\";\nimport { SidebarMenuRootItem } from \"~/Sidebar/components/items/SidebarMenuRootItem\";\n\nexport interface SidebarMenuItemBaseProps {\n    text: React.ReactNode;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: React.MouseEventHandler;\n    icon?: React.ReactNode;\n    action?: React.ReactNode;\n    variant?: \"group-label\";\n    active?: boolean;\n    disabled?: boolean;\n}\n\ntype SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & { to?: never };\ntype SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;\ntype SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps & { to: To };\n\ntype SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;\n\nconst SidebarMenuItemBase = (props: SidebarMenuItemProps) => {\n    const { currentLevel } = useSidebarMenu();\n\n    if (currentLevel === 0) {\n        return <SidebarMenuRootItem {...props} />;\n    }\n\n    return <SidebarMenuSubItem {...props} />;\n};\n\nconst DecoratableSidebarMenuItem = makeDecoratable(\"SidebarMenuItem\", SidebarMenuItemBase);\n\nconst SidebarMenuItem = withStaticProps(DecoratableSidebarMenuItem, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuItem,\n    type SidebarMenuItemProps,\n    type SidebarMenuItemButtonProps,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemGroupProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AAEvB,SAASC,mBAAmB;AAoB5B,MAAMC,mBAAmB,GAAIC,KAA2B,IAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAEzC,IAAII,YAAY,KAAK,CAAC,EAAE;IACpB,oBAAOV,KAAA,CAAAW,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EAC7C;EAEA,oBAAOT,KAAA,CAAAW,aAAA,CAACN,kBAAkB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,MAAMG,0BAA0B,GAAGX,eAAe,CAAC,iBAAiB,EAAEO,mBAAmB,CAAC;AAE1F,MAAMK,eAAe,GAAGX,eAAe,CAACU,0BAA0B,EAAE;EAChEE,IAAI,EAAEX,mBAAmB;EACzBY,MAAM,EAAEX;AACZ,CAAC,CAAC;AAEF,SACIS,eAAe","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuSubItem","useSidebarMenu","SidebarMenuRootItem","SidebarMenuItemBase","props","currentLevel","createElement","DecoratableSidebarMenuItem","SidebarMenuItem","Icon","Action"],"sources":["SidebarMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { SidebarMenuItemIcon, type SidebarMenuItemIconProps } from \"./SidebarMenuItemIcon\";\nimport { SidebarMenuItemAction, type SidebarMenuItemActionProps } from \"./SidebarMenuItemAction\";\nimport { SidebarMenuSubItem } from \"./SidebarMenuSubItem\";\nimport { useSidebarMenu } from \"./SidebarMenuProvider\";\nimport type { LinkProps, To } from \"@webiny/react-router\";\nimport { SidebarMenuRootItem } from \"~/Sidebar/components/items/SidebarMenuRootItem\";\n\nexport interface SidebarMenuItemBaseProps {\n    text: React.ReactNode;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: React.MouseEventHandler;\n    icon?: React.ReactNode;\n    action?: React.ReactNode;\n    variant?: \"group-label\";\n    active?: boolean;\n    disabled?: boolean;\n}\n\ntype SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & { to?: never };\ntype SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;\ntype SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps & { to: To };\n\ntype SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;\n\nconst SidebarMenuItemBase = (props: SidebarMenuItemProps) => {\n    const { currentLevel } = useSidebarMenu();\n\n    if (currentLevel === 0) {\n        return <SidebarMenuRootItem {...props} />;\n    }\n\n    return <SidebarMenuSubItem {...props} />;\n};\n\nconst DecoratableSidebarMenuItem = makeDecoratable(\"SidebarMenuItem\", SidebarMenuItemBase);\n\nconst SidebarMenuItem = withStaticProps(DecoratableSidebarMenuItem, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuItem,\n    type SidebarMenuItemProps,\n    type SidebarMenuItemButtonProps,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemGroupProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AAEvB,SAASC,mBAAmB;AAoB5B,MAAMC,mBAAmB,GAAIC,KAA2B,IAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAEzC,IAAII,YAAY,KAAK,CAAC,EAAE;IACpB,oBAAOV,KAAA,CAAAW,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EAC7C;EAEA,oBAAOT,KAAA,CAAAW,aAAA,CAACN,kBAAkB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,MAAMG,0BAA0B,GAAGX,eAAe,CAAC,iBAAiB,EAAEO,mBAAmB,CAAC;AAE1F,MAAMK,eAAe,GAAGX,eAAe,CAACU,0BAA0B,EAAE;EAChEE,IAAI,EAAEX,mBAAmB;EACzBY,MAAM,EAAEX;AACZ,CAAC,CAAC;AAEF,SACIS,eAAe","ignoreList":[]}

package/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { SliderPrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { SliderPrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 /**
  * Slider
  */

package/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Label","makeDecoratable","SliderPrimitiveRenderer","useSlider","SliderValue","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","SliderRendererWithSideValue","props","createElement","className","text","label","required","disabled","invalid","weight","value","textValue","DecoratableSlider","description","note","validation","labelPosition","isValid","validationIsValid","message","validationMessage","vm","changeValue","commitValue","Object","assign","onValueChange","onValueCommit","Slider"],"sources":["Slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Label } from \"~/Label\";\nimport { makeDecoratable } from \"~/utils\";\nimport {\n    SliderPrimitiveRenderer,\n    SliderPrimitiveProps,\n    SliderPrimitiveRendererProps,\n    useSlider,\n    SliderValue\n} from \"./primitives\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\n/**\n * Slider Renderer with side label\n */\ninterface SliderRendererWithSideValueProps extends SliderPrimitiveRendererProps {\n    label?: React.ReactNode;\n    invalid?: boolean;\n    required?: boolean;\n}\n\nconst SliderRendererWithSideValue = (props: SliderRendererWithSideValueProps) => {\n    return (\n        <div className={\"wby-w-full wby-flex wby-flex-row wby-items-center wby-justify-between\"}>\n            <div className={\"wby-basis-2/12 wby-pr-sm\"}>\n                <Label\n                    text={props.label}\n                    required={props.required}\n                    disabled={props.disabled}\n                    invalid={props.invalid}\n                    weight={\"light\"}\n                />\n            </div>\n            <div className={\"wby-basis-9/12\"}>\n                <SliderPrimitiveRenderer {...props} />\n            </div>\n            <div className={\"wby-basis-1/12 wby-pl-sm wby-text-right\"}>\n                <SliderValue value={props.textValue} disabled={props.disabled} />\n            </div>\n        </div>\n    );\n};\n\n/**\n * Slider\n */\ntype SliderProps = FormComponentProps &\n    SliderPrimitiveProps & {\n        labelPosition?: \"top\" | \"side\";\n    };\n\nconst DecoratableSlider = ({\n    description,\n    note,\n    validation,\n    labelPosition,\n    ...props\n}: SliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = validationIsValid === false;\n\n    const { vm, changeValue, commitValue } = useSlider(props);\n\n    if (labelPosition === \"side\") {\n        return (\n            <div className={\"wby-w-full\"}>\n                <FormComponentDescription text={description} disabled={props.disabled} />\n                <SliderRendererWithSideValue\n                    {...props}\n                    {...vm}\n                    invalid={invalid}\n                    onValueChange={changeValue}\n                    onValueCommit={commitValue}\n                />\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\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={<Label text={props.label} value={vm.textValue} />}\n                disabled={props.disabled}\n                required={props.required}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <SliderPrimitiveRenderer\n                {...props}\n                {...vm}\n                onValueChange={changeValue}\n                onValueCommit={commitValue}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\nconst Slider = makeDecoratable(\"Slider\", DecoratableSlider);\n\nexport { Slider, type SliderProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Label","makeDecoratable","SliderPrimitiveRenderer","useSlider","SliderValue","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","SliderRendererWithSideValue","props","createElement","className","text","label","required","disabled","invalid","weight","value","textValue","DecoratableSlider","description","note","validation","labelPosition","isValid","validationIsValid","message","validationMessage","vm","changeValue","commitValue","Object","assign","onValueChange","onValueCommit","Slider"],"sources":["Slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Label } from \"~/Label\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { SliderPrimitiveProps, SliderPrimitiveRendererProps } from \"./primitives\";\nimport { SliderPrimitiveRenderer, useSlider, SliderValue } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\n/**\n * Slider Renderer with side label\n */\ninterface SliderRendererWithSideValueProps extends SliderPrimitiveRendererProps {\n    label?: React.ReactNode;\n    invalid?: boolean;\n    required?: boolean;\n}\n\nconst SliderRendererWithSideValue = (props: SliderRendererWithSideValueProps) => {\n    return (\n        <div className={\"wby-w-full wby-flex wby-flex-row wby-items-center wby-justify-between\"}>\n            <div className={\"wby-basis-2/12 wby-pr-sm\"}>\n                <Label\n                    text={props.label}\n                    required={props.required}\n                    disabled={props.disabled}\n                    invalid={props.invalid}\n                    weight={\"light\"}\n                />\n            </div>\n            <div className={\"wby-basis-9/12\"}>\n                <SliderPrimitiveRenderer {...props} />\n            </div>\n            <div className={\"wby-basis-1/12 wby-pl-sm wby-text-right\"}>\n                <SliderValue value={props.textValue} disabled={props.disabled} />\n            </div>\n        </div>\n    );\n};\n\n/**\n * Slider\n */\ntype SliderProps = FormComponentProps &\n    SliderPrimitiveProps & {\n        labelPosition?: \"top\" | \"side\";\n    };\n\nconst DecoratableSlider = ({\n    description,\n    note,\n    validation,\n    labelPosition,\n    ...props\n}: SliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = validationIsValid === false;\n\n    const { vm, changeValue, commitValue } = useSlider(props);\n\n    if (labelPosition === \"side\") {\n        return (\n            <div className={\"wby-w-full\"}>\n                <FormComponentDescription text={description} disabled={props.disabled} />\n                <SliderRendererWithSideValue\n                    {...props}\n                    {...vm}\n                    invalid={invalid}\n                    onValueChange={changeValue}\n                    onValueCommit={commitValue}\n                />\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\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={<Label text={props.label} value={vm.textValue} />}\n                disabled={props.disabled}\n                required={props.required}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <SliderPrimitiveRenderer\n                {...props}\n                {...vm}\n                onValueChange={changeValue}\n                onValueCommit={commitValue}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\nconst Slider = makeDecoratable(\"Slider\", DecoratableSlider);\n\nexport { Slider, type SliderProps };\n"],"mappings":"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","ignoreList":[]}

package/Slider/primitives/SliderPrimitive.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Slider as SliderPrimitives } from "radix-ui";
+import type { Slider as SliderPrimitives } from "radix-ui";
 import { type SliderThumbProps } from "./components";
 type SliderRootProps = Omit<SliderPrimitives.SliderProps, "min"> & {
     min: number;

package/Slider/primitives/SliderPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSlider","SliderRoot","SliderThumb","SliderTrack","SliderPrimitiveRenderer","tooltipSide","textValue","showTooltip","sliderProps","createElement","className","SliderPrimitive","props","transformValue","restProps","vm","changeValue","commitValue","Object","assign","onValueChange","onValueCommit"],"sources":["SliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { useSlider } from \"./useSlider\";\nimport { SliderRoot, SliderThumb, SliderTrack, type SliderThumbProps } from \"./components\";\n\ntype SliderRootProps = Omit<SliderPrimitives.SliderProps, \"min\"> & {\n    min: number;\n};\n\ntype SliderPrimitiveRendererProps = SliderRootProps & SliderThumbProps;\n\nconst SliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValue,\n    showTooltip,\n    ...sliderProps\n}: SliderPrimitiveVm) => {\n    return (\n        <div className={\"wby-flex wby-h-md wby-w-full\"}>\n            <SliderRoot {...sliderProps}>\n                <SliderTrack />\n                <SliderThumb\n                    textValue={textValue}\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\ninterface SliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ntype SliderPrimitiveVm = SliderRootProps & SliderThumbProps;\n\nconst SliderPrimitive = (props: SliderPrimitiveProps) => {\n    const { transformValue, ...restProps } = props;\n    const { vm, changeValue, commitValue } = useSlider({ ...restProps, transformValue });\n\n    return (\n        <SliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValue}\n            onValueCommit={commitValue}\n        />\n    );\n};\n\nexport {\n    SliderPrimitive,\n    SliderPrimitiveRenderer,\n    type SliderPrimitiveVm,\n    type SliderPrimitiveProps,\n    type SliderPrimitiveRendererProps\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS;AAClB,SAASC,UAAU,EAAEC,WAAW,EAAEC,WAAW;AAQ7C,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,SAAS;EACTC,WAAW;EACX,GAAGC;AACY,CAAC,KAAK;EACrB,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CX,KAAA,CAAAU,aAAA,CAACR,UAAU,EAAKO,WAAW,eACvBT,KAAA,CAAAU,aAAA,CAACN,WAAW,MAAE,CAAC,eACfJ,KAAA,CAAAU,aAAA,CAACP,WAAW;IACRI,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA;EAAY,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;AAiBD,MAAMM,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAM;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAC9C,MAAM;IAAEG,EAAE;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGjB,SAAS,CAAC;IAAE,GAAGc,SAAS;IAAED;EAAe,CAAC,CAAC;EAEpF,oBACId,KAAA,CAAAU,aAAA,CAACL,uBAAuB,EAAAc,MAAA,CAAAC,MAAA,KAChBL,SAAS,EACTC,EAAE;IACNK,aAAa,EAAEJ,WAAY;IAC3BK,aAAa,EAAEJ;EAAY,EAC9B,CAAC;AAEV,CAAC;AAED,SACIN,eAAe,EACfP,uBAAuB","ignoreList":[]}
+{"version":3,"names":["React","useSlider","SliderRoot","SliderThumb","SliderTrack","SliderPrimitiveRenderer","tooltipSide","textValue","showTooltip","sliderProps","createElement","className","SliderPrimitive","props","transformValue","restProps","vm","changeValue","commitValue","Object","assign","onValueChange","onValueCommit"],"sources":["SliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Slider as SliderPrimitives } from \"radix-ui\";\nimport { useSlider } from \"./useSlider\";\nimport { SliderRoot, SliderThumb, SliderTrack, type SliderThumbProps } from \"./components\";\n\ntype SliderRootProps = Omit<SliderPrimitives.SliderProps, \"min\"> & {\n    min: number;\n};\n\ntype SliderPrimitiveRendererProps = SliderRootProps & SliderThumbProps;\n\nconst SliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValue,\n    showTooltip,\n    ...sliderProps\n}: SliderPrimitiveVm) => {\n    return (\n        <div className={\"wby-flex wby-h-md wby-w-full\"}>\n            <SliderRoot {...sliderProps}>\n                <SliderTrack />\n                <SliderThumb\n                    textValue={textValue}\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\ninterface SliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ntype SliderPrimitiveVm = SliderRootProps & SliderThumbProps;\n\nconst SliderPrimitive = (props: SliderPrimitiveProps) => {\n    const { transformValue, ...restProps } = props;\n    const { vm, changeValue, commitValue } = useSlider({ ...restProps, transformValue });\n\n    return (\n        <SliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValue}\n            onValueCommit={commitValue}\n        />\n    );\n};\n\nexport {\n    SliderPrimitive,\n    SliderPrimitiveRenderer,\n    type SliderPrimitiveVm,\n    type SliderPrimitiveProps,\n    type SliderPrimitiveRendererProps\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS;AAClB,SAASC,UAAU,EAAEC,WAAW,EAAEC,WAAW;AAQ7C,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,WAAW;EACXC,SAAS;EACTC,WAAW;EACX,GAAGC;AACY,CAAC,KAAK;EACrB,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CX,KAAA,CAAAU,aAAA,CAACR,UAAU,EAAKO,WAAW,eACvBT,KAAA,CAAAU,aAAA,CAACN,WAAW,MAAE,CAAC,eACfJ,KAAA,CAAAU,aAAA,CAACP,WAAW;IACRI,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA;EAAY,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;AAiBD,MAAMM,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAM;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAC9C,MAAM;IAAEG,EAAE;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGjB,SAAS,CAAC;IAAE,GAAGc,SAAS;IAAED;EAAe,CAAC,CAAC;EAEpF,oBACId,KAAA,CAAAU,aAAA,CAACL,uBAAuB,EAAAc,MAAA,CAAAC,MAAA,KAChBL,SAAS,EACTC,EAAE;IACNK,aAAa,EAAEJ,WAAY;IAC3BK,aAAa,EAAEJ;EAAY,EAC9B,CAAC;AAEV,CAAC;AAED,SACIN,eAAe,EACfP,uBAAuB","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SliderTooltipProps } from "./SliderTooltip";
+import type { SliderTooltipProps } from "./SliderTooltip";
 type SliderThumbProps = SliderTooltipProps;
 declare const SliderThumb: ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => React.JSX.Element;
 export { SliderThumb, type SliderThumbProps };

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/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":[]}