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

package/dist/swipabledrawer.es.js

@@ -1,47 +1,50 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import * as o from "react";
-import { Drawer as t } from "vaul";
-import { cn as i } from "./utils.es.js";
-const d = ({ shouldScaleBackground: e = !0, ...a }) => /* @__PURE__ */ r(t.Root, { shouldScaleBackground: e, ...a });
-d.displayName = "SwipableDrawer";
-const m = t.Trigger;
-m.displayName = "SwipableDrawerTrigger";
-const n = t.Portal, c = t.Close;
-c.displayName = "SwipableDrawerClose";
-const w = o.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ r(t.Overlay, { ref: l, className: i("fixed inset-0 z-50 bg-black/80", e), ...a }));
-w.displayName = "SwipableDrawerOverlay";
-const b = o.forwardRef(({ className: e, children: a, ...l }, p) => /* @__PURE__ */ s(n, { children: [
-  /* @__PURE__ */ r(w, {}),
-  /* @__PURE__ */ s(
-    t.Content,
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as i from "react";
+import { Drawer as r } from "vaul";
+import { cn as l } from "./utils.es.js";
+const w = ({ shouldScaleBackground: e = !0, ...t }) => /* @__PURE__ */ a(r.Root, { shouldScaleBackground: e, ...t });
+w.displayName = "SwipableDrawer";
+const p = r.Trigger;
+p.displayName = "SwipableDrawerTrigger";
+const d = r.Portal, n = r.Close;
+n.displayName = "SwipableDrawerClose";
+const x = i.forwardRef(({ className: e, ...t }, m) => /* @__PURE__ */ a(r.Overlay, { ref: m, className: l("mtx-fixed mtx-inset-0 mtx-z-50 mtx-bg-black/80", e), ...t }));
+x.displayName = "SwipableDrawerOverlay";
+const c = i.forwardRef(({ className: e, children: t, ...m }, s) => /* @__PURE__ */ o(d, { children: [
+  /* @__PURE__ */ a(x, {}),
+  /* @__PURE__ */ o(
+    r.Content,
     {
-      ref: p,
-      className: i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", e),
-      ...l,
+      ref: s,
+      className: l(
+        "mtx-fixed mtx-inset-x-0 mtx-bottom-0 mtx-z-50 mtx-mt-24 mtx-flex mtx-h-auto mtx-flex-col mtx-rounded-t-[10px] mtx-border mtx-bg-background",
+        e
+      ),
+      ...m,
       children: [
-        /* @__PURE__ */ r("div", { className: "mx-auto my-2 h-1.5 w-[100px] rounded-full bg-muted" }),
-        a
+        /* @__PURE__ */ a("div", { className: "mtx-mx-auto mtx-my-2 mtx-h-1.5 mtx-w-[100px] mtx-rounded-full mtx-bg-muted" }),
+        t
       ]
     }
   )
 ] }));
-b.displayName = "SwipableDrawerContent";
-const D = ({ className: e, ...a }) => /* @__PURE__ */ r("div", { className: i("grid gap-1.5 p-4 text-center sm:text-left", e), ...a });
-D.displayName = "SwipableDrawerHeader";
-const f = ({ className: e, ...a }) => /* @__PURE__ */ r("div", { className: i("mt-auto flex flex-col gap-2 p-4", e), ...a });
-f.displayName = "SwipableDrawerFooter";
-const S = o.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ r(t.Title, { ref: l, className: i("text-lg font-semibold leading-none tracking-tight", e), ...a }));
-S.displayName = "SwipableDrawerTitle";
-const g = o.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ r(t.Description, { ref: l, className: i("text-sm text-muted-foreground", e), ...a }));
-g.displayName = "SwipableDrawerDescription";
+c.displayName = "SwipableDrawerContent";
+const b = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: l("mtx-grid mtx-gap-1.5 mtx-p-4 mtx-text-center sm:mtx-text-left", e), ...t });
+b.displayName = "SwipableDrawerHeader";
+const D = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: l("mtx-mt-auto mtx-flex mtx-flex-col mtx-gap-2 mtx-p-4", e), ...t });
+D.displayName = "SwipableDrawerFooter";
+const f = i.forwardRef(({ className: e, ...t }, m) => /* @__PURE__ */ a(r.Title, { ref: m, className: l("mtx-text-lg mtx-font-semibold mtx-leading-none mtx-tracking-tight", e), ...t }));
+f.displayName = "SwipableDrawerTitle";
+const S = i.forwardRef(({ className: e, ...t }, m) => /* @__PURE__ */ a(r.Description, { ref: m, className: l("mtx-text-sm mtx-text-muted-foreground", e), ...t }));
+S.displayName = "SwipableDrawerDescription";
 export {
-  d as SwipableDrawer,
-  c as SwipableDrawerClose,
-  b as SwipableDrawerContent,
-  g as SwipableDrawerDescription,
-  f as SwipableDrawerFooter,
-  D as SwipableDrawerHeader,
-  S as SwipableDrawerTitle,
-  m as SwipableDrawerTrigger
+  w as SwipableDrawer,
+  n as SwipableDrawerClose,
+  c as SwipableDrawerContent,
+  S as SwipableDrawerDescription,
+  D as SwipableDrawerFooter,
+  b as SwipableDrawerHeader,
+  f as SwipableDrawerTitle,
+  p as SwipableDrawerTrigger
 };
 //# sourceMappingURL=swipabledrawer.es.js.map

package/dist/swipabledrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"swipabledrawer.es.js","sources":["../src/components/drawer/SwipableDrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Drawer as DrawerPrimitive } from \"vaul\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst SwipableDrawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\r\n);\r\nSwipableDrawer.displayName = \"SwipableDrawer\";\r\ntype SwipableDrawerProps = React.ComponentProps<typeof SwipableDrawer>;\r\n\r\nconst SwipableDrawerTrigger = DrawerPrimitive.Trigger;\r\nSwipableDrawerTrigger.displayName = \"SwipableDrawerTrigger\";\r\ntype SwipableDrawerTriggerProps = React.ComponentProps<typeof SwipableDrawerTrigger>;\r\n\r\nconst SwipableDrawerPortal = DrawerPrimitive.Portal;\r\n\r\nconst SwipableDrawerClose = DrawerPrimitive.Close;\r\nSwipableDrawerClose.displayName = \"SwipableDrawerClose\";\r\ntype SwipableDrawerCloseProps = React.ComponentProps<typeof SwipableDrawerClose>;\r\n\r\nconst SwipableDrawerOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Overlay ref={ref} className={cn(\"fixed inset-0 z-50 bg-black/80\", className)} {...props} />);\r\nSwipableDrawerOverlay.displayName = \"SwipableDrawerOverlay\";\r\n\r\nconst SwipableDrawerContent = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SwipableDrawerPortal>\r\n    <SwipableDrawerOverlay />\r\n    <DrawerPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\", className)}\r\n      {...props}\r\n    >\r\n      <div className=\"mx-auto my-2 h-1.5 w-[100px] rounded-full bg-muted\" />\r\n      {children}\r\n    </DrawerPrimitive.Content>\r\n  </SwipableDrawerPortal>\r\n));\r\nSwipableDrawerContent.displayName = \"SwipableDrawerContent\";\r\ntype SwipableDrawerContentProps = React.ComponentProps<typeof SwipableDrawerContent>;\r\n\r\nconst SwipableDrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\r\n);\r\nSwipableDrawerHeader.displayName = \"SwipableDrawerHeader\";\r\ntype SwipableDrawerHeaderProps = React.ComponentProps<typeof SwipableDrawerHeader>;\r\n\r\nconst SwipableDrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\r\n);\r\nSwipableDrawerFooter.displayName = \"SwipableDrawerFooter\";\r\ntype SwipableDrawerFooterProps = React.ComponentProps<typeof SwipableDrawerFooter>;\r\n\r\nconst SwipableDrawerTitle = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <DrawerPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nSwipableDrawerTitle.displayName = \"SwipableDrawerTitle\";\r\ntype SwipableDrawerTitleProps = React.ComponentProps<typeof SwipableDrawerTitle>;\r\n\r\nconst SwipableDrawerDescription = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\r\nSwipableDrawerDescription.displayName = \"SwipableDrawerDescription\";\r\ntype SwipableDrawerDescriptionProps = React.ComponentProps<typeof SwipableDrawerDescription>;\r\n\r\nexport {\r\n  SwipableDrawer,\r\n  SwipableDrawerTrigger,\r\n  SwipableDrawerClose,\r\n  SwipableDrawerContent,\r\n  SwipableDrawerHeader,\r\n  SwipableDrawerFooter,\r\n  SwipableDrawerTitle,\r\n  SwipableDrawerDescription,\r\n  type SwipableDrawerProps,\r\n  type SwipableDrawerTriggerProps,\r\n  type SwipableDrawerCloseProps,\r\n  type SwipableDrawerContentProps,\r\n  type SwipableDrawerHeaderProps,\r\n  type SwipableDrawerFooterProps,\r\n  type SwipableDrawerTitleProps,\r\n  type SwipableDrawerDescriptionProps,\r\n};\r\n"],"names":["SwipableDrawer","shouldScaleBackground","props","jsx","DrawerPrimitive","SwipableDrawerTrigger","SwipableDrawerPortal","SwipableDrawerClose","SwipableDrawerOverlay","React","className","ref","cn","SwipableDrawerContent","children","jsxs","SwipableDrawerHeader","SwipableDrawerFooter","SwipableDrawerTitle","SwipableDrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,uBAAAC,IAAwB,IAAM,GAAGC,EAAA,MACzD,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,uBAAAH,GAA+C,GAAGC,EAAA,CAAO;AAEjFF,EAAe,cAAc;AAG7B,MAAMK,IAAwBD,EAAgB;AAC9CC,EAAsB,cAAc;AAGpC,MAAMC,IAAuBF,EAAgB,QAEvCG,IAAsBH,EAAgB;AAC5CG,EAAoB,cAAc;AAGlC,MAAMC,IAAwBC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAAQ,gBAAAR,EAACC,EAAgB,SAAhB,EAAwB,KAAAO,GAAU,WAAWC,EAAG,kCAAkCF,CAAS,GAAI,GAAGR,EAAA,CAAO,CAAE;AAChJM,EAAsB,cAAc;AAEpC,MAAMK,IAAwBJ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAsB;AAAA,EACvB,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC,EAAG,kGAAkGF,CAAS;AAAA,MACxH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qDAAA,CAAqD;AAAA,QACnEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAsB,cAAc;AAGpC,MAAMG,IAAuB,CAAC,EAAE,WAAAN,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,6CAA6CF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAEzFc,EAAqB,cAAc;AAGnC,MAAMC,IAAuB,CAAC,EAAE,WAAAP,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,mCAAmCF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAE/Ee,EAAqB,cAAc;AAGnC,MAAMC,IAAsBT,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR,EAACC,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWC,EAAG,qDAAqDF,CAAS,GAAI,GAAGR,GAAO,CAC5H;AACDgB,EAAoB,cAAc;AAGlC,MAAMC,IAA4BV,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAAQ,gBAAAR,EAACC,EAAgB,aAAhB,EAA4B,KAAAO,GAAU,WAAWC,EAAG,iCAAiCF,CAAS,GAAI,GAAGR,GAAO,CAAE;AACnJiB,EAA0B,cAAc;"}
+{"version":3,"file":"swipabledrawer.es.js","sources":["../src/components/drawer/SwipableDrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Drawer as DrawerPrimitive } from \"vaul\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst SwipableDrawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\r\n);\r\nSwipableDrawer.displayName = \"SwipableDrawer\";\r\ntype SwipableDrawerProps = React.ComponentProps<typeof SwipableDrawer>;\r\n\r\nconst SwipableDrawerTrigger = DrawerPrimitive.Trigger;\r\nSwipableDrawerTrigger.displayName = \"SwipableDrawerTrigger\";\r\ntype SwipableDrawerTriggerProps = React.ComponentProps<typeof SwipableDrawerTrigger>;\r\n\r\nconst SwipableDrawerPortal = DrawerPrimitive.Portal;\r\n\r\nconst SwipableDrawerClose = DrawerPrimitive.Close;\r\nSwipableDrawerClose.displayName = \"SwipableDrawerClose\";\r\ntype SwipableDrawerCloseProps = React.ComponentProps<typeof SwipableDrawerClose>;\r\n\r\nconst SwipableDrawerOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <DrawerPrimitive.Overlay ref={ref} className={cn(\"mtx-fixed mtx-inset-0 mtx-z-50 mtx-bg-black/80\", className)} {...props} />\r\n));\r\nSwipableDrawerOverlay.displayName = \"SwipableDrawerOverlay\";\r\n\r\nconst SwipableDrawerContent = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SwipableDrawerPortal>\r\n    <SwipableDrawerOverlay />\r\n    <DrawerPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"mtx-fixed mtx-inset-x-0 mtx-bottom-0 mtx-z-50 mtx-mt-24 mtx-flex mtx-h-auto mtx-flex-col mtx-rounded-t-[10px] mtx-border mtx-bg-background\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"mtx-mx-auto mtx-my-2 mtx-h-1.5 mtx-w-[100px] mtx-rounded-full mtx-bg-muted\" />\r\n      {children}\r\n    </DrawerPrimitive.Content>\r\n  </SwipableDrawerPortal>\r\n));\r\nSwipableDrawerContent.displayName = \"SwipableDrawerContent\";\r\ntype SwipableDrawerContentProps = React.ComponentProps<typeof SwipableDrawerContent>;\r\n\r\nconst SwipableDrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"mtx-grid mtx-gap-1.5 mtx-p-4 mtx-text-center sm:mtx-text-left\", className)} {...props} />\r\n);\r\nSwipableDrawerHeader.displayName = \"SwipableDrawerHeader\";\r\ntype SwipableDrawerHeaderProps = React.ComponentProps<typeof SwipableDrawerHeader>;\r\n\r\nconst SwipableDrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"mtx-mt-auto mtx-flex mtx-flex-col mtx-gap-2 mtx-p-4\", className)} {...props} />\r\n);\r\nSwipableDrawerFooter.displayName = \"SwipableDrawerFooter\";\r\ntype SwipableDrawerFooterProps = React.ComponentProps<typeof SwipableDrawerFooter>;\r\n\r\nconst SwipableDrawerTitle = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <DrawerPrimitive.Title ref={ref} className={cn(\"mtx-text-lg mtx-font-semibold mtx-leading-none mtx-tracking-tight\", className)} {...props} />\r\n));\r\nSwipableDrawerTitle.displayName = \"SwipableDrawerTitle\";\r\ntype SwipableDrawerTitleProps = React.ComponentProps<typeof SwipableDrawerTitle>;\r\n\r\nconst SwipableDrawerDescription = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <DrawerPrimitive.Description ref={ref} className={cn(\"mtx-text-sm mtx-text-muted-foreground\", className)} {...props} />\r\n));\r\nSwipableDrawerDescription.displayName = \"SwipableDrawerDescription\";\r\ntype SwipableDrawerDescriptionProps = React.ComponentProps<typeof SwipableDrawerDescription>;\r\n\r\nexport {\r\n  SwipableDrawer,\r\n  SwipableDrawerTrigger,\r\n  SwipableDrawerClose,\r\n  SwipableDrawerContent,\r\n  SwipableDrawerHeader,\r\n  SwipableDrawerFooter,\r\n  SwipableDrawerTitle,\r\n  SwipableDrawerDescription,\r\n  type SwipableDrawerProps,\r\n  type SwipableDrawerTriggerProps,\r\n  type SwipableDrawerCloseProps,\r\n  type SwipableDrawerContentProps,\r\n  type SwipableDrawerHeaderProps,\r\n  type SwipableDrawerFooterProps,\r\n  type SwipableDrawerTitleProps,\r\n  type SwipableDrawerDescriptionProps,\r\n};\r\n"],"names":["SwipableDrawer","shouldScaleBackground","props","jsx","DrawerPrimitive","SwipableDrawerTrigger","SwipableDrawerPortal","SwipableDrawerClose","SwipableDrawerOverlay","React","className","ref","cn","SwipableDrawerContent","children","jsxs","SwipableDrawerHeader","SwipableDrawerFooter","SwipableDrawerTitle","SwipableDrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,uBAAAC,IAAwB,IAAM,GAAGC,EAAA,MACzD,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,uBAAAH,GAA+C,GAAGC,EAAA,CAAO;AAEjFF,EAAe,cAAc;AAG7B,MAAMK,IAAwBD,EAAgB;AAC9CC,EAAsB,cAAc;AAGpC,MAAMC,IAAuBF,EAAgB,QAEvCG,IAAsBH,EAAgB;AAC5CG,EAAoB,cAAc;AAGlC,MAAMC,IAAwBC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR,EAACC,EAAgB,SAAhB,EAAwB,KAAAO,GAAU,WAAWC,EAAG,kDAAkDF,CAAS,GAAI,GAAGR,EAAA,CAAO,CAC3H;AACDM,EAAsB,cAAc;AAEpC,MAAMK,IAAwBJ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAsB;AAAA,EACvB,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,6EAAA,CAA6E;AAAA,QAC3FW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAsB,cAAc;AAGpC,MAAMG,IAAuB,CAAC,EAAE,WAAAN,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,iEAAiEF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAE7Gc,EAAqB,cAAc;AAGnC,MAAMC,IAAuB,CAAC,EAAE,WAAAP,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,uDAAuDF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAEnGe,EAAqB,cAAc;AAGnC,MAAMC,IAAsBT,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR,EAACC,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWC,EAAG,qEAAqEF,CAAS,GAAI,GAAGR,GAAO,CAC5I;AACDgB,EAAoB,cAAc;AAGlC,MAAMC,IAA4BV,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR,EAACC,EAAgB,aAAhB,EAA4B,KAAAO,GAAU,WAAWC,EAAG,yCAAyCF,CAAS,GAAI,GAAGR,GAAO,CACtH;AACDiB,EAA0B,cAAc;"}

package/dist/switch.es.js

@@ -1,30 +1,30 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as o from "react";
-import * as a from "@radix-ui/react-switch";
-import { cn as e } from "./utils.es.js";
-import { tv as c } from "tailwind-variants";
-const d = c({
-  base: "peer inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import * as t from "@radix-ui/react-switch";
+import { cn as m } from "./utils.es.js";
+import { tv as x } from "tailwind-variants";
+const o = x({
+  base: "mtx-peer mtx-inline-flex mtx-h-4 mtx-w-7 mtx-shrink-0 mtx-cursor-pointer mtx-items-center mtx-rounded-full mtx-border-2 mtx-border-transparent mtx-shadow-sm mtx-transition-colors focus-visible:mtx-outline-none focus-visible:mtx-ring-2 focus-visible:mtx-ring-ring focus-visible:mtx-ring-offset-2 focus-visible:mtx-ring-offset-background disabled:mtx-cursor-not-allowed disabled:mtx-opacity-50 data-[state=checked]:mtx-bg-primary data-[state=unchecked]:mtx-bg-input",
   variants: {
     size: {
-      sm: "h-4 w-7 [&>span]:h-3 [&>span]:w-3 [&>span]:data-[state=checked]:translate-x-3",
-      md: "h-5 w-9 [&>span]:h-4 [&>span]:w-4 [&>span]:data-[state=checked]:translate-x-4",
-      lg: "h-6 w-11 [&>span]:h-5 [&>span]:w-5 [&>span]:data-[state=checked]:translate-x-5"
+      sm: "mtx-h-4 mtx-w-7 [&>span]:mtx-h-3 [&>span]:mtx-w-3 [&>span]:data-[state=checked]:mtx-translate-x-3",
+      md: "mtx-h-5 mtx-w-9 [&>span]:mtx-h-4 [&>span]:mtx-w-4 [&>span]:data-[state=checked]:mtx-translate-x-4",
+      lg: "mtx-h-6 mtx-w-11 [&>span]:mtx-h-5 [&>span]:mtx-w-5 [&>span]:data-[state=checked]:mtx-translate-x-5"
     }
   },
   defaultVariants: {
     size: "md"
   }
-}), l = o.forwardRef(({ className: t, size: r, ...n }, i) => /* @__PURE__ */ s(a.Root, { className: e(d({ size: r, className: t })), ...n, ref: i, children: /* @__PURE__ */ s(
-  a.Thumb,
+}), c = i.forwardRef(({ className: s, size: e, ...r }, n) => /* @__PURE__ */ a(t.Root, { className: m(o({ size: e, className: s })), ...r, ref: n, children: /* @__PURE__ */ a(
+  t.Thumb,
   {
-    className: e(
-      "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0"
+    className: m(
+      "mtx-pointer-events-none mtx-block mtx-rounded-full mtx-bg-background mtx-shadow-lg mtx-ring-0 mtx-transition-transform data-[state=unchecked]:mtx-translate-x-0"
     )
   }
 ) }));
-l.displayName = a.Root.displayName;
+c.displayName = t.Root.displayName;
 export {
-  l as Switch
+  c as Switch
 };
 //# sourceMappingURL=switch.es.js.map

package/dist/switch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.es.js","sources":["../src/components/switch/Switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst switchVariants = tv({\r\n  base: \"peer inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\r\n  variants: {\r\n    size: {\r\n      sm: \"h-4 w-7 [&>span]:h-3 [&>span]:w-3 [&>span]:data-[state=checked]:translate-x-3\",\r\n      md: \"h-5 w-9 [&>span]:h-4 [&>span]:w-4 [&>span]:data-[state=checked]:translate-x-4\",\r\n      lg: \"h-6 w-11 [&>span]:h-5 [&>span]:w-5 [&>span]:data-[state=checked]:translate-x-5\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface SwitchProps extends SwitchPrimitives.SwitchProps, VariantProps<typeof switchVariants> {}\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(({ className, size, ...props }, ref) => (\r\n  <SwitchPrimitives.Root className={cn(switchVariants({ size, className }))} {...props} ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch, type SwitchProps };\r\n"],"names":["switchVariants","tv","Switch","React","className","size","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;;AAQA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAASC,EAAM,WAAwE,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAC3H,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,WAAWC,EAAGV,EAAe,EAAE,MAAAK,GAAM,WAAAD,GAAW,CAAC,GAAI,GAAGE,GAAO,KAAAC,GACpF,UAAA,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AACF,GACF,CACD;AACDR,EAAO,cAAcO,EAAiB,KAAK;"}
+{"version":3,"file":"switch.es.js","sources":["../src/components/switch/Switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst switchVariants = tv({\r\n  base: \"mtx-peer mtx-inline-flex mtx-h-4 mtx-w-7 mtx-shrink-0 mtx-cursor-pointer mtx-items-center mtx-rounded-full mtx-border-2 mtx-border-transparent mtx-shadow-sm mtx-transition-colors focus-visible:mtx-outline-none focus-visible:mtx-ring-2 focus-visible:mtx-ring-ring focus-visible:mtx-ring-offset-2 focus-visible:mtx-ring-offset-background disabled:mtx-cursor-not-allowed disabled:mtx-opacity-50 data-[state=checked]:mtx-bg-primary data-[state=unchecked]:mtx-bg-input\",\r\n  variants: {\r\n    size: {\r\n      sm: \"mtx-h-4 mtx-w-7 [&>span]:mtx-h-3 [&>span]:mtx-w-3 [&>span]:data-[state=checked]:mtx-translate-x-3\",\r\n      md: \"mtx-h-5 mtx-w-9 [&>span]:mtx-h-4 [&>span]:mtx-w-4 [&>span]:data-[state=checked]:mtx-translate-x-4\",\r\n      lg: \"mtx-h-6 mtx-w-11 [&>span]:mtx-h-5 [&>span]:mtx-w-5 [&>span]:data-[state=checked]:mtx-translate-x-5\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface SwitchProps extends SwitchPrimitives.SwitchProps, VariantProps<typeof switchVariants> {}\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(({ className, size, ...props }, ref) => (\r\n  <SwitchPrimitives.Root className={cn(switchVariants({ size, className }))} {...props} ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"mtx-pointer-events-none mtx-block mtx-rounded-full mtx-bg-background mtx-shadow-lg mtx-ring-0 mtx-transition-transform data-[state=unchecked]:mtx-translate-x-0\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch, type SwitchProps };\r\n"],"names":["switchVariants","tv","Switch","React","className","size","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;;AAQA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAASC,EAAM,WAAwE,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAC3H,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,WAAWC,EAAGV,EAAe,EAAE,MAAAK,GAAM,WAAAD,GAAW,CAAC,GAAI,GAAGE,GAAO,KAAAC,GACpF,UAAA,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AACF,GACF,CACD;AACDR,EAAO,cAAcO,EAAiB,KAAK;"}

package/dist/tabs.es.js

@@ -1,41 +1,41 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as r from "react";
-import { Root as m, Content as i, List as n, Trigger as d } from "@radix-ui/react-tabs";
-import { cn as o } from "./utils.es.js";
-const u = m, l = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ s(
-  n,
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as n, Content as o, List as x, Trigger as i } from "@radix-ui/react-tabs";
+import { cn as r } from "./utils.es.js";
+const y = n, d = s.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ m(
+  x,
   {
     ref: a,
-    className: o(
-      "inline-flex h-12 w-full overflow-auto thin-scrollbar items-center justify-start bg-background p-0 text-muted-foreground md:[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]",
+    className: r(
+      "mtx-inline-flex mtx-h-12 mtx-w-full mtx-overflow-auto mtx-thin-scrollbar mtx-items-center mtx-justify-start mtx-bg-background mtx-p-0 mtx-text-muted-foreground md:mtx-[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]",
       t
     ),
     ...e
   }
 ));
-l.displayName = n.displayName;
-const f = r.forwardRef(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ s(
-    d,
+d.displayName = x.displayName;
+const l = s.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ m(
+    i,
     {
       ref: a,
-      className: o(
-        "inline-flex items-center justify-center whitespace-nowrap h-full px-3 py-1 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-primary",
+      className: r(
+        "mtx-inline-flex mtx-items-center mtx-justify-center mtx-whitespace-nowrap mtx-h-full mtx-px-3 mtx-py-1 mtx-text-sm mtx-font-medium disabled:mtx-pointer-events-none disabled:mtx-opacity-50 data-[state=active]:mtx-text-foreground data-[state=active]:mtx-font-bold data-[state=active]:mtx-border-b-2 data-[state=active]:mtx-border-primary",
         t
       ),
       ...e
     }
   )
 );
-f.displayName = d.displayName;
-const c = r.forwardRef(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ s(i, { ref: a, className: o("mt-2", t), ...e })
+l.displayName = i.displayName;
+const f = s.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ m(o, { ref: a, className: r("mtx-mt-2", t), ...e })
 );
-c.displayName = i.displayName;
+f.displayName = o.displayName;
 export {
-  u as Tabs,
-  c as TabsContent,
-  l as TabsList,
-  f as TabsTrigger
+  y as Tabs,
+  f as TabsContent,
+  d as TabsList,
+  l as TabsTrigger
 };
 //# sourceMappingURL=tabs.es.js.map

package/dist/tabs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.es.js","sources":["../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Content, List, Root, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, Trigger } from \"@radix-ui/react-tabs\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Tabs = Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof List>, React.ComponentPropsWithoutRef<typeof List>>(({ className, ...props }, ref) => (\r\n  <List\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-12 w-full overflow-auto thin-scrollbar items-center justify-start bg-background p-0 text-muted-foreground md:[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsList.displayName = List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof Trigger>, React.ComponentPropsWithoutRef<typeof Trigger>>(\r\n  ({ className, ...props }, ref) => (\r\n    <Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"inline-flex items-center justify-center whitespace-nowrap h-full px-3 py-1 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-primary\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsTrigger.displayName = Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n  ({ className, ...props }, ref) => <Content ref={ref} className={cn(\"mt-2\", className)} {...props} />,\r\n);\r\nTabsContent.displayName = Content.displayName;\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps };\r\n"],"names":["Tabs","Root","TabsList","React","className","props","ref","jsx","List","cn","TabsTrigger","Trigger","TabsContent","Content"],"mappings":";;;;AAMA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAAuF,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACtI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,EAAK;AAE5B,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAY,cAAcC,EAAQ;AAElC,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACM,GAAA,EAAQ,KAAAP,GAAU,WAAWG,EAAG,QAAQL,CAAS,GAAI,GAAGC,EAAA,CAAO;AACpG;AACAO,EAAY,cAAcC,EAAQ;"}
+{"version":3,"file":"tabs.es.js","sources":["../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Content, List, Root, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, Trigger } from \"@radix-ui/react-tabs\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Tabs = Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof List>, React.ComponentPropsWithoutRef<typeof List>>(({ className, ...props }, ref) => (\r\n  <List\r\n    ref={ref}\r\n    className={cn(\r\n      \"mtx-inline-flex mtx-h-12 mtx-w-full mtx-overflow-auto mtx-thin-scrollbar mtx-items-center mtx-justify-start mtx-bg-background mtx-p-0 mtx-text-muted-foreground md:mtx-[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsList.displayName = List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof Trigger>, React.ComponentPropsWithoutRef<typeof Trigger>>(\r\n  ({ className, ...props }, ref) => (\r\n    <Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-whitespace-nowrap mtx-h-full mtx-px-3 mtx-py-1 mtx-text-sm mtx-font-medium disabled:mtx-pointer-events-none disabled:mtx-opacity-50 data-[state=active]:mtx-text-foreground data-[state=active]:mtx-font-bold data-[state=active]:mtx-border-b-2 data-[state=active]:mtx-border-primary\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsTrigger.displayName = Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n  ({ className, ...props }, ref) => <Content ref={ref} className={cn(\"mtx-mt-2\", className)} {...props} />,\r\n);\r\nTabsContent.displayName = Content.displayName;\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps };\r\n"],"names":["Tabs","Root","TabsList","React","className","props","ref","jsx","List","cn","TabsTrigger","Trigger","TabsContent","Content"],"mappings":";;;;AAMA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAAuF,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACtI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,EAAK;AAE5B,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAY,cAAcC,EAAQ;AAElC,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACM,GAAA,EAAQ,KAAAP,GAAU,WAAWG,EAAG,YAAYL,CAAS,GAAI,GAAGC,EAAA,CAAO;AACxG;AACAO,EAAY,cAAcC,EAAQ;"}

package/dist/textarea.es.js

@@ -1,20 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as d } from "./utils.es.js";
-const i = o.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+import { jsx as m } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as a } from "./utils.es.js";
+const o = r.forwardRef(({ className: t, ...e }, x) => /* @__PURE__ */ m(
   "textarea",
   {
-    className: d(
-      "flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium text-text",
-      "placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100",
-      e
+    className: a(
+      "mtx-flex mtx-min-h-[60px] mtx-w-full mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-px-3 mtx-py-2 mtx-text-xs mtx-font-medium mtx-text-text",
+      "placeholder:mtx-text-text-300 focus-visible:mtx-outline-none focus-visible:mtx-border-primary disabled:mtx-opacity-50 disabled:mtx-text-text-300 disabled:mtx-bg-gray-100 disabled:mtx-border-gray-100",
+      t
     ),
-    ref: r,
-    ...t
+    ref: x,
+    ...e
   }
 ));
-i.displayName = "Textarea";
+o.displayName = "Textarea";
 export {
-  i as Textarea
+  o as Textarea
 };
 //# sourceMappingURL=textarea.es.js.map

package/dist/textarea.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium text-text\",\n        \"placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM,WAA+C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAE5F,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}
+{"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"mtx-flex mtx-min-h-[60px] mtx-w-full mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-px-3 mtx-py-2 mtx-text-xs mtx-font-medium mtx-text-text\",\n        \"placeholder:mtx-text-text-300 focus-visible:mtx-outline-none focus-visible:mtx-border-primary disabled:mtx-opacity-50 disabled:mtx-text-text-300 disabled:mtx-bg-gray-100 disabled:mtx-border-gray-100\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM,WAA+C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAE5F,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}

package/dist/textfield.es.js

@@ -1,18 +1,18 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
 import * as N from "react";
 import { tv as F } from "tailwind-variants";
-import { cn as d } from "./utils.es.js";
+import { cn as o } from "./utils.es.js";
 const j = F({
   base: [
-    "flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs [&_input]:text-xs font-medium transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
-    "placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100",
-    "aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100"
+    "mtx-flex mtx-items-center mtx-w-full mtx-rounded-sm mtx-border mtx-border-input mtx-text-text mtx-bg-transparent mtx-p-0 mtx-text-xs [&_input]:mtx-text-xs mtx-font-medium mtx-transition-colors file:mtx-border-0 file:mtx-bg-transparent file:mtx-text-sm file:mtx-font-medium file:mtx-text-foreground",
+    "placeholder:mtx-text-text-300 hover:mtx-border-primary-400 focus-within:mtx-border-primary-400 focus-within:mtx-outline-none focus-within:mtx-ring focus-within:mtx-ring-primary-100",
+    "aria-disabled:mtx-text-text-300 aria-disabled:mtx-bg-gray-100 aria-disabled:mtx-border-gray-100"
   ],
   variants: {
     size: {
-      sm: "h-7",
-      md: "h-8",
-      lg: "h-11"
+      sm: "mtx-h-7",
+      md: "mtx-h-8",
+      lg: "mtx-h-11"
     }
   },
   defaultVariants: {
@@ -20,51 +20,51 @@ const j = F({
   }
 }), z = N.forwardRef(
   ({
-    className: l,
-    slotProps: r,
-    suffix: e,
-    endAdornment: m,
-    startAdornment: t,
-    size: f,
-    value: p,
-    onChange: u,
-    defaultValue: x,
-    type: i,
-    disabled: a,
-    onWheel: n,
+    className: s,
+    slotProps: e,
+    suffix: t,
+    endAdornment: d,
+    startAdornment: m,
+    size: l,
+    value: f,
+    onChange: p,
+    defaultValue: u,
+    type: r,
+    disabled: x,
+    onWheel: i,
     id: b,
     "aria-describedby": c,
     "aria-invalid": h,
     ...g
   }, y) => {
-    const w = (o) => {
-      i === "number" && o.target.blur(), n && n(o);
+    const w = (a) => {
+      r === "number" && a.target.blur(), i && i(a);
     };
-    return /* @__PURE__ */ v("div", { ...g, className: d(j({ size: f, className: l })), "aria-disabled": a, children: [
-      t,
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ v("div", { ...g, className: o(j({ size: l, className: s })), "aria-disabled": x, children: [
+      m,
+      /* @__PURE__ */ n(
         "input",
         {
-          type: i,
+          type: r,
           onWheel: w,
           ref: y,
           id: b,
           "aria-describedby": c,
           "aria-invalid": h,
-          onChange: u,
-          value: p,
-          defaultValue: x,
-          disabled: a,
-          ...r?.inputProps ?? {},
-          className: d(
-            "focus:outline-none w-full h-full py-1 rounded-sm file:border-0 bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
-            t ? "ps-1 pe-3" : "px-3",
-            r?.inputProps?.className
+          onChange: p,
+          value: f,
+          defaultValue: u,
+          disabled: x,
+          ...e?.inputProps ?? {},
+          className: o(
+            "focus:mtx-outline-none mtx-w-full mtx-h-full mtx-py-1 mtx-rounded-sm file:mtx-border-0 mtx-bg-transparent file:mtx-text-sm file:mtx-font-medium file:mtx-text-foreground placeholder:mtx-text-text-300",
+            m ? "mtx-ps-1 mtx-pe-3" : "mtx-px-3",
+            e?.inputProps?.className
           )
         }
       ),
-      typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ s("span", { className: "inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm", children: e }) : e,
-      m
+      typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ n("span", { className: "mtx-inline-flex mtx-items-center mtx-px-2 mtx-text-xs mtx-font-medium mtx-text-primary mtx-bg-primary-50 mtx-m-0.5 mtx-rounded-sm", children: t }) : t,
+      d
     ] });
   }
 );

package/dist/textfield.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: [\r\n    \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs [&_input]:text-xs font-medium transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n    \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n    \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n  ],\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-8\",\r\n      lg: \"h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  disabled?: boolean;\r\n  suffix?: React.ReactNode;\r\n  endAdornment?: React.ReactNode;\r\n  startAdornment?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  (\r\n    {\r\n      className,\r\n      slotProps,\r\n      suffix,\r\n      endAdornment,\r\n      startAdornment,\r\n      size,\r\n      value,\r\n      onChange,\r\n      defaultValue,\r\n      type,\r\n      disabled,\r\n      onWheel,\r\n      id,\r\n      \"aria-describedby\": ariaDescribedby,\r\n      \"aria-invalid\": ariaInvalid,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\r\n      if (type === \"number\") {\r\n        // Prevents the number input from changing value when scrolling\r\n        (event.target as HTMLInputElement).blur();\r\n      }\r\n      if (onWheel) {\r\n        onWheel(event);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n        {startAdornment}\r\n        <input\r\n          type={type}\r\n          onWheel={handleWheel}\r\n          ref={ref}\r\n          id={id}\r\n          aria-describedby={ariaDescribedby}\r\n          aria-invalid={ariaInvalid}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          disabled={disabled}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n            !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endAdornment}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","onWheel","id","ariaDescribedby","ariaInvalid","props","ref","handleWheel","event","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc,CAACC,MAA8C;AACjE,MAAIT,MAAS,YAEVS,EAAM,OAA4B,KAAA,GAEjCP,KACFA,EAAQO,CAAK;AAAA,IAEjB;AAEA,WACE,gBAAAC,EAAC,OAAA,EAAK,GAAGJ,GAAO,WAAWK,EAAGxB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,MAAAN;AAAA,MACD,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAZ;AAAA,UACA,SAASQ;AAAA,UACT,KAAAD;AAAA,UACA,IAAAJ;AAAA,UACA,oBAAkBC;AAAA,UAClB,gBAAcC;AAAA,UACd,UAAAP;AAAA,UACA,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAAE;AAAA,UACC,GAAIT,GAAW,cAAc,CAAA;AAAA,UAC9B,WAAWmB;AAAA,YACT;AAAA,YACChB,IAA0B,cAAT;AAAA,YAClBH,GAAW,YAAY;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,MAED,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAmB,EAAC,QAAA,EAAK,WAAU,iGAAiG,UAAAnB,EAAA,CAAO,IAExHA;AAAA,MAEDC;AAAA,IAAA,GACH;AAAA,EAEJ;AACF;AACAL,EAAU,cAAc;"}
+{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: [\r\n    \"mtx-flex mtx-items-center mtx-w-full mtx-rounded-sm mtx-border mtx-border-input mtx-text-text mtx-bg-transparent mtx-p-0 mtx-text-xs [&_input]:mtx-text-xs mtx-font-medium mtx-transition-colors file:mtx-border-0 file:mtx-bg-transparent file:mtx-text-sm file:mtx-font-medium file:mtx-text-foreground\",\r\n    \"placeholder:mtx-text-text-300 hover:mtx-border-primary-400 focus-within:mtx-border-primary-400 focus-within:mtx-outline-none focus-within:mtx-ring focus-within:mtx-ring-primary-100\",\r\n    \"aria-disabled:mtx-text-text-300 aria-disabled:mtx-bg-gray-100 aria-disabled:mtx-border-gray-100\",\r\n  ],\r\n  variants: {\r\n    size: {\r\n      sm: \"mtx-h-7\",\r\n      md: \"mtx-h-8\",\r\n      lg: \"mtx-h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  disabled?: boolean;\r\n  suffix?: React.ReactNode;\r\n  endAdornment?: React.ReactNode;\r\n  startAdornment?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  (\r\n    {\r\n      className,\r\n      slotProps,\r\n      suffix,\r\n      endAdornment,\r\n      startAdornment,\r\n      size,\r\n      value,\r\n      onChange,\r\n      defaultValue,\r\n      type,\r\n      disabled,\r\n      onWheel,\r\n      id,\r\n      \"aria-describedby\": ariaDescribedby,\r\n      \"aria-invalid\": ariaInvalid,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\r\n      if (type === \"number\") {\r\n        // Prevents the number input from changing value when scrolling\r\n        (event.target as HTMLInputElement).blur();\r\n      }\r\n      if (onWheel) {\r\n        onWheel(event);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n        {startAdornment}\r\n        <input\r\n          type={type}\r\n          onWheel={handleWheel}\r\n          ref={ref}\r\n          id={id}\r\n          aria-describedby={ariaDescribedby}\r\n          aria-invalid={ariaInvalid}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          disabled={disabled}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:mtx-outline-none mtx-w-full mtx-h-full mtx-py-1 mtx-rounded-sm file:mtx-border-0 mtx-bg-transparent file:mtx-text-sm file:mtx-font-medium file:mtx-text-foreground placeholder:mtx-text-text-300\",\r\n            !startAdornment ? \"mtx-px-3\" : \"mtx-ps-1 mtx-pe-3\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"mtx-inline-flex mtx-items-center mtx-px-2 mtx-text-xs mtx-font-medium mtx-text-primary mtx-bg-primary-50 mtx-m-0.5 mtx-rounded-sm\">\r\n            {suffix}\r\n          </span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endAdornment}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","onWheel","id","ariaDescribedby","ariaInvalid","props","ref","handleWheel","event","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc,CAACC,MAA8C;AACjE,MAAIT,MAAS,YAEVS,EAAM,OAA4B,KAAA,GAEjCP,KACFA,EAAQO,CAAK;AAAA,IAEjB;AAEA,WACE,gBAAAC,EAAC,OAAA,EAAK,GAAGJ,GAAO,WAAWK,EAAGxB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,MAAAN;AAAA,MACD,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAZ;AAAA,UACA,SAASQ;AAAA,UACT,KAAAD;AAAA,UACA,IAAAJ;AAAA,UACA,oBAAkBC;AAAA,UAClB,gBAAcC;AAAA,UACd,UAAAP;AAAA,UACA,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAAE;AAAA,UACC,GAAIT,GAAW,cAAc,CAAA;AAAA,UAC9B,WAAWmB;AAAA,YACT;AAAA,YACChB,IAA8B,sBAAb;AAAA,YAClBH,GAAW,YAAY;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,MAED,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAmB,EAAC,QAAA,EAAK,WAAU,qIACb,UAAAnB,EAAA,CACH,IAEAA;AAAA,MAEDC;AAAA,IAAA,GACH;AAAA,EAEJ;AACF;AACAL,EAAU,cAAc;"}

package/dist/timepickercontent.es.js

@@ -1,71 +1,78 @@
-import { jsxs as N, jsx as o } from "react/jsx-runtime";
-import { useState as S, useRef as m, useEffect as g } from "react";
-import { cn as u } from "./utils.es.js";
-const w = () => ({ hour: (/* @__PURE__ */ new Date()).getHours() % 12, minute: (/* @__PURE__ */ new Date()).getMinutes(), ampm: (/* @__PURE__ */ new Date()).getHours() < 12 ? "AM" : "PM" }), k = ({ isOpen: c, time: a, onTimeChange: i, slotsProps: d }) => {
-  const [r, s] = S(a ?? w()), e = m(r), h = m(null), x = m(null), n = 32, l = 8, b = (t) => {
-    h?.current?.scrollTo({
-      top: t * (n + l),
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import { useState as S, useRef as i, useEffect as g } from "react";
+import { cn as c } from "./utils.es.js";
+const w = () => ({ hour: (/* @__PURE__ */ new Date()).getHours() % 12, minute: (/* @__PURE__ */ new Date()).getMinutes(), ampm: (/* @__PURE__ */ new Date()).getHours() < 12 ? "AM" : "PM" }), k = ({ isOpen: l, time: s, onTimeChange: u, slotsProps: f }) => {
+  const [r, x] = S(s ?? w()), e = i(r), d = i(null), h = i(null), o = 32, n = 8, b = (t) => {
+    d?.current?.scrollTo({
+      top: t * (o + n),
       behavior: "smooth"
     });
   }, y = (t) => {
-    x?.current?.scrollTo({
-      top: t * (n + l),
+    h?.current?.scrollTo({
+      top: t * (o + n),
       behavior: "smooth"
     });
   }, p = (t) => {
-    e.current = { ...r, hour: t }, s(e.current), i(e.current);
+    e.current = { ...r, hour: t }, x(e.current), u(e.current);
   }, v = (t) => {
-    e.current = { ...r, minute: t }, s(e.current), i(e.current);
+    e.current = { ...r, minute: t }, x(e.current), u(e.current);
   }, M = (t) => {
-    e.current = { ...r, ampm: t }, s(e.current), i(e.current);
+    e.current = { ...r, ampm: t }, x(e.current), u(e.current);
   };
   return g(() => {
-    c && s(a ?? w());
-  }, [c, a]), g(() => {
-    c && setTimeout(() => {
+    l && x(s ?? w());
+  }, [l, s]), g(() => {
+    l && setTimeout(() => {
       b(e.current.hour - 1), y(e.current.minute);
     });
-  }, [c]), /* @__PURE__ */ N("div", { ...d?.content ?? {}, className: u("py-2 px-0 h-52 w-full flex justify-center gap-1", d?.content?.className), children: [
-    /* @__PURE__ */ o("div", { className: "w-24 px-2 h-full relative overflow-auto thin-scrollbar", ref: h, children: Array.from({ length: 12 }, (t, f) => f).map((t) => /* @__PURE__ */ o(
-      "button",
-      {
-        style: { height: n, marginBottom: l },
-        className: u(
-          "w-full flex justify-center items-center rounded-full text-xs font-bold text-text-400",
-          t + 1 === r.hour && "bg-secondary"
-        ),
-        onClick: () => p(t + 1),
-        children: (t + 1).toString().padStart(2, "0")
-      },
-      t + 1
-    )) }),
-    /* @__PURE__ */ o("div", { className: "h-full w-24 px-2 relative overflow-auto thin-scrollbar", ref: x, children: Array.from({ length: 60 }, (t, f) => f).map((t) => /* @__PURE__ */ o(
-      "button",
-      {
-        style: { height: n, marginBottom: l },
-        className: u(
-          "w-full flex justify-center items-center rounded-full text-xs font-bold text-text-400",
-          t === r.minute && "bg-secondary"
-        ),
-        onClick: () => v(t),
-        children: t.toString().padStart(2, "0")
-      },
-      t
-    )) }),
-    /* @__PURE__ */ o("div", { className: "h-full w-24 px-2 relative overflow-auto thin-scrollbar", children: ["AM", "PM"].map((t) => /* @__PURE__ */ o(
-      "button",
-      {
-        style: { height: n, marginBottom: l },
-        className: u(
-          "w-full flex justify-center items-center rounded-full text-xs font-bold text-text-400",
-          t === r.ampm && "bg-secondary"
-        ),
-        onClick: () => M(t),
-        children: t
-      },
-      t
-    )) })
-  ] });
+  }, [l]), /* @__PURE__ */ N(
+    "div",
+    {
+      ...f?.content ?? {},
+      className: c("mtx-py-2 mtx-px-0 mtx-h-52 mtx-w-full mtx-flex mtx-justify-center mtx-gap-1", f?.content?.className),
+      children: [
+        /* @__PURE__ */ m("div", { className: "mtx-w-24 mtx-px-2 mtx-h-full mtx-relative mtx-overflow-auto mtx-thin-scrollbar", ref: d, children: Array.from({ length: 12 }, (t, a) => a).map((t) => /* @__PURE__ */ m(
+          "button",
+          {
+            style: { height: o, marginBottom: n },
+            className: c(
+              "mtx-w-full mtx-flex mtx-justify-center mtx-items-center mtx-rounded-full mtx-text-xs mtx-font-bold mtx-text-text-400",
+              t + 1 === r.hour && "mtx-bg-secondary"
+            ),
+            onClick: () => p(t + 1),
+            children: (t + 1).toString().padStart(2, "0")
+          },
+          t + 1
+        )) }),
+        /* @__PURE__ */ m("div", { className: "mtx-h-full mtx-w-24 mtx-px-2 mtx-relative mtx-overflow-auto mtx-thin-scrollbar", ref: h, children: Array.from({ length: 60 }, (t, a) => a).map((t) => /* @__PURE__ */ m(
+          "button",
+          {
+            style: { height: o, marginBottom: n },
+            className: c(
+              "mtx-w-full mtx-flex mtx-justify-center mtx-items-center mtx-rounded-full mtx-text-xs mtx-font-bold mtx-text-text-400",
+              t === r.minute && "mtx-bg-secondary"
+            ),
+            onClick: () => v(t),
+            children: t.toString().padStart(2, "0")
+          },
+          t
+        )) }),
+        /* @__PURE__ */ m("div", { className: "mtx-h-full mtx-w-24 mtx-px-2 mtx-relative mtx-overflow-auto mtx-thin-scrollbar", children: ["AM", "PM"].map((t) => /* @__PURE__ */ m(
+          "button",
+          {
+            style: { height: o, marginBottom: n },
+            className: c(
+              "mtx-w-full mtx-flex mtx-justify-center mtx-items-center mtx-rounded-full mtx-text-xs mtx-font-bold mtx-text-text-400",
+              t === r.ampm && "mtx-bg-secondary"
+            ),
+            onClick: () => M(t),
+            children: t
+          },
+          t
+        )) })
+      ]
+    }
+  );
 };
 export {
   k as TimePickerContent