@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/components/Toast/Toast.js

@@ -1,39 +1,8 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { toast as o, Toaster as u } from "sonner";
-import { Info as i, AlertTriangle as l, XCircle as b, CheckCircle as f } from "lucide-react";
-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 { cn as g } 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 "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 "../../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";
-const h = {
+import { jsxs as u, jsx as d } from "react/jsx-runtime";
+import { toast as e, Toaster as l } from "sonner";
+import { Info as n, AlertTriangle as b, XCircle as f, CheckCircle as g } from "lucide-react";
+import { cn as h } from "../../packages/ui/src/lib/utils.js";
+const p = {
   default: "ds:bg-neutral-800 ds:text-white ds:border ds:border-neutral-700",
   success: "ds:bg-success ds:text-white ds:border ds:border-success/20",
   error: "ds:bg-error ds:text-white ds:border ds:border-error/20",
@@ -42,59 +11,59 @@ const h = {
   primary: "ds:bg-primary ds:text-primary-foreground ds:border ds:border-primary/20",
   secondary: "ds:bg-secondary ds:text-secondary-foreground ds:border ds:border-secondary/20"
 }, w = {
-  success: /* @__PURE__ */ t(f, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
-  error: /* @__PURE__ */ t(b, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
-  warning: /* @__PURE__ */ t(l, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
-  info: /* @__PURE__ */ t(i, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
+  success: /* @__PURE__ */ d(g, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
+  error: /* @__PURE__ */ d(f, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
+  warning: /* @__PURE__ */ d(b, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
+  info: /* @__PURE__ */ d(n, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
   default: null,
-  primary: /* @__PURE__ */ t(i, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
-  secondary: /* @__PURE__ */ t(i, { className: "ds:w-4 ds:h-4 ds:shrink-0" })
-}, d = (r, s) => /* @__PURE__ */ p(
+  primary: /* @__PURE__ */ d(n, { className: "ds:w-4 ds:h-4 ds:shrink-0" }),
+  secondary: /* @__PURE__ */ d(n, { className: "ds:w-4 ds:h-4 ds:shrink-0" })
+}, t = (r, s) => /* @__PURE__ */ u(
   "div",
   {
-    className: g(
+    className: h(
       "ds:flex ds:items-center ds:gap-2 ds:rounded-md ds:px-3 ds:py-2 ds:shadow-md ds:text-sm ds:font-medium",
-      h[r]
+      p[r]
     ),
     children: [
       w[r],
-      /* @__PURE__ */ t("span", { children: s })
+      /* @__PURE__ */ d("span", { children: s })
     ]
   }
-), ss = Object.assign(
+), T = Object.assign(
   (...r) => {
-    const [s] = r, e = typeof s == "function" ? s() : s ?? "Notification";
-    return o.custom(() => d("default", e));
+    const [s] = r, o = typeof s == "function" ? s() : s ?? "Notification";
+    return e.custom(() => t("default", o));
   },
   {
-    success: (r, s) => o.custom(() => d("success", r), s),
-    error: (r, s) => o.custom(() => d("error", r), s),
-    warning: (r, s) => o.custom(() => d("warning", r), s),
-    info: (r, s) => o.custom(() => d("info", r), s),
-    primary: (r, s) => o.custom(() => d("primary", r), s),
-    secondary: (r, s) => o.custom(() => d("secondary", r), s)
+    success: (r, s) => e.custom(() => t("success", r), s),
+    error: (r, s) => e.custom(() => t("error", r), s),
+    warning: (r, s) => e.custom(() => t("warning", r), s),
+    info: (r, s) => e.custom(() => t("info", r), s),
+    primary: (r, s) => e.custom(() => t("primary", r), s),
+    secondary: (r, s) => e.custom(() => t("secondary", r), s)
   }
 );
-function rs({
+function C({
   position: r = "top-right",
   richColors: s = !0,
-  closeButton: e = !1,
-  expand: m = !1,
-  visibleToasts: n = 3,
-  duration: a = 4e3,
-  ...c
+  closeButton: o = !1,
+  expand: a = !1,
+  visibleToasts: c = 3,
+  duration: i = 4e3,
+  ...m
 }) {
-  return /* @__PURE__ */ t(
-    u,
+  return /* @__PURE__ */ d(
+    l,
     {
-      ...c,
+      ...m,
       position: r,
       richColors: s,
-      closeButton: e,
-      expand: m,
-      visibleToasts: n,
+      closeButton: o,
+      expand: a,
+      visibleToasts: c,
       toastOptions: {
-        duration: a,
+        duration: i,
         classNames: {
           toast: "ds:rounded-md ds:shadow-md ds:border-none ds:text-sm ds:font-medium ds:backdrop-blur-sm ds:text-black ds:dark:text-white",
           description: "ds:text-muted-foreground",
@@ -105,7 +74,6 @@ function rs({
   );
 }
 export {
-  rs as Toaster,
-  ss as toast
+  C as Toaster,
+  T as toast
 };
-//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1,6 @@
+import { toast as a, Toaster as s, toast as r } from "./Toast.js";
+export {
+  a as Toast,
+  s as Toaster,
+  r as toast
+};

package/dist/esm/components/Toggle/Toggle.js

@@ -20,4 +20,3 @@ m.displayName = "Toggle";
 export {
   m as default
 };
-//# sourceMappingURL=Toggle.js.map

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

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

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,54 +1,24 @@
-import { jsx as s, Fragment as _, jsxs as m } from "react/jsx-runtime";
-import * as c from "react";
-import { useMemo as g, useCallback as j } from "react";
+import { jsx as s, Fragment as _, jsxs as g } from "react/jsx-runtime";
+import * as u from "react";
+import { useMemo as p, useCallback as j } from "react";
 import { TooltipProvider as S, Tooltip as W, TooltipTrigger as X, TooltipContent as A } from "../../packages/ui/src/components/tooltip.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 { cn as r } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "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 "../../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 { useMotionValue as E, useSpring as u, useTransform as f, motion as v } from "motion/react";
+import { cn as t } from "../../packages/ui/src/lib/utils.js";
+import { useMotionValue as E, useSpring as f, useTransform as m, motion as v } from "motion/react";
 import { animationClass as F } from "../../utils/animations.js";
-const xs = c.memo(function({
-  content: a,
-  children: e,
+const B = u.memo(function({
+  content: i,
+  children: r,
   sideOffset: b = 4,
   delayDuration: h = 0,
-  className: o,
+  className: d,
   childClassName: x,
   position: y = "top",
   noArrow: w = !1,
-  animation: i,
-  ...d
+  animation: o,
+  ...a
 }) {
-  const n = { stiffness: 100, damping: 5 }, k = g(() => F(i, o), [i, o]), l = g(() => {
-    switch (d.color) {
+  const n = { stiffness: 100, damping: 5 }, k = p(() => F(o, d), [o, d]), l = p(() => {
+    switch (a.color) {
       case "primary":
         return "ds:bg-primary ds:text-primary-foreground ds:[&>span>svg]:bg-primary ds:[&>span>svg]:fill-primary";
       case "secondary":
@@ -70,30 +40,30 @@ const xs = c.memo(function({
       default:
         return "ds:bg-foreground ds:text-background ds:animate-in ds:fade-in-0 ds:zoom-in-95 ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:w-fit ds:origin-(--radix-tooltip-content-transform-origin) ds:rounded-md ds:px-3 ds:py-1.5 ds:text-xs ds:text-balance";
     }
-  }, [d?.color]), t = E(0), T = u(
-    f(t, [-100, 100], [-45, 45]),
+  }, [a?.color]), e = E(0), T = f(
+    m(e, [-100, 100], [-45, 45]),
     n
-  ), C = u(
-    f(t, [-100, 100], [-50, 50]),
+  ), C = f(
+    m(e, [-100, 100], [-50, 50]),
     n
   ), M = j(
-    (p) => {
-      const N = p.target.offsetWidth / 2;
-      t.set(p.nativeEvent.offsetX - N);
+    (c) => {
+      const N = c.target.offsetWidth / 2;
+      e.set(c.nativeEvent.offsetX - N);
     },
-    [t]
-  ), z = c.memo(() => e ? /* @__PURE__ */ s(
+    [e]
+  ), z = u.memo(() => r ? /* @__PURE__ */ s(
     "span",
     {
       onMouseMove: M,
-      className: r("ds:inline-block", x),
-      children: e
+      className: t("ds:inline-block", x),
+      children: r
     }
   ) : /* @__PURE__ */ s(_, {}));
-  return i === "spec" ? /* @__PURE__ */ m(
+  return o === "spec" ? /* @__PURE__ */ g(
     v.div,
     {
-      className: r("ds:relative ds:-me-2.5 ds:inline-block", o),
+      className: t("ds:relative ds:-me-2.5 ds:inline-block", d),
       whileHover: "hover",
       initial: "initial",
       children: [
@@ -118,33 +88,32 @@ const xs = c.memo(function({
               rotate: T,
               whiteSpace: "nowrap"
             },
-            className: r(
+            className: t(
               "ds:absolute ds:-top-2 ds:left-1/2 ds:z-50 ds:flex ds:-translate-x-1/2 ds:-translate-y-full ds:flex-col ds:items-center ds:justify-center ds:rounded-md ds:px-4 ds:py-2 ds:text-xs ds:shadow-xl",
               l
             ),
-            children: /* @__PURE__ */ s("div", { className: "ds:relative ds:z-1", children: a })
+            children: /* @__PURE__ */ s("div", { className: "ds:relative ds:z-1", children: i })
           }
         ),
         /* @__PURE__ */ s(z, {})
       ]
     }
-  ) : /* @__PURE__ */ s(S, { delayDuration: h, children: /* @__PURE__ */ m(W, { children: [
-    /* @__PURE__ */ s(X, { asChild: !0, children: e }),
+  ) : /* @__PURE__ */ s(S, { delayDuration: h, children: /* @__PURE__ */ g(W, { children: [
+    /* @__PURE__ */ s(X, { asChild: !0, children: r }),
     /* @__PURE__ */ s(
       A,
       {
-        ...d,
+        ...a,
         side: y,
         sideOffset: b,
-        className: r(k?.className, l, {
+        className: t(k?.className, l, {
           "ds:[&>span>svg]:invisible": w
         }),
-        children: a
+        children: i
       }
     )
   ] }) });
 });
 export {
-  xs as Tooltip
+  B as Tooltip
 };
-//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1,4 @@
+import { Tooltip as r } from "./Tooltip.js";
+export {
+  r as Tooltip
+};