@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/file-upload/helpers.d.ts

@@ -0,0 +1,16 @@
+import { FileUploadFileError } from '@ark-ui/react/file-upload';
+type FileErrorTypes = {
+    tooMany?: string;
+    invalidType?: string;
+    tooLarge?: string;
+    tooSmall?: string;
+    invalid?: string;
+    exists?: string;
+};
+/**
+ * Helper function to create error messages for file upload errors. Returns a
+ * record of FileUploadFileError codes and their corresponding error messages.
+ * @returns Record<FileUploadFileError, string>
+ */
+export declare function createErrorMessages(options: FileErrorTypes): Record<FileUploadFileError, string>;
+export {};

package/dist/components/file-upload/helpers.js

@@ -0,0 +1,19 @@
+"use client";
+//#region src/components/file-upload/helpers.ts
+/**
+* Helper function to create error messages for file upload errors. Returns a
+* record of FileUploadFileError codes and their corresponding error messages.
+* @returns Record<FileUploadFileError, string>
+*/
+function createErrorMessages(options) {
+	return {
+		TOO_MANY_FILES: options.tooMany || "📊 Too many files selected",
+		FILE_INVALID_TYPE: options.invalidType || "🚫 Invalid file type",
+		FILE_TOO_LARGE: options.tooLarge || "📏 File too large",
+		FILE_TOO_SMALL: options.tooSmall || "📐 File too small",
+		FILE_INVALID: options.invalid || "⚠️ Invalid file",
+		FILE_EXISTS: options.exists || "🔄 File already exists"
+	};
+}
+//#endregion
+export { createErrorMessages };

package/dist/components/file-upload/img-preview.cjs

@@ -0,0 +1,37 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_button = require("../icon-button/button.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/file-upload/img-preview.tsx
+function ImgPreview(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { close: Icon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.Context, {
+		...props,
+		children: (ctx) => ctx.acceptedFiles.map((file) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.FileUploadParts.Item, {
+			file,
+			className: "file-item",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemPreview, {
+					type: "image/*",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemPreviewImage, {})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemName, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemSizeText, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FileUploadParts.ItemDeleteTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+						clipboard: true,
+						size: "sm",
+						usage: "ghost",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+					})
+				})
+			]
+		}, file.name))
+	}) });
+}
+//#endregion
+exports.ImgPreview = ImgPreview;

package/dist/components/file-upload/img-preview.d.cts

@@ -0,0 +1,2 @@
+import { FileUploadContextProps } from './primitives';
+export declare function ImgPreview(props: Omit<FileUploadContextProps, 'children'>): import("react").JSX.Element;

package/dist/components/file-upload/img-preview.d.ts

@@ -0,0 +1,2 @@
+import { FileUploadContextProps } from './primitives';
+export declare function ImgPreview(props: Omit<FileUploadContextProps, 'children'>): import("react").JSX.Element;

package/dist/components/file-upload/img-preview.js

@@ -0,0 +1,37 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { IconButton } from "../icon-button/button.js";
+import { FileUploadParts } from "./parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/file-upload/img-preview.tsx
+function ImgPreview(props) {
+	const { icons } = useCerberusContext();
+	const { close: Icon } = icons;
+	return /* @__PURE__ */ jsx(FileUploadParts.ItemGroup, { children: /* @__PURE__ */ jsx(FileUploadParts.Context, {
+		...props,
+		children: (ctx) => ctx.acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUploadParts.Item, {
+			file,
+			className: "file-item",
+			children: [
+				/* @__PURE__ */ jsx(FileUploadParts.ItemPreview, {
+					type: "image/*",
+					children: /* @__PURE__ */ jsx(FileUploadParts.ItemPreviewImage, {})
+				}),
+				/* @__PURE__ */ jsx(FileUploadParts.ItemName, {}),
+				/* @__PURE__ */ jsx(FileUploadParts.ItemSizeText, {}),
+				/* @__PURE__ */ jsx(FileUploadParts.ItemDeleteTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(IconButton, {
+						clipboard: true,
+						size: "sm",
+						usage: "ghost",
+						children: /* @__PURE__ */ jsx(Icon, {})
+					})
+				})
+			]
+		}, file.name))
+	}) });
+}
+//#endregion
+export { ImgPreview };

package/dist/components/file-upload/index.cjs

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_file_status = require("./file-status.cjs");
+const require_img_preview = require("./img-preview.cjs");
+const require_file_uploader = require("./file-uploader.cjs");
+const require_helpers = require("./helpers.cjs");
+exports.FileStatus = require_file_status.FileStatus;
+exports.FileUploadClearTrigger = require_primitives.FileUploadClearTrigger;
+exports.FileUploadContent = require_primitives.FileUploadContent;
+exports.FileUploadContext = require_primitives.FileUploadContext;
+exports.FileUploadDescription = require_primitives.FileUploadDescription;
+exports.FileUploadDropzone = require_primitives.FileUploadDropzone;
+exports.FileUploadHeading = require_primitives.FileUploadHeading;
+exports.FileUploadHiddenInput = require_primitives.FileUploadHiddenInput;
+exports.FileUploadIcon = require_primitives.FileUploadIcon;
+exports.FileUploadItem = require_primitives.FileUploadItem;
+exports.FileUploadItemDeleteTrigger = require_primitives.FileUploadItemDeleteTrigger;
+exports.FileUploadItemGroup = require_primitives.FileUploadItemGroup;
+exports.FileUploadItemName = require_primitives.FileUploadItemName;
+exports.FileUploadItemPreview = require_primitives.FileUploadItemPreview;
+exports.FileUploadItemPreviewImage = require_primitives.FileUploadItemPreviewImage;
+exports.FileUploadItemSizeText = require_primitives.FileUploadItemSizeText;
+exports.FileUploadLabel = require_primitives.FileUploadLabel;
+exports.FileUploadParts = require_parts.FileUploadParts;
+exports.FileUploadRoot = require_primitives.FileUploadRoot;
+exports.FileUploadTrigger = require_primitives.FileUploadTrigger;
+exports.FileUploader = require_file_uploader.FileUploader;
+exports.ImgPreview = require_img_preview.ImgPreview;
+exports.createErrorMessages = require_helpers.createErrorMessages;
+exports.processStatus = require_file_status.processStatus;

package/dist/components/file-upload/index.d.cts

@@ -0,0 +1,6 @@
+export * from './primitives';
+export * from './parts';
+export * from './file-status';
+export * from './file-uploader';
+export * from './img-preview';
+export * from './helpers';

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

@@ -0,0 +1,6 @@
+export * from './primitives';
+export * from './parts';
+export * from './file-status';
+export * from './file-uploader';
+export * from './img-preview';
+export * from './helpers';

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

@@ -0,0 +1,7 @@
+import { FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger } from "./primitives.js";
+import { FileUploadParts } from "./parts.js";
+import { FileStatus, processStatus } from "./file-status.js";
+import { ImgPreview } from "./img-preview.js";
+import { FileUploader } from "./file-uploader.js";
+import { createErrorMessages } from "./helpers.js";
+export { FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadTrigger, FileUploader, ImgPreview, createErrorMessages, processStatus };

package/dist/components/file-upload/parts.cjs

@@ -0,0 +1,33 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/file-upload/parts.tsx
+/**
+* An Object containing the parts of the FileUploader component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the uploaderParts object and
+* the entire family of components vs. only what you use.
+*/
+var FileUploadParts = {
+	Context: require_primitives.FileUploadContext,
+	Root: require_primitives.FileUploadRoot,
+	Label: require_primitives.FileUploadLabel,
+	Dropzone: require_primitives.FileUploadDropzone,
+	Trigger: require_primitives.FileUploadTrigger,
+	ClearTrigger: require_primitives.FileUploadClearTrigger,
+	ItemGroup: require_primitives.FileUploadItemGroup,
+	Item: require_primitives.FileUploadItem,
+	ItemPreview: require_primitives.FileUploadItemPreview,
+	ItemPreviewImage: require_primitives.FileUploadItemPreviewImage,
+	ItemName: require_primitives.FileUploadItemName,
+	ItemSizeText: require_primitives.FileUploadItemSizeText,
+	ItemDeleteTrigger: require_primitives.FileUploadItemDeleteTrigger,
+	HiddenInput: require_primitives.FileUploadHiddenInput,
+	Content: require_primitives.FileUploadContent,
+	Icon: require_primitives.FileUploadIcon,
+	Heading: require_primitives.FileUploadHeading,
+	Description: require_primitives.FileUploadDescription
+};
+//#endregion
+exports.FileUploadParts = FileUploadParts;

package/dist/components/file-upload/parts.d.cts

@@ -0,0 +1,90 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the FileUploadParts component.
+ * @module 'fileUpload/parts'
+ */
+interface FileUploadPartsValue {
+    /**
+     * The container of the uploader.
+     */
+    Root: ElementType;
+    /**
+     * The label of the uploader.
+     */
+    Label: ElementType;
+    /**
+     * The dropzone of the uploader.
+     */
+    Dropzone: ElementType;
+    /**
+     * The trigger of the uploader.
+     */
+    Trigger: ElementType;
+    /**
+     * The clear trigger of the uploader.
+     */
+    ClearTrigger: ElementType;
+    /**
+     * The item group of the uploader.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The item of the uploader.
+     */
+    Item: ElementType;
+    /**
+     * The item preview of the uploader.
+     */
+    ItemPreview: ElementType;
+    /**
+     * The item preview image of the uploader.
+     */
+    ItemPreviewImage: ElementType;
+    /**
+     * The item name of the uploader.
+     */
+    ItemName: ElementType;
+    /**
+     * The item size text of the uploader.
+     */
+    ItemSizeText: ElementType;
+    /**
+     * The item delete trigger of the uploader.
+     */
+    ItemDeleteTrigger: ElementType;
+    /**
+     * The hidden input of the uploader.
+     */
+    HiddenInput: ElementType;
+    /**
+     * The context of the uploader.
+     */
+    Context: ElementType;
+    /**
+     * The content container of the dropzone.
+     */
+    Content: ElementType;
+    /**
+     * The icon of the uploader.
+     */
+    Icon: ElementType;
+    /**
+     * The heading of the uploader.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the uploader.
+     */
+    Description: ElementType;
+}
+/**
+ * An Object containing the parts of the FileUploader component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the uploaderParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const FileUploadParts: FileUploadPartsValue;
+export {};

package/dist/components/file-upload/parts.d.ts

@@ -0,0 +1,90 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the FileUploadParts component.
+ * @module 'fileUpload/parts'
+ */
+interface FileUploadPartsValue {
+    /**
+     * The container of the uploader.
+     */
+    Root: ElementType;
+    /**
+     * The label of the uploader.
+     */
+    Label: ElementType;
+    /**
+     * The dropzone of the uploader.
+     */
+    Dropzone: ElementType;
+    /**
+     * The trigger of the uploader.
+     */
+    Trigger: ElementType;
+    /**
+     * The clear trigger of the uploader.
+     */
+    ClearTrigger: ElementType;
+    /**
+     * The item group of the uploader.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The item of the uploader.
+     */
+    Item: ElementType;
+    /**
+     * The item preview of the uploader.
+     */
+    ItemPreview: ElementType;
+    /**
+     * The item preview image of the uploader.
+     */
+    ItemPreviewImage: ElementType;
+    /**
+     * The item name of the uploader.
+     */
+    ItemName: ElementType;
+    /**
+     * The item size text of the uploader.
+     */
+    ItemSizeText: ElementType;
+    /**
+     * The item delete trigger of the uploader.
+     */
+    ItemDeleteTrigger: ElementType;
+    /**
+     * The hidden input of the uploader.
+     */
+    HiddenInput: ElementType;
+    /**
+     * The context of the uploader.
+     */
+    Context: ElementType;
+    /**
+     * The content container of the dropzone.
+     */
+    Content: ElementType;
+    /**
+     * The icon of the uploader.
+     */
+    Icon: ElementType;
+    /**
+     * The heading of the uploader.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the uploader.
+     */
+    Description: ElementType;
+}
+/**
+ * An Object containing the parts of the FileUploader component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the uploaderParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const FileUploadParts: FileUploadPartsValue;
+export {};

package/dist/components/file-upload/parts.js

@@ -0,0 +1,33 @@
+import { FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger } from "./primitives.js";
+//#region src/components/file-upload/parts.tsx
+/**
+* An Object containing the parts of the FileUploader component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the uploaderParts object and
+* the entire family of components vs. only what you use.
+*/
+var FileUploadParts = {
+	Context: FileUploadContext,
+	Root: FileUploadRoot,
+	Label: FileUploadLabel,
+	Dropzone: FileUploadDropzone,
+	Trigger: FileUploadTrigger,
+	ClearTrigger: FileUploadClearTrigger,
+	ItemGroup: FileUploadItemGroup,
+	Item: FileUploadItem,
+	ItemPreview: FileUploadItemPreview,
+	ItemPreviewImage: FileUploadItemPreviewImage,
+	ItemName: FileUploadItemName,
+	ItemSizeText: FileUploadItemSizeText,
+	ItemDeleteTrigger: FileUploadItemDeleteTrigger,
+	HiddenInput: FileUploadHiddenInput,
+	Content: FileUploadContent,
+	Icon: FileUploadIcon,
+	Heading: FileUploadHeading,
+	Description: FileUploadDescription
+};
+//#endregion
+export { FileUploadParts };

package/dist/components/file-upload/primitives.cjs

@@ -0,0 +1,42 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_file_upload = require("@ark-ui/react/file-upload");
+//#region src/components/file-upload/primitives.ts
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.fileUploader);
+var FileUploadRoot = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.Root, "root");
+var FileUploadDropzone = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.Dropzone, "dropzone");
+var FileUploadLabel = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.Label, "label");
+var FileUploadTrigger = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.Trigger, "trigger");
+var FileUploadClearTrigger = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ClearTrigger, "clearTrigger");
+var FileUploadItemGroup = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemGroup, "itemGroup");
+var FileUploadItem = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.Item, "item");
+var FileUploadItemPreview = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemPreview, "itemPreview");
+var FileUploadItemPreviewImage = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemPreviewImage, "itemPreviewImage");
+var FileUploadItemName = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemName, "itemName");
+var FileUploadItemSizeText = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemSizeText, "itemSizeText");
+var FileUploadItemDeleteTrigger = withSlotRecipe(_ark_ui_react_file_upload.FileUpload.ItemDeleteTrigger, "itemDeleteTrigger");
+var FileUploadHiddenInput = withNoRecipe(_ark_ui_react_file_upload.FileUpload.HiddenInput);
+var FileUploadContext = withNoRecipe(_ark_ui_react_file_upload.FileUpload.Context);
+var FileUploadContent = withSlotRecipe("div", "label");
+var FileUploadIcon = withSlotRecipe("div", "icon");
+var FileUploadHeading = withSlotRecipe("p", "heading");
+var FileUploadDescription = withSlotRecipe("p", "description");
+//#endregion
+exports.FileUploadClearTrigger = FileUploadClearTrigger;
+exports.FileUploadContent = FileUploadContent;
+exports.FileUploadContext = FileUploadContext;
+exports.FileUploadDescription = FileUploadDescription;
+exports.FileUploadDropzone = FileUploadDropzone;
+exports.FileUploadHeading = FileUploadHeading;
+exports.FileUploadHiddenInput = FileUploadHiddenInput;
+exports.FileUploadIcon = FileUploadIcon;
+exports.FileUploadItem = FileUploadItem;
+exports.FileUploadItemDeleteTrigger = FileUploadItemDeleteTrigger;
+exports.FileUploadItemGroup = FileUploadItemGroup;
+exports.FileUploadItemName = FileUploadItemName;
+exports.FileUploadItemPreview = FileUploadItemPreview;
+exports.FileUploadItemPreviewImage = FileUploadItemPreviewImage;
+exports.FileUploadItemSizeText = FileUploadItemSizeText;
+exports.FileUploadLabel = FileUploadLabel;
+exports.FileUploadRoot = FileUploadRoot;
+exports.FileUploadTrigger = FileUploadTrigger;

package/dist/components/file-upload/primitives.d.cts

@@ -0,0 +1,41 @@
+import { FileUpload, FileUploadContextProps as ArkFileUploadContextProps, FileUploadRootProps as ArkFileUploadRootProps, FileUploadLabelProps as ArkFileUploadLabelProps, FileUploadDropzoneProps as ArkFileUploadDropzoneProps, FileUploadTriggerProps as ArkFileUploadTriggerProps, FileUploadClearTriggerProps as ArkFileUploadClearTriggerProps, FileUploadItemGroupProps as ArkFileUploadItemGroupProps, FileUploadItemProps as ArkFileUploadItemProps, FileUploadItemPreviewProps as ArkFileUploadItemPreviewProps, FileUploadItemPreviewImageProps as ArkFileUploadItemPreviewImageProps, FileUploadItemNameProps as ArkFileUploadItemNameProps, FileUploadItemSizeTextProps as ArkFileUploadItemSizeTextProps, FileUploadItemDeleteTriggerProps as ArkFileUploadItemDeleteTriggerProps, FileUploadHiddenInputProps as ArkFileUploadHiddenInputProps } from '@ark-ui/react/file-upload';
+import { FileUploaderVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type FileUploadRootProps = CerberusPrimitiveProps<ArkFileUploadRootProps & FileUploaderVariantProps>;
+export declare const FileUploadRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
+export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
+export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
+export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
+export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
+export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
+export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
+export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
+export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
+export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
+export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
+export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
+export declare const FileUploadHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
+export declare const FileUploadContext: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadContentProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type { UseFileUploadContext } from '@ark-ui/react';

package/dist/components/file-upload/primitives.d.ts

@@ -0,0 +1,41 @@
+import { FileUpload, FileUploadContextProps as ArkFileUploadContextProps, FileUploadRootProps as ArkFileUploadRootProps, FileUploadLabelProps as ArkFileUploadLabelProps, FileUploadDropzoneProps as ArkFileUploadDropzoneProps, FileUploadTriggerProps as ArkFileUploadTriggerProps, FileUploadClearTriggerProps as ArkFileUploadClearTriggerProps, FileUploadItemGroupProps as ArkFileUploadItemGroupProps, FileUploadItemProps as ArkFileUploadItemProps, FileUploadItemPreviewProps as ArkFileUploadItemPreviewProps, FileUploadItemPreviewImageProps as ArkFileUploadItemPreviewImageProps, FileUploadItemNameProps as ArkFileUploadItemNameProps, FileUploadItemSizeTextProps as ArkFileUploadItemSizeTextProps, FileUploadItemDeleteTriggerProps as ArkFileUploadItemDeleteTriggerProps, FileUploadHiddenInputProps as ArkFileUploadHiddenInputProps } from '@ark-ui/react/file-upload';
+import { FileUploaderVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type FileUploadRootProps = CerberusPrimitiveProps<ArkFileUploadRootProps & FileUploaderVariantProps>;
+export declare const FileUploadRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
+export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
+export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
+export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
+export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
+export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
+export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
+export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
+export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
+export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
+export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
+export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
+export declare const FileUploadHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
+export declare const FileUploadContext: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadContentProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type { UseFileUploadContext } from '@ark-ui/react';

package/dist/components/file-upload/primitives.js

@@ -0,0 +1,25 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { fileUploader } from "styled-system/recipes";
+import { FileUpload } from "@ark-ui/react/file-upload";
+//#region src/components/file-upload/primitives.ts
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(fileUploader);
+var FileUploadRoot = withSlotRecipe(FileUpload.Root, "root");
+var FileUploadDropzone = withSlotRecipe(FileUpload.Dropzone, "dropzone");
+var FileUploadLabel = withSlotRecipe(FileUpload.Label, "label");
+var FileUploadTrigger = withSlotRecipe(FileUpload.Trigger, "trigger");
+var FileUploadClearTrigger = withSlotRecipe(FileUpload.ClearTrigger, "clearTrigger");
+var FileUploadItemGroup = withSlotRecipe(FileUpload.ItemGroup, "itemGroup");
+var FileUploadItem = withSlotRecipe(FileUpload.Item, "item");
+var FileUploadItemPreview = withSlotRecipe(FileUpload.ItemPreview, "itemPreview");
+var FileUploadItemPreviewImage = withSlotRecipe(FileUpload.ItemPreviewImage, "itemPreviewImage");
+var FileUploadItemName = withSlotRecipe(FileUpload.ItemName, "itemName");
+var FileUploadItemSizeText = withSlotRecipe(FileUpload.ItemSizeText, "itemSizeText");
+var FileUploadItemDeleteTrigger = withSlotRecipe(FileUpload.ItemDeleteTrigger, "itemDeleteTrigger");
+var FileUploadHiddenInput = withNoRecipe(FileUpload.HiddenInput);
+var FileUploadContext = withNoRecipe(FileUpload.Context);
+var FileUploadContent = withSlotRecipe("div", "label");
+var FileUploadIcon = withSlotRecipe("div", "icon");
+var FileUploadHeading = withSlotRecipe("p", "heading");
+var FileUploadDescription = withSlotRecipe("p", "description");
+//#endregion
+export { FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger };

package/dist/components/file-upload/utils.cjs

@@ -0,0 +1,18 @@
+"use client";
+//#region src/components/file-upload/utils.ts
+/**
+* Format a given file type string into a human-readable format.
+* @param accept FileUploadRootProps['accept']
+* @returns string (e.g., ".png, .jpg, .svg")
+*/
+function formatFileTypes(accept) {
+	if (Array.isArray(accept)) return accept.join(", ");
+	if (typeof accept === "object") return Object.keys(accept).join(", ");
+	if (typeof accept === "string") {
+		if (accept.includes("/*")) return `any ${accept.split("/")[0]}`;
+		return accept.split(",").join(", ");
+	}
+	return "any";
+}
+//#endregion
+exports.formatFileTypes = formatFileTypes;

package/dist/components/file-upload/utils.d.cts

@@ -0,0 +1,7 @@
+import { FileUploadRootProps } from '@ark-ui/react';
+/**
+ * Format a given file type string into a human-readable format.
+ * @param accept FileUploadRootProps['accept']
+ * @returns string (e.g., ".png, .jpg, .svg")
+ */
+export declare function formatFileTypes(accept: FileUploadRootProps['accept']): string;

package/dist/components/file-upload/utils.d.ts

@@ -0,0 +1,7 @@
+import { FileUploadRootProps } from '@ark-ui/react';
+/**
+ * Format a given file type string into a human-readable format.
+ * @param accept FileUploadRootProps['accept']
+ * @returns string (e.g., ".png, .jpg, .svg")
+ */
+export declare function formatFileTypes(accept: FileUploadRootProps['accept']): string;