laif-ds 0.2.71 → 0.2.73

package/dist/components/ui/file-preview/index.js

@@ -0,0 +1,460 @@
+"use client";
+import { jsx as r, jsxs as m, Fragment as T } from "react/jsx-runtime";
+import { getNameOrUrl as z, getExt as F, getMimeFromFile as $, imageExts as K, isFile as D, getFileMetadata as B, getFormatIcon as W, formatMetadata as q } from "../../../lib/file-preview.js";
+import { cva as v } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { motion as G } from "framer-motion";
+import f, { useEffect as U, Fragment as X } from "react";
+import { Button as H } from "../button.js";
+import { DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as Y, DropdownMenuSeparator as Z, DropdownMenuItem as ee } from "../dropdown-menu.js";
+import { Icon as P } from "../icon.js";
+import { Spinner as te } from "../spinner.js";
+import { cn as x } from "../../../lib/utils.js";
+const re = {
+  layout: !0,
+  initial: { opacity: 0, y: "100%" },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: "100%" }
+}, ae = v(
+  "group/file ring-d-ring focus-visible:ring-d-accent relative flex items-center gap-1.5 overflow-hidden rounded-md transition-colors focus-within:ring focus-visible:ring focus-visible:outline-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-d-card border-d-muted border",
+        outline: "border-d-border bg-transparent border hover:bg-d-accent/50 hover:border-d-foreground/70",
+        ghost: "bg-transparent hover:bg-d-accent/50"
+      },
+      size: {
+        default: "max-w-48 p-0.5 text-sm",
+        sm: "max-w-36 p-0.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), V = v(
+  "aspect-square h-full shrink-0 rounded-sm",
+  {
+    variants: {
+      size: {
+        default: "min-h-10 max-w-10 bg-d-secondary",
+        sm: "min-h-8 max-w-8"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), ne = v("", {
+  variants: {
+    size: {
+      default: "h-5 w-5",
+      sm: "h-4 w-4"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+}), ie = v(
+  "flex max-w-full overflow-hidden whitespace-nowrap",
+  {
+    variants: {
+      size: {
+        default: "text-sm",
+        sm: "text-xs"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), oe = v("text-d-muted-foreground", {
+  variants: {
+    size: {
+      default: "text-sm",
+      sm: "text-xs"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+}), se = v(
+  "hover:bg-d-accent hover:text-d-accent-foreground data-[state=open]:bg-d-accent data-[state=open]:text-d-accent-foreground  cursor-pointer focus-visible:bg-d-accent rounded-r-sm focus-visible:outline-none",
+  {
+    variants: {
+      size: {
+        default: "h-full min-h-10 px-0.5",
+        sm: "h-full min-h-8 px-0.5"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), le = v(
+  "absolute flex self-start overflow-visible rounded-sm p-0.5 text-xs opacity-0 group-hover/file:opacity-100 before:absolute before:top-0 before:right-1/2 before:-z-10 before:h-[400%] before:w-[300%] before:translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-radial before:from-50% before:to-transparent before:to-80% before:blur-xs before:content-[''] focus-visible:opacity-100",
+  {
+    variants: {
+      variant: {
+        default: "bg-d-card hover:bg-d-card before:from-d-card",
+        outline: "bg-d-background hover:bg-d-background before:from-d-background",
+        ghost: "before:from-d-background"
+      },
+      size: {
+        default: "top-1 right-1 !size-4.5",
+        sm: "top-1 right-1 !size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), j = f.createContext({ variant: "default", size: "default" }), N = () => f.useContext(j), I = ({
+  sizeLabel: e,
+  formatLabel: a
+}) => {
+  const { size: o } = N(), t = q(e, a);
+  return t ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: oe({ size: o }),
+      "aria-label": `${e ? `Size: ${e}` : ""}${e && a ? ", " : ""}${a ? `Format: ${a}` : ""}`,
+      children: t
+    }
+  ) : null;
+}, ce = ({
+  fileUrl: e,
+  fileName: a
+}) => {
+  const { size: o } = N(), [t, n] = f.useState(e), s = F(a);
+  f.useEffect(() => {
+    n(e);
+  }, [e]);
+  const c = () => {
+    n(void 0);
+  };
+  return t ? /* @__PURE__ */ r(
+    "img",
+    {
+      alt: a,
+      className: x(V({ size: o }), "object-cover"),
+      width: 40,
+      height: 40,
+      loading: "lazy",
+      onError: c,
+      decoding: "async",
+      src: t
+    }
+  ) : /* @__PURE__ */ r(k, { ext: s, mimeType: "image/*" });
+}, k = ({
+  className: e,
+  ext: a,
+  mimeType: o
+}) => {
+  const { size: t } = N(), { iconName: n, colorClass: s } = W(a ?? "", o);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: x(
+        V({ size: t }),
+        "flex items-center justify-center",
+        e
+      ),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r(
+        P,
+        {
+          name: n,
+          className: x(ne({ size: t }), s),
+          "aria-hidden": "true"
+        }
+      )
+    }
+  );
+}, de = ({
+  url: e,
+  onPreview: a,
+  onDownload: o,
+  onRemove: t,
+  disabled: n = !1
+}) => {
+  const { size: s } = N(), [c, h] = f.useState(!1), [b, g] = f.useState(
+    null
+  ), u = [
+    {
+      key: "preview",
+      cond: !!a,
+      icon: "Presentation",
+      label: "Anteprima",
+      onSelect: a
+    },
+    {
+      key: "download",
+      cond: !!o,
+      icon: "Download",
+      label: "Download",
+      onSelect: o
+    },
+    {
+      key: "remove",
+      cond: !!t,
+      icon: "Trash",
+      label: "Elimina",
+      onSelect: t,
+      danger: !0
+    }
+  ], w = async (i) => {
+    if (i.onSelect && !b)
+      try {
+        const d = i.onSelect(e);
+        typeof d?.then == "function" && (g(i.key), await d);
+      } catch (d) {
+        console.error(d);
+      } finally {
+        g(null), h(!1);
+      }
+  };
+  return /* @__PURE__ */ m(J, { onOpenChange: (i) => h(i), open: c, children: [
+    /* @__PURE__ */ r(
+      Q,
+      {
+        disabled: n || !e,
+        className: se({ size: s }),
+        "aria-label": "File actions",
+        onClick: (i) => i.stopPropagation(),
+        onKeyDown: (i) => i.stopPropagation(),
+        children: /* @__PURE__ */ r(
+          P,
+          {
+            name: "ChevronDown",
+            className: x(s === "sm" ? "size-3" : "size-4"),
+            "aria-hidden": "true"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      Y,
+      {
+        align: "end",
+        onClick: (i) => i.stopPropagation(),
+        onPointerDown: (i) => i.stopPropagation(),
+        children: u.filter((i) => i.cond).map((i, d, y) => /* @__PURE__ */ m(X, { children: [
+          i.danger && y.length > 1 && /* @__PURE__ */ r(Z, {}),
+          /* @__PURE__ */ m(
+            ee,
+            {
+              onSelect: (S) => {
+                S.preventDefault(), w(i);
+              },
+              variant: i.danger ? "destructive" : "default",
+              disabled: !!b,
+              children: [
+                b === i.key ? /* @__PURE__ */ r(te, { size: "sm" }) : /* @__PURE__ */ r(P, { name: i.icon, size: "sm" }),
+                /* @__PURE__ */ r("span", { children: i.label })
+              ]
+            }
+          )
+        ] }, i.key))
+      }
+    )
+  ] });
+}, O = ({
+  name: e,
+  className: a
+}) => {
+  const { size: o } = N(), t = e.lastIndexOf("."), n = t > 0 && t < e.length - 1, s = n ? e.slice(0, t) : e, c = n ? e.slice(t + 1) : "";
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: x(ie({ size: o }), a),
+      title: e,
+      children: [
+        /* @__PURE__ */ r("span", { className: "shrink-1 truncate", children: s }),
+        c && /* @__PURE__ */ r("span", { className: "w-fit", children: `.${c}` })
+      ]
+    }
+  );
+}, Pe = f.forwardRef(
+  (e, a) => {
+    const o = z(e.file), t = F(o), n = $(e.file), s = t === "csv" || n === "text/csv";
+    return n && n.startsWith("image/") || t && K.has(t) ? /* @__PURE__ */ r(fe, { ...e, ref: a }) : !s && (t === "txt" || t === "md" || n && n.startsWith("text/")) ? /* @__PURE__ */ r(ue, { ...e, ref: a }) : /* @__PURE__ */ r(me, { ...e, ref: a });
+  }
+), L = f.forwardRef(
+  ({
+    file: e,
+    clickable: a = !0,
+    onRemove: o,
+    onPreview: t,
+    onDownload: n,
+    showActionMenu: s = !1,
+    className: c,
+    defaultClassName: h,
+    children: b,
+    onClick: g,
+    variant: u = "default",
+    size: w = "default"
+  }, i) => {
+    const [d, y] = f.useState(
+      () => D(e) ? "" : e.url
+    );
+    U(() => {
+      if (D(e)) {
+        const l = URL.createObjectURL(e);
+        return y(l), () => {
+          URL.revokeObjectURL(l);
+        };
+      } else
+        y(e.url);
+    }, [e]);
+    const S = B(e), R = z(e), M = !s && !!g, p = a && (!!t || M), E = async (l) => {
+      if (M) {
+        try {
+          await g(l);
+        } catch (C) {
+          console.error(C);
+        }
+        return;
+      }
+      if (t) {
+        try {
+          await t(d);
+        } catch (C) {
+          console.error(C);
+        }
+        return;
+      }
+    }, A = (l) => {
+      p && (l.stopPropagation(), E(l));
+    }, _ = (l) => {
+      p && (l.stopPropagation(), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), E(l)));
+    };
+    return /* @__PURE__ */ r(
+      G.div,
+      {
+        ref: i,
+        role: p ? "button" : "group",
+        tabIndex: p ? 0 : -1,
+        "aria-label": `File: ${R}`,
+        className: x(
+          ae({ variant: u, size: w }),
+          p && "cursor-pointer",
+          h,
+          c
+        ),
+        onClick: p ? A : void 0,
+        onKeyDown: p ? _ : void 0,
+        ...re,
+        children: /* @__PURE__ */ m(j.Provider, { value: { variant: u, size: w }, children: [
+          /* @__PURE__ */ m("div", { className: "flex h-full w-full min-w-0 items-center gap-1", children: [
+            b(d, S),
+            s && /* @__PURE__ */ r(
+              de,
+              {
+                url: d,
+                onPreview: t,
+                onDownload: n,
+                onRemove: o,
+                disabled: !d
+              }
+            )
+          ] }),
+          !s && o ? /* @__PURE__ */ r(
+            H,
+            {
+              className: le({ variant: u, size: w }),
+              variant: "ghost",
+              size: "icon",
+              "aria-label": `Remove ${R}`,
+              disabled: !d,
+              onClick: (l) => {
+                l.stopPropagation(), d && o(d);
+              },
+              children: /* @__PURE__ */ r(P, { name: "X", className: "size-full", "aria-hidden": "true" })
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+), fe = f.forwardRef(({ showThumbnail: e = !0, ...a }, o) => {
+  const t = z(a.file);
+  return /* @__PURE__ */ r(L, { ...a, ref: o, children: (n, s) => /* @__PURE__ */ m(T, { children: [
+    e ? /* @__PURE__ */ r(ce, { fileUrl: n, fileName: t }) : /* @__PURE__ */ r(k, { ext: F(t), mimeType: "image/*" }),
+    /* @__PURE__ */ m("div", { className: "mr-1 flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ r(O, { name: t, className: "inline-flex min-w-0 flex-1" }),
+      /* @__PURE__ */ r(
+        I,
+        {
+          sizeLabel: s.sizeLabel,
+          formatLabel: s.formatLabel
+        }
+      )
+    ] })
+  ] }) });
+}), ue = f.forwardRef(({ file: e, showThumbnail: a = !0, ...o }, t) => {
+  const [n, s] = f.useState(null), c = z(e), h = o.size ?? "default";
+  U(() => {
+    if (D(e)) {
+      const g = new FileReader();
+      return g.onload = (u) => {
+        u.target?.result && s(
+          typeof u.target.result == "string" ? u.target.result.slice(0, 100) : ""
+        );
+      }, g.readAsText(e), () => {
+        g.abort();
+      };
+    } else
+      s(null);
+  }, [e]);
+  const b = "text/plain";
+  return /* @__PURE__ */ r(L, { ...o, ref: t, file: e, children: (g, u) => /* @__PURE__ */ m(T, { children: [
+    n && a ? /* @__PURE__ */ r(
+      "div",
+      {
+        className: x(
+          V({ size: h }),
+          "flex items-start justify-start overflow-hidden p-0.5 leading-tight",
+          h === "sm" ? "text-[7px]" : "text-[8px]"
+        ),
+        title: n,
+        "aria-label": "Text preview",
+        role: "img",
+        children: n
+      }
+    ) : /* @__PURE__ */ r(k, { mimeType: b }),
+    /* @__PURE__ */ m("div", { className: "mr-1 min-w-0 flex-1", children: [
+      /* @__PURE__ */ r(O, { name: c, className: "inline-flex min-w-0 flex-1" }),
+      /* @__PURE__ */ r(
+        I,
+        {
+          sizeLabel: u.sizeLabel,
+          formatLabel: u.formatLabel
+        }
+      )
+    ] })
+  ] }) });
+}), me = f.forwardRef((e, a) => {
+  const o = z(e.file), t = F(o), n = $(e.file);
+  return /* @__PURE__ */ r(L, { ...e, ref: a, children: (s, c) => /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ r(k, { ext: t, mimeType: n }),
+    /* @__PURE__ */ m("div", { className: "mr-1 flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ r(O, { name: o, className: "inline-flex min-w-0 flex-1" }),
+      /* @__PURE__ */ r(
+        I,
+        {
+          sizeLabel: c.sizeLabel,
+          formatLabel: c.formatLabel
+        }
+      )
+    ] })
+  ] }) });
+});
+export {
+  Pe as FilePreview,
+  me as GenericFilePreview,
+  fe as ImageFilePreview,
+  ue as TextFilePreview
+};

package/dist/components/ui/file-uploader.js

@@ -3,7 +3,7 @@ import { jsxs as v, jsx as r, Fragment as B } from "react/jsx-runtime";
 import l from "react";
 import { Button as S } from "./button.js";
 import { Card as P, CardHeader as _, CardTitle as W, CardContent as H } from "./card.js";
-import { FilePreview as k } from "./file-preview.js";
+import { FilePreview as k } from "./file-preview/index.js";
 import { Icon as K } from "./icon.js";
 import { Input as O } from "./input.js";
 const U = {

package/dist/components/ui/message-input.js

@@ -5,7 +5,7 @@ import { useState as y, useEffect as S, useRef as Q } from "react";
 import { omit as T } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
 import { AudioVisualizer as X } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
-import { FilePreview as Y } from "./file-preview.js";
+import { FilePreview as Y } from "./file-preview/index.js";
 import { InterruptPrompt as Z } from "./interrupt-prompt.js";
 import { useAudioRecording as _ } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as $ } from "../../hooks/use-autosize-textarea.js";

package/dist/index.d.ts

@@ -265,6 +265,14 @@ export declare type AppKanbanColumn = {
     id: string;
     label: string;
     disabled?: boolean;
+    /**
+     * Prevent dropping cards into this column.
+     */
+    disableOnDragIn?: boolean;
+    /**
+     * Prevent dragging cards out of this column.
+     */
+    disableOnDragOut?: boolean;
 };
 
 export declare type AppKanbanConfig<T = any> = {
@@ -418,6 +426,10 @@ export declare interface AppTimePickerProps {
     useUtc?: boolean;
     /** Show seconds column in the time picker. @default false */
     withSeconds?: boolean;
+    /** Step interval for minute options. Must be between 1 and 59. @default 1 */
+    minuteStep?: number;
+    /** Step interval for second options. Must be between 1 and 59. @default 1 */
+    secondStep?: number;
     /** HTML `id` for the trigger element. */
     id?: string;
     /** `data-testid` attribute for E2E testing (e.g. Playwright). */
@@ -567,7 +579,7 @@ export declare interface BadgeProps extends React_2.ComponentPropsWithoutRef<"sp
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "warning" | "success" | "outline" | "outline-primary" | "outline-destructive" | "outline-warning" | "outline-success" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | "ghost-warning" | "ghost-success" | null | undefined;
+    variant?: "link" | "default" | "outline" | "ghost" | "destructive" | "warning" | "success" | "outline-primary" | "outline-destructive" | "outline-warning" | "outline-success" | "secondary" | "ghost-destructive" | "ghost-accent" | "ghost-warning" | "ghost-success" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type BarItemDataType = RepeatDataType | NoRepeatDataType;
@@ -639,7 +651,7 @@ export declare type ButtonSize = "default" | "sm" | "lg" | "icon";
 export declare type ButtonVariant = "default" | "destructive" | "outline" | "outline-primary" | "outline-destructive" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | "link";
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "outline-primary" | "outline-destructive" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | null | undefined;
+    variant?: "link" | "default" | "outline" | "ghost" | "destructive" | "outline-primary" | "outline-destructive" | "secondary" | "ghost-destructive" | "ghost-accent" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -1676,6 +1688,10 @@ declare interface DatePickerSingleProps extends DatePickerBaseProps {
     showTime?: boolean;
     /** Show seconds column in the time picker (requires `showTime`). @default false */
     withSeconds?: boolean;
+    /** Step interval for minute options in time picker. Must be between 1 and 59. @default 1 */
+    minuteStep?: number;
+    /** Step interval for second options in time picker. Must be between 1 and 59. @default 1 */
+    secondStep?: number;
 }
 
 /**
@@ -1745,6 +1761,7 @@ export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<Dropdo
 
 export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
+    variant?: "default" | "destructive";
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -1781,16 +1798,89 @@ export declare enum ELogicalFilterOperator {
 
 export declare const FilePreview: default_2.ForwardRefExoticComponent<FilePreviewProps & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare const FilePreviewer: () => JSX.Element;
-
-declare interface FilePreviewProps {
+/**
+ * Props for the `FilePreview` component.
+ *
+ * The component renders different previews depending on file type (image, text, generic).
+ * If you pass a native `File`, an object URL is created and revoked automatically.
+ */
+declare type FilePreviewBaseProps = {
+    /**
+     * The file to render.
+     *
+     * - If a native `File` is provided, the component will create a temporary object URL.
+     * - If an object is provided, `url` is used directly.
+     */
     file: IFilePreviewCallbackReturn;
-    onRemove?: (url: string) => void;
-    onPreview?: (url: string) => void;
-    onDownload?: (url: string) => void;
+    /**
+     * Optional container click handler.
+     *
+     * If provided, it takes precedence over `onPreview` when the container is activated.
+     *
+     * Returning `false` currently has no special meaning in the component implementation
+     * (it is allowed for convenience/consistency with other APIs).
+     */
+    onClick?: (event: default_2.MouseEvent | default_2.KeyboardEvent) => void | Promise<void> | false;
+    /**
+     * Called when the user requests to remove the file.
+     * Receives the resolved file URL (object URL for `File`, otherwise `file.url`).
+     */
+    onRemove?: (url: string) => void | Promise<void>;
+    /**
+     * Called when the user requests to preview/open the file.
+     * Receives the resolved file URL (object URL for `File`, otherwise `file.url`).
+     */
+    onPreview?: (url: string) => void | Promise<void>;
+    /**
+     * Called when the user requests to download the file.
+     * Receives the resolved file URL (object URL for `File`, otherwise `file.url`).
+     */
+    onDownload?: (url: string) => void | Promise<void>;
+    /**
+     * Shows a dropdown menu with the available actions (Preview/Download/Remove)
+     * depending on which callbacks are provided.
+     *
+     * @default false
+     */
     showActionMenu?: boolean;
+    /**
+     * Controls whether a thumbnail/preview is rendered when available.
+     *
+     * - **Images**: when `true`, renders the image thumbnail; when `false`, renders the format icon instead.
+     * - **Text files**: when `true` and a preview can be extracted (only for native `File`), renders the first characters of the file;
+     *   otherwise falls back to the format icon.
+     * - **Other file types**: this prop has no effect.
+     *
+     * @default true
+     */
+    showThumbnail?: boolean;
+    /** Optional additional className applied to the root container. */
     className?: string;
-}
+    variant?: FilePreviewVariant;
+    size?: FilePreviewSize;
+};
+
+export declare const FilePreviewer: () => JSX.Element;
+
+declare type FilePreviewProps = (FilePreviewBaseProps & {
+    /**
+     * Enables click/keyboard interaction on the container.
+     *
+     * Note: the container is effectively clickable only if `onPreview` or `onClick` is provided.
+     *
+     * @default true
+     */
+    clickable?: boolean;
+    showActionMenu?: false | undefined;
+}) | (FilePreviewBaseProps & {
+    showActionMenu: true;
+    clickable?: never;
+    onClick?: never;
+});
+
+declare type FilePreviewSize = "default" | "sm";
+
+declare type FilePreviewVariant = "default" | "outline" | "ghost";
 
 export declare const FileUploader: default_2.FC<FileUploaderProps>;
 
@@ -2873,7 +2963,7 @@ export declare function TooltipProvider({ delayDuration, ...props }: React_2.Com
 export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
 
 declare const tooltipTriggerVariants: (props?: ({
-    variant?: "default" | "secondary" | "ghost" | "primary" | "muted" | "accent" | null | undefined;
+    variant?: "default" | "ghost" | "secondary" | "primary" | "muted" | "accent" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 

package/dist/index.js

@@ -54,7 +54,7 @@ import { CircularProgress as Mt } from "./components/ui/charts/circular.js";
 import { DropdownMenu as Dt, DropdownMenuCheckboxItem as At, DropdownMenuContent as Ft, DropdownMenuGroup as It, DropdownMenuItem as wt, DropdownMenuLabel as Pt, DropdownMenuPortal as ht, DropdownMenuRadioGroup as vt, DropdownMenuRadioItem as Gt, DropdownMenuSeparator as Bt, DropdownMenuShortcut as Lt, DropdownMenuSub as Rt, DropdownMenuSubContent as kt, DropdownMenuSubTrigger as Ht, DropdownMenuTrigger as yt } from "./components/ui/dropdown-menu.js";
 import { Slider as Ot } from "./components/ui/slider.js";
 import { ThemeSwitcher as zt } from "./components/ui/theme-switcher.js";
-import { FilePreview as jt } from "./components/ui/file-preview.js";
+import { FilePreview as jt } from "./components/ui/file-preview/index.js";
 import { FileUploader as Ut } from "./components/ui/file-uploader.js";
 import { AudioVisualizer as qt } from "./components/ui/audio-visualizer.js";
 import { Carousel as Qt, CarouselContent as Xt, CarouselItem as Yt, CarouselNext as Zt, CarouselPrevious as _t } from "./components/ui/carousel.js";