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

package/Slider/Slider.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as SliderStories from './Slider.stories';
 
@@ -105,4 +105,4 @@ const SliderExample = () => {
 };
 
 export default SliderExample;
-```
+```

package/Slider/Slider.stories.d.ts

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

package/Slider/Slider.stories.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Slider } from "./Slider";
+import { Slider } from "./Slider.js";
 const meta = {
   title: "Components/Form/Slider",
   component: Slider,
@@ -243,8 +243,7 @@ export const Documentation = {
       defaultValue: true
     },
     transformValue: {
-      description: "Function to transform the numeric value to display text",
-      control: "none"
+      description: "Function to transform the numeric value to display text"
     },
     labelPosition: {
       description: "Position of the label relative to the slider",
@@ -252,16 +251,13 @@ export const Documentation = {
       options: ["top", "side"]
     },
     validation: {
-      description: "Object containing validation state and message. Please refer to the example code for details on usage.",
-      control: "none"
+      description: "Object containing validation state and message. Please refer to the example code for details on usage."
     },
     onValueChange: {
-      description: "Function called when the slider value changes",
-      control: "none"
+      description: "Function called when the slider value changes"
     },
     onValueCommit: {
-      description: "Function called when the slider value is committed (on release)",
-      control: "none"
+      description: "Function called when the slider value is committed (on release)"
     }
   }
 };

package/Slider/Slider.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","Slider","meta","title","component","argTypes","onValueChange","action","onValueCommit","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithLabel","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","WithSideLabel","labelPosition","WithSideLabelRequired","WithSideLabelAndDescription","WithSideLabelAndNotes","WithSideLabelAndErrors","WithSideLabelDisabled","WithSideLabelFullExample","Documentation","setValidation","handleChange","newValue","showTooltip","transformValue","min","max","step","undefined","options"],"sources":["Slider.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Slider } from \"./Slider\";\n\nconst meta: Meta<typeof Slider> = {\n    title: \"Components/Form/Slider\",\n    component: Slider,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <Slider {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Slider>;\n\nexport const Default: Story = {};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        ...Default.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        label: \"Any field label\",\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 WithSideLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        labelPosition: \"side\"\n    }\n};\n\nexport const WithSideLabelRequired: Story = {\n    args: {\n        ...WithSideLabel.args,\n        required: true\n    }\n};\n\nexport const WithSideLabelAndDescription: Story = {\n    args: {\n        ...WithSideLabel.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithSideLabelAndNotes: Story = {\n    args: {\n        ...WithSideLabel.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithSideLabelAndErrors: Story = {\n    args: {\n        ...WithSideLabel.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const WithSideLabelDisabled: Story = {\n    args: {\n        ...WithSideLabel.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const WithSideLabelFullExample: Story = {\n    args: {\n        ...WithSideLabel.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 [value, setValue] = useState(args.value || 50);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setValue(args.value ?? 50);\n        }, [args.value]);\n\n        const handleChange = (newValue: number) => {\n            setValue(newValue);\n\n            if (args.required && newValue === 0) {\n                setValidation({ isValid: false, message: \"Please select a value\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && value === 0) {\n                setValidation({ isValid: false, message: \"Please select a value\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, value]);\n\n        return (\n            <Slider\n                {...args}\n                value={value}\n                onValueChange={handleChange}\n                validation={validation}\n                required={args.required}\n                showTooltip={args.showTooltip}\n                transformValue={args.transformValue}\n            />\n        );\n    },\n    args: {\n        label: \"Volume Level\",\n        required: true,\n        disabled: false,\n        description: \"Adjust the volume level of your device\",\n        note: \"Note: Higher values may cause distortion on some devices\",\n        min: 0,\n        max: 100,\n        step: 1,\n        value: 50,\n        showTooltip: true,\n        transformValue: (value: number) => `${value}%`,\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the slider\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the slider when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        min: {\n            description: \"Minimum value for the slider\",\n            control: \"number\"\n        },\n        max: {\n            description: \"Maximum value for the slider\",\n            control: \"number\"\n        },\n        step: {\n            description: \"Step increment for the slider\",\n            control: \"number\"\n        },\n        value: {\n            description: \"Current value of the slider\",\n            control: \"number\"\n        },\n        showTooltip: {\n            description: \"Whether to show a tooltip with the current value\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        transformValue: {\n            description: \"Function to transform the numeric value to display text\",\n            control: \"none\"\n        },\n        labelPosition: {\n            description: \"Position of the label relative to the slider\",\n            control: \"radio\",\n            options: [\"top\", \"side\"]\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        onValueChange: {\n            description: \"Function called when the slider value changes\",\n            control: \"none\"\n        },\n        onValueCommit: {\n            description: \"Function called when the slider value is committed (on release)\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","Slider","meta","title","component","argTypes","onValueChange","action","onValueCommit","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithLabel","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","WithSideLabel","labelPosition","WithSideLabelRequired","WithSideLabelAndDescription","WithSideLabelAndNotes","WithSideLabelAndErrors","WithSideLabelDisabled","WithSideLabelFullExample","Documentation","setValidation","handleChange","newValue","showTooltip","transformValue","min","max","step","undefined","options"],"sources":["Slider.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Slider } from \"./Slider.js\";\n\nconst meta: Meta<typeof Slider> = {\n    title: \"Components/Form/Slider\",\n    component: Slider,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <Slider {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Slider>;\n\nexport const Default: Story = {};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        ...Default.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        label: \"Any field label\",\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 WithSideLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        labelPosition: \"side\"\n    }\n};\n\nexport const WithSideLabelRequired: Story = {\n    args: {\n        ...WithSideLabel.args,\n        required: true\n    }\n};\n\nexport const WithSideLabelAndDescription: Story = {\n    args: {\n        ...WithSideLabel.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithSideLabelAndNotes: Story = {\n    args: {\n        ...WithSideLabel.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithSideLabelAndErrors: Story = {\n    args: {\n        ...WithSideLabel.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const WithSideLabelDisabled: Story = {\n    args: {\n        ...WithSideLabel.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const WithSideLabelFullExample: Story = {\n    args: {\n        ...WithSideLabel.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 [value, setValue] = useState(args.value || 50);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setValue(args.value ?? 50);\n        }, [args.value]);\n\n        const handleChange = (newValue: number) => {\n            setValue(newValue);\n\n            if (args.required && newValue === 0) {\n                setValidation({ isValid: false, message: \"Please select a value\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && value === 0) {\n                setValidation({ isValid: false, message: \"Please select a value\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, value]);\n\n        return (\n            <Slider\n                {...args}\n                value={value}\n                onValueChange={handleChange}\n                validation={validation}\n                required={args.required}\n                showTooltip={args.showTooltip}\n                transformValue={args.transformValue}\n            />\n        );\n    },\n    args: {\n        label: \"Volume Level\",\n        required: true,\n        disabled: false,\n        description: \"Adjust the volume level of your device\",\n        note: \"Note: Higher values may cause distortion on some devices\",\n        min: 0,\n        max: 100,\n        step: 1,\n        value: 50,\n        showTooltip: true,\n        transformValue: (value: number) => `${value}%`,\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the slider\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the slider when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        min: {\n            description: \"Minimum value for the slider\",\n            control: \"number\"\n        },\n        max: {\n            description: \"Maximum value for the slider\",\n            control: \"number\"\n        },\n        step: {\n            description: \"Step increment for the slider\",\n            control: \"number\"\n        },\n        value: {\n            description: \"Current value of the slider\",\n            control: \"number\"\n        },\n        showTooltip: {\n            description: \"Whether to show a tooltip with the current value\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        transformValue: {\n            description: \"Function to transform the numeric value to display text\"\n        },\n        labelPosition: {\n            description: \"Position of the label relative to the slider\",\n            control: \"radio\",\n            options: [\"top\", \"side\"]\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onValueChange: {\n            description: \"Function called when the slider value changes\"\n        },\n        onValueCommit: {\n            description: \"Function called when the slider value is committed (on release)\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Slider/index.d.ts

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

package/Slider/index.js

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

package/Slider/index.js.map

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

package/Slider/primitives/SliderPrimitive.d.ts

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

package/Slider/primitives/SliderPrimitive.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { useSlider } from "./useSlider";
-import { SliderRoot, SliderThumb, SliderTrack } from "./components";
+import { useSlider } from "./useSlider.js";
+import { SliderRoot, SliderThumb, SliderTrack } from "./components/index.js";
 const SliderPrimitiveRenderer = ({
   tooltipSide,
   textValue,
@@ -8,7 +8,7 @@ const SliderPrimitiveRenderer = ({
   ...sliderProps
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-h-md wby-w-full"
+    className: "flex h-md w-full"
   }, /*#__PURE__*/React.createElement(SliderRoot, sliderProps, /*#__PURE__*/React.createElement(SliderTrack, null), /*#__PURE__*/React.createElement(SliderThumb, {
     textValue: textValue,
     showTooltip: showTooltip,

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 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":[]}
+{"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.js\";\nimport { SliderRoot, SliderThumb, SliderTrack, type SliderThumbProps } from \"./components/index.js\";\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={\"flex h-md 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;EAAmB,gBAC/BX,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/SliderPrimitive.stories.d.ts

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

package/Slider/primitives/SliderPrimitive.stories.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import { SliderPrimitive } from "./SliderPrimitive";
-import { Button } from "../../Button";
+import { SliderPrimitive } from "./SliderPrimitive.js";
+import { Button } from "../../Button/index.js";
 const meta = {
   title: "Components/Form Primitives/Slider",
   component: SliderPrimitive,
@@ -84,17 +84,17 @@ export const WithExternalValueControl = {
     const defaultValue = 50;
     const [value, setValue] = useState(defaultValue);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SliderPrimitive, Object.assign({}, args, {
       value: value,
       onValueChange: value => setValue(value)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, /*#__PURE__*/React.createElement(Button, {
       text: "Reset",
       onClick: () => setValue(defaultValue)
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current value: ", /*#__PURE__*/React.createElement("code", null, value)));
   }
 };

package/Slider/primitives/SliderPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SliderPrimitive","Button","meta","title","component","argTypes","onValueChange","action","onValueCommit","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithDefaultValue","WithMinAndMaxValues","min","max","WithNegativeMinValue","WithSteps","step","Disabled","disabled","WithTooltip","showTooltip","WithTooltipSideTop","tooltipSide","WithTooltipAndCustomValueTransformer","transformValue","Math","round","WithExternalValueControl","defaultValue","className","text","onClick"],"sources":["SliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SliderPrimitive } from \"./SliderPrimitive\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof SliderPrimitive> = {\n    title: \"Components/Form Primitives/Slider\",\n    component: SliderPrimitive,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <SliderPrimitive {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 10,\n        max: 20\n    }\n};\n\nexport const WithNegativeMinValue: Story = {\n    args: {\n        min: -100,\n        max: 100,\n        value: 0\n    }\n};\n\nexport const WithSteps: Story = {\n    args: {\n        step: 10\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        disabled: true,\n        value: 50\n    }\n};\n\nexport const WithTooltip: Story = {\n    args: {\n        showTooltip: true\n    }\n};\n\nexport const WithTooltipSideTop: Story = {\n    args: {\n        showTooltip: true,\n        tooltipSide: \"top\"\n    }\n};\n\nexport const WithTooltipAndCustomValueTransformer: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    },\n    render: args => {\n        const defaultValue = 50;\n        const [value, setValue] = useState(defaultValue);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <SliderPrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(defaultValue)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current value: <code>{value}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","SliderPrimitive","Button","meta","title","component","argTypes","onValueChange","action","onValueCommit","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithDefaultValue","WithMinAndMaxValues","min","max","WithNegativeMinValue","WithSteps","step","Disabled","disabled","WithTooltip","showTooltip","WithTooltipSideTop","tooltipSide","WithTooltipAndCustomValueTransformer","transformValue","Math","round","WithExternalValueControl","defaultValue","className","text","onClick"],"sources":["SliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SliderPrimitive } from \"./SliderPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof SliderPrimitive> = {\n    title: \"Components/Form Primitives/Slider\",\n    component: SliderPrimitive,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <SliderPrimitive {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 10,\n        max: 20\n    }\n};\n\nexport const WithNegativeMinValue: Story = {\n    args: {\n        min: -100,\n        max: 100,\n        value: 0\n    }\n};\n\nexport const WithSteps: Story = {\n    args: {\n        step: 10\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        disabled: true,\n        value: 50\n    }\n};\n\nexport const WithTooltip: Story = {\n    args: {\n        showTooltip: true\n    }\n};\n\nexport const WithTooltipSideTop: Story = {\n    args: {\n        showTooltip: true,\n        tooltipSide: \"top\"\n    }\n};\n\nexport const WithTooltipAndCustomValueTransformer: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    },\n    render: args => {\n        const defaultValue = 50;\n        const [value, setValue] = useState(defaultValue);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <SliderPrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(defaultValue)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current value: <code>{value}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Slider/primitives/components/SliderRoot.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Slider as SliderPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 const SliderRoot = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(SliderPrimitives.Root, Object.assign({
-  className: cn(["wby-relative wby-flex wby-w-full wby-touch-none wby-select-none wby-items-center wby-cursor-pointer", "data-[disabled]:wby-cursor-not-allowed"], className)
+  className: cn(["relative flex w-full touch-none select-none items-center cursor-pointer", "data-disabled:cursor-not-allowed"], className)
 }, props));
 export { SliderRoot };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderRoot","className","props","createElement","Root","Object","assign"],"sources":["SliderRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nconst SliderRoot = ({ className, ...props }: SliderPrimitives.SliderProps) => (\n    <SliderPrimitives.Root\n        className={cn(\n            [\n                \"wby-relative wby-flex wby-w-full wby-touch-none wby-select-none wby-items-center wby-cursor-pointer\",\n                \"data-[disabled]:wby-cursor-not-allowed\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { SliderRoot };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoC,CAAC,kBACrEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,IAAI,EAAAC,MAAA,CAAAC,MAAA;EAClBL,SAAS,EAAEF,EAAE,CACT,CACI,qGAAqG,EACrG,wCAAwC,CAC3C,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,UAAU","ignoreList":[]}
+{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderRoot","className","props","createElement","Root","Object","assign"],"sources":["SliderRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst SliderRoot = ({ className, ...props }: SliderPrimitives.SliderProps) => (\n    <SliderPrimitives.Root\n        className={cn(\n            [\n                \"relative flex w-full touch-none select-none items-center cursor-pointer\",\n                \"data-disabled:cursor-not-allowed\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { SliderRoot };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoC,CAAC,kBACrEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,IAAI,EAAAC,MAAA,CAAAC,MAAA;EAClBL,SAAS,EAAEF,EAAE,CACT,CACI,yEAAyE,EACzE,kCAAkC,CACrC,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,UAAU","ignoreList":[]}

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

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

package/Slider/primitives/components/SliderSideValue.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { cn, cva } from "../../../utils";
-const sliderValueVariants = cva("wby-font-normal wby-text-sm wby-leading-none", {
+import { cn, cva } from "../../../utils.js";
+const sliderValueVariants = cva("font-normal text-sm leading-none", {
   variants: {
     disabled: {
-      true: "wby-text-neutral-disabled wby-cursor-not-allowed"
+      true: "text-neutral-disabled cursor-not-allowed"
     }
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","sliderValueVariants","variants","disabled","true","SliderValue","value","className","createElement"],"sources":["SliderSideValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst sliderValueVariants = cva(\"wby-font-normal wby-text-sm wby-leading-none\", {\n    variants: {\n        disabled: {\n            true: \"wby-text-neutral-disabled wby-cursor-not-allowed\"\n        }\n    }\n});\n\ninterface SliderValueProps\n    extends React.HTMLAttributes<HTMLSpanElement>,\n        VariantProps<typeof sliderValueVariants> {\n    value?: string;\n}\n\nconst SliderValue = ({ value, disabled, className }: SliderValueProps) => {\n    if (!value) {\n        return null;\n    }\n    return <span className={cn(sliderValueVariants({ disabled }), className)}>{value}</span>;\n};\n\nexport { SliderValue, type SliderValueProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAAC,8CAA8C,EAAE;EAC5EE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEH,QAAQ;EAAEI;AAA4B,CAAC,KAAK;EACtE,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBAAOR,KAAA,CAAAU,aAAA;IAAMD,SAAS,EAAER,EAAE,CAACE,mBAAmB,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAED,KAAY,CAAC;AAC5F,CAAC;AAED,SAASD,WAAW","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","sliderValueVariants","variants","disabled","true","SliderValue","value","className","createElement"],"sources":["SliderSideValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst sliderValueVariants = cva(\"font-normal text-sm leading-none\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled cursor-not-allowed\"\n        }\n    }\n});\n\ninterface SliderValueProps\n    extends React.HTMLAttributes<HTMLSpanElement>,\n        VariantProps<typeof sliderValueVariants> {\n    value?: string;\n}\n\nconst SliderValue = ({ value, disabled, className }: SliderValueProps) => {\n    if (!value) {\n        return null;\n    }\n    return <span className={cn(sliderValueVariants({ disabled }), className)}>{value}</span>;\n};\n\nexport { SliderValue, type SliderValueProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAAC,kCAAkC,EAAE;EAChEE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEH,QAAQ;EAAEI;AAA4B,CAAC,KAAK;EACtE,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBAAOR,KAAA,CAAAU,aAAA;IAAMD,SAAS,EAAER,EAAE,CAACE,mBAAmB,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAED,KAAY,CAAC;AAC5F,CAAC;AAED,SAASD,WAAW","ignoreList":[]}

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

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

package/Slider/primitives/components/SliderThumb.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Slider as SliderPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
-import { SliderTooltip } from "./SliderTooltip";
+import { cn } from "../../../utils.js";
+import { SliderTooltip } from "./SliderTooltip.js";
 const SliderThumb = ({
   textValue,
   showTooltip,
   tooltipSide
 }) => /*#__PURE__*/React.createElement(SliderPrimitives.Thumb, {
-  className: cn("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", "wby-bg-primary-default wby-border-white", "hover:wby-bg-primary-strong", "active:wby-bg-primary-default", "data-[disabled]:wby-pointer-events-none data-[disabled]:wby-bg-primary-disabled")
+  className: cn("inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none", "bg-primary border-white", "hover:bg-primary-strong", "active:bg-primary", "data-disabled:pointer-events-none data-disabled:bg-primary-disabled")
 }, /*#__PURE__*/React.createElement(SliderTooltip, {
   showTooltip: showTooltip,
   textValue: textValue,

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 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":[]}
+{"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.js\";\nimport type { SliderTooltipProps } from \"./SliderTooltip.js\";\nimport { SliderTooltip } from \"./SliderTooltip.js\";\n\ntype SliderThumbProps = SliderTooltipProps;\n\nconst SliderThumb = ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => (\n    <SliderPrimitives.Thumb\n        className={cn(\n            \"inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none\",\n            \"bg-primary border-white\",\n            \"hover:bg-primary-strong\",\n            \"active:bg-primary\",\n            \"data-disabled:pointer-events-none data-disabled: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,wFAAwF,EACxF,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,qEACJ;AAAE,gBAEFH,KAAA,CAAAS,aAAA,CAACL,aAAa;EAACG,WAAW,EAAEA,WAAY;EAACD,SAAS,EAAEA,SAAU;EAACE,WAAW,EAAEA;AAAY,CAAE,CACtE,CAC3B;AAED,SAASH,WAAW","ignoreList":[]}

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

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

package/Slider/primitives/components/SliderTooltip.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-import { cn, cva } from "../../../utils";
-import { Text } from "../../../Text";
-const sliderTooltipVariants = cva(["wby-px-xs-plus wby-py-xxs wby-rounded-sm wby-absolute wby-left-1/2 -wby-translate-x-1/2", "wby-bg-neutral-muted"], {
+import { cn, cva } from "../../../utils.js";
+import { Text } from "../../../Text/index.js";
+const sliderTooltipVariants = cva(["px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2", "bg-neutral-muted"], {
   variants: {
     side: {
-      top: "wby-bottom-8",
-      bottom: "wby-top-8"
+      top: "bottom-8",
+      bottom: "top-8"
     }
   },
   defaultVariants: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Text","sliderTooltipVariants","variants","side","top","bottom","defaultVariants","SliderTooltip","textValue","showTooltip","tooltipSide","createElement","className","size","as"],"sources":["SliderTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { Text } from \"~/Text\";\n\nconst sliderTooltipVariants = cva(\n    [\n        \"wby-px-xs-plus wby-py-xxs wby-rounded-sm wby-absolute wby-left-1/2 -wby-translate-x-1/2\",\n        \"wby-bg-neutral-muted\"\n    ],\n    {\n        variants: {\n            side: {\n                top: \"wby-bottom-8\",\n                bottom: \"wby-top-8\"\n            }\n        },\n        defaultVariants: {\n            side: \"bottom\"\n        }\n    }\n);\n\ntype SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {\n    textValue: string;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n};\n\nconst SliderTooltip = ({ textValue, showTooltip, tooltipSide }: SliderTooltipProps) => {\n    if (!textValue || !showTooltip) {\n        return null;\n    }\n\n    return (\n        <div className={cn(sliderTooltipVariants({ side: tooltipSide }))}>\n            <Text size={\"sm\"} as={\"div\"}>\n                {textValue}\n            </Text>\n        </div>\n    );\n};\n\nexport { SliderTooltip, type SliderTooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,yFAAyF,EACzF,sBAAsB,CACzB,EACD;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,GAAG,EAAE,cAAc;MACnBC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMI,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAgC,CAAC,KAAK;EACnF,IAAI,CAACF,SAAS,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEd,EAAE,CAACG,qBAAqB,CAAC;MAAEE,IAAI,EAAEO;IAAY,CAAC,CAAC;EAAE,gBAC7Db,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACa,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE;EAAM,GACvBN,SACC,CACL,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","Text","sliderTooltipVariants","variants","side","top","bottom","defaultVariants","SliderTooltip","textValue","showTooltip","tooltipSide","createElement","className","size","as"],"sources":["SliderTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst sliderTooltipVariants = cva(\n    [\"px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2\", \"bg-neutral-muted\"],\n    {\n        variants: {\n            side: {\n                top: \"bottom-8\",\n                bottom: \"top-8\"\n            }\n        },\n        defaultVariants: {\n            side: \"bottom\"\n        }\n    }\n);\n\ntype SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {\n    textValue: string;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n};\n\nconst SliderTooltip = ({ textValue, showTooltip, tooltipSide }: SliderTooltipProps) => {\n    if (!textValue || !showTooltip) {\n        return null;\n    }\n\n    return (\n        <div className={cn(sliderTooltipVariants({ side: tooltipSide }))}>\n            <Text size={\"sm\"} as={\"div\"}>\n                {textValue}\n            </Text>\n        </div>\n    );\n};\n\nexport { SliderTooltip, type SliderTooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CAAC,iEAAiE,EAAE,kBAAkB,CAAC,EACvF;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,GAAG,EAAE,UAAU;MACfC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMI,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAgC,CAAC,KAAK;EACnF,IAAI,CAACF,SAAS,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEd,EAAE,CAACG,qBAAqB,CAAC;MAAEE,IAAI,EAAEO;IAAY,CAAC,CAAC;EAAE,gBAC7Db,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACa,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE;EAAM,GACvBN,SACC,CACL,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

package/Slider/primitives/components/SliderTrack.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { Slider as SliderPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 const SliderTrack = () => /*#__PURE__*/React.createElement(SliderPrimitives.Track, {
-  className: cn("wby-relative wby-h-xxs wby-w-full wby-grow wby-overflow-hidden wby-rounded-full", "wby-bg-neutral-strong", "data-[disabled]:wby-bg-neutral-muted")
+  className: cn("relative h-xxs w-full grow overflow-hidden rounded-full", "bg-neutral-strong", "data-disabled:bg-neutral-muted")
 }, /*#__PURE__*/React.createElement(SliderPrimitives.Range, {
-  className: cn(["wby-absolute wby-h-full", "wby-bg-primary-default", "data-[disabled]:wby-bg-primary-disabled"])
+  className: cn(["absolute h-full", "bg-primary", "data-disabled:bg-primary-disabled"])
 }));
 export { SliderTrack };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTrack","createElement","Track","className","Range"],"sources":["SliderTrack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nconst SliderTrack = () => (\n    <SliderPrimitives.Track\n        className={cn(\n            \"wby-relative wby-h-xxs wby-w-full wby-grow wby-overflow-hidden wby-rounded-full\",\n            \"wby-bg-neutral-strong\",\n            \"data-[disabled]:wby-bg-neutral-muted\"\n        )}\n    >\n        <SliderPrimitives.Range\n            className={cn([\n                \"wby-absolute wby-h-full\",\n                \"wby-bg-primary-default\",\n                \"data-[disabled]:wby-bg-primary-disabled\"\n            ])}\n        />\n    </SliderPrimitives.Track>\n);\n\nexport { SliderTrack };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,WAAW,GAAGA,CAAA,kBAChBJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK;EACnBC,SAAS,EAAEJ,EAAE,CACT,iFAAiF,EACjF,uBAAuB,EACvB,sCACJ;AAAE,gBAEFH,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACM,KAAK;EACnBD,SAAS,EAAEJ,EAAE,CAAC,CACV,yBAAyB,EACzB,wBAAwB,EACxB,yCAAyC,CAC5C;AAAE,CACN,CACmB,CAC3B;AAED,SAASC,WAAW","ignoreList":[]}
+{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTrack","createElement","Track","className","Range"],"sources":["SliderTrack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst SliderTrack = () => (\n    <SliderPrimitives.Track\n        className={cn(\n            \"relative h-xxs w-full grow overflow-hidden rounded-full\",\n            \"bg-neutral-strong\",\n            \"data-disabled:bg-neutral-muted\"\n        )}\n    >\n        <SliderPrimitives.Range\n            className={cn([\"absolute h-full\", \"bg-primary\", \"data-disabled:bg-primary-disabled\"])}\n        />\n    </SliderPrimitives.Track>\n);\n\nexport { SliderTrack };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,WAAW,GAAGA,CAAA,kBAChBJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK;EACnBC,SAAS,EAAEJ,EAAE,CACT,yDAAyD,EACzD,mBAAmB,EACnB,gCACJ;AAAE,gBAEFH,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACM,KAAK;EACnBD,SAAS,EAAEJ,EAAE,CAAC,CAAC,iBAAiB,EAAE,YAAY,EAAE,mCAAmC,CAAC;AAAE,CACzF,CACmB,CAC3B;AAED,SAASC,WAAW","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-export * from "./SliderRoot";
-export * from "./SliderSideValue";
-export * from "./SliderThumb";
-export * from "./SliderTooltip";
-export * from "./SliderTrack";
+export * from "./SliderRoot.js";
+export * from "./SliderSideValue.js";
+export * from "./SliderThumb.js";
+export * from "./SliderTooltip.js";
+export * from "./SliderTrack.js";

package/Slider/primitives/components/index.js

@@ -1,7 +1,7 @@
-export * from "./SliderRoot";
-export * from "./SliderSideValue";
-export * from "./SliderThumb";
-export * from "./SliderTooltip";
-export * from "./SliderTrack";
+export * from "./SliderRoot.js";
+export * from "./SliderSideValue.js";
+export * from "./SliderThumb.js";
+export * from "./SliderTooltip.js";
+export * from "./SliderTrack.js";
 
 //# sourceMappingURL=index.js.map

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

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

package/Slider/primitives/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./SliderPrimitive";
-export * from "./useSlider";
-export * from "./components";
+export * from "./SliderPrimitive.js";
+export * from "./useSlider.js";
+export * from "./components/index.js";

package/Slider/primitives/index.js

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

package/Slider/primitives/index.js.map

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

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

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

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

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

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

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

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

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

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

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

package/Slider/primitives/presenters/index.js

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