laif-ds 0.1.76 → 0.1.79

package/dist/components/editor/plugins/toolbar/history-toolbar-plugin.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { useState as s, useEffect as u } from "react";
+import { useLexicalComposerContext as N } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { mergeRegister as b } from "../../../../node_modules/@lexical/utils/LexicalUtils.prod.js";
+import { CAN_REDO_COMMAND as R, COMMAND_PRIORITY_CRITICAL as n, CAN_UNDO_COMMAND as M, UNDO_COMMAND as O, REDO_COMMAND as D } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as g } from "../../context/toolbar-context.js";
+import { Button as d } from "../../../ui/button.js";
+import x from "../../../../node_modules/lucide-react/dist/esm/icons/undo.js";
+import A from "../../../../node_modules/lucide-react/dist/esm/icons/redo.js";
+function j() {
+  const [i] = N(), { activeEditor: t, $updateToolbar: a } = g(), [r, l] = s(i.isEditable()), [m, c] = s(!1), [C, p] = s(!1);
+  return u(() => b(
+    i.registerEditableListener((e) => {
+      l(e);
+    }),
+    t.registerUpdateListener(({ editorState: e }) => {
+      e.read(() => {
+        a();
+      });
+    }),
+    t.registerCommand(
+      M,
+      (e) => (c(e), !1),
+      n
+    ),
+    t.registerCommand(
+      R,
+      (e) => (p(e), !1),
+      n
+    )
+  ), [a, t, i]), /* @__PURE__ */ f("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ o(
+      d,
+      {
+        disabled: !m || !r,
+        onClick: () => {
+          t.dispatchCommand(O, void 0);
+        },
+        title: "Undo (⌘Z)",
+        type: "button",
+        "aria-label": "Undo",
+        size: "icon",
+        className: "!h-8 !w-8",
+        variant: "outline",
+        children: /* @__PURE__ */ o(x, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ o(
+      d,
+      {
+        disabled: !C || !r,
+        onClick: () => {
+          t.dispatchCommand(D, void 0);
+        },
+        title: "Redo (⇧⌘Z)",
+        type: "button",
+        "aria-label": "Redo",
+        variant: "outline",
+        size: "icon",
+        className: "!h-8 !w-8",
+        children: /* @__PURE__ */ o(A, { className: "size-4" })
+      }
+    )
+  ] });
+}
+export {
+  j as HistoryToolbarPlugin
+};

package/dist/components/editor/plugins/toolbar/toolbar-plugin.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as p } from "react/jsx-runtime";
+import { useState as e, useEffect as d } from "react";
+import { useLexicalComposerContext as u } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { SELECTION_CHANGE_COMMAND as f, COMMAND_PRIORITY_CRITICAL as C } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { ToolbarContext as T } from "../../context/toolbar-context.js";
+import { useEditorModal as E } from "../../editor-hooks/use-modal.js";
+function O({
+  children: s
+}) {
+  const [o] = u(), [t, a] = e(o), [r, i] = e("paragraph"), [m, n] = E(), l = () => {
+  };
+  return d(() => t.registerCommand(
+    f,
+    (M, c) => (a(c), !1),
+    C
+  ), [o]), /* @__PURE__ */ p(
+    T,
+    {
+      activeEditor: t,
+      $updateToolbar: l,
+      blockType: r,
+      setBlockType: i,
+      showModal: n,
+      children: [
+        m,
+        s({ blockType: r })
+      ]
+    }
+  );
+}
+export {
+  O as ToolbarPlugin
+};

package/dist/components/editor/themes/editor-theme.js

@@ -0,0 +1,112 @@
+"use client";
+/* empty css                 */
+const t = {
+  ltr: "text-left",
+  rtl: "text-right",
+  heading: {
+    h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+    h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+    h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+    h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+    h5: "scroll-m-20 text-lg font-semibold tracking-tight",
+    h6: "scroll-m-20 text-base font-semibold tracking-tight"
+  },
+  paragraph: "leading-7 [&:not(:first-child)]:mt-6",
+  quote: "mt-6 border-l-2 pl-6 italic",
+  link: "text-blue-600 hover:underline hover:cursor-pointer",
+  list: {
+    checklist: "relative",
+    listitem: "mx-8",
+    listitemChecked: 'relative mx-2 px-6 list-none outline-none line-through before:content-[""] before:w-4 before:h-4 before:top-0.5 before:left-0 before:cursor-pointer before:block before:bg-cover before:absolute before:border before:border-primary before:rounded before:bg-primary before:bg-no-repeat after:content-[""] after:cursor-pointer after:border-white after:border-solid after:absolute after:block after:top-[6px] after:w-[3px] after:left-[7px] after:right-[7px] after:h-[6px] after:rotate-45 after:border-r-2 after:border-b-2 after:border-l-0 after:border-t-0',
+    listitemUnchecked: 'relative mx-2 px-6 list-none outline-none before:content-[""] before:w-4 before:h-4 before:top-0.5 before:left-0 before:cursor-pointer before:block before:bg-cover before:absolute before:border before:border-primary before:rounded',
+    nested: {
+      listitem: "list-none before:hidden after:hidden"
+    },
+    ol: "my-6 ml-6 list-decimal [&>li]:mt-2",
+    olDepth: [
+      "list-outside !list-decimal",
+      "list-outside !list-[upper-roman]",
+      "list-outside !list-[lower-roman]",
+      "list-outside !list-[upper-alpha]",
+      "list-outside !list-[lower-alpha]"
+    ],
+    ul: "m-0 p-0 list-outside"
+  },
+  hashtag: "text-blue-600 bg-blue-100 rounded-md px-1",
+  text: {
+    bold: "font-bold",
+    code: "bg-gray-100 p-1 rounded-md",
+    italic: "italic",
+    strikethrough: "line-through",
+    subscript: "sub",
+    superscript: "sup",
+    underline: "underline",
+    underlineStrikethrough: "underline line-through"
+  },
+  image: "relative inline-block user-select-none cursor-default editor-image",
+  inlineImage: "relative inline-block user-select-none cursor-default inline-editor-image",
+  keyword: "text-purple-900 font-bold",
+  code: "EditorTheme__code",
+  codeHighlight: {
+    atrule: "EditorTheme__tokenAttr",
+    attr: "EditorTheme__tokenAttr",
+    boolean: "EditorTheme__tokenProperty",
+    builtin: "EditorTheme__tokenSelector",
+    cdata: "EditorTheme__tokenComment",
+    char: "EditorTheme__tokenSelector",
+    class: "EditorTheme__tokenFunction",
+    "class-name": "EditorTheme__tokenFunction",
+    comment: "EditorTheme__tokenComment",
+    constant: "EditorTheme__tokenProperty",
+    deleted: "EditorTheme__tokenProperty",
+    doctype: "EditorTheme__tokenComment",
+    entity: "EditorTheme__tokenOperator",
+    function: "EditorTheme__tokenFunction",
+    important: "EditorTheme__tokenVariable",
+    inserted: "EditorTheme__tokenSelector",
+    keyword: "EditorTheme__tokenAttr",
+    namespace: "EditorTheme__tokenVariable",
+    number: "EditorTheme__tokenProperty",
+    operator: "EditorTheme__tokenOperator",
+    prolog: "EditorTheme__tokenComment",
+    property: "EditorTheme__tokenProperty",
+    punctuation: "EditorTheme__tokenPunctuation",
+    regex: "EditorTheme__tokenVariable",
+    selector: "EditorTheme__tokenSelector",
+    string: "EditorTheme__tokenSelector",
+    symbol: "EditorTheme__tokenProperty",
+    tag: "EditorTheme__tokenProperty",
+    url: "EditorTheme__tokenOperator",
+    variable: "EditorTheme__tokenVariable"
+  },
+  characterLimit: "!bg-destructive/50",
+  table: "EditorTheme__table w-fit overflow-scroll border-collapse",
+  tableCell: 'EditorTheme__tableCell w-24 relative border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"',
+  tableCellActionButton: "EditorTheme__tableCellActionButton bg-background block border-0 rounded-2xl w-5 h-5 text-foreground cursor-pointer",
+  tableCellActionButtonContainer: "EditorTheme__tableCellActionButtonContainer block right-1 top-1.5 absolute z-10 w-5 h-5",
+  tableCellEditing: "EditorTheme__tableCellEditing rounded-sm shadow-sm",
+  tableCellHeader: "EditorTheme__tableCellHeader bg-muted border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",
+  tableCellPrimarySelected: "EditorTheme__tableCellPrimarySelected border border-primary border-solid block h-[calc(100%-2px)] w-[calc(100%-2px)] absolute -left-[1px] -top-[1px] z-10 ",
+  tableCellResizer: "EditorTheme__tableCellResizer absolute -right-1 h-full w-2 cursor-ew-resize z-10 top-0",
+  tableCellSelected: "EditorTheme__tableCellSelected bg-muted",
+  tableCellSortedIndicator: "EditorTheme__tableCellSortedIndicator block opacity-50 bsolute bottom-0 left-0 w-full h-1 bg-muted",
+  tableResizeRuler: "EditorTheme__tableCellResizeRuler block absolute w-[1px] h-full bg-primary top-0",
+  tableRowStriping: "EditorTheme__tableRowStriping m-0 border-t p-0 even:bg-muted",
+  tableSelected: "EditorTheme__tableSelected ring-2 ring-primary ring-offset-2",
+  tableSelection: "EditorTheme__tableSelection bg-transparent",
+  layoutItem: "border border-dashed px-4 py-2",
+  layoutContainer: "grid gap-2.5 my-2.5 mx-0",
+  autocomplete: "text-muted-foreground",
+  blockCursor: "",
+  embedBlock: {
+    base: "user-select-none",
+    focus: "ring-2 ring-primary ring-offset-2"
+  },
+  hr: 'p-0.5 border-none my-1 mx-0 cursor-pointer after:content-[""] after:block after:h-0.5 after:bg-muted selected:ring-2 selected:ring-primary selected:ring-offset-2 selected:user-select-none',
+  indent: "[--lexical-indent-base-value:40px]",
+  mark: "",
+  markOverlap: ""
+};
+export {
+  t as editorTheme
+};

package/dist/components/ui/accordion.js

@@ -11,7 +11,7 @@ function x({ className: e, ...o }) {
     s,
     {
       "data-slot": "accordion-item",
-      className: r("border-d-border border-b last:border-b-0", e),
+      className: r("border-b last:border-b-0", e),
       ...o
     }
   );

package/dist/components/ui/alert-dialog.js

@@ -3,7 +3,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Root as n, Trigger as i, Content as s, Title as d, Description as c, Action as g, Cancel as u, Portal as f, Overlay as m } from "../../node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
-function N({ ...t }) {
+function b({ ...t }) {
   return /* @__PURE__ */ e(n, { "data-slot": "alert-dialog", ...t });
 }
 function y({ ...t }) {
@@ -33,7 +33,7 @@ function T({ className: t, ...a }) {
       {
         "data-slot": "alert-dialog-content",
         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 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
         ...a
@@ -106,7 +106,7 @@ function O({ className: t, ...a }) {
   );
 }
 export {
-  N as AlertDialog,
+  b as AlertDialog,
   j as AlertDialogAction,
   O as AlertDialogCancel,
   T as AlertDialogContent,

package/dist/components/ui/alert.js

@@ -3,7 +3,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as a } from "../../lib/utils.js";
 const d = i(
-  "relative w-full rounded-lg border  border-d-border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
       variant: {
@@ -16,7 +16,7 @@ const d = i(
     }
   }
 );
-function c({ className: t, variant: r, ...s }) {
+function o({ className: t, variant: r, ...s }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -57,7 +57,7 @@ function u({
   );
 }
 export {
-  c as Alert,
+  o as Alert,
   u as AlertDescription,
   g as AlertTitle
 };

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

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as o, jsxs as t, Fragment as s } from "react/jsx-runtime";
+import { LexicalComposer as w } from "../../node_modules/@lexical/react/LexicalComposer.prod.js";
+import { OnChangePlugin as L } from "../../node_modules/@lexical/react/LexicalOnChangePlugin.prod.js";
+import { LexicalErrorBoundary as S } from "../../node_modules/@lexical/react/LexicalErrorBoundary.prod.js";
+import { RichTextPlugin as T } from "../../node_modules/@lexical/react/LexicalRichTextPlugin.prod.js";
+import { HeadingNode as j, QuoteNode as A } from "../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { ParagraphNode as d, TextNode as p, $getRoot as f } from "../../node_modules/lexical/Lexical.prod.js";
+import { $convertToMarkdownString as B, $convertFromMarkdownString as H, TRANSFORMERS as C } from "../../node_modules/@lexical/markdown/LexicalMarkdown.prod.js";
+import { useState as R, useEffect as $ } from "react";
+import { useLexicalComposerContext as O } from "../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { HistoryPlugin as z } from "../../node_modules/@lexical/react/LexicalHistoryPlugin.prod.js";
+import { ContentEditable as D } from "../editor/editor-ui/content-editable.js";
+import { ActionsPlugin as I } from "../editor/plugins/actions/actions-plugin.js";
+import { ClearEditorActionPlugin as _ } from "../editor/plugins/actions/clear-editor-plugin.js";
+import { ClearEditorPlugin as M } from "../../node_modules/@lexical/react/LexicalClearEditorPlugin.prod.js";
+import { CounterCharacterPlugin as Q } from "../editor/plugins/actions/counter-character-plugin.js";
+import { ToolbarPlugin as c } from "../editor/plugins/toolbar/toolbar-plugin.js";
+import { BlockFormatDropDown as J } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
+import { FormatParagraph as U } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
+import { FormatHeading as q } from "../editor/plugins/toolbar/block-format/format-heading.js";
+import { FormatNumberedList as G } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { FormatBulletedList as K } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
+import { FormatCheckList as W } from "../editor/plugins/toolbar/block-format/format-check-list.js";
+import { FormatQuote as X } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { FontFormatToolbarPlugin as l } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
+import { ListPlugin as Y } from "../../node_modules/@lexical/react/LexicalListPlugin.prod.js";
+import { CheckListPlugin as Z } from "../../node_modules/@lexical/react/LexicalCheckListPlugin.prod.js";
+import { ListNode as V, ListItemNode as oo } from "../../node_modules/@lexical/list/LexicalList.prod.js";
+import { editorTheme as ro } from "../editor/themes/editor-theme.js";
+import { TooltipProvider as to } from "./tooltip.js";
+import { HistoryToolbarPlugin as eo } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
+const io = "Start typing...";
+function no({
+  defaultValue: r,
+  onlyMarkdown: i
+}) {
+  const [n] = O();
+  return $(() => {
+    r && n.update(() => {
+      i ? H(r, C) : f().append(
+        new d().append(new p(r))
+      );
+      const a = f();
+      (a.getFirstChild() ?? a).selectStart();
+    });
+  }, [n, r, i]), null;
+}
+function Do({
+  defaultValue: r,
+  onMarkdownEdit: i,
+  plugins: n = [],
+  toolbars: a = [],
+  placeholder: F = io,
+  onlyMarkdown: h = !0,
+  className: N = "bg-d-background overflow-hidden rounded-lg border"
+}) {
+  const [ao, P] = R(null), k = {
+    namespace: "AppEditor",
+    theme: ro,
+    nodes: [
+      j,
+      d,
+      p,
+      A,
+      V,
+      oo
+    ],
+    onError: (e) => {
+      console.error(e);
+    },
+    ...r && !h ? {
+      editorState: () => {
+        f().append(
+          new d().append(new p(r))
+        );
+      }
+    } : {}
+  }, g = (e) => n.includes(e), m = (e) => a.includes(e), u = g("clear"), b = g("counter"), v = m("block-format"), y = m("font-format"), x = m("history");
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(w, { initialConfig: k, children: /* @__PURE__ */ t(to, { children: [
+    r && /* @__PURE__ */ o(
+      no,
+      {
+        defaultValue: r,
+        onlyMarkdown: h
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+      x && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ o("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: /* @__PURE__ */ o(eo, {}) }) }),
+      v && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o("div", { className: "vertical-align-middle bg-d-background sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ o(U, {}),
+        /* @__PURE__ */ o(q, { levels: ["h1", "h2", "h3"] }),
+        /* @__PURE__ */ o(G, {}),
+        /* @__PURE__ */ o(K, {}),
+        /* @__PURE__ */ o(W, {}),
+        /* @__PURE__ */ o(X, {})
+      ] }) }) }) }),
+      y && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ t("div", { className: "vertical-align-middle bg-background sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: [
+        /* @__PURE__ */ o(l, { format: "bold" }),
+        /* @__PURE__ */ o(l, { format: "italic" }),
+        /* @__PURE__ */ o(l, { format: "underline" }),
+        /* @__PURE__ */ o(l, { format: "strikethrough" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "relative", children: [
+      x && /* @__PURE__ */ o(z, {}),
+      /* @__PURE__ */ o(
+        T,
+        {
+          ErrorBoundary: S,
+          contentEditable: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { ref: P, children: /* @__PURE__ */ o(
+            D,
+            {
+              placeholder: F,
+              className: `ContentEditable__root relative block h-72 min-h-full overflow-auto px-8 py-4 focus:outline-none ${N}`
+            }
+          ) }) })
+        }
+      ),
+      v && /* @__PURE__ */ t(s, { children: [
+        /* @__PURE__ */ o(Y, {}),
+        /* @__PURE__ */ o(Z, {})
+      ] }),
+      (u || b) && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ t("div", { className: "clear-both flex items-center justify-between gap-2 border-t p-1", children: [
+        /* @__PURE__ */ o("div", { className: "flex flex-1 justify-start" }),
+        /* @__PURE__ */ o("div", { children: b && /* @__PURE__ */ o(Q, { charset: "UTF-16" }) }),
+        /* @__PURE__ */ o("div", { className: "flex flex-1 justify-end gap-2", children: u && /* @__PURE__ */ t(s, { children: [
+          /* @__PURE__ */ o(_, {}),
+          /* @__PURE__ */ o(M, {})
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ o(
+      L,
+      {
+        ignoreSelectionChange: !0,
+        onChange: (e) => {
+          if (!i) return;
+          const E = e.read(
+            () => B(C)
+          );
+          i(E);
+        }
+      }
+    )
+  ] }) }) });
+}
+export {
+  Do as AppEditor
+};

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

@@ -30,7 +30,7 @@ function oe({
   cancelButtonLabel: R = "Cancella",
   maxSelectedItems: t
 }) {
-  const m = n.useId(), [u, h] = n.useState(!1), [d, b] = n.useState(""), g = n.useRef(null), v = n.useCallback(
+  const m = n.useId(), [u, h] = n.useState(!1), [c, b] = n.useState(""), g = n.useRef(null), v = n.useCallback(
     (e) => {
       if (a.includes(e))
         o(a.filter((i) => i !== e));
@@ -43,9 +43,9 @@ function oe({
     [a, o, t]
   ), w = n.useCallback(() => {
     o([]), b("");
-  }, [o]), c = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), S = n.useMemo(() => d ? s.filter(
-    (e) => e.label.toLowerCase().includes(d.toLowerCase())
-  ) : s, [s, d]), x = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
+  }, [o]), d = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), S = n.useMemo(() => c ? s.filter(
+    (e) => e.label.toLowerCase().includes(c.toLowerCase())
+  ) : s, [s, c]), x = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
   return /* @__PURE__ */ r(T.Provider, { value: { size: f, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
     p && /* @__PURE__ */ r(B, { htmlFor: m, className: z, children: p }),
     /* @__PURE__ */ l(
@@ -65,22 +65,22 @@ function oe({
               "aria-expanded": u,
               disabled: k,
               className: N(
-                "border-d-border relative w-full justify-between border bg-transparent font-normal",
-                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border !bg-transparent whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                "!bg-d-input relative w-full justify-between border font-normal",
+                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
                 j
               ),
               onClick: () => h(!u),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: c.length > 0 ? /* @__PURE__ */ l(A, { children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: d.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
                     F,
                     {
                       variant: "secondary",
                       className: "flex items-center gap-1",
                       children: [
-                        /* @__PURE__ */ r("span", { children: c.length }),
-                        c.length === 1 ? " elemento selezionato" : " elementi selezionati"
+                        /* @__PURE__ */ r("span", { children: d.length }),
+                        d.length === 1 ? " elemento selezionato" : " elementi selezionati"
                       ]
                     }
                   ),
@@ -108,8 +108,8 @@ function oe({
               open: u,
               triggerRef: g,
               onClose: () => h(!1),
-              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(E, { className: "bg-d-popover border-d-border w-full rounded-md border shadow-md", children: [
-                D && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
+              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(E, { className: "bg-d-popover w-full rounded-md border shadow-md", children: [
+                D && /* @__PURE__ */ l("div", { className: "flex items-center justify-between border-b px-3", children: [
                   /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ r(I, { name: "Search", className: "text-d-accent", size: "sm" }),
                     /* @__PURE__ */ r(
@@ -117,13 +117,13 @@ function oe({
                       {
                         id: "app-multiple-select-dropdown-filter",
                         placeholder: P,
-                        value: d,
+                        value: c,
                         onChange: (e) => b(e.target.value),
                         className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${q({ size: f })} !shadow-none`
                       }
                     )
                   ] }),
-                  c.length > 0 && /* @__PURE__ */ r(
+                  d.length > 0 && /* @__PURE__ */ r(
                     C,
                     {
                       variant: "ghost",

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

@@ -34,7 +34,7 @@ function ke({
   filterFn: y,
   renderOption: A,
   getOptionValue: a,
-  getDisplayValue: b,
+  getDisplayValue: v,
   notFound: F,
   loadingSkeleton: $,
   label: l,
@@ -42,15 +42,15 @@ function ke({
   placeholder: G = "Select...",
   value: s,
   onChange: u,
-  disabled: v = !1,
+  disabled: w = !1,
   width: E = "200px",
   className: M,
   triggerClassName: U,
   noResultsMessage: X,
-  clearable: w = !0,
+  clearable: N = !0,
   size: q
 }) {
-  const [p, N] = i(!1), [r, d] = i([]), [C, h] = i(!1), [S, g] = i(null), [L, x] = i(null), [I, H] = i(""), f = Z(I, m ? 0 : 300), [j, P] = i([]);
+  const [p, b] = i(!1), [r, d] = i([]), [C, h] = i(!1), [S, g] = i(null), [L, x] = i(null), [I, H] = i(""), f = Z(I, m ? 0 : 300), [j, P] = i([]);
   k(() => ((async () => {
     try {
       if (h(!0), g(null), m) {
@@ -77,7 +77,7 @@ function ke({
       if (m)
         if (f) {
           const t = j.filter(
-            (o) => y ? y(o, f) : String(b(o)).toLowerCase().includes(f.toLowerCase())
+            (o) => y ? y(o, f) : String(v(o)).toLowerCase().includes(f.toLowerCase())
           );
           d(t);
         } else
@@ -102,7 +102,7 @@ function ke({
     m,
     y,
     j,
-    b
+    v
   ]), k(() => {
     if (s && r.length > 0) {
       const t = r.find((o) => a(o) === s);
@@ -111,20 +111,20 @@ function ke({
   }, [s, r, a]);
   const J = D(
     (t) => {
-      const o = w && t === s ? "" : t, Q = r.find((W) => a(W) === o) || null;
-      x(Q), u(o), N(!1);
+      const o = N && t === s ? "" : t, Q = r.find((W) => a(W) === o) || null;
+      x(Q), u(o), b(!1);
     },
-    [s, u, w, r, a]
+    [s, u, N, r, a]
   ), K = D(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), x(null), u(""), N(!1);
+      t.stopPropagation(), t.preventDefault(), x(null), u(""), b(!1);
     },
     [u]
   ), T = Y.useId();
   return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
     l && /* @__PURE__ */ e(ee, { htmlFor: T, className: B, children: l }),
-    /* @__PURE__ */ n(re, { open: p, onOpenChange: N, children: [
-      /* @__PURE__ */ e(ae, { disabled: v, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ n(re, { open: p, onOpenChange: b, children: [
+      /* @__PURE__ */ e(ae, { disabled: w, children: /* @__PURE__ */ e(
         V,
         {
           id: T,
@@ -134,19 +134,19 @@ function ke({
           "aria-expanded": p,
           className: z(
             fe({ size: q }),
-            v && "cursor-not-allowed opacity-50",
+            w && "cursor-not-allowed opacity-50",
             U,
             "font-normal"
           ),
           style: { width: E },
-          disabled: v,
+          disabled: w,
           children: /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
-            L ? /* @__PURE__ */ e("div", { className: "truncate", children: b(L) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
+            L ? /* @__PURE__ */ e("div", { className: "truncate", children: v(L) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
             /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
-              w && L && /* @__PURE__ */ e(
+              N && L && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "bg-d-input hover:bg-d-input/30 border-d-border z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
+                  className: "bg-d-input hover:bg-d-input/30 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
                   onClick: K,
                   onMouseDown: (t) => t.preventDefault(),
                   "aria-label": "Clear selection",
@@ -164,7 +164,7 @@ function ke({
           style: { width: E },
           className: z("p-0", M),
           children: /* @__PURE__ */ n(te, { shouldFilter: !1, children: [
-            /* @__PURE__ */ n("div", { className: "border-d-border relative w-full border-b", children: [
+            /* @__PURE__ */ n("div", { className: "relative w-full border-b", children: [
               /* @__PURE__ */ e(
                 oe,
                 {