laif-ds 0.1.80 → 0.1.81

package/dist/_virtual/index.js

@@ -1,8 +1,6 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  m as default
+  i as s
 };

package/dist/_virtual/index2.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+var e = { exports: {} };
 export {
-  a as default
+  e as __module
 };

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index4.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  e as __module
+  x as default
 };

package/dist/_virtual/index5.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  e as __module
+  m as default
 };

package/dist/_virtual/index7.js

@@ -1,6 +1,5 @@
 "use client";
-import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
-var i = r();
+var e = { exports: {} };
 export {
-  i as s
+  e as __module
 };

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

@@ -1,36 +1,37 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as B } from "react/jsx-runtime";
 import * as n from "react";
-import { cn as N } from "../../lib/utils.js";
-import { Label as B } from "./label.js";
-import { Badge as F } from "./badge.js";
-import { Button as C } from "./button.js";
-import { Command as E, CommandList as G, CommandEmpty as V, CommandGroup as X, CommandItem as $ } from "./command.js";
-import { inputVariants as q } from "./input.js";
-import { Checkbox as H } from "./checkbox.js";
-import { Icon as I } from "./icon.js";
-import { CommandPortal as J } from "./command-portal.js";
-import K from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import Q from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const T = n.createContext({ size: "default" });
-function oe({
+import { cn as C } from "../../lib/utils.js";
+import { Label as F } from "./label.js";
+import { Badge as E } from "./badge.js";
+import { Button as y } from "./button.js";
+import { Command as G, CommandList as V, CommandEmpty as X, CommandGroup as $, CommandItem as q } from "./command.js";
+import { inputVariants as H } from "./input.js";
+import { Checkbox as I } from "./checkbox.js";
+import { Icon as J } from "./icon.js";
+import { CommandPortal as K } from "./command-portal.js";
+import Q from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import T from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const U = n.createContext({ size: "default" });
+function ie({
   options: s,
   value: a,
   onChange: o,
-  placeholder: y = "Seleziona...",
-  disabled: k = !1,
-  size: f = "default",
-  label: p,
-  labelClassName: z,
-  emptyMessage: M = "Nessun risultato trovato",
-  className: j,
-  filterPlaceholder: P = "Cerca...",
-  filterable: D = !1,
-  cancelLabel: L = "Cancella selezione",
-  cancelButtonLabel: R = "Cancella",
+  onClear: f,
+  placeholder: k = "Seleziona...",
+  disabled: z = !1,
+  size: p = "default",
+  label: h,
+  labelClassName: M,
+  emptyMessage: j = "Nessun risultato trovato",
+  className: P,
+  filterPlaceholder: D = "Cerca...",
+  filterable: L = !1,
+  cancelLabel: R = "Cancella selezione",
+  cancelButtonLabel: S = "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, b] = n.useState(!1), [d, g] = n.useState(""), v = n.useRef(null), w = n.useCallback(
     (e) => {
       if (a.includes(e))
         o(a.filter((i) => i !== e));
@@ -41,40 +42,40 @@ 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(
+  ), x = n.useCallback(() => {
+    o([]), g(""), f && f();
+  }, [o]), c = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), O = 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]);
-  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 }),
+  ) : s, [s, d]), N = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
+  return /* @__PURE__ */ r(U.Provider, { value: { size: p, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    h && /* @__PURE__ */ r(F, { htmlFor: m, className: M, children: h }),
     /* @__PURE__ */ l(
       "div",
       {
-        ref: g,
+        ref: v,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
         children: [
           /* @__PURE__ */ l(
-            C,
+            y,
             {
               id: m,
               type: "button",
               variant: "outline",
               role: "combobox",
               "aria-expanded": u,
-              disabled: k,
-              className: N(
+              disabled: z,
+              className: C(
                 "!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
+                P
               ),
-              onClick: () => h(!u),
+              onClick: () => b(!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: c.length > 0 ? /* @__PURE__ */ l(B, { children: [
                   /* @__PURE__ */ l(
-                    F,
+                    E,
                     {
                       variant: "secondary",
                       className: "flex items-center gap-1",
@@ -89,74 +90,74 @@ function oe({
                     {
                       className: "hover:bg-d-secondary flex h-5 w-5 items-center justify-center gap-1 rounded-full p-0",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), w();
+                        e.stopPropagation(), e.preventDefault(), x();
                       },
                       children: [
-                        /* @__PURE__ */ r(K, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ r("span", { className: "sr-only", children: L })
+                        /* @__PURE__ */ r(Q, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ r("span", { className: "sr-only", children: R })
                       ]
                     }
                   )
-                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: y }) }),
-                /* @__PURE__ */ r(Q, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
+                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: k }) }),
+                /* @__PURE__ */ r(T, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ),
           /* @__PURE__ */ r(
-            J,
+            K,
             {
               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: [
+              triggerRef: v,
+              onClose: () => b(!1),
+              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(G, { className: "bg-d-popover border-d-border w-full rounded-md border shadow-md", children: [
+                L && /* @__PURE__ */ l("div", { className: "border-d-border 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(J, { name: "Search", className: "text-d-accent", size: "sm" }),
                     /* @__PURE__ */ r(
                       "input",
                       {
                         id: "app-multiple-select-dropdown-filter",
-                        placeholder: P,
+                        placeholder: D,
                         value: d,
-                        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`
+                        onChange: (e) => g(e.target.value),
+                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${H({ size: p })} !shadow-none`
                       }
                     )
                   ] }),
                   c.length > 0 && /* @__PURE__ */ r(
-                    C,
+                    y,
                     {
                       variant: "ghost",
                       size: "sm",
                       className: "h-6 px-2 text-xs",
-                      onClick: w,
-                      children: R
+                      onClick: x,
+                      children: S
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l(G, { className: "max-h-60 w-full overflow-auto", children: [
-                  /* @__PURE__ */ r(V, { children: M }),
-                  /* @__PURE__ */ r(X, { children: S.map((e) => {
+                /* @__PURE__ */ l(V, { className: "max-h-60 w-full overflow-auto", children: [
+                  /* @__PURE__ */ r(X, { children: j }),
+                  /* @__PURE__ */ r($, { children: O.map((e) => {
                     const i = a.includes(e.value);
                     return /* @__PURE__ */ l(
-                      $,
+                      q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !i && x,
-                        onSelect: () => v(e.value),
-                        className: N(
+                        disabled: e.disabled || !i && N,
+                        onSelect: () => w(e.value),
+                        className: C(
                           "aria-selected:bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !i && x) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !i && N) && "cursor-not-allowed opacity-50"
                         ),
-                        onPointerDown: (O) => O.stopPropagation(),
+                        onPointerDown: (A) => A.stopPropagation(),
                         children: [
                           /* @__PURE__ */ r(
-                            H,
+                            I,
                             {
                               checked: i,
                               className: "mr-2 flex-shrink-0",
                               onCheckedChange: () => {
-                                console.log("checkbox change for:", e.value), v(e.value);
+                                console.log("checkbox change for:", e.value), w(e.value);
                               }
                             }
                           ),
@@ -176,5 +177,5 @@ function oe({
   ] }) });
 }
 export {
-  oe as AppMultipleSelectDropdown
+  ie as AppMultipleSelectDropdown
 };

package/dist/index.d.ts

@@ -142,7 +142,7 @@ declare interface AppEditorProps {
 
 declare type AppEditorToolbar = "block-format" | "font-format" | "history";
 
-export declare function AppMultipleSelectDropdown({ options, value, onChange, placeholder, disabled, size, label, labelClassName, emptyMessage, className, filterPlaceholder, filterable, cancelLabel, cancelButtonLabel, maxSelectedItems, }: MultipleSelectDropdownProps): JSX.Element;
+export declare function AppMultipleSelectDropdown({ options, value, onChange, onClear, placeholder, disabled, size, label, labelClassName, emptyMessage, className, filterPlaceholder, filterable, cancelLabel, cancelButtonLabel, maxSelectedItems, }: MultipleSelectDropdownProps): JSX.Element;
 
 export declare interface AppMultipleSelectOption {
     value: string;
@@ -1143,6 +1143,7 @@ declare interface MultipleSelectDropdownProps {
     options: AppMultipleSelectOption[];
     value: string[];
     onChange: (value: string[]) => void;
+    onClear?: () => void;
     placeholder?: string;
     disabled?: boolean;
     size?: MultipleSelectSizeType;

package/dist/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { s as e } from "../../../../_virtual/index7.js";
+import { s as e } from "../../../../_virtual/index.js";
 function s() {
   return e.useSyncExternalStore(
     r,

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index.js";
+import e from "../../_virtual/index5.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index5.js";
+import { __module as x } from "../../_virtual/index7.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, function(d) {

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index2.js";
+import S from "../../../_virtual/index3.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index.js";
+import e from "../../../../_virtual/index5.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index3.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../../_virtual/index4.js";
+import { __module as e } from "../../../_virtual/index2.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.development.js";
 var r;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.80",
+  "version": "0.1.81",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",