@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Slider/primitives/SliderPrimitive.stories.js

@@ -1,102 +1,102 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { SliderPrimitive } from "./SliderPrimitive.js";
 import { Button } from "../../Button/index.js";
 const meta = {
-  title: "Components/Form Primitives/Slider",
-  component: SliderPrimitive,
-  argTypes: {
-    onValueChange: {
-      action: "onValueChange"
+    title: "Components/Form Primitives/Slider",
+    component: SliderPrimitive,
+    argTypes: {
+        onValueChange: {
+            action: "onValueChange"
+        },
+        onValueCommit: {
+            action: "onValueCommit"
+        }
     },
-    onValueCommit: {
-      action: "onValueCommit"
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        return /*#__PURE__*/ react.createElement(SliderPrimitive, {
+            ...args,
+            value: value,
+            onValueChange: (value)=>setValue(value)
+        });
     }
-  },
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    return /*#__PURE__*/React.createElement(SliderPrimitive, Object.assign({}, args, {
-      value: value,
-      onValueChange: value => setValue(value)
-    }));
-  }
 };
-export default meta;
-export const Default = {};
-export const WithDefaultValue = {
-  args: {
-    value: 50
-  }
+const SliderPrimitive_stories = meta;
+const Default = {};
+const WithDefaultValue = {
+    args: {
+        value: 50
+    }
 };
-export const WithMinAndMaxValues = {
-  args: {
-    min: 10,
-    max: 20
-  }
+const WithMinAndMaxValues = {
+    args: {
+        min: 10,
+        max: 20
+    }
 };
-export const WithNegativeMinValue = {
-  args: {
-    min: -100,
-    max: 100,
-    value: 0
-  }
+const WithNegativeMinValue = {
+    args: {
+        min: -100,
+        max: 100,
+        value: 0
+    }
 };
-export const WithSteps = {
-  args: {
-    step: 10
-  }
+const WithSteps = {
+    args: {
+        step: 10
+    }
 };
-export const Disabled = {
-  args: {
-    disabled: true,
-    value: 50
-  }
+const Disabled = {
+    args: {
+        disabled: true,
+        value: 50
+    }
 };
-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 defaultValue = 50;
+        const [value, setValue] = useState(defaultValue);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "w-full"
+        }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(SliderPrimitive, {
+            ...args,
+            value: value,
+            onValueChange: (value)=>setValue(value)
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            text: "Reset",
+            onClick: ()=>setValue(defaultValue)
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "mt-4 text-center"
+        }, "Current value: ", /*#__PURE__*/ react.createElement("code", null, value)));
     }
-  },
-  render: args => {
-    const defaultValue = 50;
-    const [value, setValue] = useState(defaultValue);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SliderPrimitive, Object.assign({}, args, {
-      value: value,
-      onValueChange: value => setValue(value)
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Reset",
-      onClick: () => setValue(defaultValue)
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 text-center"
-    }, "Current value: ", /*#__PURE__*/React.createElement("code", null, value)));
-  }
 };
+export default SliderPrimitive_stories;
+export { Default, Disabled, WithDefaultValue, WithExternalValueControl, WithMinAndMaxValues, WithNegativeMinValue, WithSteps, WithTooltip, WithTooltipAndCustomValueTransformer, WithTooltipSideTop };
 
 //# sourceMappingURL=SliderPrimitive.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SliderPrimitive","Button","meta","title","component","argTypes","onValueChange","action","onValueCommit","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithDefaultValue","WithMinAndMaxValues","min","max","WithNegativeMinValue","WithSteps","step","Disabled","disabled","WithTooltip","showTooltip","WithTooltipSideTop","tooltipSide","WithTooltipAndCustomValueTransformer","transformValue","Math","round","WithExternalValueControl","defaultValue","className","text","onClick"],"sources":["SliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SliderPrimitive } from \"./SliderPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof SliderPrimitive> = {\n    title: \"Components/Form Primitives/Slider\",\n    component: SliderPrimitive,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <SliderPrimitive {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 10,\n        max: 20\n    }\n};\n\nexport const WithNegativeMinValue: Story = {\n    args: {\n        min: -100,\n        max: 100,\n        value: 0\n    }\n};\n\nexport const WithSteps: Story = {\n    args: {\n        step: 10\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        disabled: true,\n        value: 50\n    }\n};\n\nexport const WithTooltip: Story = {\n    args: {\n        showTooltip: true\n    }\n};\n\nexport const WithTooltipSideTop: Story = {\n    args: {\n        showTooltip: true,\n        tooltipSide: \"top\"\n    }\n};\n\nexport const WithTooltipAndCustomValueTransformer: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    },\n    render: args => {\n        const defaultValue = 50;\n        const [value, setValue] = useState(defaultValue);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <SliderPrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(defaultValue)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current value: <code>{value}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/SliderPrimitive.stories.js","sources":["../../../src/Slider/primitives/SliderPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { SliderPrimitive } from \"./SliderPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof SliderPrimitive> = {\n    title: \"Components/Form Primitives/Slider\",\n    component: SliderPrimitive,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onValueCommit: { action: \"onValueCommit\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <SliderPrimitive {...args} value={value} onValueChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SliderPrimitive>;\n\nexport const Default: Story = {};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithMinAndMaxValues: Story = {\n    args: {\n        min: 10,\n        max: 20\n    }\n};\n\nexport const WithNegativeMinValue: Story = {\n    args: {\n        min: -100,\n        max: 100,\n        value: 0\n    }\n};\n\nexport const WithSteps: Story = {\n    args: {\n        step: 10\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        disabled: true,\n        value: 50\n    }\n};\n\nexport const WithTooltip: Story = {\n    args: {\n        showTooltip: true\n    }\n};\n\nexport const WithTooltipSideTop: Story = {\n    args: {\n        showTooltip: true,\n        tooltipSide: \"top\"\n    }\n};\n\nexport const WithTooltipAndCustomValueTransformer: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        showTooltip: true,\n        transformValue: (value: number) => {\n            return `${Math.round(value)}%`;\n        }\n    },\n    render: args => {\n        const defaultValue = 50;\n        const [value, setValue] = useState(defaultValue);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <SliderPrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(defaultValue)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current value: <code>{value}</code>\n                </div>\n            </div>\n        );\n    }\n};\n"],"names":["meta","SliderPrimitive","args","value","setValue","useState","Default","WithDefaultValue","WithMinAndMaxValues","WithNegativeMinValue","WithSteps","Disabled","WithTooltip","WithTooltipSideTop","WithTooltipAndCustomValueTransformer","Math","WithExternalValueControl","defaultValue","Button"],"mappings":";;;AAKA,MAAMA,OAAqC;IACvC,OAAO;IACP,WAAWC;IACX,UAAU;QACN,eAAe;YAAE,QAAQ;QAAgB;QACzC,eAAe;YAAE,QAAQ;QAAgB;IAC7C;IACA,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAASH,KAAK,KAAK;QAC7C,OAAO,WAAP,GAAO,oBAACD,iBAAeA;YAAE,GAAGC,IAAI;YAAE,OAAOC;YAAO,eAAeA,CAAAA,QAASC,SAASD;;IACrF;AACJ;AAEA,gCAAeH;AAGR,MAAMM,UAAiB,CAAC;AAExB,MAAMC,mBAA0B;IACnC,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,sBAA6B;IACtC,MAAM;QACF,KAAK;QACL,KAAK;IACT;AACJ;AAEO,MAAMC,uBAA8B;IACvC,MAAM;QACF,KAAK;QACL,KAAK;QACL,OAAO;IACX;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,WAAkB;IAC3B,MAAM;QACF,UAAU;QACV,OAAO;IACX;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,CAACX,QACN,GAAGY,KAAK,KAAK,CAACZ,OAAO,CAAC,CAAC;IAEtC;AACJ;AAEO,MAAMa,2BAAkC;IAC3C,MAAM;QACF,aAAa;QACb,gBAAgB,CAACb,QACN,GAAGY,KAAK,KAAK,CAACZ,OAAO,CAAC,CAAC;IAEtC;IACA,QAAQD,CAAAA;QACJ,MAAMe,eAAe;QACrB,MAAM,CAACd,OAAOC,SAAS,GAAGC,SAASY;QACnC,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAAC,2BACG,oBAAChB,iBAAeA;YACX,GAAGC,IAAI;YACR,OAAOC;YACP,eAAeA,CAAAA,QAASC,SAASD;2BAGzC,oBAAC;YAAI,WAAW;yBACZ,oBAACe,QAAMA;YAAC,MAAM;YAAS,SAAS,IAAMd,SAASa;2BAEnD,oBAAC;YAAI,WAAW;WAAoB,iCACjB,oBAAC,cAAMd;IAItC;AACJ"}

package/Slider/primitives/components/SliderRoot.js

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

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

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

package/Slider/primitives/components/SliderSideValue.js

@@ -1,25 +1,19 @@
-import * as React from "react";
 import { cn, cva } from "../../../utils.js";
+import * as __rspack_external_react from "react";
 const sliderValueVariants = 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 SliderValue = ({
-  value,
-  disabled,
-  className
-}) => {
-  if (!value) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(sliderValueVariants({
-      disabled
-    }), className)
-  }, value);
+const SliderValue = ({ value, disabled, className })=>{
+    if (!value) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn(sliderValueVariants({
+            disabled
+        }), className)
+    }, value);
 };
 export { SliderValue };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","sliderValueVariants","variants","disabled","true","SliderValue","value","className","createElement"],"sources":["SliderSideValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst sliderValueVariants = cva(\"font-normal text-sm leading-none\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled cursor-not-allowed\"\n        }\n    }\n});\n\ninterface SliderValueProps\n    extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof sliderValueVariants> {\n    value?: string;\n}\n\nconst SliderValue = ({ value, disabled, className }: SliderValueProps) => {\n    if (!value) {\n        return null;\n    }\n    return <span className={cn(sliderValueVariants({ disabled }), className)}>{value}</span>;\n};\n\nexport { SliderValue, type SliderValueProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAAC,kCAAkC,EAAE;EAChEE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAOF,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEH,QAAQ;EAAEI;AAA4B,CAAC,KAAK;EACtE,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBAAOR,KAAA,CAAAU,aAAA;IAAMD,SAAS,EAAER,EAAE,CAACE,mBAAmB,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAED,KAAY,CAAC;AAC5F,CAAC;AAED,SAASD,WAAW","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/components/SliderSideValue.js","sources":["../../../../src/Slider/primitives/components/SliderSideValue.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst sliderValueVariants = cva(\"font-normal text-sm leading-none\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled cursor-not-allowed\"\n        }\n    }\n});\n\ninterface SliderValueProps\n    extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof sliderValueVariants> {\n    value?: string;\n}\n\nconst SliderValue = ({ value, disabled, className }: SliderValueProps) => {\n    if (!value) {\n        return null;\n    }\n    return <span className={cn(sliderValueVariants({ disabled }), className)}>{value}</span>;\n};\n\nexport { SliderValue, type SliderValueProps };\n"],"names":["sliderValueVariants","cva","SliderValue","value","disabled","className","cn"],"mappings":";;AAGA,MAAMA,sBAAsBC,IAAI,oCAAoC;IAChE,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAOA,MAAMC,cAAc,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAoB;IACjE,IAAI,CAACF,OACD,OAAO;IAEX,OAAO,WAAP,GAAO,sCAAC;QAAK,WAAWG,GAAGN,oBAAoB;YAAEI;QAAS,IAAIC;OAAaF;AAC/E"}

package/Slider/primitives/components/SliderThumb.js

@@ -1,18 +1,14 @@
-import * as React from "react";
-import { Slider as SliderPrimitives } from "radix-ui";
+import { Slider } from "radix-ui";
 import { cn } from "../../../utils.js";
 import { SliderTooltip } from "./SliderTooltip.js";
-const SliderThumb = ({
-  textValue,
-  showTooltip,
-  tooltipSide
-}) => /*#__PURE__*/React.createElement(SliderPrimitives.Thumb, {
-  className: cn("inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none", "bg-primary border-white", "hover:bg-primary-strong", "active:bg-primary", "data-disabled:pointer-events-none data-disabled:bg-primary-disabled")
-}, /*#__PURE__*/React.createElement(SliderTooltip, {
-  showTooltip: showTooltip,
-  textValue: textValue,
-  tooltipSide: tooltipSide
-}));
+import * as __rspack_external_react from "react";
+const SliderThumb = ({ textValue, showTooltip, tooltipSide })=>/*#__PURE__*/ __rspack_external_react.createElement(Slider.Thumb, {
+        className: cn("inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none", "bg-primary border-white", "hover:bg-primary-strong", "active:bg-primary", "data-disabled:pointer-events-none data-disabled:bg-primary-disabled")
+    }, /*#__PURE__*/ __rspack_external_react.createElement(SliderTooltip, {
+        showTooltip: showTooltip,
+        textValue: textValue,
+        tooltipSide: tooltipSide
+    }));
 export { SliderThumb };
 
 //# sourceMappingURL=SliderThumb.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTooltip","SliderThumb","textValue","showTooltip","tooltipSide","createElement","Thumb","className"],"sources":["SliderThumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport type { SliderTooltipProps } from \"./SliderTooltip.js\";\nimport { SliderTooltip } from \"./SliderTooltip.js\";\n\ntype SliderThumbProps = SliderTooltipProps;\n\nconst SliderThumb = ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => (\n    <SliderPrimitives.Thumb\n        className={cn(\n            \"inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none\",\n            \"bg-primary border-white\",\n            \"hover:bg-primary-strong\",\n            \"active:bg-primary\",\n            \"data-disabled:pointer-events-none data-disabled:bg-primary-disabled\"\n        )}\n    >\n        <SliderTooltip showTooltip={showTooltip} textValue={textValue} tooltipSide={tooltipSide} />\n    </SliderPrimitives.Thumb>\n);\n\nexport { SliderThumb, type SliderThumbProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,SAASC,aAAa;AAItB,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAA8B,CAAC,kBAC1ER,KAAA,CAAAS,aAAA,CAACP,gBAAgB,CAACQ,KAAK;EACnBC,SAAS,EAAER,EAAE,CACT,wFAAwF,EACxF,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,qEACJ;AAAE,gBAEFH,KAAA,CAAAS,aAAA,CAACL,aAAa;EAACG,WAAW,EAAEA,WAAY;EAACD,SAAS,EAAEA,SAAU;EAACE,WAAW,EAAEA;AAAY,CAAE,CACtE,CAC3B;AAED,SAASH,WAAW","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/components/SliderThumb.js","sources":["../../../../src/Slider/primitives/components/SliderThumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport type { SliderTooltipProps } from \"./SliderTooltip.js\";\nimport { SliderTooltip } from \"./SliderTooltip.js\";\n\ntype SliderThumbProps = SliderTooltipProps;\n\nconst SliderThumb = ({ textValue, showTooltip, tooltipSide }: SliderThumbProps) => (\n    <SliderPrimitives.Thumb\n        className={cn(\n            \"inline-block w-md h-md mt-xs-plus rounded-xxl border-md transition-colors outline-none\",\n            \"bg-primary border-white\",\n            \"hover:bg-primary-strong\",\n            \"active:bg-primary\",\n            \"data-disabled:pointer-events-none data-disabled:bg-primary-disabled\"\n        )}\n    >\n        <SliderTooltip showTooltip={showTooltip} textValue={textValue} tooltipSide={tooltipSide} />\n    </SliderPrimitives.Thumb>\n);\n\nexport { SliderThumb, type SliderThumbProps };\n"],"names":["SliderThumb","textValue","showTooltip","tooltipSide","SliderPrimitives","cn","SliderTooltip"],"mappings":";;;;AAQA,MAAMA,cAAc,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAoB,iBAC1E,sCAACC,OAAAA,KAAsB;QACnB,WAAWC,GACP,0FACA,2BACA,2BACA,qBACA;qBAGJ,sCAACC,eAAaA;QAAC,aAAaJ;QAAa,WAAWD;QAAW,aAAaE"}

package/Slider/primitives/components/SliderTooltip.js

@@ -1,33 +1,30 @@
-import * as React from "react";
 import { cn, cva } from "../../../utils.js";
 import { Text } from "../../../Text/index.js";
-const sliderTooltipVariants = cva(["px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2", "bg-neutral-muted"], {
-  variants: {
-    side: {
-      top: "bottom-8",
-      bottom: "top-8"
+import * as __rspack_external_react from "react";
+const sliderTooltipVariants = cva([
+    "px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2",
+    "bg-neutral-muted"
+], {
+    variants: {
+        side: {
+            top: "bottom-8",
+            bottom: "top-8"
+        }
+    },
+    defaultVariants: {
+        side: "bottom"
     }
-  },
-  defaultVariants: {
-    side: "bottom"
-  }
 });
-const SliderTooltip = ({
-  textValue,
-  showTooltip,
-  tooltipSide
-}) => {
-  if (!textValue || !showTooltip) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(sliderTooltipVariants({
-      side: tooltipSide
-    }))
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div"
-  }, textValue));
+const SliderTooltip = ({ textValue, showTooltip, tooltipSide })=>{
+    if (!textValue || !showTooltip) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(sliderTooltipVariants({
+            side: tooltipSide
+        }))
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+        size: "sm",
+        as: "div"
+    }, textValue));
 };
 export { SliderTooltip };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Text","sliderTooltipVariants","variants","side","top","bottom","defaultVariants","SliderTooltip","textValue","showTooltip","tooltipSide","createElement","className","size","as"],"sources":["SliderTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst sliderTooltipVariants = cva(\n    [\"px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2\", \"bg-neutral-muted\"],\n    {\n        variants: {\n            side: {\n                top: \"bottom-8\",\n                bottom: \"top-8\"\n            }\n        },\n        defaultVariants: {\n            side: \"bottom\"\n        }\n    }\n);\n\ntype SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {\n    textValue: string;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n};\n\nconst SliderTooltip = ({ textValue, showTooltip, tooltipSide }: SliderTooltipProps) => {\n    if (!textValue || !showTooltip) {\n        return null;\n    }\n\n    return (\n        <div className={cn(sliderTooltipVariants({ side: tooltipSide }))}>\n            <Text size={\"sm\"} as={\"div\"}>\n                {textValue}\n            </Text>\n        </div>\n    );\n};\n\nexport { SliderTooltip, type SliderTooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CAAC,iEAAiE,EAAE,kBAAkB,CAAC,EACvF;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,GAAG,EAAE,UAAU;MACfC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMI,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAgC,CAAC,KAAK;EACnF,IAAI,CAACF,SAAS,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEd,EAAE,CAACG,qBAAqB,CAAC;MAAEE,IAAI,EAAEO;IAAY,CAAC,CAAC;EAAE,gBAC7Db,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACa,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE;EAAM,GACvBN,SACC,CACL,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/components/SliderTooltip.js","sources":["../../../../src/Slider/primitives/components/SliderTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst sliderTooltipVariants = cva(\n    [\"px-xs-plus py-xxs rounded-sm absolute left-1/2 -translate-x-1/2\", \"bg-neutral-muted\"],\n    {\n        variants: {\n            side: {\n                top: \"bottom-8\",\n                bottom: \"top-8\"\n            }\n        },\n        defaultVariants: {\n            side: \"bottom\"\n        }\n    }\n);\n\ntype SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {\n    textValue: string;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n};\n\nconst SliderTooltip = ({ textValue, showTooltip, tooltipSide }: SliderTooltipProps) => {\n    if (!textValue || !showTooltip) {\n        return null;\n    }\n\n    return (\n        <div className={cn(sliderTooltipVariants({ side: tooltipSide }))}>\n            <Text size={\"sm\"} as={\"div\"}>\n                {textValue}\n            </Text>\n        </div>\n    );\n};\n\nexport { SliderTooltip, type SliderTooltipProps };\n"],"names":["sliderTooltipVariants","cva","SliderTooltip","textValue","showTooltip","tooltipSide","cn","Text"],"mappings":";;;AAIA,MAAMA,wBAAwBC,IAC1B;IAAC;IAAmE;CAAmB,EACvF;IACI,UAAU;QACN,MAAM;YACF,KAAK;YACL,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AASJ,MAAMC,gBAAgB,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAsB;IAC9E,IAAI,CAACF,aAAa,CAACC,aACf,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,WAAWE,GAAGN,sBAAsB;YAAE,MAAMK;QAAY;qBACzD,sCAACE,MAAIA;QAAC,MAAM;QAAM,IAAI;OACjBJ;AAIjB"}

package/Slider/primitives/components/SliderTrack.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTrack","createElement","Track","className","Range"],"sources":["SliderTrack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst SliderTrack = () => (\n    <SliderPrimitives.Track\n        className={cn(\n            \"relative h-xxs w-full grow overflow-hidden rounded-full\",\n            \"bg-neutral-strong\",\n            \"data-disabled:bg-neutral-muted\"\n        )}\n    >\n        <SliderPrimitives.Range\n            className={cn([\"absolute h-full\", \"bg-primary\", \"data-disabled:bg-primary-disabled\"])}\n        />\n    </SliderPrimitives.Track>\n);\n\nexport { SliderTrack };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,WAAW,GAAGA,CAAA,kBAChBJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK;EACnBC,SAAS,EAAEJ,EAAE,CACT,yDAAyD,EACzD,mBAAmB,EACnB,gCACJ;AAAE,gBAEFH,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACM,KAAK;EACnBD,SAAS,EAAEJ,EAAE,CAAC,CAAC,iBAAiB,EAAE,YAAY,EAAE,mCAAmC,CAAC;AAAE,CACzF,CACmB,CAC3B;AAED,SAASC,WAAW","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/components/SliderTrack.js","sources":["../../../../src/Slider/primitives/components/SliderTrack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst SliderTrack = () => (\n    <SliderPrimitives.Track\n        className={cn(\n            \"relative h-xxs w-full grow overflow-hidden rounded-full\",\n            \"bg-neutral-strong\",\n            \"data-disabled:bg-neutral-muted\"\n        )}\n    >\n        <SliderPrimitives.Range\n            className={cn([\"absolute h-full\", \"bg-primary\", \"data-disabled:bg-primary-disabled\"])}\n        />\n    </SliderPrimitives.Track>\n);\n\nexport { SliderTrack };\n"],"names":["SliderTrack","SliderPrimitives","cn"],"mappings":";;;AAIA,MAAMA,cAAc,kBAChB,sCAACC,OAAAA,KAAsB;QACnB,WAAWC,GACP,2DACA,qBACA;qBAGJ,sCAACD,OAAAA,KAAsB;QACnB,WAAWC,GAAG;YAAC;YAAmB;YAAc;SAAoC"}

package/Slider/primitives/components/index.js

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

package/Slider/primitives/index.js

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

package/Slider/primitives/presenters/SliderPresenter.js

@@ -1,40 +1,42 @@
 import { makeAutoObservable } from "mobx";
 class SliderPresenter {
-  params = undefined;
-  showTooltip = false;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init(params) {
-    this.params = params;
-  }
-  get vm() {
-    return {
-      value: this.value,
-      min: this.min,
-      textValue: this.transformToLabelValue(this.value?.[0] || this.min),
-      showTooltip: this.showTooltip
-    };
-  }
-  changeValue = values => {
-    const [newValue] = values;
-    this.showTooltip = !!this.params?.showTooltip;
-    this.params?.onValueChange(newValue);
-  };
-  commitValue = values => {
-    const [newValue] = values;
-    this.showTooltip = false;
-    this.params?.onValueCommit?.(newValue);
-  };
-  get value() {
-    return this.params?.value !== undefined ? [this.params.value] : undefined;
-  }
-  get min() {
-    return this.params?.min ?? 0;
-  }
-  transformToLabelValue(value) {
-    return this.params?.transformValue ? this.params.transformValue(value) : String(value);
-  }
+    constructor(){
+        this.params = void 0;
+        this.showTooltip = false;
+        this.changeValue = (values)=>{
+            const [newValue] = values;
+            this.showTooltip = !!this.params?.showTooltip;
+            this.params?.onValueChange(newValue);
+        };
+        this.commitValue = (values)=>{
+            const [newValue] = values;
+            this.showTooltip = false;
+            this.params?.onValueCommit?.(newValue);
+        };
+        makeAutoObservable(this);
+    }
+    init(params) {
+        this.params = params;
+    }
+    get vm() {
+        return {
+            value: this.value,
+            min: this.min,
+            textValue: this.transformToLabelValue(this.value?.[0] || this.min),
+            showTooltip: this.showTooltip
+        };
+    }
+    get value() {
+        return this.params?.value !== void 0 ? [
+            this.params.value
+        ] : void 0;
+    }
+    get min() {
+        return this.params?.min ?? 0;
+    }
+    transformToLabelValue(value) {
+        return this.params?.transformValue ? this.params.transformValue(value) : String(value);
+    }
 }
 export { SliderPresenter };
 

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SliderPresenter","params","undefined","showTooltip","constructor","init","vm","value","min","textValue","transformToLabelValue","changeValue","values","newValue","onValueChange","commitValue","onValueCommit","transformValue","String"],"sources":["SliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SliderPrimitiveVm } from \"../SliderPrimitive.js\";\n\ninterface SliderPresenterParams {\n    min?: number;\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ninterface ISliderPresenter {\n    get vm(): SliderPrimitiveVm;\n    init: (params: SliderPresenterParams) => void;\n    changeValue: (values: number[]) => void;\n    commitValue: (values: number[]) => void;\n}\n\nclass SliderPresenter implements ISliderPresenter {\n    private params?: SliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: SliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            value: this.value,\n            min: this.min,\n            textValue: this.transformToLabelValue(this.value?.[0] || this.min),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValueChange(newValue);\n    };\n\n    public commitValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = false;\n        this.params?.onValueCommit?.(newValue);\n    };\n\n    private get value() {\n        return this.params?.value !== undefined ? [this.params.value] : undefined;\n    }\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private transformToLabelValue(value: number) {\n        return this.params?.transformValue ? this.params.transformValue(value) : String(value);\n    }\n}\n\nexport { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAmBzC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,SAAS,EAAE,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACH,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAACC,GAAG,CAAC;MAClEL,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOQ,WAAW,GAAIC,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEa,aAAa,CAACD,QAAQ,CAAC;EACxC,CAAC;EAEME,WAAW,GAAIH,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEe,aAAa,GAAGH,QAAQ,CAAC;EAC1C,CAAC;EAED,IAAYN,KAAKA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACN,MAAM,EAAEM,KAAK,KAAKL,SAAS,GAAG,CAAC,IAAI,CAACD,MAAM,CAACM,KAAK,CAAC,GAAGL,SAAS;EAC7E;EAEA,IAAYM,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,CAAC;EAChC;EAEQE,qBAAqBA,CAACH,KAAa,EAAE;IACzC,OAAO,IAAI,CAACN,MAAM,EAAEgB,cAAc,GAAG,IAAI,CAAChB,MAAM,CAACgB,cAAc,CAACV,KAAK,CAAC,GAAGW,MAAM,CAACX,KAAK,CAAC;EAC1F;AACJ;AAEA,SAASP,eAAe","ignoreList":[]}
+{"version":3,"file":"Slider/primitives/presenters/SliderPresenter.js","sources":["../../../../src/Slider/primitives/presenters/SliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { SliderPrimitiveVm } from \"../SliderPrimitive.js\";\n\ninterface SliderPresenterParams {\n    min?: number;\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ninterface ISliderPresenter {\n    get vm(): SliderPrimitiveVm;\n    init: (params: SliderPresenterParams) => void;\n    changeValue: (values: number[]) => void;\n    commitValue: (values: number[]) => void;\n}\n\nclass SliderPresenter implements ISliderPresenter {\n    private params?: SliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: SliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            value: this.value,\n            min: this.min,\n            textValue: this.transformToLabelValue(this.value?.[0] || this.min),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValueChange(newValue);\n    };\n\n    public commitValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = false;\n        this.params?.onValueCommit?.(newValue);\n    };\n\n    private get value() {\n        return this.params?.value !== undefined ? [this.params.value] : undefined;\n    }\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private transformToLabelValue(value: number) {\n        return this.params?.transformValue ? this.params.transformValue(value) : String(value);\n    }\n}\n\nexport { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };\n"],"names":["SliderPresenter","undefined","values","newValue","makeAutoObservable","params","value","String"],"mappings":";AAmBA,MAAMA;IAIF,aAAc;aAHN,MAAM,GAA2BC;aACjC,WAAW,GAAG;aAmBf,WAAW,GAAG,CAACC;YAClB,MAAM,CAACC,SAAS,GAAGD;YACnB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;YAClC,IAAI,CAAC,MAAM,EAAE,cAAcC;QAC/B;aAEO,WAAW,GAAG,CAACD;YAClB,MAAM,CAACC,SAAS,GAAGD;YACnB,IAAI,CAAC,WAAW,GAAG;YACnB,IAAI,CAAC,MAAM,EAAE,gBAAgBC;QACjC;QA1BIC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAA6B,EAAE;QAChC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,IAAI,KAAK;QACL,OAAO;YACH,OAAO,IAAI,CAAC,KAAK;YACjB,KAAK,IAAI,CAAC,GAAG;YACb,WAAW,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG;YACjE,aAAa,IAAI,CAAC,WAAW;QACjC;IACJ;IAcA,IAAY,QAAQ;QAChB,OAAO,IAAI,CAAC,MAAM,EAAE,UAAUJ,SAAY;YAAC,IAAI,CAAC,MAAM,CAAC,KAAK;SAAC,GAAGA;IACpE;IAEA,IAAY,MAAM;QACd,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO;IAC/B;IAEQ,sBAAsBK,KAAa,EAAE;QACzC,OAAO,IAAI,CAAC,MAAM,EAAE,iBAAiB,IAAI,CAAC,MAAM,CAAC,cAAc,CAACA,SAASC,OAAOD;IACpF;AACJ"}