laif-ds 0.1.31 → 0.1.33

package/dist/components/ui/multiple-selector.js

@@ -33,7 +33,9 @@ function z(i, l) {
 function ge(i, l) {
   const u = JSON.parse(JSON.stringify(i));
   for (const [b, o] of Object.entries(u))
-    u[b] = o.filter((C) => !l.find((v) => v.value === C.value));
+    u[b] = o.filter(
+      (C) => !l.find((v) => v.value === C.value)
+    );
   return u;
 }
 function we(i, l) {
@@ -189,7 +191,10 @@ const xe = a.forwardRef(
             var t;
             re(e), (t = n == null ? void 0 : n.onKeyDown) == null || t.call(n, e);
           },
-          className: g("h-auto overflow-visible bg-transparent shadow-sm", n == null ? void 0 : n.className),
+          className: g(
+            "h-auto overflow-visible bg-transparent shadow-sm",
+            n == null ? void 0 : n.className
+          ),
           shouldFilter: (n == null ? void 0 : n.shouldFilter) !== void 0 ? n.shouldFilter : !v,
           filter: ie(),
           children: [
@@ -197,7 +202,7 @@ const xe = a.forwardRef(
               "div",
               {
                 className: g(
-                  "min-h-10 rounded-md border border-d-input text-base ring-offset-d-background focus-within:ring-1 focus-within:ring-d-ring md:text-sm",
+                  "border-d-input ring-offset-d-background focus-within:ring-d-ring min-h-10 rounded-md border text-base focus-within:ring-1 md:text-sm",
                   {
                     "px-3 py-2": r.length !== 0,
                     "cursor-text": !w && r.length !== 0,
@@ -227,7 +232,7 @@ const xe = a.forwardRef(
                           {
                             type: "button",
                             className: g(
-                              "ml-1 rounded-full text-d-secondary-foreground outline-none ring-offset-d-background focus:ring-1 focus:ring-d-ring focus:ring-offset-2",
+                              "text-d-secondary-foreground ring-offset-d-background focus:ring-d-ring ml-1 rounded-full outline-none focus:ring-1 focus:ring-offset-2",
                               (w || e.fixed) && "hidden"
                             ),
                             onKeyDown: (t) => {
@@ -237,7 +242,7 @@ const xe = a.forwardRef(
                               t.preventDefault(), t.stopPropagation();
                             },
                             onClick: () => J(e),
-                            children: /* @__PURE__ */ d(Y, { className: "h-3 w-3 text-d-secondary-foreground hover:text-d-foreground" })
+                            children: /* @__PURE__ */ d(Y, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3" })
                           }
                         )
                       ]
@@ -265,7 +270,7 @@ const xe = a.forwardRef(
                       },
                       placeholder: H && r.length !== 0 ? "" : u,
                       className: g(
-                        "flex-1 bg-transparent outline-none placeholder:text-d-muted-foreground",
+                        "placeholder:text-d-muted-foreground flex-1 bg-transparent outline-none",
                         {
                           "w-full": H,
                           "px-3 py-2": r.length === 0,
@@ -279,7 +284,7 @@ const xe = a.forwardRef(
                     "div",
                     {
                       className: g(
-                        "absolute right-0 top-0 flex items-center justify-center rounded-full bg-d-secondary/20 hover:bg-d-secondary/30 p-1 cursor-pointer z-20 border",
+                        "bg-d-secondary/20 hover:bg-d-secondary/30 absolute top-0 right-0 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
                         (P || w || r.length < 1 || r.filter((e) => e.fixed).length === r.length) && "hidden"
                       ),
                       onClick: () => {
@@ -295,7 +300,7 @@ const xe = a.forwardRef(
             /* @__PURE__ */ d("div", { className: "relative", children: h && /* @__PURE__ */ d(
               ce,
               {
-                className: "absolute top-1 z-10 w-full rounded-md border bg-d-popover text-d-popover-foreground shadow-md outline-none animate-in",
+                className: "bg-d-popover text-d-popover-foreground animate-in absolute top-1 z-10 w-full rounded-md border shadow-md outline-none",
                 onMouseLeave: () => {
                   $(!1);
                 },
@@ -310,31 +315,39 @@ const xe = a.forwardRef(
                   ne(),
                   le(),
                   !p && /* @__PURE__ */ d(K, { value: "-", className: "hidden" }),
-                  Object.entries(se).map(([e, t]) => /* @__PURE__ */ d(ve, { heading: e, className: "h-full overflow-auto", children: /* @__PURE__ */ d(U, { children: t.map((f) => /* @__PURE__ */ d(
-                    K,
+                  Object.entries(se).map(([e, t]) => /* @__PURE__ */ d(
+                    ve,
                     {
-                      value: f.label,
-                      disabled: f.disable,
-                      onMouseDown: (j) => {
-                        j.preventDefault(), j.stopPropagation();
-                      },
-                      onSelect: () => {
-                        if (r.length >= X) {
-                          E == null || E(r.length);
-                          return;
-                        }
-                        R("");
-                        const j = [...r, f];
-                        O(j), l == null || l(j);
-                      },
-                      className: g(
-                        "cursor-pointer",
-                        f.disable && "cursor-default text-d-secondary-foreground"
-                      ),
-                      children: f.label
+                      heading: e,
+                      className: "h-full overflow-auto",
+                      children: /* @__PURE__ */ d(U, { children: t.map((f) => /* @__PURE__ */ d(
+                        K,
+                        {
+                          value: f.label,
+                          disabled: f.disable,
+                          onMouseDown: (j) => {
+                            j.preventDefault(), j.stopPropagation();
+                          },
+                          onSelect: () => {
+                            if (r.length >= X) {
+                              E == null || E(r.length);
+                              return;
+                            }
+                            R("");
+                            const j = [...r, f];
+                            O(j), l == null || l(j);
+                          },
+                          className: g(
+                            "cursor-pointer",
+                            f.disable && "text-d-secondary-foreground cursor-default"
+                          ),
+                          children: f.label
+                        },
+                        f.value
+                      )) })
                     },
-                    f.value
-                  )) }) }, e))
+                    e
+                  ))
                 ] })
               }
             ) })

package/dist/components/ui/prompt-suggestions.js

@@ -5,13 +5,13 @@ function d({
   append: l,
   suggestions: n
 }) {
-  return /* @__PURE__ */ t("div", { className: "space-y-6 grow", children: [
+  return /* @__PURE__ */ t("div", { className: "grow space-y-6", children: [
     /* @__PURE__ */ e("h2", { className: "text-center text-2xl font-bold", children: c }),
     /* @__PURE__ */ e("div", { className: "flex gap-6 text-sm", children: n.map((r) => /* @__PURE__ */ e(
       "button",
       {
         onClick: () => l({ role: "user", content: r }),
-        className: "h-max flex-1 rounded-xl border bg-d-background p-4 hover:bg-d-secondary",
+        className: "bg-d-background hover:bg-d-secondary h-max flex-1 rounded-xl border p-4",
         children: /* @__PURE__ */ e("p", { children: r })
       },
       r

package/dist/components/ui/resizable.js

@@ -34,7 +34,7 @@ function g({
     {
       "data-slot": "resizable-handle",
       className: t(
-        "bg-d-border focus-visible:ring-d-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        "bg-d-border focus-visible:ring-d-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
         r
       ),
       ...l,

package/dist/components/ui/select.js

@@ -15,14 +15,7 @@ function q({
 }) {
   const n = d.useId();
   return /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
-    a && /* @__PURE__ */ e(
-      j,
-      {
-        htmlFor: n,
-        className: s,
-        children: a
-      }
-    ),
+    a && /* @__PURE__ */ e(j, { htmlFor: n, className: s, children: a }),
     /* @__PURE__ */ e(u.Provider, { value: { size: t, id: n }, children: /* @__PURE__ */ e(p, { "data-slot": "select", ...r }) })
   ] });
 }
@@ -51,7 +44,7 @@ function H({
       "data-slot": "select-trigger",
       "data-size": l,
       className: o(
-        "flex items-center justify-between whitespace-nowrap rounded-md border border-d-input bg-transparent px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-d-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "border-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring flex items-center justify-between rounded-md border bg-transparent px-3 py-2 whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
         "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
         "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
@@ -110,7 +103,10 @@ function K({
     S,
     {
       "data-slot": "select-label",
-      className: o("text-d-secondary-foreground px-2 py-1.5 text-xs", t),
+      className: o(
+        "text-d-secondary-foreground px-2 py-1.5 text-xs",
+        t
+      ),
       ...a
     }
   );

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