@sth87/shadcn-design-system 0.1.9 → 0.2.0

package/dist/esm/components/Tabs/classes.js

@@ -1,38 +1,5 @@
-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 "react/jsx-runtime";
-import "@radix-ui/react-label";
 import { cn as s } 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 "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";
-const J = {
+const c = {
   sm: {
     horizontal: "ds:text-xs ds:h-7 ds:[&>button]:px-2",
     vertical: "ds:text-xs ds:[&>button]:py-0.5"
@@ -45,7 +12,7 @@ const J = {
     horizontal: "ds:text-base ds:h-11 ds:[&>button]:px-4",
     vertical: "ds:text-base ds:[&>button]:py-1.5"
   }
-}, K = {
+}, n = {
   start: {
     horizontal: "ds:justify-start",
     vertical: "ds:items-start"
@@ -58,7 +25,7 @@ const J = {
     horizontal: "ds:justify-end",
     vertical: "ds:items-end"
   }
-}, N = {
+}, b = {
   top: {
     root: "ds:flex ds:flex-col",
     list: "ds:flex-row"
@@ -75,7 +42,7 @@ const J = {
     root: "ds:flex ds:flex-row-reverse",
     list: "ds:flex-col ds:h-fit"
   }
-}, O = (a, t) => {
+}, i = (a, t) => {
   const d = {
     primary: {
       bg: "ds:data-[state=active]:bg-primary ds:dark:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground ds:dark:data-[state=active]:text-primary-foreground",
@@ -132,21 +99,21 @@ const J = {
     default:
       return "";
   }
-}, Q = (a, t, r) => {
+}, l = (a, t, e) => {
   if (a === "underlined")
     return {
       top: "ds:border-b",
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }[r];
+    }[e];
   if (a === "enclosed") {
     const d = {
       top: "ds:border-b",
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }, e = {
+    }, r = {
       top: {
         primary: "ds:border-b-primary",
         secondary: "ds:border-b-secondary",
@@ -184,7 +151,7 @@ const J = {
         warning: "ds:border-l-warning"
       }
     };
-    return `${d[r]} ${e[r][t]}`;
+    return `${d[e]} ${r[e][t]}`;
   }
   if (a === "enclosed-fill") {
     const d = {
@@ -192,7 +159,7 @@ const J = {
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }, e = {
+    }, r = {
       top: {
         primary: "ds:border-b-primary",
         secondary: "ds:border-b-secondary",
@@ -230,10 +197,10 @@ const J = {
         warning: "ds:border-l-warning"
       }
     };
-    return `${d[r]} ${e[r][t]}`;
+    return `${d[e]} ${r[e][t]}`;
   }
   return "";
-}, R = (a) => {
+}, g = (a) => {
   const t = "ds:bg-background ds:dark:bg-background ds:rounded-none ds:border-0 ds:border-transparent ds:data-[state=active]:shadow-none";
   return {
     top: `${t} ds:border-b-2 ds:h-full`,
@@ -241,7 +208,7 @@ const J = {
     left: `${t} ds:border-r-2 ds:w-full`,
     right: `${t} ds:border-l-2 ds:w-full`
   }[a];
-}, S = (a) => {
+}, u = (a) => {
   const t = "ds:bg-background ds:dark:bg-background ds:border ds:border-transparent ds:data-[state=active]:shadow-none ds:rounded-none";
   return {
     top: `${t} ds:rounded-t-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-r ds:data-[state=active]:border-b-0 ds:data-[state=active]:border-b-background dark:ds:data-[state=active]:border-b-background ds:h-full ds:data-[state=active]:-mb-0.5 ds:data-[state=active]:translate-y-[0px]`,
@@ -249,7 +216,7 @@ const J = {
     left: `${t} ds:rounded-l-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-b ds:data-[state=active]:border-r-0 ds:data-[state=active]:border-r-background dark:ds:data-[state=active]:border-r-background ds:w-full ds:data-[state=active]:-mr-0.5 ds:data-[state=active]:translate-x-[1px]`,
     right: `${t} ds:rounded-r-md ds:data-[state=active]:border-t ds:data-[state=active]:border-r ds:data-[state=active]:border-b ds:data-[state=active]:border-l-0 ds:data-[state=active]:border-l-background dark:ds:data-[state=active]:border-l-background ds:w-full ds:data-[state=active]:-ml-0.5 ds:data-[state=active]:translate-x-[1px]`
   }[a];
-}, V = (a) => {
+}, v = (a) => {
   const t = "ds:bg-muted ds:dark:bg-muted ds:border ds:border-transparent ds:data-[state=active]:bg-background ds:dark:data-[state=active]:bg-background ds:data-[state=active]:shadow-none ds:rounded-none";
   return {
     top: `${t} ds:rounded-t-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-r ds:data-[state=active]:border-b-0 ds:data-[state=active]:border-b-background dark:ds:data-[state=active]:border-b-background ds:h-full ds:data-[state=active]:-mb-0.5 ds:data-[state=active]:translate-y-[0px]`,
@@ -257,7 +224,7 @@ const J = {
     left: `${t} ds:rounded-l-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-b ds:data-[state=active]:border-r-0 ds:data-[state=active]:border-r-background dark:ds:data-[state=active]:border-r-background ds:w-full ds:data-[state=active]:-mr-0.5 ds:data-[state=active]:translate-x-[1px]`,
     right: `${t} ds:rounded-r-md ds:data-[state=active]:border-t ds:data-[state=active]:border-r ds:data-[state=active]:border-b ds:data-[state=active]:border-l-0 ds:data-[state=active]:border-l-background dark:ds:data-[state=active]:border-l-background ds:w-full ds:data-[state=active]:-ml-0.5 ds:data-[state=active]:translate-x-[1px]`
   }[a];
-}, W = {
+}, p = {
   // Solid: Default style (muted background, active has white background)
   solid: {
     list: {
@@ -365,14 +332,13 @@ const J = {
   }
 };
 export {
-  K as alignmentClasses,
-  O as getColorClasses,
-  V as getEnclosedFillTriggerClasses,
-  S as getEnclosedTriggerClasses,
-  Q as getListBorderClasses,
-  R as getUnderlinedTriggerClasses,
-  N as positionClasses,
-  J as sizeClasses,
-  W as variantClasses
+  n as alignmentClasses,
+  i as getColorClasses,
+  v as getEnclosedFillTriggerClasses,
+  u as getEnclosedTriggerClasses,
+  l as getListBorderClasses,
+  g as getUnderlinedTriggerClasses,
+  b as positionClasses,
+  c as sizeClasses,
+  p as variantClasses
 };
-//# sourceMappingURL=classes.js.map

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

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

package/dist/esm/components/Textarea/Textarea.js

@@ -137,4 +137,3 @@ X.displayName = "Textarea";
 export {
   X as default
 };
-//# sourceMappingURL=Textarea.js.map

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

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

package/dist/esm/components/TimeGridView.js

@@ -1,40 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import * as w from "react";
 import { memo as $, useMemo as h } from "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 C } 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 "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 N from "./Button/Button.js";
-const s = (o) => String(o).padStart(2, "0"), V = (o = "primary") => ({
+const s = (r) => String(r).padStart(2, "0"), V = (r = "primary") => ({
   primary: {
     bg: "ds:bg-primary",
     text: "ds:text-primary-foreground"
@@ -71,53 +40,53 @@ const s = (o) => String(o).padStart(2, "0"), V = (o = "primary") => ({
     bg: "ds:bg-foreground",
     text: "ds:text-background"
   }
-})[o], k = $(
+})[r], k = $(
   w.forwardRef(
     ({
-      HOURS: o,
+      HOURS: r,
       MINUTES: d,
-      hours: m,
-      minutes: n,
-      disabled: g,
-      isTimeDisabled: p,
-      onTimeSelect: u,
-      color: f = "primary"
-    }, l) => {
-      const x = h(() => {
-        const t = [];
-        for (const r of o)
-          for (const e of d)
-            t.push({
-              h: r,
-              m: e,
-              display: `${s(r)}:${s(e)}`
+      hours: c,
+      minutes: a,
+      disabled: m,
+      isTimeDisabled: i,
+      onTimeSelect: f,
+      color: l = "primary"
+    }, x) => {
+      const b = h(() => {
+        const e = [];
+        for (const t of r)
+          for (const o of d)
+            e.push({
+              h: t,
+              m: o,
+              display: `${s(t)}:${s(o)}`
             });
-        return t;
-      }, [o, d]), b = m !== void 0 && n !== void 0 ? `${s(m)}:${s(n)}` : "", v = (t, r) => {
-        p(t, r, 0) || u(t, r);
+        return e;
+      }, [r, d]), p = c !== void 0 && a !== void 0 ? `${s(c)}:${s(a)}` : "", v = (e, t) => {
+        i(e, t, 0) || f(e, t);
       };
-      return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-2", children: /* @__PURE__ */ i(
+      return /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-2", children: /* @__PURE__ */ n(
         "div",
         {
-          ref: l,
+          ref: x,
           className: "ds:flex ds:flex-col ds:gap-1 ds:h-64 ds:overflow-y-auto ds:p-2 ds:rounded-md",
-          children: x.map(({ h: t, m: r, display: e }) => {
-            const y = p(t, r, 0), c = e === b, a = V(f);
-            return /* @__PURE__ */ i(
+          children: b.map(({ h: e, m: t, display: o }) => {
+            const y = i(e, t, 0), g = o === p, u = V(l);
+            return /* @__PURE__ */ n(
               N,
               {
                 type: "button",
                 variant: "outline",
-                onClick: () => v(t, r),
-                "data-selected": c || void 0,
-                disabled: g || y,
+                onClick: () => v(e, t),
+                "data-selected": g || void 0,
+                disabled: m || y,
                 size: "sm",
                 className: C(
-                  c ? `${a.bg} ${a.text} ds:font-semibold` : "ds:text-foreground"
+                  g ? `${u.bg} ${u.text} ds:font-semibold` : "ds:text-foreground"
                 ),
-                children: e
+                children: o
               },
-              e
+              o
             );
           })
         }
@@ -129,4 +98,3 @@ k.displayName = "TimeGridView";
 export {
   k as TimeGridView
 };
-//# sourceMappingURL=TimeGridView.js.map

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
+};