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

package/ProgressBar/ProgressBar.stories.js

@@ -1,99 +1,104 @@
-import React, { useState, useEffect } from "react";
+import react, { useEffect, useState } from "react";
 import { ProgressBar } from "./ProgressBar.js";
 const meta = {
-  title: "Components/ProgressBar",
-  component: ProgressBar,
-  parameters: {
-    layout: "padded"
-  }
+    title: "Components/ProgressBar",
+    component: ProgressBar,
+    parameters: {
+        layout: "padded"
+    }
 };
-export const Documentation = {
-  args: {
-    value: 50
-  },
-  argTypes: {
-    value: {
-      description: "Current progress value (0-100)",
-      control: {
-        type: "number",
-        min: 0,
-        max: 100
-      }
-    },
-    max: {
-      description: "Maximum value for the progress bar. Defaults to 100.",
-      control: {
-        type: "number",
-        min: 1
-      }
+const Documentation = {
+    args: {
+        value: 50
     },
-    valuePosition: {
-      description: "Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.",
-      control: {
-        type: "select",
-        options: ["start", "end", "both"]
-      }
+    argTypes: {
+        value: {
+            description: "Current progress value (0-100)",
+            control: {
+                type: "number",
+                min: 0,
+                max: 100
+            }
+        },
+        max: {
+            description: "Maximum value for the progress bar. Defaults to 100.",
+            control: {
+                type: "number",
+                min: 1
+            }
+        },
+        valuePosition: {
+            description: "Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.",
+            control: {
+                type: "select",
+                options: [
+                    "start",
+                    "end",
+                    "both"
+                ]
+            }
+        }
     }
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    value: 50
-  }
+const ProgressBar_stories = meta;
+const Default = {
+    args: {
+        value: 50
+    }
 };
-export const WithCustomMaxValue = {
-  args: {
-    ...Default.args,
-    max: 200
-  }
+const WithCustomMaxValue = {
+    args: {
+        ...Default.args,
+        max: 200
+    }
 };
-export const WithValuePositionStart = {
-  args: {
-    ...Default.args,
-    valuePosition: "start"
-  }
+const WithValuePositionStart = {
+    args: {
+        ...Default.args,
+        valuePosition: "start"
+    }
 };
-export const WithValuePositionEnd = {
-  args: {
-    ...Default.args,
-    valuePosition: "end"
-  }
+const WithValuePositionEnd = {
+    args: {
+        ...Default.args,
+        valuePosition: "end"
+    }
 };
-export const WithValuePositionBoth = {
-  args: {
-    ...Default.args,
-    valuePosition: "both"
-  }
+const WithValuePositionBoth = {
+    args: {
+        ...Default.args,
+        valuePosition: "both"
+    }
 };
-export const WithGetValueLabel = {
-  args: {
-    ...Default.args,
-    getValueLabel: value => `${value} mb`
-  }
+const WithGetValueLabel = {
+    args: {
+        ...Default.args,
+        getValueLabel: (value)=>`${value} mb`
+    }
 };
-export const WithControlledValue = {
-  args: {
-    value: 0
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    useEffect(() => {
-      const interval = setInterval(() => {
-        setValue((prevValue = 0) => {
-          const value = Number(prevValue);
-          if (value === 100) {
-            return value;
-          }
-          return value + 5;
+const WithControlledValue = {
+    args: {
+        value: 0
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        useEffect(()=>{
+            const interval = setInterval(()=>{
+                setValue((prevValue = 0)=>{
+                    const value = Number(prevValue);
+                    if (100 === value) return value;
+                    return value + 5;
+                });
+            }, 100);
+            return ()=>clearInterval(interval);
+        }, []);
+        return /*#__PURE__*/ react.createElement(ProgressBar, {
+            ...args,
+            value: value
         });
-      }, 100);
-      return () => clearInterval(interval);
-    }, []);
-    return /*#__PURE__*/React.createElement(ProgressBar, Object.assign({}, args, {
-      value: value
-    }));
-  }
+    }
 };
+export default ProgressBar_stories;
+export { Default, Documentation, WithControlledValue, WithCustomMaxValue, WithGetValueLabel, WithValuePositionBoth, WithValuePositionEnd, WithValuePositionStart };
 
 //# sourceMappingURL=ProgressBar.stories.js.map

package/ProgressBar/ProgressBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","ProgressBar","meta","title","component","parameters","layout","Documentation","args","value","argTypes","description","control","type","min","max","valuePosition","options","Default","WithCustomMaxValue","WithValuePositionStart","WithValuePositionEnd","WithValuePositionBoth","WithGetValueLabel","getValueLabel","WithControlledValue","render","setValue","interval","setInterval","prevValue","Number","clearInterval","createElement","Object","assign"],"sources":["ProgressBar.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ProgressBar } from \"./ProgressBar.js\";\n\nconst meta: Meta<typeof ProgressBar> = {\n    title: \"Components/ProgressBar\",\n    component: ProgressBar,\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        value: 50\n    },\n    argTypes: {\n        value: {\n            description: \"Current progress value (0-100)\",\n            control: { type: \"number\", min: 0, max: 100 }\n        },\n        max: {\n            description: \"Maximum value for the progress bar. Defaults to 100.\",\n            control: { type: \"number\", min: 1 }\n        },\n        valuePosition: {\n            description:\n                \"Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.\",\n            control: {\n                type: \"select\",\n                options: [\"start\", \"end\", \"both\"]\n            }\n        }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ProgressBar>;\n\nexport const Default: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithCustomMaxValue: Story = {\n    args: {\n        ...Default.args,\n        max: 200\n    }\n};\n\nexport const WithValuePositionStart: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"start\"\n    }\n};\n\nexport const WithValuePositionEnd: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"end\"\n    }\n};\n\nexport const WithValuePositionBoth: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"both\"\n    }\n};\n\nexport const WithGetValueLabel: Story = {\n    args: {\n        ...Default.args,\n        getValueLabel: (value: number) => `${value} mb`\n    }\n};\n\nexport const WithControlledValue: Story = {\n    args: {\n        value: 0\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n\n        useEffect(() => {\n            const interval = setInterval(() => {\n                setValue((prevValue = 0) => {\n                    const value = Number(prevValue);\n\n                    if (value === 100) {\n                        return value;\n                    }\n                    return value + 5;\n                });\n            }, 100);\n\n            return () => clearInterval(interval);\n        }, []);\n\n        return <ProgressBar {...args} value={value} />;\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,WAAW;AAEpB,MAAMC,IAA8B,GAAG;EACnCC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEH,WAAW;EACtBI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,OAAO,MAAMC,aAAoB,GAAG;EAChCC,IAAI,EAAE;IACFC,KAAK,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACND,KAAK,EAAE;MACHE,WAAW,EAAE,gCAAgC;MAC7CC,OAAO,EAAE;QAAEC,IAAI,EAAE,QAAQ;QAAEC,GAAG,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAI;IAChD,CAAC;IACDA,GAAG,EAAE;MACDJ,WAAW,EAAE,sDAAsD;MACnEC,OAAO,EAAE;QAAEC,IAAI,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAE;IACtC,CAAC;IACDE,aAAa,EAAE;MACXL,WAAW,EACP,uHAAuH;MAC3HC,OAAO,EAAE;QACLC,IAAI,EAAE,QAAQ;QACdI,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM;MACpC;IACJ;EACJ;AACJ,CAAC;AAED,eAAef,IAAI;AAGnB,OAAO,MAAMgB,OAAc,GAAG;EAC1BV,IAAI,EAAE;IACFC,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMU,kBAAyB,GAAG;EACrCX,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfO,GAAG,EAAE;EACT;AACJ,CAAC;AAED,OAAO,MAAMK,sBAA6B,GAAG;EACzCZ,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMK,oBAA2B,GAAG;EACvCb,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMM,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfQ,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMO,iBAAwB,GAAG;EACpCf,IAAI,EAAE;IACF,GAAGU,OAAO,CAACV,IAAI;IACfgB,aAAa,EAAGf,KAAa,IAAK,GAAGA,KAAK;EAC9C;AACJ,CAAC;AAED,OAAO,MAAMgB,mBAA0B,GAAG;EACtCjB,IAAI,EAAE;IACFC,KAAK,EAAE;EACX,CAAC;EACDiB,MAAM,EAAElB,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEkB,QAAQ,CAAC,GAAG5B,QAAQ,CAACS,IAAI,CAACC,KAAK,CAAC;IAE9CT,SAAS,CAAC,MAAM;MACZ,MAAM4B,QAAQ,GAAGC,WAAW,CAAC,MAAM;QAC/BF,QAAQ,CAAC,CAACG,SAAS,GAAG,CAAC,KAAK;UACxB,MAAMrB,KAAK,GAAGsB,MAAM,CAACD,SAAS,CAAC;UAE/B,IAAIrB,KAAK,KAAK,GAAG,EAAE;YACf,OAAOA,KAAK;UAChB;UACA,OAAOA,KAAK,GAAG,CAAC;QACpB,CAAC,CAAC;MACN,CAAC,EAAE,GAAG,CAAC;MAEP,OAAO,MAAMuB,aAAa,CAACJ,QAAQ,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC;IAEN,oBAAO9B,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,MAAA,CAAAC,MAAA,KAAK3B,IAAI;MAAEC,KAAK,EAAEA;IAAM,EAAE,CAAC;EAClD;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"ProgressBar/ProgressBar.stories.js","sources":["../../src/ProgressBar/ProgressBar.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar } from \"./ProgressBar.js\";\n\nconst meta: Meta<typeof ProgressBar> = {\n    title: \"Components/ProgressBar\",\n    component: ProgressBar,\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        value: 50\n    },\n    argTypes: {\n        value: {\n            description: \"Current progress value (0-100)\",\n            control: { type: \"number\", min: 0, max: 100 }\n        },\n        max: {\n            description: \"Maximum value for the progress bar. Defaults to 100.\",\n            control: { type: \"number\", min: 1 }\n        },\n        valuePosition: {\n            description:\n                \"Position of the value label relative to the progress bar. Can be 'start', 'end',  or 'both'. Defaults to 'undefined'.\",\n            control: {\n                type: \"select\",\n                options: [\"start\", \"end\", \"both\"]\n            }\n        }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ProgressBar>;\n\nexport const Default: Story = {\n    args: {\n        value: 50\n    }\n};\n\nexport const WithCustomMaxValue: Story = {\n    args: {\n        ...Default.args,\n        max: 200\n    }\n};\n\nexport const WithValuePositionStart: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"start\"\n    }\n};\n\nexport const WithValuePositionEnd: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"end\"\n    }\n};\n\nexport const WithValuePositionBoth: Story = {\n    args: {\n        ...Default.args,\n        valuePosition: \"both\"\n    }\n};\n\nexport const WithGetValueLabel: Story = {\n    args: {\n        ...Default.args,\n        getValueLabel: (value: number) => `${value} mb`\n    }\n};\n\nexport const WithControlledValue: Story = {\n    args: {\n        value: 0\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n\n        useEffect(() => {\n            const interval = setInterval(() => {\n                setValue((prevValue = 0) => {\n                    const value = Number(prevValue);\n\n                    if (value === 100) {\n                        return value;\n                    }\n                    return value + 5;\n                });\n            }, 100);\n\n            return () => clearInterval(interval);\n        }, []);\n\n        return <ProgressBar {...args} value={value} />;\n    }\n};\n"],"names":["meta","ProgressBar","Documentation","Default","WithCustomMaxValue","WithValuePositionStart","WithValuePositionEnd","WithValuePositionBoth","WithGetValueLabel","value","WithControlledValue","args","setValue","useState","useEffect","interval","setInterval","prevValue","Number","clearInterval"],"mappings":";;AAIA,MAAMA,OAAiC;IACnC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;QACF,OAAO;IACX;IACA,UAAU;QACN,OAAO;YACH,aAAa;YACb,SAAS;gBAAE,MAAM;gBAAU,KAAK;gBAAG,KAAK;YAAI;QAChD;QACA,KAAK;YACD,aAAa;YACb,SAAS;gBAAE,MAAM;gBAAU,KAAK;YAAE;QACtC;QACA,eAAe;YACX,aACI;YACJ,SAAS;gBACL,MAAM;gBACN,SAAS;oBAAC;oBAAS;oBAAO;iBAAO;YACrC;QACJ;IACJ;AACJ;AAEA,4BAAeF;AAGR,MAAMG,UAAiB;IAC1B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,qBAA4B;IACrC,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,KAAK;IACT;AACJ;AAEO,MAAME,yBAAgC;IACzC,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMG,uBAA8B;IACvC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMI,wBAA+B;IACxC,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMK,oBAA2B;IACpC,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,eAAe,CAACM,QAAkB,GAAGA,MAAM,GAAG,CAAC;IACnD;AACJ;AAEO,MAAMC,sBAA6B;IACtC,MAAM;QACF,OAAO;IACX;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACF,OAAOG,SAAS,GAAGC,SAASF,KAAK,KAAK;QAE7CG,UAAU;YACN,MAAMC,WAAWC,YAAY;gBACzBJ,SAAS,CAACK,YAAY,CAAC;oBACnB,MAAMR,QAAQS,OAAOD;oBAErB,IAAIR,AAAU,QAAVA,OACA,OAAOA;oBAEX,OAAOA,QAAQ;gBACnB;YACJ,GAAG;YAEH,OAAO,IAAMU,cAAcJ;QAC/B,GAAG,EAAE;QAEL,OAAO,WAAP,GAAO,oBAACd,aAAWA;YAAE,GAAGU,IAAI;YAAE,OAAOF;;IACzC;AACJ"}

package/ProgressBar/components/ProgressIndicator.js

@@ -1,16 +1,12 @@
-import React from "react";
-import { Progress as ProgressPrimitive } from "radix-ui";
-const ProgressIndicator = ({
-  value = 0
-}) => {
-  return /*#__PURE__*/React.createElement(ProgressPrimitive.Indicator, {
-    "data-slot": "progress-indicator",
-    className: "bg-primary h-full w-full flex-1 rounded-full transition-all",
-    style: {
-      transform: `translateX(-${100 - (value || 0)}%)`
-    }
-  });
-};
+import react from "react";
+import { Progress } from "radix-ui";
+const ProgressIndicator = ({ value = 0 })=>/*#__PURE__*/ react.createElement(Progress.Indicator, {
+        "data-slot": "progress-indicator",
+        className: "bg-primary h-full w-full flex-1 rounded-full transition-all",
+        style: {
+            transform: `translateX(-${100 - (value || 0)}%)`
+        }
+    });
 export { ProgressIndicator };
 
 //# sourceMappingURL=ProgressIndicator.js.map

package/ProgressBar/components/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Progress","ProgressPrimitive","ProgressIndicator","value","createElement","Indicator","className","style","transform"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\ninterface ProgressIndicatorProps {\n    value?: number | null;\n}\n\nconst ProgressIndicator = ({ value = 0 }: ProgressIndicatorProps) => {\n    return (\n        <ProgressPrimitive.Indicator\n            data-slot=\"progress-indicator\"\n            className=\"bg-primary h-full w-full flex-1 rounded-full transition-all\"\n            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n        />\n    );\n};\n\nexport { ProgressIndicator, type ProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,UAAU;AAMxD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK,GAAG;AAA0B,CAAC,KAAK;EACjE,oBACIJ,KAAA,CAAAK,aAAA,CAACH,iBAAiB,CAACI,SAAS;IACxB,aAAU,oBAAoB;IAC9BC,SAAS,EAAC,6DAA6D;IACvEC,KAAK,EAAE;MAAEC,SAAS,EAAE,eAAe,GAAG,IAAIL,KAAK,IAAI,CAAC,CAAC;IAAK;EAAE,CAC/D,CAAC;AAEV,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ProgressBar/components/ProgressIndicator.js","sources":["../../../src/ProgressBar/components/ProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\n\ninterface ProgressIndicatorProps {\n    value?: number | null;\n}\n\nconst ProgressIndicator = ({ value = 0 }: ProgressIndicatorProps) => {\n    return (\n        <ProgressPrimitive.Indicator\n            data-slot=\"progress-indicator\"\n            className=\"bg-primary h-full w-full flex-1 rounded-full transition-all\"\n            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n        />\n    );\n};\n\nexport { ProgressIndicator, type ProgressIndicatorProps };\n"],"names":["ProgressIndicator","value","ProgressPrimitive"],"mappings":";;AAOA,MAAMA,oBAAoB,CAAC,EAAEC,QAAQ,CAAC,EAA0B,GACrD,WAAP,GACI,oBAACC,SAAAA,SAA2B;QACxB,aAAU;QACV,WAAU;QACV,OAAO;YAAE,WAAW,CAAC,YAAY,EAAE,MAAOD,CAAAA,SAAS,GAAG,EAAE,CAAC;QAAC"}

package/ProgressBar/components/ProgressRoot.js

@@ -1,15 +1,11 @@
-import React from "react";
-import { Progress as ProgressPrimitive } from "radix-ui";
+import react from "react";
+import { Progress } from "radix-ui";
 import { cn } from "../../utils.js";
-const ProgressRoot = ({
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(ProgressPrimitive.Root, Object.assign({
-    "data-slot": "progress",
-    className: cn("bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full", className)
-  }, props));
-};
+const ProgressRoot = ({ className, ...props })=>/*#__PURE__*/ react.createElement(Progress.Root, {
+        "data-slot": "progress",
+        className: cn("bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full", className),
+        ...props
+    });
 export { ProgressRoot };
 
 //# sourceMappingURL=ProgressRoot.js.map

package/ProgressBar/components/ProgressRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Progress","ProgressPrimitive","cn","ProgressRoot","className","props","createElement","Root","Object","assign"],"sources":["ProgressRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype ProgressRootProps = ProgressPrimitive.ProgressProps;\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n    return (\n        <ProgressPrimitive.Root\n            data-slot=\"progress\"\n            className={cn(\n                \"bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full\",\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { ProgressRoot, type ProgressRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,UAAU;AACxD,SAASC,EAAE;AAIX,MAAMC,YAAY,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAyB,CAAC,KAAK;EACjE,oBACIN,KAAA,CAAAO,aAAA,CAACL,iBAAiB,CAACM,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACnB,aAAU,UAAU;IACpBL,SAAS,EAAEF,EAAE,CACT,yEAAyE,EACzEE,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,YAAY","ignoreList":[]}
+{"version":3,"file":"ProgressBar/components/ProgressRoot.js","sources":["../../../src/ProgressBar/components/ProgressRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as ProgressPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype ProgressRootProps = ProgressPrimitive.ProgressProps;\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n    return (\n        <ProgressPrimitive.Root\n            data-slot=\"progress\"\n            className={cn(\n                \"bg-neutral-muted relative h-xs-plus w-full overflow-hidden rounded-full\",\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { ProgressRoot, type ProgressRootProps };\n"],"names":["ProgressRoot","className","props","ProgressPrimitive","cn"],"mappings":";;;AAMA,MAAMA,eAAe,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA0B,GACrD,WAAP,GACI,oBAACC,SAAAA,IAAsB;QACnB,aAAU;QACV,WAAWC,GACP,2EACAH;QAEH,GAAGC,KAAK"}

package/ProgressBar/components/ProgressValue.js

@@ -1,13 +1,9 @@
-import React from "react";
+import react from "react";
 import { Text } from "../../Text/index.js";
-const ProgressValue = ({
-  value
-}) => {
-  return /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "leading-none shrink-0"
-  }, value);
-};
+const ProgressValue = ({ value })=>/*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "leading-none shrink-0"
+    }, value);
 export { ProgressValue };
 
 //# sourceMappingURL=ProgressValue.js.map

package/ProgressBar/components/ProgressValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","ProgressValue","value","createElement","size","className"],"sources":["ProgressValue.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\n\ninterface ProgressBarProps {\n    value: string;\n}\n\nconst ProgressValue = ({ value }: ProgressBarProps) => {\n    return (\n        <Text size={\"sm\"} className={\"leading-none shrink-0\"}>\n            {value}\n        </Text>\n    );\n};\n\nexport { ProgressValue, type ProgressBarProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACnD,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE,IAAK;IAACC,SAAS,EAAE;EAAwB,GAChDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,aAAa","ignoreList":[]}
+{"version":3,"file":"ProgressBar/components/ProgressValue.js","sources":["../../../src/ProgressBar/components/ProgressValue.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text/index.js\";\n\ninterface ProgressBarProps {\n    value: string;\n}\n\nconst ProgressValue = ({ value }: ProgressBarProps) => {\n    return (\n        <Text size={\"sm\"} className={\"leading-none shrink-0\"}>\n            {value}\n        </Text>\n    );\n};\n\nexport { ProgressValue, type ProgressBarProps };\n"],"names":["ProgressValue","value","Text"],"mappings":";;AAOA,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAoB,GACvC,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBD"}

package/ProgressBar/components/index.js

@@ -1,5 +1,3 @@
 export * from "./ProgressIndicator.js";
 export * from "./ProgressRoot.js";
 export * from "./ProgressValue.js";
-
-//# sourceMappingURL=index.js.map

package/ProgressBar/index.js

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

package/ProgressBar/presenters/ProgressBarPresenter.d.ts

@@ -5,6 +5,8 @@ interface ProgressBarPresenterParams {
 }
 interface ProgressBarVm {
     value: number;
+    /** The fill percentage (0–100), i.e. `value` scaled by `max`. This is what the bar renders. */
+    percent: number;
     textValue: string;
     min: number;
     textMin: string;
@@ -21,6 +23,8 @@ declare class ProgressBarPresenter implements IProgressBarPresenter {
     init(params: ProgressBarPresenterParams): void;
     get vm(): ProgressBarVm;
     private get value();
+    /** `value` scaled to a 0–100 fill percentage. Clamped, and guarded against a zero/absent max. */
+    private get percent();
     private get min();
     private get max();
     private getValueLabel;

package/ProgressBar/presenters/ProgressBarPresenter.js

@@ -1,37 +1,40 @@
 import { makeAutoObservable } from "mobx";
 class ProgressBarPresenter {
-  params = undefined;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init(params) {
-    this.params = params;
-  }
-  get vm() {
-    return {
-      value: this.value,
-      textValue: this.getValueLabel(this.value, this.max),
-      min: this.min,
-      textMin: String(this.min),
-      max: this.max,
-      textMax: String(this.max)
-    };
-  }
-  get value() {
-    return this.params?.value ?? 0;
-  }
-  get min() {
-    return 0;
-  }
-  get max() {
-    return this.params?.max ?? 100;
-  }
-  getValueLabel(value, max) {
-    if (this.params?.getValueLabel) {
-      return this.params.getValueLabel(value, max);
-    }
-    return `${Math.round(value / max * 100)}%`;
-  }
+    constructor(){
+        this.params = void 0;
+        makeAutoObservable(this);
+    }
+    init(params) {
+        this.params = params;
+    }
+    get vm() {
+        return {
+            value: this.value,
+            percent: this.percent,
+            textValue: this.getValueLabel(this.value, this.max),
+            min: this.min,
+            textMin: String(this.min),
+            max: this.max,
+            textMax: String(this.max)
+        };
+    }
+    get value() {
+        return this.params?.value ?? 0;
+    }
+    get percent() {
+        if (this.max <= 0) return 0;
+        return Math.min(100, Math.max(0, this.value / this.max * 100));
+    }
+    get min() {
+        return 0;
+    }
+    get max() {
+        return this.params?.max ?? 100;
+    }
+    getValueLabel(value, max) {
+        if (this.params?.getValueLabel) return this.params.getValueLabel(value, max);
+        return `${Math.round(value / max * 100)}%`;
+    }
 }
 export { ProgressBarPresenter };
 

package/ProgressBar/presenters/ProgressBarPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ProgressBarPresenter","params","undefined","constructor","init","vm","value","textValue","getValueLabel","max","min","textMin","String","textMax","Math","round"],"sources":["ProgressBarPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\ninterface ProgressBarPresenterParams {\n    value?: number | null;\n    max?: number;\n    getValueLabel?: (value: number, max: number) => string;\n}\n\ninterface ProgressBarVm {\n    value: number;\n    textValue: string;\n    min: number;\n    textMin: string;\n    max: number;\n    textMax: string;\n}\n\ninterface IProgressBarPresenter {\n    get vm(): ProgressBarVm;\n    init: (params: ProgressBarPresenterParams) => void;\n}\n\nclass ProgressBarPresenter implements IProgressBarPresenter {\n    private params?: ProgressBarPresenterParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: ProgressBarPresenterParams) {\n        this.params = params;\n    }\n\n    get vm(): ProgressBarVm {\n        return {\n            value: this.value,\n            textValue: this.getValueLabel(this.value, this.max),\n            min: this.min,\n            textMin: String(this.min),\n            max: this.max,\n            textMax: String(this.max)\n        };\n    }\n\n    private get value(): number {\n        return this.params?.value ?? 0;\n    }\n\n    private get min(): number {\n        return 0;\n    }\n\n    private get max(): number {\n        return this.params?.max ?? 100;\n    }\n\n    private getValueLabel(value: number, max: number): string {\n        if (this.params?.getValueLabel) {\n            return this.params.getValueLabel(value, max);\n        }\n        return `${Math.round((value / max) * 100)}%`;\n    }\n}\n\nexport { ProgressBarPresenter, type ProgressBarVm, type ProgressBarPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAsBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAEvDC,WAAWA,CAAA,EAAG;IACVJ,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAK,IAAIA,CAACH,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAII,EAAEA,CAAA,EAAkB;IACpB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,SAAS,EAAE,IAAI,CAACC,aAAa,CAAC,IAAI,CAACF,KAAK,EAAE,IAAI,CAACG,GAAG,CAAC;MACnDC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,OAAO,EAAEC,MAAM,CAAC,IAAI,CAACF,GAAG,CAAC;MACzBD,GAAG,EAAE,IAAI,CAACA,GAAG;MACbI,OAAO,EAAED,MAAM,CAAC,IAAI,CAACH,GAAG;IAC5B,CAAC;EACL;EAEA,IAAYH,KAAKA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACL,MAAM,EAAEK,KAAK,IAAI,CAAC;EAClC;EAEA,IAAYI,GAAGA,CAAA,EAAW;IACtB,OAAO,CAAC;EACZ;EAEA,IAAYD,GAAGA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACR,MAAM,EAAEQ,GAAG,IAAI,GAAG;EAClC;EAEQD,aAAaA,CAACF,KAAa,EAAEG,GAAW,EAAU;IACtD,IAAI,IAAI,CAACR,MAAM,EAAEO,aAAa,EAAE;MAC5B,OAAO,IAAI,CAACP,MAAM,CAACO,aAAa,CAACF,KAAK,EAAEG,GAAG,CAAC;IAChD;IACA,OAAO,GAAGK,IAAI,CAACC,KAAK,CAAET,KAAK,GAAGG,GAAG,GAAI,GAAG,CAAC,GAAG;EAChD;AACJ;AAEA,SAAST,oBAAoB","ignoreList":[]}
+{"version":3,"file":"ProgressBar/presenters/ProgressBarPresenter.js","sources":["../../../src/ProgressBar/presenters/ProgressBarPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\ninterface ProgressBarPresenterParams {\n    value?: number | null;\n    max?: number;\n    getValueLabel?: (value: number, max: number) => string;\n}\n\ninterface ProgressBarVm {\n    value: number;\n    /** The fill percentage (0–100), i.e. `value` scaled by `max`. This is what the bar renders. */\n    percent: number;\n    textValue: string;\n    min: number;\n    textMin: string;\n    max: number;\n    textMax: string;\n}\n\ninterface IProgressBarPresenter {\n    get vm(): ProgressBarVm;\n    init: (params: ProgressBarPresenterParams) => void;\n}\n\nclass ProgressBarPresenter implements IProgressBarPresenter {\n    private params?: ProgressBarPresenterParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: ProgressBarPresenterParams) {\n        this.params = params;\n    }\n\n    get vm(): ProgressBarVm {\n        return {\n            value: this.value,\n            percent: this.percent,\n            textValue: this.getValueLabel(this.value, this.max),\n            min: this.min,\n            textMin: String(this.min),\n            max: this.max,\n            textMax: String(this.max)\n        };\n    }\n\n    private get value(): number {\n        return this.params?.value ?? 0;\n    }\n\n    /** `value` scaled to a 0–100 fill percentage. Clamped, and guarded against a zero/absent max. */\n    private get percent(): number {\n        if (this.max <= 0) {\n            return 0;\n        }\n        return Math.min(100, Math.max(0, (this.value / this.max) * 100));\n    }\n\n    private get min(): number {\n        return 0;\n    }\n\n    private get max(): number {\n        return this.params?.max ?? 100;\n    }\n\n    private getValueLabel(value: number, max: number): string {\n        if (this.params?.getValueLabel) {\n            return this.params.getValueLabel(value, max);\n        }\n        return `${Math.round((value / max) * 100)}%`;\n    }\n}\n\nexport { ProgressBarPresenter, type ProgressBarVm, type ProgressBarPresenterParams };\n"],"names":["ProgressBarPresenter","undefined","makeAutoObservable","params","String","Math","value","max"],"mappings":";AAwBA,MAAMA;IAGF,aAAc;aAFN,MAAM,GAAgCC;QAG1CC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAkC,EAAE;QACrC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,IAAI,KAAoB;QACpB,OAAO;YACH,OAAO,IAAI,CAAC,KAAK;YACjB,SAAS,IAAI,CAAC,OAAO;YACrB,WAAW,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG;YAClD,KAAK,IAAI,CAAC,GAAG;YACb,SAASC,OAAO,IAAI,CAAC,GAAG;YACxB,KAAK,IAAI,CAAC,GAAG;YACb,SAASA,OAAO,IAAI,CAAC,GAAG;QAC5B;IACJ;IAEA,IAAY,QAAgB;QACxB,OAAO,IAAI,CAAC,MAAM,EAAE,SAAS;IACjC;IAGA,IAAY,UAAkB;QAC1B,IAAI,IAAI,CAAC,GAAG,IAAI,GACZ,OAAO;QAEX,OAAOC,KAAK,GAAG,CAAC,KAAKA,KAAK,GAAG,CAAC,GAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAI;IAC/D;IAEA,IAAY,MAAc;QACtB,OAAO;IACX;IAEA,IAAY,MAAc;QACtB,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO;IAC/B;IAEQ,cAAcC,KAAa,EAAEC,GAAW,EAAU;QACtD,IAAI,IAAI,CAAC,MAAM,EAAE,eACb,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAACD,OAAOC;QAE5C,OAAO,GAAGF,KAAK,KAAK,CAAEC,QAAQC,MAAO,KAAK,CAAC,CAAC;IAChD;AACJ"}

package/ProgressBar/presenters/ProgressBarPresenter.test.js

@@ -1,44 +1,63 @@
 import { describe, expect, it } from "vitest";
 import { ProgressBarPresenter } from "./ProgressBarPresenter.js";
-describe("ProgressBarPresenter", () => {
-  const presenter = new ProgressBarPresenter();
-  it("should initialize with default values", () => {
-    presenter.init({});
-    expect(presenter.vm.value).toBe(0);
-    expect(presenter.vm.textValue).toBe("0%");
-    expect(presenter.vm.min).toBe(0);
-    expect(presenter.vm.textMin).toBe("0");
-    expect(presenter.vm.max).toBe(100);
-    expect(presenter.vm.textMax).toBe("100");
-  });
-  it("should initialize with custom values", () => {
-    presenter.init({
-      value: 50,
-      max: 200
+describe("ProgressBarPresenter", ()=>{
+    const presenter = new ProgressBarPresenter();
+    it("should initialize with default values", ()=>{
+        presenter.init({});
+        expect(presenter.vm.value).toBe(0);
+        expect(presenter.vm.percent).toBe(0);
+        expect(presenter.vm.textValue).toBe("0%");
+        expect(presenter.vm.min).toBe(0);
+        expect(presenter.vm.textMin).toBe("0");
+        expect(presenter.vm.max).toBe(100);
+        expect(presenter.vm.textMax).toBe("100");
     });
-    expect(presenter.vm.value).toBe(50);
-    expect(presenter.vm.textValue).toBe("25%");
-    expect(presenter.vm.max).toBe(200);
-    expect(presenter.vm.textMax).toBe("200");
-  });
-  it("should use custom getValueLabel function", () => {
-    const getValueLabel = (value, max) => `${value}/${max}`;
-    presenter.init({
-      value: 30,
-      max: 150,
-      getValueLabel
+    it("should initialize with custom values", ()=>{
+        presenter.init({
+            value: 50,
+            max: 200
+        });
+        expect(presenter.vm.value).toBe(50);
+        expect(presenter.vm.percent).toBe(25);
+        expect(presenter.vm.textValue).toBe("25%");
+        expect(presenter.vm.max).toBe(200);
+        expect(presenter.vm.textMax).toBe("200");
     });
-    expect(presenter.vm.textValue).toBe("30/150");
-  });
-  it("should handle null and undefined values gracefully", () => {
-    presenter.init({
-      value: null,
-      max: undefined
+    it("scales the fill percent by max and clamps to 0–100", ()=>{
+        presenter.init({
+            value: 5,
+            max: 10
+        });
+        expect(presenter.vm.percent).toBe(50);
+        presenter.init({
+            value: 150,
+            max: 100
+        });
+        expect(presenter.vm.percent).toBe(100);
+        presenter.init({
+            value: 5,
+            max: 0
+        });
+        expect(presenter.vm.percent).toBe(0);
+    });
+    it("should use custom getValueLabel function", ()=>{
+        const getValueLabel = (value, max)=>`${value}/${max}`;
+        presenter.init({
+            value: 30,
+            max: 150,
+            getValueLabel
+        });
+        expect(presenter.vm.textValue).toBe("30/150");
+    });
+    it("should handle null and undefined values gracefully", ()=>{
+        presenter.init({
+            value: null,
+            max: void 0
+        });
+        expect(presenter.vm.value).toBe(0);
+        expect(presenter.vm.max).toBe(100);
+        expect(presenter.vm.textValue).toBe("0%");
     });
-    expect(presenter.vm.value).toBe(0);
-    expect(presenter.vm.max).toBe(100);
-    expect(presenter.vm.textValue).toBe("0%");
-  });
 });
 
 //# sourceMappingURL=ProgressBarPresenter.test.js.map

package/ProgressBar/presenters/ProgressBarPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","expect","it","ProgressBarPresenter","presenter","init","vm","value","toBe","textValue","min","textMin","max","textMax","getValueLabel","undefined"],"sources":["ProgressBarPresenter.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { ProgressBarPresenter } from \"./ProgressBarPresenter.js\";\n\ndescribe(\"ProgressBarPresenter\", () => {\n    const presenter = new ProgressBarPresenter();\n\n    it(\"should initialize with default values\", () => {\n        presenter.init({});\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n        expect(presenter.vm.min).toBe(0);\n        expect(presenter.vm.textMin).toBe(\"0\");\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textMax).toBe(\"100\");\n    });\n\n    it(\"should initialize with custom values\", () => {\n        presenter.init({ value: 50, max: 200 });\n        expect(presenter.vm.value).toBe(50);\n        expect(presenter.vm.textValue).toBe(\"25%\");\n        expect(presenter.vm.max).toBe(200);\n        expect(presenter.vm.textMax).toBe(\"200\");\n    });\n\n    it(\"should use custom getValueLabel function\", () => {\n        const getValueLabel = (value: number, max: number) => `${value}/${max}`;\n        presenter.init({ value: 30, max: 150, getValueLabel });\n        expect(presenter.vm.textValue).toBe(\"30/150\");\n    });\n\n    it(\"should handle null and undefined values gracefully\", () => {\n        presenter.init({ value: null, max: undefined });\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n    });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAC7C,SAASC,oBAAoB;AAE7BH,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACnC,MAAMI,SAAS,GAAG,IAAID,oBAAoB,CAAC,CAAC;EAE5CD,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAC9CE,SAAS,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBJ,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;IACzCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACI,GAAG,CAAC,CAACF,IAAI,CAAC,CAAC,CAAC;IAChCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACK,OAAO,CAAC,CAACH,IAAI,CAAC,GAAG,CAAC;IACtCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFN,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC7CE,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE;IAAI,CAAC,CAAC;IACvCX,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IACnCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;IAC1CP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACO,OAAO,CAAC,CAACL,IAAI,CAAC,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEFN,EAAE,CAAC,0CAA0C,EAAE,MAAM;IACjD,MAAMY,aAAa,GAAGA,CAACP,KAAa,EAAEK,GAAW,KAAK,GAAGL,KAAK,IAAIK,GAAG,EAAE;IACvER,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,EAAE;MAAEK,GAAG,EAAE,GAAG;MAAEE;IAAc,CAAC,CAAC;IACtDb,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,QAAQ,CAAC;EACjD,CAAC,CAAC;EAEFN,EAAE,CAAC,oDAAoD,EAAE,MAAM;IAC3DE,SAAS,CAACC,IAAI,CAAC;MAAEE,KAAK,EAAE,IAAI;MAAEK,GAAG,EAAEG;IAAU,CAAC,CAAC;IAC/Cd,MAAM,CAACG,SAAS,CAACE,EAAE,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACM,GAAG,CAAC,CAACJ,IAAI,CAAC,GAAG,CAAC;IAClCP,MAAM,CAACG,SAAS,CAACE,EAAE,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"ProgressBar/presenters/ProgressBarPresenter.test.js","sources":["../../../src/ProgressBar/presenters/ProgressBarPresenter.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { ProgressBarPresenter } from \"./ProgressBarPresenter.js\";\n\ndescribe(\"ProgressBarPresenter\", () => {\n    const presenter = new ProgressBarPresenter();\n\n    it(\"should initialize with default values\", () => {\n        presenter.init({});\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.percent).toBe(0);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n        expect(presenter.vm.min).toBe(0);\n        expect(presenter.vm.textMin).toBe(\"0\");\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textMax).toBe(\"100\");\n    });\n\n    it(\"should initialize with custom values\", () => {\n        presenter.init({ value: 50, max: 200 });\n        expect(presenter.vm.value).toBe(50);\n        // The fill is `value` scaled by `max` — 50/200 — not the raw value.\n        expect(presenter.vm.percent).toBe(25);\n        expect(presenter.vm.textValue).toBe(\"25%\");\n        expect(presenter.vm.max).toBe(200);\n        expect(presenter.vm.textMax).toBe(\"200\");\n    });\n\n    it(\"scales the fill percent by max and clamps to 0–100\", () => {\n        presenter.init({ value: 5, max: 10 });\n        expect(presenter.vm.percent).toBe(50);\n\n        presenter.init({ value: 150, max: 100 });\n        expect(presenter.vm.percent).toBe(100);\n\n        presenter.init({ value: 5, max: 0 });\n        expect(presenter.vm.percent).toBe(0);\n    });\n\n    it(\"should use custom getValueLabel function\", () => {\n        const getValueLabel = (value: number, max: number) => `${value}/${max}`;\n        presenter.init({ value: 30, max: 150, getValueLabel });\n        expect(presenter.vm.textValue).toBe(\"30/150\");\n    });\n\n    it(\"should handle null and undefined values gracefully\", () => {\n        presenter.init({ value: null, max: undefined });\n        expect(presenter.vm.value).toBe(0);\n        expect(presenter.vm.max).toBe(100);\n        expect(presenter.vm.textValue).toBe(\"0%\");\n    });\n});\n"],"names":["describe","presenter","ProgressBarPresenter","it","expect","getValueLabel","value","max","undefined"],"mappings":";;AAGAA,SAAS,wBAAwB;IAC7B,MAAMC,YAAY,IAAIC;IAEtBC,GAAG,yCAAyC;QACxCF,UAAU,IAAI,CAAC,CAAC;QAChBG,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAChCG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;QAClCG,OAAOH,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;QACpCG,OAAOH,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QAC9BG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;QAClCG,OAAOH,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QAC9BG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;IACtC;IAEAE,GAAG,wCAAwC;QACvCF,UAAU,IAAI,CAAC;YAAE,OAAO;YAAI,KAAK;QAAI;QACrCG,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAEhCG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;QAClCG,OAAOH,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;QACpCG,OAAOH,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QAC9BG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;IACtC;IAEAE,GAAG,sDAAsD;QACrDF,UAAU,IAAI,CAAC;YAAE,OAAO;YAAG,KAAK;QAAG;QACnCG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;QAElCA,UAAU,IAAI,CAAC;YAAE,OAAO;YAAK,KAAK;QAAI;QACtCG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;QAElCA,UAAU,IAAI,CAAC;YAAE,OAAO;YAAG,KAAK;QAAE;QAClCG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;IACtC;IAEAE,GAAG,4CAA4C;QAC3C,MAAME,gBAAgB,CAACC,OAAeC,MAAgB,GAAGD,MAAM,CAAC,EAAEC,KAAK;QACvEN,UAAU,IAAI,CAAC;YAAE,OAAO;YAAI,KAAK;YAAKI;QAAc;QACpDD,OAAOH,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;IACxC;IAEAE,GAAG,sDAAsD;QACrDF,UAAU,IAAI,CAAC;YAAE,OAAO;YAAM,KAAKO;QAAU;QAC7CJ,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAChCG,OAAOH,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QAC9BG,OAAOH,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;IACxC;AACJ"}

package/ProgressBar/presenters/index.js

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