laif-ds 0.2.73 → 0.2.75

package/dist/components/ui/app-select.js

@@ -1,145 +1,150 @@
 "use client";
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useState as v, useRef as T, useCallback as B, useMemo as S, useEffect as de, useLayoutEffect as ce } from "react";
 import { designTokens as i } from "../design-tokens.js";
-import { Badge as ie } from "./badge.js";
-import { Command as de, CommandInput as ce, CommandList as ue, CommandEmpty as me, CommandGroup as M, CommandItem as R } from "./command.js";
-import { Label as fe } from "./label.js";
-import { cn as I } from "../../lib/utils.js";
-import { useState as v, useRef as T, useMemo as P, useCallback as pe, useEffect as he, useLayoutEffect as ge } from "react";
+import { Badge as ue } from "./badge.js";
+import { Command as me, CommandInput as fe, CommandList as pe, CommandEmpty as he, CommandGroup as E, CommandItem as F } from "./command.js";
+import { Label as ge } from "./label.js";
+import { cn as z } from "../../lib/utils.js";
 import { Checkbox as ve } from "./checkbox.js";
-import { Icon as S } from "./icon.js";
+import { Icon as A } from "./icon.js";
 import { Popover as be, PopoverTrigger as Ce, PopoverContent as xe } from "./popover.js";
-import we from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import ye from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const Ne = {
   sm: i.sizes.sm,
   default: i.sizes.default,
   lg: i.sizes.lg
 };
-function Ae(z) {
+function Ve(O) {
   const {
-    multiple: n = !1,
+    multiple: t = !1,
     options: m,
-    value: B,
-    defaultValue: E,
+    value: G,
+    defaultValue: W,
     renderValue: g,
-    onValueChange: F,
-    onClear: b,
-    placeholder: G = "Seleziona...",
-    emptyPlaceholder: W = "Nessun risultato",
-    searchPlaceholder: X = "Cerca...",
-    addItemPlaceholder: $ = "Aggiungi",
-    itemCountMessage: q = (e) => `${e} elementi selezionati`,
-    maxSelectedMessage: _ = (e) => `Puoi selezionare fino a ${e} elementi`,
-    label: V,
-    className: H = "",
-    labelClassName: J = "",
-    wrpClassName: K = "",
-    searchable: k = !1,
-    creatable: Q = !1,
-    noGroupLabel: U = "Nessun gruppo",
+    onValueChange: b,
+    onClear: C,
+    placeholder: X = "Seleziona...",
+    emptyPlaceholder: $ = "Nessun risultato",
+    searchPlaceholder: q = "Cerca...",
+    addItemPlaceholder: H = "Aggiungi",
+    itemCountMessage: J = (e) => `${e} elementi selezionati`,
+    maxSelectedMessage: K = (e) => `Puoi selezionare fino a ${e} elementi`,
+    label: k,
+    className: Q = "",
+    labelClassName: U = "",
+    wrpClassName: Y = "",
+    searchable: D = !1,
+    creatable: Z = !1,
+    noGroupLabel: L = "Nessun gruppo",
     maxSelected: c,
-    showChipsInsteadOfCount: Y = !1,
-    disabled: C,
-    size: Z = "default",
-    isSingleSelectClearable: ee = !1,
-    id: le,
-    "data-testid": re
-  } = z, [h, x] = v(!1), [f, w] = v(""), N = T(null), y = T(null), [D, ae] = v(0), O = z.hasOwnProperty("value"), [ne, te] = v(E), d = O ? B : ne, p = (e) => {
-    O || te(e), F?.(e);
-  }, t = P(() => n ? Array.isArray(d) ? d : [] : d != null ? [d] : [], [d, n]), u = P(() => {
-    const e = m.filter((a) => t.includes(a.value));
-    if (n) {
-      const a = t.filter((r) => !e.find((s) => s.value === r)).map((r) => ({ value: r, label: r }));
+    showChipsInsteadOfCount: _ = !1,
+    disabled: x,
+    size: ee = "default",
+    isSingleSelectClearable: le = !1,
+    id: re,
+    "data-testid": ae
+  } = O, [h, y] = v(!1), [f, N] = v(""), w = T(null), I = T(null), [j, te] = v(0), P = Object.prototype.hasOwnProperty.call(O, "value"), [ne, se] = v(W), d = P ? G : ne, p = B(
+    (e) => {
+      P || se(e), b?.(
+        t ? Array.isArray(e) ? e : [] : Array.isArray(e) ? e[0] : e
+      );
+    },
+    [P, t, b]
+  ), n = S(() => t ? Array.isArray(d) ? d : [] : d != null ? [d] : [], [d, t]), u = S(() => {
+    const e = m.filter((a) => n.includes(a.value));
+    if (t) {
+      const a = n.filter((r) => !e.find((s) => s.value === r)).map((r) => ({ value: r, label: r }));
       return [...e, ...a];
-    } else if (t.length && !e.length)
-      return [{ value: t[0], label: t[0] }];
+    } else if (n.length && !e.length)
+      return [{ value: n[0], label: n[0] }];
     return e;
-  }, [m, t, n]), L = (e) => {
+  }, [m, n, t]), V = (e) => {
     if (!e.disabled)
-      if (n) {
-        const a = t.includes(e.value);
-        if (!a && c !== void 0 && t.length >= c)
+      if (t) {
+        const a = n.includes(e.value);
+        if (!a && c !== void 0 && n.length >= c)
           return;
         p(
-          a ? t.filter((r) => r !== e.value) : [...t, e.value]
+          a ? n.filter((r) => r !== e.value) : [...n, e.value]
         );
       } else
-        p(e.value), x(!1);
-  }, j = pe(() => {
-    p(n ? [] : void 0), w(""), b && b();
-  }, [p, b, n]), se = P(() => {
+        p(e.value), y(!1);
+  }, M = B(() => {
+    p(t ? [] : void 0), N(""), C && C();
+  }, [p, C, t]), oe = S(() => {
     const e = m.some((a) => a.group);
     return m.reduce((a, r) => {
-      const s = e ? r.group || U : "";
+      const s = e ? r.group || L : "";
       return a[s] = a[s] || [], a[s].push(r), a;
     }, {});
-  }, [m]);
-  return he(() => {
-    N.current && ae(N.current.getBoundingClientRect().width);
-  }, [h, t, m]), ge(() => {
+  }, [m, L]);
+  return de(() => {
+    w.current && te(w.current.getBoundingClientRect().width);
+  }, [h, n, m]), ce(() => {
     if (!h) return;
     const e = requestAnimationFrame(() => {
-      y.current && y.current?.scrollIntoView({
+      I.current && I.current?.scrollIntoView({
         behavior: "instant",
         block: "center"
       });
     });
     return () => cancelAnimationFrame(e);
-  }, [h]), /* @__PURE__ */ o("div", { className: I("flex flex-col gap-1.5", K), children: [
-    V && /* @__PURE__ */ l(fe, { className: J, children: V }),
+  }, [h]), /* @__PURE__ */ o("div", { className: z("flex flex-col gap-1.5", Y), children: [
+    k && /* @__PURE__ */ l(ge, { className: U, children: k }),
     /* @__PURE__ */ o(
       be,
       {
-        open: C ? !1 : h,
-        onOpenChange: (e) => !C && x(e),
+        open: x ? !1 : h,
+        onOpenChange: (e) => !x && y(e),
         modal: !0,
         children: [
           /* @__PURE__ */ l(Ce, { asChild: !0, children: /* @__PURE__ */ o(
             "div",
             {
-              ref: N,
-              id: le,
-              "data-testid": re,
-              className: I(
+              ref: w,
+              id: re,
+              "data-testid": ae,
+              className: z(
                 i.input.base,
                 i.radius.default,
                 i.focusRingWithin,
                 "flex w-full min-w-[100px] cursor-pointer items-center justify-between gap-2",
                 h && i.activeRing,
-                Ne[Z],
-                C && "cursor-not-allowed opacity-50",
-                H
+                Ne[ee],
+                x && "cursor-not-allowed opacity-50",
+                Q
               ),
               children: [
-                u.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: G }) : n ? /* @__PURE__ */ o("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: Y ? u.map(
+                u.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : t ? /* @__PURE__ */ o("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: _ ? u.map(
                     (e) => g ? g(e) : /* @__PURE__ */ o(
-                      ie,
+                      ue,
                       {
                         variant: "secondary",
                         className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
                         onClick: (a) => {
-                          a.stopPropagation(), L(e);
+                          a.stopPropagation(), V(e);
                         },
                         children: [
                           e.label,
-                          !e.fixed && /* @__PURE__ */ l(S, { name: "X", size: "xs" })
+                          !e.fixed && /* @__PURE__ */ l(A, { name: "X", size: "xs" })
                         ]
                       },
                       e.value
                     )
-                  ) : /* @__PURE__ */ l("div", { children: q(u.length) }) }),
-                  n && /* @__PURE__ */ l(
+                  ) : /* @__PURE__ */ l("div", { children: J(u.length) }) }),
+                  t && /* @__PURE__ */ l(
                     "div",
                     {
                       className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), j();
+                        e.stopPropagation(), e.preventDefault(), M();
                       },
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        S,
+                        A,
                         {
                           name: "X",
                           size: "xs",
@@ -150,18 +155,18 @@ function Ae(z) {
                   )
                 ] }) : /* @__PURE__ */ o("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
                   /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 truncate", children: g ? g(u[0]) : typeof u[0]?.label == "string" ? /* @__PURE__ */ l("span", { children: u[0]?.label }) : u[0]?.label }),
-                  ee && d !== void 0 && d !== null && /* @__PURE__ */ l(
+                  le && d !== void 0 && d !== null && /* @__PURE__ */ l(
                     "div",
                     {
                       role: "button",
                       className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), j();
+                        e.stopPropagation(), e.preventDefault(), M();
                       },
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        S,
+                        A,
                         {
                           name: "X",
                           size: "xs",
@@ -171,7 +176,7 @@ function Ae(z) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l(we, { className: "h-4 w-4 opacity-50" })
+                /* @__PURE__ */ l(ye, { className: "h-4 w-4 opacity-50" })
               ]
             }
           ) }),
@@ -179,60 +184,60 @@ function Ae(z) {
             xe,
             {
               className: "p-0",
-              style: { width: D > 0 ? D : "auto" },
+              style: { width: j > 0 ? j : "auto" },
               align: "start",
               sideOffset: 4,
               avoidCollisions: !0,
               collisionPadding: 8,
               children: /* @__PURE__ */ o(
-                de,
+                me,
                 {
-                  shouldFilter: k,
-                  filter: (e, a, r) => e.toLocaleLowerCase().includes(a.toLocaleLowerCase()) ? 1 : 0,
+                  shouldFilter: D,
+                  filter: (e, a) => e.toLocaleLowerCase().includes(a.toLocaleLowerCase()) ? 1 : 0,
                   className: "w-full",
                   children: [
-                    k && /* @__PURE__ */ l(
-                      ce,
+                    D && /* @__PURE__ */ l(
+                      fe,
                       {
-                        placeholder: X,
+                        placeholder: q,
                         className: "placeholder:text-d-muted-foreground",
                         value: f,
-                        onValueChange: w
+                        onValueChange: N
                       }
                     ),
-                    /* @__PURE__ */ o(ue, { className: "max-h-60 overflow-auto overscroll-contain", children: [
-                      /* @__PURE__ */ l(me, { children: W }),
-                      Q && f && /* @__PURE__ */ l(M, { children: /* @__PURE__ */ l(
-                        R,
+                    /* @__PURE__ */ o(pe, { className: "max-h-60 overflow-auto overscroll-contain", children: [
+                      /* @__PURE__ */ l(he, { children: $ }),
+                      Z && f && /* @__PURE__ */ l(E, { children: /* @__PURE__ */ l(
+                        F,
                         {
                           className: "cursor-pointer",
                           onSelect: () => {
-                            f && (p(n ? [...t, f] : f), w(""), !n && x(!1));
+                            f && (p(t ? [...n, f] : f), N(""), t || y(!1));
                           },
                           children: /* @__PURE__ */ o("div", { className: "text-d-foreground text-xs", children: [
-                            $,
+                            H,
                             " “",
                             f,
                             "”"
                           ] })
                         }
                       ) }),
-                      Object.entries(se).map(([e, a]) => /* @__PURE__ */ l(M, { heading: e || void 0, children: a.map((r) => {
-                        const s = t.includes(r.value), oe = n && c !== void 0 && !s && t.length >= c, A = r.disabled || oe;
+                      Object.entries(oe).map(([e, a]) => /* @__PURE__ */ l(E, { heading: e || void 0, children: a.map((r) => {
+                        const s = n.includes(r.value), ie = t && c !== void 0 && !s && n.length >= c, R = r.disabled || ie;
                         return /* @__PURE__ */ o(
-                          R,
+                          F,
                           {
-                            ref: s ? y : null,
+                            ref: s ? I : null,
                             value: typeof r.label == "string" ? r.label : String(r.value),
-                            onSelect: () => !A && L(r),
-                            className: I(
+                            onSelect: () => !R && V(r),
+                            className: z(
                               "cursor-pointer",
                               i.dropdownItem.hover,
-                              A && "cursor-not-allowed opacity-50",
-                              !n && s && i.dropdownItem.selected
+                              R && "cursor-not-allowed opacity-50",
+                              !t && s && i.dropdownItem.selected
                             ),
                             children: [
-                              n && /* @__PURE__ */ l(ve, { checked: s, className: "mr-1" }),
+                              t && /* @__PURE__ */ l(ve, { checked: s, className: "mr-1" }),
                               typeof r.label == "string" ? /* @__PURE__ */ l("span", { children: r.label }) : r.label
                             ]
                           },
@@ -240,7 +245,7 @@ function Ae(z) {
                         );
                       }) }, e))
                     ] }),
-                    n && c !== void 0 && t.length >= c && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: _(c) })
+                    t && c !== void 0 && n.length >= c && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: K(c) })
                   ]
                 }
               )
@@ -252,5 +257,5 @@ function Ae(z) {
   ] });
 }
 export {
-  Ae as AppSelect
+  Ve as AppSelect
 };

package/dist/components/ui/app-sidebar.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsxs as r, jsx as t, Fragment as I } from "react/jsx-runtime";
+import { jsxs as c, jsx as t, Fragment as I } from "react/jsx-runtime";
 import * as v from "react";
-import { Sidebar as y, SidebarHeader as z, SidebarContent as B, SidebarGroup as x, SidebarGroupLabel as A, SidebarGroupContent as N, SidebarMenu as w, SidebarMenuItem as C, SidebarMenuSub as E, SidebarMenuSubItem as M, SidebarRail as F, SidebarMenuButton as j, SidebarMenuSubButton as D } from "./sidebar.js";
 import { Icon as h } from "./icon.js";
-function O({
+import { Sidebar as y, SidebarHeader as z, SidebarContent as B, SidebarGroup as x, SidebarGroupLabel as A, SidebarGroupContent as N, SidebarMenu as C, SidebarMenuItem as w, SidebarMenuSub as M, SidebarMenuSubItem as E, SidebarRail as F, SidebarMenuButton as j, SidebarMenuSubButton as D } from "./sidebar.js";
+function K({
   navigation: u,
   navigationFooter: G,
-  versions: H,
-  defaultVersion: V,
-  headerContent: m,
+  headerContent: f,
   footerContent: R,
   showRail: g = !0,
   linkComponent: d,
-  linkProps: b = {},
+  linkProps: m = {},
   ...k
 }) {
-  const [o, f] = v.useState({});
+  const [b, o] = v.useState({});
   v.useEffect(() => {
-    const e = { ...o };
-    u.forEach((n) => {
-      n.items.some(
-        (i) => i.isActive || i.subItems && i.subItems.some((c) => c.isActive)
-      ) && (e[n.title] = !0);
-    }), f(e);
+    o((e) => {
+      const n = { ...e };
+      return u.forEach((l) => {
+        l.items.some(
+          (r) => r.isActive || r.subItems && r.subItems.some((s) => s.isActive)
+        ) && (n[l.title] = !0);
+      }), n;
+    });
   }, [u]);
-  const S = (e, n, s) => {
-    const i = e.subItems && e.subItems.length > 0, c = /* @__PURE__ */ r(I, { children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+  const S = (e, n, l) => {
+    const i = e.subItems && e.subItems.length > 0, r = /* @__PURE__ */ c(I, { children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         e.iconName && /* @__PURE__ */ t(h, { name: e.iconName, size: "sm" }),
         /* @__PURE__ */ t("span", { children: e.title })
       ] }),
@@ -37,21 +37,21 @@ function O({
       {
         href: i ? "#" : e.url,
         className: "flex w-full items-center justify-between gap-2",
-        onClick: i ? s : void 0,
-        ...b,
-        children: c
+        onClick: i ? l : void 0,
+        ...m,
+        children: r
       }
     ) }) : /* @__PURE__ */ t(j, { isActive: e.isActive, children: /* @__PURE__ */ t(
       "a",
       {
         href: i ? "#" : e.url,
         className: "flex w-full items-center justify-between gap-2",
-        onClick: i ? s : void 0,
-        children: c
+        onClick: i ? l : void 0,
+        children: r
       }
     ) });
   }, p = (e) => {
-    const n = /* @__PURE__ */ r(I, { children: [
+    const n = /* @__PURE__ */ c(I, { children: [
       e.iconName && /* @__PURE__ */ t(h, { name: e.iconName, size: "xs" }),
       /* @__PURE__ */ t("span", { children: e.title })
     ] });
@@ -60,40 +60,40 @@ function O({
       {
         href: e.url,
         className: "flex w-full items-center gap-2",
-        ...b,
+        ...m,
         children: n
       }
     ) }) : /* @__PURE__ */ t(D, { isActive: e.isActive, asChild: !0, children: /* @__PURE__ */ t("a", { href: e.url, className: "flex w-full items-center gap-2", children: n }) });
   };
-  return /* @__PURE__ */ r(y, { ...k, children: [
-    m && /* @__PURE__ */ t(z, { children: m }),
-    /* @__PURE__ */ t(B, { children: u.map((e) => /* @__PURE__ */ r(x, { children: [
+  return /* @__PURE__ */ c(y, { ...k, children: [
+    f && /* @__PURE__ */ t(z, { children: f }),
+    /* @__PURE__ */ t(B, { children: u.map((e) => /* @__PURE__ */ c(x, { children: [
       e.title && /* @__PURE__ */ t(A, { children: e.title }),
-      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(w, { children: e.items.map((n) => {
-        const s = n.subItems && n.subItems.length > 0, i = o[n.title] || !1;
-        return /* @__PURE__ */ r(C, { children: [
-          S(n, i, (l) => {
-            s && (l.preventDefault(), f((a) => ({
+      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { children: e.items.map((n) => {
+        const l = n.subItems && n.subItems.length > 0, i = b[n.title] || !1;
+        return /* @__PURE__ */ c(w, { children: [
+          S(n, i, (s) => {
+            l && (s.preventDefault(), o((a) => ({
               ...a,
               [n.title]: !a[n.title]
             })));
           }),
-          s && i && /* @__PURE__ */ t(E, { children: n.subItems.map((l) => /* @__PURE__ */ t(M, { children: p(l) }, l.title)) })
+          l && i && /* @__PURE__ */ t(M, { children: n.subItems.map((s) => /* @__PURE__ */ t(E, { children: p(s) }, s.title)) })
         ] }, n.title);
       }) }) })
     ] }, e.title)) }),
-    G?.map((e) => /* @__PURE__ */ r(x, { children: [
+    G?.map((e) => /* @__PURE__ */ c(x, { children: [
       e.title && /* @__PURE__ */ t(A, { children: e.title }),
-      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(w, { children: e.items.map((n) => {
-        const s = n.subItems && n.subItems.length > 0, i = o[n.title] || !1;
-        return /* @__PURE__ */ r(C, { children: [
-          S(n, i, (l) => {
-            s && (l.preventDefault(), f((a) => ({
+      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { children: e.items.map((n) => {
+        const l = n.subItems && n.subItems.length > 0, i = b[n.title] || !1;
+        return /* @__PURE__ */ c(w, { children: [
+          S(n, i, (s) => {
+            l && (s.preventDefault(), o((a) => ({
               ...a,
               [n.title]: !a[n.title]
             })));
           }),
-          s && i && /* @__PURE__ */ t(E, { children: n.subItems.map((l) => /* @__PURE__ */ t(M, { children: p(l) }, l.title)) })
+          l && i && /* @__PURE__ */ t(M, { children: n.subItems.map((s) => /* @__PURE__ */ t(E, { children: p(s) }, s.title)) })
         ] }, n.title);
       }) }) })
     ] }, e.title)),
@@ -102,5 +102,5 @@ function O({
   ] });
 }
 export {
-  O as AppSidebar
+  K as AppSidebar
 };

package/dist/components/ui/app-stepper.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { Stepper as V, StepperNav as S, StepperItem as b, StepperTrigger as N, StepperIndicator as w, StepperTitle as C, StepperSeparator as I, StepperPanel as T, StepperContent as j } from "./stepper.js";
 import { cva as t } from "../../node_modules/class-variance-authority/dist/index.js";
+import { Stepper as V, StepperNav as S, StepperItem as b, StepperTrigger as N, StepperIndicator as w, StepperTitle as C, StepperSeparator as I, StepperPanel as T, StepperContent as j } from "./stepper.js";
 const k = t("", {
   variants: {
     align: {

package/dist/components/ui/app-time-picker.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { useState as B, useRef as W, useCallback as k, useMemo as b, useLayoutEffect as de } from "react";
 import { designTokens as f } from "../design-tokens.js";
-import { Icon as B } from "./icon.js";
-import { Label as de } from "./label.js";
-import { Popover as le, PopoverTrigger as ce, PopoverContent as ue } from "./popover.js";
+import { Icon as E } from "./icon.js";
+import { Label as le } from "./label.js";
+import { Popover as ce, PopoverTrigger as ue, PopoverContent as me } from "./popover.js";
 import { cn as V } from "../../lib/utils.js";
-import { useState as E, useRef as W, useCallback as k, useMemo as b, useLayoutEffect as me } from "react";
 import { Button as X } from "./button.js";
 const fe = {
   sm: f.sizes.sm,
@@ -32,7 +32,7 @@ function D({
   disabledValues: w
 }) {
   const m = W(null);
-  return me(() => {
+  return de(() => {
     m.current && l !== void 0 && m.current.scrollIntoView({
       behavior: "instant",
       block: "center"
@@ -81,13 +81,13 @@ function Ne(r) {
     variant: K = "default",
     useUtc: d = !1,
     withSeconds: M = !1,
-    minuteStep: P = 1,
-    secondStep: O = 1,
+    minuteStep: O = 1,
+    secondStep: P = 1,
     id: Q,
     "data-testid": Y
-  } = r, [Z, j] = E(
+  } = r, [Z, j] = B(
     void 0
-  ), [R, $] = E(!1), ee = W(null), v = r.hasOwnProperty("value"), s = v ? l : Z, A = k(() => {
+  ), [R, $] = B(!1), ee = W(null), v = Object.prototype.hasOwnProperty.call(r, "value"), s = v ? l : Z, A = k(() => {
     v || j(void 0), g?.(void 0), p?.();
   }, [v, g, p]), I = k(() => {
     if (!s) return "";
@@ -105,11 +105,11 @@ function Ne(r) {
     },
     [s, g, d, v]
   ), h = d ? s?.getUTCHours() : s?.getHours(), x = d ? s?.getUTCMinutes() : s?.getMinutes(), te = d ? s?.getUTCSeconds() : s?.getSeconds(), y = b(
-    () => F(P),
-    [P]
-  ), U = b(
     () => F(O),
     [O]
+  ), U = b(
+    () => F(P),
+    [P]
   ), se = b(
     () => Array.from({ length: 24 }, (e, n) => n),
     []
@@ -148,15 +148,15 @@ function Ne(r) {
     return { disabledHours: e, disabledMinutes: n, disabledSeconds: o };
   }, [r.minTime, r.maxTime, h, x, d]);
   return /* @__PURE__ */ u("div", { className: V("flex flex-col gap-1.5", G), children: [
-    T && /* @__PURE__ */ a(de, { className: q, children: T }),
+    T && /* @__PURE__ */ a(le, { className: q, children: T }),
     /* @__PURE__ */ u(
-      le,
+      ce,
       {
         open: m ? !1 : R,
         onOpenChange: (e) => !m && $(e),
         modal: !0,
         children: [
-          /* @__PURE__ */ a(ce, { asChild: !0, children: /* @__PURE__ */ u(
+          /* @__PURE__ */ a(ue, { asChild: !0, children: /* @__PURE__ */ u(
             "div",
             {
               ref: ee,
@@ -175,7 +175,7 @@ function Ne(r) {
               ),
               children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                  /* @__PURE__ */ a(B, { name: "Clock", size: "xs", className: "opacity-50" }),
+                  /* @__PURE__ */ a(E, { name: "Clock", size: "xs", className: "opacity-50" }),
                   I ? /* @__PURE__ */ a("span", { className: "text-d-foreground truncate font-medium tabular-nums", children: I }) : /* @__PURE__ */ a("span", { className: "text-d-muted-foreground whitespace-nowrap", children: w })
                 ] }),
                 /* @__PURE__ */ u("div", { className: "text-d-muted-foreground/30 flex items-center gap-1.5", children: [
@@ -190,7 +190,7 @@ function Ne(r) {
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ a(
-                        B,
+                        E,
                         {
                           name: "X",
                           size: "xs",
@@ -204,7 +204,7 @@ function Ne(r) {
               ]
             }
           ) }),
-          /* @__PURE__ */ u(ue, { className: "flex w-auto flex-col p-0", align: "start", children: [
+          /* @__PURE__ */ u(me, { className: "flex w-auto flex-col p-0", align: "start", children: [
             /* @__PURE__ */ u("div", { className: "divide-d-border flex min-h-0 flex-1 items-start divide-x", children: [
               /* @__PURE__ */ a(
                 D,

package/dist/components/ui/app-tooltip.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
 import { cva as A } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as d from "react";
+import { cn as t } from "../../lib/utils.js";
 import { Label as g } from "./label.js";
 import { Tooltip as B, TooltipTrigger as E, TooltipContent as L } from "./tooltip.js";
 const v = A(