@cerberus-design/react 0.25.0 → 0.25.1-rc.1

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

@@ -0,0 +1,86 @@
+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 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,86 @@
+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 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,24 @@
+import { FileUploadDescription, FileUploadHeading, FileUploadIcon, FileUploadHiddenInput, FileUploadItemDeleteTrigger, FileUploadItemSizeText, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemPreview, FileUploadItem, FileUploadItemGroup, FileUploadClearTrigger, FileUploadTrigger, FileUploadDropzone, FileUploadLabel, FileUploadRoot, FileUploadContext } from './primitives.js';
+
+const 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,
+  // custom cerby primitives
+  Icon: FileUploadIcon,
+  Heading: FileUploadHeading,
+  Description: FileUploadDescription
+};
+
+export { FileUploadParts };

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

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const recipes = require('styled-system/recipes');
+const index = require('../../system/index.cjs');
+const fileUploadRoot = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-root.cjs');
+const fileUploadDropzone = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-dropzone.cjs');
+const fileUploadLabel = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-label.cjs');
+const fileUploadTrigger = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-trigger.cjs');
+const fileUploadClearTrigger = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-clear-trigger.cjs');
+const fileUploadItemGroup = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-group.cjs');
+const fileUploadItem = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item.cjs');
+const fileUploadItemPreview = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview.cjs');
+const fileUploadItemPreviewImage = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview-image.cjs');
+const fileUploadItemName = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-name.cjs');
+const fileUploadItemSizeText = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-size-text.cjs');
+const fileUploadItemDeleteTrigger = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-delete-trigger.cjs');
+const fileUploadHiddenInput = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-hidden-input.cjs');
+const fileUploadContext = require('../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-context.cjs');
+
+const { withSlotRecipe, withNoRecipe } = index.createCerberusPrimitive(recipes.fileUploader);
+const FileUploadRoot = withSlotRecipe(fileUploadRoot.FileUploadRoot, "root");
+const FileUploadDropzone = withSlotRecipe(
+  fileUploadDropzone.FileUploadDropzone,
+  "dropzone"
+);
+const FileUploadLabel = withSlotRecipe(fileUploadLabel.FileUploadLabel, "label");
+const FileUploadTrigger = withSlotRecipe(fileUploadTrigger.FileUploadTrigger, "trigger");
+const FileUploadClearTrigger = withSlotRecipe(
+  fileUploadClearTrigger.FileUploadClearTrigger,
+  "clearTrigger"
+);
+const FileUploadItemGroup = withSlotRecipe(
+  fileUploadItemGroup.FileUploadItemGroup,
+  "itemGroup"
+);
+const FileUploadItem = withSlotRecipe(fileUploadItem.FileUploadItem, "item");
+const FileUploadItemPreview = withSlotRecipe(
+  fileUploadItemPreview.FileUploadItemPreview,
+  "itemPreview"
+);
+const FileUploadItemPreviewImage = withSlotRecipe(
+  fileUploadItemPreviewImage.FileUploadItemPreviewImage,
+  "itemPreviewImage"
+);
+const FileUploadItemName = withSlotRecipe(
+  fileUploadItemName.FileUploadItemName,
+  "itemName"
+);
+const FileUploadItemSizeText = withSlotRecipe(
+  fileUploadItemSizeText.FileUploadItemSizeText,
+  "itemSizeText"
+);
+const FileUploadItemDeleteTrigger = withSlotRecipe(
+  fileUploadItemDeleteTrigger.FileUploadItemDeleteTrigger,
+  "itemDeleteTrigger"
+);
+const FileUploadHiddenInput = withNoRecipe(fileUploadHiddenInput.FileUploadHiddenInput);
+const FileUploadContext = withNoRecipe(fileUploadContext.FileUploadContext);
+const FileUploadIcon = withSlotRecipe("div", "icon");
+const FileUploadHeading = withSlotRecipe("p", "heading");
+const FileUploadDescription = withSlotRecipe("p", "description");
+
+exports.FileUploadClearTrigger = FileUploadClearTrigger;
+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,45 @@
+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<unknown>>;
+export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
+export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
+export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
+export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
+export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
+export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
+export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
+export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
+export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
+export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
+export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
+export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
+export declare const FileUploadHiddenInput: {
+    (props: CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
+export declare const FileUploadContext: {
+    (props: CerberusPrimitiveProps<FileUpload.ContextProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<unknown>>;
+export type { UseFileUploadContext } from '@ark-ui/react';

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

@@ -0,0 +1,45 @@
+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<unknown>>;
+export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
+export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
+export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
+export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
+export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
+export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
+export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
+export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
+export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
+export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
+export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
+export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
+export declare const FileUploadHiddenInput: {
+    (props: CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
+export declare const FileUploadContext: {
+    (props: CerberusPrimitiveProps<FileUpload.ContextProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
+export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<unknown>>;
+export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
+export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<unknown>>;
+export type { UseFileUploadContext } from '@ark-ui/react';

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

@@ -0,0 +1,61 @@
+import { fileUploader } from 'styled-system/recipes';
+import { createCerberusPrimitive } from '../../system/index.js';
+import { FileUploadRoot as FileUploadRoot$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-root.js';
+import { FileUploadDropzone as FileUploadDropzone$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-dropzone.js';
+import { FileUploadLabel as FileUploadLabel$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-label.js';
+import { FileUploadTrigger as FileUploadTrigger$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-trigger.js';
+import { FileUploadClearTrigger as FileUploadClearTrigger$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-clear-trigger.js';
+import { FileUploadItemGroup as FileUploadItemGroup$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-group.js';
+import { FileUploadItem as FileUploadItem$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item.js';
+import { FileUploadItemPreview as FileUploadItemPreview$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview.js';
+import { FileUploadItemPreviewImage as FileUploadItemPreviewImage$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview-image.js';
+import { FileUploadItemName as FileUploadItemName$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-name.js';
+import { FileUploadItemSizeText as FileUploadItemSizeText$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-size-text.js';
+import { FileUploadItemDeleteTrigger as FileUploadItemDeleteTrigger$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-delete-trigger.js';
+import { FileUploadHiddenInput as FileUploadHiddenInput$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-hidden-input.js';
+import { FileUploadContext as FileUploadContext$1 } from '../../node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-context.js';
+
+const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(fileUploader);
+const FileUploadRoot = withSlotRecipe(FileUploadRoot$1, "root");
+const FileUploadDropzone = withSlotRecipe(
+  FileUploadDropzone$1,
+  "dropzone"
+);
+const FileUploadLabel = withSlotRecipe(FileUploadLabel$1, "label");
+const FileUploadTrigger = withSlotRecipe(FileUploadTrigger$1, "trigger");
+const FileUploadClearTrigger = withSlotRecipe(
+  FileUploadClearTrigger$1,
+  "clearTrigger"
+);
+const FileUploadItemGroup = withSlotRecipe(
+  FileUploadItemGroup$1,
+  "itemGroup"
+);
+const FileUploadItem = withSlotRecipe(FileUploadItem$1, "item");
+const FileUploadItemPreview = withSlotRecipe(
+  FileUploadItemPreview$1,
+  "itemPreview"
+);
+const FileUploadItemPreviewImage = withSlotRecipe(
+  FileUploadItemPreviewImage$1,
+  "itemPreviewImage"
+);
+const FileUploadItemName = withSlotRecipe(
+  FileUploadItemName$1,
+  "itemName"
+);
+const FileUploadItemSizeText = withSlotRecipe(
+  FileUploadItemSizeText$1,
+  "itemSizeText"
+);
+const FileUploadItemDeleteTrigger = withSlotRecipe(
+  FileUploadItemDeleteTrigger$1,
+  "itemDeleteTrigger"
+);
+const FileUploadHiddenInput = withNoRecipe(FileUploadHiddenInput$1);
+const FileUploadContext = withNoRecipe(FileUploadContext$1);
+const FileUploadIcon = withSlotRecipe("div", "icon");
+const FileUploadHeading = withSlotRecipe("p", "heading");
+const FileUploadDescription = withSlotRecipe("p", "description");
+
+export { FileUploadClearTrigger, 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';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 file";
+}
+
+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;

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

@@ -0,0 +1,14 @@
+'use client';
+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 file";
+}
+
+export { formatFileTypes };

package/dist/components/select/select.cjs

@@ -5,12 +5,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const jsx = require('styled-system/jsx');
 const cerberus = require('../../context/cerberus.cjs');
-const portal = require('../portal/portal.cjs');
+const index = require('../../utils/index.cjs');
 const show = require('../show/show.cjs');
 const parts = require('./parts.cjs');
 
 function Select(props) {
-  const { collection, container, placeholder, ...rootProps } = props;
+  const [{ collection, placeholder }, rootProps] = index.splitProps(props, [
+    "collection",
+    "placeholder"
+  ]);
   const { icons } = cerberus.useCerberusContext();
   const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
   return /* @__PURE__ */ jsxRuntime.jsxs(parts.SelectParts.Root, { collection, ...rootProps, children: [
@@ -21,7 +24,7 @@ function Select(props) {
         /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectArrow, {}) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(portal.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.Content, { size: rootProps.size, children: props.children }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.Content, { size: rootProps.size, children: props.children }) }),
     /* @__PURE__ */ jsxRuntime.jsx(parts.SelectParts.HiddenSelect, {})
   ] });
 }

package/dist/components/select/select.d.cts

@@ -30,9 +30,7 @@ export interface SelectProps extends Omit<SelectRootProps, 'container'> {
      */
     placeholder?: string;
     /**
-     * The container element to render the Select dropdown in. This is used
-     * to render the Select dropdown in a specific context, such as a modal.
-     * @default document.body
+     * @deprecated - this is no longer needed
      */
     container?: RefObject<HTMLElement | null>;
 }

package/dist/components/select/select.d.ts

@@ -30,9 +30,7 @@ export interface SelectProps extends Omit<SelectRootProps, 'container'> {
      */
     placeholder?: string;
     /**
-     * The container element to render the Select dropdown in. This is used
-     * to render the Select dropdown in a specific context, such as a modal.
-     * @default document.body
+     * @deprecated - this is no longer needed
      */
     container?: RefObject<HTMLElement | null>;
 }

package/dist/components/select/select.js

@@ -1,12 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { HStack } from 'styled-system/jsx';
 import { useCerberusContext } from '../../context/cerberus.js';
-import { Portal } from '../portal/portal.js';
+import { splitProps } from '../../utils/index.js';
 import { Show } from '../show/show.js';
 import { SelectParts } from './parts.js';
 
 function Select(props) {
-  const { collection, container, placeholder, ...rootProps } = props;
+  const [{ collection, placeholder }, rootProps] = splitProps(props, [
+    "collection",
+    "placeholder"
+  ]);
   const { icons } = useCerberusContext();
   const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
   return /* @__PURE__ */ jsxs(SelectParts.Root, { collection, ...rootProps, children: [
@@ -17,7 +20,7 @@ function Select(props) {
         /* @__PURE__ */ jsx(SelectParts.Indicator, { children: /* @__PURE__ */ jsx(SelectArrow, {}) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(Portal, { container, children: /* @__PURE__ */ jsx(SelectParts.Positioner, { children: /* @__PURE__ */ jsx(SelectParts.Content, { size: rootProps.size, children: props.children }) }) }),
+    /* @__PURE__ */ jsx(SelectParts.Positioner, { children: /* @__PURE__ */ jsx(SelectParts.Content, { size: rootProps.size, children: props.children }) }),
     /* @__PURE__ */ jsx(SelectParts.HiddenSelect, {})
   ] });
 }

package/dist/context/confirm-modal.cjs

@@ -16,6 +16,7 @@ const cerberus = require('./cerberus.cjs');
 
 const ConfirmModalContext = React.createContext(null);
 function ConfirmModal(props) {
+  const { children, ...rootProps } = props;
   const [open, setOpen] = React.useState(false);
   const [content, setContent] = React.useState(null);
   const resolveRef = React.useRef(null);
@@ -65,7 +66,7 @@ function ConfirmModal(props) {
     [handleShow]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ConfirmModalContext.Provider, { value, children: [
-    props.children,
+    children,
     /* @__PURE__ */ jsxRuntime.jsx(
       primitives.DialogProvider,
       {
@@ -73,6 +74,7 @@ function ConfirmModal(props) {
         open,
         onOpenChange: handleOpenChange,
         unmountOnExit: true,
+        ...rootProps,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           dialog.Dialog,
           {

package/dist/context/confirm-modal.d.cts

@@ -1,4 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
+import { DialogRootProps } from '../components/dialog';
 /**
  * This module provides a context and hook for the confirm modal.
  * @module
@@ -51,7 +52,7 @@ export type ShowResult = ((value: boolean | null) => void) | null;
 export interface ConfirmModalValue {
     show: (options: ShowConfirmModalOptions) => Promise<boolean | null>;
 }
-export type ConfirmModalProviderProps = PropsWithChildren<unknown>;
+export type ConfirmModalProviderProps = PropsWithChildren<DialogRootProps>;
 /**
  * Provides a confirm modal to the app.
  * @see https://cerberus.digitalu.design/react/confirm-modal

package/dist/context/confirm-modal.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
+import { DialogRootProps } from '../components/dialog';
 /**
  * This module provides a context and hook for the confirm modal.
  * @module
@@ -51,7 +52,7 @@ export type ShowResult = ((value: boolean | null) => void) | null;
 export interface ConfirmModalValue {
     show: (options: ShowConfirmModalOptions) => Promise<boolean | null>;
 }
-export type ConfirmModalProviderProps = PropsWithChildren<unknown>;
+export type ConfirmModalProviderProps = PropsWithChildren<DialogRootProps>;
 /**
  * Provides a confirm modal to the app.
  * @see https://cerberus.digitalu.design/react/confirm-modal