laif-ds 0.2.71 → 0.2.73

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

@@ -1,34 +1,38 @@
 "use client";
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { designTokens as f } from "../design-tokens.js";
-import { Icon as A } from "./icon.js";
-import { Label as ne } from "./label.js";
-import { Popover as oe, PopoverTrigger as re, PopoverContent as ie } from "./popover.js";
-import { cn as z } from "../../lib/utils.js";
-import { useState as I, useRef as _, useCallback as U, useMemo as S, useLayoutEffect as ae } from "react";
-import { Button as L } from "./button.js";
-const de = {
+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 { 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,
   default: f.sizes.default,
   lg: f.sizes.lg
-}, le = {
+}, ge = {
   default: "bg-d-input border-d-border/50",
   destructive: "bg-d-destructive/10 border-d-destructive/50 text-d-destructive",
   outline: "bg-transparent border-d-foreground",
   secondary: "bg-d-secondary border-d-border text-d-secondary-foreground",
   ghost: "bg-transparent border-transparent hover:bg-d-accent",
   link: "bg-transparent border-transparent text-d-primary underline-offset-4 hover:underline"
+}, F = (r) => {
+  if (!Number.isFinite(r)) return 1;
+  const l = Math.trunc(r);
+  return Math.min(59, Math.max(1, l));
 };
-function k({
-  options: a,
+function D({
+  options: r,
   value: l,
   onChange: g,
-  type: b,
+  type: p,
   className: T,
   disabledValues: w
 }) {
-  const m = _(null);
-  return ae(() => {
+  const m = W(null);
+  return me(() => {
     m.current && l !== void 0 && m.current.scrollIntoView({
       behavior: "instant",
       block: "center"
@@ -36,16 +40,16 @@ function k({
   }, [l]), /* @__PURE__ */ u(
     "div",
     {
-      className: z(
+      className: V(
         "flex min-h-0 w-14 flex-col items-center overflow-hidden sm:w-16",
         T
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "text-d-muted-foreground py-2 text-[10px] font-semibold tracking-wider uppercase", children: b === "hour" ? "HH" : b === "minute" ? "MM" : "SS" }),
-        /* @__PURE__ */ i("div", { className: "flex min-h-0 w-full flex-1 flex-col overflow-auto overscroll-contain px-1.5", children: a.map((c) => {
+        /* @__PURE__ */ a("div", { className: "text-d-muted-foreground py-2 text-[10px] font-semibold tracking-wider uppercase", children: p === "hour" ? "HH" : p === "minute" ? "MM" : "SS" }),
+        /* @__PURE__ */ a("div", { className: "flex min-h-0 w-full flex-1 flex-col overflow-auto overscroll-contain px-1.5", children: r.map((c) => {
           const N = w?.has(c) ?? !1;
-          return /* @__PURE__ */ i(
-            L,
+          return /* @__PURE__ */ a(
+            X,
             {
               ref: l !== void 0 && c === l ? m : void 0,
               variant: l !== void 0 && c === l ? "default" : "ghost",
@@ -61,118 +65,132 @@ function k({
     }
   );
 }
-function ve(a) {
+function Ne(r) {
   const {
     value: l,
     onChange: g,
-    onClear: b,
+    onClear: p,
     label: T,
     placeholder: w = "Seleziona orario",
     disabled: m = !1,
     clearable: c = !1,
     className: N,
-    labelClassName: B,
-    wrpClassName: E,
-    size: W = "default",
-    variant: X = "default",
+    labelClassName: q,
+    wrpClassName: G,
+    size: J = "default",
+    variant: K = "default",
     useUtc: d = !1,
-    withSeconds: H = !1,
-    id: q,
-    "data-testid": F
-  } = a, [G, D] = I(
+    withSeconds: M = !1,
+    minuteStep: P = 1,
+    secondStep: O = 1,
+    id: Q,
+    "data-testid": Y
+  } = r, [Z, j] = E(
     void 0
-  ), [V, J] = I(!1), K = _(null), p = a.hasOwnProperty("value"), s = p ? l : G, P = U(() => {
-    p || D(void 0), g?.(void 0), b?.();
-  }, [p, g, b]), O = U(() => {
+  ), [R, $] = E(!1), ee = W(null), v = r.hasOwnProperty("value"), s = v ? l : Z, A = k(() => {
+    v || j(void 0), g?.(void 0), p?.();
+  }, [v, g, p]), I = k(() => {
     if (!s) return "";
     let e, n, o;
     d ? (e = s.getUTCHours(), n = s.getUTCMinutes(), o = s.getUTCSeconds()) : (e = s.getHours(), n = s.getMinutes(), o = s.getSeconds());
-    const v = [
+    const S = [
       e.toString().padStart(2, "0"),
       n.toString().padStart(2, "0")
     ];
-    return H && v.push(o.toString().padStart(2, "0")), v.join(":");
-  }, [s, d, H])(), M = U(
+    return M && S.push(o.toString().padStart(2, "0")), S.join(":");
+  }, [s, d, M])(), H = k(
     (e, n) => {
       const o = s ? new Date(s) : /* @__PURE__ */ new Date();
-      d ? (s || o.setUTCHours(0, 0, 0, 0), e === "hour" ? o.setUTCHours(n) : e === "minute" ? o.setUTCMinutes(n) : e === "second" && o.setUTCSeconds(n)) : (s || o.setHours(0, 0, 0, 0), e === "hour" ? o.setHours(n) : e === "minute" ? o.setMinutes(n) : e === "second" && o.setSeconds(n)), p || D(o), g?.(o);
+      d ? (s || o.setUTCHours(0, 0, 0, 0), e === "hour" ? o.setUTCHours(n) : e === "minute" ? o.setUTCMinutes(n) : e === "second" && o.setUTCSeconds(n)) : (s || o.setHours(0, 0, 0, 0), e === "hour" ? o.setHours(n) : e === "minute" ? o.setMinutes(n) : e === "second" && o.setSeconds(n)), v || j(o), g?.(o);
     },
-    [s, g, d, p]
-  ), h = d ? s?.getUTCHours() : s?.getHours(), x = d ? s?.getUTCMinutes() : s?.getMinutes(), Q = d ? s?.getUTCSeconds() : s?.getSeconds(), Y = S(
+    [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]
+  ), se = b(
     () => Array.from({ length: 24 }, (e, n) => n),
     []
-  ), Z = S(
-    () => Array.from({ length: 60 }, (e, n) => n),
-    []
-  ), $ = S(
-    () => Array.from({ length: 60 }, (e, n) => n),
-    []
-  ), { disabledHours: ee, disabledMinutes: te, disabledSeconds: se } = S(() => {
-    const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), v = d ? (r) => r.getUTCHours() : (r) => r.getHours(), j = d ? (r) => r.getUTCMinutes() : (r) => r.getMinutes(), R = d ? (r) => r.getUTCSeconds() : (r) => r.getSeconds();
-    if (a.minTime) {
-      const r = v(a.minTime), C = j(a.minTime), y = R(a.minTime);
-      for (let t = 0; t < r; t++) e.add(t);
-      if (h !== void 0 && h === r) {
+  ), ne = b(
+    () => Array.from(
+      { length: Math.floor(59 / y) + 1 },
+      (e, n) => n * y
+    ),
+    [y]
+  ), oe = b(
+    () => Array.from(
+      { length: Math.floor(59 / U) + 1 },
+      (e, n) => n * U
+    ),
+    [U]
+  ), { disabledHours: re, disabledMinutes: ie, disabledSeconds: ae } = b(() => {
+    const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), S = d ? (i) => i.getUTCHours() : (i) => i.getHours(), _ = d ? (i) => i.getUTCMinutes() : (i) => i.getMinutes(), L = d ? (i) => i.getUTCSeconds() : (i) => i.getSeconds();
+    if (r.minTime) {
+      const i = S(r.minTime), C = _(r.minTime), z = L(r.minTime);
+      for (let t = 0; t < i; t++) e.add(t);
+      if (h !== void 0 && h === i) {
         for (let t = 0; t < C; t++) n.add(t);
         if (x !== void 0 && x === C)
-          for (let t = 0; t < y; t++) o.add(t);
+          for (let t = 0; t < z; t++) o.add(t);
       }
     }
-    if (a.maxTime) {
-      const r = v(a.maxTime), C = j(a.maxTime), y = R(a.maxTime);
-      for (let t = r + 1; t < 24; t++) e.add(t);
-      if (h !== void 0 && h === r) {
+    if (r.maxTime) {
+      const i = S(r.maxTime), C = _(r.maxTime), z = L(r.maxTime);
+      for (let t = i + 1; t < 24; t++) e.add(t);
+      if (h !== void 0 && h === i) {
         for (let t = C + 1; t < 60; t++) n.add(t);
         if (x !== void 0 && x === C)
-          for (let t = y + 1; t < 60; t++) o.add(t);
+          for (let t = z + 1; t < 60; t++) o.add(t);
       }
     }
     return { disabledHours: e, disabledMinutes: n, disabledSeconds: o };
-  }, [a.minTime, a.maxTime, h, x, d]);
-  return /* @__PURE__ */ u("div", { className: z("flex flex-col gap-1.5", E), children: [
-    T && /* @__PURE__ */ i(ne, { className: B, children: T }),
+  }, [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 }),
     /* @__PURE__ */ u(
-      oe,
+      le,
       {
-        open: m ? !1 : V,
-        onOpenChange: (e) => !m && J(e),
+        open: m ? !1 : R,
+        onOpenChange: (e) => !m && $(e),
         modal: !0,
         children: [
-          /* @__PURE__ */ i(re, { asChild: !0, children: /* @__PURE__ */ u(
+          /* @__PURE__ */ a(ce, { asChild: !0, children: /* @__PURE__ */ u(
             "div",
             {
-              ref: K,
-              id: q,
-              "data-testid": F,
-              className: z(
+              ref: ee,
+              id: Q,
+              "data-testid": Y,
+              className: V(
                 f.input.base,
                 f.radius.default,
                 f.focusRingWithin,
                 "flex w-fit min-w-[120px] cursor-pointer items-center justify-between gap-3 transition-colors",
-                V && f.activeRing,
-                de[W],
-                le[X],
+                R && f.activeRing,
+                fe[J],
+                ge[K],
                 m && "cursor-not-allowed opacity-50",
                 N
               ),
               children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                  /* @__PURE__ */ i(A, { name: "Clock", size: "xs", className: "opacity-50" }),
-                  O ? /* @__PURE__ */ i("span", { className: "text-d-foreground truncate font-medium tabular-nums", children: O }) : /* @__PURE__ */ i("span", { className: "text-d-muted-foreground whitespace-nowrap", children: w })
+                  /* @__PURE__ */ a(B, { 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: [
-                  c && s && /* @__PURE__ */ i(
+                  c && s && /* @__PURE__ */ a(
                     "div",
                     {
                       role: "button",
                       className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), P();
+                        e.stopPropagation(), e.preventDefault(), A();
                       },
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
-                      children: /* @__PURE__ */ i(
-                        A,
+                      children: /* @__PURE__ */ a(
+                        B,
                         {
                           name: "X",
                           size: "xs",
@@ -181,54 +199,54 @@ function ve(a) {
                       )
                     }
                   ),
-                  d && /* @__PURE__ */ i("span", { className: "text-[10px] font-bold", children: "UTC" })
+                  d && /* @__PURE__ */ a("span", { className: "text-[10px] font-bold", children: "UTC" })
                 ] })
               ]
             }
           ) }),
-          /* @__PURE__ */ u(ie, { className: "flex w-auto flex-col p-0", align: "start", children: [
+          /* @__PURE__ */ u(ue, { 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__ */ i(
-                k,
+              /* @__PURE__ */ a(
+                D,
                 {
                   type: "hour",
                   value: h,
-                  options: Y,
-                  onChange: (e) => M("hour", e),
-                  disabledValues: ee,
+                  options: se,
+                  onChange: (e) => H("hour", e),
+                  disabledValues: re,
                   className: "flex max-h-64 flex-1"
                 }
               ),
-              /* @__PURE__ */ i(
-                k,
+              /* @__PURE__ */ a(
+                D,
                 {
                   type: "minute",
                   value: x,
-                  options: Z,
-                  onChange: (e) => M("minute", e),
-                  disabledValues: te,
+                  options: ne,
+                  onChange: (e) => H("minute", e),
+                  disabledValues: ie,
                   className: "flex max-h-64 flex-1"
                 }
               ),
-              H && /* @__PURE__ */ i(
-                k,
+              M && /* @__PURE__ */ a(
+                D,
                 {
                   type: "second",
-                  value: Q,
-                  options: $,
-                  onChange: (e) => M("second", e),
-                  disabledValues: se,
+                  value: te,
+                  options: oe,
+                  onChange: (e) => H("second", e),
+                  disabledValues: ae,
                   className: "flex max-h-64 flex-1"
                 }
               )
             ] }),
-            s && /* @__PURE__ */ i("div", { className: "border-d-border flex border-t p-1", children: /* @__PURE__ */ i(
-              L,
+            s && /* @__PURE__ */ a("div", { className: "border-d-border flex border-t p-1", children: /* @__PURE__ */ a(
+              X,
               {
                 size: "sm",
                 variant: "ghost",
                 className: "w-full",
-                onClick: P,
+                onClick: A,
                 children: "Clear"
               }
             ) })
@@ -239,6 +257,6 @@ function ve(a) {
   ] });
 }
 export {
-  ve as AppTimePicker,
-  k as TimePickerColumn
+  Ne as AppTimePicker,
+  D as TimePickerColumn
 };

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

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../../lib/utils.js";
-import { cva as k } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as a from "react";
-import { Label as p } from "./label.js";
-import { Tooltip as z, TooltipTrigger as B, TooltipContent as C } from "./tooltip.js";
-const x = k(
+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 { Label as g } from "./label.js";
+import { Tooltip as B, TooltipTrigger as E, TooltipContent as L } from "./tooltip.js";
+const v = A(
   "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-d-ring focus-visible:ring-offset-2",
   {
     variants: {
@@ -29,95 +29,76 @@ const x = k(
     }
   }
 );
-function E({
-  content: o,
-  children: n,
-  label: t,
-  labelClassName: i,
-  header: f,
-  variant: v = "secondary",
-  triggerVariant: l = "default",
-  size: u = "default",
-  className: m,
-  wrpClassName: g,
+function D({
+  content: x,
+  children: s,
+  label: r,
+  labelClassName: a,
+  header: c,
+  variant: p = "secondary",
+  triggerVariant: f = "default",
+  size: l = "default",
+  className: u,
+  wrpClassName: m,
   contentClassName: h,
   side: b = "top",
   align: y = "center",
-  sideOffset: T = 4,
-  matchTriggerWidth: s = !1,
-  delayDuration: N = 200,
+  sideOffset: N = 4,
+  matchTriggerWidth: i = !1,
+  delayDuration: T = 200,
   disabled: R = !1,
   asChild: j = !1
 }) {
-  const [w, A] = a.useState(), c = a.useRef(null);
-  return a.useEffect(() => {
-    s && c.current && A(c.current.getBoundingClientRect().width);
-  }, [s]), R ? /* @__PURE__ */ d("div", { className: r("flex flex-col gap-2", g), children: [
-    t && /* @__PURE__ */ e(p, { className: i, children: t }),
+  const [w, z] = d.useState(), n = d.useRef(null);
+  return d.useEffect(() => {
+    i && n.current && z(n.current.getBoundingClientRect().width);
+  }, [i]), R ? /* @__PURE__ */ o("div", { className: t("flex flex-col gap-2", m), children: [
+    r && /* @__PURE__ */ e(g, { className: a, children: r }),
     /* @__PURE__ */ e(
       "div",
       {
-        className: r(
-          x({ variant: l, size: u }),
-          m
+        className: t(
+          v({ variant: f, size: l }),
+          u
         ),
-        children: n
+        children: s
       }
     )
-  ] }) : /* @__PURE__ */ d("div", { className: r("flex flex-col gap-2", g), children: [
-    t && /* @__PURE__ */ e(p, { className: i, children: t }),
-    /* @__PURE__ */ d(z, { delayDuration: N, children: [
-      /* @__PURE__ */ e(B, { asChild: j, children: /* @__PURE__ */ e(
+  ] }) : /* @__PURE__ */ o("div", { className: t("flex flex-col gap-2", m), children: [
+    r && /* @__PURE__ */ e(g, { className: a, children: r }),
+    /* @__PURE__ */ o(B, { delayDuration: T, children: [
+      /* @__PURE__ */ e(E, { asChild: j, children: /* @__PURE__ */ e(
         "div",
         {
-          ref: c,
-          className: r(
-            x({ variant: l, size: u }),
-            m
+          ref: n,
+          className: t(
+            v({ variant: f, size: l }),
+            u
           ),
-          children: n
+          children: s
         }
       ) }),
-      /* @__PURE__ */ d(
-        C,
+      /* @__PURE__ */ o(
+        L,
         {
-          variant: v,
+          variant: p,
           side: b,
           align: y,
-          sideOffset: T,
-          className: r(h),
+          sideOffset: N,
+          className: t(h),
           style: {
-            width: s ? w : void 0
+            width: i ? w : void 0
           },
           children: [
-            f && /* @__PURE__ */ e("div", { className: "border-d-border mb-2 border-b pb-2 font-semibold", children: f }),
-            o
+            c && /* @__PURE__ */ e("div", { className: "border-d-border mb-2 border-b pb-2 font-semibold", children: c }),
+            x
           ]
         }
       )
     ] })
   ] });
 }
-function F({
-  text: o,
-  className: n,
-  variant: t = "primary",
-  truncate: i = !0
-}) {
-  return /* @__PURE__ */ e(E, { content: o, variant: t, asChild: !0, children: /* @__PURE__ */ e(
-    "span",
-    {
-      className: r(
-        "text-d-secondary-foreground block w-full min-w-0",
-        i && "truncate",
-        n
-      ),
-      children: o
-    }
-  ) });
-}
 export {
-  F as AppTextTooltip,
-  E as AppTooltip,
-  E as default
+  D as AppTooltip,
+  D as default
 };

package/dist/components/ui/chat-message.js

@@ -5,7 +5,7 @@ import { cva as X } from "../../node_modules/class-variance-authority/dist/index
 import { motion as J } from "framer-motion";
 import { cn as l } from "../../lib/utils.js";
 import { Collapsible as _, CollapsibleTrigger as q, CollapsibleContent as G } from "./collapsible.js";
-import { FilePreview as H } from "./file-preview.js";
+import { FilePreview as H } from "./file-preview/index.js";
 import { MarkdownRenderer as M } from "./markdown-renderer.js";
 import O from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 import R from "../../node_modules/lucide-react/dist/esm/icons/check.js";