@trsys-tech/matrix-library 0.6.0 → 1.0.0-canary.0

package/dist/progress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.es.js","sources":["../src/components/progress/Progress.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst progressVariants = tv({\r\n  base: \"\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"bg-primary\",\r\n      info: \"bg-info\",\r\n      success: \"bg-success\",\r\n      warning: \"bg-warning\",\r\n      danger: \"bg-danger\",\r\n    },\r\n    size: {\r\n      sm: \"h-[3px]\",\r\n      md: \"h-[4px]\",\r\n      lg: \"h-[5px]\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ntype ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {\r\n  variant?: VariantProps<typeof progressVariants>[\"variant\"];\r\n  size?: VariantProps<typeof progressVariants>[\"size\"];\r\n};\r\n\r\nconst Progress = React.forwardRef<React.ElementRef<typeof ProgressPrimitive.Root>, ProgressProps>(\r\n  ({ className, value, variant, size, ...props }, ref) => (\r\n    <ProgressPrimitive.Root ref={ref} className={cn(progressVariants({ size }), \"relative w-full overflow-hidden bg-gray-300\", className)} {...props}>\r\n      <ProgressPrimitive.Indicator\r\n        className={cn(\"h-full w-full flex-1 transition-all\", progressVariants({ variant }))}\r\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\r\n      />\r\n    </ProgressPrimitive.Root>\r\n  ),\r\n);\r\nProgress.displayName = ProgressPrimitive.Root.displayName;\r\n\r\nexport { Progress, type ProgressProps };\r\n"],"names":["progressVariants","tv","Progress","React","className","value","variant","size","props","ref","jsx","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAC9C,gBAAAC,EAACC,EAAkB,MAAlB,EAAuB,KAAAF,GAAU,WAAWG,EAAGZ,EAAiB,EAAE,MAAAO,EAAA,CAAM,GAAG,+CAA+CH,CAAS,GAAI,GAAGI,GACzI,UAAA,gBAAAE;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,WAAWC,EAAG,uCAAuCZ,EAAiB,EAAE,SAAAM,EAAA,CAAS,CAAC;AAAA,MAClF,OAAO,EAAE,WAAW,eAAe,OAAOD,KAAS,EAAE,KAAA;AAAA,IAAK;AAAA,EAAA,EAC5D,CACF;AAEJ;AACAH,EAAS,cAAcS,EAAkB,KAAK;"}
+{"version":3,"file":"progress.es.js","sources":["../src/components/progress/Progress.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst progressVariants = tv({\r\n  base: \"\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"mtx-bg-primary\",\r\n      info: \"mtx-bg-info\",\r\n      success: \"mtx-bg-success\",\r\n      warning: \"mtx-bg-warning\",\r\n      danger: \"mtx-bg-danger\",\r\n    },\r\n    size: {\r\n      sm: \"mtx-h-[3px]\",\r\n      md: \"mtx-h-[4px]\",\r\n      lg: \"mtx-h-[5px]\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ntype ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {\r\n  variant?: VariantProps<typeof progressVariants>[\"variant\"];\r\n  size?: VariantProps<typeof progressVariants>[\"size\"];\r\n};\r\n\r\nconst Progress = React.forwardRef<React.ElementRef<typeof ProgressPrimitive.Root>, ProgressProps>(\r\n  ({ className, value, variant, size, ...props }, ref) => (\r\n    <ProgressPrimitive.Root\r\n      ref={ref}\r\n      className={cn(progressVariants({ size }), \"mtx-relative mtx-w-full mtx-overflow-hidden mtx-bg-gray-300\", className)}\r\n      {...props}\r\n    >\r\n      <ProgressPrimitive.Indicator\r\n        className={cn(\"mtx-h-full mtx-w-full mtx-flex-1 mtx-transition-all\", progressVariants({ variant }))}\r\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\r\n      />\r\n    </ProgressPrimitive.Root>\r\n  ),\r\n);\r\nProgress.displayName = ProgressPrimitive.Root.displayName;\r\n\r\nexport { Progress, type ProgressProps };\r\n"],"names":["progressVariants","tv","Progress","React","className","value","variant","size","props","ref","jsx","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAC9C,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAGZ,EAAiB,EAAE,MAAAO,GAAM,GAAG,+DAA+DH,CAAS;AAAA,MACjH,GAAGI;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,WAAWC,EAAG,uDAAuDZ,EAAiB,EAAE,SAAAM,EAAA,CAAS,CAAC;AAAA,UAClG,OAAO,EAAE,WAAW,eAAe,OAAOD,KAAS,EAAE,KAAA;AAAA,QAAK;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAGN;AACAH,EAAS,cAAcS,EAAkB,KAAK;"}

package/dist/radiogroup.es.js

@@ -1,25 +1,25 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { Circle as t } from "@trsys-tech/matrix-icons";
+import { jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { Circle as d } from "@trsys-tech/matrix-icons";
 import * as r from "@radix-ui/react-radio-group";
-import { cn as s } from "./utils.es.js";
-const m = d.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(r.Root, { className: s("grid gap-2", o), ...a, ref: i }));
-m.displayName = r.Root.displayName;
-const l = d.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(
+import { cn as i } from "./utils.es.js";
+const s = a.forwardRef(({ className: m, ...e }, o) => /* @__PURE__ */ t(r.Root, { className: i("mtx-grid mtx-gap-2", m), ...e, ref: o }));
+s.displayName = r.Root.displayName;
+const x = a.forwardRef(({ className: m, ...e }, o) => /* @__PURE__ */ t(
   r.Item,
   {
-    ref: i,
-    className: s(
-      "aspect-square h-4 w-4 rounded-full border border-gray-400 data-[state=checked]:border-primary hover:border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted disabled:border-muted",
-      o
+    ref: o,
+    className: i(
+      "mtx-aspect-square mtx-h-4 mtx-w-4 mtx-rounded-full mtx-border mtx-border-gray-400 data-[state=checked]:mtx-border-primary hover:mtx-border-primary mtx-text-primary mtx-shadow focus:mtx-outline-none focus-visible:mtx-ring-1 focus-visible:mtx-ring-ring disabled:mtx-cursor-not-allowed disabled:mtx-bg-muted disabled:mtx-border-muted",
+      m
     ),
-    ...a,
-    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(t, { className: "h-2.5 w-2.5 fill-primary" }) })
+    ...e,
+    children: /* @__PURE__ */ t(r.Indicator, { className: "mtx-flex mtx-items-center mtx-justify-center", children: /* @__PURE__ */ t(d, { className: "mtx-h-2.5 mtx-w-2.5 mtx-fill-primary" }) })
   }
 ));
-l.displayName = r.Item.displayName;
+x.displayName = r.Item.displayName;
 export {
-  m as RadioGroup,
-  l as RadioGroupItem
+  s as RadioGroup,
+  x as RadioGroupItem
 };
 //# sourceMappingURL=radiogroup.es.js.map

package/dist/radiogroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"radiogroup.es.js","sources":["../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Circle } from \"@trsys-tech/matrix-icons\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport type { RadioGroupProps, RadioGroupItemProps } from \"@radix-ui/react-radio-group\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\r\n});\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <RadioGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        \"aspect-square h-4 w-4 rounded-full border border-gray-400 data-[state=checked]:border-primary hover:border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted disabled:border-muted\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\r\n        <Circle className=\"h-2.5 w-2.5 fill-primary\" />\r\n      </RadioGroupPrimitive.Indicator>\r\n    </RadioGroupPrimitive.Item>\r\n  );\r\n});\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\r\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","Circle"],"mappings":";;;;;AASA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACnB,gBAAAC,EAACC,EAAoB,MAApB,EAAyB,WAAWC,EAAG,cAAcL,CAAS,GAAI,GAAGC,GAAO,KAAAC,EAAA,CAAU,CAC/F;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAElD,MAAME,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,oCACvC,UAAA,gBAAAD,EAACI,GAAA,EAAO,WAAU,2BAAA,CAA2B,EAAA,CAC/C;AAAA,EAAA;AAAA,CAGL;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}
+{"version":3,"file":"radiogroup.es.js","sources":["../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Circle } from \"@trsys-tech/matrix-icons\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport type { RadioGroupProps, RadioGroupItemProps } from \"@radix-ui/react-radio-group\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  return <RadioGroupPrimitive.Root className={cn(\"mtx-grid mtx-gap-2\", className)} {...props} ref={ref} />;\r\n});\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <RadioGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        \"mtx-aspect-square mtx-h-4 mtx-w-4 mtx-rounded-full mtx-border mtx-border-gray-400 data-[state=checked]:mtx-border-primary hover:mtx-border-primary mtx-text-primary mtx-shadow focus:mtx-outline-none focus-visible:mtx-ring-1 focus-visible:mtx-ring-ring disabled:mtx-cursor-not-allowed disabled:mtx-bg-muted disabled:mtx-border-muted\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <RadioGroupPrimitive.Indicator className=\"mtx-flex mtx-items-center mtx-justify-center\">\r\n        <Circle className=\"mtx-h-2.5 mtx-w-2.5 mtx-fill-primary\" />\r\n      </RadioGroupPrimitive.Indicator>\r\n    </RadioGroupPrimitive.Item>\r\n  );\r\n});\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\r\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","Circle"],"mappings":";;;;;AASA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACnB,gBAAAC,EAACC,EAAoB,MAApB,EAAyB,WAAWC,EAAG,sBAAsBL,CAAS,GAAI,GAAGC,GAAO,KAAAC,EAAA,CAAU,CACvG;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAElD,MAAME,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,gDACvC,UAAA,gBAAAD,EAACI,GAAA,EAAO,WAAU,uCAAA,CAAuC,EAAA,CAC3D;AAAA,EAAA;AAAA,CAGL;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}

package/dist/rating.es.js

@@ -1,139 +1,139 @@
-import { jsxs as _, jsx as s } from "react/jsx-runtime";
-import f from "react";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import u from "react";
 import { cn as a } from "./utils.es.js";
 import { tv as $ } from "tailwind-variants";
 import { Star as C } from "@trsys-tech/matrix-icons";
 const E = $({
-  base: "flex items-center gap-0",
+  base: "mtx-flex mtx-items-center mtx-gap-0",
   variants: {
     variant: {
-      default: "text-yellow-400",
-      primary: "text-primary",
-      secondary: "text-secondary",
-      success: "text-success",
-      danger: "text-danger",
-      warning: "text-warning",
-      info: "text-info"
+      default: "mtx-text-yellow-400",
+      primary: "mtx-text-primary",
+      secondary: "mtx-text-secondary",
+      success: "mtx-text-success",
+      danger: "mtx-text-danger",
+      warning: "mtx-text-warning",
+      info: "mtx-text-info"
     },
     size: {
-      sm: "[&_*_svg]:h-5 [&_*_svg]:w-5",
-      md: "[&_*_svg]:h-6 [&_*_svg]:w-6",
-      lg: "[&_*_svg]:h-8 [&_*_svg]:w-8"
+      sm: "[&_*_svg]:mtx-h-5 [&_*_svg]:mtx-w-5",
+      md: "[&_*_svg]:mtx-h-6 [&_*_svg]:mtx-w-6",
+      lg: "[&_*_svg]:mtx-h-8 [&_*_svg]:mtx-w-8"
     }
   },
   defaultVariants: {
     variant: "default",
     size: "md"
   }
-}), P = f.forwardRef((o, t) => {
+}), P = u.forwardRef((s, t) => {
   const {
-    precision: n = "full",
+    precision: l = "full",
     variant: r,
-    size: c,
-    readOnly: u = !1,
-    onValueChange: l,
+    size: n,
+    readOnly: x = !1,
+    onValueChange: o,
     value: e = 0,
-    className: k,
-    children: y,
-    max: m = 5,
-    Icon: b = C,
-    disabled: d,
-    ...w
-  } = o, [h, g] = f.useState(e), [N, x] = f.useState(null), v = N ?? h;
-  f.useEffect(() => {
-    g(e);
+    className: _,
+    children: k,
+    max: i = 5,
+    Icon: y = C,
+    disabled: b,
+    ...d
+  } = s, [v, h] = u.useState(e), [w, N] = u.useState(null), f = w ?? v;
+  u.useEffect(() => {
+    h(e);
   }, [e]);
-  const M = (i) => {
-    u || (g(i), l?.(i));
-  }, S = (i) => {
-    u || x(i);
+  const M = (c) => {
+    x || (h(c), o?.(c));
+  }, S = (c) => {
+    x || N(c);
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: a(E({ variant: r, size: c, className: k })),
+      className: a(E({ variant: r, size: n, className: _ })),
       role: "slider",
-      "data-value": h,
-      "aria-valuenow": v,
+      "data-value": v,
+      "aria-valuenow": f,
       "aria-valuemin": 0,
-      "aria-valuemax": m,
-      "aria-valuetext": `${v} out of ${m}`,
-      ...w,
+      "aria-valuemax": i,
+      "aria-valuetext": `${f} out of ${i}`,
+      ...d,
       ref: t,
       children: [
-        Array.from({ length: m }).map((i, p) => /* @__PURE__ */ s(
+        Array.from({ length: i }).map((c, g) => /* @__PURE__ */ m(
           R,
           {
-            Icon: b,
-            index: p,
-            displayedValue: v,
+            Icon: y,
+            index: g,
+            displayedValue: f,
             onHover: S,
             onValueChange: M,
-            precision: n,
-            readOnly: u,
-            disabled: d
+            precision: l,
+            readOnly: x,
+            disabled: b
           },
-          p
+          g
         )),
-        y
+        k
       ]
     }
   );
-}), R = ({ Icon: o, index: t, displayedValue: n, onHover: r, onValueChange: c, precision: u, readOnly: l, disabled: e }) => u === "half" ? /* @__PURE__ */ _(
+}), R = ({ Icon: s, index: t, displayedValue: l, onHover: r, onValueChange: n, precision: x, readOnly: o, disabled: e }) => x === "half" ? /* @__PURE__ */ p(
   "div",
   {
     className: a(
-      "relative hover:scale-125 transition-transform px-0.5",
-      l && "hover:scale-100",
-      e && "hover:scale-100 opacity-70"
+      "mtx-relative hover:mtx-scale-125 mtx-transition-transform mtx-px-0.5",
+      o && "hover:mtx-scale-100",
+      e && "hover:mtx-scale-100 mtx-opacity-70"
     ),
     children: [
-      /* @__PURE__ */ s(o, { className: a("stroke-gray-500") }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ m(s, { className: a("mtx-stroke-gray-500") }),
+      /* @__PURE__ */ m(
         "button",
         {
           type: "button",
           className: a(
-            "absolute top-0 w-[calc(50%+2px)] left-0 overflow-hidden h-full",
-            l && "cursor-default",
-            e && "cursor-default hover:scale-100 opacity-70"
+            "mtx-absolute mtx-top-0 mtx-w-[calc(50%+2px)] mtx-left-0 mtx-overflow-hidden mtx-h-full",
+            o && "mtx-cursor-default",
+            e && "mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70"
           ),
-          onClick: () => c(t + 0.5),
+          onClick: () => n(t + 0.5),
           onMouseEnter: () => r(t + 0.5),
           onMouseLeave: () => r(null),
           disabled: e,
           "aria-label": `Set rating to ${t + 0.5}`,
-          children: /* @__PURE__ */ s(
-            o,
+          children: /* @__PURE__ */ m(
+            s,
             {
               className: a(
-                "stroke-none absolute left-0.5 top-0 [mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]",
-                n >= t + 0.5 && "stroke-current fill-current"
+                "mtx-stroke-none mtx-absolute mtx-left-0.5 mtx-top-0 mtx-[mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]",
+                l >= t + 0.5 && "mtx-stroke-current mtx-fill-current"
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ m(
         "button",
         {
           type: "button",
           className: a(
-            "absolute top-0 w-[calc(50%+2px)] right-0 overflow-hidden h-full",
-            l && "cursor-default",
-            e && "cursor-default hover:scale-100 opacity-70"
+            "mtx-absolute mtx-top-0 mtx-w-[calc(50%+2px)] mtx-right-0 mtx-overflow-hidden mtx-h-full",
+            o && "mtx-cursor-default",
+            e && "mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70"
           ),
-          onClick: () => c(t + 1),
+          onClick: () => n(t + 1),
           onMouseEnter: () => r(t + 1),
           onMouseLeave: () => r(null),
           disabled: e,
           "aria-label": `Set rating to ${t + 1}`,
-          children: /* @__PURE__ */ s(
-            o,
+          children: /* @__PURE__ */ m(
+            s,
             {
               className: a(
-                "stroke-none absolute right-0.5 top-0 [mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]",
-                n >= t + 1 && "stroke-current fill-current"
+                "mtx-stroke-none mtx-absolute mtx-right-0.5 mtx-top-0 mtx-[mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]",
+                l >= t + 1 && "mtx-stroke-current mtx-fill-current"
               )
             }
           )
@@ -141,21 +141,21 @@ const E = $({
       )
     ]
   }
-) : /* @__PURE__ */ s(
+) : /* @__PURE__ */ m(
   "button",
   {
     type: "button",
-    onClick: () => c(t + 1),
+    onClick: () => n(t + 1),
     onMouseEnter: () => r(t + 1),
     onMouseLeave: () => r(null),
     className: a(
-      "hover:scale-125 px-0.5 transition-transform",
-      l && "cursor-default hover:scale-100",
-      e && "cursor-default hover:scale-100 opacity-70"
+      "hover:mtx-scale-125 mtx-px-0.5 mtx-transition-transform",
+      o && "mtx-cursor-default hover:mtx-scale-100",
+      e && "mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70"
     ),
     disabled: e,
     "aria-label": `Set rating to ${t + 1}`,
-    children: /* @__PURE__ */ s(o, { className: a("stroke-gray-500", n >= t + 1 && "stroke-current fill-current") })
+    children: /* @__PURE__ */ m(s, { className: a("mtx-stroke-gray-500", l >= t + 1 && "mtx-stroke-current mtx-fill-current") })
   }
 );
 export {

package/dist/rating.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.es.js","sources":["../src/components/rating/Rating.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Star } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst ratingVariants = tv({\r\n  base: \"flex items-center gap-0\",\r\n  variants: {\r\n    variant: {\r\n      default: \"text-yellow-400\",\r\n      primary: \"text-primary\",\r\n      secondary: \"text-secondary\",\r\n      success: \"text-success\",\r\n      danger: \"text-danger\",\r\n      warning: \"text-warning\",\r\n      info: \"text-info\",\r\n    },\r\n    size: {\r\n      sm: \"[&_*_svg]:h-5 [&_*_svg]:w-5\",\r\n      md: \"[&_*_svg]:h-6 [&_*_svg]:w-6\",\r\n      lg: \"[&_*_svg]:h-8 [&_*_svg]:w-8\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface RatingProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  precision?: \"half\" | \"full\";\r\n  variant?: VariantProps<typeof ratingVariants>[\"variant\"];\r\n  size?: VariantProps<typeof ratingVariants>[\"size\"];\r\n  readOnly?: boolean;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  children?: React.ReactNode;\r\n  disabled?: boolean;\r\n  max?: number;\r\n  Icon?: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n}\r\n\r\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>((props, ref) => {\r\n  const {\r\n    precision = \"full\",\r\n    variant,\r\n    size,\r\n    readOnly = false,\r\n    onValueChange,\r\n    value: _value = 0,\r\n    className,\r\n    children,\r\n    max = 5,\r\n    Icon = Star,\r\n    disabled,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const [value, setValue] = React.useState(_value);\r\n  const [hoveredValue, setHoveredValue] = React.useState<number | null>(null);\r\n\r\n  const displayedValue = hoveredValue ?? value;\r\n\r\n  React.useEffect(() => {\r\n    setValue(_value);\r\n  }, [_value]);\r\n\r\n  const handleValueChange = (newValue: number) => {\r\n    if (readOnly) return;\r\n    setValue(newValue);\r\n    onValueChange?.(newValue);\r\n  };\r\n\r\n  const handleHover = (newValue: number | null) => {\r\n    if (readOnly) return;\r\n    setHoveredValue(newValue);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(ratingVariants({ variant, size, className }))}\r\n      role=\"slider\"\r\n      data-value={value}\r\n      aria-valuenow={displayedValue}\r\n      aria-valuemin={0}\r\n      aria-valuemax={max}\r\n      aria-valuetext={`${displayedValue} out of ${max}`}\r\n      {...restProps}\r\n      ref={ref}\r\n    >\r\n      {Array.from({ length: max }).map((_, index) => (\r\n        <RatingItem\r\n          Icon={Icon}\r\n          index={index}\r\n          key={index}\r\n          displayedValue={displayedValue}\r\n          onHover={handleHover}\r\n          onValueChange={handleValueChange}\r\n          precision={precision}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n        />\r\n      ))}\r\n      {children}\r\n    </div>\r\n  );\r\n});\r\n\r\ntype RatingItemProps = {\r\n  Icon: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n  index: number;\r\n  onHover: (value: number | null) => void;\r\n  onValueChange: (value: number) => void;\r\n  displayedValue: number;\r\n  precision: \"half\" | \"full\";\r\n  readOnly: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nconst RatingItem = ({ Icon, index, displayedValue, onHover, onValueChange, precision, readOnly, disabled }: RatingItemProps) => {\r\n  if (precision === \"half\") {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"relative hover:scale-125 transition-transform px-0.5\",\r\n          readOnly && \"hover:scale-100\",\r\n          disabled && \"hover:scale-100 opacity-70\",\r\n        )}\r\n      >\r\n        <Icon className={cn(\"stroke-gray-500\")} />\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"absolute top-0 w-[calc(50%+2px)] left-0 overflow-hidden h-full\",\r\n            readOnly && \"cursor-default\",\r\n            disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 0.5)}\r\n          onMouseEnter={() => onHover(index + 0.5)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 0.5}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"stroke-none absolute left-0.5 top-0 [mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 0.5 && \"stroke-current fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"absolute top-0 w-[calc(50%+2px)] right-0 overflow-hidden h-full\",\r\n            readOnly && \"cursor-default\",\r\n            disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 1)}\r\n          onMouseEnter={() => onHover(index + 1)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 1}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"stroke-none absolute right-0.5 top-0 [mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 1 && \"stroke-current fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      onClick={() => onValueChange(index + 1)}\r\n      onMouseEnter={() => onHover(index + 1)}\r\n      onMouseLeave={() => onHover(null)}\r\n      className={cn(\r\n        \"hover:scale-125 px-0.5 transition-transform\",\r\n        readOnly && \"cursor-default hover:scale-100\",\r\n        disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n      )}\r\n      disabled={disabled}\r\n      aria-label={`Set rating to ${index + 1}`}\r\n    >\r\n      <Icon className={cn(\"stroke-gray-500\", displayedValue >= index + 1 && \"stroke-current fill-current\")} />\r\n    </button>\r\n  );\r\n};\r\n\r\nexport { Rating, type RatingProps };\r\n"],"names":["ratingVariants","tv","Rating","React","props","ref","precision","variant","size","readOnly","onValueChange","_value","className","children","max","Icon","Star","disabled","restProps","value","setValue","hoveredValue","setHoveredValue","displayedValue","handleValueChange","newValue","handleHover","jsxs","cn","_","index","jsx","RatingItem","onHover"],"mappings":"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"}
+{"version":3,"file":"rating.es.js","sources":["../src/components/rating/Rating.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Star } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst ratingVariants = tv({\r\n  base: \"mtx-flex mtx-items-center mtx-gap-0\",\r\n  variants: {\r\n    variant: {\r\n      default: \"mtx-text-yellow-400\",\r\n      primary: \"mtx-text-primary\",\r\n      secondary: \"mtx-text-secondary\",\r\n      success: \"mtx-text-success\",\r\n      danger: \"mtx-text-danger\",\r\n      warning: \"mtx-text-warning\",\r\n      info: \"mtx-text-info\",\r\n    },\r\n    size: {\r\n      sm: \"[&_*_svg]:mtx-h-5 [&_*_svg]:mtx-w-5\",\r\n      md: \"[&_*_svg]:mtx-h-6 [&_*_svg]:mtx-w-6\",\r\n      lg: \"[&_*_svg]:mtx-h-8 [&_*_svg]:mtx-w-8\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface RatingProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  precision?: \"half\" | \"full\";\r\n  variant?: VariantProps<typeof ratingVariants>[\"variant\"];\r\n  size?: VariantProps<typeof ratingVariants>[\"size\"];\r\n  readOnly?: boolean;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  children?: React.ReactNode;\r\n  disabled?: boolean;\r\n  max?: number;\r\n  Icon?: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n}\r\n\r\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>((props, ref) => {\r\n  const {\r\n    precision = \"full\",\r\n    variant,\r\n    size,\r\n    readOnly = false,\r\n    onValueChange,\r\n    value: _value = 0,\r\n    className,\r\n    children,\r\n    max = 5,\r\n    Icon = Star,\r\n    disabled,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const [value, setValue] = React.useState(_value);\r\n  const [hoveredValue, setHoveredValue] = React.useState<number | null>(null);\r\n\r\n  const displayedValue = hoveredValue ?? value;\r\n\r\n  React.useEffect(() => {\r\n    setValue(_value);\r\n  }, [_value]);\r\n\r\n  const handleValueChange = (newValue: number) => {\r\n    if (readOnly) return;\r\n    setValue(newValue);\r\n    onValueChange?.(newValue);\r\n  };\r\n\r\n  const handleHover = (newValue: number | null) => {\r\n    if (readOnly) return;\r\n    setHoveredValue(newValue);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(ratingVariants({ variant, size, className }))}\r\n      role=\"slider\"\r\n      data-value={value}\r\n      aria-valuenow={displayedValue}\r\n      aria-valuemin={0}\r\n      aria-valuemax={max}\r\n      aria-valuetext={`${displayedValue} out of ${max}`}\r\n      {...restProps}\r\n      ref={ref}\r\n    >\r\n      {Array.from({ length: max }).map((_, index) => (\r\n        <RatingItem\r\n          Icon={Icon}\r\n          index={index}\r\n          key={index}\r\n          displayedValue={displayedValue}\r\n          onHover={handleHover}\r\n          onValueChange={handleValueChange}\r\n          precision={precision}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n        />\r\n      ))}\r\n      {children}\r\n    </div>\r\n  );\r\n});\r\n\r\ntype RatingItemProps = {\r\n  Icon: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n  index: number;\r\n  onHover: (value: number | null) => void;\r\n  onValueChange: (value: number) => void;\r\n  displayedValue: number;\r\n  precision: \"half\" | \"full\";\r\n  readOnly: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nconst RatingItem = ({ Icon, index, displayedValue, onHover, onValueChange, precision, readOnly, disabled }: RatingItemProps) => {\r\n  if (precision === \"half\") {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"mtx-relative hover:mtx-scale-125 mtx-transition-transform mtx-px-0.5\",\r\n          readOnly && \"hover:mtx-scale-100\",\r\n          disabled && \"hover:mtx-scale-100 mtx-opacity-70\",\r\n        )}\r\n      >\r\n        <Icon className={cn(\"mtx-stroke-gray-500\")} />\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"mtx-absolute mtx-top-0 mtx-w-[calc(50%+2px)] mtx-left-0 mtx-overflow-hidden mtx-h-full\",\r\n            readOnly && \"mtx-cursor-default\",\r\n            disabled && \"mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 0.5)}\r\n          onMouseEnter={() => onHover(index + 0.5)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 0.5}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"mtx-stroke-none mtx-absolute mtx-left-0.5 mtx-top-0 mtx-[mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 0.5 && \"mtx-stroke-current mtx-fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"mtx-absolute mtx-top-0 mtx-w-[calc(50%+2px)] mtx-right-0 mtx-overflow-hidden mtx-h-full\",\r\n            readOnly && \"mtx-cursor-default\",\r\n            disabled && \"mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 1)}\r\n          onMouseEnter={() => onHover(index + 1)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 1}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"mtx-stroke-none mtx-absolute mtx-right-0.5 mtx-top-0 mtx-[mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 1 && \"mtx-stroke-current mtx-fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      onClick={() => onValueChange(index + 1)}\r\n      onMouseEnter={() => onHover(index + 1)}\r\n      onMouseLeave={() => onHover(null)}\r\n      className={cn(\r\n        \"hover:mtx-scale-125 mtx-px-0.5 mtx-transition-transform\",\r\n        readOnly && \"mtx-cursor-default hover:mtx-scale-100\",\r\n        disabled && \"mtx-cursor-default hover:mtx-scale-100 mtx-opacity-70\",\r\n      )}\r\n      disabled={disabled}\r\n      aria-label={`Set rating to ${index + 1}`}\r\n    >\r\n      <Icon className={cn(\"mtx-stroke-gray-500\", displayedValue >= index + 1 && \"mtx-stroke-current mtx-fill-current\")} />\r\n    </button>\r\n  );\r\n};\r\n\r\nexport { Rating, type RatingProps };\r\n"],"names":["ratingVariants","tv","Rating","React","props","ref","precision","variant","size","readOnly","onValueChange","_value","className","children","max","Icon","Star","disabled","restProps","value","setValue","hoveredValue","setHoveredValue","displayedValue","handleValueChange","newValue","handleHover","jsxs","cn","_","index","jsx","RatingItem","onHover"],"mappings":"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"}

package/dist/select.es.js

@@ -1,104 +1,123 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as l from "react";
-import { Check as g, ChevronDown as m, ChevronUp as b, XMark as w } from "@trsys-tech/matrix-icons";
-import * as e from "@radix-ui/react-select";
-import { cn as s } from "./utils.es.js";
-const p = l.createContext({ onClear: () => {
-}, value: void 0 }), N = ({ onValueChange: r, value: o, ...a }) => {
-  const d = () => {
-    r?.("");
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as o from "react";
+import { Check as g, ChevronDown as i, ChevronUp as b, XMark as w } from "@trsys-tech/matrix-icons";
+import * as t from "@radix-ui/react-select";
+import { cn as x } from "./utils.es.js";
+const c = o.createContext({ onClear: () => {
+}, value: void 0 }), N = ({ onValueChange: m, value: r, ...a }) => {
+  const l = () => {
+    m?.("");
   };
-  return /* @__PURE__ */ t(p.Provider, { value: { onClear: d, value: o }, children: /* @__PURE__ */ t(e.Root, { ...a, value: o, onValueChange: r }) });
+  return /* @__PURE__ */ e(c.Provider, { value: { onClear: l, value: r }, children: /* @__PURE__ */ e(t.Root, { ...a, value: r, onValueChange: m }) });
 };
-N.displayName = e.Root.displayName;
-const P = e.Group, k = e.Value, v = l.forwardRef(
-  ({ className: r, children: o, clearable: a, ...d }, i) => {
-    const { onClear: h, value: c } = l.useContext(p), x = (y) => {
+N.displayName = t.Root.displayName;
+const P = t.Group, k = t.Value, v = o.forwardRef(
+  ({ className: m, children: r, clearable: a, ...l }, d) => {
+    const { onClear: u, value: n } = o.useContext(c), h = (y) => {
       y.stopPropagation();
     };
-    return /* @__PURE__ */ n(
-      e.Trigger,
+    return /* @__PURE__ */ s(
+      t.Trigger,
       {
-        ref: i,
-        className: s(
-          "group flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-2 text-xs ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-none [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
-          r
+        ref: d,
+        className: x(
+          "mtx-group mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-px-3 mtx-py-2 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-none [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300",
+          m
         ),
-        "data-value": c,
-        ...d,
+        "data-value": n,
+        ...l,
         children: [
-          o,
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            a && c ? /* @__PURE__ */ t(e.Icon, { asChild: !0, onPointerDown: x, onClickCapture: h, children: /* @__PURE__ */ t(w, { className: "h-4.5 w-4.5" }) }) : null,
-            /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(m, { className: "h-4.5 w-4.5 text-primary group-data-[state=open]:rotate-180 transition-transform" }) })
+          r,
+          /* @__PURE__ */ s("div", { className: "mtx-flex mtx-items-center mtx-gap-2", children: [
+            a && n ? /* @__PURE__ */ e(t.Icon, { asChild: !0, onPointerDown: h, onClickCapture: u, children: /* @__PURE__ */ e(w, { className: "mtx-h-4.5 mtx-w-4.5" }) }) : null,
+            /* @__PURE__ */ e(t.Icon, { asChild: !0, children: /* @__PURE__ */ e(i, { className: "mtx-h-4.5 mtx-w-4.5 mtx-text-primary group-data-[state=open]:mtx-rotate-180 mtx-transition-transform" }) })
           ] })
         ]
       }
     );
   }
 );
-v.displayName = e.Trigger.displayName;
-const f = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.ScrollUpButton, { ref: a, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ t(b, {}) }));
-f.displayName = e.ScrollUpButton.displayName;
-const u = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.ScrollDownButton, { ref: a, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ t(m, {}) }));
-u.displayName = e.ScrollDownButton.displayName;
-const S = l.forwardRef(({ className: r, children: o, position: a = "popper", ...d }, i) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
-  e.Content,
+v.displayName = t.Trigger.displayName;
+const p = o.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ e(
+  t.ScrollUpButton,
   {
-    ref: i,
-    className: s(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 max-h-[--radix-select-content-available-height]",
-      r
+    ref: a,
+    className: x("mtx-flex mtx-cursor-default mtx-items-center mtx-justify-center mtx-py-1", m),
+    ...r,
+    children: /* @__PURE__ */ e(b, {})
+  }
+));
+p.displayName = t.ScrollUpButton.displayName;
+const f = o.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ e(
+  t.ScrollDownButton,
+  {
+    ref: a,
+    className: x("mtx-flex mtx-cursor-default mtx-items-center mtx-justify-center mtx-py-1", m),
+    ...r,
+    children: /* @__PURE__ */ e(i, {})
+  }
+));
+f.displayName = t.ScrollDownButton.displayName;
+const S = o.forwardRef(({ className: m, children: r, position: a = "popper", ...l }, d) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ s(
+  t.Content,
+  {
+    ref: d,
+    className: x(
+      "mtx-relative mtx-z-50 mtx-max-h-96 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-text-popover-foreground mtx-shadow-md data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2",
+      a === "popper" && "data-[side=bottom]:mtx-translate-y-1 data-[side=left]:-mtx-translate-x-1 data-[side=right]:mtx-translate-x-1 data-[side=top]:-mtx-translate-y-1 mtx-max-h-[--radix-select-content-available-height]",
+      m
     ),
     position: a,
-    ...d,
+    ...l,
     children: [
-      /* @__PURE__ */ t(f, {}),
-      /* @__PURE__ */ t(
-        e.Viewport,
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(
+        t.Viewport,
         {
-          className: s("p-1", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
-          children: o
+          className: x(
+            "mtx-p-1",
+            a === "popper" && "mtx-h-[var(--radix-select-trigger-height)] mtx-w-full mtx-min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
         }
       ),
-      /* @__PURE__ */ t(u, {})
+      /* @__PURE__ */ e(f, {})
     ]
   }
 ) }));
-S.displayName = e.Content.displayName;
-const C = l.forwardRef(
-  ({ className: r, ...o }, a) => /* @__PURE__ */ t(e.Label, { ref: a, className: s("px-2 py-1.5 text-xs font-semibold", r), ...o })
+S.displayName = t.Content.displayName;
+const C = o.forwardRef(
+  ({ className: m, ...r }, a) => /* @__PURE__ */ e(t.Label, { ref: a, className: x("mtx-px-2 mtx-py-1.5 mtx-text-xs mtx-font-semibold", m), ...r })
 );
-C.displayName = e.Label.displayName;
-const R = l.forwardRef(
-  ({ className: r, children: o, ...a }, d) => /* @__PURE__ */ n(
-    e.Item,
+C.displayName = t.Label.displayName;
+const R = o.forwardRef(
+  ({ className: m, children: r, ...a }, l) => /* @__PURE__ */ s(
+    t.Item,
     {
-      ref: d,
-      className: s(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-xs outline-none focus:bg-gray-200 data-[active=true]:bg-gray-300 data-[active=true]:font-bold data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        r
+      ref: l,
+      className: x(
+        "mtx-relative mtx-flex mtx-w-full mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-2 mtx-pr-8 mtx-text-xs mtx-outline-none focus:mtx-bg-gray-200 data-[active=true]:mtx-bg-gray-300 data-[active=true]:mtx-font-bold data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50",
+        m
       ),
       ...a,
       children: [
-        /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(g, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ t(e.ItemText, { children: o })
+        /* @__PURE__ */ e("span", { className: "mtx-absolute mtx-right-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(g, { className: "mtx-h-4 mtx-w-4" }) }) }),
+        /* @__PURE__ */ e(t.ItemText, { children: r })
       ]
     }
   )
 );
-R.displayName = e.Item.displayName;
-const I = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-muted", r), ...o }));
-I.displayName = e.Separator.displayName;
+R.displayName = t.Item.displayName;
+const I = o.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ e(t.Separator, { ref: a, className: x("-mtx-mx-1 mtx-my-1 mtx-h-px mtx-bg-muted", m), ...r }));
+I.displayName = t.Separator.displayName;
 export {
   N as Select,
   S as SelectContent,
   P as SelectGroup,
   R as SelectItem,
   C as SelectLabel,
-  u as SelectScrollDownButton,
-  f as SelectScrollUpButton,
+  f as SelectScrollDownButton,
+  p as SelectScrollUpButton,
   I as SelectSeparator,
   v as SelectTrigger,
   k as SelectValue