@trsys-tech/matrix-library 0.3.0

package/dist/successcircleicon.es.js

@@ -0,0 +1,17 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+function t(i) {
+  return /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...i, children: [
+    /* @__PURE__ */ c("circle", { cx: "12", cy: "12", fill: "#106d2b", r: "12" }),
+    /* @__PURE__ */ c(
+      "path",
+      {
+        d: "m17.8 8.897-7.037 7.037a.485.485 0 0 1-.417.204.616.616 0 0 1-.439-.182l-3.725-3.725a.62.62 0 1 1 .878-.878l3.286 3.287 6.597-6.596a.62.62 0 0 1 .878 0 .575.575 0 0 1-.022.853z",
+        fill: "#fff"
+      }
+    )
+  ] });
+}
+export {
+  t as SuccessCircleIcon
+};
+//# sourceMappingURL=successcircleicon.es.js.map

package/dist/successcircleicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"successcircleicon.es.js","sources":["../src/components/Icons/SuccessCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function SuccessCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n      <circle cx=\"12\" cy=\"12\" fill=\"#106d2b\" r=\"12\" />\r\n      <path\r\n        d=\"m17.8 8.897-7.037 7.037a.485.485 0 0 1-.417.204.616.616 0 0 1-.439-.182l-3.725-3.725a.62.62 0 1 1 .878-.878l3.286 3.287 6.597-6.596a.62.62 0 0 1 .878 0 .575.575 0 0 1-.022.853z\"\r\n        fill=\"#fff\"\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["SuccessCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAkBC,GAAgC;AAE9D,SAAA,gBAAAC,EAAC,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAC,gBAAAE,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,MAAK,WAAU,GAAE,KAAK,CAAA;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/dist/swipabledrawer.es.js

@@ -0,0 +1,47 @@
+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,
+    {
+      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,
+      children: [
+        /* @__PURE__ */ r("div", { className: "mx-auto my-2 h-1.5 w-[100px] rounded-full bg-muted" }),
+        a
+      ]
+    }
+  )
+] }));
+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";
+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
+};
+//# sourceMappingURL=swipabledrawer.es.js.map

package/dist/swipabledrawer.es.js.map

@@ -0,0 +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,EAAO,CAAA;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,EAAM,GAAGS,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,EAAM,GAAGS,MACpC,gBAAAI,EAACT,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAsB,EAAA;AAAA,EACvB,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC,EAAG,kGAAkGF,CAAS;AAAA,MACxH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qDAAqD,CAAA;AAAA,QACnEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAsB,cAAc;AAGpC,MAAMG,IAAuB,CAAC,EAAE,WAAAN,GAAW,GAAGR,EAAM,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWS,EAAG,6CAA6CF,CAAS,GAAI,GAAGR,EAAO,CAAA;AAEzFc,EAAqB,cAAc;AAGnC,MAAMC,IAAuB,CAAC,EAAE,WAAAP,GAAW,GAAGR,EAAM,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWS,EAAG,mCAAmCF,CAAS,GAAI,GAAGR,EAAO,CAAA;AAE/Ee,EAAqB,cAAc;AAG7B,MAAAC,IAAsBT,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR,EAACC,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWC,EAAG,qDAAqDF,CAAS,GAAI,GAAGR,GAAO,CAC5H;AACDgB,EAAoB,cAAc;AAG5B,MAAAC,IAA4BV,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAAQ,gBAAAR,EAACC,EAAgB,aAAhB,EAA4B,KAAAO,GAAU,WAAWC,EAAG,iCAAiCF,CAAS,GAAI,GAAGR,GAAO,CAAE;AACnJiB,EAA0B,cAAc;"}

package/dist/switch.es.js

@@ -0,0 +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",
+  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"
+    }
+  },
+  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,
+  {
+    className: e(
+      "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0"
+    )
+  }
+) }));
+l.displayName = a.Root.displayName;
+export {
+  l as Switch
+};
+//# sourceMappingURL=switch.es.js.map

package/dist/switch.es.js.map

@@ -0,0 +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,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAASC,EAAM,WAAwE,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAS,GAAAC,MAC1H,gBAAAC,EAAAC,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

@@ -0,0 +1,41 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as r from "react";
+import { Root as m, List as i, Trigger as n, Content 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(
+  i,
+  {
+    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))]",
+      t
+    ),
+    ...e
+  }
+));
+l.displayName = i.displayName;
+const f = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ s(
+    n,
+    {
+      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",
+        t
+      ),
+      ...e
+    }
+  )
+);
+f.displayName = n.displayName;
+const c = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ s(d, { ref: a, className: o("mt-2", t), ...e })
+);
+c.displayName = d.displayName;
+export {
+  u as Tabs,
+  c as TabsContent,
+  l as TabsList,
+  f as TabsTrigger
+};
+//# sourceMappingURL=tabs.es.js.map

package/dist/tabs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.es.js","sources":["../src/components/tabs/Tabs.tsx"],"sourcesContent":["import * 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":";;;;AAIA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAAuF,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACtI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,EAAK;AAE5B,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAY,cAAcC,EAAQ;AAElC,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAC,EAACM,GAAQ,EAAA,KAAAP,GAAU,WAAWG,EAAG,QAAQL,CAAS,GAAI,GAAGC,EAAO,CAAA;AACpG;AACAO,EAAY,cAAcC,EAAQ;"}

package/dist/textfield.es.js

@@ -0,0 +1,43 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
+import { tv as b } from "tailwind-variants";
+import { cn as i } from "./utils.es.js";
+const g = b({
+  base: "flex items-center w-full rounded-sm border border-input text-gray-800 bg-transparent p-0 text-xs font-medium shadow-sm 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  disabled:cursor-not-allowed disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100",
+  variants: {
+    size: {
+      sm: "h-7",
+      md: "h-9",
+      lg: "h-11"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), h = c.forwardRef(
+  ({ className: o, slotProps: t, suffix: e, endButton: n, startButton: s, size: a, value: l, onChange: d, defaultValue: m, type: f, ...p }, u) => /* @__PURE__ */ x("div", { ...p, className: i(g({ size: a, className: o })), children: [
+    s,
+    /* @__PURE__ */ r(
+      "input",
+      {
+        type: f,
+        ref: u,
+        onChange: d,
+        value: l,
+        defaultValue: m,
+        ...t?.inputProps ?? {},
+        className: i(
+          "focus:outline-none w-full h-full px-3 py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
+          t?.inputProps?.className
+        )
+      }
+    ),
+    typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r("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,
+    n
+  ] })
+);
+h.displayName = "TextField";
+export {
+  h as TextField
+};
+//# sourceMappingURL=textfield.es.js.map

package/dist/textfield.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["import * 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: \"flex items-center w-full rounded-sm border border-input text-gray-800 bg-transparent p-0 text-xs font-medium shadow-sm 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  disabled:cursor-not-allowed disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-9\",\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  suffix?: React.ReactNode;\r\n  endButton?: React.ReactNode;\r\n  startButton?: 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  ({ className, slotProps, suffix, endButton, startButton, size, value, onChange, defaultValue, type, ...props }, ref) => {\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))}>\r\n        {startButton}\r\n        <input\r\n          type={type}\r\n          ref={ref}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full px-3 py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\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        {endButton}\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","endButton","startButton","size","value","onChange","defaultValue","type","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAKA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAeKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,aAAAC,GAAa,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE3G,gBAAAC,EAAA,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGjB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,GAAW,CAAC,GACjE,UAAA;AAAA,IAAAI;AAAA,IACD,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAL;AAAA,QACA,KAAAE;AAAA,QACA,UAAAJ;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACC,GAAIP,GAAW,cAAc,CAAC;AAAA,QAC/B,WAAWY;AAAA,UACT;AAAA,UACAZ,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IACC,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAY,EAAC,QAAK,EAAA,WAAU,iGAAiG,UAAAZ,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}

package/dist/timepicker.es.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "react";
+import n from "./defaulttheme.es.js";
+import { MobileTimePicker as s } from "./mobiletimepicker.es.js";
+import { DesktopTimePicker as c } from "./desktoptimepicker.es.js";
+const b = (i) => {
+  const [r, m] = e.useState(0);
+  return e.useEffect(() => {
+    const o = new ResizeObserver(() => {
+      m(window.innerWidth);
+    });
+    return o.observe(document.documentElement), () => {
+      o.disconnect();
+    };
+  }, []), e.useMemo(() => window !== void 0 ? window?.matchMedia?.(`(max-width: ${n.screens.md})`)?.matches : !1, [r]) ? /* @__PURE__ */ t(s, { ...i }) : /* @__PURE__ */ t(c, { ...i });
+};
+export {
+  c as DesktopTimePicker,
+  s as MobileTimePicker,
+  b as TimePicker
+};
+//# sourceMappingURL=timepicker.es.js.map

package/dist/timepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.es.js","sources":["../src/components/date-picker/TimePicker.tsx"],"sourcesContent":["import React from \"react\";\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\n\r\nimport { Time } from \"./TimePickerContent\";\r\nimport { MobileTimePicker, MobileTimePickerProps } from \"./MobileTimePicker\";\r\nimport { DesktopTimePicker, DesktopTimePickerProps } from \"./DesktopTimePicker\";\r\n\r\ntype TimePickerProps = DesktopTimePickerProps & {};\r\n\r\nconst TimePicker: React.FC<TimePickerProps> = props => {\r\n  // re render to show proper modal on resize\r\n  const [windowSize, setWindowSize] = React.useState(0);\r\n  React.useEffect(() => {\r\n    const observer = new ResizeObserver(() => {\r\n      setWindowSize(window.innerWidth);\r\n    });\r\n\r\n    observer.observe(document.documentElement);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const isMobile = React.useMemo(() => {\r\n    if (window !== undefined) {\r\n      return window?.matchMedia?.(`(max-width: ${defaultTheme.screens.md})`)?.matches;\r\n    }\r\n    return false;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [windowSize]);\r\n\r\n  return isMobile ? <MobileTimePicker {...props} /> : <DesktopTimePicker {...props} />;\r\n};\r\n\r\nexport { TimePicker, DesktopTimePicker, type DesktopTimePickerProps, MobileTimePicker, type MobileTimePickerProps, type TimePickerProps, type Time };\r\n"],"names":["TimePicker","props","windowSize","setWindowSize","React","observer","defaultTheme","MobileTimePicker","jsx","DesktopTimePicker"],"mappings":";;;;;AASA,MAAMA,IAAwC,CAASC,MAAA;AAErD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,CAAC;AACpDA,SAAAA,EAAM,UAAU,MAAM;AACd,UAAAC,IAAW,IAAI,eAAe,MAAM;AACxC,MAAAF,EAAc,OAAO,UAAU;AAAA,IAAA,CAChC;AAEQ,WAAAE,EAAA,QAAQ,SAAS,eAAe,GAElC,MAAM;AACX,MAAAA,EAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,EAAE,GAEYD,EAAM,QAAQ,MACzB,WAAW,SACN,QAAQ,aAAa,eAAeE,EAAa,QAAQ,EAAE,GAAG,GAAG,UAEnE,IAEN,CAACJ,CAAU,CAAC,sBAEIK,GAAkB,EAAA,GAAGN,GAAO,IAAK,gBAAAO,EAACC,GAAmB,EAAA,GAAGR,EAAO,CAAA;AACpF;"}

package/dist/timepickercontent.es.js

@@ -0,0 +1,73 @@
+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),
+      behavior: "smooth"
+    });
+  }, y = (t) => {
+    x?.current?.scrollTo({
+      top: t * (n + l),
+      behavior: "smooth"
+    });
+  }, p = (t) => {
+    e.current = { ...r, hour: t }, s(e.current), i(e.current);
+  }, v = (t) => {
+    e.current = { ...r, minute: t }, s(e.current), i(e.current);
+  }, M = (t) => {
+    e.current = { ...r, ampm: t }, s(e.current), i(e.current);
+  };
+  return g(() => {
+    c && s(a ?? w());
+  }, [c, a]), g(() => {
+    c && 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-sm 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-sm 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-sm font-bold text-text-400",
+          t === r.ampm && "bg-secondary"
+        ),
+        onClick: () => M(t),
+        children: t
+      },
+      t
+    )) })
+  ] });
+};
+export {
+  k as TimePickerContent
+};
+//# sourceMappingURL=timepickercontent.es.js.map

package/dist/timepickercontent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepickercontent.es.js","sources":["../src/components/date-picker/TimePickerContent.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\ntype Time = { hour: number; minute: number; ampm: \"AM\" | \"PM\" };\r\n\r\ntype TimePickerContentProps = {\r\n  time: Time | undefined;\r\n  isOpen: boolean;\r\n  onTimeChange: (time: Time | undefined) => void;\r\n  slotsProps?: {\r\n    content?: HTMLAttributes<HTMLDivElement>;\r\n  };\r\n};\r\n\r\nconst getNow = (): Time => {\r\n  return { hour: new Date().getHours() % 12, minute: new Date().getMinutes(), ampm: new Date().getHours() < 12 ? \"AM\" : \"PM\" };\r\n};\r\n\r\nconst TimePickerContent: React.FC<TimePickerContentProps> = ({ isOpen, time, onTimeChange, slotsProps }) => {\r\n  const [selectedtime, setSelectedTime] = useState<Time>(time ?? getNow());\r\n  const selectedTimeRef = useRef<Time>(selectedtime);\r\n\r\n  const hourRef = useRef<HTMLDivElement>(null);\r\n  const minuteRef = useRef<HTMLDivElement>(null);\r\n\r\n  const itemHeight = 32; // Assuming each item height is 40px\r\n  const marginBetweenItems = 8; // Assuming margin between each item is 8px\r\n\r\n  // Function to scroll to a specific hour\r\n  const scrollToHour = (index: number) => {\r\n    hourRef?.current?.scrollTo({\r\n      top: index * (itemHeight + marginBetweenItems),\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  // Function to scroll to a specific minute\r\n  const scrollToMinute = (index: number) => {\r\n    minuteRef?.current?.scrollTo({\r\n      top: index * (itemHeight + marginBetweenItems),\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  const handleSethour = (hour: number) => {\r\n    selectedTimeRef.current = { ...selectedtime, hour };\r\n    setSelectedTime(selectedTimeRef.current);\r\n    onTimeChange(selectedTimeRef.current);\r\n  };\r\n\r\n  const handleSetMinute = (minute: number) => {\r\n    selectedTimeRef.current = { ...selectedtime, minute };\r\n    setSelectedTime(selectedTimeRef.current);\r\n    onTimeChange(selectedTimeRef.current);\r\n  };\r\n\r\n  const handleSetAMPM = (ampm: \"AM\" | \"PM\") => {\r\n    selectedTimeRef.current = { ...selectedtime, ampm };\r\n    setSelectedTime(selectedTimeRef.current);\r\n    onTimeChange(selectedTimeRef.current);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      setSelectedTime(time ?? getNow());\r\n    }\r\n  }, [isOpen, time]);\r\n\r\n  useEffect(() => {\r\n    // Center the selected hour/minute on mount\r\n    if (isOpen) {\r\n      setTimeout(() => {\r\n        scrollToHour(selectedTimeRef.current.hour - 1);\r\n        scrollToMinute(selectedTimeRef.current.minute);\r\n      });\r\n    }\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <div {...(slotsProps?.content ?? {})} className={cn(\"py-2 px-0 h-52 w-full flex justify-center gap-1\", slotsProps?.content?.className)}>\r\n      {/* Hour Selector */}\r\n      <div className=\"w-24 px-2 h-full relative overflow-auto thin-scrollbar\" ref={hourRef}>\r\n        {Array.from({ length: 12 }, (_, i) => i).map(hour => (\r\n          <button\r\n            style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n            className={cn(\r\n              \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n              hour + 1 === selectedtime.hour && \"bg-secondary\",\r\n            )}\r\n            key={hour + 1}\r\n            onClick={() => handleSethour(hour + 1)}\r\n          >\r\n            {(hour + 1).toString().padStart(2, \"0\")}\r\n          </button>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Minute Selector */}\r\n      <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\" ref={minuteRef}>\r\n        {Array.from({ length: 60 }, (_, i) => i).map(minute => (\r\n          <button\r\n            style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n            className={cn(\r\n              \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n              minute === selectedtime.minute && \"bg-secondary\",\r\n            )}\r\n            key={minute}\r\n            onClick={() => handleSetMinute(minute)}\r\n          >\r\n            {minute.toString().padStart(2, \"0\")}\r\n          </button>\r\n        ))}\r\n      </div>\r\n\r\n      {/* AM/PM Selector */}\r\n      <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\">\r\n        {[\"AM\", \"PM\"].map(ampm => (\r\n          <button\r\n            style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n            className={cn(\r\n              \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n              ampm === selectedtime.ampm && \"bg-secondary\",\r\n            )}\r\n            key={ampm}\r\n            onClick={() => handleSetAMPM(ampm as \"AM\" | \"PM\")}\r\n          >\r\n            {ampm}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport { TimePickerContent, type TimePickerContentProps, type Time };\r\n"],"names":["getNow","TimePickerContent","isOpen","time","onTimeChange","slotsProps","selectedtime","setSelectedTime","useState","selectedTimeRef","useRef","hourRef","minuteRef","itemHeight","marginBetweenItems","scrollToHour","index","scrollToMinute","handleSethour","hour","handleSetMinute","minute","handleSetAMPM","ampm","useEffect","jsxs","cn","jsx","_","i"],"mappings":";;;AAeA,MAAMA,IAAS,OACN,EAAE,OAAU,oBAAA,KAAA,GAAO,aAAa,IAAI,SAAY,oBAAA,QAAO,WAAW,GAAG,OAAU,oBAAA,KAAA,GAAO,aAAa,KAAK,OAAO,KAAK,IAGvHC,IAAsD,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,cAAAC,GAAc,YAAAC,QAAiB;AAC1G,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAeL,KAAQH,GAAQ,GACjES,IAAkBC,EAAaJ,CAAY,GAE3CK,IAAUD,EAAuB,IAAI,GACrCE,IAAYF,EAAuB,IAAI,GAEvCG,IAAa,IACbC,IAAqB,GAGrBC,IAAe,CAACC,MAAkB;AACtC,IAAAL,GAAS,SAAS,SAAS;AAAA,MACzB,KAAKK,KAASH,IAAaC;AAAA,MAC3B,UAAU;AAAA,IAAA,CACX;AAAA,EACH,GAGMG,IAAiB,CAACD,MAAkB;AACxC,IAAAJ,GAAW,SAAS,SAAS;AAAA,MAC3B,KAAKI,KAASH,IAAaC;AAAA,MAC3B,UAAU;AAAA,IAAA,CACX;AAAA,EACH,GAEMI,IAAgB,CAACC,MAAiB;AACtC,IAAAV,EAAgB,UAAU,EAAE,GAAGH,GAAc,MAAAa,EAAK,GAClDZ,EAAgBE,EAAgB,OAAO,GACvCL,EAAaK,EAAgB,OAAO;AAAA,EACtC,GAEMW,IAAkB,CAACC,MAAmB;AAC1C,IAAAZ,EAAgB,UAAU,EAAE,GAAGH,GAAc,QAAAe,EAAO,GACpDd,EAAgBE,EAAgB,OAAO,GACvCL,EAAaK,EAAgB,OAAO;AAAA,EACtC,GAEMa,IAAgB,CAACC,MAAsB;AAC3C,IAAAd,EAAgB,UAAU,EAAE,GAAGH,GAAc,MAAAiB,EAAK,GAClDhB,EAAgBE,EAAgB,OAAO,GACvCL,EAAaK,EAAgB,OAAO;AAAA,EACtC;AAEA,SAAAe,EAAU,MAAM;AACd,IAAItB,KACcK,EAAAJ,KAAQH,GAAQ;AAAA,EAClC,GACC,CAACE,GAAQC,CAAI,CAAC,GAEjBqB,EAAU,MAAM;AAEd,IAAItB,KACF,WAAW,MAAM;AACF,MAAAa,EAAAN,EAAgB,QAAQ,OAAO,CAAC,GAC9BQ,EAAAR,EAAgB,QAAQ,MAAM;AAAA,IAAA,CAC9C;AAAA,EACH,GACC,CAACP,CAAM,CAAC,GAGR,gBAAAuB,EAAA,OAAA,EAAK,GAAIpB,GAAY,WAAW,CAAK,GAAA,WAAWqB,EAAG,mDAAmDrB,GAAY,SAAS,SAAS,GAEnI,UAAA;AAAA,IAAA,gBAAAsB,EAAC,SAAI,WAAU,0DAAyD,KAAKhB,GAC1E,gBAAM,KAAK,EAAE,QAAQ,GAAA,GAAM,CAACiB,GAAGC,MAAMA,CAAC,EAAE,IAAI,CAC3CV,MAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,QAAQd,GAAY,cAAcC,EAAmB;AAAA,QAC9D,WAAWY;AAAA,UACT;AAAA,UACAP,IAAO,MAAMb,EAAa,QAAQ;AAAA,QACpC;AAAA,QAEA,SAAS,MAAMY,EAAcC,IAAO,CAAC;AAAA,QAEnC,eAAO,GAAG,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,MAAA;AAAA,MAHjCA,IAAO;AAAA,IAKf,CAAA,GACH;AAAA,sBAGC,OAAI,EAAA,WAAU,0DAAyD,KAAKP,GAC1E,gBAAM,KAAK,EAAE,QAAQ,GAAA,GAAM,CAACgB,GAAGC,MAAMA,CAAC,EAAE,IAAI,CAC3CR,MAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,QAAQd,GAAY,cAAcC,EAAmB;AAAA,QAC9D,WAAWY;AAAA,UACT;AAAA,UACAL,MAAWf,EAAa,UAAU;AAAA,QACpC;AAAA,QAEA,SAAS,MAAMc,EAAgBC,CAAM;AAAA,QAEpC,UAAOA,EAAA,SAAW,EAAA,SAAS,GAAG,GAAG;AAAA,MAAA;AAAA,MAH7BA;AAAA,IAKR,CAAA,GACH;AAAA,IAGA,gBAAAM,EAAC,SAAI,WAAU,0DACZ,WAAC,MAAM,IAAI,EAAE,IAAI,CAChBJ,MAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,QAAQd,GAAY,cAAcC,EAAmB;AAAA,QAC9D,WAAWY;AAAA,UACT;AAAA,UACAH,MAASjB,EAAa,QAAQ;AAAA,QAChC;AAAA,QAEA,SAAS,MAAMgB,EAAcC,CAAmB;AAAA,QAE/C,UAAAA;AAAA,MAAA;AAAA,MAHIA;AAAA,IAAA,CAKR,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/toast-components.es.js

@@ -0,0 +1,66 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "@radix-ui/react-toast";
+import { tv as d } from "tailwind-variants";
+import { cn as n } from "./utils.es.js";
+import { CloseIcon as l } from "./closeicon.es.js";
+const y = e.Provider, c = s.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ r(
+  e.Viewport,
+  {
+    ref: o,
+    className: n("fixed z-[100] flex flex-col-reverse gap-3 max-h-dscreen w-full p-4 top-0 right-0 md:max-w-[420px] ", a),
+    ...t
+  }
+));
+c.displayName = e.Viewport.displayName;
+const p = d({
+  base: "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-lg border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full",
+  // data-[state=open]:sm:slide-in-from-bottom-full
+  variants: {
+    variant: {
+      default: "border bg-background text-foreground",
+      danger: "danger group border-danger bg-danger-400 text-danger-800",
+      success: "success group border-success bg-success-400 text-success-800",
+      warning: "warning group border-warning bg-warning-400 text-warning-800",
+      info: "info group border-info bg-info-400 text-info-700"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), g = s.forwardRef(({ className: a, variant: t, ...o }, i) => /* @__PURE__ */ r(e.Root, { ref: i, className: n(p({ variant: t }), a), ...o }));
+g.displayName = e.Root.displayName;
+const m = s.forwardRef(
+  ({ className: a, ...t }, o) => /* @__PURE__ */ r(
+    e.Action,
+    {
+      ref: o,
+      className: n(
+        "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.danger]:border-muted/40 group-[.danger]:hover:border-danger/30 group-[.danger]:hover:bg-danger group-[.danger]:hover:text-danger-foreground group-[.danger]:focus:ring-danger",
+        a
+      ),
+      ...t
+    }
+  )
+);
+m.displayName = e.Action.displayName;
+const f = s.forwardRef(
+  ({ className: a, ...t }, o) => /* @__PURE__ */ r(e.Close, { ref: o, className: n("focus:outline-none focus:ring-none", a), "toast-close": "", ...t, children: /* @__PURE__ */ r(l, { className: "h-4 w-4" }) })
+);
+f.displayName = e.Close.displayName;
+const u = s.forwardRef(
+  ({ className: a, ...t }, o) => /* @__PURE__ */ r(e.Title, { ref: o, className: n("text-xs font-semibold leading-5 [&+div]:text-xs", a), ...t })
+);
+u.displayName = e.Title.displayName;
+const x = s.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ r(e.Description, { ref: o, className: n("text-sm opacity-90", a), ...t }));
+x.displayName = e.Description.displayName;
+export {
+  g as Toast,
+  m as ToastAction,
+  f as ToastClose,
+  x as ToastDescription,
+  y as ToastProvider,
+  u as ToastTitle,
+  c as ToastViewport
+};
+//# sourceMappingURL=toast-components.es.js.map

package/dist/toast-components.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-components.es.js","sources":["../src/components/toast/toast-components.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../lib/utils\";\nimport { CloseIcon } from \"../Icons/CloseIcon\";\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\"fixed z-[100] flex flex-col-reverse gap-3 max-h-dscreen w-full p-4 top-0 right-0 md:max-w-[420px] \", className)}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = tv({\n  base: \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-lg border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full\", // data-[state=open]:sm:slide-in-from-bottom-full\n  variants: {\n    variant: {\n      default: \"border bg-background text-foreground\",\n      danger: \"danger group border-danger bg-danger-400 text-danger-800\",\n      success: \"success group border-success bg-success-400 text-success-800\",\n      warning: \"warning group border-warning bg-warning-400 text-warning-800\",\n      info: \"info group border-info bg-info-400 text-info-700\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype ToastVariant = VariantProps<typeof toastVariants>[\"variant\"];\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Action>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>>(\n  ({ className, ...props }, ref) => (\n    <ToastPrimitives.Action\n      ref={ref}\n      className={cn(\n        \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.danger]:border-muted/40 group-[.danger]:hover:border-danger/30 group-[.danger]:hover:bg-danger group-[.danger]:hover:text-danger-foreground group-[.danger]:focus:ring-danger\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Close>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>>(\n  ({ className, ...props }, ref) => (\n    <ToastPrimitives.Close ref={ref} className={cn(\"focus:outline-none focus:ring-none\", className)} toast-close=\"\" {...props}>\n      <CloseIcon className=\"h-4 w-4\" />\n    </ToastPrimitives.Close>\n  ),\n);\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Title>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>>(\n  ({ className, ...props }, ref) => (\n    <ToastPrimitives.Title ref={ref} className={cn(\"text-xs font-semibold leading-5 [&+div]:text-xs\", className)} {...props} />\n  ),\n);\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => <ToastPrimitives.Description ref={ref} className={cn(\"text-sm opacity-90\", className)} {...props} />);\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  type ToastVariant,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","tv","Toast","variant","ToastAction","ToastClose","CloseIcon","ToastTitle","ToastDescription"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,sGAAsGJ,CAAS;AAAA,IAC5H,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMQ,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAIKC,IAAQR,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAQ,GAAS,GAAGP,EAAM,GAAGC,MAC3B,gBAAAC,EAAAN,EAAgB,MAAhB,EAAqB,KAAAK,GAAU,WAAWE,EAAGC,EAAc,EAAE,SAAAG,GAAS,GAAGR,CAAS,GAAI,GAAGC,EAAO,CAAA,CACzG;AACDM,EAAM,cAAcV,EAAgB,KAAK;AAEzC,MAAMY,IAAcV,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAK;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAQ,EAAY,cAAcZ,EAAgB,OAAO;AAEjD,MAAMa,IAAaX,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAG,eAAY,IAAI,GAAGC,GAClH,UAAC,gBAAAE,EAAAQ,GAAA,EAAU,WAAU,UAAU,CAAA,EACjC,CAAA;AAEJ;AACAD,EAAW,cAAcb,EAAgB,MAAM;AAE/C,MAAMe,IAAab,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,mDAAmDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7H;AACAW,EAAW,cAAcf,EAAgB,MAAM;AAEzC,MAAAgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACN,EAAgB,aAAhB,EAA4B,KAAAK,GAAU,WAAWE,EAAG,sBAAsBJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACxIY,EAAiB,cAAchB,EAAgB,YAAY;"}

package/dist/toast.es.js

@@ -0,0 +1,44 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+import { ToastProvider as p, Toast as d, ToastTitle as T, ToastClose as h, ToastViewport as u } from "./toast-components.es.js";
+import { useToasts as w, toastParams as C } from "./use-toast.es.js";
+import { InfoCircleIcon as N } from "./infocircleicon.es.js";
+import { SuccessCircleIcon as g } from "./successcircleicon.es.js";
+import { WarningCircleIcon as I } from "./warningcircleicon.es.js";
+import { DangerCircleIcon as x } from "./dangercircleicon.es.js";
+function P({ limit: i = 3, duration: m = 5e3, slotProps: e }) {
+  const { toasts: a, removeToast: n } = w();
+  return l(() => {
+    i !== void 0 && (C.limit = i);
+  }, [i]), /* @__PURE__ */ s(p, { duration: m, ...e?.providerProps ?? {}, children: [
+    Array.from(a).map(([t, { message: c, variant: r }]) => /* @__PURE__ */ s(
+      d,
+      {
+        variant: r,
+        onOpenChange: (f) => {
+          f || setTimeout(() => n(t), 100);
+        },
+        ...e?.itemProps ?? {},
+        children: [
+          /* @__PURE__ */ s("div", { className: "flex gap-2 items-center", children: [
+            /* @__PURE__ */ s("div", { children: [
+              r === "danger" && /* @__PURE__ */ o(x, { className: "w-5 h-5" }),
+              r === "success" && /* @__PURE__ */ o(g, { className: "w-5 h-5" }),
+              r === "info" && /* @__PURE__ */ o(N, { className: "w-5 h-5" }),
+              r === "warning" && /* @__PURE__ */ o(I, { className: "w-5 h-5" })
+            ] }),
+            c && /* @__PURE__ */ o(T, { ...e?.titleProps ?? {}, children: c })
+          ] }),
+          /* @__PURE__ */ o(h, { ...e?.closeProps ?? {} })
+        ]
+      },
+      t
+    )),
+    /* @__PURE__ */ o(u, {})
+  ] });
+}
+P.displayName = "Toast";
+export {
+  P as Toast
+};
+//# sourceMappingURL=toast.es.js.map

package/dist/toast.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.es.js","sources":["../src/components/toast/Toast.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\nimport { Toast as Root, ToastClose, ToastProvider, ToastTitle, ToastViewport } from \"./toast-components\";\r\n\r\nimport { useToasts, toastParams } from \"./use-toast\";\r\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\r\nimport { SuccessCircleIcon } from \"../Icons/SuccessCircleIcon\";\r\nimport { WarningCircleIcon } from \"../Icons/WarningCircleIcon\";\r\nimport { DangerCircleIcon } from \"../Icons/DangerCircleIcon\";\r\nimport { ToastProviderProps, ToastViewportProps } from \"@radix-ui/react-toast\";\r\n\r\ntype ToastProps = {\r\n  limit?: number;\r\n  duration?: number;\r\n  slotProps?: {\r\n    providerProps?: ToastProviderProps;\r\n    viewportProps?: ToastViewportProps;\r\n    itemProps?: React.ComponentProps<typeof Root>;\r\n    closeProps?: React.ComponentProps<typeof ToastClose>;\r\n    titleProps?: React.ComponentProps<typeof ToastTitle>;\r\n  };\r\n};\r\n\r\nfunction Toast({ limit = 3, duration = 5000, slotProps }: ToastProps) {\r\n  const { toasts, removeToast } = useToasts();\r\n\r\n  useEffect(() => {\r\n    if (limit !== undefined) {\r\n      toastParams.limit = limit;\r\n    }\r\n  }, [limit]);\r\n\r\n  return (\r\n    <ToastProvider duration={duration} {...(slotProps?.providerProps ?? {})}>\r\n      {Array.from(toasts).map(([key, { message, variant }]) => {\r\n        return (\r\n          <Root\r\n            key={key}\r\n            variant={variant}\r\n            onOpenChange={open => {\r\n              if (!open) {\r\n                setTimeout(() => removeToast(key), 100); // let the animation finish then remove the toast\r\n              }\r\n            }}\r\n            {...(slotProps?.itemProps ?? {})}\r\n          >\r\n            <div className=\"flex gap-2 items-center\">\r\n              <div>\r\n                {variant === \"danger\" && <DangerCircleIcon className=\"w-5 h-5\" />}\r\n                {variant === \"success\" && <SuccessCircleIcon className=\"w-5 h-5\" />}\r\n                {variant === \"info\" && <InfoCircleIcon className=\"w-5 h-5\" />}\r\n                {variant === \"warning\" && <WarningCircleIcon className=\"w-5 h-5\" />}\r\n              </div>\r\n              {message && <ToastTitle {...(slotProps?.titleProps ?? {})}>{message}</ToastTitle>}\r\n            </div>\r\n            <ToastClose {...(slotProps?.closeProps ?? {})} />\r\n            {/* {action} */}\r\n          </Root>\r\n        );\r\n      })}\r\n      <ToastViewport />\r\n    </ToastProvider>\r\n  );\r\n}\r\nToast.displayName = \"Toast\";\r\n\r\nexport { Toast, type ToastProps };\r\n"],"names":["Toast","limit","duration","slotProps","toasts","removeToast","useToasts","useEffect","toastParams","ToastProvider","key","message","variant","jsxs","Root","open","jsx","DangerCircleIcon","SuccessCircleIcon","InfoCircleIcon","WarningCircleIcon","ToastTitle","ToastClose","ToastViewport"],"mappings":";;;;;;;;AAsBA,SAASA,EAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,IAAW,KAAM,WAAAC,KAAyB;AACpE,QAAM,EAAE,QAAAC,GAAQ,aAAAC,EAAY,IAAIC,EAAU;AAE1C,SAAAC,EAAU,MAAM;AACd,IAAIN,MAAU,WACZO,EAAY,QAAQP;AAAA,EACtB,GACC,CAACA,CAAK,CAAC,qBAGPQ,GAAc,EAAA,UAAAP,GAAqB,GAAIC,GAAW,iBAAiB,CACjE,GAAA,UAAA;AAAA,IAAM,MAAA,KAAKC,CAAM,EAAE,IAAI,CAAC,CAACM,GAAK,EAAE,SAAAC,GAAS,SAAAC,EAAQ,CAAC,MAE/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,cAAc,CAAQG,MAAA;AACpB,UAAKA,KACH,WAAW,MAAMV,EAAYK,CAAG,GAAG,GAAG;AAAA,QAE1C;AAAA,QACC,GAAIP,GAAW,aAAa,CAAC;AAAA,QAE9B,UAAA;AAAA,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OACE,EAAA,UAAA;AAAA,cAAAD,MAAY,YAAY,gBAAAI,EAACC,GAAiB,EAAA,WAAU,WAAU;AAAA,cAC9DL,MAAY,aAAc,gBAAAI,EAAAE,GAAA,EAAkB,WAAU,WAAU;AAAA,cAChEN,MAAY,UAAW,gBAAAI,EAAAG,GAAA,EAAe,WAAU,WAAU;AAAA,cAC1DP,MAAY,aAAc,gBAAAI,EAAAI,GAAA,EAAkB,WAAU,UAAU,CAAA;AAAA,YAAA,GACnE;AAAA,YACCT,uBAAYU,GAAY,EAAA,GAAIlB,GAAW,cAAc,CAAA,GAAM,UAAQQ,EAAA,CAAA;AAAA,UAAA,GACtE;AAAA,4BACCW,GAAY,EAAA,GAAInB,GAAW,cAAc,CAAA,EAAK,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAlB1CO;AAAA,IAoBP,CAEH;AAAA,sBACAa,GAAc,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;AACAvB,EAAM,cAAc;"}

package/dist/todate.es.js

@@ -0,0 +1,9 @@
+import { constructFrom as r } from "./constructfrom.es.js";
+function e(t, o) {
+  return r(o || t, t);
+}
+export {
+  e as default,
+  e as toDate
+};
+//# sourceMappingURL=todate.es.js.map

package/dist/todate.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todate.es.js","sources":["../node_modules/date-fns/toDate.js"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * Starting from v3.7.0, it clones a date using `[Symbol.for(\"constructDateFrom\")]`\n * enabling to transfer extra properties from the reference date to the new date.\n * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)\n * that accept a time zone as a constructor argument.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param argument - The value to convert\n *\n * @returns The parsed date in the local time zone\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport function toDate(argument, context) {\n  // [TODO] Get rid of `toDate` or `constructFrom`?\n  return constructFrom(context || argument, argument);\n}\n\n// Fallback for modularized imports:\nexport default toDate;\n"],"names":["toDate","argument","context","constructFrom"],"mappings":";AAwCO,SAASA,EAAOC,GAAUC,GAAS;AAExC,SAAOC,EAAcD,KAAWD,GAAUA,CAAQ;AACpD;","x_google_ignoreList":[0]}

package/dist/tooltip.es.js

@@ -0,0 +1,30 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as m from "react";
+import { Provider as n, Root as l, Trigger as p, Portal as f, Content as t, Arrow as c } from "@radix-ui/react-tooltip";
+import { cn as g } from "./utils.es.js";
+const y = n, N = l, b = p, x = m.forwardRef(
+  ({ className: e, sideOffset: a = 4, children: i, ...r }, d) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ s(
+    t,
+    {
+      ref: d,
+      sideOffset: a,
+      className: g(
+        "z-50 rounded-sm bg-primary-900 px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
+        e
+      ),
+      ...r,
+      children: [
+        i,
+        /* @__PURE__ */ o(c, { className: "w-2 h-1.5" })
+      ]
+    }
+  ) })
+);
+x.displayName = t.displayName;
+export {
+  N as Tooltip,
+  x as TooltipContent,
+  y as TooltipProvider,
+  b as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.es.js.map

package/dist/tooltip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.es.js","sources":["../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Root, Provider, Trigger, Portal, Content, Arrow, TooltipProps, TooltipProviderProps, TooltipTriggerProps } from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst TooltipProvider = Provider;\r\n\r\nconst Tooltip = Root;\r\n\r\nconst TooltipTrigger = Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n  ({ className, sideOffset = 4, children, ...props }, ref) => (\r\n    <Portal>\r\n      <Content\r\n        ref={ref}\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          \"z-50 rounded-sm bg-primary-900 px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <Arrow className=\"w-2 h-1.5\" />\r\n      </Content>\r\n    </Portal>\r\n  ),\r\n);\r\nTooltipContent.displayName = Content.displayName;\r\ntype TooltipContentProps = React.ComponentProps<typeof TooltipContent>;\r\n\r\nexport {\r\n  Tooltip,\r\n  TooltipTrigger,\r\n  TooltipContent,\r\n  TooltipProvider,\r\n  type TooltipProps,\r\n  type TooltipContentProps,\r\n  type TooltipTriggerProps,\r\n  type TooltipProviderProps,\r\n};\r\n"],"names":["TooltipProvider","Provider","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","React","className","sideOffset","children","props","ref","jsx","Portal","jsxs","Content","cn","Arrow"],"mappings":";;;;AAOA,MAAMA,IAAkBC,GAElBC,IAAUC,GAEVC,IAAiBC,GAEjBC,IAAiBC,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAClD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,YAAAH;AAAA,MACA,WAAWQ;AAAA,QACT;AAAA,QACAT;AAAA,MACF;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAG,EAACK,GAAM,EAAA,WAAU,YAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEjC,CAAA;AAEJ;AACAZ,EAAe,cAAcU,EAAQ;"}

package/dist/trashcanicon.es.js

@@ -0,0 +1,6 @@
+import { jsx as C } from "react/jsx-runtime";
+const t = (V) => /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 24 24", ...V, children: /* @__PURE__ */ C("path", { d: "M19.75 5.58335H16.7466L15.507 3.51434C15.1599 2.9885 14.624 2.66669 14.0115 2.66669H10.3219C9.70938 2.66669 9.14062 2.9885 8.82708 3.51434L7.58677 5.58335H4.58333C4.25977 5.58335 4 5.8433 4 6.16669V6.75002C4 7.0745 4.25977 7.33335 4.58333 7.33335H5.16667V19C5.16667 20.2888 6.2112 21.3334 7.5 21.3334H16.8333C18.1221 21.3334 19.1667 20.2888 19.1667 19V7.33335H19.75C20.0745 7.33335 20.3333 7.0745 20.3333 6.75002V6.16669C20.3333 5.8433 20.0745 5.58335 19.75 5.58335ZM10.2672 4.52169C10.3036 4.45789 10.3766 4.41669 10.4531 4.41669H13.8802C13.9577 4.41669 14.0306 4.4577 14.0671 4.5215L14.7042 5.58335H9.62917L10.2672 4.52169ZM16.8333 19.5834H7.5C7.17782 19.5834 6.91667 19.3222 6.91667 19V7.33335H17.4167V19C17.4167 19.3209 17.1542 19.5834 16.8333 19.5834ZM12.1667 17.8334C12.4891 17.8334 12.75 17.5725 12.75 17.25V9.66669C12.75 9.34425 12.4891 9.08335 12.1667 9.08335C11.8442 9.08335 11.5833 9.34585 11.5833 9.66669V17.25C11.5833 17.5709 11.8458 17.8334 12.1667 17.8334ZM9.25 17.8334C9.57083 17.8334 9.83333 17.5709 9.83333 17.25V9.66669C9.83333 9.34425 9.57244 9.08335 9.25 9.08335C8.92756 9.08335 8.66667 9.34585 8.66667 9.66669V17.25C8.66667 17.5709 8.92917 17.8334 9.25 17.8334ZM15.0833 17.8334C15.4058 17.8334 15.6667 17.5725 15.6667 17.25V9.66669C15.6667 9.34425 15.4058 9.08335 15.0833 9.08335C14.7609 9.08335 14.5 9.34585 14.5 9.66669V17.25C14.5 17.5709 14.7625 17.8334 15.0833 17.8334Z" }) });
+export {
+  t as TrashcanIcon
+};
+//# sourceMappingURL=trashcanicon.es.js.map

package/dist/trashcanicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trashcanicon.es.js","sources":["../src/components/Icons/TrashcanIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport const TrashcanIcon: React.FC<SVGProps<SVGSVGElement>> = props => {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M19.75 5.58335H16.7466L15.507 3.51434C15.1599 2.9885 14.624 2.66669 14.0115 2.66669H10.3219C9.70938 2.66669 9.14062 2.9885 8.82708 3.51434L7.58677 5.58335H4.58333C4.25977 5.58335 4 5.8433 4 6.16669V6.75002C4 7.0745 4.25977 7.33335 4.58333 7.33335H5.16667V19C5.16667 20.2888 6.2112 21.3334 7.5 21.3334H16.8333C18.1221 21.3334 19.1667 20.2888 19.1667 19V7.33335H19.75C20.0745 7.33335 20.3333 7.0745 20.3333 6.75002V6.16669C20.3333 5.8433 20.0745 5.58335 19.75 5.58335ZM10.2672 4.52169C10.3036 4.45789 10.3766 4.41669 10.4531 4.41669H13.8802C13.9577 4.41669 14.0306 4.4577 14.0671 4.5215L14.7042 5.58335H9.62917L10.2672 4.52169ZM16.8333 19.5834H7.5C7.17782 19.5834 6.91667 19.3222 6.91667 19V7.33335H17.4167V19C17.4167 19.3209 17.1542 19.5834 16.8333 19.5834ZM12.1667 17.8334C12.4891 17.8334 12.75 17.5725 12.75 17.25V9.66669C12.75 9.34425 12.4891 9.08335 12.1667 9.08335C11.8442 9.08335 11.5833 9.34585 11.5833 9.66669V17.25C11.5833 17.5709 11.8458 17.8334 12.1667 17.8334ZM9.25 17.8334C9.57083 17.8334 9.83333 17.5709 9.83333 17.25V9.66669C9.83333 9.34425 9.57244 9.08335 9.25 9.08335C8.92756 9.08335 8.66667 9.34585 8.66667 9.66669V17.25C8.66667 17.5709 8.92917 17.8334 9.25 17.8334ZM15.0833 17.8334C15.4058 17.8334 15.6667 17.5725 15.6667 17.25V9.66669C15.6667 9.34425 15.4058 9.08335 15.0833 9.08335C14.7609 9.08335 14.5 9.34585 14.5 9.66669V17.25C14.5 17.5709 14.7625 17.8334 15.0833 17.8334Z\" />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["TrashcanIcon","props"],"mappings":";AAEO,MAAMA,IAAkD,CAASC,wBAEnE,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GACzG,4BAAC,QAAK,EAAA,GAAE,s3CAAs3C,CAAA,GACh4C;"}

package/dist/use-mobile.es.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import s from "./defaulttheme.es.js";
+function c() {
+  const [r, n] = o.useState(void 0), e = Number(s.screens.md.slice(0, -2));
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, [e]), !!r;
+}
+export {
+  c as useIsMobile
+};
+//# sourceMappingURL=use-mobile.es.js.map

package/dist/use-mobile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.es.js","sources":["../src/lib/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\n\r\nexport function useIsMobile() {\r\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\r\n  const mobileBreakpoint = Number(defaultTheme.screens.md.slice(0, -2));\r\n\r\n  React.useEffect(() => {\r\n    const mql = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);\r\n    const onChange = () => {\r\n      setIsMobile(window.innerWidth < mobileBreakpoint);\r\n    };\r\n    mql.addEventListener(\"change\", onChange);\r\n    setIsMobile(window.innerWidth < mobileBreakpoint);\r\n    return () => mql.removeEventListener(\"change\", onChange);\r\n  }, [mobileBreakpoint]);\r\n\r\n  return !!isMobile;\r\n}\r\n"],"names":["useIsMobile","isMobile","setIsMobile","React","mobileBreakpoint","defaultTheme","mql","onChange"],"mappings":";;AAGO,SAASA,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS,GACvEC,IAAmB,OAAOC,EAAa,QAAQ,GAAG,MAAM,GAAG,EAAE,CAAC;AAEpE,SAAAF,EAAM,UAAU,MAAM;AACpB,UAAMG,IAAM,OAAO,WAAW,eAAeF,IAAmB,CAAC,KAAK,GAChEG,IAAW,MAAM;AACT,MAAAL,EAAA,OAAO,aAAaE,CAAgB;AAAA,IAClD;AACI,WAAAE,EAAA,iBAAiB,UAAUC,CAAQ,GAC3BL,EAAA,OAAO,aAAaE,CAAgB,GACzC,MAAME,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EAAA,GACtD,CAACH,CAAgB,CAAC,GAEd,CAAC,CAACH;AACX;"}