@roy-ui/ui 0.0.12 → 0.0.14

package/dist/components/upload-files/index.d.ts

@@ -0,0 +1,56 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
+
+type UploadStatus = 'uploading' | 'complete' | 'error';
+interface UploadFile {
+    /** Stable id — used as the React key and passed back to onRemove. */
+    id: string;
+    /** File name including extension; drives the type badge. */
+    name: string;
+    /** Total size in bytes. */
+    size: number;
+    /** Bytes transferred so far. Drives the "X OF Y" label and, when
+     *  `progress` is omitted, the percentage. */
+    uploaded?: number;
+    /** Progress 0–100. Falls back to uploaded / size when omitted. */
+    progress?: number;
+    /** Lifecycle state. */
+    status: UploadStatus;
+    /** Optional override for the file-type badge. */
+    icon?: ReactNode;
+}
+type UploadTheme = 'auto' | 'light' | 'dark';
+interface UploadFilesProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** The files to render. The component is controlled — it draws this
+     *  list and emits events; the consumer owns the upload + progress. */
+    files: UploadFile[];
+    /** Panel heading. Defaults to "Upload files". */
+    title?: ReactNode;
+    /** Caption under the dropzone. Defaults to "MAX FILE SIZE: 20 MB". */
+    maxSizeLabel?: string;
+    /** Forwarded to the hidden file input's `accept`. */
+    accept?: string;
+    /** Allow selecting multiple files. Defaults to true. */
+    multiple?: boolean;
+    /** Color scheme. Dark by default; "auto" follows the OS. */
+    theme?: UploadTheme;
+    /** Words cycled (and morphed) in the per-file status while uploading.
+     *  Defaults to a long, varied upload vocabulary so the wait stays lively. */
+    statusWords?: string[];
+    /** Footer action button content. Defaults to a state-derived label
+     *  ("Uploading…" while in flight, "Done" otherwise). */
+    actionLabel?: ReactNode;
+    /** Fired with the dropped / browsed File objects. */
+    onFilesSelected?: (files: File[]) => void;
+    /** Fired when a single row's trash / cancel control is pressed. */
+    onRemove?: (id: string) => void;
+    /** Fired by the "Remove all" footer control. */
+    onRemoveAll?: () => void;
+    /** When provided, renders the header close (×) button. */
+    onClose?: () => void;
+    /** Fired by the footer action button. */
+    onAction?: () => void;
+}
+declare const UploadFiles: react.ForwardRefExoticComponent<UploadFilesProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type UploadFile, UploadFiles, type UploadFilesProps, type UploadStatus, type UploadTheme };

package/dist/components/upload-files/index.js

@@ -0,0 +1,6 @@
+"use client";
+export { UploadFiles } from '../../chunk-6JYEHTQR.js';
+import '../../chunk-MO7UPMW7.js';
+import '../../chunk-B6LXWGX5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/upload-files/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/index.d.ts

@@ -14,5 +14,6 @@ export { A as AnalogClock, a as AnalogClockProps, T as TimePicker, b as TimePick
 export { ClockSwitch, ClockSwitchProps, DigitalClock, DigitalClockProps } from './components/time-picker/index.js';
 export { Column, ColumnMenu, ColumnType, DataIO, DataTable, DataTableProps, FilterState, SortDir, TableLayout, downloadString, fromCsv, fromJson, toCsv, toJson } from './components/data-table/index.js';
 export { Card, CardProps, CardStat, CarouselImage, ImageCarousel, ImageCarouselProps } from './components/card/index.js';
+export { UploadFile, UploadFiles, UploadFilesProps, UploadStatus, UploadTheme } from './components/upload-files/index.js';
 import 'react';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,15 +1,18 @@
 "use client";
 export { Popover } from './chunk-C5X3TE5U.js';
-export { TextMorph } from './chunk-PGV55XSZ.js';
+import './chunk-DAA5LXWQ.js';
 export { TreeNav, TreeNavItem } from './chunk-M6HB6BMA.js';
-export { Card, ImageCarousel } from './chunk-B7QN2JTN.js';
-export { Button } from './chunk-4SGMAZBG.js';
-export { ColumnMenu, DataTable, downloadString, fromCsv, fromJson, toCsv, toJson } from './chunk-PDUQROG2.js';
-export { Spinner, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './chunk-XERZVDIT.js';
+export { UploadFiles } from './chunk-6JYEHTQR.js';
+export { TextMorph } from './chunk-MO7UPMW7.js';
+export { Card, ImageCarousel } from './chunk-TBBQRMCG.js';
+import './chunk-ORTCK34Y.js';
+export { Button } from './chunk-B6LXWGX5.js';
+export { GradientButton } from './chunk-RLBVY3DG.js';
+export { ColumnMenu, DataTable, downloadString, fromCsv, fromJson, toCsv, toJson } from './chunk-LV4JMUGV.js';
 export { TableSearch } from './chunk-KSHKVSNK.js';
 export { AnalogClock, ClockSwitch, DigitalClock, TimePicker, TimeRangePicker, formatTime, formatTimeRange } from './chunk-QOSMU4DV.js';
+export { Spinner, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './chunk-XERZVDIT.js';
 export { DEFAULT_PRESETS, DateRangePicker, addDays, addMonths, formatMonthYear, formatRange, formatShort, isBetween, isSameDay, startOfDay } from './chunk-SFENGB5N.js';
-export { GradientButton } from './chunk-RLBVY3DG.js';
 export { MadeBy } from './chunk-MDPMEW4K.js';
 export { Pagination } from './chunk-5CIBIH7R.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roy-ui/ui",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Free, animated React components built with TypeScript. Zero config, RSC-safe, sub-12 KB. Gradient button, popover, text morph and more.",
   "keywords": [
     "react",
@@ -214,6 +214,10 @@
       "types": "./dist/components/card/index.d.ts",
       "import": "./dist/components/card/index.js"
     },
+    "./upload-files": {
+      "types": "./dist/components/upload-files/index.d.ts",
+      "import": "./dist/components/upload-files/index.js"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {