@tribepad/themis 1.0.0

package/dist/elements/FileField/FileField.variants.d.ts

@@ -0,0 +1,49 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * FileField CVA Variants
+ * Uses shared utilities from styles/ for consistency and reduced bundle size.
+ */
+export declare const fileFieldContainerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldDropZoneVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    isDragOver?: boolean | null | undefined;
+    isInvalid?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldListVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldListHeaderVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldRemoveButtonVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldErrorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldSuccessVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldDescriptionVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const fileFieldLabelVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    isRequired?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FileFieldContainerVariants = VariantProps<typeof fileFieldContainerVariants>;
+export type FileFieldDropZoneVariants = VariantProps<typeof fileFieldDropZoneVariants>;
+export type FileFieldTriggerVariants = VariantProps<typeof fileFieldTriggerVariants>;
+export type FileFieldItemVariants = VariantProps<typeof fileFieldItemVariants>;
+export type FileFieldErrorVariants = VariantProps<typeof fileFieldErrorVariants>;
+//# sourceMappingURL=FileField.variants.d.ts.map

package/dist/elements/FileField/FileField.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileField.variants.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/FileField.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAgBlE;;;GAGG;AAEH,eAAO,MAAM,0BAA0B;;8EAUtC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;8EAyCrC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;8EAyBpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;8EAUvC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;8EAqBzC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;8EAUlC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAUpC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;8EAUxC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;8EAelC,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,0BAA0B,CAClC,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,yBAAyB,CACjC,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,wBAAwB,CAChC,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAC/C,OAAO,sBAAsB,CAC9B,CAAC"}

package/dist/elements/FileField/FilePreview.d.ts

@@ -0,0 +1,27 @@
+/**
+ * FilePreview Component
+ *
+ * Displays image thumbnail previews for files in the FileField list
+ * @see future-plan.md for architecture details
+ */
+import { type ReactNode } from 'react';
+export interface FilePreviewProps {
+    /** File to preview */
+    file: File;
+    /** Preview size in pixels (width and height) */
+    size?: number;
+    /** Maximum file size for preview generation */
+    maxBytes?: number;
+    /** Custom renderer for non-image files */
+    renderPreview?: (file: File) => ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * FilePreview Component
+ *
+ * Displays a thumbnail preview for image files, or an appropriate icon for other file types.
+ * Includes loading and error states with accessible feedback.
+ */
+export declare function FilePreview({ file, size, maxBytes, renderPreview, className, }: FilePreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilePreview.d.ts.map

package/dist/elements/FileField/FilePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/FilePreview.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;IAC1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAS,EACT,QAA2B,EAC3B,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAiGlB"}

package/dist/elements/FileField/FileProgress.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Upload status for progress indication
+ */
+export type FileProgressStatus = 'pending' | 'uploading' | 'complete' | 'error';
+/**
+ * FileProgress component props
+ */
+export interface FileProgressProps {
+    /** File being uploaded */
+    file: File;
+    /** Progress percentage (0-100) */
+    progress: number;
+    /** Current upload status */
+    status: FileProgressStatus;
+    /** Error message when status is 'error' */
+    error?: string;
+    /** Callback when user clicks retry */
+    onRetry?: () => void;
+    /** Size variant */
+    size?: 'sm' | 'default' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * FileProgress Component
+ *
+ * Displays upload progress for a single file with accessible progress bar,
+ * status announcements, and retry functionality for failed uploads.
+ */
+declare function FileProgress({ file, progress, status, error, onRetry, size, className, }: FileProgressProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileProgress {
+    var displayName: string;
+}
+export { FileProgress };
+//# sourceMappingURL=FileProgress.d.ts.map

package/dist/elements/FileField/FileProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileProgress.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/FileProgress.tsx"],"names":[],"mappings":"AAwBA;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,2CAmEnB;kBA3EQ,YAAY;;;AA+ErB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/elements/FileField/FileProgress.variants.d.ts

@@ -0,0 +1,55 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * FileProgress CVA Variants
+ *
+ * Type-safe variant definitions for upload progress component
+ * Following Themis styling patterns with CSS variable references
+ *
+ * @see future-plan.md Section 2: Upload Progress Indication
+ * @see constitution.md Principle IV: 7:1 contrast ratio
+ */
+/**
+ * Container variants for the FileProgress wrapper
+ * Controls spacing and text sizing
+ */
+export declare const fileProgressVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Progress bar track variants (background)
+ */
+export declare const fileProgressTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Progress bar fill variants
+ * Uses shimmer animation for pending (indeterminate) state
+ *
+ * WCAG 2.2 AAA: High contrast colors for all states
+ */
+export declare const fileProgressBarVariants: (props?: ({
+    status?: "error" | "pending" | "uploading" | "complete" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Header row variants (filename + status)
+ */
+export declare const fileProgressHeaderVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Error message variants
+ */
+export declare const fileProgressErrorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Retry button variants
+ * 44x44px minimum touch target for WCAG 2.2 AAA
+ */
+export declare const fileProgressRetryVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FileProgressVariants = VariantProps<typeof fileProgressVariants>;
+export type FileProgressBarVariants = VariantProps<typeof fileProgressBarVariants>;
+export type FileProgressTrackVariants = VariantProps<typeof fileProgressTrackVariants>;
+//# sourceMappingURL=FileProgress.variants.d.ts.map

package/dist/elements/FileField/FileProgress.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileProgress.variants.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/FileProgress.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;GAQG;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;8EAchC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;8EAcrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;8EAsBnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B;;8EActC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;8EAqBrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB;;8EA+BrC,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC7E,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACnF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}

package/dist/elements/FileField/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * FileField Component - Accessible file selection input
+ *
+ * Built with React Aria FileTrigger primitive and custom drag-and-drop
+ * WCAG 2.2 AAA compliant (7:1 contrast, 44x44px touch targets)
+ *
+ * @example
+ * ```tsx
+ * import { FileField } from '@tribepad/themis/elements/FileField';
+ *
+ * function MyForm() {
+ *   const [files, setFiles] = useState<File[]>([]);
+ *
+ *   return (
+ *     <FileField
+ *       label="Upload Resume"
+ *       description="PDF up to 5MB"
+ *       acceptedFileTypes={['application/pdf']}
+ *       maxFileSize={5 * 1024 * 1024}
+ *       value={files}
+ *       onChange={setFiles}
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @see filefield-prd.md for requirements
+ * @see plan.md for architecture
+ */
+export { FileField } from './FileField';
+export type { FileFieldProps, FileFieldSize, ValidationResult, UploadStatus, } from './FileField.types';
+export { FileFieldPropsSchema } from './FileField.types';
+export { FilePreview } from './FilePreview';
+export { useFilePreview } from './useFilePreview';
+export type { UseFilePreviewOptions, UseFilePreviewResult } from './useFilePreview';
+export { FileProgress } from './FileProgress';
+export type { FileProgressProps, FileProgressStatus } from './FileProgress';
+export { formatFileSize, truncateFileName, isFileTypeAccepted, getFileIcon, deduplicateFiles, formatAcceptedTypes, isImageFile, createResizedPreview, generatePreview, RESIZE_THRESHOLD, } from './utils';
+export { fileFieldContainerVariants, fileFieldDropZoneVariants, fileFieldTriggerVariants, fileFieldListVariants, fileFieldItemVariants, fileFieldRemoveButtonVariants, fileFieldErrorVariants, fileFieldSuccessVariants, fileFieldDescriptionVariants, fileFieldLabelVariants, } from './FileField.variants';
+export { fileProgressVariants, fileProgressBarVariants, fileProgressTrackVariants, fileProgressHeaderVariants, fileProgressErrorVariants, fileProgressRetryVariants, } from './FileProgress.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FileField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGpF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG5E,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EAEnB,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,sBAAsB,EACtB,wBAAwB,EACxB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC"}

package/dist/elements/FileField/index.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var chunkOLJJGI5B_js = require('../../chunk-OLJJGI5B.js');
+require('../../chunk-3YOY2VJ6.js');
+require('../../chunk-Y3GT7ETK.js');
+require('../../chunk-CJIW5TKI.js');
+require('../../chunk-B5Q4UPL6.js');
+require('../../chunk-VIREG536.js');
+require('../../chunk-T4COXKQ3.js');
+
+
+
+Object.defineProperty(exports, "FileField", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.FileField; }
+});
+Object.defineProperty(exports, "FileFieldPropsSchema", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.FileFieldPropsSchema; }
+});
+Object.defineProperty(exports, "FilePreview", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.FilePreview; }
+});
+Object.defineProperty(exports, "FileProgress", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.FileProgress; }
+});
+Object.defineProperty(exports, "RESIZE_THRESHOLD", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.RESIZE_THRESHOLD; }
+});
+Object.defineProperty(exports, "createResizedPreview", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.createResizedPreview; }
+});
+Object.defineProperty(exports, "deduplicateFiles", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.deduplicateFiles; }
+});
+Object.defineProperty(exports, "fileFieldContainerVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldContainerVariants; }
+});
+Object.defineProperty(exports, "fileFieldDescriptionVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldDescriptionVariants; }
+});
+Object.defineProperty(exports, "fileFieldDropZoneVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldDropZoneVariants; }
+});
+Object.defineProperty(exports, "fileFieldErrorVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldErrorVariants; }
+});
+Object.defineProperty(exports, "fileFieldItemVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldItemVariants; }
+});
+Object.defineProperty(exports, "fileFieldLabelVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldLabelVariants; }
+});
+Object.defineProperty(exports, "fileFieldListVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldListVariants; }
+});
+Object.defineProperty(exports, "fileFieldRemoveButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldRemoveButtonVariants; }
+});
+Object.defineProperty(exports, "fileFieldSuccessVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldSuccessVariants; }
+});
+Object.defineProperty(exports, "fileFieldTriggerVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileFieldTriggerVariants; }
+});
+Object.defineProperty(exports, "fileProgressBarVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressBarVariants; }
+});
+Object.defineProperty(exports, "fileProgressErrorVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressErrorVariants; }
+});
+Object.defineProperty(exports, "fileProgressHeaderVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressHeaderVariants; }
+});
+Object.defineProperty(exports, "fileProgressRetryVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressRetryVariants; }
+});
+Object.defineProperty(exports, "fileProgressTrackVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressTrackVariants; }
+});
+Object.defineProperty(exports, "fileProgressVariants", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.fileProgressVariants; }
+});
+Object.defineProperty(exports, "formatAcceptedTypes", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.formatAcceptedTypes; }
+});
+Object.defineProperty(exports, "formatFileSize", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.formatFileSize; }
+});
+Object.defineProperty(exports, "generatePreview", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.generatePreview; }
+});
+Object.defineProperty(exports, "getFileIcon", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.getFileIcon; }
+});
+Object.defineProperty(exports, "isFileTypeAccepted", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.isFileTypeAccepted; }
+});
+Object.defineProperty(exports, "isImageFile", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.isImageFile; }
+});
+Object.defineProperty(exports, "truncateFileName", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.truncateFileName; }
+});
+Object.defineProperty(exports, "useFilePreview", {
+  enumerable: true,
+  get: function () { return chunkOLJJGI5B_js.useFilePreview; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/elements/FileField/index.js.map

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

package/dist/elements/FileField/index.mjs

@@ -0,0 +1,9 @@
+export { FileField, FileFieldPropsSchema, FilePreview, FileProgress, RESIZE_THRESHOLD, createResizedPreview, deduplicateFiles, fileFieldContainerVariants, fileFieldDescriptionVariants, fileFieldDropZoneVariants, fileFieldErrorVariants, fileFieldItemVariants, fileFieldLabelVariants, fileFieldListVariants, fileFieldRemoveButtonVariants, fileFieldSuccessVariants, fileFieldTriggerVariants, fileProgressBarVariants, fileProgressErrorVariants, fileProgressHeaderVariants, fileProgressRetryVariants, fileProgressTrackVariants, fileProgressVariants, formatAcceptedTypes, formatFileSize, generatePreview, getFileIcon, isFileTypeAccepted, isImageFile, truncateFileName, useFilePreview } from '../../chunk-IEI5LD5C.mjs';
+import '../../chunk-BDXKKMBZ.mjs';
+import '../../chunk-FPKEAJRZ.mjs';
+import '../../chunk-Z4FRNOF6.mjs';
+import '../../chunk-HK46BT5U.mjs';
+import '../../chunk-E2KQFV3O.mjs';
+import '../../chunk-5SVLJN2C.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/elements/FileField/index.mjs.map

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

package/dist/elements/FileField/useFilePreview.d.ts

@@ -0,0 +1,46 @@
+/**
+ * useFilePreview Hook
+ *
+ * Memory-efficient image preview generation with race condition protection
+ * @see future-plan.md for architecture details
+ */
+export interface UseFilePreviewOptions {
+    /** Whether preview generation is enabled */
+    enabled?: boolean;
+    /** Maximum file size for preview generation in bytes (default: 10MB) */
+    maxBytes?: number;
+    /** Maximum preview dimension in pixels (default: 200) */
+    maxDimension?: number;
+}
+export interface UseFilePreviewResult {
+    /** Preview URL (blob URL) - remember to not revoke manually, hook handles cleanup */
+    preview: string | null;
+    /** Whether preview is currently being generated */
+    isLoading: boolean;
+    /** Error message if preview generation failed */
+    error: string | null;
+    /** Whether the file is an image */
+    isImage: boolean;
+}
+/**
+ * Hook for generating memory-efficient image previews
+ *
+ * Features:
+ * - Uses URL.createObjectURL for better memory management
+ * - Automatically resizes large images (>2MB) using canvas
+ * - Race condition protection for rapid file changes
+ * - Automatic cleanup of blob URLs on unmount/file change
+ *
+ * @param file - File to generate preview for
+ * @param options - Preview configuration options
+ * @returns Preview state including URL, loading, and error states
+ *
+ * @example
+ * const { preview, isLoading, error, isImage } = useFilePreview(file, {
+ *   enabled: showPreviews,
+ *   maxBytes: 10 * 1024 * 1024,
+ *   maxDimension: 64
+ * });
+ */
+export declare function useFilePreview(file: File, options?: UseFilePreviewOptions): UseFilePreviewResult;
+//# sourceMappingURL=useFilePreview.d.ts.map

package/dist/elements/FileField/useFilePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePreview.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/useFilePreview.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mDAAmD;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,IAAI,EACV,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA0EtB"}

package/dist/elements/FileField/utils.d.ts

@@ -0,0 +1,134 @@
+/**
+ * FileField Utility Functions
+ *
+ * Helper functions for file validation, formatting, and manipulation
+ * @see plan.md Section 3: Helper Utilities
+ */
+/**
+ * Format file size in human-readable format
+ *
+ * @param bytes - File size in bytes
+ * @returns Formatted string like "1.5 MB" or "0 B"
+ *
+ * @example
+ * formatFileSize(0) // "0 B"
+ * formatFileSize(1024) // "1 KB"
+ * formatFileSize(1536) // "1.5 KB"
+ * formatFileSize(1048576) // "1 MB"
+ */
+export declare function formatFileSize(bytes: number): string;
+/**
+ * Truncate filename with ellipsis, preserving extension
+ *
+ * @param name - Original filename
+ * @param maxLength - Maximum total length (default: 30)
+ * @returns Truncated filename like "resume-2024-fi...pdf"
+ *
+ * @example
+ * truncateFileName("resume.pdf", 30) // "resume.pdf"
+ * truncateFileName("my-very-long-filename-here.pdf", 20) // "my-very-long...pdf"
+ */
+export declare function truncateFileName(name: string, maxLength?: number): string;
+/**
+ * Check if a file type is accepted based on accepted types array
+ *
+ * Supports:
+ * - MIME type patterns: "image/*", "video/*"
+ * - Exact MIME types: "application/pdf"
+ * - File extensions: ".pdf", ".docx"
+ *
+ * @param file - File to check
+ * @param acceptedTypes - Array of accepted type patterns
+ * @returns true if file type is accepted
+ *
+ * @example
+ * isFileTypeAccepted(pdfFile, ['application/pdf']) // true
+ * isFileTypeAccepted(jpgFile, ['image/*']) // true
+ * isFileTypeAccepted(docFile, ['.doc', '.docx']) // true
+ */
+export declare function isFileTypeAccepted(file: File, acceptedTypes?: string[]): boolean;
+/**
+ * Get appropriate icon type for a file based on MIME type
+ *
+ * @param file - File to check
+ * @returns Icon type identifier
+ *
+ * @example
+ * getFileIcon(imageFile) // "image"
+ * getFileIcon(pdfFile) // "file"
+ */
+export declare function getFileIcon(file: File): 'file' | 'image' | 'video' | 'audio';
+/**
+ * Merge file arrays, replacing duplicates by filename
+ *
+ * Used for append behavior when selecting additional files.
+ * Files with the same name are replaced with the newer version.
+ *
+ * @param existing - Currently selected files
+ * @param incoming - Newly selected files to add
+ * @returns Merged array with duplicates replaced
+ *
+ * @example
+ * const existing = [file1, file2];
+ * const incoming = [file2New, file3];
+ * deduplicateFiles(existing, incoming) // [file1, file2New, file3]
+ *
+ * @see plan.md Decision 8: Duplicate File Handling
+ */
+export declare function deduplicateFiles(existing: File[], incoming: File[]): File[];
+/**
+ * Convert human-readable file types to MIME type display
+ * Used for showing accepted types in UI
+ *
+ * @param acceptedTypes - Array of accepted type patterns
+ * @returns Human-readable string
+ *
+ * @example
+ * formatAcceptedTypes(['image/*']) // "images"
+ * formatAcceptedTypes(['.pdf', '.doc']) // "PDF, DOC"
+ * formatAcceptedTypes(['application/pdf']) // "PDF"
+ */
+export declare function formatAcceptedTypes(acceptedTypes?: string[]): string;
+/**
+ * Threshold for image resizing (2MB)
+ * Images larger than this will be resized before preview to reduce memory usage
+ */
+export declare const RESIZE_THRESHOLD: number;
+/**
+ * Check if a file is an image based on MIME type or extension
+ *
+ * @param file - File to check
+ * @returns true if file is an image
+ *
+ * @example
+ * isImageFile(jpgFile) // true
+ * isImageFile(pdfFile) // false
+ */
+export declare function isImageFile(file: File): boolean;
+/**
+ * Create a resized preview image using canvas
+ * Used for large images (>2MB) to reduce memory usage
+ *
+ * @param file - Image file to resize
+ * @param maxDimension - Maximum width or height (default: 200)
+ * @returns Promise resolving to resized blob URL
+ *
+ * @example
+ * const previewUrl = await createResizedPreview(largeImage, 200);
+ * // Remember to call URL.revokeObjectURL(previewUrl) when done
+ */
+export declare function createResizedPreview(file: File, maxDimension?: number): Promise<string>;
+/**
+ * Generate a preview URL for a file
+ * Automatically resizes large images (>2MB) to reduce memory usage
+ *
+ * @param file - Image file to preview
+ * @param maxDimension - Maximum dimension for resized previews (default: 200)
+ * @returns Promise resolving to preview blob URL
+ *
+ * @example
+ * const previewUrl = await generatePreview(file, 100);
+ * // Remember to call URL.revokeObjectURL(previewUrl) when done
+ */
+export declare function generatePreview(file: File, maxDimension?: number): Promise<string>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/elements/FileField/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/elements/FileField/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAW,GAAG,MAAM,CAoB7E;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,aAAa,CAAC,EAAE,MAAM,EAAE,GACvB,OAAO,CAuBT;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,GACT,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAKtC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAc3E;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAyBpE;AAMD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAkB,CAAC;AAEhD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAU/C;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,IAAI,EACV,YAAY,GAAE,MAAY,GACzB,OAAO,CAAC,MAAM,CAAC,CAqDjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,IAAI,EACV,YAAY,GAAE,MAAY,GACzB,OAAO,CAAC,MAAM,CAAC,CAKjB"}

package/dist/elements/FormLayout/FormLayout.d.ts

@@ -0,0 +1,51 @@
+/**
+ * FormLayout Component
+ * Structural layout component for consistent form presentation
+ *
+ * @see FormLayout-plan.md (Component API Design)
+ * @see FormLayout-design-decisions.md (Approved design specifications)
+ * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)
+ * @see constitution.md Principle IV (Accessibility First)
+ */
+import { ReactNode } from 'react';
+/**
+ * Body variant styles using CVA
+ * Controls column layout and field spacing (density)
+ */
+declare const formLayoutBodyVariants: (props?: ({
+    columns?: 2 | 1 | null | undefined;
+    density?: "default" | "compact" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * FormLayout Component
+ * Provides consistent form structure with header, body, and optional actions
+ */
+export declare const FormLayout: import("react").ForwardRefExoticComponent<Omit<{
+    title: string;
+    requiredNote: string;
+    columns: 2 | 1;
+    headingLevel: 3 | 2 | 6 | 1 | 4 | 5;
+    density: "default" | "compact" | "comfortable";
+    autoHideSuccess: boolean;
+    autoHideDuration: number;
+    className?: string | undefined;
+    children?: any;
+    id?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    successMessage?: string | undefined;
+    fieldErrors?: Record<string, string> | undefined;
+    actions?: any;
+}, "autoHideSuccess" | "autoHideDuration"> & {
+    actions?: ReactNode;
+    autoHideSuccess?: boolean;
+    autoHideDuration?: number;
+} & import("react").RefAttributes<HTMLElement>>;
+export { formLayoutBodyVariants };
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/elements/FormLayout/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../src/elements/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAA8B,SAAS,EAAuB,MAAM,OAAO,CAAC;AAMnF;;;GAGG;AACH,QAAA,MAAM,sBAAsB;;;8EAsB3B,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;+CAoJtB,CAAC;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}