@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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-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":[]}
+{"version":3,"file":"RangeSlider/RangeSlider.stories.js","sources":["../../src/RangeSlider/RangeSlider.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\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"],"names":["meta","RangeSlider","args","values","setValues","useState","Default","WithLabelRequired","WithDescription","WithNotes","WithErrors","Disabled","FullExample","Documentation","validation","setValidation","useEffect","handleChange","newValues","value","undefined"],"mappings":"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"}

package/RangeSlider/index.js

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

package/RangeSlider/primitives/RangeSliderPrimitive.js

@@ -1,57 +1,34 @@
-import * as React from "react";
 import { SliderRoot, SliderThumb, SliderTrack } from "../../Slider/index.js";
 import { useRangeSlider } from "./useRangeSlider.js";
-/**
- * RangeSliderRenderer
- */
-
-const RangeSliderPrimitiveRenderer = ({
-  tooltipSide,
-  textValues,
-  showTooltip,
-  values,
-  ...sliderProps
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-md w-full"
-  }, /*#__PURE__*/React.createElement(SliderRoot, Object.assign({}, sliderProps, {
-    value: values
-  }), /*#__PURE__*/React.createElement(SliderTrack, null), /*#__PURE__*/React.createElement(SliderThumb, {
-    showTooltip: showTooltip,
-    tooltipSide: tooltipSide,
-    textValue: textValues[0]
-  }), /*#__PURE__*/React.createElement(SliderThumb, {
-    showTooltip: showTooltip,
-    tooltipSide: tooltipSide,
-    textValue: textValues[1]
-  })));
-};
-
-/**
- * RangeSlider
- */
-
-const RangeSliderPrimitive = props => {
-  const {
-    transformValue,
-    onValuesChange,
-    onValuesCommit,
-    ...restProps
-  } = props; // Rename transformValue to _ to avoid Oxlint warning
-  const {
-    vm,
-    changeValues,
-    commitValues
-  } = useRangeSlider({
-    ...restProps,
-    transformValue,
-    onValuesChange,
-    onValuesCommit
-  });
-  return /*#__PURE__*/React.createElement(RangeSliderPrimitiveRenderer, Object.assign({}, restProps, vm, {
-    onValueChange: changeValues,
-    onValueCommit: commitValues
-  }));
+import * as __rspack_external_react from "react";
+const RangeSliderPrimitiveRenderer = ({ tooltipSide, textValues, showTooltip, values, ...sliderProps })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex h-md w-full"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(SliderRoot, {
+        ...sliderProps,
+        value: values
+    }, /*#__PURE__*/ __rspack_external_react.createElement(SliderTrack, null), /*#__PURE__*/ __rspack_external_react.createElement(SliderThumb, {
+        showTooltip: showTooltip,
+        tooltipSide: tooltipSide,
+        textValue: textValues[0]
+    }), /*#__PURE__*/ __rspack_external_react.createElement(SliderThumb, {
+        showTooltip: showTooltip,
+        tooltipSide: tooltipSide,
+        textValue: textValues[1]
+    })));
+const RangeSliderPrimitive = (props)=>{
+    const { transformValue, onValuesChange, onValuesCommit, ...restProps } = props;
+    const { vm, changeValues, commitValues } = useRangeSlider({
+        ...restProps,
+        transformValue,
+        onValuesChange,
+        onValuesCommit
+    });
+    return /*#__PURE__*/ __rspack_external_react.createElement(RangeSliderPrimitiveRenderer, {
+        ...restProps,
+        ...vm,
+        onValueChange: changeValues,
+        onValueCommit: commitValues
+    });
 };
 export { RangeSliderPrimitive, RangeSliderPrimitiveRenderer };
 

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/index.js\";\nimport { useRangeSlider } from \"./useRangeSlider.js\";\n\ninterface RangeSliderPrimitiveRootProps extends Omit<\n    SliderPrimitives.SliderProps,\n    \"min\" | \"max\" | \"value\"\n> {\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, 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 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 Oxlint 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;AA6BvB;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;;AAaA,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,"file":"RangeSlider/primitives/RangeSliderPrimitive.js","sources":["../../../src/RangeSlider/primitives/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 extends Omit<\n    SliderPrimitives.SliderProps,\n    \"min\" | \"max\" | \"value\"\n> {\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, 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 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 Oxlint 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"],"names":["RangeSliderPrimitiveRenderer","tooltipSide","textValues","showTooltip","values","sliderProps","SliderRoot","SliderTrack","SliderThumb","RangeSliderPrimitive","props","transformValue","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","useRangeSlider"],"mappings":";;;AAoCA,MAAMA,+BAA+B,CAAC,EAClCC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,MAAM,EACN,GAAGC,aACkB,GACd,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,YAAUA;QAAE,GAAGD,WAAW;QAAE,OAAOD;qBAChC,sCAACG,aAAWA,OAAAA,WAAAA,GACZ,sCAACC,aAAWA;QACR,aAAaL;QACb,aAAaF;QACb,WAAWC,UAAU,CAAC,EAAE;sBAE5B,sCAACM,aAAWA;QACR,aAAaL;QACb,aAAaF;QACb,WAAWC,UAAU,CAAC,EAAE;;AAsB5C,MAAMO,uBAAuB,CAACC;IAC1B,MAAM,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAGC,WAAW,GAAGJ;IACzE,MAAM,EAAEK,EAAE,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGC,eAAe;QACtD,GAAGJ,SAAS;QACZH;QACAC;QACAC;IACJ;IAEA,OAAO,WAAP,GACI,sCAACb,8BAA4BA;QACxB,GAAGc,SAAS;QACZ,GAAGC,EAAE;QACN,eAAeC;QACf,eAAeC;;AAG3B"}

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

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

package/RangeSlider/primitives/RangeSliderPrimitive.stories.js

@@ -1,95 +1,104 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { RangeSliderPrimitive } from "./RangeSliderPrimitive.js";
 import { Button } from "../../Button/index.js";
 const meta = {
-  title: "Components/Form Primitives/RangeSlider",
-  component: RangeSliderPrimitive,
-  argTypes: {
-    onValuesChange: {
-      action: "onValuesChange"
+    title: "Components/Form Primitives/RangeSlider",
+    component: RangeSliderPrimitive,
+    argTypes: {
+        onValuesChange: {
+            action: "onValuesChange"
+        },
+        onValuesCommit: {
+            action: "onValuesCommit"
+        }
     },
-    onValuesCommit: {
-      action: "onValuesCommit"
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [values, setValues] = useState(args.values);
+        return /*#__PURE__*/ react.createElement(RangeSliderPrimitive, {
+            ...args,
+            values: values,
+            onValuesChange: (values)=>setValues(values)
+        });
     }
-  },
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [values, setValues] = useState(args.values);
-    return /*#__PURE__*/React.createElement(RangeSliderPrimitive, Object.assign({}, args, {
-      values: values,
-      onValuesChange: values => setValues(values)
-    }));
-  }
 };
-export default meta;
-export const Default = {};
-export const WithDefaultValues = {
-  args: {
-    values: [25, 75]
-  }
+const RangeSliderPrimitive_stories = meta;
+const Default = {};
+const WithDefaultValues = {
+    args: {
+        values: [
+            25,
+            75
+        ]
+    }
 };
-export const WithMinAndMaxValues = {
-  args: {
-    min: 25,
-    max: 75
-  }
+const WithMinAndMaxValues = {
+    args: {
+        min: 25,
+        max: 75
+    }
 };
-export const WithSteps = {
-  args: {
-    step: 10
-  }
+const WithSteps = {
+    args: {
+        step: 10
+    }
 };
-export const Disabled = {
-  args: {
-    disabled: true,
-    values: [25, 75]
-  }
+const Disabled = {
+    args: {
+        disabled: true,
+        values: [
+            25,
+            75
+        ]
+    }
 };
-export const WithTooltip = {
-  args: {
-    showTooltip: true
-  }
+const WithTooltip = {
+    args: {
+        showTooltip: true
+    }
 };
-export const WithTooltipSideTop = {
-  args: {
-    showTooltip: true,
-    tooltipSide: "top"
-  }
+const WithTooltipSideTop = {
+    args: {
+        showTooltip: true,
+        tooltipSide: "top"
+    }
 };
-export const WithTooltipAndCustomValueTransformer = {
-  args: {
-    showTooltip: true,
-    transformValue: value => {
-      return `${Math.round(value)}%`;
+const WithTooltipAndCustomValueTransformer = {
+    args: {
+        showTooltip: true,
+        transformValue: (value)=>`${Math.round(value)}%`
     }
-  }
 };
-export const WithExternalValueControl = {
-  args: {
-    showTooltip: true,
-    transformValue: value => {
-      return `${Math.round(value)}%`;
+const WithExternalValueControl = {
+    args: {
+        showTooltip: true,
+        transformValue: (value)=>`${Math.round(value)}%`
+    },
+    render: (args)=>{
+        const defaultValues = args.values ?? [
+            25,
+            75
+        ];
+        const [values, setValues] = useState(defaultValues);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "w-full"
+        }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(RangeSliderPrimitive, {
+            ...args,
+            values: values,
+            onValuesChange: (values)=>setValues(values)
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            text: "Reset",
+            onClick: ()=>setValues(defaultValues)
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, "Current value: ", /*#__PURE__*/ react.createElement("code", null, values.toString())));
     }
-  },
-  render: args => {
-    const defaultValues = args.values ?? [25, 75];
-    const [values, setValues] = useState(defaultValues);
-    return /*#__PURE__*/React.createElement("div", {
-      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: "mt-4 text-center"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Reset",
-      onClick: () => setValues(defaultValues)
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, "Current value: ", /*#__PURE__*/React.createElement("code", null, values.toString())));
-  }
 };
+export default RangeSliderPrimitive_stories;
+export { Default, Disabled, WithDefaultValues, WithExternalValueControl, WithMinAndMaxValues, WithSteps, WithTooltip, WithTooltipAndCustomValueTransformer, WithTooltipSideTop };
 
 //# sourceMappingURL=RangeSliderPrimitive.stories.js.map

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-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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,oBAAoB;AAC7B,SAASC,MAAM;AAEf,MAAMC,IAAuC,GAAG;EAC5CC,KAAK,EAAE,wCAAwC;EAC/CC,SAAS,EAAEJ,oBAAoB;EAC/BK,QAAQ,EAAE;IACNC,cAAc,EAAE;MAAEC,MAAM,EAAE;IAAiB,CAAC;IAC5CC,cAAc,EAAE;MAAED,MAAM,EAAE;IAAiB;EAC/C,CAAC;EACDE,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAACa,IAAI,CAACC,MAAM,CAAC;IACjD,oBACIf,KAAA,CAAAiB,aAAA,CAACf,oBAAoB,EAAAgB,MAAA,CAAAC,MAAA,KACbL,IAAI;MACRC,MAAM,EAAEA,MAAO;MACfP,cAAc,EAAEO,MAAM,IAAIC,SAAS,CAACD,MAAM;IAAE,EAC/C,CAAC;EAEV;AACJ,CAAC;AAED,eAAeX,IAAI;AAGnB,OAAO,MAAMgB,OAAc,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,iBAAwB,GAAG;EACpCP,IAAI,EAAE;IACFC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMO,mBAA0B,GAAG;EACtCR,IAAI,EAAE;IACFS,GAAG,EAAE,EAAE;IACPC,GAAG,EAAE;EACT;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BX,IAAI,EAAE;IACFY,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3Bb,IAAI,EAAE;IACFc,QAAQ,EAAE,IAAI;IACdb,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMc,WAAkB,GAAG;EAC9Bf,IAAI,EAAE;IACFgB,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCjB,IAAI,EAAE;IACFgB,WAAW,EAAE,IAAI;IACjBE,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,oCAA2C,GAAG;EACvDnB,IAAI,EAAE;IACFgB,WAAW,EAAE,IAAI;IACjBI,cAAc,EAAGC,KAAa,IAAK;MAC/B,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAG;IAClC;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,wBAA+B,GAAG;EAC3CxB,IAAI,EAAE;IACFgB,WAAW,EAAE,IAAI;IACjBI,cAAc,EAAGC,KAAa,IAAK;MAC/B,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAG;IAClC;EACJ,CAAC;EACDtB,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAMyB,aAAa,GAAGzB,IAAI,CAACC,MAAM,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;IAC7C,MAAM,CAACA,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAACsC,aAAa,CAAC;IACnD,oBACIvC,KAAA,CAAAiB,aAAA;MAAKuB,SAAS,EAAE;IAAS,gBACrBxC,KAAA,CAAAiB,aAAA,2BACIjB,KAAA,CAAAiB,aAAA,CAACf,oBAAoB,EAAAgB,MAAA,CAAAC,MAAA,KACbL,IAAI;MACRC,MAAM,EAAEA,MAAO;MACfP,cAAc,EAAEO,MAAM,IAAIC,SAAS,CAACD,MAAM;IAAE,EAC/C,CACA,CAAC,eACNf,KAAA,CAAAiB,aAAA;MAAKuB,SAAS,EAAE;IAAmB,gBAC/BxC,KAAA,CAAAiB,aAAA,CAACd,MAAM;MAACsC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEA,CAAA,KAAM1B,SAAS,CAACuB,aAAa;IAAE,CAAE,CAChE,CAAC,eACNvC,KAAA,CAAAiB,aAAA;MAAKuB,SAAS,EAAE;IAAmB,GAAC,iBACjB,eAAAxC,KAAA,CAAAiB,aAAA,eAAOF,MAAM,CAAC4B,QAAQ,CAAC,CAAQ,CAC7C,CACJ,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"RangeSlider/primitives/RangeSliderPrimitive.stories.js","sources":["../../../src/RangeSlider/primitives/RangeSliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\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"],"names":["meta","RangeSliderPrimitive","args","values","setValues","useState","Default","WithDefaultValues","WithMinAndMaxValues","WithSteps","Disabled","WithTooltip","WithTooltipSideTop","WithTooltipAndCustomValueTransformer","value","Math","WithExternalValueControl","defaultValues","Button"],"mappings":";;;AAKA,MAAMA,OAA0C;IAC5C,OAAO;IACP,WAAWC;IACX,UAAU;QACN,gBAAgB;YAAE,QAAQ;QAAiB;QAC3C,gBAAgB;YAAE,QAAQ;QAAiB;IAC/C;IACA,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAASH,KAAK,MAAM;QAChD,OAAO,WAAP,GACI,oBAACD,sBAAoBA;YAChB,GAAGC,IAAI;YACR,QAAQC;YACR,gBAAgBA,CAAAA,SAAUC,UAAUD;;IAGhD;AACJ;AAEA,qCAAeH;AAGR,MAAMM,UAAiB,CAAC;AAExB,MAAMC,oBAA2B;IACpC,MAAM;QACF,QAAQ;YAAC;YAAI;SAAG;IACpB;AACJ;AAEO,MAAMC,sBAA6B;IACtC,MAAM;QACF,KAAK;QACL,KAAK;IACT;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,WAAkB;IAC3B,MAAM;QACF,UAAU;QACV,QAAQ;YAAC;YAAI;SAAG;IACpB;AACJ;AAEO,MAAMC,cAAqB;IAC9B,MAAM;QACF,aAAa;IACjB;AACJ;AAEO,MAAMC,qBAA4B;IACrC,MAAM;QACF,aAAa;QACb,aAAa;IACjB;AACJ;AAEO,MAAMC,uCAA8C;IACvD,MAAM;QACF,aAAa;QACb,gBAAgB,CAACC,QACN,GAAGC,KAAK,KAAK,CAACD,OAAO,CAAC,CAAC;IAEtC;AACJ;AAEO,MAAME,2BAAkC;IAC3C,MAAM;QACF,aAAa;QACb,gBAAgB,CAACF,QACN,GAAGC,KAAK,KAAK,CAACD,OAAO,CAAC,CAAC;IAEtC;IACA,QAAQZ,CAAAA;QACJ,MAAMe,gBAAgBf,KAAK,MAAM,IAAI;YAAC;YAAI;SAAG;QAC7C,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAASY;QACrC,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAAC,2BACG,oBAAChB,sBAAoBA;YAChB,GAAGC,IAAI;YACR,QAAQC;YACR,gBAAgBA,CAAAA,SAAUC,UAAUD;2BAG5C,oBAAC;YAAI,WAAW;yBACZ,oBAACe,QAAMA;YAAC,MAAM;YAAS,SAAS,IAAMd,UAAUa;2BAEpD,oBAAC;YAAI,WAAW;WAAoB,iCACjB,oBAAC,cAAMd,OAAO,QAAQ;IAIrD;AACJ"}

package/RangeSlider/primitives/components/RangeSliderValue.js

@@ -1,25 +1,19 @@
-import * as React from "react";
 import { cn, cva } from "../../../utils.js";
+import * as __rspack_external_react from "react";
 const rangeSliderValueVariants = cva("font-normal text-sm leading-none", {
-  variants: {
-    disabled: {
-      true: "text-neutral-disabled cursor-not-allowed"
+    variants: {
+        disabled: {
+            true: "text-neutral-disabled cursor-not-allowed"
+        }
     }
-  }
 });
-const RangeSliderValue = ({
-  value,
-  disabled,
-  className
-}) => {
-  if (!value) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(rangeSliderValueVariants({
-      disabled
-    }), className)
-  }, value);
+const RangeSliderValue = ({ value, disabled, className })=>{
+    if (!value) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn(rangeSliderValueVariants({
+            disabled
+        }), className)
+    }, value);
 };
 export { RangeSliderValue };
 

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.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>, 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;AAOF,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,"file":"RangeSlider/primitives/components/RangeSliderValue.js","sources":["../../../../src/RangeSlider/primitives/components/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>, 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"],"names":["rangeSliderValueVariants","cva","RangeSliderValue","value","disabled","className","cn"],"mappings":";;AAGA,MAAMA,2BAA2BC,IAAI,oCAAoC;IACrE,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAOA,MAAMC,mBAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAyB;IAC3E,IAAI,CAACF,OACD,OAAO;IAEX,OAAO,WAAP,GAAO,sCAAC;QAAK,WAAWG,GAAGN,yBAAyB;YAAEI;QAAS,IAAIC;OAAaF;AACpF"}

package/RangeSlider/primitives/components/index.js

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

package/RangeSlider/primitives/index.js

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

package/RangeSlider/primitives/presenters/RangeSliderPresenter.js

@@ -1,42 +1,45 @@
 import { makeAutoObservable } from "mobx";
 class RangeSliderPresenter {
-  params = undefined;
-  showTooltip = false;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init(params) {
-    this.params = params;
-  }
-  get vm() {
-    return {
-      min: this.min,
-      max: this.max,
-      values: this.values,
-      textValues: this.transformToLabelValues(this.values),
-      showTooltip: this.showTooltip
-    };
-  }
-  changeValues = values => {
-    this.showTooltip = !!this.params?.showTooltip;
-    this.params?.onValuesChange?.(values);
-  };
-  commitValues = values => {
-    this.showTooltip = false;
-    this.params?.onValuesCommit?.(values);
-  };
-  get min() {
-    return this.params?.min ?? 0;
-  }
-  get max() {
-    return this.params?.max ?? 100;
-  }
-  get values() {
-    return this.params?.values ?? [this.min, this.max];
-  }
-  transformToLabelValues(values) {
-    return values.map(value => this.params?.transformValue ? this.params.transformValue(value) : String(value));
-  }
+    constructor(){
+        this.params = void 0;
+        this.showTooltip = false;
+        this.changeValues = (values)=>{
+            this.showTooltip = !!this.params?.showTooltip;
+            this.params?.onValuesChange?.(values);
+        };
+        this.commitValues = (values)=>{
+            this.showTooltip = false;
+            this.params?.onValuesCommit?.(values);
+        };
+        makeAutoObservable(this);
+    }
+    init(params) {
+        this.params = params;
+    }
+    get vm() {
+        return {
+            min: this.min,
+            max: this.max,
+            values: this.values,
+            textValues: this.transformToLabelValues(this.values),
+            showTooltip: this.showTooltip
+        };
+    }
+    get min() {
+        return this.params?.min ?? 0;
+    }
+    get max() {
+        return this.params?.max ?? 100;
+    }
+    get values() {
+        return this.params?.values ?? [
+            this.min,
+            this.max
+        ];
+    }
+    transformToLabelValues(values) {
+        return values.map((value)=>this.params?.transformValue ? this.params.transformValue(value) : String(value));
+    }
 }
 export { RangeSliderPresenter };
 

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.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":[]}
+{"version":3,"file":"RangeSlider/primitives/presenters/RangeSliderPresenter.js","sources":["../../../../src/RangeSlider/primitives/presenters/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"],"names":["RangeSliderPresenter","undefined","values","makeAutoObservable","params","value","String"],"mappings":";AAoBA,MAAMA;IAIF,aAAc;aAHN,MAAM,GAAgCC;aACtC,WAAW,GAAG;aAoBf,YAAY,GAAG,CAACC;YACnB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;YAClC,IAAI,CAAC,MAAM,EAAE,iBAAiBA;QAClC;aAEO,YAAY,GAAG,CAACA;YACnB,IAAI,CAAC,WAAW,GAAG;YACnB,IAAI,CAAC,MAAM,EAAE,iBAAiBA;QAClC;QAzBIC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAkC,EAAE;QACrC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,IAAI,KAAK;QACL,OAAO;YACH,KAAK,IAAI,CAAC,GAAG;YACb,KAAK,IAAI,CAAC,GAAG;YACb,QAAQ,IAAI,CAAC,MAAM;YACnB,YAAY,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM;YACnD,aAAa,IAAI,CAAC,WAAW;QACjC;IACJ;IAYA,IAAY,MAAM;QACd,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO;IAC/B;IAEA,IAAY,MAAM;QACd,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO;IAC/B;IAEA,IAAY,SAAS;QACjB,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU;YAAC,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,GAAG;SAAC;IACtD;IAEQ,uBAAuBF,MAAgB,EAAE;QAC7C,OAAOA,OAAO,GAAG,CAACG,CAAAA,QACd,IAAI,CAAC,MAAM,EAAE,iBAAiB,IAAI,CAAC,MAAM,CAAC,cAAc,CAACA,SAASC,OAAOD;IAEjF;AACJ"}