laif-ds 0.2.78 → 0.2.80

package/dist/components/ui/date-picker.js

@@ -1,127 +1,143 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import * as f from "react";
-import { useCallback as L, useMemo as p, useEffect as ue } from "react";
-import { designTokens as r } from "../design-tokens.js";
-import { Calendar as X } from "./calendar.js";
-import { Icon as B } from "./icon.js";
-import { Label as fe } from "./label.js";
-import { Popover as he, PopoverTrigger as ge, PopoverContent as ve } from "./popover.js";
-import { cn as G } from "../../lib/utils.js";
-import { TimePickerColumn as k } from "./app-time-picker.js";
-import { it as be } from "../../node_modules/date-fns/locale/it.js";
-import { formatDate as H } from "../../node_modules/date-fns/format.js";
-import { isSameDay as Ce } from "../../node_modules/date-fns/isSameDay.js";
-const J = (t) => {
-  if (!Number.isFinite(t)) return 1;
-  const x = Math.trunc(t);
-  return Math.min(59, Math.max(1, x));
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
+import { useCallback as X, useMemo as H, useEffect as G } from "react";
+import { designTokens as l } from "../design-tokens.js";
+import { Calendar as J, CalendarDayButton as Ce } from "./calendar.js";
+import { Icon as K } from "./icon.js";
+import { Label as xe } from "./label.js";
+import { Popover as be, PopoverTrigger as De, PopoverContent as Me } from "./popover.js";
+import { cn as Q } from "../../lib/utils.js";
+import { TimePickerColumn as R } from "./app-time-picker.js";
+import { it as Se } from "../../node_modules/date-fns/locale/it.js";
+import { formatDate as z } from "../../node_modules/date-fns/format.js";
+import { isSameDay as O } from "../../node_modules/date-fns/isSameDay.js";
+const W = (o) => {
+  if (!Number.isFinite(o)) return 1;
+  const M = Math.trunc(o);
+  return Math.min(59, Math.max(1, M));
 };
-function Oe(t) {
+function Te(o) {
   const {
-    placeholder: x = "Seleziona data",
-    dateFormat: K,
-    className: Q,
+    placeholder: M = "Seleziona data",
+    dateFormat: Y,
+    className: Z,
     disabled: d = !1,
-    size: h = "default",
-    firstDate: P,
-    lastDate: z,
-    availableDates: O,
-    locale: u = be,
-    initialCalendarMonth: g,
-    customCalendarProps: F,
-    label: I,
-    labelClassName: U,
-    wrpClassName: W,
-    id: Y,
-    "data-testid": Z,
-    minDate: T,
-    maxDate: j,
-    numberOfMonths: $,
-    clearable: ee = !1,
-    onClear: A
-  } = t, n = t.mode === "range", v = !n && t.showTime === !0, w = !n && t.withSeconds === !0, M = n ? 1 : J(t.minuteStep), y = n ? 1 : J(t.secondStep), D = K ?? (v ? w ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [s, b] = f.useState(
-    n ? void 0 : t.value
-  ), [i, N] = f.useState(
-    n ? t.value : void 0
-  ), [R, C] = f.useState(
-    g
-  ), [_, V] = f.useState(!1), te = (e) => {
-    const a = e ? new Date(e) : void 0;
-    v && a && s && a.setHours(
-      s.getHours(),
-      s.getMinutes(),
-      s.getSeconds()
-    ), b(a), a && C(a), !n && t.onChange && t.onChange(a), !v && a && V(!1);
-  }, ae = L(() => {
-    n ? (N(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), A?.();
-  }, [n, t.onChange, A]), ne = s?.getHours(), oe = s?.getMinutes(), se = s?.getSeconds(), ie = p(
-    () => Array.from({ length: 24 }, (e, a) => a),
+    size: v = "default",
+    firstDate: E,
+    lastDate: F,
+    availableDates: I,
+    locale: u = Se,
+    initialCalendarMonth: w,
+    customCalendarProps: S,
+    label: T,
+    labelClassName: $,
+    wrpClassName: ee,
+    id: te,
+    "data-testid": ne,
+    minDate: A,
+    maxDate: _,
+    numberOfMonths: oe,
+    clearable: ae = !1,
+    onClear: j
+  } = o, a = o.mode === "range", C = !a && o.showTime === !0, N = !a && o.withSeconds === !0, p = a ? 1 : W(o.minuteStep), k = a ? 1 : W(o.secondStep), P = Y ?? (C ? N ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [i, x] = c.useState(
+    a ? void 0 : o.value
+  ), [n, b] = c.useState(
+    a ? o.value : void 0
+  ), [L, D] = c.useState(
+    w
+  ), [B, V] = c.useState(!1), re = (e) => {
+    const t = e ? new Date(e) : void 0;
+    C && t && i && t.setHours(
+      i.getHours(),
+      i.getMinutes(),
+      i.getSeconds()
+    ), x(t), t && D(t), !a && o.onChange && o.onChange(t), !C && t && V(!1);
+  }, ie = X(() => {
+    a ? (b(void 0), o.onChange && o.onChange(void 0)) : (x(void 0), o.onChange && o.onChange(void 0)), j?.();
+  }, [a, o.onChange, j]), se = i?.getHours(), le = i?.getMinutes(), fe = i?.getSeconds(), de = H(
+    () => Array.from({ length: 24 }, (e, t) => t),
     []
-  ), re = p(
+  ), me = H(
     () => Array.from(
-      { length: Math.floor(59 / M) + 1 },
-      (e, a) => a * M
+      { length: Math.floor(59 / p) + 1 },
+      (e, t) => t * p
     ),
-    [M]
-  ), le = p(
+    [p]
+  ), ce = H(
     () => Array.from(
-      { length: Math.floor(59 / y) + 1 },
-      (e, a) => a * y
+      { length: Math.floor(59 / k) + 1 },
+      (e, t) => t * k
     ),
-    [y]
-  ), S = L(
-    (e, a) => {
-      const m = s ? new Date(s) : /* @__PURE__ */ new Date();
-      s || m.setHours(0, 0, 0, 0), e === "hour" ? m.setHours(a) : e === "minute" ? m.setMinutes(a) : e === "second" && m.setSeconds(a), b(m), !n && t.onChange && t.onChange(m);
+    [k]
+  ), y = X(
+    (e, t) => {
+      const s = i ? new Date(i) : /* @__PURE__ */ new Date();
+      i || s.setHours(0, 0, 0, 0), e === "hour" ? s.setHours(t) : e === "minute" ? s.setMinutes(t) : e === "second" && s.setSeconds(t), x(s), !a && o.onChange && o.onChange(s);
     },
-    [s, n, t.onChange]
-  ), de = (e) => {
-    N(e), e?.from && C(e.from), n && t.onChange && t.onChange(e);
+    [i, a, o.onChange]
+  ), ue = (e, t) => {
+    let s;
+    !n || !n.from ? s = { from: t, to: void 0 } : n.from && !n.to ? t < n.from ? s = { from: t, to: void 0 } : s = { from: n.from, to: t } : n.from && n.to && (s = { from: t, to: void 0 }), b(s), s?.from && D(s.from), a && o.onChange && o.onChange(s);
   };
-  let c = [];
-  P && c.push({ before: P }), z && c.push({ after: z }), O?.length && c.push(
-    (e) => !O.some(
-      (a) => Ce(a, e)
+  let m = [];
+  E && m.push({ before: E }), F && m.push({ after: F }), I?.length && m.push(
+    (e) => !I.some(
+      (t) => O(t, e)
     )
-  ), d && (c = [!0]), ue(() => {
-    if (n) {
-      N(t.value);
-      const e = t.value?.from;
-      C(e ?? g);
+  ), d && (m = [!0]), G(() => {
+    if (a) {
+      b(o.value);
+      const e = o.value?.from;
+      D(e ?? w);
     } else
-      b(t.value), C(
-        t.value ?? g
+      x(o.value), D(
+        o.value ?? w
       );
-  }, [t.value, n, g]);
-  const ce = f.useId(), q = Y ?? ce, E = n ? !!i?.from : !!s, me = () => n && i ? /* @__PURE__ */ l("span", { children: [
-    i.from && H(i.from, D, { locale: u }),
-    i.from && i.to && " - ",
-    i.to && H(i.to, D, { locale: u })
-  ] }) : !n && s ? /* @__PURE__ */ o("span", { children: H(s, D, { locale: u }) }) : /* @__PURE__ */ o("span", { className: "text-d-muted-foreground", children: x });
-  return /* @__PURE__ */ l("div", { className: G("flex flex-col gap-1.5", W), children: [
-    I && /* @__PURE__ */ o(fe, { htmlFor: q, className: U, children: I }),
-    /* @__PURE__ */ l(he, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
-      /* @__PURE__ */ o(ge, { asChild: !0, children: /* @__PURE__ */ l(
+  }, [o.value, a, w]);
+  const [h, g] = c.useState(
+    null
+  );
+  G(() => {
+    const e = () => {
+      h && (g(null), a && o.onChange && o.onChange(n));
+    };
+    return window.addEventListener("pointerup", e), () => window.removeEventListener("pointerup", e);
+  }, [h, a, o.onChange, n]);
+  const he = (e, t) => {
+    !a || !n || !n.from || !n.to || (O(e, n.from) ? (g("from"), t.preventDefault()) : O(e, n.to) && (g("to"), t.preventDefault()));
+  }, ge = (e) => {
+    if (!h || !n || !n.from || !n.to) return;
+    let t = { ...n };
+    h === "from" ? e <= n.to ? t.from = e : (t.from = n.to, t.to = e, g("to")) : h === "to" && (e >= n.from ? t.to = e : (t.to = n.from, t.from = e, g("from"))), b(t);
+  }, ve = c.useId(), q = te ?? ve, U = a ? !!n?.from : !!i, we = () => a && n ? /* @__PURE__ */ f("span", { children: [
+    n.from && z(n.from, P, { locale: u }),
+    n.from && n.to && " - ",
+    n.to && z(n.to, P, { locale: u })
+  ] }) : !a && i ? /* @__PURE__ */ r("span", { children: z(i, P, { locale: u }) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: M });
+  return /* @__PURE__ */ f("div", { className: Q("flex flex-col gap-1.5", ee), children: [
+    T && /* @__PURE__ */ r(xe, { htmlFor: q, className: $, children: T }),
+    /* @__PURE__ */ f(be, { open: d ? !1 : B, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ r(De, { asChild: !0, children: /* @__PURE__ */ f(
         "div",
         {
           id: q,
-          "data-testid": Z,
-          className: G(
-            r.input.base,
-            r.radius.default,
-            r.text.base,
-            r.interaction.disabled,
+          "data-testid": ne,
+          className: Q(
+            l.input.base,
+            l.radius.default,
+            l.text.base,
+            l.interaction.disabled,
             "flex items-center gap-2 font-normal whitespace-nowrap [&>span]:line-clamp-1",
-            r.focusRing,
-            _ && r.activeRing,
+            l.focusRing,
+            B && l.activeRing,
             "hover:border-d-ring cursor-pointer transition-colors",
-            !E && "text-d-muted-foreground",
+            !U && "text-d-muted-foreground",
             d && "cursor-not-allowed opacity-50",
-            h === "default" && r.sizes.default,
-            h === "sm" && r.sizes.sm,
-            h === "lg" && r.sizes.lg,
-            Q
+            v === "default" && l.sizes.default,
+            v === "sm" && l.sizes.sm,
+            v === "lg" && l.sizes.lg,
+            Z
           ),
           "aria-disabled": d,
           role: "button",
@@ -129,20 +145,20 @@ function Oe(t) {
           onClick: d ? void 0 : () => {
           },
           children: [
-            /* @__PURE__ */ o(B, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
-            /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: me() }),
-            ee && E && /* @__PURE__ */ o(
+            /* @__PURE__ */ r(K, { name: "Calendar", size: v === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: we() }),
+            ae && U && /* @__PURE__ */ r(
               "div",
               {
                 role: "button",
                 className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex shrink-0 cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
                 onClick: (e) => {
-                  e.stopPropagation(), e.preventDefault(), ae();
+                  e.stopPropagation(), e.preventDefault(), ie();
                 },
                 onMouseDown: (e) => e.preventDefault(),
                 "aria-label": "Clear selection",
-                children: /* @__PURE__ */ o(
-                  B,
+                children: /* @__PURE__ */ r(
+                  K,
                   {
                     name: "X",
                     size: "xs",
@@ -155,83 +171,98 @@ function Oe(t) {
         }
       ) }),
       " ",
-      /* @__PURE__ */ l(
-        ve,
+      /* @__PURE__ */ f(
+        Me,
         {
           className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
           align: "start",
           children: [
-            n ? /* @__PURE__ */ o(
-              X,
+            a ? /* @__PURE__ */ r(
+              J,
               {
-                ...F || {},
+                ...S || {},
                 mode: "range",
-                selected: i,
-                onSelect: de,
+                selected: n,
+                onSelect: ue,
                 autoFocus: !0,
-                disabled: c,
+                disabled: m,
                 locale: u,
-                defaultMonth: R,
-                numberOfMonths: $ ?? 1,
-                minDate: T,
-                maxDate: j
+                defaultMonth: L,
+                numberOfMonths: oe ?? 1,
+                minDate: A,
+                maxDate: _,
+                components: {
+                  ...S?.components,
+                  DayButton: (e) => /* @__PURE__ */ r(
+                    Ce,
+                    {
+                      ...e,
+                      onPointerDown: (t) => {
+                        e.onPointerDown && e.onPointerDown(t), he(e.day.date, t);
+                      },
+                      onPointerEnter: (t) => {
+                        e.onPointerEnter && e.onPointerEnter(t), ge(e.day.date);
+                      }
+                    }
+                  )
+                }
               }
-            ) : /* @__PURE__ */ o(
-              X,
+            ) : /* @__PURE__ */ r(
+              J,
               {
-                ...F || {},
+                ...S || {},
                 mode: "single",
-                selected: s,
-                onSelect: te,
+                selected: i,
+                onSelect: re,
                 autoFocus: !0,
-                disabled: c,
+                disabled: m,
                 locale: u,
-                defaultMonth: R,
-                minDate: T,
-                maxDate: j
+                defaultMonth: L,
+                minDate: A,
+                maxDate: _
               }
             ),
-            v && /* @__PURE__ */ l("div", { className: "border-d-border/50 relative flex shrink-0 flex-row overflow-hidden border-l", children: [
-              /* @__PURE__ */ l(
+            C && /* @__PURE__ */ f("div", { className: "border-d-border/50 relative flex shrink-0 flex-row overflow-hidden border-l", children: [
+              /* @__PURE__ */ f(
                 "div",
                 {
                   className: "invisible flex h-0 flex-row overflow-hidden opacity-0 select-none",
                   "aria-hidden": "true",
                   children: [
-                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
-                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
-                    w && /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" })
+                    /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    N && /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" })
                   ]
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "absolute inset-0 flex h-full w-full flex-row overflow-y-auto", children: [
-                /* @__PURE__ */ o(
-                  k,
+              /* @__PURE__ */ f("div", { className: "absolute inset-0 flex h-full w-full flex-row overflow-y-auto", children: [
+                /* @__PURE__ */ r(
+                  R,
                   {
                     type: "hour",
-                    value: ne,
-                    options: ie,
-                    onChange: (e) => S("hour", e),
+                    value: se,
+                    options: de,
+                    onChange: (e) => y("hour", e),
                     className: "flex flex-1"
                   }
                 ),
-                /* @__PURE__ */ o(
-                  k,
+                /* @__PURE__ */ r(
+                  R,
                   {
                     type: "minute",
-                    value: oe,
-                    options: re,
-                    onChange: (e) => S("minute", e),
+                    value: le,
+                    options: me,
+                    onChange: (e) => y("minute", e),
                     className: "flex flex-1"
                   }
                 ),
-                w && /* @__PURE__ */ o(
-                  k,
+                N && /* @__PURE__ */ r(
+                  R,
                   {
                     type: "second",
-                    value: se,
-                    options: le,
-                    onChange: (e) => S("second", e),
+                    value: fe,
+                    options: ce,
+                    onChange: (e) => y("second", e),
                     className: "flex flex-1"
                   }
                 )
@@ -244,5 +275,5 @@ function Oe(t) {
   ] });
 }
 export {
-  Oe as DatePicker
+  Te as DatePicker
 };

package/dist/components/ui/markdown-renderer.js

@@ -1,30 +1,39 @@
 "use client";
-import { jsx as o, jsxs as p, Fragment as y } from "react/jsx-runtime";
+import { jsx as t, jsxs as p, Fragment as y } from "react/jsx-runtime";
 import g, { Suspense as x } from "react";
 import { CopyButton as k } from "./copy-button.js";
 import { cn as m } from "../../lib/utils.js";
-import { Markdown as N } from "../../node_modules/react-markdown/lib/index.js";
+import { Markdown as w } from "../../node_modules/react-markdown/lib/index.js";
+import N from "../../node_modules/rehype-raw/lib/index.js";
 import v from "../../node_modules/remark-gfm/lib/index.js";
-function q({ children: e }) {
-  return /* @__PURE__ */ o("div", { className: "space-y-3", children: /* @__PURE__ */ o(N, { remarkPlugins: [v], components: C, children: e }) });
+function B({ children: e }) {
+  return /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t(
+    w,
+    {
+      remarkPlugins: [v],
+      rehypePlugins: [N],
+      components: S,
+      children: e
+    }
+  ) });
 }
-const h = g.memo(
-  async ({ children: e, language: t, ...n }) => {
+const u = g.memo(
+  async ({ children: e, language: o, ...n }) => {
     const { codeToTokens: i, bundledLanguages: d } = await import("../../node_modules/shiki/dist/index.js");
-    if (!(t in d))
-      return /* @__PURE__ */ o("pre", { ...n, children: e });
+    if (!(o in d))
+      return /* @__PURE__ */ t("pre", { ...n, children: e });
     const { tokens: l } = await i(e, {
-      lang: t,
+      lang: o,
       defaultColor: !1,
       themes: {
         light: "github-light",
         dark: "github-dark"
       }
     });
-    return /* @__PURE__ */ o("pre", { ...n, children: /* @__PURE__ */ o("code", { children: l.map((u, c) => /* @__PURE__ */ p(y, { children: [
-      /* @__PURE__ */ o("span", { children: u.map((a, b) => {
+    return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: l.map((h, c) => /* @__PURE__ */ p(y, { children: [
+      /* @__PURE__ */ t("span", { children: h.map((a, b) => {
         const f = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ t(
           "span",
           {
             className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
@@ -39,53 +48,54 @@ const h = g.memo(
     ] })) }) });
   }
 );
-h.displayName = "HighlightedCode";
-const w = ({
+u.displayName = "HighlightedCode";
+const C = ({
   children: e,
-  className: t,
+  className: o,
   language: n,
   ...i
 }) => {
   const d = typeof e == "string" ? e : s(e), l = m(
     "overflow-x-scroll rounded-md border  border-d-border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
-    t
+    o
   );
   return /* @__PURE__ */ p("div", { className: "group/code relative mb-4", children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       x,
       {
-        fallback: /* @__PURE__ */ o("pre", { className: l, ...i, children: e }),
-        children: /* @__PURE__ */ o(h, { language: n, className: l, children: d })
+        fallback: /* @__PURE__ */ t("pre", { className: l, ...i, children: e }),
+        children: /* @__PURE__ */ t(u, { language: n, className: l, children: d })
       }
     ),
-    /* @__PURE__ */ o("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ o(k, { content: d, copyMessage: "Copied code to clipboard" }) })
+    /* @__PURE__ */ t("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: d, copyMessage: "Copied code to clipboard" }) })
   ] });
 };
 function s(e) {
   if (typeof e == "string")
     return e;
   if (g.isValidElement(e) && e.props && typeof e.props == "object" && "children" in e.props) {
-    const t = e.props.children;
-    return t && typeof t == "object" && Array.isArray(t) ? t.map((n) => s(n)).join("") : s(t);
+    const o = e.props.children;
+    return o && typeof o == "object" && Array.isArray(o) ? o.map((n) => s(n)).join("") : s(o);
   }
   return "";
 }
-const C = {
+const S = {
   h1: r("h1", "text-2xl font-semibold"),
   h2: r("h2", "font-semibold text-xl"),
   h3: r("h3", "font-semibold text-lg"),
   h4: r("h4", "font-semibold text-base"),
   h5: r("h5", "font-medium"),
   strong: r("strong", "font-semibold"),
+  u: r("u", "underline"),
   a: r("a", "text-d-primary underline underline-offset-2"),
   blockquote: r("blockquote", "border-l-2 border-d-primary pl-4"),
   code: ({
     children: e,
-    className: t,
+    className: o,
     ...n
   }) => {
-    const i = /language-(\w+)/.exec(t || "");
-    return i ? /* @__PURE__ */ o(w, { className: t, language: i[1], ...n, children: e }) : /* @__PURE__ */ o(
+    const i = /language-(\w+)/.exec(o || "");
+    return i ? /* @__PURE__ */ t(C, { className: o, language: i[1], ...n, children: e }) : /* @__PURE__ */ t(
       "code",
       {
         className: m(
@@ -116,13 +126,13 @@ const C = {
   p: r("p", "whitespace-pre-wrap"),
   hr: r("hr", "border-foreground/20")
 };
-function r(e, t) {
+function r(e, o) {
   const n = ({
     ...i
-  }) => /* @__PURE__ */ o(e, { className: t, ...i });
+  }) => /* @__PURE__ */ t(e, { className: o, ...i });
   return n.displayName = String(e), n;
 }
 export {
-  q as MarkdownRenderer,
-  q as default
+  B as MarkdownRenderer,
+  B as default
 };

package/dist/index.d.ts

@@ -260,7 +260,7 @@ export declare interface AppDialogProps extends Omit<DialogContentProps, "title"
     preventClose?: "overlay" | "all";
 }
 
-export declare function AppEditor({ defaultValue, onMarkdownEdit, plugins, toolbars, placeholder, onlyMarkdown, className, }: AppEditorProps): JSX.Element;
+export declare function AppEditor({ defaultValue, onMarkdownEdit, plugins, toolbars, placeholder, onlyMarkdown, className, wrpClassName, }: AppEditorProps): JSX.Element;
 
 declare type AppEditorPlugin = "clear" | "counter";
 
@@ -272,6 +272,7 @@ declare interface AppEditorProps {
     placeholder?: string;
     onlyMarkdown?: boolean;
     className?: string;
+    wrpClassName?: string;
 }
 
 declare type AppEditorToolbar = "block-format" | "font-format" | "history";
@@ -2594,6 +2595,7 @@ declare type MultiSelectProps = BaseProps & {
     defaultValue?: (string | number)[];
     onValueChange?: (value: (string | number)[]) => void;
     renderValue?: (option: AppSelectOption) => React.ReactNode;
+    selectableAll?: boolean;
 };
 
 export declare interface NavGroup {

package/dist/node_modules/comma-separated-tokens/index.js

@@ -1,10 +1,21 @@
 "use client";
-function o(t, i) {
-  const n = i || {};
-  return (t[t.length - 1] === "" ? [...t, ""] : t).join(
-    (n.padRight ? " " : "") + "," + (n.padLeft === !1 ? "" : " ")
+function f(n) {
+  const i = [], t = String(n || "");
+  let e = t.indexOf(","), s = 0, r = !1;
+  for (; !r; ) {
+    e === -1 && (e = t.length, r = !0);
+    const o = t.slice(s, e).trim();
+    (o || !r) && i.push(o), s = e + 1, e = t.indexOf(",", s);
+  }
+  return i;
+}
+function c(n, i) {
+  const t = i || {};
+  return (n[n.length - 1] === "" ? [...n, ""] : n).join(
+    (t.padRight ? " " : "") + "," + (t.padLeft === !1 ? "" : " ")
   ).trim();
 }
 export {
-  o as stringify
+  f as parse,
+  c as stringify
 };