laif-ds 0.2.31 → 0.2.33

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "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 { 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 {
-  m as default
+  a as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "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);
+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 {
-  a as default
+  x as default
 };

package/dist/_virtual/index5.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 { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  x as default
+  m as default
 };

package/dist/components/ui/app-radio-group.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsxs as r, jsx as t, Fragment as G } from "react/jsx-runtime";
+import { cn as s } from "../../lib/utils.js";
+import { Icon as O } from "./icon.js";
+import { Label as j } from "./label.js";
+import { RadioGroup as C, RadioGroupItem as F } from "./radio-group.js";
+const a = ({ content: e }) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: e }) : e, I = ({ option: e }) => /* @__PURE__ */ r(G, { children: [
+  /* @__PURE__ */ r("div", { className: "text-d-foreground flex flex-row items-center gap-1.5 text-sm font-medium", children: [
+    e.icon && /* @__PURE__ */ t(O, { size: "xs", className: "min-h-4 min-w-4", name: e.icon }),
+    /* @__PURE__ */ t(a, { content: e.label })
+  ] }),
+  e.description && /* @__PURE__ */ t("div", { className: "text-d-foreground text-xs font-light", children: /* @__PURE__ */ t(a, { content: e.description }) })
+] }), P = ({
+  option: e,
+  optionId: c,
+  isDisabled: o,
+  isCard: n,
+  optionClassName: l
+}) => /* @__PURE__ */ r(
+  j,
+  {
+    htmlFor: c,
+    className: s(
+      "flex items-center gap-2",
+      o ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+      n && "bg-d-card border-d-border rounded-lg border p-2 shadow",
+      l
+    ),
+    children: [
+      /* @__PURE__ */ t(F, { value: e.value, id: c, disabled: o }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: s(
+            "flex flex-1 flex-col items-start gap-1",
+            o ? "cursor-not-allowed" : "cursor-pointer"
+          ),
+          children: /* @__PURE__ */ t(I, { option: e })
+        }
+      )
+    ]
+  }
+);
+function k({
+  options: e,
+  value: c,
+  defaultValue: o,
+  onValueChange: n,
+  label: l,
+  description: i,
+  disabled: x = !1,
+  required: f = !1,
+  name: u,
+  orientation: p = "vertical",
+  loop: h = !0,
+  className: g = "",
+  wrpClassName: v = "",
+  optionClassName: N = "",
+  layout: w = "default",
+  error: m
+}) {
+  const b = p === "horizontal", y = w === "card";
+  return /* @__PURE__ */ r("div", { className: s("flex w-full flex-col gap-2", v), children: [
+    (l || i) && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+      l && /* @__PURE__ */ r(
+        "div",
+        {
+          className: s(
+            "flex items-center gap-1 text-sm font-medium",
+            m ? "text-d-destructive" : "text-d-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ t(a, { content: l }),
+            f && /* @__PURE__ */ t("span", { children: "*" })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ t("div", { className: "text-bodySecondary text-xs", children: /* @__PURE__ */ t(a, { content: i }) })
+    ] }),
+    /* @__PURE__ */ t(
+      C,
+      {
+        value: c,
+        defaultValue: o,
+        onValueChange: n,
+        disabled: x,
+        required: f,
+        name: u,
+        orientation: p,
+        loop: h,
+        className: s(
+          "flex gap-2",
+          b ? "flex-row" : "flex-col",
+          g
+        ),
+        children: e.map((d) => {
+          const R = `${u || "radio"}-${d.value}`, z = x || !!d.disabled;
+          return /* @__PURE__ */ t(P, { isCard: y, ...{
+            option: d,
+            optionId: R,
+            isDisabled: z,
+            optionClassName: N
+          } }, d.value);
+        })
+      }
+    ),
+    m && /* @__PURE__ */ r("div", { className: "text-d-destructive text-xs font-medium", children: [
+      "*",
+      m
+    ] })
+  ] });
+}
+export {
+  k as AppRadioGroup
+};

package/dist/components/ui/radio-group.js

@@ -1,46 +1,61 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Root as t, Item as a, Indicator as s } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
-import { cn as e } from "../../lib/utils.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
-function m({
-  className: i,
-  ...o
+import { jsx as e } from "react/jsx-runtime";
+import { Root as a, Item as d, Indicator as s } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { cn as t } from "../../lib/utils.js";
+import n from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+function p({
+  className: o,
+  ...r
 }) {
-  return /* @__PURE__ */ r(
-    t,
+  return /* @__PURE__ */ e(
+    a,
     {
       "data-slot": "radio-group",
-      className: e("grid gap-3", i),
-      ...o
+      className: t("grid gap-3", o),
+      ...r
     }
   );
 }
-function p({
-  className: i,
-  ...o
+function f({
+  className: o,
+  disabled: r,
+  ...i
 }) {
-  return /* @__PURE__ */ r(
-    a,
+  return /* @__PURE__ */ e(
+    d,
     {
       "data-slot": "radio-group-item",
-      className: e(
-        "border-d-border text-d-primary focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        i
+      disabled: r,
+      className: t(
+        "text-d-primary aspect-square size-4 shrink-0 cursor-pointer rounded-full shadow-xs transition-[color,box-shadow] outline-none",
+        "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
+        "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px]",
+        // Red border when not selected, default border when selected
+        "data-[state=unchecked]:border-d-foreground data-[state=checked]:border-d-primary border",
+        r && "text-d-muted border-d-muted-foreground cursor-not-allowed opacity-50",
+        o
       ),
-      ...o,
-      children: /* @__PURE__ */ r(
+      ...i,
+      children: /* @__PURE__ */ e(
         s,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ r(d, { className: "fill-d-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(
+            n,
+            {
+              className: t(
+                "fill-d-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
+                r && "fill-d-muted-foreground"
+              )
+            }
+          )
         }
       )
     }
   );
 }
 export {
-  m as RadioGroup,
-  p as RadioGroupItem
+  p as RadioGroup,
+  f as RadioGroupItem
 };

package/dist/components/ui/secure-pdf-viewer.js

@@ -1,54 +1,61 @@
 "use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Button as p } from "./button.js";
-import { Icon as i } from "./icon.js";
-import { useState as s, useRef as C, useMemo as h, useEffect as x } from "react";
-import "../../node_modules/react-pdf/dist/index.js";
-/* empty css                                                         */
-/* empty css                                                   */
-import L from "../../node_modules/react-pdf/dist/Document.js";
-import k from "../../node_modules/react-pdf/dist/Page.js";
-import { GlobalWorkerOptions as W } from "../../node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.js";
-W.workerSrc = "https://unpkg.com/pdfjs-dist@5.3.93/build/pdf.worker.min.mjs";
-function G({
-  url: a,
-  initialPage: w = 1,
-  className: N = ""
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Button as v } from "./button.js";
+import { Icon as s } from "./icon.js";
+import { useState as l, useRef as W, useMemo as N, useEffect as d } from "react";
+import "react-pdf/dist/Page/AnnotationLayer.css";
+import "react-pdf/dist/Page/TextLayer.css";
+function R({
+  url: m,
+  initialPage: g = 1,
+  className: u = ""
 }) {
-  const [c, g] = s(), [t, m] = s(w), [d, u] = s(null), n = C(null), [v, f] = s(950), b = h(() => ({ url: a }), [a]), P = h(
-    () => ({
-      cMapUrl: "https://unpkg.com/pdfjs-dist@5.3.93/cmaps/",
-      cMapPacked: !0
-    }),
-    []
-  ), E = ({ numPages: r }) => {
-    g(r), u(null), setTimeout(() => {
+  const [o, j] = l(null), [a, P] = l(), [t, f] = l(g), [p, h] = l(null), n = W(null), [b, x] = l(950), E = N(() => ({ url: m }), [m]), w = N(() => o ? {
+    cMapUrl: `https://unpkg.com/pdfjs-dist@${o.pdfjs.version}/cmaps/`,
+    cMapPacked: !0
+  } : null, [o]);
+  d(() => {
+    if (typeof window > "u") return;
+    let r = !0;
+    return import("react-pdf").then((i) => {
+      r && (i.pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${i.pdfjs.version}/build/pdf.worker.min.mjs`, j(i));
+    }), () => {
+      r = !1;
+    };
+  }, []);
+  const L = ({ numPages: r }) => {
+    P(r), h(null), setTimeout(() => {
       if (n.current) {
-        const l = n.current.clientWidth;
-        f(l - 32);
+        const i = n.current.clientWidth;
+        x(i - 32);
       }
     }, 50);
-  }, j = (r) => {
-    console.error("PDF Load Error:", r), u(r.message || "Errore nel caricamento del PDF");
+  }, y = (r) => {
+    console.error("PDF Load Error:", r), h(r.message || "Errore nel caricamento del PDF");
   };
-  return x(() => {
+  if (d(() => {
     n.current && (n.current.scrollTop = 0);
-  }, [t]), x(() => {
+  }, [t]), d(() => {
     const r = () => {
       if (n.current) {
-        const l = n.current.clientWidth;
-        f(l - 32);
+        const i = n.current.clientWidth;
+        x(i - 32);
       }
     };
     return r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), d ? /* @__PURE__ */ o("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-3", children: [
-    /* @__PURE__ */ e(i, { name: "AlertCircle", className: "h-12 w-12" }),
-    /* @__PURE__ */ e("p", { className: "font-semibold", children: "Errore nel caricamento del PDF" }),
-    /* @__PURE__ */ e("p", { className: "text-d-muted-foreground text-sm", children: d })
-  ] }) : /* @__PURE__ */ o(
+  }, []), p)
+    return /* @__PURE__ */ c("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-3", children: [
+      /* @__PURE__ */ e(s, { name: "AlertCircle", className: "h-12 w-12" }),
+      /* @__PURE__ */ e("p", { className: "font-semibold", children: "Errore nel caricamento del PDF" }),
+      /* @__PURE__ */ e("p", { className: "text-d-muted-foreground text-sm", children: p })
+    ] });
+  if (!o || !w)
+    return /* @__PURE__ */ e("div", { className: `flex min-h-[600px] w-full flex-col items-center ${u}`, children: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] w-full items-center justify-center", children: /* @__PURE__ */ e(s, { name: "Loader2", className: "text-d-primary h-8 w-8 animate-spin" }) }) });
+  const { Document: C, Page: k } = o;
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: `flex min-h-[600px] w-full flex-col items-center ${N}`,
+      className: `flex min-h-[600px] w-full flex-col items-center ${u}`,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -56,53 +63,53 @@ function G({
             ref: n,
             className: "border-d-border max-h-[500px] w-full overflow-auto rounded border",
             children: /* @__PURE__ */ e(
-              L,
+              C,
               {
-                file: b,
-                onLoadSuccess: E,
-                onLoadError: j,
-                options: P,
+                file: E,
+                onLoadSuccess: L,
+                onLoadError: y,
+                options: w,
                 loading: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] items-center justify-center", children: /* @__PURE__ */ e(
-                  i,
+                  s,
                   {
                     name: "Loader2",
                     className: "text-d-primary h-8 w-8 animate-spin"
                   }
                 ) }),
-                error: /* @__PURE__ */ o("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-2", children: [
-                  /* @__PURE__ */ e(i, { name: "AlertCircle", className: "h-12 w-12" }),
+                error: /* @__PURE__ */ c("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-2", children: [
+                  /* @__PURE__ */ e(s, { name: "AlertCircle", className: "h-12 w-12" }),
                   /* @__PURE__ */ e("p", { children: "Errore nel caricamento del PDF" })
                 ] }),
                 className: "h-full min-h-[600px] w-full border-0",
-                children: /* @__PURE__ */ e(k, { pageNumber: t, width: v })
+                children: /* @__PURE__ */ e(k, { pageNumber: t, width: b })
               }
             )
           }
         ),
-        /* @__PURE__ */ o("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
+        /* @__PURE__ */ c("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
           /* @__PURE__ */ e(
-            p,
+            v,
             {
-              onClick: () => m(Math.max(1, t - 1)),
+              onClick: () => f(Math.max(1, t - 1)),
               disabled: t <= 1,
               variant: "outline",
               size: "sm",
-              children: /* @__PURE__ */ e(i, { name: "ChevronLeft", className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(s, { name: "ChevronLeft", className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ o("p", { className: "text-d-foreground text-sm", children: [
+          /* @__PURE__ */ c("p", { className: "text-d-foreground text-sm", children: [
             t,
             " / ",
-            c
+            a
           ] }),
           /* @__PURE__ */ e(
-            p,
+            v,
             {
-              onClick: () => m(Math.min(c || 1, t + 1)),
-              disabled: t >= (c || 1),
+              onClick: () => f(Math.min(a || 1, t + 1)),
+              disabled: t >= (a || 1),
               variant: "outline",
               size: "sm",
-              children: /* @__PURE__ */ e(i, { name: "ChevronRight", className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(s, { name: "ChevronRight", className: "h-4 w-4" })
             }
           )
         ] })
@@ -111,5 +118,5 @@ function G({
   );
 }
 export {
-  G as SecurePdfViewer
+  R as SecurePdfViewer
 };

package/dist/components/ui/textarea.js

@@ -1,31 +1,32 @@
 "use client";
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { Label as s } from "./label.js";
-import { cn as l } from "../../lib/utils.js";
-function x({
-  className: i,
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Label as c } from "./label.js";
+import { cn as i } from "../../lib/utils.js";
+function b({
+  wrpClassName: d,
+  className: o,
   label: e,
-  labelClassName: d,
-  id: o,
-  ...a
+  labelClassName: a,
+  id: n,
+  ...s
 }) {
-  const r = o || (e ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
-    e && /* @__PURE__ */ t(s, { htmlFor: r, className: d, children: e }),
+  const r = n || (e ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ l("div", { className: i("space-y-1.5", d), children: [
+    e && /* @__PURE__ */ t(c, { htmlFor: r, className: a, children: e }),
     /* @__PURE__ */ t(
       "textarea",
       {
         id: r,
         "data-slot": "textarea",
-        className: l(
+        className: i(
           "border-d-input placeholder:text-d-muted-foreground focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive !bg-d-input flex field-sizing-content min-h-16 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          i
+          o
         ),
-        ...a
+        ...s
       }
     )
   ] });
 }
 export {
-  x as Textarea
+  b as Textarea
 };

package/dist/index.d.ts

@@ -143,14 +143,49 @@ declare interface AppEditorProps {
 
 declare type AppEditorToolbar = "block-format" | "font-format" | "history";
 
+/**
+ * @deprecated This component is deprecated. Please use AppSelect component instead.
+ */
 export declare function AppMultipleSelectDropdown({ options, value, onChange, onClear, placeholder, disabled, size, label, labelClassName, emptyMessage, className, searchPlaceholder, searchable, cancelLabel, maxSelectedItems, }: MultipleSelectDropdownProps): JSX.Element;
 
+/**
+ * @deprecated This interface is deprecated. Please use AppSelect component instead.
+ */
 export declare interface AppMultipleSelectOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
 
+export declare function AppRadioGroup({ options, value, defaultValue, onValueChange, label, description, disabled, required, name, orientation, loop, className, wrpClassName, optionClassName, layout, error, }: AppRadioGroupProps): JSX.Element;
+
+export declare interface AppRadioGroupOption {
+    value: string;
+    label: string | React_2.ReactNode;
+    description?: string | React_2.ReactNode;
+    disabled?: boolean;
+    icon?: IconName;
+}
+
+export declare interface AppRadioGroupProps {
+    options: AppRadioGroupOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: string | React_2.ReactNode;
+    description?: string | React_2.ReactNode;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    orientation?: "horizontal" | "vertical";
+    loop?: boolean;
+    className?: string;
+    wrpClassName?: string;
+    optionClassName?: string;
+    layout?: "default" | "card";
+    error?: string;
+}
+
 export declare function AppSelect(props: AppSelectProps): JSX.Element;
 
 export declare interface AppSelectOption {
@@ -1412,6 +1447,9 @@ declare interface MessageListProps {
 
 declare type MessagePart = TextPart | ReasoningPart | ToolInvocationPart | SourcePart;
 
+/**
+ * @deprecated This component is deprecated. Please use AppSelect component instead.
+ */
 declare interface MultipleSelectDropdownProps {
     options: AppMultipleSelectOption[];
     value: string[];
@@ -1430,8 +1468,14 @@ declare interface MultipleSelectDropdownProps {
     cancelLabel?: string;
 }
 
+/**
+ * @deprecated This component is deprecated. Please use AppSelect component instead.
+ */
 export declare const MultipleSelector: React_2.ForwardRefExoticComponent<MultipleSelectorProps & React_2.RefAttributes<MultipleSelectorRef>>;
 
+/**
+ * @deprecated This component is deprecated. Please use AppSelect component instead.
+ */
 declare interface MultipleSelectorProps {
     value?: Option_2[];
     defaultOptions?: Option_2[];
@@ -1487,6 +1531,9 @@ declare interface MultipleSelectorProps {
     hideClearAllButton?: boolean;
 }
 
+/**
+ * @deprecated This interface is deprecated. Please use AppSelect component instead.
+ */
 export declare interface MultipleSelectorRef {
     selectedValue: Option_2[];
     input: HTMLInputElement;
@@ -1564,6 +1611,9 @@ declare type OnBarChangeType<T extends Record<string, unknown> = any> = (barData
 
 declare type OnBarDoubleClickType<T extends Record<string, unknown> = any> = (barData: GanttItemDataType<T>) => any;
 
+/**
+ * @deprecated This interface is deprecated. Please use AppSelect component instead.
+ */
 declare interface Option_2 {
     value: string;
     label: string;
@@ -1637,7 +1687,7 @@ declare interface PromptSuggestionsProps {
 
 export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
 
-export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
+export declare function RadioGroupItem({ className, disabled, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
 
 declare type RawGanttDataType<T = Record<string, unknown>> = {
     /**
@@ -1963,7 +2013,8 @@ export declare function TabsList({ className, ...props }: React_2.ComponentProps
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
 
-export declare function Textarea({ className, label, labelClassName, id, ...props }: React_2.ComponentProps<"textarea"> & {
+export declare function Textarea({ wrpClassName, className, label, labelClassName, id, ...props }: React_2.ComponentProps<"textarea"> & {
+    wrpClassName?: string;
     label?: React_2.ReactNode;
     labelClassName?: string;
 }): JSX.Element;