laif-ds 0.2.60 → 0.2.62

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

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as s, jsx as l, Fragment as re } from "react/jsx-runtime";
+import { jsxs as t, jsx as l, Fragment as re } from "react/jsx-runtime";
 import { designTokens as i } from "../design-tokens.js";
 import { Badge as ne } from "./badge.js";
-import { Command as te, CommandInput as se, CommandList as ie, CommandEmpty as oe, CommandGroup as R, CommandItem as A } from "./command.js";
+import { Command as se, CommandInput as te, CommandList as ie, CommandEmpty as oe, CommandGroup as R, CommandItem as A } from "./command.js";
 import { Label as de } from "./label.js";
 import { cn as y } from "../../lib/utils.js";
-import { useState as h, useRef as ce, useMemo as S, useCallback as ue, useEffect as me } from "react";
+import { useState as h, useRef as ce, useMemo as P, useCallback as ue, useEffect as me } from "react";
 import { Checkbox as fe } from "./checkbox.js";
-import { Icon as z } from "./icon.js";
+import { Icon as S } from "./icon.js";
 import { Popover as pe, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
 import ve from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const be = {
@@ -15,7 +15,7 @@ const be = {
   default: i.sizes.default,
   lg: i.sizes.lg
 };
-function Ve(P) {
+function Ve(z) {
   const {
     multiple: r = !1,
     options: c,
@@ -41,48 +41,48 @@ function Ve(P) {
     disabled: b,
     size: U = "default",
     isSingleSelectClearable: Y = !1
-  } = P, [x, C] = h(!1), [u, w] = h(""), N = ce(null), [O, Z] = h(0), V = P.hasOwnProperty("value"), [_, ee] = h(T), o = V ? B : _, m = (e) => {
+  } = z, [x, C] = h(!1), [u, w] = h(""), N = ce(null), [O, Z] = h(0), V = z.hasOwnProperty("value"), [_, ee] = h(T), o = V ? B : _, m = (e) => {
     V || ee(e), W?.(e);
-  }, n = S(() => r ? Array.isArray(o) ? o : [] : o != null ? [o] : [], [o, r]), f = S(() => {
-    const e = c.filter((t) => n.includes(t.value));
+  }, n = P(() => r ? Array.isArray(o) ? o : [] : o != null ? [o] : [], [o, r]), f = P(() => {
+    const e = c.filter((s) => n.includes(s.value));
     if (r) {
-      const t = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
-      return [...e, ...t];
+      const s = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
+      return [...e, ...s];
     } else if (n.length && !e.length)
       return [{ value: n[0], label: n[0] }];
     return e;
   }, [c, n, r]), k = (e) => {
     if (!e.disabled)
       if (r) {
-        const t = n.includes(e.value);
-        if (!t && d !== void 0 && n.length >= d)
+        const s = n.includes(e.value);
+        if (!s && d !== void 0 && n.length >= d)
           return;
         m(
-          t ? n.filter((a) => a !== e.value) : [...n, e.value]
+          s ? n.filter((a) => a !== e.value) : [...n, e.value]
         );
       } else
         m(e.value), C(!1);
   }, j = ue(() => {
     m(r ? [] : void 0), w(""), g && g();
-  }, [m, g, r]), le = S(() => v ? c.reduce(
-    (e, t) => {
-      const a = t[v] || "";
-      return e[a] = e[a] || [], e[a].push(t), e;
+  }, [m, g, r]), le = P(() => v ? c.reduce(
+    (e, s) => {
+      const a = s[v] || "";
+      return e[a] = e[a] || [], e[a].push(s), e;
     },
     {}
   ) : { "": c }, [c, v]);
   return me(() => {
     N.current && Z(N.current.getBoundingClientRect().width);
-  }, [x, n, c]), /* @__PURE__ */ s("div", { className: y("flex flex-col gap-1.5", J), children: [
+  }, [x, n, c]), /* @__PURE__ */ t("div", { className: y("flex flex-col gap-1.5", J), children: [
     D && /* @__PURE__ */ l(de, { className: H, children: D }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ t(
       pe,
       {
         open: b ? !1 : x,
         onOpenChange: (e) => !b && C(e),
         modal: !0,
         children: [
-          /* @__PURE__ */ l(he, { asChild: !0, children: /* @__PURE__ */ s(
+          /* @__PURE__ */ l(he, { asChild: !0, children: /* @__PURE__ */ t(
             "div",
             {
               ref: N,
@@ -97,18 +97,18 @@ function Ve(P) {
                 q
               ),
               children: [
-                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : r ? /* @__PURE__ */ s("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: Q ? /* @__PURE__ */ l(re, { children: f.map((e) => /* @__PURE__ */ s(
+                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : r ? /* @__PURE__ */ t("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: Q ? /* @__PURE__ */ l(re, { children: f.map((e) => /* @__PURE__ */ t(
                     ne,
                     {
                       variant: "secondary",
                       className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
-                      onClick: (t) => {
-                        t.stopPropagation(), k(e);
+                      onClick: (s) => {
+                        s.stopPropagation(), k(e);
                       },
                       children: [
                         e.label,
-                        !e.fixed && /* @__PURE__ */ l(z, { name: "X", size: "xs" })
+                        !e.fixed && /* @__PURE__ */ l(S, { name: "X", size: "xs" })
                       ]
                     },
                     e.value
@@ -123,7 +123,7 @@ function Ve(P) {
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        z,
+                        S,
                         {
                           name: "X",
                           size: "xs",
@@ -132,7 +132,7 @@ function Ve(P) {
                       )
                     }
                   )
-                ] }) : /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                ] }) : /* @__PURE__ */ t("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: typeof f[0]?.label == "string" ? /* @__PURE__ */ l("span", { children: f[0]?.label }) : f[0]?.label }),
                   Y && o !== void 0 && o !== null && /* @__PURE__ */ l(
                     "div",
@@ -144,7 +144,7 @@ function Ve(P) {
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        z,
+                        S,
                         {
                           name: "X",
                           size: "xs",
@@ -165,9 +165,11 @@ function Ve(P) {
               style: { width: O > 0 ? O : "auto" },
               align: "start",
               sideOffset: 4,
-              children: /* @__PURE__ */ s(te, { shouldFilter: !!I, className: "w-full", children: [
+              avoidCollisions: !0,
+              collisionPadding: 8,
+              children: /* @__PURE__ */ t(se, { shouldFilter: !!I, className: "w-full", children: [
                 I && /* @__PURE__ */ l(
-                  se,
+                  te,
                   {
                     placeholder: F,
                     className: "placeholder:text-d-muted-foreground",
@@ -175,7 +177,7 @@ function Ve(P) {
                     onValueChange: w
                   }
                 ),
-                /* @__PURE__ */ s(ie, { className: "max-h-60 overflow-auto overscroll-contain", children: [
+                /* @__PURE__ */ t(ie, { className: "max-h-60 overflow-auto overscroll-contain", children: [
                   /* @__PURE__ */ l(oe, { children: E }),
                   K && u && /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
                     A,
@@ -184,7 +186,7 @@ function Ve(P) {
                       onSelect: () => {
                         u && (m(r ? [...n, u] : u), w(""), !r && C(!1));
                       },
-                      children: /* @__PURE__ */ s("div", { className: "text-d-foreground text-xs", children: [
+                      children: /* @__PURE__ */ t("div", { className: "text-d-foreground text-xs", children: [
                         L,
                         " “",
                         u,
@@ -192,9 +194,9 @@ function Ve(P) {
                       ] })
                     }
                   ) }),
-                  Object.entries(le).map(([e, t]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: t.map((a) => {
+                  Object.entries(le).map(([e, s]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: s.map((a) => {
                     const p = n.includes(a.value), ae = r && d !== void 0 && !p && n.length >= d, M = a.disabled || ae;
-                    return /* @__PURE__ */ s(
+                    return /* @__PURE__ */ t(
                       A,
                       {
                         value: typeof a.label == "string" ? a.label : String(a.value),

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

@@ -49,12 +49,12 @@ function Fe({
   disabled: M = !1,
   className: v,
   wrpClassName: E,
-  noResultsMessage: I,
+  noResultsMessage: P,
   clearable: R = !0,
   multiple: o = !1,
   size: V
 }) {
-  const [m, L] = y(!1), P = k.useRef(null), F = k.useRef(null), ee = k.useRef(null), [re, W] = y({ loading: !1, error: null }), [X, ne] = y(""), B = le(X, N), [$, te] = y(/* @__PURE__ */ new Map()), [G, K] = y([]), [q, se] = y(0), [H, J] = y(() => t?.length ? new Map(
+  const [m, I] = y(!1), L = k.useRef(null), F = k.useRef(null), ee = k.useRef(null), [re, W] = y({ loading: !1, error: null }), [X, ne] = y(""), B = le(X, N), [$, te] = y(/* @__PURE__ */ new Map()), [G, K] = y([]), [q, se] = y(0), [H, J] = y(() => t?.length ? new Map(
     t.map((e) => [s(e), e])
   ) : /* @__PURE__ */ new Map());
   A(() => {
@@ -132,7 +132,7 @@ function Fe({
   ]), A(() => {
     m && T(n);
   }, [m, T, n]), A(() => {
-    m && P.current && P.current.focus();
+    m && L.current && L.current.focus();
   }, [m]), A(() => {
     if (!m || !F.current) return;
     const e = F.current.getBoundingClientRect();
@@ -140,7 +140,7 @@ function Fe({
   }, [m]);
   const ce = j(
     (e) => {
-      g?.(R && e === n ? "" : e), L(!1);
+      g?.(R && e === n ? "" : e), I(!1);
     },
     [n, g, R]
   ), ae = j(
@@ -153,13 +153,13 @@ function Fe({
     [n, g, o]
   ), oe = j(
     (e) => {
-      e.stopPropagation(), e.preventDefault(), g?.(o ? [] : ""), L(!1);
+      e.stopPropagation(), e.preventDefault(), g?.(o ? [] : ""), I(!1);
     },
     [g]
   ), Y = k.useId();
   return /* @__PURE__ */ x("div", { className: z("flex flex-col gap-1.5", E), children: [
     C && /* @__PURE__ */ r(pe, { htmlFor: Y, children: C }),
-    /* @__PURE__ */ x(we, { open: m, onOpenChange: L, children: [
+    /* @__PURE__ */ x(we, { open: m, onOpenChange: I, children: [
       /* @__PURE__ */ r(xe, { asChild: !0, children: /* @__PURE__ */ r(
         "button",
         {
@@ -219,11 +219,12 @@ function Fe({
           side: "bottom",
           sideOffset: 4,
           onWheel: (e) => e.stopPropagation(),
-          avoidCollisions: !1,
+          avoidCollisions: !0,
+          collisionPadding: 8,
           children: /* @__PURE__ */ r(
             Ae,
             {
-              inputRef: P,
+              inputRef: L,
               commandListRef: ee,
               placeholder: f,
               searchTerm: X,
@@ -231,7 +232,7 @@ function Fe({
               fetchState: re,
               options: G,
               notFound: h,
-              noResultsMessage: I,
+              noResultsMessage: P,
               multiple: o,
               value: n,
               resolveOptionValue: s,
@@ -291,7 +292,7 @@ function Ae({
   resolveOptionValue: M,
   renderSelectedValue: v,
   renderOptionItem: E,
-  onSelect: I,
+  onSelect: P,
   onSelectMultiple: R
 }) {
   return /* @__PURE__ */ x(me, { shouldFilter: !1, className: "w-full border-none shadow-sm", children: [
@@ -319,7 +320,7 @@ function Ae({
           resolveOptionValue: M,
           renderSelectedValue: v,
           renderOptionItem: E,
-          onSelect: I,
+          onSelect: P,
           onSelectMultiple: R
         },
         M(o)

package/dist/components/ui/dialog.js

@@ -1,35 +1,35 @@
 "use client";
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Root as u, Content as m, Close as r, Description as f, Title as p, Trigger as x, Portal as v, Overlay as D } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
-import { designTokens as l } from "../design-tokens.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Root as u, Close as r, Content as f, Description as p, Title as x, Trigger as v, Portal as D, Overlay as b } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { designTokens as n } from "../design-tokens.js";
 import { cn as o } from "../../lib/utils.js";
-import b from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function j({
+import h from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function O({
   ...t
 }) {
   return /* @__PURE__ */ a(u, { "data-slot": "dialog", ...t });
 }
-function O({
+function P({
   ...t
 }) {
-  return /* @__PURE__ */ a(x, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(v, { "data-slot": "dialog-trigger", ...t });
 }
-function h({
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ a(v, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(D, { "data-slot": "dialog-portal", ...t });
 }
-function P({
+function _({
   ...t
 }) {
   return /* @__PURE__ */ a(r, { "data-slot": "dialog-close", ...t });
 }
-function w({
+function y({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    D,
+    b,
     {
       "data-slot": "dialog-overlay",
       className: o(
@@ -40,47 +40,48 @@ function w({
     }
   );
 }
-function _({
+function R({
   className: t,
   children: e,
   size: i = "default",
   closeOnOverlay: d = !0,
-  ...g
+  showCloseButton: g = !0,
+  ...c
 }) {
-  const c = {
+  const m = {
     sm: "sm:max-w-sm",
     default: "sm:max-w-lg",
     lg: "sm:max-w-2xl",
     xl: "sm:max-w-3xl"
   }[i];
-  return /* @__PURE__ */ s(h, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(w, {}),
-    /* @__PURE__ */ s(
-      m,
+  return /* @__PURE__ */ l(w, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(y, {}),
+    /* @__PURE__ */ l(
+      f,
       {
         "data-slot": "dialog-content",
-        onPointerDownOutside: (n) => {
-          n.target?.closest("[data-command-portal]") && n.preventDefault(), d || n.preventDefault();
+        onPointerDownOutside: (s) => {
+          s.target?.closest("[data-command-portal]") && s.preventDefault(), d || s.preventDefault();
         },
         className: o(
           "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
-          l.radius.lg,
-          c,
+          n.radius.lg,
+          m,
           t
         ),
-        ...g,
+        ...c,
         children: [
           e,
-          /* @__PURE__ */ s(
+          g && /* @__PURE__ */ l(
             r,
             {
               className: o(
                 "ring-offset-d-background data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground bg-d-muted/30 hover:bg-d-muted/60 absolute top-4 right-4 cursor-pointer p-1.5 transition-all hover:opacity-100 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-                l.focusRing,
-                l.radius.default
+                n.focusRing,
+                n.radius.default
               ),
               children: [
-                /* @__PURE__ */ a(b, {}),
+                /* @__PURE__ */ a(h, {}),
                 /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -90,7 +91,7 @@ function _({
     )
   ] });
 }
-function R({ className: t, ...e }) {
+function F({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -100,7 +101,7 @@ function R({ className: t, ...e }) {
     }
   );
 }
-function F({ className: t, ...e }) {
+function H({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -113,41 +114,44 @@ function F({ className: t, ...e }) {
     }
   );
 }
-function H({
+function X({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p,
+    x,
     {
       "data-slot": "dialog-title",
-      className: o("text-lg leading-none font-semibold", t),
+      className: o(
+        "text-start text-lg leading-none font-semibold sm:max-w-[calc(100%-2rem)]",
+        t
+      ),
       ...e
     }
   );
 }
-function X({
+function q({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f,
+    p,
     {
       "data-slot": "dialog-description",
-      className: o("text-d-secondary-foreground text-sm", t),
+      className: o("text-d-muted-foreground text-start text-sm", t),
       ...e
     }
   );
 }
 export {
-  j as Dialog,
-  P as DialogClose,
-  _ as DialogContent,
-  X as DialogDescription,
-  F as DialogFooter,
-  R as DialogHeader,
-  w as DialogOverlay,
-  h as DialogPortal,
-  H as DialogTitle,
-  O as DialogTrigger
+  O as Dialog,
+  _ as DialogClose,
+  R as DialogContent,
+  q as DialogDescription,
+  H as DialogFooter,
+  F as DialogHeader,
+  y as DialogOverlay,
+  w as DialogPortal,
+  X as DialogTitle,
+  P as DialogTrigger
 };