@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/FileUploader/FileUploader.mjs

@@ -0,0 +1,202 @@
+import { jsxs as a, jsx as s, Fragment as X } from "react/jsx-runtime";
+import { forwardRef as q, useRef as J, useState as M, useCallback as u } from "react";
+import { Upload as Q, Loader2 as Y, CheckCircle as Z, AlertCircle as _, X as b, FileImage as ee, FileVideo as re, FileAudio as se, FileText as ne, File as te } from "lucide-react";
+import r from "./FileUploader.module.css.mjs";
+const ae = (n) => n.startsWith("image/") ? ee : n.startsWith("video/") ? re : n.startsWith("audio/") ? se : n.includes("pdf") || n.includes("document") ? ne : te, C = (n) => {
+  if (n === 0) return "0 B";
+  const i = 1024, l = ["B", "KB", "MB", "GB"], p = Math.floor(Math.log(n) / Math.log(i));
+  return `${parseFloat((n / Math.pow(i, p)).toFixed(1))} ${l[p]}`;
+}, oe = q(
+  ({
+    accept: n,
+    maxFiles: i,
+    maxSize: l,
+    multiple: p = !0,
+    onFilesAdded: w,
+    onFileRemove: k,
+    files: f = [],
+    disabled: o = !1,
+    dropzoneContent: E,
+    placeholder: W = "Drag and drop files here, or click to browse",
+    showFileList: j = !0,
+    compact: N = !1,
+    variant: A = "default",
+    error: m,
+    helperText: I,
+    className: L,
+    ...y
+  }, H) => {
+    const z = J(null), [R, D] = M(!1), [g, $] = M(null), F = u(
+      (e) => {
+        const c = [], t = [], B = Array.from(e);
+        return i && f.length + B.length > i ? (t.push(`Maximum ${i} files allowed`), { valid: c, errors: t }) : (B.forEach((d) => {
+          if (l && d.size > l) {
+            t.push(
+              `${d.name} exceeds maximum size of ${C(l)}`
+            );
+            return;
+          }
+          if (n && n.length > 0 && !n.some((h) => h.startsWith(".") ? d.name.toLowerCase().endsWith(h.toLowerCase()) : h.endsWith("/*") ? d.type.startsWith(h.replace("/*", "/")) : d.type === h)) {
+            t.push(`${d.name} is not an accepted file type`);
+            return;
+          }
+          c.push(d);
+        }), { valid: c, errors: t });
+      },
+      [n, i, l, f.length]
+    ), v = u(
+      (e) => {
+        if (o) return;
+        const { valid: c, errors: t } = F(e);
+        t.length > 0 && t[0] && ($(t[0]), setTimeout(() => $(null), 3e3)), c.length > 0 && w?.(c);
+      },
+      [o, F, w]
+    ), S = u(
+      (e) => {
+        e.preventDefault(), o || D(!0);
+      },
+      [o]
+    ), T = u((e) => {
+      e.preventDefault(), D(!1);
+    }, []), U = u(
+      (e) => {
+        e.preventDefault(), D(!1), v(e.dataTransfer.files);
+      },
+      [v]
+    ), K = u(
+      (e) => {
+        e.target.files && v(e.target.files), e.target.value = "";
+      },
+      [v]
+    ), P = () => {
+      o || z.current?.click();
+    }, x = (e) => {
+      (e.key === "Enter" || e.key === " ") && !o && (e.preventDefault(), z.current?.click());
+    }, O = n?.join(","), G = [
+      r.fileUploader,
+      r[A],
+      N && r.compact,
+      L
+    ].filter(Boolean).join(" "), V = [
+      r.dropzone,
+      R && r.dropzoneDragging,
+      o && r.dropzoneDisabled,
+      (m || g) && r.dropzoneError
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { ref: H, className: G, ...y, children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: V,
+          onDragOver: S,
+          onDragLeave: T,
+          onDrop: U,
+          onClick: P,
+          onKeyDown: x,
+          role: "button",
+          tabIndex: o ? -1 : 0,
+          "aria-disabled": o,
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: z,
+                type: "file",
+                className: r.input,
+                accept: O,
+                multiple: p,
+                onChange: K,
+                disabled: o,
+                "aria-hidden": "true"
+              }
+            ),
+            E || /* @__PURE__ */ a("div", { className: r.dropzoneContent, children: [
+              /* @__PURE__ */ s("div", { className: r.dropzoneIcon, children: /* @__PURE__ */ s(Q, { size: N ? 20 : 24 }) }),
+              /* @__PURE__ */ s("p", { className: r.dropzonePlaceholder, children: W }),
+              !N && /* @__PURE__ */ a("div", { className: r.dropzoneHints, children: [
+                n && /* @__PURE__ */ a("span", { className: r.dropzoneHint, children: [
+                  "Accepted: ",
+                  n.join(", ")
+                ] }),
+                l && /* @__PURE__ */ a("span", { className: r.dropzoneHint, children: [
+                  "Max size: ",
+                  C(l)
+                ] }),
+                i && /* @__PURE__ */ a("span", { className: r.dropzoneHint, children: [
+                  "Max files: ",
+                  i
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      (m || g || I) && /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${r.helperText} ${m || g ? r.helperTextError : ""}`,
+          children: m || g || I
+        }
+      ),
+      j && f.length > 0 && /* @__PURE__ */ s("ul", { className: r.fileList, children: f.map((e) => {
+        const c = ae(e.type);
+        return /* @__PURE__ */ a("li", { className: r.fileItem, children: [
+          /* @__PURE__ */ s("div", { className: r.fileIcon, children: e.preview ? /* @__PURE__ */ s(
+            "img",
+            {
+              src: e.preview,
+              alt: "",
+              className: r.filePreview
+            }
+          ) : /* @__PURE__ */ s(c, { size: 20 }) }),
+          /* @__PURE__ */ a("div", { className: r.fileInfo, children: [
+            /* @__PURE__ */ s("span", { className: r.fileName, children: e.name }),
+            /* @__PURE__ */ s("span", { className: r.fileSize, children: C(e.size) })
+          ] }),
+          /* @__PURE__ */ a("div", { className: r.fileStatus, children: [
+            e.status === "uploading" && /* @__PURE__ */ a(X, { children: [
+              /* @__PURE__ */ s("div", { className: r.progressBar, children: /* @__PURE__ */ s(
+                "div",
+                {
+                  className: r.progressFill,
+                  style: { width: `${e.progress || 0}%` }
+                }
+              ) }),
+              /* @__PURE__ */ s(Y, { size: 16, className: r.fileStatusIcon })
+            ] }),
+            e.status === "completed" && /* @__PURE__ */ s(
+              Z,
+              {
+                size: 16,
+                className: r.fileStatusSuccess
+              }
+            ),
+            e.status === "error" && /* @__PURE__ */ s(
+              _,
+              {
+                size: 16,
+                className: r.fileStatusError
+              }
+            )
+          ] }),
+          k && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: r.fileRemove,
+              onClick: (t) => {
+                t.stopPropagation(), k(e.id);
+              },
+              "aria-label": `Remove ${e.name}`,
+              children: /* @__PURE__ */ s(b, { size: 16 })
+            }
+          )
+        ] }, e.id);
+      }) })
+    ] });
+  }
+);
+oe.displayName = "FileUploader";
+export {
+  oe as FileUploader
+};

package/dist/components/FileUploader/FileUploader.module.css

@@ -0,0 +1 @@
+._fileUploader_elcmy_8{display:flex;flex-direction:column;gap:var(--spacing-3)}._dropzone_elcmy_18{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);border:2px dashed var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);cursor:pointer;transition:all var(--mode-hover-duration)}._dropzone_elcmy_18:hover{border-color:var(--border-default);background:var(--surface-layer)}._dropzone_elcmy_18:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._dropzoneDragging_elcmy_40{border-color:var(--interactive-primary);background:var(--surface-layer)}._dropzoneDisabled_elcmy_45{opacity:.5;cursor:not-allowed}._dropzoneDisabled_elcmy_45:hover{border-color:var(--border-subtle);background:var(--surface-subtle)}._dropzoneError_elcmy_55{border-color:var(--text-error)}._input_elcmy_59{display:none}._dropzoneContent_elcmy_63{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center}._dropzoneIcon_elcmy_71{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-base);color:var(--text-tertiary)}._dropzonePlaceholder_elcmy_82{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}._dropzoneHints_elcmy_90{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2) var(--spacing-4)}._dropzoneHint_elcmy_90,._helperText_elcmy_107{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary)}._helperTextError_elcmy_113{color:var(--text-error)}._fileList_elcmy_121{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}._fileItem_elcmy_130{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--surface-subtle);border-radius:var(--radius-sm)}._fileIcon_elcmy_139{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-base);color:var(--text-secondary);flex-shrink:0;overflow:hidden}._filePreview_elcmy_152{width:100%;height:100%;object-fit:cover}._fileInfo_elcmy_158{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-0-5)}._fileName_elcmy_166{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileSize_elcmy_176{font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-tertiary)}._fileStatus_elcmy_182{display:flex;align-items:center;gap:var(--spacing-2)}._progressBar_elcmy_188{width:60px;height:4px;background:var(--surface-layer);border-radius:var(--radius-full);overflow:hidden}._progressFill_elcmy_196{height:100%;background:var(--interactive-primary);transition:width var(--mode-hover-duration)}._fileStatusIcon_elcmy_202{color:var(--text-tertiary);animation:_spin_elcmy_1 1s linear infinite}._fileStatusSuccess_elcmy_207{color:var(--text-success)}._fileStatusError_elcmy_211{color:var(--text-error)}@keyframes _spin_elcmy_1{to{transform:rotate(360deg)}}._fileRemove_elcmy_221{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--mode-hover-duration);flex-shrink:0}._fileRemove_elcmy_221:hover{background:var(--surface-layer);color:var(--text-error)}._minimal_elcmy_246 ._dropzone_elcmy_18{padding:var(--spacing-4);border-style:solid;border-width:1px}._minimal_elcmy_246 ._dropzoneIcon_elcmy_71{width:32px;height:32px}._card_elcmy_258 ._dropzone_elcmy_18{padding:var(--spacing-6);background:var(--surface-base);border:1px solid var(--border-subtle);box-shadow:var(--mode-shadow-default)}._card_elcmy_258 ._dropzone_elcmy_18:hover{box-shadow:var(--mode-shadow-hover)}._compact_elcmy_273 ._dropzone_elcmy_18{padding:var(--spacing-4)}._compact_elcmy_273 ._dropzoneIcon_elcmy_71{width:32px;height:32px}._compact_elcmy_273 ._dropzonePlaceholder_elcmy_82{font-size:var(--font-size-13)}._compact_elcmy_273 ._dropzoneHints_elcmy_90{display:none}._compact_elcmy_273 ._fileItem_elcmy_130{padding:var(--spacing-1-5) var(--spacing-2)}._compact_elcmy_273 ._fileIcon_elcmy_139{width:28px;height:28px}@media(max-width:480px){._dropzone_elcmy_18{padding:var(--spacing-6)}._dropzoneHints_elcmy_90{flex-direction:column;gap:var(--spacing-1)}._fileItem_elcmy_130{flex-wrap:wrap}._fileStatus_elcmy_182{order:3;width:100%;margin-top:var(--spacing-2)}._progressBar_elcmy_188{flex:1}}

package/dist/components/FileUploader/FileUploader.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_fileUploader_elcmy_8",o="_dropzone_elcmy_18",l="_dropzoneDragging_elcmy_40",r="_dropzoneDisabled_elcmy_45",n="_dropzoneError_elcmy_55",t="_input_elcmy_59",i="_dropzoneContent_elcmy_63",c="_dropzoneIcon_elcmy_71",_="_dropzonePlaceholder_elcmy_82",s="_dropzoneHints_elcmy_90",p="_dropzoneHint_elcmy_90",f="_helperText_elcmy_107",a="_helperTextError_elcmy_113",d="_fileList_elcmy_121",m="_fileItem_elcmy_130",z="_fileIcon_elcmy_139",y="_filePreview_elcmy_152",u="_fileInfo_elcmy_158",S="_fileName_elcmy_166",g="_fileSize_elcmy_176",I="_fileStatus_elcmy_182",h="_progressBar_elcmy_188",E="_progressFill_elcmy_196",v="_fileStatusIcon_elcmy_202",P="_spin_elcmy_1",T="_fileStatusSuccess_elcmy_207",x="_fileStatusError_elcmy_211",D="_fileRemove_elcmy_221",H="_minimal_elcmy_246",b="_card_elcmy_258",w="_compact_elcmy_273",B={fileUploader:e,dropzone:o,dropzoneDragging:l,dropzoneDisabled:r,dropzoneError:n,input:t,dropzoneContent:i,dropzoneIcon:c,dropzonePlaceholder:_,dropzoneHints:s,dropzoneHint:p,helperText:f,helperTextError:a,fileList:d,fileItem:m,fileIcon:z,filePreview:y,fileInfo:u,fileName:S,fileSize:g,fileStatus:I,progressBar:h,progressFill:E,fileStatusIcon:v,spin:P,fileStatusSuccess:T,fileStatusError:x,fileRemove:D,minimal:H,card:b,compact:w};exports.card=b;exports.compact=w;exports.default=B;exports.dropzone=o;exports.dropzoneContent=i;exports.dropzoneDisabled=r;exports.dropzoneDragging=l;exports.dropzoneError=n;exports.dropzoneHint=p;exports.dropzoneHints=s;exports.dropzoneIcon=c;exports.dropzonePlaceholder=_;exports.fileIcon=z;exports.fileInfo=u;exports.fileItem=m;exports.fileList=d;exports.fileName=S;exports.filePreview=y;exports.fileRemove=D;exports.fileSize=g;exports.fileStatus=I;exports.fileStatusError=x;exports.fileStatusIcon=v;exports.fileStatusSuccess=T;exports.fileUploader=e;exports.helperText=f;exports.helperTextError=a;exports.input=t;exports.minimal=H;exports.progressBar=h;exports.progressFill=E;exports.spin=P;

package/dist/components/FileUploader/FileUploader.module.css.mjs

@@ -0,0 +1,67 @@
+const e = "_fileUploader_elcmy_8", o = "_dropzone_elcmy_18", l = "_dropzoneDragging_elcmy_40", n = "_dropzoneDisabled_elcmy_45", _ = "_dropzoneError_elcmy_55", r = "_input_elcmy_59", c = "_dropzoneContent_elcmy_63", t = "_dropzoneIcon_elcmy_71", s = "_dropzonePlaceholder_elcmy_82", i = "_dropzoneHints_elcmy_90", p = "_dropzoneHint_elcmy_90", m = "_helperText_elcmy_107", f = "_helperTextError_elcmy_113", a = "_fileList_elcmy_121", d = "_fileItem_elcmy_130", y = "_fileIcon_elcmy_139", z = "_filePreview_elcmy_152", u = "_fileInfo_elcmy_158", S = "_fileName_elcmy_166", g = "_fileSize_elcmy_176", I = "_fileStatus_elcmy_182", h = "_progressBar_elcmy_188", E = "_progressFill_elcmy_196", x = "_fileStatusIcon_elcmy_202", v = "_spin_elcmy_1", D = "_fileStatusSuccess_elcmy_207", H = "_fileStatusError_elcmy_211", P = "_fileRemove_elcmy_221", T = "_minimal_elcmy_246", b = "_card_elcmy_258", w = "_compact_elcmy_273", B = {
+  fileUploader: e,
+  dropzone: o,
+  dropzoneDragging: l,
+  dropzoneDisabled: n,
+  dropzoneError: _,
+  input: r,
+  dropzoneContent: c,
+  dropzoneIcon: t,
+  dropzonePlaceholder: s,
+  dropzoneHints: i,
+  dropzoneHint: p,
+  helperText: m,
+  helperTextError: f,
+  fileList: a,
+  fileItem: d,
+  fileIcon: y,
+  filePreview: z,
+  fileInfo: u,
+  fileName: S,
+  fileSize: g,
+  fileStatus: I,
+  progressBar: h,
+  progressFill: E,
+  fileStatusIcon: x,
+  spin: v,
+  fileStatusSuccess: D,
+  fileStatusError: H,
+  fileRemove: P,
+  minimal: T,
+  card: b,
+  compact: w
+};
+export {
+  b as card,
+  w as compact,
+  B as default,
+  o as dropzone,
+  c as dropzoneContent,
+  n as dropzoneDisabled,
+  l as dropzoneDragging,
+  _ as dropzoneError,
+  p as dropzoneHint,
+  i as dropzoneHints,
+  t as dropzoneIcon,
+  s as dropzonePlaceholder,
+  y as fileIcon,
+  u as fileInfo,
+  d as fileItem,
+  a as fileList,
+  S as fileName,
+  z as filePreview,
+  P as fileRemove,
+  g as fileSize,
+  I as fileStatus,
+  H as fileStatusError,
+  x as fileStatusIcon,
+  D as fileStatusSuccess,
+  e as fileUploader,
+  m as helperText,
+  f as helperTextError,
+  r as input,
+  T as minimal,
+  h as progressBar,
+  E as progressFill,
+  v as spin
+};

package/dist/components/FileUploader/FileUploader.types.d.ts

@@ -0,0 +1,124 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Uploaded file item
+ */
+export interface UploadedFile {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * File name
+     */
+    name: string;
+    /**
+     * File size in bytes
+     */
+    size: number;
+    /**
+     * MIME type
+     */
+    type: string;
+    /**
+     * Upload progress (0-100)
+     */
+    progress?: number;
+    /**
+     * Upload status
+     */
+    status: "pending" | "uploading" | "completed" | "error";
+    /**
+     * Error message if status is 'error'
+     */
+    error?: string;
+    /**
+     * Preview URL (for images)
+     */
+    preview?: string;
+    /**
+     * Original File object
+     */
+    file?: File;
+}
+/**
+ * FileUploader section props
+ *
+ * @example
+ * ```tsx
+ * <FileUploader
+ *   accept={['image/*', '.pdf']}
+ *   maxFiles={5}
+ *   maxSize={10 * 1024 * 1024}
+ *   onFilesAdded={(files) => handleUpload(files)}
+ * />
+ * ```
+ */
+export interface FileUploaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Accepted file types (MIME types or extensions)
+     */
+    accept?: string[];
+    /**
+     * Maximum number of files
+     */
+    maxFiles?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Allow multiple files
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * Callback when files are added
+     */
+    onFilesAdded?: (files: File[]) => void;
+    /**
+     * Callback when a file is removed
+     */
+    onFileRemove?: (fileId: string) => void;
+    /**
+     * Current uploaded files (controlled)
+     */
+    files?: UploadedFile[];
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Custom dropzone content
+     */
+    dropzoneContent?: ReactNode;
+    /**
+     * Custom placeholder text
+     * @default "Drag and drop files here, or click to browse"
+     */
+    placeholder?: string;
+    /**
+     * Show file list below dropzone
+     * @default true
+     */
+    showFileList?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Variant style
+     * @default "default"
+     */
+    variant?: "default" | "minimal" | "card";
+    /**
+     * Error message
+     */
+    error?: string;
+    /**
+     * Helper text
+     */
+    helperText?: string;
+}
+//# sourceMappingURL=FileUploader.types.d.ts.map

package/dist/components/FileUploader/FileUploader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;IAExD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/FileUploader/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUploader } from './FileUploader';
+export type { FileUploaderProps, UploadedFile } from './FileUploader.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FileUploader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/FilterBar/FilterBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("lucide-react"),l=require("./FilterBar.module.css.cjs"),$=({filter:c,onSelect:a,onClose:d})=>{const[n,i]=o.useState([]),p=t=>{if(c.type==="multi-select"){const m=n.includes(t.value)?n.filter(f=>f!==t.value):[...n,t.value];i(m)}else a(t.value),d()},h=()=>{n.length>0&&a(n),d()};return e.jsxs("div",{className:l.default.dropdown,children:[c.options?.map(t=>e.jsxs("button",{type:"button",className:`${l.default.dropdownItem} ${n.includes(t.value)?l.default.dropdownItemSelected:""}`,onClick:()=>p(t),children:[c.type==="multi-select"&&e.jsx("span",{className:l.default.checkbox,children:n.includes(t.value)&&"✓"}),e.jsx("span",{children:t.label}),t.count!==void 0&&e.jsx("span",{className:l.default.optionCount,children:t.count})]},t.value)),c.type==="multi-select"&&e.jsxs("div",{className:l.default.dropdownFooter,children:[e.jsx("button",{type:"button",className:l.default.dropdownCancel,onClick:d,children:"Cancel"}),e.jsx("button",{type:"button",className:l.default.dropdownApply,onClick:h,children:"Apply"})]})]})},N=o.forwardRef(({filters:c,activeFilters:a,onFilterChange:d,onFilterRemove:n,onClearAll:i,searchable:p=!1,searchValue:h="",onSearchChange:t,searchPlaceholder:m="Search...",showCount:f=!0,compact:b=!1,className:k,...g},w)=>{const[C,x]=o.useState(null),j=o.useRef(null);o.useEffect(()=>{const s=u=>{j.current&&!j.current.contains(u.target)&&x(null)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const S=(s,u)=>{d(s,u)},R=[l.default.filterBar,b&&l.default.compact,k].filter(Boolean).join(" ");return e.jsxs("div",{ref:w,className:R,...g,children:[p&&e.jsxs("div",{className:l.default.searchWrapper,children:[e.jsx(r.Search,{size:16,className:l.default.searchIcon}),e.jsx("input",{type:"text",className:l.default.searchInput,placeholder:m,value:h,onChange:s=>t?.(s.target.value)})]}),e.jsx("div",{className:l.default.filters,ref:j,children:c.map(s=>{const u=a.some(v=>v.key===s.key),y=C===s.key;return e.jsxs("div",{className:l.default.filterWrapper,children:[e.jsxs("button",{type:"button",className:`${l.default.filterTrigger} ${u?l.default.filterActive:""}`,onClick:()=>x(y?null:s.key),children:[s.icon||(s.type.includes("date")?e.jsx(r.Calendar,{size:14}):e.jsx(r.Filter,{size:14})),e.jsx("span",{children:s.label}),e.jsx(r.ChevronDown,{size:14,className:`${l.default.chevron} ${y?l.default.chevronOpen:""}`})]}),y&&s.type!=="text"&&e.jsx($,{filter:s,onSelect:v=>S(s.key,v),onClose:()=>x(null)})]},s.key)})}),a.length>0&&e.jsxs("div",{className:l.default.activeFilters,children:[a.map(s=>e.jsxs("span",{className:l.default.chip,children:[e.jsx("span",{className:l.default.chipLabel,children:s.label}),e.jsx("button",{type:"button",className:l.default.chipRemove,onClick:()=>n(s.key),"aria-label":`Remove ${s.label} filter`,children:e.jsx(r.X,{size:12})})]},s.key)),i&&a.length>1&&e.jsx("button",{type:"button",className:l.default.clearAll,onClick:i,children:"Clear all"})]}),f&&a.length>0&&e.jsxs("span",{className:l.default.count,children:[a.length," filter",a.length!==1?"s":""," ","active"]})]})});N.displayName="FilterBar";exports.FilterBar=N;

package/dist/components/FilterBar/FilterBar.d.ts

@@ -0,0 +1,4 @@
+import { FilterBarProps } from './FilterBar.types';
+
+export declare const FilterBar: import('react').ForwardRefExoticComponent<FilterBarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/FilterBar/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,mBAAmB,CAAC;AA4E3B,eAAO,MAAM,SAAS,2GA0IrB,CAAC"}

package/dist/components/FilterBar/FilterBar.mjs

@@ -0,0 +1,164 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as k, useRef as A, useEffect as O } from "react";
+import { Search as R, Calendar as B, Filter as I, ChevronDown as j, X as E } from "lucide-react";
+import e from "./FilterBar.module.css.mjs";
+const F = ({
+  filter: r,
+  onSelect: a,
+  onClose: o
+}) => {
+  const [t, i] = k([]), u = (s) => {
+    if (r.type === "multi-select") {
+      const m = t.includes(s.value) ? t.filter((h) => h !== s.value) : [...t, s.value];
+      i(m);
+    } else
+      a(s.value), o();
+  }, p = () => {
+    t.length > 0 && a(t), o();
+  };
+  return /* @__PURE__ */ c("div", { className: e.dropdown, children: [
+    r.options?.map((s) => /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: `${e.dropdownItem} ${t.includes(s.value) ? e.dropdownItemSelected : ""}`,
+        onClick: () => u(s),
+        children: [
+          r.type === "multi-select" && /* @__PURE__ */ n("span", { className: e.checkbox, children: t.includes(s.value) && "✓" }),
+          /* @__PURE__ */ n("span", { children: s.label }),
+          s.count !== void 0 && /* @__PURE__ */ n("span", { className: e.optionCount, children: s.count })
+        ]
+      },
+      s.value
+    )),
+    r.type === "multi-select" && /* @__PURE__ */ c("div", { className: e.dropdownFooter, children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.dropdownCancel,
+          onClick: o,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.dropdownApply,
+          onClick: p,
+          children: "Apply"
+        }
+      )
+    ] })
+  ] });
+}, L = z(
+  ({
+    filters: r,
+    activeFilters: a,
+    onFilterChange: o,
+    onFilterRemove: t,
+    onClearAll: i,
+    searchable: u = !1,
+    searchValue: p = "",
+    onSearchChange: s,
+    searchPlaceholder: m = "Search...",
+    showCount: h = !0,
+    compact: w = !1,
+    className: C,
+    ...g
+  }, f) => {
+    const [$, y] = k(null), v = A(null);
+    O(() => {
+      const l = (d) => {
+        v.current && !v.current.contains(d.target) && y(null);
+      };
+      return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+    }, []);
+    const x = (l, d) => {
+      o(l, d);
+    }, S = [e.filterBar, w && e.compact, C].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: f, className: S, ...g, children: [
+      u && /* @__PURE__ */ c("div", { className: e.searchWrapper, children: [
+        /* @__PURE__ */ n(R, { size: 16, className: e.searchIcon }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "text",
+            className: e.searchInput,
+            placeholder: m,
+            value: p,
+            onChange: (l) => s?.(l.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: e.filters, ref: v, children: r.map((l) => {
+        const d = a.some((b) => b.key === l.key), N = $ === l.key;
+        return /* @__PURE__ */ c("div", { className: e.filterWrapper, children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: `${e.filterTrigger} ${d ? e.filterActive : ""}`,
+              onClick: () => y(N ? null : l.key),
+              children: [
+                l.icon || (l.type.includes("date") ? /* @__PURE__ */ n(B, { size: 14 }) : /* @__PURE__ */ n(I, { size: 14 })),
+                /* @__PURE__ */ n("span", { children: l.label }),
+                /* @__PURE__ */ n(
+                  j,
+                  {
+                    size: 14,
+                    className: `${e.chevron} ${N ? e.chevronOpen : ""}`
+                  }
+                )
+              ]
+            }
+          ),
+          N && l.type !== "text" && /* @__PURE__ */ n(
+            F,
+            {
+              filter: l,
+              onSelect: (b) => x(l.key, b),
+              onClose: () => y(null)
+            }
+          )
+        ] }, l.key);
+      }) }),
+      a.length > 0 && /* @__PURE__ */ c("div", { className: e.activeFilters, children: [
+        a.map((l) => /* @__PURE__ */ c("span", { className: e.chip, children: [
+          /* @__PURE__ */ n("span", { className: e.chipLabel, children: l.label }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: e.chipRemove,
+              onClick: () => t(l.key),
+              "aria-label": `Remove ${l.label} filter`,
+              children: /* @__PURE__ */ n(E, { size: 12 })
+            }
+          )
+        ] }, l.key)),
+        i && a.length > 1 && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: e.clearAll,
+            onClick: i,
+            children: "Clear all"
+          }
+        )
+      ] }),
+      h && a.length > 0 && /* @__PURE__ */ c("span", { className: e.count, children: [
+        a.length,
+        " filter",
+        a.length !== 1 ? "s" : "",
+        " ",
+        "active"
+      ] })
+    ] });
+  }
+);
+L.displayName = "FilterBar";
+export {
+  L as FilterBar
+};

package/dist/components/FilterBar/FilterBar.module.css

@@ -0,0 +1 @@
+._filterBar_ldmr2_8{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);flex-wrap:wrap}._compact_ldmr2_19{padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}._searchWrapper_ldmr2_28{position:relative;display:flex;align-items:center}._searchIcon_ldmr2_34{position:absolute;left:var(--spacing-2-5);color:var(--text-tertiary);pointer-events:none}._searchInput_ldmr2_41{padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-sm);width:200px;transition:border-color var(--mode-hover-duration),background-color var(--mode-hover-duration)}._searchInput_ldmr2_41:focus{outline:none;background:var(--surface-base);border-color:var(--interactive-primary)}._searchInput_ldmr2_41::placeholder{color:var(--text-tertiary)}._filters_ldmr2_69{display:flex;align-items:center;gap:var(--spacing-2)}._filterWrapper_ldmr2_75{position:relative}._filterTrigger_ldmr2_79{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--mode-hover-duration)}._filterTrigger_ldmr2_79:hover{color:var(--text-primary);background:var(--surface-layer)}._filterActive_ldmr2_100{color:var(--interactive-primary);background:var(--status-info-bg);border-color:var(--interactive-primary)}._chevron_ldmr2_106{transition:transform var(--mode-hover-duration)}._chevronOpen_ldmr2_110{transform:rotate(180deg)}._dropdown_ldmr2_118{position:absolute;top:calc(100% + var(--spacing-1));left:0;min-width:200px;max-height:300px;overflow-y:auto;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--spacing-1)}._dropdownItem_ldmr2_133{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--mode-hover-duration)}._dropdownItem_ldmr2_133:hover{background:var(--surface-subtle)}._dropdownItemSelected_ldmr2_154{background:var(--status-info-bg);color:var(--interactive-primary)}._checkbox_ldmr2_159{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-moderate);border-radius:var(--radius-sm);font-size:var(--font-size-10);flex-shrink:0}._dropdownItemSelected_ldmr2_154 ._checkbox_ldmr2_159{background:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--interactive-primary-text)}._optionCount_ldmr2_177{margin-left:auto;font-size:var(--font-size-11);color:var(--text-tertiary)}._dropdownFooter_ldmr2_183{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-2);border-top:1px solid var(--border-subtle);margin-top:var(--spacing-1)}._dropdownCancel_ldmr2_192,._dropdownApply_ldmr2_193{padding:var(--spacing-1-5) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--mode-hover-duration)}._dropdownCancel_ldmr2_192{color:var(--text-secondary);background:none;border:none}._dropdownCancel_ldmr2_192:hover{color:var(--text-primary)}._dropdownApply_ldmr2_193{color:var(--interactive-primary-text);background:var(--interactive-primary);border:none}._dropdownApply_ldmr2_193:hover{background:var(--interactive-primary-hover)}._activeFilters_ldmr2_227{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;padding-left:var(--spacing-2);border-left:1px solid var(--border-subtle);margin-left:var(--spacing-1)}._chip_ldmr2_237{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--surface-subtle);border-radius:var(--radius-full)}._chipLabel_ldmr2_250{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chipRemove_ldmr2_257{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--text-tertiary);transition:all var(--mode-hover-duration)}._chipRemove_ldmr2_257:hover{background:var(--surface-layer);color:var(--text-primary)}._clearAll_ldmr2_276{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--mode-hover-duration)}._clearAll_ldmr2_276:hover{color:var(--text-error)}._count_ldmr2_296{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);margin-left:auto}@media(max-width:768px){._filterBar_ldmr2_8{flex-direction:column;align-items:stretch}._searchWrapper_ldmr2_28,._searchInput_ldmr2_41{width:100%}._filters_ldmr2_69{flex-wrap:wrap}._activeFilters_ldmr2_227{border-left:none;padding-left:0;margin-left:0;padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._count_ldmr2_296{margin-left:0;margin-top:var(--spacing-2)}}

package/dist/components/FilterBar/FilterBar.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_filterBar_ldmr2_8",e="_compact_ldmr2_19",o="_searchWrapper_ldmr2_28",c="_searchIcon_ldmr2_34",t="_searchInput_ldmr2_41",n="_filters_ldmr2_69",l="_filterWrapper_ldmr2_75",d="_filterTrigger_ldmr2_79",p="_filterActive_ldmr2_100",_="_chevron_ldmr2_106",i="_chevronOpen_ldmr2_110",s="_dropdown_ldmr2_118",a="_dropdownItem_ldmr2_133",m="_dropdownItemSelected_ldmr2_154",h="_checkbox_ldmr2_159",w="_optionCount_ldmr2_177",f="_dropdownFooter_ldmr2_183",v="_dropdownCancel_ldmr2_192",u="_dropdownApply_ldmr2_193",I="_activeFilters_ldmr2_227",A="_chip_ldmr2_237",b="_chipLabel_ldmr2_250",g="_chipRemove_ldmr2_257",C="_clearAll_ldmr2_276",F="_count_ldmr2_296",W={filterBar:r,compact:e,searchWrapper:o,searchIcon:c,searchInput:t,filters:n,filterWrapper:l,filterTrigger:d,filterActive:p,chevron:_,chevronOpen:i,dropdown:s,dropdownItem:a,dropdownItemSelected:m,checkbox:h,optionCount:w,dropdownFooter:f,dropdownCancel:v,dropdownApply:u,activeFilters:I,chip:A,chipLabel:b,chipRemove:g,clearAll:C,count:F};exports.activeFilters=I;exports.checkbox=h;exports.chevron=_;exports.chevronOpen=i;exports.chip=A;exports.chipLabel=b;exports.chipRemove=g;exports.clearAll=C;exports.compact=e;exports.count=F;exports.default=W;exports.dropdown=s;exports.dropdownApply=u;exports.dropdownCancel=v;exports.dropdownFooter=f;exports.dropdownItem=a;exports.dropdownItemSelected=m;exports.filterActive=p;exports.filterBar=r;exports.filterTrigger=d;exports.filterWrapper=l;exports.filters=n;exports.optionCount=w;exports.searchIcon=c;exports.searchInput=t;exports.searchWrapper=o;