@abumble/design-system 0.0.8 → 0.0.10

package/dist/{components/Button/Button.js → Button.js}

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "react";
 import { Slot as s } from "@radix-ui/react-slot";
 import { cva as a } from "class-variance-authority";
-import { cn as d } from "../../lib/utils.js";
+import { c as d } from "./utils2.js";
 const c = a(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -47,7 +47,7 @@ function f({
   );
 }
 export {
-  f as Button,
-  c as buttonVariants
+  f as B,
+  c as b
 };
 //# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nconst buttonVariants = cva(\n\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n\t\t\t\tghost:\n\t\t\t\t\t\"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n\t\t\t\tsm: \"h-8 rounded gap-1.5 px-3 has-[>svg]:px-2.5\",\n\t\t\t\tlg: \"h-10 rounded px-6 has-[>svg]:px-4\",\n\t\t\t\ticon: \"size-9\",\n\t\t\t\t\"icon-sm\": \"size-8\",\n\t\t\t\t\"icon-lg\": \"size-10\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"outline\",\n\t\t\tsize: \"default\",\n\t\t},\n\t}\n)\n\nfunction Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"button\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean\n\t}) {\n\tconst Comp = asChild ? Slot : \"button\"\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"button\"\n\t\t\tclassName={cn(buttonVariants({ variant, size, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","jsx","Slot","cn"],"mappings":";;;;;AAMA,MAAMA,IAAiBC;AAAA,EACtB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,aACC;AAAA,QACD,SACC;AAAA,QACD,WACC;AAAA,QACD,OACC;AAAA,QACD,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACZ;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAEA,SAASC,EAAO;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACJ,GAGI;AAGH,SACC,gBAAAC;AAAA,IAHYF,IAAUG,IAAO;AAAA,IAG5B;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAGV,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Empty/Empty.js → Empty.js}

@@ -1,12 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as i } from "class-variance-authority";
-import { cn as a } from "../../lib/utils.js";
-function d({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
+import { jsx as a } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import { c as n } from "./utils2.js";
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty",
-      className: a(
+      className: n(
         "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
         e
       ),
@@ -14,12 +14,12 @@ function d({ className: e, ...t }) {
     }
   );
 }
-function c({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
+function d({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty-header",
-      className: a(
+      className: n(
         "flex max-w-sm flex-col items-center gap-2 text-center",
         e
       ),
@@ -27,7 +27,7 @@ function c({ className: e, ...t }) {
     }
   );
 }
-const s = i(
+const i = s(
   "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -46,32 +46,32 @@ function f({
   variant: t = "default",
   ...r
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty-icon",
       "data-variant": t,
-      className: a(s({ variant: t, className: e })),
+      className: n(i({ variant: t, className: e })),
       ...r
     }
   );
 }
 function u({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty-title",
-      className: a("text-lg font-medium tracking-tight", e),
+      className: n("text-lg font-medium tracking-tight", e),
       ...t
     }
   );
 }
 function p({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty-description",
-      className: a(
+      className: n(
         "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
         e
       ),
@@ -80,11 +80,11 @@ function p({ className: e, ...t }) {
   );
 }
 function x({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "empty-content",
-      className: a(
+      className: n(
         "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
         e
       ),
@@ -93,11 +93,11 @@ function x({ className: e, ...t }) {
   );
 }
 export {
-  d as Empty,
-  x as EmptyContent,
-  p as EmptyDescription,
-  c as EmptyHeader,
-  f as EmptyMedia,
-  u as EmptyTitle
+  c as E,
+  x as a,
+  p as b,
+  d as c,
+  f as d,
+  u as e
 };
 //# sourceMappingURL=Empty.js.map

package/dist/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sources":["../src/components/Empty/Empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex max-w-sm flex-col items-center gap-2 text-center\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nconst emptyMediaVariants = cva(\n\t\"flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n)\n\nfunction EmptyMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-icon\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(emptyMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-title\"\n\t\t\tclassName={cn(\"text-lg font-medium tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tEmpty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle\n}\n\n"],"names":["Empty","className","props","jsx","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACpE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAMI,IAAqBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,EACV;AAEF;AAEA,SAASC,EAAW;AAAA,EACnB,WAAAP;AAAA,EACA,SAAAQ,IAAU;AAAA,EACV,GAAGP;AACJ,GAA0E;AACzE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAR,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACzE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAiB,EAAE,WAAAV,GAAW,GAAGC,KAAoC;AAC7E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAC3E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Input/Input.js → Input.js}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { cn as n } from "../../lib/utils.js";
-function l({ className: e, type: i, ...r }) {
+import { c as n } from "./utils2.js";
+function s({ className: e, type: i, ...r }) {
   return /* @__PURE__ */ t(
     "input",
     {
@@ -18,6 +18,6 @@ function l({ className: e, type: i, ...r }) {
   );
 }
 export {
-  l as Input
+  s as I
 };
 //# sourceMappingURL=Input.js.map

package/dist/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\t\"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n\t\t\t\t\"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n\t\t\t\t\"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAC5E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Separator/Separator.js → Separator.js}

@@ -1,28 +1,28 @@
 import { jsx as i } from "react/jsx-runtime";
 import "react";
 import * as n from "@radix-ui/react-separator";
-import { cn as e } from "../../lib/utils.js";
+import { c as e } from "./utils2.js";
 function s({
   className: t,
-  orientation: o = "horizontal",
-  decorative: r = !0,
-  ...a
+  orientation: a = "horizontal",
+  decorative: o = !0,
+  ...r
 }) {
   return /* @__PURE__ */ i(
     n.Root,
     {
       "data-slot": "separator",
-      decorative: r,
-      orientation: o,
+      decorative: o,
+      orientation: a,
       className: e(
         "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         t
       ),
-      ...a
+      ...r
     }
   );
 }
 export {
-  s as Separator
+  s as S
 };
 //# sourceMappingURL=Separator.js.map

package/dist/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils\"\n\nfunction Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdecorative = true,\n\t...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n\treturn (\n\t\t<SeparatorPrimitive.Root\n\t\t\tdata-slot=\"separator\"\n\t\t\tdecorative={decorative}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;;AAKA,SAASA,EAAU;AAAA,EAClB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACV;AAAA,QACAN;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Sheet/Sheet.js → Sheet.js}

@@ -1,52 +1,52 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import "react";
-import * as a from "@radix-ui/react-dialog";
+import * as o from "@radix-ui/react-dialog";
 import { XIcon as l } from "lucide-react";
-import { cn as s } from "../../lib/utils.js";
+import { c as s } from "./utils2.js";
 function p({ ...t }) {
-  return /* @__PURE__ */ e(a.Root, { "data-slot": "sheet", ...t });
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "sheet", ...t });
 }
 function g({
   ...t
 }) {
-  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "sheet-trigger", ...t });
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
 }
-function x({
+function b({
   ...t
 }) {
-  return /* @__PURE__ */ e(a.Close, { "data-slot": "sheet-close", ...t });
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", ...t });
 }
 function d({
   ...t
 }) {
-  return /* @__PURE__ */ e(a.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "sheet-portal", ...t });
 }
 function c({
   className: t,
-  ...o
+  ...a
 }) {
   return /* @__PURE__ */ e(
-    a.Overlay,
+    o.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: s(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
-      ...o
+      ...a
     }
   );
 }
-function b({
+function x({
   className: t,
-  children: o,
+  children: a,
   side: n = "right",
   ...i
 }) {
   return /* @__PURE__ */ r(d, { children: [
     /* @__PURE__ */ e(c, {}),
     /* @__PURE__ */ r(
-      a.Content,
+      o.Content,
       {
         "data-slot": "sheet-content",
         className: s(
@@ -59,8 +59,8 @@ function b({
         ),
         ...i,
         children: [
-          o,
-          /* @__PURE__ */ r(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          a,
+          /* @__PURE__ */ r(o.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ e(l, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
@@ -69,60 +69,60 @@ function b({
     )
   ] });
 }
-function S({ className: t, ...o }) {
+function S({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-header",
       className: s("flex flex-col gap-1.5 p-4", t),
-      ...o
+      ...a
     }
   );
 }
-function y({ className: t, ...o }) {
+function y({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-footer",
       className: s("mt-auto flex flex-col gap-2 p-4", t),
-      ...o
+      ...a
     }
   );
 }
 function N({
   className: t,
-  ...o
+  ...a
 }) {
   return /* @__PURE__ */ e(
-    a.Title,
+    o.Title,
     {
       "data-slot": "sheet-title",
       className: s("text-foreground font-semibold", t),
-      ...o
+      ...a
     }
   );
 }
 function v({
   className: t,
-  ...o
+  ...a
 }) {
   return /* @__PURE__ */ e(
-    a.Description,
+    o.Description,
     {
       "data-slot": "sheet-description",
       className: s("text-muted-foreground text-sm", t),
-      ...o
+      ...a
     }
   );
 }
 export {
-  p as Sheet,
-  x as SheetClose,
-  b as SheetContent,
-  v as SheetDescription,
-  y as SheetFooter,
-  S as SheetHeader,
-  N as SheetTitle,
-  g as SheetTrigger
+  p as S,
+  g as a,
+  b,
+  x as c,
+  S as d,
+  y as e,
+  N as f,
+  v as g
 };
 //# sourceMappingURL=Sheet.js.map

package/dist/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sources":["../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t)\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-1.5 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AAQA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC9E,2BAAQC,EAAe,MAAf,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC1D;AAEA,SAASE,EAAa;AAAA,EACrB,GAAGF;AACJ,GAAwD;AACvD,2BAAQC,EAAe,SAAf,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACrE;AAEA,SAASG,EAAW;AAAA,EACnB,GAAGH;AACJ,GAAsD;AACrD,2BAAQC,EAAe,OAAf,EAAqB,aAAU,eAAe,GAAGD,GAAO;AACjE;AAEA,SAASI,EAAY;AAAA,EACpB,GAAGJ;AACJ,GAAuD;AACtD,2BAAQC,EAAe,QAAf,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACnE;AAEA,SAASK,EAAa;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGN;AACJ,GAAwD;AACvD,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO;AAAA,QACV;AAAA,QACAF;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAa;AAAA,EACrB,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGX;AACJ,GAEG;AACF,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAa;AAAA,IACd,gBAAAO;AAAA,MAACX,EAAe;AAAA,MAAf;AAAA,QACA,aAAU;AAAA,QACV,WAAWO;AAAA,UACV;AAAA,UACAG,MAAS,WACT;AAAA,UACAA,MAAS,UACT;AAAA,UACAA,MAAS,SACT;AAAA,UACAA,MAAS,YACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAEA,GAAGN;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACD,gBAAAE,EAACX,EAAe,OAAf,EAAqB,WAAU,8OAC/B,UAAA;AAAA,YAAA,gBAAAM,EAACM,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAC1B,gBAAAN,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGN,KAAsC;AAC1E,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,6BAA6BF,CAAS;AAAA,MACnD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASe,EAAY,EAAE,WAAAT,GAAW,GAAGN,KAAsC;AAC1E,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,MACzD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASgB,EAAW;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGN;AACJ,GAAsD;AACrD,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASiB,EAAiB;AAAA,EACzB,WAAAX;AAAA,EACA,GAAGN;AACJ,GAA4D;AAC3D,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Skeleton/Skeleton.js → Skeleton.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
+import { c as o } from "./utils2.js";
 import { cva as r } from "class-variance-authority";
-const i = r(
+const s = r(
   "bg-stone-300 rounded",
   {
     variants: {
@@ -15,17 +15,17 @@ const i = r(
     }
   }
 );
-function d({ className: t, variant: a, ...n }) {
+function d({ className: a, variant: t, ...n }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "skeleton",
-      className: o(i({ variant: a, className: t })),
+      className: o(s({ variant: t, className: a })),
       ...n
     }
   );
 }
 export {
-  d as Skeleton
+  d as S
 };
 //# sourceMappingURL=Skeleton.js.map

package/dist/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n\nconst variants = cva(\n\t\"bg-stone-300 rounded\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"animate-pulse\",\n\t\t\t\tnone: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\"\n\t\t},\n\t}\n)\n\nfunction Skeleton({ className, variant, ...props }: React.ComponentProps<\"div\"> & VariantProps<typeof variants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"skeleton\"\n\t\t\tclassName={cn(variants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Skeleton };\n"],"names":["variants","cva","Skeleton","className","variant","props","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAWC;AAAA,EAChB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,EACV;AAEF;AAEA,SAASC,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAsE;AAChH,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAGP,EAAS,EAAE,SAAAI,GAAS,WAAAD,EAAA,CAAW,CAAC;AAAA,MAC7C,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{components/Tooltip/Tooltip.js → Tooltip.js}

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import "react";
 import * as o from "@radix-ui/react-tooltip";
-import { cn as d } from "../../lib/utils.js";
-function l({
+import { c as d } from "./utils2.js";
+function s({
   delayDuration: t = 0,
   ...r
 }) {
@@ -15,12 +15,12 @@ function l({
     }
   );
 }
-function m({
+function f({
   ...t
 }) {
-  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
 }
-function c({
+function m({
   ...t
 }) {
   return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
@@ -49,9 +49,9 @@ function u({
   ) });
 }
 export {
-  m as Tooltip,
-  u as TooltipContent,
-  l as TooltipProvider,
-  c as TooltipTrigger
+  f as T,
+  m as a,
+  u as b,
+  s as c
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils\"\n\nfunction TooltipProvider({\n\tdelayDuration = 0,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n\treturn (\n\t\t<TooltipPrimitive.Provider\n\t\t\tdata-slot=\"tooltip-provider\"\n\t\t\tdelayDuration={delayDuration}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction Tooltip({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n\t\t</TooltipProvider>\n\t)\n}\n\nfunction TooltipTrigger({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n\tclassName,\n\tsideOffset = 0,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n\treturn (\n\t\t<TooltipPrimitive.Portal>\n\t\t\t<TooltipPrimitive.Content\n\t\t\t\tdata-slot=\"tooltip-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-foreground text-background 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded px-3 py-1.5 text-xs text-balance\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n\t\t\t</TooltipPrimitive.Content>\n\t\t</TooltipPrimitive.Portal>\n\t)\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;;AAKA,SAASA,EAAgB;AAAA,EACxB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACJ,GAA2D;AAC1D,SACC,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAQ;AAAA,EAChB,GAAGH;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACH,GAAA,EACA,UAAA,gBAAAG,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACvD;AAEF;AAEA,SAASI,EAAe;AAAA,EACvB,GAAGJ;AACJ,GAA0D;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AACzE;AAEA,SAASK,EAAe;AAAA,EACvB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACJ,GAA0D;AACzD,SACC,gBAAAC,EAACC,EAAiB,QAAjB,EACA,UAAA,gBAAAO;AAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzI;AAEF;"}

package/dist/components/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import type { onClickCallback } from "@/lib/types";
+import type { onClickCallback } from "@/types/types";
 declare const bannerType: {
     readonly Info: "info";
     readonly Note: "note";

package/dist/components/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,QAAA,MAAM,UAAU;;;;;CAKN,CAAC;AAEX,KAAK,WAAW,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAiBhE,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CAC7C;AAED,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAuCtG;AAED,UAAU,kBAAmB,SAAQ,WAAW;IAC/C,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQ/D;AA4BD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMrD,QAAA,MAAM,UAAU;;;;;CAKN,CAAC;AAEX,KAAK,WAAW,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAiBhE,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CAC7C;AAED,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAuCtG;AAED,UAAU,kBAAmB,SAAQ,WAAW;IAC/C,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQ/D;AA4BD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,CAAC"}

package/dist/components/Banner.js

@@ -1,7 +1,76 @@
-import { Banner as r, MessageBanner as a, bannerType as o } from "./Banner/Banner.js";
+import { jsx as e, jsxs as o, Fragment as x } from "react/jsx-runtime";
+import { colorWeights as s } from "../constants.js";
+import { c as b } from "../utils2.js";
+import { CircleX as v, TriangleAlert as w, Lightbulb as B, Info as C, X as $ } from "lucide-react";
+import { B as I } from "../Button.js";
+import { S as a } from "../Skeleton.js";
+const n = {
+  Info: "info",
+  Note: "note",
+  Warning: "warning",
+  Alert: "alert"
+}, i = {
+  [n.Info]: C,
+  [n.Note]: B,
+  [n.Warning]: w,
+  [n.Alert]: v
+}, m = {
+  [n.Info]: "blue",
+  [n.Note]: "green",
+  [n.Warning]: "yellow",
+  [n.Alert]: "red"
+};
+function y({ type: r, title: t, loading: d, hideIcon: f, onClose: c, children: h, className: u, ...p }) {
+  const l = m[r] || m.note, N = `bg-${l}-${s[0]} text-${l}-${s[1]} border-${l}-${s[2]}`, g = i[r] || i.note;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: b("p-3 border-l-4 rounded", N, u),
+      role: "alert",
+      ...p,
+      children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
+        d ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ o(x, { children: [
+          !f && /* @__PURE__ */ e("div", { className: "flex-shrink-0 mr-3", children: /* @__PURE__ */ e(g, {}) }),
+          /* @__PURE__ */ o("section", { children: [
+            t && /* @__PURE__ */ e("p", { className: "font-bold", children: t }),
+            h
+          ] })
+        ] }),
+        c && /* @__PURE__ */ e(W, { onClick: c })
+      ] })
+    }
+  );
+}
+function z({ message: r, ...t }) {
+  return /* @__PURE__ */ e(y, { ...t, children: /* @__PURE__ */ e("p", { className: "text-sm", children: r }) });
+}
+function A() {
+  return /* @__PURE__ */ o("div", { className: "flex items-center space-x-4", children: [
+    /* @__PURE__ */ e(a, { className: "h-12 w-12 rounded-full" }),
+    /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(a, { className: "h-4 w-[250px]" }),
+      /* @__PURE__ */ e(a, { className: "h-4 w-[200px]" })
+    ] })
+  ] });
+}
+function W(r) {
+  return /* @__PURE__ */ o(
+    I,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "h-8 w-8 rounded-full ml-auto mb-auto relative -top-1 -right-1",
+      ...r,
+      children: [
+        /* @__PURE__ */ e($, {}),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: "Close banner" })
+      ]
+    }
+  );
+}
 export {
-  r as Banner,
-  a as MessageBanner,
-  o as bannerType
+  y as Banner,
+  z as MessageBanner,
+  n as bannerType
 };
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Banner.js","sources":["../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { colorWeights } from \"@/constants/constants\";\nimport { cn } from \"@/utils\";\nimport type { onClickCallback } from \"@/types/types\";\nimport { CircleX, Info, Lightbulb, TriangleAlert, X } from \"lucide-react\";\nimport { Button } from \"../Button\";\nimport { Skeleton } from \"../Skeleton\";\n\n\nconst bannerType = {\n\tInfo: 'info',\n\tNote: 'note',\n\tWarning: 'warning',\n\tAlert: 'alert'\n} as const;\n\ntype TBannerType = (typeof bannerType)[keyof typeof bannerType];\n\nconst icons: Record<TBannerType, React.ComponentType> = {\n\t[bannerType.Info]: Info,\n\t[bannerType.Note]: Lightbulb,\n\t[bannerType.Warning]: TriangleAlert,\n\t[bannerType.Alert]: CircleX\n};\n\nconst styleColor: Record<TBannerType, string> = {\n\t[bannerType.Info]: 'blue',\n\t[bannerType.Note]: 'green',\n\t[bannerType.Warning]: 'yellow',\n\t[bannerType.Alert]: 'red',\n};\n\n\ninterface BannerProps extends React.ComponentProps<\"div\"> {\n\ttype: TBannerType;\n\ttitle?: string;\n\tloading?: boolean;\n\thideIcon?: boolean;\n\tonClose?: onClickCallback<HTMLButtonElement>;\n}\n\nfunction Banner({ type, title, loading, hideIcon, onClose, children, className, ...props }: BannerProps) {\n\n\tconst color = styleColor[type] || styleColor.note;\n\tconst containerClass = `bg-${color}-${colorWeights[0]} text-${color}-${colorWeights[1]} border-${color}-${colorWeights[2]}`;\n\tconst Icon = icons[type] || icons.note;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(`p-3 border-l-4 rounded`, containerClass, className)}\n\t\t\trole=\"alert\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={`flex items-start`}>\n\t\t\t\t{loading ?\n\t\t\t\t\t<BannerLoadingContent />\n\t\t\t\t\t:\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!hideIcon &&\n\t\t\t\t\t\t\t<div className={`flex-shrink-0 mr-3`}>\n\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<section>\n\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t<p className={`font-bold`}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</>\n\t\t\t\t}\n\n\t\t\t\t{onClose &&\n\t\t\t\t\t<CloseButton onClick={onClose} />\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\ninterface MessageBannerProps extends BannerProps {\n\tmessage: string | React.ReactNode;\n}\n\nfunction MessageBanner({ message, ...props }: MessageBannerProps) {\n\treturn (\n\t\t<Banner {...props}>\n\t\t\t<p className=\"text-sm\">\n\t\t\t\t{message}\n\t\t\t</p>\n\t\t</Banner>\n\t)\n}\n\nfunction BannerLoadingContent() {\n\treturn (\n\t\t<div className=\"flex items-center space-x-4\">\n\t\t\t<Skeleton className=\"h-12 w-12 rounded-full\" />\n\t\t\t<div className=\"space-y-2\">\n\t\t\t\t<Skeleton className=\"h-4 w-[250px]\" />\n\t\t\t\t<Skeleton className=\"h-4 w-[200px]\" />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nfunction CloseButton(props: React.ComponentProps<\"button\">) {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"ghost\"\n\t\t\tsize=\"icon\"\n\t\t\tclassName=\"h-8 w-8 rounded-full ml-auto mb-auto relative -top-1 -right-1\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<X />\n\t\t\t<span className=\"sr-only\">Close banner</span>\n\t\t</Button>\n\t);\n}\n\nexport { Banner, MessageBanner, bannerType, type TBannerType };\n\n"],"names":["bannerType","icons","Info","Lightbulb","TriangleAlert","CircleX","styleColor","Banner","type","title","loading","hideIcon","onClose","children","className","props","color","containerClass","colorWeights","Icon","jsx","cn","jsxs","BannerLoadingContent","Fragment","CloseButton","MessageBanner","message","Skeleton","Button","X"],"mappings":";;;;;;AAQA,MAAMA,IAAa;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACR,GAIMC,IAAkD;AAAA,EACvD,CAACD,EAAW,IAAI,GAAGE;AAAA,EACnB,CAACF,EAAW,IAAI,GAAGG;AAAA,EACnB,CAACH,EAAW,OAAO,GAAGI;AAAA,EACtB,CAACJ,EAAW,KAAK,GAAGK;AACrB,GAEMC,IAA0C;AAAA,EAC/C,CAACN,EAAW,IAAI,GAAG;AAAA,EACnB,CAACA,EAAW,IAAI,GAAG;AAAA,EACnB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AACrB;AAWA,SAASO,EAAO,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAsB;AAExG,QAAMC,IAAQV,EAAWE,CAAI,KAAKF,EAAW,MACvCW,IAAiB,MAAMD,CAAK,IAAIE,EAAa,CAAC,CAAC,SAASF,CAAK,IAAIE,EAAa,CAAC,CAAC,WAAWF,CAAK,IAAIE,EAAa,CAAC,CAAC,IACnHC,IAAOlB,EAAMO,CAAI,KAAKP,EAAM;AAElC,SACC,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,0BAA0BJ,GAAgBH,CAAS;AAAA,MACjE,MAAK;AAAA,MACJ,GAAGC;AAAA,MAEJ,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAW,oBACd,UAAA;AAAA,QAAAZ,IACA,gBAAAU,EAACG,GAAA,CAAA,CAAqB,IAEtB,gBAAAD,EAAAE,GAAA,EACE,UAAA;AAAA,UAAA,CAACb,KACD,gBAAAS,EAAC,OAAA,EAAI,WAAW,sBACf,UAAA,gBAAAA,EAACD,KAAK,EAAA,CACP;AAAA,4BAEA,WAAA,EACC,UAAA;AAAA,YAAAV,KACA,gBAAAW,EAAC,KAAA,EAAE,WAAW,aACZ,UAAAX,GACF;AAAA,YAEAI;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACD;AAAA,QAGAD,KACA,gBAAAQ,EAACK,GAAA,EAAY,SAASb,EAAA,CAAS;AAAA,MAAA,EAAA,CAEjC;AAAA,IAAA;AAAA,EAAA;AAGH;AAMA,SAASc,EAAc,EAAE,SAAAC,GAAS,GAAGZ,KAA6B;AACjE,SACC,gBAAAK,EAACb,KAAQ,GAAGQ,GACX,4BAAC,KAAA,EAAE,WAAU,WACX,UAAAY,EAAA,CACF,EAAA,CACD;AAEF;AAEA,SAASJ,IAAuB;AAC/B,SACC,gBAAAD,EAAC,OAAA,EAAI,WAAU,+BACd,UAAA;AAAA,IAAA,gBAAAF,EAACQ,GAAA,EAAS,WAAU,yBAAA,CAAyB;AAAA,IAC7C,gBAAAN,EAAC,OAAA,EAAI,WAAU,aACd,UAAA;AAAA,MAAA,gBAAAF,EAACQ,GAAA,EAAS,WAAU,gBAAA,CAAgB;AAAA,MACpC,gBAAAR,EAACQ,GAAA,EAAS,WAAU,gBAAA,CAAgB;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GACD;AAEF;AAEA,SAASH,EAAYV,GAAuC;AAC3D,SACC,gBAAAO;AAAA,IAACO;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACT,GAAGd;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACU,GAAA,EAAE;AAAA,QACH,gBAAAV,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzC;"}