@orion-ds/react 4.9.1 → 4.9.2

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

@@ -1,190 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-/**
- * Field component props
- *
- * @important Field is PROPS-BASED, not a wrapper. It renders its own `<input>`.
- *
- * @example Basic usage
- * ```tsx
- * <Field
- *   label="Email"
- *   type="email"
- *   placeholder="you@example.com"
- * />
- * ```
- *
- * @example With validation error
- * ```tsx
- * <Field
- *   label="Email"
- *   type="email"
- *   value={email}
- *   onChange={(e) => setEmail(e.target.value)}
- *   error={emailError}
- * />
- * ```
- *
- * @example With icons
- * ```tsx
- * import { Mail, Eye } from 'lucide-react';
- *
- * <Field
- *   label="Email"
- *   type="email"
- *   leftIcon={<Mail size={18} />}
- *   placeholder="you@example.com"
- * />
- * ```
- *
- * @example WRONG - Don't use children
- * ```tsx
- * // WRONG - Field doesn't accept children for input
- * <Field label="Email">
- *   <input type="email" />  // This won't work!
- * </Field>
- *
- * // CORRECT - Use props
- * <Field label="Email" type="email" />
- * ```
- */
-export interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /**
-     * Input label text displayed above the input.
-     * Required for accessibility unless aria-label is provided.
-     *
-     * @example
-     * ```tsx
-     * <Field label="Email Address" type="email" />
-     * ```
-     */
-    label?: string;
-    /**
-     * Error message - shows error state and displays message below input.
-     * Takes precedence over helperText when both are provided.
-     * Automatically associated with input via aria-describedby.
-     *
-     * @example
-     * ```tsx
-     * <Field
-     *   label="Email"
-     *   type="email"
-     *   error="Please enter a valid email address"
-     * />
-     * ```
-     */
-    error?: string;
-    /**
-     * Helper text displayed below input (when no error).
-     * Provides additional context or instructions.
-     *
-     * @example
-     * ```tsx
-     * <Field
-     *   label="Password"
-     *   type="password"
-     *   helperText="Must be at least 8 characters"
-     * />
-     * ```
-     */
-    helperText?: string;
-    /**
-     * Icon to display on the left side of input.
-     * Use 18px icons (size={18}) for best results.
-     *
-     * @example
-     * ```tsx
-     * import { Mail } from 'lucide-react';
-     * <Field leftIcon={<Mail size={18} />} label="Email" type="email" />
-     * ```
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Icon to display on the right side of input.
-     * Can be an icon or interactive element (e.g., password toggle).
-     *
-     * @example
-     * ```tsx
-     * import { Eye, EyeOff } from 'lucide-react';
-     *
-     * <Field
-     *   label="Password"
-     *   type={showPassword ? 'text' : 'password'}
-     *   rightIcon={
-     *     <button onClick={() => setShowPassword(!showPassword)}>
-     *       {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
-     *     </button>
-     *   }
-     * />
-     * ```
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Full width input - expands to fill container.
-     *
-     * @example
-     * ```tsx
-     * <form style={{ maxWidth: '400px' }}>
-     *   <Field label="Name" fullWidth />
-     *   <Field label="Email" type="email" fullWidth />
-     * </form>
-     * ```
-     *
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Input size variant.
-     *
-     * @semanticGuide
-     * - `sm`: Dense UIs, tables, compact forms
-     * - `md`: Default - most forms (recommended)
-     * - `lg`: Prominent forms, search inputs
-     *
-     * @default 'md'
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Shows "(optional)" indicator next to label.
-     * Use when most fields are required but some are optional.
-     *
-     * @example
-     * ```tsx
-     * <Field label="Phone Number" type="tel" optional />
-     * ```
-     *
-     * @default false
-     */
-    optional?: boolean;
-    /**
-     * Accessible label for screen readers when no visible label is provided.
-     * REQUIRED if `label` prop is not provided.
-     *
-     * @example
-     * ```tsx
-     * // Icon-only search input
-     * <Field
-     *   aria-label="Search"
-     *   leftIcon={<Search size={18} />}
-     *   placeholder="Search..."
-     * />
-     * ```
-     */
-    "aria-label"?: string;
-    /**
-     * Additional element IDs that describe this input.
-     * Automatically includes error and helper text IDs when provided.
-     *
-     * @example
-     * ```tsx
-     * <p id="password-requirements">Must be 8+ characters</p>
-     * <Field
-     *   label="Password"
-     *   type="password"
-     *   aria-describedby="password-requirements"
-     * />
-     * ```
-     */
-    "aria-describedby"?: string;
-}
-//# sourceMappingURL=Field.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;;;;;OAaG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -1,16 +0,0 @@
-/**
- * Field Component - Text input with label, validation, and icons.
- *
- * @example
- * ```tsx
- * import { Field } from '@orion-ds/react';
- * import { Mail, Eye } from 'lucide-react';
- *
- * <Field label="Email" type="email" placeholder="you@example.com" />
- * <Field label="Password" type="password" error="Required" />
- * <Field label="Search" icon={<Search size={18} />} />
- * ```
- */
-export { Field } from './Field';
-export type { FieldProps } from './Field.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/FileUploader/FileUploader.cjs

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAqB9D,eAAO,MAAM,YAAY,8GAoSxB,CAAC"}

package/dist/components/FileUploader/FileUploader.mjs

@@ -1,202 +0,0 @@
-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

@@ -1 +0,0 @@
-._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

@@ -1 +0,0 @@
-"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

@@ -1,67 +0,0 @@
-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.stories.d.ts

@@ -1,59 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FileUploader } from './FileUploader';
-
-declare const meta: Meta<typeof FileUploader>;
-export default meta;
-type Story = StoryObj<typeof FileUploader>;
-/**
- * Default FileUploader
- */
-export declare const Default: Story;
-/**
- * Interactive FileUploader with state
- */
-export declare const Interactive: Story;
-/**
- * With existing files
- */
-export declare const WithFiles: Story;
-/**
- * Images only
- */
-export declare const ImagesOnly: Story;
-/**
- * Single file upload
- */
-export declare const SingleFile: Story;
-/**
- * Compact variant
- */
-export declare const Compact: Story;
-/**
- * Minimal variant
- */
-export declare const Minimal: Story;
-/**
- * Card variant
- */
-export declare const Card: Story;
-/**
- * With error
- */
-export declare const WithError: Story;
-/**
- * Disabled
- */
-export declare const Disabled: Story;
-/**
- * Without file list
- */
-export declare const WithoutFileList: Story;
-/**
- * File status examples
- */
-export declare const FileStatuses: Story;
-/**
- * Large file limit
- */
-export declare const LargeFileLimit: Story;
-//# sourceMappingURL=FileUploader.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA6B3C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAsEzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}