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

package/Switch/Switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","Switch","Tooltip","meta","title","component","parameters","layout","argTypes","disabled","control","defaultValue","decorators","Story","createElement","Provider","render","args","checked","setChecked","Object","assign","onChange","value","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","isChecked","undefined"],"sources":["Switch.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Switch } from \"~/Switch\";\nimport { Tooltip } from \"~/Tooltip\";\n\nconst meta: Meta<typeof Switch> = {\n    title: \"Components/Form/Switch\",\n    component: Switch,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Switch {...args} checked={checked} onChange={value => setChecked(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Switch>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Switch\n                {...args}\n                checked={checked}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Enable feature\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Enabling this feature will activate additional functionality.\",\n        note: \"Note: This setting can be changed at any time.\",\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the switch\",\n            control: \"text\"\n        },\n        checked: {\n            description: \"Determines if the switch is checked\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the switch when set to true\",\n            control: \"boolean\"\n        },\n        required: {\n            description: \"Makes the switch required when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the switch\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the switch\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\",\n            control: \"none\"\n        },\n        onChange: {\n            description: \"Function called when the switch state changes\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","Switch","Tooltip","meta","title","component","parameters","layout","argTypes","disabled","control","defaultValue","decorators","Story","createElement","Provider","render","args","checked","setChecked","Object","assign","onChange","value","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","isChecked","undefined"],"sources":["Switch.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Switch } from \"~/Switch/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\nconst meta: Meta<typeof Switch> = {\n    title: \"Components/Form/Switch\",\n    component: Switch,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Switch {...args} checked={checked} onChange={value => setChecked(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Switch>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Switch\n                {...args}\n                checked={checked}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Enable feature\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Enabling this feature will activate additional functionality.\",\n        note: \"Note: This setting can be changed at any time.\",\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the switch\",\n            control: \"text\"\n        },\n        checked: {\n            description: \"Determines if the switch is checked\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the switch when set to true\",\n            control: \"boolean\"\n        },\n        required: {\n            description: \"Makes the switch required when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the switch\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the switch\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Function called when the switch state changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Switch/domains/SwitchItem.d.ts

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

package/Switch/domains/SwitchItem.js

@@ -1,4 +1,4 @@
-import { generateId } from "../../utils";
+import { generateId } from "../../utils.js";
 export class SwitchItem {
   constructor(data) {
     this._id = data.id;

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 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":[]}
+{"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.js\";\nimport { generateId } from \"~/utils.js\";\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/SwitchItemMapper.d.ts

@@ -1,5 +1,5 @@
-import type { SwitchItemFormatted } from "./SwitchItemFormatted";
-import type { SwitchItem } from "./SwitchItem";
+import type { SwitchItemFormatted } from "./SwitchItemFormatted.js";
+import type { SwitchItem } from "./SwitchItem.js";
 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 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":[]}
+{"version":3,"names":["SwitchItemMapper","toFormatted","item","id","label","value","checked","disabled"],"sources":["SwitchItemMapper.ts"],"sourcesContent":["import type { SwitchItemFormatted } from \"./SwitchItemFormatted.js\";\nimport type { SwitchItem } from \"./SwitchItem.js\";\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/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./SwitchItem";
-export * from "./SwitchItemDto";
-export * from "./SwitchItemFormatted";
-export * from "./SwitchItemMapper";
+export * from "./SwitchItem.js";
+export type * from "./SwitchItemDto.js";
+export type * from "./SwitchItemFormatted.js";
+export * from "./SwitchItemMapper.js";

package/Switch/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./SwitchItem";
-export * from "./SwitchItemDto";
-export * from "./SwitchItemFormatted";
-export * from "./SwitchItemMapper";
+export * from "./SwitchItem.js";
+export * from "./SwitchItemMapper.js";
 
 //# sourceMappingURL=index.js.map

package/Switch/domains/index.js.map

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

package/Switch/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Switch";
-export * from "./primitives";
+export * from "./Switch.js";
+export * from "./primitives/index.js";

package/Switch/index.js

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

package/Switch/index.js.map

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

package/Switch/primitives/SwitchPrimitive.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Switch as SwitchPrimitives } from "radix-ui";
-import { type VariantProps } from "../../utils";
-import type { SwitchItemDto, SwitchItemFormatted } from "../domains";
+import { type VariantProps } from "../../utils.js";
+import type { SwitchItemDto, SwitchItemFormatted } from "../domains/index.js";
 /**
  * Switch Renderer
  */
 declare const switchVariants: (props?: ({
     labelPosition?: "end" | "start" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 type SwitchPrimitiveProps = Omit<SwitchPrimitives.SwitchProps, "defaultChecked" | "onCheckedChange" | "onChange"> & VariantProps<typeof switchVariants> & SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };
@@ -27,7 +27,7 @@ declare const SwitchPrimitive: ((props: SwitchPrimitiveProps) => React.JSX.Eleme
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SwitchPrimitiveProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SwitchPrimitiveProps) => React.JSX.Element | null) & {
         original: (props: SwitchPrimitiveProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;

package/Switch/primitives/SwitchPrimitive.js

@@ -1,17 +1,17 @@
 import * as React from "react";
 import { Switch as SwitchPrimitives } from "radix-ui";
-import { cn, cva, makeDecoratable } from "../../utils";
-import { Label } from "../../Label";
-import { useSwitch } from "./useSwitch";
+import { cn, cva, makeDecoratable } from "../../utils.js";
+import { Label } from "../../Label/index.js";
+import { useSwitch } from "./useSwitch.js";
 /**
  * Switch Renderer
  */
 
-const switchVariants = cva("wby-inline-flex wby-items-start wby-space-x-sm", {
+const switchVariants = cva("inline-flex items-start space-x-sm", {
   variants: {
     labelPosition: {
       start: "",
-      end: "wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse"
+      end: "flex-row-reverse space-x-sm-extra space-x-reverse"
     }
   },
   defaultVariants: {
@@ -40,15 +40,15 @@ const SwitchRenderer = ({
     required: required,
     hint: description,
     weight: "light",
-    className: "wby-text-md"
+    className: "text-md"
   }), /*#__PURE__*/React.createElement(SwitchPrimitives.Root, {
     id: id,
     checked: checked,
-    className: cn(["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", "wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong", "focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed", "disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted"]),
+    className: cn(["peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors", "border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong", "focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed", "disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted"]),
     disabled: disabled,
     onCheckedChange: changeChecked
   }, /*#__PURE__*/React.createElement(SwitchPrimitives.Thumb, {
-    className: cn("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")
+    className: cn("pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]:translate-x-xxs")
   })));
 };
 

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 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":[]}
+{"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.js\";\nimport { Label } from \"~/Label/index.js\";\nimport { useSwitch } from \"./useSwitch.js\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains/index.js\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"inline-flex items-start space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"flex-row-reverse space-x-sm-extra 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={\"text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors\",\n                    \"border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong\",\n                    \"focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed\",\n                    \"disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]: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,oCAAoC,EAAE;EAC7DK,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;EAAU,CACxB,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,oHAAoH,EACpH,+FAA+F,EAC/F,iHAAiH,EACjH,sGAAsG,CACzG,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,kMACJ;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/SwitchPrimitive.stories.d.ts

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

package/Switch/primitives/SwitchPrimitive.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { SwitchPrimitive } from "./SwitchPrimitive";
+import { SwitchPrimitive } from "./SwitchPrimitive.js";
 const meta = {
   title: "Components/Form Primitives/Switch",
   component: SwitchPrimitive,

package/Switch/primitives/SwitchPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SwitchPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","value","Default","label","WithLeadingLabel","labelPosition","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled","disabled"],"sources":["SwitchPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SwitchPrimitive } from \"./SwitchPrimitive\";\n\nconst meta: Meta<typeof SwitchPrimitive> = {\n    title: \"Components/Form Primitives/Switch\",\n    component: SwitchPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <SwitchPrimitive {...args} checked={checked} onChange={value => setChecked(value)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SwitchPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Label\"\n    }\n};\n\nexport const WithLeadingLabel: Story = {\n    args: {\n        label: \"Leading label\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithLongLeadingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithTrailingLabel: Story = {\n    args: {\n        label: \"Trailing label\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const WithLongTrailingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        checked: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Label\",\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe;AAExB,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAEH,eAAe;EAC1BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,OAAO,EAAEA,OAAQ;MAACK,QAAQ,EAAEC,KAAK,IAAIL,UAAU,CAACK,KAAK;IAAE,EAAE,CAAC;EAE7F;AACJ,CAAC;AAED,eAAeb,IAAI;AAGnB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCV,IAAI,EAAE;IACFS,KAAK,EAAE,eAAe;IACtBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCZ,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACFS,KAAK,EAAE,gBAAgB;IACvBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMI,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMe,QAAe,GAAG;EAC3BhB,IAAI,EAAE;IACFS,KAAK,EAAE,OAAO;IACdQ,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","SwitchPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","value","Default","label","WithLeadingLabel","labelPosition","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled","disabled"],"sources":["SwitchPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SwitchPrimitive } from \"./SwitchPrimitive.js\";\n\nconst meta: Meta<typeof SwitchPrimitive> = {\n    title: \"Components/Form Primitives/Switch\",\n    component: SwitchPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <SwitchPrimitive {...args} checked={checked} onChange={value => setChecked(value)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SwitchPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Label\"\n    }\n};\n\nexport const WithLeadingLabel: Story = {\n    args: {\n        label: \"Leading label\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithLongLeadingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithTrailingLabel: Story = {\n    args: {\n        label: \"Trailing label\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const WithLongTrailingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        checked: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Label\",\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe;AAExB,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAEH,eAAe;EAC1BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,OAAO,EAAEA,OAAQ;MAACK,QAAQ,EAAEC,KAAK,IAAIL,UAAU,CAACK,KAAK;IAAE,EAAE,CAAC;EAE7F;AACJ,CAAC;AAED,eAAeb,IAAI;AAGnB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCV,IAAI,EAAE;IACFS,KAAK,EAAE,eAAe;IACtBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCZ,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACFS,KAAK,EAAE,gBAAgB;IACvBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMI,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMe,QAAe,GAAG;EAC3BhB,IAAI,EAAE;IACFS,KAAK,EAAE,OAAO;IACdQ,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}

package/Switch/primitives/index.d.ts

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

package/Switch/primitives/index.js

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

package/Switch/primitives/index.js.map

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

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

@@ -1,5 +1,5 @@
-import type { SwitchPrimitivVm } from "../SwitchPrimitive";
-import type { SwitchItemDto } from "../../domains";
+import type { SwitchPrimitivVm } from "../SwitchPrimitive.js";
+import type { SwitchItemDto } from "../../domains/index.js";
 type SwitchPresenterParams = SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };
@@ -14,7 +14,7 @@ declare class SwitchPresenter implements ISwitchPresenter {
     constructor();
     init: (params: SwitchPresenterParams) => void;
     get vm(): {
-        item: import("../../domains").SwitchItemFormatted | undefined;
+        item: import("../../domains/SwitchItemFormatted.js").SwitchItemFormatted | undefined;
     };
     changeChecked: (checked: boolean) => void;
 }

package/Switch/primitives/presenters/SwitchPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { SwitchItem, SwitchItemMapper } from "../../domains";
+import { SwitchItem, SwitchItemMapper } from "../../domains/index.js";
 class SwitchPresenter {
   params = undefined;
   item = undefined;

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 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":[]}
+{"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.js\";\nimport type { SwitchItemDto } from \"../../domains/index.js\";\nimport { SwitchItem, SwitchItemMapper } from \"../../domains/index.js\";\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/presenters/SwitchPresenter.test.js

@@ -1,6 +1,7 @@
-import { SwitchPresenter } from "./SwitchPresenter";
+import { SwitchPresenter } from "./SwitchPresenter.js";
+import { describe, expect, it, vi } from "vitest";
 describe("SwitchPresenter", () => {
-  const onChange = jest.fn();
+  const onChange = vi.fn();
   it("should return the compatible `switchVm` based on props", () => {
     const presenter = new SwitchPresenter();
 

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

@@ -1 +1 @@
-{"version":3,"names":["SwitchPresenter","describe","onChange","jest","fn","it","presenter","init","label","expect","vm","item","toEqual","checked","value","disabled","id","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["SwitchPresenter.test.ts"],"sourcesContent":["import { SwitchPresenter } from \"./SwitchPresenter\";\n\ndescribe(\"SwitchPresenter\", () => {\n    const onChange = jest.fn();\n\n    it(\"should return the compatible `switchVm` based on props\", () => {\n        const presenter = new SwitchPresenter();\n\n        // `label`\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n        }\n\n        // `checked`\n        {\n            presenter.init({ onChange, label: \"Label\", checked: true });\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `value`\n        {\n            presenter.init({ onChange, label: \"Label\", value: \"any\" });\n            expect(presenter.vm.item?.value).toEqual(\"any\");\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({ onChange, label: \"Label\", disabled: true });\n            expect(presenter.vm.item?.disabled).toEqual(true);\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                label: \"Label\",\n                checked: false,\n                disabled: false\n            });\n        }\n    });\n\n    it(\"should call `onChange` callback when `changeValue` is called\", () => {\n        const presenter = new SwitchPresenter();\n        presenter.init({ onChange, label: \"Label\" });\n        presenter.changeChecked(true);\n        expect(onChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AAExBC,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EAE1BC,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;;IAEvC;IACA;MACIM,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEH,KAAK,CAAC,CAACI,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC3DJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEM,KAAK,EAAE;MAAM,CAAC,CAAC;MAC1DL,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEG,KAAK,CAAC,CAACF,OAAO,CAAC,KAAK,CAAC;MAC/CH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEO,QAAQ,EAAE;MAAK,CAAC,CAAC;MAC5DN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEI,QAAQ,CAAC,CAACH,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BI,EAAE,EAAEP,MAAM,CAACQ,GAAG,CAACC,MAAM,CAAC;QACtBV,KAAK,EAAE,OAAO;QACdK,OAAO,EAAE,KAAK;QACdE,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFV,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;IACvCM,SAAS,CAACC,IAAI,CAAC;MAAEL,QAAQ;MAAEM,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC5CF,SAAS,CAACa,aAAa,CAAC,IAAI,CAAC;IAC7BV,MAAM,CAACP,QAAQ,CAAC,CAACkB,oBAAoB,CAAC,IAAI,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["SwitchPresenter","describe","expect","it","vi","onChange","fn","presenter","init","label","vm","item","toEqual","checked","value","disabled","id","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["SwitchPresenter.test.ts"],"sourcesContent":["import { SwitchPresenter } from \"./SwitchPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"SwitchPresenter\", () => {\n    const onChange = vi.fn();\n\n    it(\"should return the compatible `switchVm` based on props\", () => {\n        const presenter = new SwitchPresenter();\n\n        // `label`\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n        }\n\n        // `checked`\n        {\n            presenter.init({ onChange, label: \"Label\", checked: true });\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `value`\n        {\n            presenter.init({ onChange, label: \"Label\", value: \"any\" });\n            expect(presenter.vm.item?.value).toEqual(\"any\");\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({ onChange, label: \"Label\", disabled: true });\n            expect(presenter.vm.item?.disabled).toEqual(true);\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                label: \"Label\",\n                checked: false,\n                disabled: false\n            });\n        }\n    });\n\n    it(\"should call `onChange` callback when `changeValue` is called\", () => {\n        const presenter = new SwitchPresenter();\n        presenter.init({ onChange, label: \"Label\" });\n        presenter.changeChecked(true);\n        expect(onChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AACxB,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AAEjDH,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMI,QAAQ,GAAGD,EAAE,CAACE,EAAE,CAAC,CAAC;EAExBH,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMI,SAAS,GAAG,IAAIP,eAAe,CAAC,CAAC;;IAEvC;IACA;MACIO,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CP,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEF,KAAK,CAAC,CAACG,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEI,OAAO,EAAE;MAAK,CAAC,CAAC;MAC3DX,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEK,KAAK,EAAE;MAAM,CAAC,CAAC;MAC1DZ,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEG,KAAK,CAAC,CAACF,OAAO,CAAC,KAAK,CAAC;MAC/CV,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE,OAAO;QAAEM,QAAQ,EAAE;MAAK,CAAC,CAAC;MAC5Db,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEI,QAAQ,CAAC,CAACH,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QAAEH,QAAQ;QAAEI,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CP,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BI,EAAE,EAAEd,MAAM,CAACe,GAAG,CAACC,MAAM,CAAC;QACtBT,KAAK,EAAE,OAAO;QACdI,OAAO,EAAE,KAAK;QACdE,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFZ,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE,MAAMI,SAAS,GAAG,IAAIP,eAAe,CAAC,CAAC;IACvCO,SAAS,CAACC,IAAI,CAAC;MAAEH,QAAQ;MAAEI,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC5CF,SAAS,CAACY,aAAa,CAAC,IAAI,CAAC;IAC7BjB,MAAM,CAACG,QAAQ,CAAC,CAACe,oBAAoB,CAAC,IAAI,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

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

package/Switch/primitives/presenters/index.js

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

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

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

package/Switch/primitives/useSwitch.d.ts

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

package/Switch/primitives/useSwitch.js

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

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 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":[]}
+{"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.js\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter.js\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter.js\";\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/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type VariantProps } from "../utils";
+import { type VariantProps } from "../utils.js";
 declare const tableVariants: (props?: ({
     bordered?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -10,11 +10,11 @@ declare const Table: (({ className, bordered, sticky, ...props }: TableProps) =>
     Body: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
     Caption: ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
     Cell: ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
-    Direction: ({ className, direction }: import("./components/Direction").DirectionProps) => React.JSX.Element | null;
+    Direction: ({ className, direction }: import("~/Table/components/index.js").DirectionProps) => React.JSX.Element | null;
     Footer: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
     Head: ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
-    Header: ({ className, sticky, ...props }: import("./components/Header").HeaderProps) => React.JSX.Element;
-    Resizer: ({ className, isResizing, ...props }: import("./components/Resizer").ResizerProps) => React.JSX.Element;
-    Row: ({ className, selected, ...props }: import("./components/Row").RowProps) => React.JSX.Element;
+    Header: ({ className, sticky, ...props }: import("~/Table/components/index.js").HeaderProps) => React.JSX.Element;
+    Resizer: ({ className, isResizing, ...props }: import("~/Table/components/index.js").ResizerProps) => React.JSX.Element;
+    Row: ({ className, selected, ...props }: import("~/Table/components/index.js").RowProps) => React.JSX.Element;
 };
 export { Table, type TableProps };

package/Table/Table.js

@@ -1,17 +1,17 @@
 import * as React from "react";
-import { cn, cva, withStaticProps } from "../utils";
-import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components";
-const tableWrapperVariants = cva("wby-relative wby-w-full wby-overflow-auto", {
+import { cn, cva, withStaticProps } from "../utils.js";
+import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components/index.js";
+const tableWrapperVariants = cva("relative w-full overflow-auto", {
   variants: {
     sticky: {
-      true: "wby-overflow-clip"
+      true: "overflow-clip"
     }
   }
 });
-const tableVariants = cva("wby-w-full wby-caption-bottom wby-text-sm wby-bg-white", {
+const tableVariants = cva("w-full caption-bottom text-sm bg-white", {
   variants: {
     bordered: {
-      true: "wby-border-neutral-dimmed wby-border-solid wby-border-sm"
+      true: "border-neutral-dimmed border-solid border-sm"
     }
   }
 });

package/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components\";\n\nconst tableWrapperVariants = cva(\"wby-relative wby-w-full wby-overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"wby-overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"wby-w-full wby-caption-bottom wby-text-sm wby-bg-white\", {\n    variants: {\n        bordered: {\n            true: \"wby-border-neutral-dimmed wby-border-solid wby-border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>,\n        VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,2CAA2C,EAAE;EAC1EY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wDAAwD,EAAE;EAChFY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>,\n        VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,+BAA+B,EAAE;EAC9DY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wCAAwC,EAAE;EAChEY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}

package/Table/components/Body.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 const Body = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("tbody", Object.assign({
-  className: cn("[&_tr:last-child]:wby-border-none", className)
+  className: cn("[&_tr:last-child]:border-none", className)
 }, props));
 export { Body };
 

package/Table/components/Body.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:wby-border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAChFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEF,EAAE,CAAC,mCAAmC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACrF;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAChFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEF,EAAE,CAAC,+BAA+B,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACjF;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Caption.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 const Caption = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("caption", Object.assign({
-  className: cn("wby-mt-4 wby-text-sm wby-text-muted-foreground", className)
+  className: cn("mt-4 text-sm text-muted-foreground", className)
 }, props));
 export { Caption };
 

package/Table/components/Caption.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Caption","className","props","createElement","Object","assign"],"sources":["Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption\n        className={cn(\"wby-mt-4 wby-text-sm wby-text-muted-foreground\", className)}\n        {...props}\n    />\n);\n\nexport { Caption };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBACnFJ,KAAA,CAAAK,aAAA,YAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CAAC,gDAAgD,EAAEE,SAAS;AAAE,GACvEC,KAAK,CACZ,CACJ;AAED,SAASF,OAAO","ignoreList":[]}
+{"version":3,"names":["React","cn","Caption","className","props","createElement","Object","assign"],"sources":["Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n);\n\nexport { Caption };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBACnFJ,KAAA,CAAAK,aAAA,YAAAC,MAAA,CAAAC,MAAA;EAASJ,SAAS,EAAEF,EAAE,CAAC,oCAAoC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACxF;AAED,SAASF,OAAO","ignoreList":[]}

package/Table/components/Cell.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 const Cell = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("td", Object.assign({
-  className: cn(["wby-box-border wby-px-md wby-py-sm-extra wby-text-md wby-text-left wby-align-middle wby-text-neutral-primary", "wby-overflow-hidden wby-whitespace-nowrap wby-truncate", "[&:has([role=checkbox])]:wby-pl-lg", "wby-text-0 wby-leading-none"], className)
+  className: cn(["box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary", "overflow-hidden whitespace-nowrap truncate", "[&:has([role=checkbox])]:pl-lg", "leading-none"], className)
 }, props));
 export { Cell };
 

package/Table/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Cell","className","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Cell = ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td\n        className={cn(\n            [\n                \"wby-box-border wby-px-md wby-py-sm-extra wby-text-md wby-text-left wby-align-middle wby-text-neutral-primary\",\n                \"wby-overflow-hidden wby-whitespace-nowrap wby-truncate\",\n                \"[&:has([role=checkbox])]:wby-pl-lg\",\n                \"wby-text-0 wby-leading-none\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoD,CAAC,kBAC/EJ,KAAA,CAAAK,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CACT,CACI,8GAA8G,EAC9G,wDAAwD,EACxD,oCAAoC,EACpC,6BAA6B,CAChC,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"names":["React","cn","Cell","className","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Cell = ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td\n        className={cn(\n            [\n                \"box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary\",\n                \"overflow-hidden whitespace-nowrap truncate\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"leading-none\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoD,CAAC,kBAC/EJ,KAAA,CAAAK,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CACT,CACI,kFAAkF,EAClF,4CAA4C,EAC5C,gCAAgC,EAChC,cAAc,CACjB,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Direction.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const directionVariants: (props?: ({
     direction?: "desc" | "asc" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;