laif-ds 0.2.30 → 0.2.32

package/dist/_virtual/index2.js

@@ -1,8 +1,5 @@
 "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);
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

package/dist/_virtual/index3.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/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/warning.js

@@ -0,0 +1,8 @@
+"use client";
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/warning/warning.js";
+var t = e();
+const i = /* @__PURE__ */ r(t);
+export {
+  i 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/file-previewer.js

@@ -2,98 +2,108 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { createAsk as w } from "../../node_modules/use-ask/dist/index.js";
 import { Dialog as x, DialogContent as g, DialogHeader as N, DialogTitle as y } from "./dialog.js";
-import { Icon as b } from "./icon.js";
-import { guessKind as P, isHttpUrl as A, getOfficeEmbedUrl as D } from "../../lib/file-preview.js";
-import { cn as O } from "../../lib/utils.js";
+import { Icon as P } from "./icon.js";
+import { SecurePdfViewer as b } from "./secure-pdf-viewer.js";
+import { guessKind as A, isHttpUrl as D, getOfficeEmbedUrl as O } from "../../lib/file-preview.js";
+import { cn as F } from "../../lib/utils.js";
 import { useMemo as c } from "react";
-const [p, F] = w({});
+const [p, T] = w({});
 function h(e) {
   return typeof e == "string" ? { url: e } : e || {};
 }
-async function H(e) {
+async function q(e) {
   return p.ask(h(e));
 }
-function S(e) {
+function B(e) {
   return p.safeAsk(h(e));
 }
-const q = () => {
-  const [{ payload: e }, { asking: t, ok: n }] = F(), l = e?.url, o = e?.readOnly, a = e?.page, i = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
+const E = () => {
+  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, o = e?.page, t = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
     if (!e?.url) return null;
     const s = new URL(e?.url), u = s.searchParams.get("response-content-type") || s.searchParams.get("content-type"), d = e?.mimeType || u || "";
-    return P({
+    return A({
       mimeType: d,
-      filename: i,
+      filename: t,
       url: e?.url
     });
-  }, [e?.mimeType, i, e?.url]), v = c(
+  }, [e?.mimeType, t, e?.url]), v = c(
     () => /* @__PURE__ */ f("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r(b, { name: "File", className: "h-4 w-4" }),
-      e?.title || i
+      /* @__PURE__ */ r(P, { name: "File", className: "h-4 w-4" }),
+      e?.title || t
     ] }),
-    [e?.title, i]
+    [e?.title, t]
   );
-  return /* @__PURE__ */ r(x, { open: t, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
+  return /* @__PURE__ */ r(x, { open: i, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
     /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(y, { children: v }) }),
-    /* @__PURE__ */ r("div", { className: O("relative", "max-h-[80vh] overflow-auto p-1"), children: m && l ? /* @__PURE__ */ r(
-      T,
+    /* @__PURE__ */ r("div", { className: F("relative", "max-h-[80vh] overflow-auto p-1"), children: m && l ? /* @__PURE__ */ r(
+      j,
       {
         kind: m,
         src: l,
         officeUrl: l,
-        readOnly: o,
-        page: a
+        readOnly: a,
+        page: o
       }
     ) : null })
   ] }) });
-}, T = ({
+}, j = ({
   kind: e,
-  src: t,
+  src: i,
   officeUrl: n,
   readOnly: l = !1,
-  page: o = 0
+  page: a = 0
 }) => {
-  if (!t && e !== "text" && e !== "office")
+  if (!i && e !== "text" && e !== "office")
     return /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
   switch (e) {
     case "image":
       return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r(
         "img",
         {
-          src: t,
+          src: i,
           alt: "preview",
           className: "max-h-[78vh] w-auto max-w-full object-contain"
         }
       ) });
     case "pdf":
-      let a = t;
-      return o > 0 && (a += "#page=" + o), l && (a += "#toolbar=0"), /* @__PURE__ */ r(
+      if (l && i)
+        return /* @__PURE__ */ r(
+          b,
+          {
+            url: i,
+            initialPage: a || 1,
+            className: "w-full"
+          }
+        );
+      let o = i;
+      return a > 0 && (o += "#page=" + a), /* @__PURE__ */ r(
         "iframe",
         {
-          src: a,
+          src: o,
           title: "PDF Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
     case "audio":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: t }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "video":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: t }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "text":
       return /* @__PURE__ */ r(
         "iframe",
         {
-          src: t,
+          src: i,
           title: "Text Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
     case "office": {
-      if (n && A(n)) {
-        const i = D(n);
+      if (n && D(n)) {
+        const t = O(n);
         return /* @__PURE__ */ r(
           "iframe",
           {
-            src: i,
+            src: t,
             title: "Office Preview",
             className: "h-[78vh] w-full rounded"
           }
@@ -106,7 +116,7 @@ const q = () => {
   }
 };
 export {
-  q as FilePreviewer,
-  H as previewFileModal,
-  S as safePreviewFileModal
+  E as FilePreviewer,
+  q as previewFileModal,
+  B as safePreviewFileModal
 };

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

@@ -0,0 +1,115 @@
+"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 = ""
+}) {
+  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(() => {
+      if (n.current) {
+        const l = n.current.clientWidth;
+        f(l - 32);
+      }
+    }, 50);
+  }, j = (r) => {
+    console.error("PDF Load Error:", r), u(r.message || "Errore nel caricamento del PDF");
+  };
+  return x(() => {
+    n.current && (n.current.scrollTop = 0);
+  }, [t]), x(() => {
+    const r = () => {
+      if (n.current) {
+        const l = n.current.clientWidth;
+        f(l - 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(
+    "div",
+    {
+      className: `flex min-h-[600px] w-full flex-col items-center ${N}`,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            ref: n,
+            className: "border-d-border max-h-[500px] w-full overflow-auto rounded border",
+            children: /* @__PURE__ */ e(
+              L,
+              {
+                file: b,
+                onLoadSuccess: E,
+                onLoadError: j,
+                options: P,
+                loading: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] items-center justify-center", children: /* @__PURE__ */ e(
+                  i,
+                  {
+                    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" }),
+                  /* @__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 })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              onClick: () => m(Math.max(1, t - 1)),
+              disabled: t <= 1,
+              variant: "outline",
+              size: "sm",
+              children: /* @__PURE__ */ e(i, { name: "ChevronLeft", className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ o("p", { className: "text-d-foreground text-sm", children: [
+            t,
+            " / ",
+            c
+          ] }),
+          /* @__PURE__ */ e(
+            p,
+            {
+              onClick: () => m(Math.min(c || 1, t + 1)),
+              disabled: t >= (c || 1),
+              variant: "outline",
+              size: "sm",
+              children: /* @__PURE__ */ e(i, { name: "ChevronRight", className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  G 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
 };