@sth87/shadcn-design-system 0.0.1

package/dist/esm/styles/theme.css

@@ -0,0 +1 @@
+:root{--background: #ffffff;--foreground: #2e3a5b;--muted-foreground: #58617c;--subtle-foreground: #777f94;--card: #ffffff;--card-foreground: #0a0a0a;--popover: #ffffff;--popover-foreground: #0a0a0a;--primary: #f37320;--primary-foreground: #fafafa;--secondary: #213f99;--secondary-foreground: #fafafa;--muted: #f5f5f5;--accent: #f5f5f5;--accent-foreground: #171717;--destructive: #e7000b;--destructive-foreground: #fafafa;--success: #39CC7E;--success-foreground: #FFFFFF;--error: #FF6262;--error-foreground: #FFFFFF;--warning: #FF9D57;--warning-foreground: #FFFFFF;--border: #e5e5e5;--input: #e5e5e5;--ring: #a1a1a1;--chart-1: #f54a00;--chart-2: #009689;--chart-3: #104e64;--chart-4: #ffba00;--chart-5: #fd9a00;--radius: .625rem;--sidebar: #f1f5f9;--sidebar-foreground: #2e3a5b;--sidebar-primary: #171717;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #f5f5f5;--sidebar-accent-foreground: #171717;--sidebar-border: #e5e5e5;--sidebar-ring: #a1a1a1}.dark{--background: #303841;--foreground: #94a0ad;--muted-foreground: #eaebef;--subtle-foreground: #f5f5f7;--card: #36404a;--card-foreground: #94a0ad;--popover: #0a0a0a;--popover-foreground: #fafafa;--primary: #f37320;--primary-foreground: #fafafa;--secondary: #213f99;--secondary-foreground: #fafafa;--muted: #36404a;--accent: #262626;--accent-foreground: #fafafa;--destructive: #82181a;--destructive-foreground: #fb2c36;--success: #39CC7E;--success-foreground: #FFFFFF;--error: #FF6262;--error-foreground: #FFFFFF;--warning: #FF9D57;--warning-foreground: #FFFFFF;--border: #262626;--input: #262626;--ring: #737373;--chart-1: #1447e6;--chart-2: #00bc7d;--chart-3: #fd9a00;--chart-4: #ad46ff;--chart-5: #ff2056;--sidebar: #37424c;--sidebar-foreground: #94a0ad;--sidebar-primary: #1447e6;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #262626;--sidebar-accent-foreground: #fafafa;--sidebar-border: #262626;--sidebar-ring: #525252}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-subtleforeground: var(--subtle-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-error: var(--error); --color-error-foreground: var(--error-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }[data-theme=rose]{--background: oklch(.98 .02 340);--foreground: oklch(.2 .02 340);--card: oklch(.98 .02 340);--card-foreground: oklch(.2 .02 340);--popover: oklch(.98 .02 340);--popover-foreground: oklch(.2 .02 340);--primary: oklch(.5 .2 340);--primary-foreground: oklch(.98 .01 340);--secondary: oklch(.95 .02 340);--secondary-foreground: oklch(.2 .02 340);--muted: oklch(.95 .02 340);--muted-foreground: oklch(.55 .02 340);--accent: oklch(.95 .02 340);--accent-foreground: oklch(.2 .02 340);--destructive: #e7000b;--destructive-foreground: oklch(.985 .01 340);--border: oklch(.92 .02 340);--input: oklch(.92 .02 340);--ring: oklch(.7 .1 340);--chart-1: oklch(.646 .222 340);--chart-2: oklch(.6 .118 350);--chart-3: oklch(.398 .07 330);--chart-4: oklch(.828 .189 345);--chart-5: oklch(.769 .188 335);--radius: .625rem;--sidebar: oklch(.985 .01 340);--sidebar-foreground: oklch(.2 .02 340);--sidebar-primary: oklch(.5 .2 340);--sidebar-primary-foreground: oklch(.985 .01 340);--sidebar-accent: oklch(.95 .02 340);--sidebar-accent-foreground: oklch(.2 .02 340);--sidebar-border: oklch(.92 .02 340);--sidebar-ring: oklch(.7 .1 340)}[data-theme=rose].dark{--background: oklch(.1 .02 340);--foreground: oklch(.95 .01 340);--card: oklch(.15 .02 340);--card-foreground: oklch(.95 .01 340);--popover: oklch(.15 .02 340);--popover-foreground: oklch(.95 .01 340);--primary: oklch(.7 .2 340);--primary-foreground: oklch(.1 .02 340);--secondary: oklch(.25 .02 340);--secondary-foreground: oklch(.95 .01 340);--muted: oklch(.25 .02 340);--muted-foreground: oklch(.7 .02 340);--accent: oklch(.25 .02 340);--accent-foreground: oklch(.95 .01 340);--destructive: #82181a;--destructive-foreground: #fb2c36;--border: oklch(.25 .02 340);--input: oklch(.25 .02 340);--ring: oklch(.55 .1 340);--chart-1: oklch(.488 .243 340);--chart-2: oklch(.696 .17 350);--chart-3: oklch(.769 .188 330);--chart-4: oklch(.627 .265 345);--chart-5: oklch(.645 .246 335);--sidebar: oklch(.2 .02 340);--sidebar-foreground: oklch(.95 .01 340);--sidebar-primary: oklch(.7 .2 340);--sidebar-primary-foreground: oklch(.1 .02 340);--sidebar-accent: oklch(.25 .02 340);--sidebar-accent-foreground: oklch(.95 .01 340);--sidebar-border: oklch(.25 .02 340);--sidebar-ring: oklch(.4 .02 340)}

package/dist/esm/utils/animations.js

@@ -0,0 +1,189 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as e } from "@dsui/ui/index";
+import { motion as l, easeOut as b } from "motion/react";
+import c from "../components/Glass/Glass.js";
+const h = (t, r) => {
+  switch (t) {
+    case "bounce":
+      return {
+        className: e("animate-bounce", r)
+      };
+    case "slide-up":
+      return {
+        className: e("animate-slide-in-from-bottom", r)
+      };
+    case "slide-down":
+      return {
+        className: e("animate-slide-in-from-top", r)
+      };
+    case "slide-left":
+      return {
+        className: e("animate-slide-in-from-right", r)
+      };
+    case "slide-right":
+      return {
+        className: e("animate-slide-in-from-left", r)
+      };
+    case "zoom-in":
+      return {
+        className: e("animate-zoom-in", r)
+      };
+    case "zoom-out":
+      return {
+        className: e("animate-zoom-out", r)
+      };
+    case "skewed":
+      return {
+        className: e("animate-skewed-in", r)
+      };
+    case "flip":
+      return {
+        className: e("animate-flip-in", r)
+      };
+    case "shake":
+      return {
+        className: e("animate-shake", r)
+      };
+    case "gradient-outline":
+      return {
+        className: e("gradient-outline", r)
+      };
+    default:
+      return { className: r };
+  }
+}, _ = ({
+  animation: t,
+  children: r,
+  className: n,
+  rootClassName: a,
+  variantType: s,
+  ...f
+}) => {
+  switch (t) {
+    case "heartbeat":
+      return {
+        className: e("animate-heartbeat", n)
+      };
+    case "rainbow":
+      return {
+        className: e(
+          "animate-rainbow text-primary-foreground focus-visible:ring-ring/50 relative inline-flex h-9 items-center justify-center gap-2 rounded-md border-2 border-transparent bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-3 py-2 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+          "before:animate-rainbow before:absolute before:bottom-[-20%] before:left-0 before:z-0 before:h-1/5 before:w-full before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] before:[filter:blur(calc(0.625*1rem))] bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]",
+          n
+        )
+      };
+    case "shine":
+      return {
+        className: e(
+          "relative overflow-hidden before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-[length:250%_250%,100%_100%] before:bg-[position:200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-[position:-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]",
+          n
+        )
+      };
+    case "bounce":
+      return {
+        children: /* @__PURE__ */ i(
+          l.button,
+          {
+            whileHover: { scale: 1.1 },
+            className: e(a, "transition-none", n),
+            transition: { type: "spring", stiffness: 400, damping: 10 },
+            ...f,
+            children: r
+          }
+        )
+      };
+    case "tap":
+      return {
+        children: /* @__PURE__ */ i(
+          l.button,
+          {
+            whileTap: { scale: 0.85 },
+            className: e(a, "transition-none", n),
+            transition: { type: "spring", stiffness: 400, damping: 10 },
+            ...f,
+            children: r
+          }
+        )
+      };
+    case "glass": {
+      const o = a?.match(/((?:!)?rounded-\S+)/g), d = o ? o[o.length - 1] : "rounded-md";
+      return {
+        variant: s ? "link" : void 0,
+        children: /* @__PURE__ */ i(c, { className: e("hover:scale-110", d), children: /* @__PURE__ */ i(
+          "span",
+          {
+            className: e(
+              a,
+              "!bg-none !bg-transparent",
+              n
+            ),
+            children: r
+          }
+        ) })
+      };
+    }
+    case "glow":
+      return {
+        className: e(a, "animate-glow", n)
+      };
+    case "liquid":
+      return {
+        className: e(
+          "relative overflow-hidden",
+          "bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] bg-no-repeat",
+          "bg-[length:200%_0.4em] bg-[position:200%_100%]",
+          "[transition:0.3s_0s,background-position_0.3s_0.3s]",
+          "hover:bg-[length:200%_100%] hover:bg-[position:0%_100%]",
+          "hover:text-white",
+          "hover:[transition:0.3s_0.3s,background-position_0.3s_0s]",
+          n
+        )
+      };
+    case "link-underline":
+      return {
+        variant: s ? "link" : void 0,
+        className: e(
+          "after:bg-primary relative !no-underline after:absolute after:bottom-2 after:h-px after:w-2/3 after:origin-bottom-right after:scale-x-0 after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-left hover:after:scale-x-100",
+          n
+        )
+      };
+    case "loading":
+      return {
+        className: e(
+          "relative overflow-hidden",
+          "before:content-[''] before:absolute before:z-[1] before:top-0 before:-left-full before:w-[300%] before:h-full",
+          "before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]",
+          "before:animate-slide-loading",
+          n
+        )
+      };
+    case "gradient-outline":
+      return {
+        className: e("gradient-outline", n)
+      };
+    case "draw":
+      return {
+        className: e("animate-draw", n)
+      };
+    default:
+      return null;
+  }
+}, v = (t) => {
+  const r = Math.random() * Math.PI * 2, n = 30 + Math.random() * 20;
+  return {
+    initial: { x: "50%", y: "50%", scale: 0, opacity: 0 },
+    animate: {
+      x: `calc(50% + ${Math.cos(r) * n}px)`,
+      y: `calc(50% + ${Math.sin(r) * n}px)`,
+      scale: [0, 1, 0],
+      opacity: [0, 1, 0]
+    },
+    transition: { duration: 0.4, delay: t * 0.05, ease: b }
+  };
+};
+export {
+  h as animationClass,
+  _ as animationEffect,
+  v as particleAnimation
+};
+//# sourceMappingURL=animations.js.map

package/dist/esm/utils/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sources":["../../../src/utils/animations.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/index\";\nimport type { BasicAnimation } from \"@/types/variables\";\nimport { easeOut, motion } from \"motion/react\";\nimport Glass from \"../components/Glass/Glass\";\n\nexport const animationClass = (\n  animation?: BasicAnimation,\n  className?: string,\n) => {\n  switch (animation) {\n    case \"bounce\":\n      return {\n        className: cn(\"animate-bounce\", className),\n      };\n    case \"slide-up\":\n      return {\n        className: cn(\"animate-slide-in-from-bottom\", className),\n      };\n    case \"slide-down\":\n      return {\n        className: cn(\"animate-slide-in-from-top\", className),\n      };\n    case \"slide-left\":\n      return {\n        className: cn(\"animate-slide-in-from-right\", className),\n      };\n    case \"slide-right\":\n      return {\n        className: cn(\"animate-slide-in-from-left\", className),\n      };\n    case \"zoom-in\":\n      return {\n        className: cn(\"animate-zoom-in\", className),\n      };\n    case \"zoom-out\":\n      return {\n        className: cn(\"animate-zoom-out\", className),\n      };\n    case \"skewed\":\n      return {\n        className: cn(\"animate-skewed-in\", className),\n      };\n    case \"flip\":\n      return {\n        className: cn(\"animate-flip-in\", className),\n      };\n    case \"shake\":\n      return {\n        className: cn(\"animate-shake\", className),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"gradient-outline\", className),\n      };\n    default:\n      return { className };\n  }\n};\n\nexport const animationEffect = <T, S = undefined>({\n  animation,\n  children,\n  className,\n  rootClassName,\n  variantType,\n  ...rest\n}: {\n  animation?: T;\n  children?: React.ReactNode;\n  className?: string;\n  rootClassName?: string;\n  variantType?: S;\n}) => {\n  switch (animation) {\n    case \"heartbeat\":\n      return {\n        className: cn(\"animate-heartbeat\", className),\n      };\n    case \"rainbow\":\n      return {\n        className: cn(\n          \"animate-rainbow text-primary-foreground focus-visible:ring-ring/50 relative inline-flex h-9 items-center justify-center gap-2 rounded-md border-2 border-transparent bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-3 py-2 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n          \"before:animate-rainbow before:absolute before:bottom-[-20%] before:left-0 before:z-0 before:h-1/5 before:w-full before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] before:[filter:blur(calc(0.625*1rem))] bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]\",\n          className,\n        ),\n      };\n    case \"shine\":\n      return {\n        className: cn(\n          \"relative overflow-hidden before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-[length:250%_250%,100%_100%] before:bg-[position:200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-[position:-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]\",\n          className,\n        ),\n      };\n    case \"bounce\":\n      return {\n        children: (\n          <motion.button\n            whileHover={{ scale: 1.1 }}\n            className={cn(rootClassName, \"transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"tap\":\n      return {\n        children: (\n          <motion.button\n            whileTap={{ scale: 0.85 }}\n            className={cn(rootClassName, \"transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"glass\": {\n      const roundedMatches = rootClassName?.match(/((?:!)?rounded-\\S+)/g);\n      const roundedClass = roundedMatches\n        ? roundedMatches[roundedMatches.length - 1]\n        : \"rounded-md\";\n\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        children: (\n          <Glass className={cn(\"hover:scale-110\", roundedClass)}>\n            <span\n              className={cn(\n                rootClassName,\n                \"!bg-none !bg-transparent\",\n                className,\n              )}\n            >\n              {children}\n            </span>\n          </Glass>\n        ),\n      };\n    }\n    case \"glow\":\n      return {\n        className: cn(rootClassName, \"animate-glow\", className),\n      };\n    case \"liquid\":\n      return {\n        className: cn(\n          \"relative overflow-hidden\",\n          \"bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] bg-no-repeat\",\n          \"bg-[length:200%_0.4em] bg-[position:200%_100%]\",\n          \"[transition:0.3s_0s,background-position_0.3s_0.3s]\",\n          \"hover:bg-[length:200%_100%] hover:bg-[position:0%_100%]\",\n          \"hover:text-white\",\n          \"hover:[transition:0.3s_0.3s,background-position_0.3s_0s]\",\n          className,\n        ),\n      };\n    case \"link-underline\":\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        className: cn(\n          \"after:bg-primary relative !no-underline after:absolute after:bottom-2 after:h-px after:w-2/3 after:origin-bottom-right after:scale-x-0 after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-left hover:after:scale-x-100\",\n          className,\n        ),\n      };\n    case \"loading\":\n      return {\n        className: cn(\n          \"relative overflow-hidden\",\n          \"before:content-[''] before:absolute before:z-[1] before:top-0 before:-left-full before:w-[300%] before:h-full\",\n          \"before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]\",\n          \"before:animate-slide-loading\",\n          className,\n        ),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"gradient-outline\", className),\n      };\n    case \"draw\":\n      return {\n        className: cn(\"animate-draw\", className),\n      };\n    default:\n      return null;\n  }\n};\n\nexport const particleAnimation = (index: number) => {\n  const angle = Math.random() * Math.PI * 2;\n  const distance = 30 + Math.random() * 20;\n\n  return {\n    initial: { x: \"50%\", y: \"50%\", scale: 0, opacity: 0 },\n    animate: {\n      x: `calc(50% + ${Math.cos(angle) * distance}px)`,\n      y: `calc(50% + ${Math.sin(angle) * distance}px)`,\n      scale: [0, 1, 0],\n      opacity: [0, 1, 0],\n    },\n    transition: { duration: 0.4, delay: index * 0.05, ease: easeOut },\n  };\n};\n"],"names":["animationClass","animation","className","cn","animationEffect","children","rootClassName","variantType","rest","jsx","motion","roundedMatches","roundedClass","Glass","particleAnimation","index","angle","distance","easeOut"],"mappings":"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"}

package/dist/esm/utils/css.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { motion as e } from "motion/react";
+import { particleAnimation as l } from "./animations.js";
+const m = ({ index: o }) => {
+  const F = [
+    "#FF0000",
+    "#00FF00",
+    "#0000FF",
+    "#FFFF00",
+    "#FF00FF",
+    "#00FFFF"
+  ], t = F[o % F.length];
+  return /* @__PURE__ */ r(
+    e.div,
+    {
+      className: "absolute h-1 w-1 rounded-full",
+      style: { backgroundColor: t },
+      ...l(o)
+    }
+  );
+};
+export {
+  m as ConfettiPiece
+};
+//# sourceMappingURL=css.js.map

package/dist/esm/utils/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":["../../../src/utils/css.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\nimport { particleAnimation } from \"./animations\";\n\nexport const ConfettiPiece = ({ index }: { index: number }) => {\n  const colors = [\n    \"#FF0000\",\n    \"#00FF00\",\n    \"#0000FF\",\n    \"#FFFF00\",\n    \"#FF00FF\",\n    \"#00FFFF\",\n  ];\n  const color = colors[index % colors.length];\n\n  return (\n    <motion.div\n      className=\"absolute h-1 w-1 rounded-full\"\n      style={{ backgroundColor: color }}\n      {...particleAnimation(index)}\n    />\n  );\n};\n"],"names":["ConfettiPiece","index","colors","color","jsx","motion","particleAnimation"],"mappings":";;;AAGO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,QAA+B;AAC7D,QAAMC,IAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIC,IAAQD,EAAOD,IAAQC,EAAO,MAAM;AAE1C,SACE,gBAAAE;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,iBAAiBF,EAAA;AAAA,MACzB,GAAGG,EAAkBL,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/esm/utils/data-table.js

@@ -0,0 +1,20 @@
+function o({
+  column: i,
+  withBorder: e = !1
+}) {
+  const t = i.getIsPinned(), n = t === "left" && i.getIsLastColumn("left"), r = t === "right" && i.getIsFirstColumn("right");
+  return {
+    boxShadow: e ? n ? "-4px 0 4px -4px var(--border) inset" : r ? "4px 0 4px -4px var(--border) inset" : void 0 : void 0,
+    left: t === "left" ? `${i.getStart("left")}px` : void 0,
+    right: t === "right" ? `${i.getAfter("right")}px` : void 0,
+    opacity: t ? 0.97 : 1,
+    position: t ? "sticky" : "relative",
+    background: "var(--background)",
+    width: i.getSize(),
+    zIndex: t ? 1 : void 0
+  };
+}
+export {
+  o as getCommonPinningStyles
+};
+//# sourceMappingURL=data-table.js.map

package/dist/esm/utils/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../src/utils/data-table.ts"],"sourcesContent":["import type { Column } from \"@tanstack/react-table\";\nimport { dataTableConfig } from \"@/config/data-table\";\nimport type {\n  ExtendedColumnFilter,\n  FilterOperator,\n  FilterVariant,\n} from \"@/types/data-table\";\n\nexport function getCommonPinningStyles<TData>({\n  column,\n  withBorder = false,\n}: {\n  column: Column<TData>;\n  withBorder?: boolean;\n}): React.CSSProperties {\n  const isPinned = column.getIsPinned();\n  const isLastLeftPinnedColumn =\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n\n  return {\n    boxShadow: withBorder\n      ? isLastLeftPinnedColumn\n        ? \"-4px 0 4px -4px var(--border) inset\"\n        : isFirstRightPinnedColumn\n          ? \"4px 0 4px -4px var(--border) inset\"\n          : undefined\n      : undefined,\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\n    opacity: isPinned ? 0.97 : 1,\n    position: isPinned ? \"sticky\" : \"relative\",\n    background: isPinned ? \"var(--background)\" : \"var(--background)\",\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : undefined,\n  };\n}\n\nexport function getFilterOperators(filterVariant: FilterVariant) {\n  const operatorMap: Record<\n    FilterVariant,\n    { label: string; value: FilterOperator }[]\n  > = {\n    text: dataTableConfig.textOperators,\n    number: dataTableConfig.numericOperators,\n    range: dataTableConfig.numericOperators,\n    date: dataTableConfig.dateOperators,\n    dateRange: dataTableConfig.dateOperators,\n    boolean: dataTableConfig.booleanOperators,\n    select: dataTableConfig.selectOperators,\n    multiSelect: dataTableConfig.multiSelectOperators,\n  };\n\n  return operatorMap[filterVariant] ?? dataTableConfig.textOperators;\n}\n\nexport function getDefaultFilterOperator(filterVariant: FilterVariant) {\n  const operators = getFilterOperators(filterVariant);\n\n  return operators[0]?.value ?? (filterVariant === \"text\" ? \"iLike\" : \"eq\");\n}\n\nexport function getValidFilters<TData>(\n  filters: ExtendedColumnFilter<TData>[],\n): ExtendedColumnFilter<TData>[] {\n  return filters.filter(\n    (filter) =>\n      filter.operator === \"isEmpty\" ||\n      filter.operator === \"isNotEmpty\" ||\n      (Array.isArray(filter.value)\n        ? filter.value.length > 0\n        : filter.value !== \"\" &&\n          filter.value !== null &&\n          filter.value !== undefined),\n  );\n}\n"],"names":["getCommonPinningStyles","column","withBorder","isPinned","isLastLeftPinnedColumn","isFirstRightPinnedColumn"],"mappings":"AAQO,SAASA,EAA8B;AAAA,EAC5C,QAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAGwB;AACtB,QAAMC,IAAWF,EAAO,YAAA,GAClBG,IACJD,MAAa,UAAUF,EAAO,gBAAgB,MAAM,GAChDI,IACJF,MAAa,WAAWF,EAAO,iBAAiB,OAAO;AAEzD,SAAO;AAAA,IACL,WAAWC,IACPE,IACE,wCACAC,IACE,uCACA,SACJ;AAAA,IACJ,MAAMF,MAAa,SAAS,GAAGF,EAAO,SAAS,MAAM,CAAC,OAAO;AAAA,IAC7D,OAAOE,MAAa,UAAU,GAAGF,EAAO,SAAS,OAAO,CAAC,OAAO;AAAA,IAChE,SAASE,IAAW,OAAO;AAAA,IAC3B,UAAUA,IAAW,WAAW;AAAA,IAChC,YAAuB;AAAA,IACvB,OAAOF,EAAO,QAAA;AAAA,IACd,QAAQE,IAAW,IAAI;AAAA,EAAA;AAE3B;"}

package/dist/esm/utils/datetime.js

@@ -0,0 +1,17 @@
+function t(e, r = {}) {
+  if (!e) return "";
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: r.month ?? "long",
+      day: r.day ?? "numeric",
+      year: r.year ?? "numeric",
+      ...r
+    }).format(new Date(e));
+  } catch {
+    return "";
+  }
+}
+export {
+  t as formatDate
+};
+//# sourceMappingURL=datetime.js.map

package/dist/esm/utils/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sources":["../../../src/utils/datetime.ts"],"sourcesContent":["export function formatDate(\n  date: Date | string | number | undefined,\n  opts: Intl.DateTimeFormatOptions = {},\n) {\n  if (!date) return \"\";\n\n  try {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      month: opts.month ?? \"long\",\n      day: opts.day ?? \"numeric\",\n      year: opts.year ?? \"numeric\",\n      ...opts,\n    }).format(new Date(date));\n  } catch (_err) {\n    return \"\";\n  }\n}\n"],"names":["formatDate","date","opts"],"mappings":"AAAO,SAASA,EACdC,GACAC,IAAmC,IACnC;AACA,MAAI,CAACD,EAAM,QAAO;AAElB,MAAI;AACF,WAAO,IAAI,KAAK,eAAe,SAAS;AAAA,MACtC,OAAOC,EAAK,SAAS;AAAA,MACrB,KAAKA,EAAK,OAAO;AAAA,MACjB,MAAMA,EAAK,QAAQ;AAAA,MACnB,GAAGA;AAAA,IAAA,CACJ,EAAE,OAAO,IAAI,KAAKD,CAAI,CAAC;AAAA,EAC1B,QAAe;AACb,WAAO;AAAA,EACT;AACF;"}

package/dist/esm/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { AccordionItem, AccordionTrigger, AccordionContent } from "@dsui/ui/components/accordion";
+import { type BasicColor } from "@/types/variables";
+export type AccordionItemConfig = {
+    value: string;
+    trigger: React.ReactNode;
+    content?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+type AccordionBaseProps = {
+    items?: AccordionItemConfig[];
+    variant?: "default" | "bordered" | "separated" | "ghost";
+    color?: BasicColor;
+    itemClassName?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    dir?: "ltr" | "rtl";
+    orientation?: "horizontal" | "vertical";
+    asChild?: boolean;
+};
+type AccordionSingleProps = AccordionBaseProps & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    collapsible?: boolean;
+    onValueChange?: (newValue: string) => void;
+};
+type AccordionMultipleProps = AccordionBaseProps & {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (newValue: string[]) => void;
+};
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionCompound: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+export default AccordionCompound;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,oBAAoB,GAAG,kBAAkB,GAAG;IAC/C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,KAAK,sBAAsB,GAAG,kBAAkB,GAAG;IACjD,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AA8D3E,QAAA,MAAM,SAAS,uFA0Id,CAAC;AAKF,QAAA,MAAM,iBAAiB;;;;CAIrB,CAAC;AAEH,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Accordion } from "./Accordion";
+export { AccordionItem, AccordionTrigger, AccordionContent, type AccordionProps, type AccordionItemConfig, } from "./Accordion";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,aAAa,CAAC"}

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Avatar as DsAvatar } from "@dsui/ui/components/avatar";
+import type { BasicAnimation, BasicColor } from "@/types/variables";
+type Color = BasicColor | "dark" | "light" | "inverted";
+type Size = "xs" | "sm" | "md" | "lg" | "xl";
+type Variant = "circle" | "square";
+export type AvatarProps = React.ComponentProps<typeof DsAvatar> & {
+    size?: Size;
+    variant?: Variant;
+    animation?: BasicAnimation;
+    color?: Color | string;
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+};
+export declare function Avatar({ size, variant, animation, color, className, src, alt, fallback, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,IAAI,QAAQ,EAGnB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpE,KAAK,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAExD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,OAAkB,EAClB,SAAS,EACT,KAAK,EACL,SAAS,EACT,GAAG,EACH,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA8Eb"}

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from "./Avatar";
+export type * from "./Avatar";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,mBAAmB,UAAU,CAAC"}

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type BadgeProps as SBadgeProps } from "@dsui/ui/components/badge";
+import type { BadgeAnimation } from "@/types/variables";
+export type BadgeProps = SBadgeProps & {
+    animation?: BadgeAnimation;
+    isLoading?: boolean;
+};
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,UAAU,IAAI,WAAW,EAC/B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACrC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AASF,QAAA,MAAM,KAAK,iGA4BT,CAAC;AAGH,eAAe,KAAK,CAAC"}

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as Badge } from "./Badge";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export type BreadcrumbItemType = {
+    label?: React.ReactNode;
+    href?: string;
+    icon?: React.ReactNode;
+};
+export type BreadcrumbProps = React.ComponentProps<"nav"> & {
+    variant?: "default" | "compact" | "badge" | "bordered";
+    color?: "default" | "primary" | "secondary" | "accent" | "destructive" | "muted" | "success" | "error" | "warning";
+    items: BreadcrumbItemType[];
+    separator?: React.ReactNode;
+    maxItems?: number;
+    showEllipsis?: boolean;
+    showHome?: boolean | "label" | "icon" | "both" | React.ReactNode | {
+        label?: React.ReactNode;
+        icon?: React.ReactNode;
+        href?: string;
+    };
+    showPopoverOnEllipsis?: boolean;
+};
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,aAAa,GACb,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EACL,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,CAAC,SAAS,GACf;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AA+BF,QAAA,MAAM,UAAU,kGAoJf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/types/components/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as Breadcrumb } from "./Breadcrumb";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type ButtonProps as SButtonProps } from "@dsui/ui/components/button";
+import type { ButtonAnimation } from "@/types/variables";
+export type ButtonProps = SButtonProps & {
+    animation?: ButtonAnimation;
+    isLoading?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,WAAW,IAAI,YAAY,EACjC,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AASF,QAAA,MAAM,MAAM,oGA8DX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/types/components/Button/ButtonGroup.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ButtonGroup as SButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@dsui/ui/components/button-group";
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonProps } from "./Button";
+export type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> & VariantProps<typeof buttonGroupVariants> & {
+    variant?: ButtonProps["variant"];
+    color?: ButtonProps["color"];
+    size?: ButtonProps["size"];
+    animation?: ButtonProps["animation"];
+    isLoading?: ButtonProps["isLoading"];
+    disabled?: boolean;
+};
+declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroupSeparator, ButtonGroupText };
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/components/Button/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,IAAI,YAAY,EAC3B,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACtE,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,QAAA,MAAM,WAAW,sGA2ChB,CAAC;AAIF,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAC;AACjD,eAAe,WAAW,CAAC"}

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Button } from "./Button";
+export type { ButtonProps } from "./Button";
+export { default as ButtonGroup } from "./ButtonGroup";
+export type { ButtonGroupProps } from "./ButtonGroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/Calendar/Calendar.d.ts

@@ -0,0 +1,15 @@
+import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarProps as SCalendarProps, type CalendarColor } from "@dsui/ui/components/calendar";
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+export type CalendarProps = SCalendarProps & {
+    language?: "vi" | "en";
+    variant?: "default" | "rounded";
+    color?: CalendarColor;
+};
+export declare function Calendar({ language, className, captionLayout, formatters, buttonVariant, locale, variant, color, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare const CalendarDayButton: typeof SCalendarDayButton;
+export type CalendarDayButtonProps = SCalendarDayButtonProps;
+export type { CalendarColor };
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/types/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,kBAAkB,EACvC,KAAK,sBAAsB,IAAI,uBAAuB,EAEtD,KAAK,aAAa,IAAI,cAAc,EACpC,KAAK,aAAa,EACnB,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,SAAS,EACT,aAA0B,EAC1B,UAAU,EACV,aAAa,EACb,MAAM,EACN,OAAmB,EACnB,KAAiB,EACjB,GAAG,KAAK,EACT,EAAE,aAAa,2CAsBf;AAED,eAAO,MAAM,iBAAiB,2BAAqB,CAAC;AACpD,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAC7D,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/types/components/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+export { Calendar } from "./Calendar";
+export type * from "./Calendar";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,mBAAmB,YAAY,CAAC"}