laif-ds 0.1.32 → 0.1.34

package/dist/components/ui/sidebar.js

@@ -52,7 +52,15 @@ const X = d.forwardRef(
         setOpenMobile: u,
         toggleSidebar: S
       }),
-      [y, h, w, c, p, u, S]
+      [
+        y,
+        h,
+        w,
+        c,
+        p,
+        u,
+        S
+      ]
     );
     return /* @__PURE__ */ r(M.Provider, { value: C, children: /* @__PURE__ */ r(L, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
@@ -63,7 +71,7 @@ const X = d.forwardRef(
           ...n
         },
         className: i(
-          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-d-sidebar",
+          "group/sidebar-wrapper has-[[data-variant=inset]]:bg-d-sidebar flex min-h-svh w-full",
           o
         ),
         ref: g,
@@ -88,7 +96,7 @@ const Y = d.forwardRef(
       "div",
       {
         className: i(
-          "flex h-full w-[--sidebar-width] flex-col bg-d-sidebar text-d-sidebar-foreground",
+          "bg-d-sidebar text-d-sidebar-foreground flex h-full w-[--sidebar-width] flex-col",
           o
         ),
         ref: f,
@@ -100,7 +108,7 @@ const Y = d.forwardRef(
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
-        className: "w-[--sidebar-width] bg-d-sidebar p-0 text-d-sidebar-foreground [&>button]:hidden",
+        className: "bg-d-sidebar text-d-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden",
         style: {
           "--sidebar-width": q
         },
@@ -117,7 +125,7 @@ const Y = d.forwardRef(
       "div",
       {
         ref: f,
-        className: "group peer hidden text-d-sidebar-foreground md:block",
+        className: "group peer text-d-sidebar-foreground hidden md:block",
         "data-state": c,
         "data-collapsible": c === "collapsed" ? t : "",
         "data-variant": e,
@@ -149,7 +157,7 @@ const Y = d.forwardRef(
                 "div",
                 {
                   "data-sidebar": "sidebar",
-                  className: "flex h-full w-full flex-col bg-d-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-d-sidebar-border group-data-[variant=floating]:shadow",
+                  className: "bg-d-sidebar group-data-[variant=floating]:border-d-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow",
                   children: n
                 }
               )
@@ -195,10 +203,10 @@ const Q = d.forwardRef(({ className: a, ...e }, t) => {
       onClick: o,
       title: "Toggle Sidebar",
       className: i(
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-d-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "hover:after:bg-d-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
         "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-d-sidebar",
+        "group-data-[collapsible=offcanvas]:hover:bg-d-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
         "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
         "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
         a
@@ -213,8 +221,8 @@ const Z = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     className: i(
-      "relative flex w-full flex-1 flex-col bg-d-background",
-      "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+      "bg-d-background relative flex w-full flex-1 flex-col",
+      "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2",
       a
     ),
     ...e
@@ -227,7 +235,7 @@ const ee = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ref: t,
     "data-sidebar": "input",
     className: i(
-      "h-8 w-full bg-d-background shadow-none focus-visible:ring-2 focus-visible:ring-d-sidebar-ring",
+      "bg-d-background focus-visible:ring-d-sidebar-ring h-8 w-full shadow-none focus-visible:ring-2",
       a
     ),
     ...e
@@ -259,7 +267,7 @@ const re = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "separator",
-    className: i("mx-2 w-auto bg-d-sidebar-border", a),
+    className: i("bg-d-sidebar-border mx-2 w-auto", a),
     ...e
   }
 ));
@@ -293,7 +301,7 @@ const oe = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ref: o,
     "data-sidebar": "group-label",
     className: i(
-      "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-d-sidebar-foreground/70 outline-none ring-d-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "text-d-sidebar-foreground/70 ring-d-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
       "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
       a
     ),
@@ -307,7 +315,7 @@ const ne = d.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ref: o,
     "data-sidebar": "group-action",
     className: i(
-      "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-d-sidebar-foreground outline-none ring-d-sidebar-ring transition-transform hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "text-d-sidebar-foreground ring-d-sidebar-ring hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
       // Increases the hit area of the button on mobile.
       "after:absolute after:-inset-2 after:md:hidden",
       "group-data-[collapsible=icon]:hidden",
@@ -410,14 +418,14 @@ const fe = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
     ref: n,
     "data-sidebar": "menu-action",
     className: i(
-      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-d-sidebar-foreground outline-none ring-d-sidebar-ring transition-transform hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-d-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+      "text-d-sidebar-foreground ring-d-sidebar-ring hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground peer-hover/menu-button:text-d-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
       // Increases the hit area of the button on mobile.
       "after:absolute after:-inset-2 after:md:hidden",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
       "peer-data-[size=lg]/menu-button:top-2.5",
       "group-data-[collapsible=icon]:hidden",
-      t && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-d-sidebar-accent-foreground md:opacity-0",
+      t && "peer-data-[active=true]/menu-button:text-d-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
       a
     ),
     ...o
@@ -430,7 +438,7 @@ const pe = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ref: t,
     "data-sidebar": "menu-badge",
     className: i(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-d-sidebar-foreground",
+      "text-d-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
       "peer-hover/menu-button:text-d-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-d-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
@@ -480,7 +488,7 @@ const ge = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ref: t,
     "data-sidebar": "menu-sub",
     className: i(
-      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-d-sidebar-border px-2.5 py-0.5",
+      "border-d-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
       "group-data-[collapsible=icon]:hidden",
       a
     ),
@@ -498,7 +506,7 @@ const ve = d.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, classNa
     "data-size": e,
     "data-active": t,
     className: i(
-      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-d-sidebar-foreground outline-none ring-d-sidebar-ring hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 active:bg-d-sidebar-accent active:text-d-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-d-sidebar-accent-foreground",
+      "text-d-sidebar-foreground ring-d-sidebar-ring hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground active:bg-d-sidebar-accent active:text-d-sidebar-accent-foreground [&>svg]:text-d-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
       "data-[active=true]:bg-d-sidebar-accent data-[active=true]:text-d-sidebar-accent-foreground data-[active=true]:font-bold",
       e === "sm" && "text-xs",
       e === "md" && "text-sm",

package/dist/components/ui/slider.js

@@ -33,99 +33,113 @@ const S = w(
       size: "base"
     }
   }
-), B = F.forwardRef(({
-  className: C,
-  size: m,
-  formatValue: i,
-  showValues: $ = !1,
-  showStickyLabel: r = !1,
-  stickyLabelSuffix: h = "",
-  fillOffset: o = !1,
-  offsetValue: v,
-  steps: d,
-  showStepMarkers: z = !1,
-  ...e
-}, R) => {
-  const s = v !== void 0 ? v : e.min !== void 0 && e.max !== void 0 ? (e.min + e.max) / 2 : 50, f = () => {
-    if (!o) return 0;
-    const a = e.min || 0, t = (e.max || 100) - a;
-    return (s - a) / t * 100;
-  }, g = (a) => d ? d.reduce((n, t) => Math.abs(t - a) < Math.abs(n - a) ? t : n) : a, T = (a) => {
-    if (!d || !e.onValueChange) {
-      e.onValueChange && e.onValueChange(a);
-      return;
-    }
-    const n = g(a[0]), t = a.length > 1 ? [n, g(a[1])] : [n];
-    e.onValueChange(t);
-  }, j = (a) => {
-    const n = e.min || 0, t = e.max || 100;
-    return (a - n) / (t - n) * 100;
-  };
-  return /* @__PURE__ */ u("div", { className: "flex flex-col w-full gap-1", children: [
-    /* @__PURE__ */ u(
-      y,
-      {
-        ref: R,
-        className: c(
-          "relative flex w-full touch-none select-none items-center",
-          C
-        ),
-        ...e,
-        onValueChange: void 0,
-        onValueChange: d ? T : e.onValueChange,
-        children: [
-          /* @__PURE__ */ u(M, { className: c(S({ size: m })), children: [
-            d && z && /* @__PURE__ */ l("div", { className: "absolute w-full h-full", children: d.map((a, n) => /* @__PURE__ */ l(
-              "div",
-              {
-                className: "absolute w-1 h-4 -mt-1.5 bg-d-muted-foreground/50 rounded-full",
-                style: {
-                  left: `calc(${j(a)}% - 2px)`,
-                  top: "50%",
-                  transform: "translateY(-50%)"
-                }
-              },
-              n
-            )) }),
-            o && e.value ? /* @__PURE__ */ u(k, { children: [
-              /* @__PURE__ */ l("div", { className: "absolute h-full w-full bg-d-muted/30" }),
-              /* @__PURE__ */ l(
+), B = F.forwardRef(
+  ({
+    className: C,
+    size: m,
+    formatValue: i,
+    showValues: $ = !1,
+    showStickyLabel: r = !1,
+    stickyLabelSuffix: h = "",
+    fillOffset: o = !1,
+    offsetValue: v,
+    steps: d,
+    showStepMarkers: z = !1,
+    ...e
+  }, R) => {
+    const s = v !== void 0 ? v : e.min !== void 0 && e.max !== void 0 ? (e.min + e.max) / 2 : 50, f = () => {
+      if (!o) return 0;
+      const a = e.min || 0, t = (e.max || 100) - a;
+      return (s - a) / t * 100;
+    }, g = (a) => d ? d.reduce((n, t) => Math.abs(t - a) < Math.abs(n - a) ? t : n) : a, T = (a) => {
+      if (!d || !e.onValueChange) {
+        e.onValueChange && e.onValueChange(a);
+        return;
+      }
+      const n = g(a[0]), t = a.length > 1 ? [n, g(a[1])] : [n];
+      e.onValueChange(t);
+    }, j = (a) => {
+      const n = e.min || 0, t = e.max || 100;
+      return (a - n) / (t - n) * 100;
+    };
+    return /* @__PURE__ */ u("div", { className: "flex w-full flex-col gap-1", children: [
+      /* @__PURE__ */ u(
+        y,
+        {
+          ref: R,
+          className: c(
+            "relative flex w-full touch-none items-center select-none",
+            C
+          ),
+          ...e,
+          onValueChange: void 0,
+          onValueChange: d ? T : e.onValueChange,
+          children: [
+            /* @__PURE__ */ u(M, { className: c(S({ size: m })), children: [
+              d && z && /* @__PURE__ */ l("div", { className: "absolute h-full w-full", children: d.map((a, n) => /* @__PURE__ */ l(
                 "div",
                 {
-                  className: "absolute h-full bg-d-primary",
+                  className: "bg-d-muted-foreground/50 absolute -mt-1.5 h-4 w-1 rounded-full",
                   style: {
-                    left: e.value[0] < s ? `${(e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${f()}%`,
-                    right: e.value[0] > s ? `${100 - (e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${100 - f()}%`
+                    left: `calc(${j(a)}% - 2px)`,
+                    top: "50%",
+                    transform: "translateY(-50%)"
                   }
-                }
-              )
-            ] }) : /* @__PURE__ */ l(P, { className: "absolute h-full bg-d-primary" })
-          ] }),
-          /* @__PURE__ */ l(b, { className: c(N({ size: m }), "relative"), children: r && e.value && /* @__PURE__ */ l(
-            x,
-            {
-              variant: "default",
-              className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 -top-5 z-10",
-              children: i ? i(e.value[0]) : `${e.value[0]}${h}`
-            }
-          ) }),
-          e.value && e.value.length > 1 && /* @__PURE__ */ l(b, { className: c(N({ size: m }), "relative"), children: r && /* @__PURE__ */ l(
-            x,
-            {
-              variant: "default",
-              className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 -top-5 z-10",
-              children: i ? i(e.value[1]) : `${e.value[1]}${h}`
-            }
-          ) })
-        ]
-      }
-    ),
-    $ && e.value && /* @__PURE__ */ u("div", { className: "flex justify-between text-xs font-medium text-d-muted-foreground", children: [
-      /* @__PURE__ */ l("span", { children: i ? i(e.value[0]) : e.value[0] }),
-      e.value.length > 1 ? /* @__PURE__ */ l("span", { children: i ? i(e.value[1]) : e.value[1] }) : e.max !== void 0 ? /* @__PURE__ */ l("span", { children: i ? i(e.max) : e.max }) : null
-    ] })
-  ] });
-});
+                },
+                n
+              )) }),
+              o && e.value ? /* @__PURE__ */ u(k, { children: [
+                /* @__PURE__ */ l("div", { className: "bg-d-muted/30 absolute h-full w-full" }),
+                /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: "bg-d-primary absolute h-full",
+                    style: {
+                      left: e.value[0] < s ? `${(e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${f()}%`,
+                      right: e.value[0] > s ? `${100 - (e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${100 - f()}%`
+                    }
+                  }
+                )
+              ] }) : /* @__PURE__ */ l(P, { className: "bg-d-primary absolute h-full" })
+            ] }),
+            /* @__PURE__ */ l(
+              b,
+              {
+                className: c(N({ size: m }), "relative"),
+                children: r && e.value && /* @__PURE__ */ l(
+                  x,
+                  {
+                    variant: "default",
+                    className: "absolute -top-5 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
+                    children: i ? i(e.value[0]) : `${e.value[0]}${h}`
+                  }
+                )
+              }
+            ),
+            e.value && e.value.length > 1 && /* @__PURE__ */ l(
+              b,
+              {
+                className: c(N({ size: m }), "relative"),
+                children: r && /* @__PURE__ */ l(
+                  x,
+                  {
+                    variant: "default",
+                    className: "absolute -top-5 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
+                    children: i ? i(e.value[1]) : `${e.value[1]}${h}`
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      $ && e.value && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex justify-between text-xs font-medium", children: [
+        /* @__PURE__ */ l("span", { children: i ? i(e.value[0]) : e.value[0] }),
+        e.value.length > 1 ? /* @__PURE__ */ l("span", { children: i ? i(e.value[1]) : e.value[1] }) : e.max !== void 0 ? /* @__PURE__ */ l("span", { children: i ? i(e.max) : e.max }) : null
+      ] })
+    ] });
+  }
+);
 B.displayName = y.displayName;
 export {
   B as Slider

package/dist/components/ui/table-skeleton.js

@@ -17,20 +17,38 @@ function S({
       /* @__PURE__ */ l(g, { children: /* @__PURE__ */ a(c, { children: [
         /* @__PURE__ */ l(n, { className: "relative min-h-[50px] min-w-[50px] border-r", children: o && s && /* @__PURE__ */ a(p, { children: [
           /* @__PURE__ */ l("div", { className: "absolute top-2 left-2 text-xs", children: o }),
-          /* @__PURE__ */ l("div", { className: "absolute bottom-2 right-2 text-xs", children: s })
+          /* @__PURE__ */ l("div", { className: "absolute right-2 bottom-2 text-xs", children: s })
         ] }) }),
-        r.length > 0 ? r.map((t, e) => /* @__PURE__ */ l(n, { className: "border-r min-w-[100px] w-auto", children: t }, `header-col-${e}`)) : Array.from({ length: i }).map((t, e) => /* @__PURE__ */ l(n, { className: "border-r min-w-[100px] w-auto", children: /* @__PURE__ */ l(m, { className: "h-6 w-full mx-auto" }) }, `skeleton-header-${e}`))
-      ] }) }),
-      /* @__PURE__ */ l(v, { children: Array.from({ length: h }).map((t, e) => /* @__PURE__ */ a(c, { children: [
-        /* @__PURE__ */ l(d, { className: "min-w-[100px] w-auto", children: /* @__PURE__ */ l(m, { className: "h-6 w-full" }) }),
-        Array.from({ length: i }).map((T, b) => /* @__PURE__ */ l(
-          d,
+        r.length > 0 ? r.map((t, e) => /* @__PURE__ */ l(
+          n,
           {
-            className: "text-center border-l min-w-[100px] w-auto",
-            children: /* @__PURE__ */ l(m, { className: "h-6 w-full mx-auto" })
+            className: "w-auto min-w-[100px] border-r",
+            children: t
           },
-          `skeleton-cell-${e}-${b}`
-        ))
+          `header-col-${e}`
+        )) : Array.from({ length: i }).map(
+          (t, e) => /* @__PURE__ */ l(
+            n,
+            {
+              className: "w-auto min-w-[100px] border-r",
+              children: /* @__PURE__ */ l(m, { className: "mx-auto h-6 w-full" })
+            },
+            `skeleton-header-${e}`
+          )
+        )
+      ] }) }),
+      /* @__PURE__ */ l(v, { children: Array.from({ length: h }).map((t, e) => /* @__PURE__ */ a(c, { children: [
+        /* @__PURE__ */ l(d, { className: "w-auto min-w-[100px]", children: /* @__PURE__ */ l(m, { className: "h-6 w-full" }) }),
+        Array.from({ length: i }).map(
+          (T, b) => /* @__PURE__ */ l(
+            d,
+            {
+              className: "w-auto min-w-[100px] border-l text-center",
+              children: /* @__PURE__ */ l(m, { className: "mx-auto h-6 w-full" })
+            },
+            `skeleton-cell-${e}-${b}`
+          )
+        )
       ] }, `skeleton-row-${e}`)) })
     ] }),
     /* @__PURE__ */ l(N, { orientation: "horizontal" })

package/dist/components/ui/table.js

@@ -6,7 +6,10 @@ function n({ className: t, ...e }) {
     "table",
     {
       "data-slot": "table-container",
-      className: o("w-full caption-bottom text-sm relative w-full overflow-x-auto ", t),
+      className: o(
+        "relative w-full caption-bottom overflow-x-auto text-sm",
+        t
+      ),
       ...e
     }
   );

package/dist/components/ui/tabs.js

@@ -40,7 +40,7 @@ function g({
     {
       "data-slot": "tabs-trigger",
       className: s(
-        "data-[state=active]:bg-d-background dark:data-[state=active]:text-d-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:outline-d-ring dark:data-[state=active]:border-d-input dark:data-[state=active]:bg-d-background text-d-foreground dark:text-d-secondary-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md d-border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "data-[state=active]:bg-d-background dark:data-[state=active]:text-d-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:outline-d-ring dark:data-[state=active]:border-d-input dark:data-[state=active]:bg-d-background text-d-foreground dark:text-d-secondary-foreground d-border inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         t
       ),
       ...e

package/dist/components/ui/theme-switcher.js

@@ -39,7 +39,7 @@ const k = [
     "div",
     {
       className: r(
-        "relative isolate flex h-8 rounded-full bg-d-background p-1 ring-1 ring-d-border",
+        "bg-d-background ring-d-border relative isolate flex h-8 rounded-full p-1 ring-1",
         i
       ),
       children: k.map(({ key: e, icon: c, label: f }) => {
@@ -52,12 +52,7 @@ const k = [
             onClick: () => a(e),
             "aria-label": f,
             children: [
-              o && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: "absolute inset-0 rounded-full bg-d-secondary"
-                }
-              ),
+              o && /* @__PURE__ */ t("div", { className: "bg-d-secondary absolute inset-0 rounded-full" }),
               /* @__PURE__ */ t(
                 c,
                 {

package/dist/components/ui/typing-indicator.js

@@ -2,10 +2,10 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import e from "../../node_modules/lucide-react/dist/esm/icons/dot.js";
 function t() {
-  return /* @__PURE__ */ a("div", { className: "justify-left flex space-x-1", children: /* @__PURE__ */ a("div", { className: "rounded-lg bg-d-secondary p-3", children: /* @__PURE__ */ n("div", { className: "flex -space-x-2.5", children: [
-    /* @__PURE__ */ a(e, { className: "h-5 w-5 animate-typing-dot-bounce" }),
-    /* @__PURE__ */ a(e, { className: "h-5 w-5 animate-typing-dot-bounce [animation-delay:90ms]" }),
-    /* @__PURE__ */ a(e, { className: "h-5 w-5 animate-typing-dot-bounce [animation-delay:180ms]" })
+  return /* @__PURE__ */ a("div", { className: "justify-left flex space-x-1", children: /* @__PURE__ */ a("div", { className: "bg-d-secondary rounded-lg p-3", children: /* @__PURE__ */ n("div", { className: "flex -space-x-2.5", children: [
+    /* @__PURE__ */ a(e, { className: "animate-typing-dot-bounce h-5 w-5" }),
+    /* @__PURE__ */ a(e, { className: "animate-typing-dot-bounce h-5 w-5 [animation-delay:90ms]" }),
+    /* @__PURE__ */ a(e, { className: "animate-typing-dot-bounce h-5 w-5 [animation-delay:180ms]" })
   ] }) }) });
 }
 export {

package/dist/components/ui/typo.js

@@ -39,14 +39,7 @@ const i = {
   ...o
 }) => {
   const d = e || s[t] || "span";
-  return /* @__PURE__ */ x(
-    d,
-    {
-      className: a(i[t], n),
-      ...o,
-      children: l
-    }
-  );
+  return /* @__PURE__ */ x(d, { className: a(i[t], n), ...o, children: l });
 };
 export {
   r as Typo

package/dist/hooks/use-mobile.js

@@ -2,7 +2,9 @@
 import * as o from "react";
 const e = 768;
 function r() {
-  const [s, n] = o.useState(void 0);
+  const [s, n] = o.useState(
+    void 0
+  );
   return o.useEffect(() => {
     if (typeof window > "u")
       return;

package/dist/index.d.ts

@@ -124,7 +124,7 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
-export declare function AppMultipleSelectDropdown({ options, value, onChange, placeholder, disabled, size, label, labelClassName, emptyMessage, className, filterPlaceholder, cancelLabel, cancelButtonLabel, maxSelectedItems }: MultipleSelectDropdownProps): JSX.Element;
+export declare function AppMultipleSelectDropdown({ options, value, onChange, placeholder, disabled, size, label, labelClassName, emptyMessage, className, filterPlaceholder, cancelLabel, cancelButtonLabel, maxSelectedItems, }: MultipleSelectDropdownProps): JSX.Element;
 
 export declare interface AppMultipleSelectOption {
     value: string;
@@ -552,11 +552,12 @@ declare type CopyButtonProps = {
 };
 
 export declare interface CrossTableCell {
-    render?: (fromId: string, toId: string) => ReactNode;
+    render?: (fromId: string, toId: string, id?: string) => ReactNode;
     value?: number | string | null;
     color?: string;
     fromId: string;
     toId: string;
+    id?: string;
 }
 
 declare interface CrossTableData {
@@ -587,7 +588,7 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, clientFilter, clientFilterPlaceholder }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, clientFilter, clientFilterPlaceholder, }: DataTableProps<TData, TValue>): JSX.Element;
 
 declare interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -1006,7 +1007,7 @@ declare interface MultipleSelectorProps {
     /** Props of `Command` */
     commandProps?: React_2.ComponentPropsWithoutRef<typeof Command>;
     /** Props of `CommandInput` */
-    inputProps?: Omit<React_2.ComponentPropsWithoutRef<typeof Command_2.Input>, 'value' | 'placeholder' | 'disabled'>;
+    inputProps?: Omit<React_2.ComponentPropsWithoutRef<typeof Command_2.Input>, "value" | "placeholder" | "disabled">;
     label?: string | React_2.ReactNode;
     /** hide the clear all button. */
     hideClearAllButton?: boolean;
@@ -1416,9 +1417,9 @@ declare const THEMES: {
 export declare const ThemeSwitcher: ({ value, onChange, defaultValue, className, }: ThemeSwitcherProps) => JSX.Element | null;
 
 declare type ThemeSwitcherProps = {
-    value?: 'light' | 'dark' | 'system';
-    onChange?: (theme: 'light' | 'dark' | 'system') => void;
-    defaultValue?: 'light' | 'dark' | 'system';
+    value?: "light" | "dark" | "system";
+    onChange?: (theme: "light" | "dark" | "system") => void;
+    defaultValue?: "light" | "dark" | "system";
     className?: string;
 };
 
@@ -1469,7 +1470,7 @@ export declare function TooltipProvider({ delayDuration, ...props }: React_2.Com
 export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
 
 declare type TransformedDataType<T> = {
-    [P in keyof T as Exclude<P, 'children'>]: T[P];
+    [P in keyof T as Exclude<P, "children">]: T[P];
 };
 
 export declare function TypingIndicator(): JSX.Element;

package/dist/styles.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";@import "./gantt.css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fafafa;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#e0e0e0;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#e0e0e0;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.40);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1.00 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1.00 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.50 0.08 259.49);--d-chart-5:oklch(0.42 0.10 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1.00 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{border-color:var(--d-border);outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}
+@import "tailwindcss";@import "tw-animate-css";@import "./gantt.css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fafafa;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#e0e0e0;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#e0e0e0;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{border-color:var(--d-border);outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.32",
+  "version": "0.1.34",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
@@ -76,6 +76,8 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.12.0",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "storybook": "^8.6.12",
     "storybook-addon-themes": "^6.1.0",
     "tailwindcss-v3": "npm:tailwindcss@3.4.1",