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

package/RangeSlider/RangeSlider.js

@@ -1,10 +1,11 @@
 import * as React from "react";
-import { makeDecoratable } from "../utils";
-import { RangeSliderPrimitiveRenderer, RangeSliderValue, useRangeSlider } from "./primitives";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { RangeSliderPrimitiveRenderer, RangeSliderValue, useRangeSlider } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableRangeSlider = ({
   description,
   note,
+  hint,
   validation,
   ...props
 }) => {
@@ -28,9 +29,10 @@ const DecoratableRangeSlider = ({
     onValuesCommit
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: props.label,
+    hint: hint,
     required: props.required,
     disabled: props.disabled,
     invalid: invalid
@@ -38,19 +40,19 @@ const DecoratableRangeSlider = ({
     text: description,
     disabled: props.disabled
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-row wby-items-center wby-justify-between"
+    className: "flex flex-row items-center justify-between"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-basis-1/12 wby-pr-xxs"
+    className: "basis-1/12 pr-xxs"
   }, /*#__PURE__*/React.createElement(RangeSliderValue, {
     value: vm.textValues[0],
     disabled: props.disabled
   })), /*#__PURE__*/React.createElement("div", {
-    className: "wby-basis-10/12"
+    className: "basis-10/12"
   }, /*#__PURE__*/React.createElement(RangeSliderPrimitiveRenderer, Object.assign({}, restProps, vm, {
     onValueChange: changeValues,
     onValueCommit: commitValues
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-basis-1/12 wby-pl-xxs wby-text-right"
+    className: "basis-1/12 pl-xxs text-right"
   }, /*#__PURE__*/React.createElement(RangeSliderValue, {
     value: vm.textValues[1],
     disabled: props.disabled

package/RangeSlider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","RangeSliderPrimitiveRenderer","RangeSliderValue","useRangeSlider","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRangeSlider","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","useMemo","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","createElement","className","text","label","required","disabled","value","textValues","Object","assign","onValueChange","onValueCommit","RangeSlider"],"sources":["RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RangeSliderPrimitiveProps } from \"./primitives\";\nimport { RangeSliderPrimitiveRenderer, RangeSliderValue, useRangeSlider } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RangeSliderProps = RangeSliderPrimitiveProps &\n    FormComponentProps & {\n        label: React.ReactNode;\n        valueConverter?: (value: number) => string;\n    };\n\nconst DecoratableRangeSlider = ({ description, note, validation, ...props }: RangeSliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = React.useMemo(() => validationIsValid === false, [validationIsValid]);\n    const { onValuesChange, onValuesCommit, ...restProps } = props;\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={props.label}\n                required={props.required}\n                disabled={props.disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <div className={\"wby-flex wby-flex-row wby-items-center wby-justify-between\"}>\n                <div className={\"wby-basis-1/12 wby-pr-xxs\"}>\n                    <RangeSliderValue value={vm.textValues[0]} disabled={props.disabled} />\n                </div>\n                <div className={\"wby-basis-10/12\"}>\n                    <RangeSliderPrimitiveRenderer\n                        {...restProps}\n                        {...vm}\n                        onValueChange={changeValues}\n                        onValueCommit={commitValues}\n                    />\n                </div>\n                <div className={\"wby-basis-1/12 wby-pl-xxs wby-text-right\"}>\n                    <RangeSliderValue value={vm.textValues[1]} disabled={props.disabled} />\n                </div>\n            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst RangeSlider = makeDecoratable(\"RangeSlider\", DecoratableRangeSlider);\n\nexport { RangeSlider, type RangeSliderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,4BAA4B,EAAEC,gBAAgB,EAAEC,cAAc;AAEvE,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AASrB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC9F,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGlB,KAAK,CAACmB,OAAO,CAAC,MAAMJ,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EACrF,MAAM;IAAEK,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGT,KAAK;EAC9D,MAAM;IAAEU,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZF,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB3B,KAAA,CAAA0B,aAAA,CAACnB,kBAAkB;IACfqB,IAAI,EAAEf,KAAK,CAACgB,KAAM;IAClBC,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;IACzBC,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBb,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFlB,KAAA,CAAA0B,aAAA,CAACrB,wBAAwB;IAACuB,IAAI,EAAElB,WAAY;IAACqB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CAAC,eACzE/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA6D,gBACzE3B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxC3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CAAC,eACN/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9B3B,KAAA,CAAA0B,aAAA,CAACxB,4BAA4B,EAAAgC,MAAA,CAAAC,MAAA,KACrBb,SAAS,EACTC,EAAE;IACNa,aAAa,EAAEZ,YAAa;IAC5Ba,aAAa,EAAEZ;EAAa,EAC/B,CACA,CAAC,eACNzB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvD3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CACJ,CAAC,eACN/B,KAAA,CAAA0B,aAAA,CAACpB,yBAAyB;IACtBsB,IAAI,EAAEX,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBa,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAC5B,CAAC,eACF/B,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB;IAACoB,IAAI,EAAEjB,IAAK;IAACoB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAMO,WAAW,GAAGrC,eAAe,CAAC,aAAa,EAAEQ,sBAAsB,CAAC;AAE1E,SAAS6B,WAAW","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","RangeSliderPrimitiveRenderer","RangeSliderValue","useRangeSlider","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRangeSlider","description","note","hint","validation","props","isValid","validationIsValid","message","validationMessage","invalid","useMemo","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","createElement","className","text","label","required","disabled","value","textValues","Object","assign","onValueChange","onValueCommit","RangeSlider"],"sources":["RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { RangeSliderPrimitiveProps } from \"./primitives/index.js\";\nimport {\n    RangeSliderPrimitiveRenderer,\n    RangeSliderValue,\n    useRangeSlider\n} from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype RangeSliderProps = RangeSliderPrimitiveProps &\n    FormComponentProps & {\n        label: React.ReactNode;\n        valueConverter?: (value: number) => string;\n    };\n\nconst DecoratableRangeSlider = ({\n    description,\n    note,\n    hint,\n    validation,\n    ...props\n}: RangeSliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = React.useMemo(() => validationIsValid === false, [validationIsValid]);\n    const { onValuesChange, onValuesCommit, ...restProps } = props;\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                text={props.label}\n                hint={hint}\n                required={props.required}\n                disabled={props.disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <div className={\"flex flex-row items-center justify-between\"}>\n                <div className={\"basis-1/12 pr-xxs\"}>\n                    <RangeSliderValue value={vm.textValues[0]} disabled={props.disabled} />\n                </div>\n                <div className={\"basis-10/12\"}>\n                    <RangeSliderPrimitiveRenderer\n                        {...restProps}\n                        {...vm}\n                        onValueChange={changeValues}\n                        onValueCommit={commitValues}\n                    />\n                </div>\n                <div className={\"basis-1/12 pl-xxs text-right\"}>\n                    <RangeSliderValue value={vm.textValues[1]} disabled={props.disabled} />\n                </div>\n            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst RangeSlider = makeDecoratable(\"RangeSlider\", DecoratableRangeSlider);\n\nexport { RangeSlider, type RangeSliderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SACIC,4BAA4B,EAC5BC,gBAAgB,EAChBC,cAAc;AAGlB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AASrB,MAAMC,sBAAsB,GAAGA,CAAC;EAC5BC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,UAAU;EACV,GAAGC;AACW,CAAC,KAAK;EACpB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAMJ,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EACrF,MAAM;IAAEK,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGT,KAAK;EAC9D,MAAM;IAAEU,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGtB,cAAc,CAAC;IACtD,GAAGmB,SAAS;IACZF,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACItB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB5B,KAAA,CAAA2B,aAAA,CAACpB,kBAAkB;IACfsB,IAAI,EAAEf,KAAK,CAACgB,KAAM;IAClBlB,IAAI,EAAEA,IAAK;IACXmB,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;IACzBC,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBb,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFnB,KAAA,CAAA2B,aAAA,CAACtB,wBAAwB;IAACwB,IAAI,EAAEnB,WAAY;IAACsB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CAAC,eACzEhC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAA6C,gBACzD5B,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChC5B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAAC8B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CAAC,eACNhC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1B5B,KAAA,CAAA2B,aAAA,CAACzB,4BAA4B,EAAAiC,MAAA,CAAAC,MAAA,KACrBb,SAAS,EACTC,EAAE;IACNa,aAAa,EAAEZ,YAAa;IAC5Ba,aAAa,EAAEZ;EAAa,EAC/B,CACA,CAAC,eACN1B,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3C5B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAAC8B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CACJ,CAAC,eACNhC,KAAA,CAAA2B,aAAA,CAACrB,yBAAyB;IACtBuB,IAAI,EAAEX,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBa,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAC5B,CAAC,eACFhC,KAAA,CAAA2B,aAAA,CAACnB,iBAAiB;IAACqB,IAAI,EAAElB,IAAK;IAACqB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAMO,WAAW,GAAGtC,eAAe,CAAC,aAAa,EAAEQ,sBAAsB,CAAC;AAE1E,SAAS8B,WAAW","ignoreList":[]}

package/RangeSlider/RangeSlider.mdx

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

package/RangeSlider/RangeSlider.stories.d.ts

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

package/RangeSlider/RangeSlider.stories.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { RangeSlider } from "./RangeSlider";
+import { RangeSlider } from "./RangeSlider.js";
 const meta = {
   title: "Components/Form/RangeSlider",
   component: RangeSlider,
@@ -182,20 +182,16 @@ export const Documentation = {
       defaultValue: true
     },
     transformValue: {
-      description: "Function to transform the numeric values to display text. Please refer to the example code for details on usage.",
-      control: "none"
+      description: "Function to transform the numeric values to display text. Please refer to the example code for details on usage."
     },
     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."
     },
     onValuesChange: {
-      description: "Function called when the range slider values change",
-      control: "none"
+      description: "Function called when the range slider values change"
     },
     onValuesCommit: {
-      description: "Function called when the range slider values are committed (on release)",
-      control: "none"
+      description: "Function called when the range slider values are committed (on release)"
     }
   }
 };

package/RangeSlider/RangeSlider.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","RangeSlider","meta","title","component","argTypes","onValuesChange","action","onValuesCommit","disabled","control","defaultValue","parameters","layout","render","args","values","setValues","createElement","Object","assign","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","newValues","showTooltip","transformValue","min","max","step","value","undefined"],"sources":["RangeSlider.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { RangeSlider } from \"./RangeSlider\";\n\nconst meta: Meta<typeof RangeSlider> = {\n    title: \"Components/Form/RangeSlider\",\n    component: RangeSlider,\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onValuesCommit: { action: \"onValuesCommit\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <RangeSlider {...args} values={values} onValuesChange={values => setValues(values)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RangeSlider>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        ...Default.args,\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    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 Documentation: Story = {\n    render: args => {\n        const [values, setValues] = useState(args.values || [25, 75]);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update values when args.values changes\n        useEffect(() => {\n            setValues(args.values || [25, 75]);\n        }, [args.values]);\n\n        const handleChange = (newValues: number[]) => {\n            setValues(newValues);\n\n            if (args.required && newValues[0] === 0 && newValues[1] === 0) {\n                setValidation({ isValid: false, message: \"Please select a range\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change or values change\n        useEffect(() => {\n            if (args.required && values[0] === 0 && values[1] === 0) {\n                setValidation({ isValid: false, message: \"Please select a range\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, values]);\n\n        return (\n            <RangeSlider\n                {...args}\n                values={values}\n                onValuesChange={handleChange}\n                validation={validation}\n                required={args.required}\n                showTooltip={args.showTooltip}\n                transformValue={args.transformValue}\n            />\n        );\n    },\n    args: {\n        label: \"Price Range\",\n        required: true,\n        disabled: false,\n        description: \"Select the minimum and maximum price range\",\n        note: \"Note: The selected range will filter available products\",\n        min: 0,\n        max: 100,\n        step: 1,\n        values: [25, 75],\n        showTooltip: true,\n        transformValue: (value: number) => `$${value}`,\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the range 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 range 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 range slider\",\n            control: \"number\"\n        },\n        max: {\n            description: \"Maximum value for the range slider\",\n            control: \"number\"\n        },\n        step: {\n            description: \"Step increment for the range slider\",\n            control: \"number\"\n        },\n        values: {\n            description: \"Current values of the range slider [min, max]\",\n            control: \"object\"\n        },\n        showTooltip: {\n            description: \"Whether to show tooltips with the current values\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        transformValue: {\n            description:\n                \"Function to transform the numeric values to display text. Please refer to the example code for details on usage.\",\n            control: \"none\"\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        onValuesChange: {\n            description: \"Function called when the range slider values change\",\n            control: \"none\"\n        },\n        onValuesCommit: {\n            description: \"Function called when the range slider values are committed (on release)\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","RangeSlider","meta","title","component","argTypes","onValuesChange","action","onValuesCommit","disabled","control","defaultValue","parameters","layout","render","args","values","setValues","createElement","Object","assign","Default","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleChange","newValues","showTooltip","transformValue","min","max","step","value","undefined"],"sources":["RangeSlider.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RangeSlider } from \"./RangeSlider.js\";\n\nconst meta: Meta<typeof RangeSlider> = {\n    title: \"Components/Form/RangeSlider\",\n    component: RangeSlider,\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onValuesCommit: { action: \"onValuesCommit\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <RangeSlider {...args} values={values} onValuesChange={values => setValues(values)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RangeSlider>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        ...Default.args,\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    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 Documentation: Story = {\n    render: args => {\n        const [values, setValues] = useState(args.values || [25, 75]);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update values when args.values changes\n        useEffect(() => {\n            setValues(args.values || [25, 75]);\n        }, [args.values]);\n\n        const handleChange = (newValues: number[]) => {\n            setValues(newValues);\n\n            if (args.required && newValues[0] === 0 && newValues[1] === 0) {\n                setValidation({ isValid: false, message: \"Please select a range\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change or values change\n        useEffect(() => {\n            if (args.required && values[0] === 0 && values[1] === 0) {\n                setValidation({ isValid: false, message: \"Please select a range\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, values]);\n\n        return (\n            <RangeSlider\n                {...args}\n                values={values}\n                onValuesChange={handleChange}\n                validation={validation}\n                required={args.required}\n                showTooltip={args.showTooltip}\n                transformValue={args.transformValue}\n            />\n        );\n    },\n    args: {\n        label: \"Price Range\",\n        required: true,\n        disabled: false,\n        description: \"Select the minimum and maximum price range\",\n        note: \"Note: The selected range will filter available products\",\n        min: 0,\n        max: 100,\n        step: 1,\n        values: [25, 75],\n        showTooltip: true,\n        transformValue: (value: number) => `$${value}`,\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the range 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 range 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 range slider\",\n            control: \"number\"\n        },\n        max: {\n            description: \"Maximum value for the range slider\",\n            control: \"number\"\n        },\n        step: {\n            description: \"Step increment for the range slider\",\n            control: \"number\"\n        },\n        values: {\n            description: \"Current values of the range slider [min, max]\",\n            control: \"object\"\n        },\n        showTooltip: {\n            description: \"Whether to show tooltips with the current values\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        transformValue: {\n            description:\n                \"Function to transform the numeric values to display text. Please refer to the example code for details on usage.\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onValuesChange: {\n            description: \"Function called when the range slider values change\"\n        },\n        onValuesCommit: {\n            description: \"Function called when the range slider values are committed (on release)\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/RangeSlider/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./RangeSlider";
-export * from "./primitives/RangeSliderPrimitive";
+export * from "./RangeSlider.js";
+export * from "./primitives/RangeSliderPrimitive.js";

package/RangeSlider/index.js

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

package/RangeSlider/index.js.map

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

package/RangeSlider/primitives/RangeSliderPrimitive.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Slider as SliderPrimitives } from "radix-ui";
-import { type SliderThumbProps } from "../../Slider";
+import { type SliderThumbProps } from "../../Slider/index.js";
 interface RangeSliderPrimitiveRootProps extends Omit<SliderPrimitives.SliderProps, "min" | "max" | "value"> {
     /**
      * Array of numbers representing the current values of the range slider.

package/RangeSlider/primitives/RangeSliderPrimitive.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { SliderRoot, SliderThumb, SliderTrack } from "../../Slider";
-import { useRangeSlider } from "./useRangeSlider";
+import { SliderRoot, SliderThumb, SliderTrack } from "../../Slider/index.js";
+import { useRangeSlider } from "./useRangeSlider.js";
 /**
  * RangeSliderRenderer
  */
@@ -13,7 +13,7 @@ const RangeSliderPrimitiveRenderer = ({
   ...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, Object.assign({}, sliderProps, {
     value: values
   }), /*#__PURE__*/React.createElement(SliderTrack, null), /*#__PURE__*/React.createElement(SliderThumb, {

package/RangeSlider/primitives/RangeSliderPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SliderRoot","SliderThumb","SliderTrack","useRangeSlider","RangeSliderPrimitiveRenderer","tooltipSide","textValues","showTooltip","values","sliderProps","createElement","className","Object","assign","value","textValue","RangeSliderPrimitive","props","transformValue","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","onValueChange","onValueCommit"],"sources":["RangeSliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Slider as SliderPrimitives } from \"radix-ui\";\nimport { SliderRoot, SliderThumb, type SliderThumbProps, SliderTrack } from \"~/Slider\";\nimport { useRangeSlider } from \"./useRangeSlider\";\n\ninterface RangeSliderPrimitiveRootProps\n    extends Omit<SliderPrimitives.SliderProps, \"min\" | \"max\" | \"value\"> {\n    /**\n     * Array of numbers representing the current values of the range slider.\n     */\n    values: number[];\n    /**\n     * Minimum value of the range slider.\n     */\n    min: number;\n    /**\n     * Maximum value of the range slider.\n     */\n    max: number;\n}\n\ninterface RangeSliderPrimitiveThumbProps extends Omit<SliderThumbProps, \"labelValue\"> {\n    textValues: string[];\n}\n\ninterface RangeSliderPrimitiveVm\n    extends RangeSliderPrimitiveRootProps,\n        Omit<RangeSliderPrimitiveThumbProps, \"textValue\"> {\n    textValues: string[];\n}\n\n/**\n * RangeSliderRenderer\n */\n\nconst RangeSliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValues,\n    showTooltip,\n    values,\n    ...sliderProps\n}: RangeSliderPrimitiveVm) => {\n    return (\n        <div className={\"wby-flex wby-h-md wby-w-full\"}>\n            <SliderRoot {...sliderProps} value={values}>\n                <SliderTrack />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[0]}\n                />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[1]}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\n/**\n * RangeSlider\n */\ninterface RangeSliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    values?: number[];\n}\n\nconst RangeSliderPrimitive = (props: RangeSliderPrimitiveProps) => {\n    const { transformValue, onValuesChange, onValuesCommit, ...restProps } = props; // Rename transformValue to _ to avoid ESLint warning\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        transformValue,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <RangeSliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValues}\n            onValueCommit={commitValues}\n        />\n    );\n};\n\nexport {\n    RangeSliderPrimitive,\n    RangeSliderPrimitiveRenderer,\n    type RangeSliderPrimitiveProps,\n    type RangeSliderPrimitiveVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,WAAW,EAAyBC,WAAW;AACpE,SAASC,cAAc;AA4BvB;AACA;AACA;;AAEA,MAAMC,4BAA4B,GAAGA,CAAC;EAClCC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,MAAM;EACN,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CZ,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,WAAW;IAAEK,KAAK,EAAEN;EAAO,iBACvCT,KAAA,CAAAW,aAAA,CAACR,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CAAC,eACFP,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;;AAED;AACA;AACA;;AAcA,MAAMU,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,MAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK,CAAC,CAAC;EAChF,MAAM;IAAEK,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZH,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAW,aAAA,CAACN,4BAA4B,EAAAQ,MAAA,CAAAC,MAAA,KACrBQ,SAAS,EACTC,EAAE;IACNG,aAAa,EAAEF,YAAa;IAC5BG,aAAa,EAAEF;EAAa,EAC/B,CAAC;AAEV,CAAC;AAED,SACIR,oBAAoB,EACpBZ,4BAA4B","ignoreList":[]}
+{"version":3,"names":["React","SliderRoot","SliderThumb","SliderTrack","useRangeSlider","RangeSliderPrimitiveRenderer","tooltipSide","textValues","showTooltip","values","sliderProps","createElement","className","Object","assign","value","textValue","RangeSliderPrimitive","props","transformValue","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","onValueChange","onValueCommit"],"sources":["RangeSliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Slider as SliderPrimitives } from \"radix-ui\";\nimport { SliderRoot, SliderThumb, type SliderThumbProps, SliderTrack } from \"~/Slider/index.js\";\nimport { useRangeSlider } from \"./useRangeSlider.js\";\n\ninterface RangeSliderPrimitiveRootProps\n    extends Omit<SliderPrimitives.SliderProps, \"min\" | \"max\" | \"value\"> {\n    /**\n     * Array of numbers representing the current values of the range slider.\n     */\n    values: number[];\n    /**\n     * Minimum value of the range slider.\n     */\n    min: number;\n    /**\n     * Maximum value of the range slider.\n     */\n    max: number;\n}\n\ninterface RangeSliderPrimitiveThumbProps extends Omit<SliderThumbProps, \"labelValue\"> {\n    textValues: string[];\n}\n\ninterface RangeSliderPrimitiveVm\n    extends RangeSliderPrimitiveRootProps,\n        Omit<RangeSliderPrimitiveThumbProps, \"textValue\"> {\n    textValues: string[];\n}\n\n/**\n * RangeSliderRenderer\n */\n\nconst RangeSliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValues,\n    showTooltip,\n    values,\n    ...sliderProps\n}: RangeSliderPrimitiveVm) => {\n    return (\n        <div className={\"flex h-md w-full\"}>\n            <SliderRoot {...sliderProps} value={values}>\n                <SliderTrack />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[0]}\n                />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[1]}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\n/**\n * RangeSlider\n */\ninterface RangeSliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    values?: number[];\n}\n\nconst RangeSliderPrimitive = (props: RangeSliderPrimitiveProps) => {\n    const { transformValue, onValuesChange, onValuesCommit, ...restProps } = props; // Rename transformValue to _ to avoid ESLint warning\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        transformValue,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <RangeSliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValues}\n            onValueCommit={commitValues}\n        />\n    );\n};\n\nexport {\n    RangeSliderPrimitive,\n    RangeSliderPrimitiveRenderer,\n    type RangeSliderPrimitiveProps,\n    type RangeSliderPrimitiveVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,WAAW,EAAyBC,WAAW;AACpE,SAASC,cAAc;AA4BvB;AACA;AACA;;AAEA,MAAMC,4BAA4B,GAAGA,CAAC;EAClCC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,MAAM;EACN,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAmB,gBAC/BZ,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,WAAW;IAAEK,KAAK,EAAEN;EAAO,iBACvCT,KAAA,CAAAW,aAAA,CAACR,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CAAC,eACFP,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;;AAED;AACA;AACA;;AAcA,MAAMU,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,MAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK,CAAC,CAAC;EAChF,MAAM;IAAEK,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZH,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAW,aAAA,CAACN,4BAA4B,EAAAQ,MAAA,CAAAC,MAAA,KACrBQ,SAAS,EACTC,EAAE;IACNG,aAAa,EAAEF,YAAa;IAC5BG,aAAa,EAAEF;EAAa,EAC/B,CAAC;AAEV,CAAC;AAED,SACIR,oBAAoB,EACpBZ,4BAA4B","ignoreList":[]}

package/RangeSlider/primitives/RangeSliderPrimitive.stories.d.ts

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

package/RangeSlider/primitives/RangeSliderPrimitive.stories.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import { RangeSliderPrimitive } from "./RangeSliderPrimitive";
-import { Button } from "../../Button";
+import { RangeSliderPrimitive } from "./RangeSliderPrimitive.js";
+import { Button } from "../../Button/index.js";
 const meta = {
   title: "Components/Form Primitives/RangeSlider",
   component: RangeSliderPrimitive,
@@ -77,17 +77,17 @@ export const WithExternalValueControl = {
     const defaultValues = args.values ?? [25, 75];
     const [values, setValues] = useState(defaultValues);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RangeSliderPrimitive, Object.assign({}, args, {
       values: values,
       onValuesChange: values => setValues(values)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, /*#__PURE__*/React.createElement(Button, {
       text: "Reset",
       onClick: () => setValues(defaultValues)
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current value: ", /*#__PURE__*/React.createElement("code", null, values.toString())));
   }
 };

package/RangeSlider/primitives/RangeSliderPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","RangeSliderPrimitive","Button","meta","title","component","argTypes","onValuesChange","action","onValuesCommit","parameters","layout","render","args","values","setValues","createElement","Object","assign","Default","WithDefaultValues","WithMinAndMaxValues","min","max","WithSteps","step","Disabled","disabled","WithTooltip","showTooltip","WithTooltipSideTop","tooltipSide","WithTooltipAndCustomValueTransformer","transformValue","value","Math","round","WithExternalValueControl","defaultValues","className","text","onClick","toString"],"sources":["RangeSliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { RangeSliderPrimitive } from \"./RangeSliderPrimitive\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof RangeSliderPrimitive> = {\n    title: \"Components/Form Primitives/RangeSlider\",\n    component: RangeSliderPrimitive,\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onValuesCommit: { action: \"onValuesCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <RangeSliderPrimitive\n                {...args}\n                values={values}\n                onValuesChange={values => setValues(values)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RangeSliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValues: Story = {\n    args: {\n        values: [25, 75]\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 25,\n        max: 75\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        values: [25, 75]\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 defaultValues = args.values ?? [25, 75];\n        const [values, setValues] = useState(defaultValues);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <RangeSliderPrimitive\n                        {...args}\n                        values={values}\n                        onValuesChange={values => setValues(values)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValues(defaultValues)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current value: <code>{values.toString()}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","RangeSliderPrimitive","Button","meta","title","component","argTypes","onValuesChange","action","onValuesCommit","parameters","layout","render","args","values","setValues","createElement","Object","assign","Default","WithDefaultValues","WithMinAndMaxValues","min","max","WithSteps","step","Disabled","disabled","WithTooltip","showTooltip","WithTooltipSideTop","tooltipSide","WithTooltipAndCustomValueTransformer","transformValue","value","Math","round","WithExternalValueControl","defaultValues","className","text","onClick","toString"],"sources":["RangeSliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RangeSliderPrimitive } from \"./RangeSliderPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof RangeSliderPrimitive> = {\n    title: \"Components/Form Primitives/RangeSlider\",\n    component: RangeSliderPrimitive,\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onValuesCommit: { action: \"onValuesCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <RangeSliderPrimitive\n                {...args}\n                values={values}\n                onValuesChange={values => setValues(values)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RangeSliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValues: Story = {\n    args: {\n        values: [25, 75]\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 25,\n        max: 75\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        values: [25, 75]\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 defaultValues = args.values ?? [25, 75];\n        const [values, setValues] = useState(defaultValues);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <RangeSliderPrimitive\n                        {...args}\n                        values={values}\n                        onValuesChange={values => setValues(values)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValues(defaultValues)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current value: <code>{values.toString()}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/RangeSlider/primitives/components/RangeSliderValue.d.ts

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

package/RangeSlider/primitives/components/RangeSliderValue.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { cn, cva } from "../../../utils";
-const rangeSliderValueVariants = cva("wby-font-normal wby-text-sm wby-leading-none", {
+import { cn, cva } from "../../../utils.js";
+const rangeSliderValueVariants = 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/RangeSlider/primitives/components/RangeSliderValue.js.map

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

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

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

package/RangeSlider/primitives/components/index.js

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

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

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

package/RangeSlider/primitives/index.d.ts

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

package/RangeSlider/primitives/index.js

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

package/RangeSlider/primitives/index.js.map

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

package/RangeSlider/primitives/presenters/RangeSliderPresenter.d.ts

@@ -1,4 +1,4 @@
-import type { RangeSliderPrimitiveVm } from "../RangeSliderPrimitive";
+import type { RangeSliderPrimitiveVm } from "../RangeSliderPrimitive.js";
 interface RangeSliderPresenterParams {
     min?: number;
     max?: number;

package/RangeSlider/primitives/presenters/RangeSliderPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","RangeSliderPresenter","params","undefined","showTooltip","constructor","init","vm","min","max","values","textValues","transformToLabelValues","changeValues","onValuesChange","commitValues","onValuesCommit","map","value","transformValue","String"],"sources":["RangeSliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RangeSliderPrimitiveVm } from \"../RangeSliderPrimitive\";\n\ninterface RangeSliderPresenterParams {\n    min?: number;\n    max?: number;\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    transformValue?: (values: number) => string;\n    values?: number[];\n}\n\ninterface IRangeSliderPresenter {\n    get vm(): RangeSliderPrimitiveVm;\n    init: (params: RangeSliderPresenterParams) => void;\n    changeValues: (values: number[]) => void;\n    commitValues: (values: number[]) => void;\n}\n\nclass RangeSliderPresenter implements IRangeSliderPresenter {\n    private params?: RangeSliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: RangeSliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            min: this.min,\n            max: this.max,\n            values: this.values,\n            textValues: this.transformToLabelValues(this.values),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValues = (values: number[]) => {\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValuesChange?.(values);\n    };\n\n    public commitValues = (values: number[]) => {\n        this.showTooltip = false;\n        this.params?.onValuesCommit?.(values);\n    };\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private get max() {\n        return this.params?.max ?? 100;\n    }\n\n    private get values() {\n        return this.params?.values ?? [this.min, this.max];\n    }\n\n    private transformToLabelValues(values: number[]) {\n        return values.map(value =>\n            this.params?.transformValue ? this.params.transformValue(value) : String(value)\n        );\n    }\n}\n\nexport { RangeSliderPresenter, type IRangeSliderPresenter, type RangeSliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAoBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAC/CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBC,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACF,MAAM,CAAC;MACpDN,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOS,YAAY,GAAIH,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEY,cAAc,GAAGJ,MAAM,CAAC;EACzC,CAAC;EAEMK,YAAY,GAAIL,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEc,cAAc,GAAGN,MAAM,CAAC;EACzC,CAAC;EAED,IAAYF,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACN,MAAM,EAAEM,GAAG,IAAI,CAAC;EAChC;EAEA,IAAYC,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,GAAG;EAClC;EAEA,IAAYC,MAAMA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACR,MAAM,EAAEQ,MAAM,IAAI,CAAC,IAAI,CAACF,GAAG,EAAE,IAAI,CAACC,GAAG,CAAC;EACtD;EAEQG,sBAAsBA,CAACF,MAAgB,EAAE;IAC7C,OAAOA,MAAM,CAACO,GAAG,CAACC,KAAK,IACnB,IAAI,CAAChB,MAAM,EAAEiB,cAAc,GAAG,IAAI,CAACjB,MAAM,CAACiB,cAAc,CAACD,KAAK,CAAC,GAAGE,MAAM,CAACF,KAAK,CAClF,CAAC;EACL;AACJ;AAEA,SAASjB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","RangeSliderPresenter","params","undefined","showTooltip","constructor","init","vm","min","max","values","textValues","transformToLabelValues","changeValues","onValuesChange","commitValues","onValuesCommit","map","value","transformValue","String"],"sources":["RangeSliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RangeSliderPrimitiveVm } from \"../RangeSliderPrimitive.js\";\n\ninterface RangeSliderPresenterParams {\n    min?: number;\n    max?: number;\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    transformValue?: (values: number) => string;\n    values?: number[];\n}\n\ninterface IRangeSliderPresenter {\n    get vm(): RangeSliderPrimitiveVm;\n    init: (params: RangeSliderPresenterParams) => void;\n    changeValues: (values: number[]) => void;\n    commitValues: (values: number[]) => void;\n}\n\nclass RangeSliderPresenter implements IRangeSliderPresenter {\n    private params?: RangeSliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: RangeSliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            min: this.min,\n            max: this.max,\n            values: this.values,\n            textValues: this.transformToLabelValues(this.values),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValues = (values: number[]) => {\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValuesChange?.(values);\n    };\n\n    public commitValues = (values: number[]) => {\n        this.showTooltip = false;\n        this.params?.onValuesCommit?.(values);\n    };\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private get max() {\n        return this.params?.max ?? 100;\n    }\n\n    private get values() {\n        return this.params?.values ?? [this.min, this.max];\n    }\n\n    private transformToLabelValues(values: number[]) {\n        return values.map(value =>\n            this.params?.transformValue ? this.params.transformValue(value) : String(value)\n        );\n    }\n}\n\nexport { RangeSliderPresenter, type IRangeSliderPresenter, type RangeSliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAoBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAC/CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBC,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACF,MAAM,CAAC;MACpDN,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOS,YAAY,GAAIH,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEY,cAAc,GAAGJ,MAAM,CAAC;EACzC,CAAC;EAEMK,YAAY,GAAIL,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEc,cAAc,GAAGN,MAAM,CAAC;EACzC,CAAC;EAED,IAAYF,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACN,MAAM,EAAEM,GAAG,IAAI,CAAC;EAChC;EAEA,IAAYC,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,GAAG;EAClC;EAEA,IAAYC,MAAMA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACR,MAAM,EAAEQ,MAAM,IAAI,CAAC,IAAI,CAACF,GAAG,EAAE,IAAI,CAACC,GAAG,CAAC;EACtD;EAEQG,sBAAsBA,CAACF,MAAgB,EAAE;IAC7C,OAAOA,MAAM,CAACO,GAAG,CAACC,KAAK,IACnB,IAAI,CAAChB,MAAM,EAAEiB,cAAc,GAAG,IAAI,CAACjB,MAAM,CAACiB,cAAc,CAACD,KAAK,CAAC,GAAGE,MAAM,CAACF,KAAK,CAClF,CAAC;EACL;AACJ;AAEA,SAASjB,oBAAoB","ignoreList":[]}

package/RangeSlider/primitives/presenters/RangeSliderPresenter.test.js

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

package/RangeSlider/primitives/presenters/RangeSliderPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["RangeSliderPresenter","describe","onValuesChange","jest","fn","presenter","it","init","values","expect","vm","toEqual","textValues","min","max","showTooltip","transformValue","value","changeValues","toHaveBeenCalledWith","toBeTruthy","commitValues","toBeFalsy"],"sources":["RangeSliderPresenter.test.ts"],"sourcesContent":["import { RangeSliderPresenter } from \"./RangeSliderPresenter\";\n\ndescribe(\"RangeSliderPresenter\", () => {\n    const onValuesChange = jest.fn();\n    const presenter = new RangeSliderPresenter();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ onValuesChange, values: [10, 90] });\n            expect(presenter.vm.values).toEqual([10, 90]);\n            expect(presenter.vm.textValues).toEqual([\"10\", \"90\"]);\n        }\n\n        {\n            // `min` and `max`\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange, min: 20, max: 80 });\n            expect(presenter.vm.min).toEqual(20);\n            expect(presenter.vm.max).toEqual(80);\n            expect(presenter.vm.textValues).toEqual([\"20\", \"80\"]);\n        }\n\n        // `min`\n        {\n            presenter.init({ onValuesChange, min: 25 });\n            expect(presenter.vm.min).toEqual(25);\n        }\n\n        // `max`\n        {\n            presenter.init({ onValuesChange, max: 75 });\n            expect(presenter.vm.max).toEqual(75);\n        }\n\n        {\n            // `showTooltip`\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange, showTooltip: true });\n            expect(presenter.vm.showTooltip).toEqual(false);\n        }\n\n        {\n            // default: no params\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.values).toEqual([0, 100]);\n            expect(presenter.vm.textValues).toEqual([\"0\", \"100\"]);\n            expect(presenter.vm.min).toEqual(0); // `min` should default to 0\n            expect(presenter.vm.max).toEqual(100); // `min` should default to 100\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        presenter.init({ onValuesChange, values: [40, 60], transformValue });\n        expect(presenter.vm.textValues).toEqual([\"40 units\", \"60 units\"]);\n    });\n\n    it(\"should fall back to string representation if `transformValue` is undefined\", () => {\n        presenter.init({ onValuesChange, values: [45, 75] });\n        expect(presenter.vm.textValues).toEqual([\"45\", \"75\"]);\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        presenter.init({ onValuesChange, values: [10, 90] });\n        presenter.changeValues([20, 80]);\n        expect(onValuesChange).toHaveBeenCalledWith([20, 80]);\n    });\n\n    it(\"should correctly handle edge cases with negative values\", () => {\n        presenter.init({ onValuesChange, values: [-10, 10] });\n        presenter.changeValues([-20, 20]);\n        expect(onValuesChange).toHaveBeenCalledWith([-20, 20]);\n    });\n\n    it(\"should toggle `showTooltip` based on actions\", () => {\n        presenter.init({ onValuesChange, showTooltip: true });\n\n        presenter.changeValues([10, 90]);\n        expect(presenter.vm.showTooltip).toBeTruthy();\n\n        presenter.commitValues([10, 90]);\n        expect(presenter.vm.showTooltip).toBeFalsy();\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["describe","expect","it","vi","RangeSliderPresenter","onValuesChange","fn","presenter","init","values","vm","toEqual","textValues","min","max","showTooltip","transformValue","value","changeValues","toHaveBeenCalledWith","toBeTruthy","commitValues","toBeFalsy"],"sources":["RangeSliderPresenter.test.ts"],"sourcesContent":["import { describe, expect, it, vi } from \"vitest\";\nimport { RangeSliderPresenter } from \"./RangeSliderPresenter.js\";\n\ndescribe(\"RangeSliderPresenter\", () => {\n    const onValuesChange = vi.fn();\n    const presenter = new RangeSliderPresenter();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ onValuesChange, values: [10, 90] });\n            expect(presenter.vm.values).toEqual([10, 90]);\n            expect(presenter.vm.textValues).toEqual([\"10\", \"90\"]);\n        }\n\n        {\n            // `min` and `max`\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange, min: 20, max: 80 });\n            expect(presenter.vm.min).toEqual(20);\n            expect(presenter.vm.max).toEqual(80);\n            expect(presenter.vm.textValues).toEqual([\"20\", \"80\"]);\n        }\n\n        // `min`\n        {\n            presenter.init({ onValuesChange, min: 25 });\n            expect(presenter.vm.min).toEqual(25);\n        }\n\n        // `max`\n        {\n            presenter.init({ onValuesChange, max: 75 });\n            expect(presenter.vm.max).toEqual(75);\n        }\n\n        {\n            // `showTooltip`\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange, showTooltip: true });\n            expect(presenter.vm.showTooltip).toEqual(false);\n        }\n\n        {\n            // default: no params\n            const presenter = new RangeSliderPresenter();\n            presenter.init({ onValuesChange });\n            expect(presenter.vm.values).toEqual([0, 100]);\n            expect(presenter.vm.textValues).toEqual([\"0\", \"100\"]);\n            expect(presenter.vm.min).toEqual(0); // `min` should default to 0\n            expect(presenter.vm.max).toEqual(100); // `min` should default to 100\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        presenter.init({ onValuesChange, values: [40, 60], transformValue });\n        expect(presenter.vm.textValues).toEqual([\"40 units\", \"60 units\"]);\n    });\n\n    it(\"should fall back to string representation if `transformValue` is undefined\", () => {\n        presenter.init({ onValuesChange, values: [45, 75] });\n        expect(presenter.vm.textValues).toEqual([\"45\", \"75\"]);\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        presenter.init({ onValuesChange, values: [10, 90] });\n        presenter.changeValues([20, 80]);\n        expect(onValuesChange).toHaveBeenCalledWith([20, 80]);\n    });\n\n    it(\"should correctly handle edge cases with negative values\", () => {\n        presenter.init({ onValuesChange, values: [-10, 10] });\n        presenter.changeValues([-20, 20]);\n        expect(onValuesChange).toHaveBeenCalledWith([-20, 20]);\n    });\n\n    it(\"should toggle `showTooltip` based on actions\", () => {\n        presenter.init({ onValuesChange, showTooltip: true });\n\n        presenter.changeValues([10, 90]);\n        expect(presenter.vm.showTooltip).toBeTruthy();\n\n        presenter.commitValues([10, 90]);\n        expect(presenter.vm.showTooltip).toBeFalsy();\n    });\n});\n"],"mappings":"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","ignoreList":[]}

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

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

package/RangeSlider/primitives/presenters/index.js

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

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

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

package/RangeSlider/primitives/useRangeSlider.d.ts

@@ -1,4 +1,4 @@
-import type { RangeSliderPrimitiveProps } from "./RangeSliderPrimitive";
+import type { RangeSliderPrimitiveProps } from "./RangeSliderPrimitive.js";
 export declare const useRangeSlider: (props: RangeSliderPrimitiveProps) => {
     vm: {
         min: number;

package/RangeSlider/primitives/useRangeSlider.js

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

package/RangeSlider/primitives/useRangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","RangeSliderPresenter","useRangeSlider","props","params","min","max","onValuesChange","onValuesCommit","showTooltip","transformValue","values","presenter","init","vm","setVm","changeValues","commitValues"],"sources":["useRangeSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { RangeSliderPrimitiveProps } from \"./RangeSliderPrimitive\";\nimport type { RangeSliderPresenterParams } from \"./presenters/RangeSliderPresenter\";\nimport { RangeSliderPresenter } from \"./presenters/RangeSliderPresenter\";\n\nexport const useRangeSlider = (props: RangeSliderPrimitiveProps) => {\n    const params: RangeSliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            max: props.max,\n            onValuesChange: props.onValuesChange,\n            onValuesCommit: props.onValuesCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            values: props.values\n        }),\n        [\n            props.min,\n            props.max,\n            props.onValuesChange,\n            props.onValuesCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new RangeSliderPresenter();\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, changeValues: presenter.changeValues, commitValues: presenter.commitValues };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,cAAc,EAAEJ,KAAK,CAACI,cAAc;IACpCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,WAAW,EAAEN,KAAK,CAACM,WAAW;IAC9BC,cAAc,EAAEP,KAAK,CAACO,cAAc;IACpCC,MAAM,EAAER,KAAK,CAACQ;EAClB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,GAAG,EACTH,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,WAAW,EACjBN,KAAK,CAACO,cAAc,EACpBP,KAAK,CAACQ,MAAM,CAEpB,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,MAAMc,SAAS,GAAG,IAAIX,oBAAoB,CAAC,CAAC;IAC5CW,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;IACtB,OAAOQ,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGhB,QAAQ,CAACa,SAAS,CAACE,EAAE,CAAC;EAE1CjB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBe,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,YAAY,EAAEJ,SAAS,CAACI,YAAY;IAAEC,YAAY,EAAEL,SAAS,CAACK;EAAa,CAAC;AAC7F,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","RangeSliderPresenter","useRangeSlider","props","params","min","max","onValuesChange","onValuesCommit","showTooltip","transformValue","values","presenter","init","vm","setVm","changeValues","commitValues"],"sources":["useRangeSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { RangeSliderPrimitiveProps } from \"./RangeSliderPrimitive.js\";\nimport type { RangeSliderPresenterParams } from \"./presenters/RangeSliderPresenter.js\";\nimport { RangeSliderPresenter } from \"./presenters/RangeSliderPresenter.js\";\n\nexport const useRangeSlider = (props: RangeSliderPrimitiveProps) => {\n    const params: RangeSliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            max: props.max,\n            onValuesChange: props.onValuesChange,\n            onValuesCommit: props.onValuesCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            values: props.values\n        }),\n        [\n            props.min,\n            props.max,\n            props.onValuesChange,\n            props.onValuesCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new RangeSliderPresenter();\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, changeValues: presenter.changeValues, commitValues: presenter.commitValues };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,cAAc,EAAEJ,KAAK,CAACI,cAAc;IACpCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,WAAW,EAAEN,KAAK,CAACM,WAAW;IAC9BC,cAAc,EAAEP,KAAK,CAACO,cAAc;IACpCC,MAAM,EAAER,KAAK,CAACQ;EAClB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,GAAG,EACTH,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,WAAW,EACjBN,KAAK,CAACO,cAAc,EACpBP,KAAK,CAACQ,MAAM,CAEpB,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,MAAMc,SAAS,GAAG,IAAIX,oBAAoB,CAAC,CAAC;IAC5CW,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;IACtB,OAAOQ,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGhB,QAAQ,CAACa,SAAS,CAACE,EAAE,CAAC;EAE1CjB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBe,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,YAAY,EAAEJ,SAAS,CAACI,YAAY;IAAEC,YAAY,EAAEL,SAAS,CAACK;EAAa,CAAC;AAC7F,CAAC","ignoreList":[]}

package/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+export interface ScrollPosition {
+    top: number;
+    left: number;
+    scrollTop: number;
+    scrollLeft: number;
+    scrollHeight: number;
+    scrollWidth: number;
+    clientHeight: number;
+    clientWidth: number;
+}
+interface ScrollAreaProps extends Omit<React.ComponentProps<typeof ScrollAreaPrimitive.Root>, "onScroll"> {
+    onScrollPositionChange?: (position: ScrollPosition) => void;
+    onScroll?: (position: ScrollPosition) => void;
+}
+declare function ScrollArea({ className, children, onScrollPositionChange, onScroll, ...props }: ScrollAreaProps): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };