@sth87/shadcn-design-system 0.1.9 → 0.2.0

package/dist/esm/components/Breadcrumb/index.js

@@ -0,0 +1,5 @@
+import { default as r, default as d } from "./Breadcrumb.js";
+export {
+  r as Breadcrumb,
+  d as default
+};

package/dist/esm/components/Button/Button.js

@@ -48,4 +48,3 @@ g.displayName = "Button";
 export {
   g as default
 };
-//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button/ButtonGroup.js

@@ -50,4 +50,3 @@ export {
   _ as ButtonGroupText,
   h as default
 };
-//# sourceMappingURL=ButtonGroup.js.map

package/dist/esm/components/Button/index.js

@@ -0,0 +1,10 @@
+import { default as r, default as u } from "./Button.js";
+import { default as a } from "./ButtonGroup.js";
+import { ButtonGroupSeparator as f, ButtonGroupText as n } from "../../packages/ui/src/components/button-group.js";
+export {
+  r as Button,
+  a as ButtonGroup,
+  f as ButtonGroupSeparator,
+  n as ButtonGroupText,
+  u as default
+};

package/dist/esm/components/Calendar/Calendar.js

@@ -1,73 +1,41 @@
-import { jsx as c } from "react/jsx-runtime";
-import { CalendarDayButton as s, Calendar as f } from "../../packages/ui/src/components/calendar.js";
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
+import { jsx as p } from "react/jsx-runtime";
+import { CalendarDayButton as i, Calendar as f } from "../../packages/ui/src/components/calendar.js";
 import { cn as u } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "react";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "lucide-react";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
 import { enUS as C, vi as x } from "date-fns/locale";
-function Y({
-  language: t = "vi",
-  className: m,
-  captionLayout: p = "dropdown",
-  formatters: i,
-  buttonVariant: a,
+function w({
+  language: r = "vi",
+  className: t,
+  captionLayout: n = "dropdown",
+  formatters: e,
+  buttonVariant: l,
   locale: o,
-  variant: n = "default",
-  color: e = "primary",
-  ...l
+  variant: m = "default",
+  color: d = "primary",
+  ...c
 }) {
-  const r = o || (t === "en" ? C : x);
-  return /* @__PURE__ */ c(
+  const a = o || (r === "en" ? C : x);
+  return /* @__PURE__ */ p(
     f,
     {
-      ...l,
-      locale: r,
-      buttonVariant: a,
-      captionLayout: p,
-      variant: n,
-      color: e,
+      ...c,
+      locale: a,
+      buttonVariant: l,
+      captionLayout: n,
+      variant: m,
+      color: d,
       formatters: {
-        formatMonthDropdown: (d) => d.toLocaleString(r.code, { month: "short" }),
-        ...i
+        formatMonthDropdown: (s) => s.toLocaleString(a.code, { month: "short" }),
+        ...e
       },
       className: u(
         "ds:mx-auto ds:[--cell-size:clamp(0px,calc(100vw/7.5),40px)]",
-        m
+        t
       )
     }
   );
 }
-const Z = s;
+const B = i;
 export {
-  Y as Calendar,
-  Z as CalendarDayButton
+  w as Calendar,
+  B as CalendarDayButton
 };
-//# sourceMappingURL=Calendar.js.map

package/dist/esm/components/Calendar/index.js

@@ -0,0 +1,5 @@
+import { Calendar as e, CalendarDayButton as n } from "./Calendar.js";
+export {
+  e as Calendar,
+  n as CalendarDayButton
+};

package/dist/esm/components/Carousel/Carousel.js

@@ -507,4 +507,3 @@ export {
   Se as CarouselSlide,
   ls as default
 };
-//# sourceMappingURL=Carousel.js.map

package/dist/esm/components/Carousel/index.js

@@ -0,0 +1,6 @@
+import { Carousel as l, CarouselSlide as o, Carousel as r } from "./Carousel.js";
+export {
+  l as Carousel,
+  o as CarouselSlide,
+  r as default
+};

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,100 +1,72 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import u, { useState as L } from "react";
 import { Checkbox as V } from "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import { Label as g } from "../../packages/ui/src/components/label.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import { cn as a } from "../../packages/ui/src/lib/utils.js";
-import { Info as C } from "lucide-react";
-import "react-day-picker";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
+import { cn as r } from "../../packages/ui/src/lib/utils.js";
+import { Tooltip as g } from "../Tooltip/Tooltip.js";
+import { Label as C } from "../../packages/ui/src/components/label.js";
+import { Info as b } from "lucide-react";
 import { AnimatePresence as $ } from "motion/react";
 import { ConfettiPiece as q } from "../../utils/css.js";
 const B = u.forwardRef(
   (N, w) => {
     const {
       label: o,
-      infoTooltip: i,
-      helperText: r,
-      state: m,
+      infoTooltip: d,
+      helperText: n,
+      state: l,
       variant: v = "default",
       size: k = "default",
       color: y,
-      labelPosition: t = "right",
-      labelAlignment: l = "center",
+      labelPosition: s = "right",
+      labelAlignment: c = "center",
       icon: T,
       animation: I,
       id: j,
-      onCheckedChange: c,
+      onCheckedChange: m,
       ...z
-    } = N, [A, p] = L(!1), P = u.useId(), d = j || P, S = {
+    } = N, [A, f] = L(!1), P = u.useId(), a = j || P, S = {
       default: "ds:text-muted-foreground",
       success: "ds:text-success",
       warning: "ds:text-warning",
       error: "ds:text-error"
-    }, _ = (n) => {
-      n && (p(!0), setTimeout(() => p(!1), 800)), c?.(n);
-    }, f = t === "top" || t === "bottom", F = f ? "ds:flex-col" : "ds:flex-row", R = f ? "ds:gap-1.5" : "ds:gap-2", D = l === "start" ? "ds:items-start" : l === "center" ? "ds:items-center" : "ds:items-end", h = "ds:flex ds:gap-2 ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70";
-    return /* @__PURE__ */ s("div", { className: a("ds:flex ds:flex-col ds:gap-1.5 ds:relative", {}), children: [
-      /* @__PURE__ */ s("div", { className: a("ds:flex", F, R, D), children: [
-        (t === "top" || t === "left") && o && /* @__PURE__ */ s(g, { htmlFor: d, className: h, children: [
+    }, _ = (i) => {
+      i && (f(!0), setTimeout(() => f(!1), 800)), m?.(i);
+    }, p = s === "top" || s === "bottom", F = p ? "ds:flex-col" : "ds:flex-row", R = p ? "ds:gap-1.5" : "ds:gap-2", D = c === "start" ? "ds:items-start" : c === "center" ? "ds:items-center" : "ds:items-end", h = "ds:flex ds:gap-2 ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70";
+    return /* @__PURE__ */ t("div", { className: r("ds:flex ds:flex-col ds:gap-1.5 ds:relative", {}), children: [
+      /* @__PURE__ */ t("div", { className: r("ds:flex", F, R, D), children: [
+        (s === "top" || s === "left") && o && /* @__PURE__ */ t(C, { htmlFor: a, className: h, children: [
           o,
-          i && /* @__PURE__ */ e(b, { content: i, children: /* @__PURE__ */ e(C, { className: "ds:size-3.5 ds:min-w-3.5" }) })
+          d && /* @__PURE__ */ e(g, { content: d, children: /* @__PURE__ */ e(b, { className: "ds:size-3.5 ds:min-w-3.5" }) })
         ] }),
-        /* @__PURE__ */ s("div", { className: "ds:relative ds:inline-flex", children: [
+        /* @__PURE__ */ t("div", { className: "ds:relative ds:inline-flex", children: [
           /* @__PURE__ */ e(
             V,
             {
               ref: w,
-              id: d,
+              id: a,
               ...z,
               variant: v,
               size: k,
               color: y,
               icon: T,
-              onCheckedChange: I ? _ : c
+              onCheckedChange: I ? _ : m
             }
           ),
-          /* @__PURE__ */ e($, { children: A && /* @__PURE__ */ e("div", { className: "ds:pointer-events-none ds:absolute ds:inset-0", children: [...Array(12)].map((n, x) => /* @__PURE__ */ e(q, { index: x }, x)) }) })
+          /* @__PURE__ */ e($, { children: A && /* @__PURE__ */ e("div", { className: "ds:pointer-events-none ds:absolute ds:inset-0", children: [...Array(12)].map((i, x) => /* @__PURE__ */ e(q, { index: x }, x)) }) })
         ] }),
-        (t === "bottom" || t === "right") && o && /* @__PURE__ */ s(g, { htmlFor: d, className: h, children: [
+        (s === "bottom" || s === "right") && o && /* @__PURE__ */ t(C, { htmlFor: a, className: h, children: [
           o,
-          i && /* @__PURE__ */ e(b, { content: i, children: /* @__PURE__ */ e(C, { className: "ds:size-3.5 ds:min-w-3.5" }) })
+          d && /* @__PURE__ */ e(g, { content: d, children: /* @__PURE__ */ e(b, { className: "ds:size-3.5 ds:min-w-3.5" }) })
         ] })
       ] }),
-      r && /* @__PURE__ */ e("div", { className: "ds:flex ds:items-center ds:justify-between ds:text-xs ds:gap-2", children: r && /* @__PURE__ */ e(
+      n && /* @__PURE__ */ e("div", { className: "ds:flex ds:items-center ds:justify-between ds:text-xs ds:gap-2", children: n && /* @__PURE__ */ e(
         "p",
         {
-          className: a(
+          className: r(
             "ds:text-xs",
-            m ? S?.[m] : ""
+            l ? S?.[l] : ""
           ),
-          children: r
+          children: n
         }
       ) })
     ] });
@@ -104,4 +76,3 @@ B.displayName = "Checkbox";
 export {
   B as default
 };
-//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox/index.js

@@ -0,0 +1,5 @@
+import { default as f, default as o } from "./Checkbox.js";
+export {
+  f as Checkbox,
+  o as default
+};

package/dist/esm/components/Collapsible/Collapsible.js

@@ -103,4 +103,3 @@ export {
   S as CollapsibleTrigger,
   I as default
 };
-//# sourceMappingURL=Collapsible.js.map

package/dist/esm/components/Collapsible/index.js

@@ -0,0 +1,5 @@
+import { default as e, default as f } from "./Collapsible.js";
+export {
+  e as Collapsible,
+  f as default
+};

package/dist/esm/components/Command/Command.js

@@ -110,4 +110,3 @@ C.displayName = "Command";
 export {
   C as default
 };
-//# sourceMappingURL=Command.js.map

package/dist/esm/components/Command/index.js

@@ -13,4 +13,3 @@ const u = Object.assign(m, {
 export {
   u as Command
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/ContextMenu/ContextMenu.js

@@ -128,4 +128,3 @@ O.displayName = "ContextMenu";
 export {
   O as default
 };
-//# sourceMappingURL=ContextMenu.js.map

package/dist/esm/components/ContextMenu/index.js

@@ -21,4 +21,3 @@ const R = Object.assign(t, {
 export {
   R as ContextMenu
 };
-//# sourceMappingURL=index.js.map