@central-ui/react 0.0.0-stage → 0.1.1

package/dist/components/empty/index.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement } from 'react';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Compose Surface and Body for an empty-state panel. You decide when the panel appears; it does not inspect your data. Image/Icon and ActionsList are optional ways to explain the state and offer a next action.
+ *
+ * @example Complete composition
+ * import { Button, Empty } from '@central-ui/react'
+ * import { FolderOpen } from 'lucide-react'
+ *
+ * function Example() {
+ *   return (
+ *     <Empty.Surface>
+ *       <Empty.Body>
+ *         <Empty.Icon>
+ *           <FolderOpen aria-hidden="true" />
+ *         </Empty.Icon>
+ *         <Empty.Title>No projects yet</Empty.Title>
+ *         <Empty.Description>Create a project to get started.</Empty.Description>
+ *         <Empty.ActionsList>
+ *           <Button.default variant="secondary" size="small">
+ *             Create project
+ *           </Button.default>
+ *         </Empty.ActionsList>
+ *       </Empty.Body>
+ *     </Empty.Surface>
+ *   )
+ * }
+ */
+export function Surface({ disableStyle, className, children, ...props }) {
+    return (_jsx("div", { "data-component": "empty-surface", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props, children: children }));
+}
+export function Body({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "empty-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Title({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "empty-title", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Description({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "empty-description", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Image({ disableStyle, className, ...props }) {
+    return (_jsx("img", { alt: "Empty", "data-component": "empty-image", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export function Icon({ disableStyle, children, className, ...props }) {
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...{
+            'data-component': 'empty-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+    });
+}
+export function ActionsList({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "empty-actionslist", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/empty/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,eAAe,yBACT,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC2B;IACnC,OAAO,CACL,iBACM,KAAK,oBACM,YAAY,yBACN,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,8BACiB,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,8BACiB,mBAAmB,yBACb,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,cACE,GAAG,EAAC,OAAO,oBACI,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,wHAAwH;AACxH,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAKE;IACV,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,QAAQ,CAAC,KAAK;QACjB,GAAG,KAAK;QACR,GAAG;YACD,gBAAgB,EAAE,YAAY;YAC9B,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG;KACpE,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,mBAAmB,yBACb,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,107 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { FileUpload as ArkFileUpload, type FileUploadFileRejection } from '@ark-ui/react/file-upload';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+/**
+ * Root manages accepted/rejected files, validation, and picker behavior. Dropzone/FilePickerOpenButton open the picker; do not add a second file input. FileList supplies entries; pass each entry file and status to File. FileThumbnail chooses image preview versus fallback automatically.
+ *
+ * @example Complete composition
+ * import { FileUpload } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <FileUpload.Root accept="image/png,image/jpeg" maxFileSize={10 * 1024 * 1024}>
+ *       <FileUpload.Container>
+ *         <FileUpload.Label>Profile image</FileUpload.Label>
+ *         <FileUpload.Dropzone>
+ *           <FileUpload.UploadIcon />
+ *           <FileUpload.Title>Drop an image here</FileUpload.Title>
+ *           <FileUpload.Description>PNG or JPG up to 10 MB.</FileUpload.Description>
+ *           <FileUpload.FilePickerOpenButton>Browse image</FileUpload.FilePickerOpenButton>
+ *           <FileUpload.FileList>
+ *             {({ file, status }) => (
+ *               <FileUpload.File file={file} status={status}>
+ *                 <FileUpload.FileThumbnail>
+ *                   <FileUpload.FileThumbnailIcon />
+ *                 </FileUpload.FileThumbnail>
+ *                 <FileUpload.FileName />
+ *                 <FileUpload.FileSize />
+ *                 {status === 'rejected' && <FileUpload.FileErrorText />}
+ *                 <FileUpload.FileRemoveButton>
+ *                   <FileUpload.FileRemoveButtonIcon />
+ *                 </FileUpload.FileRemoveButton>
+ *               </FileUpload.File>
+ *             )}
+ *           </FileUpload.FileList>
+ *         </FileUpload.Dropzone>
+ *       </FileUpload.Container>
+ *     </FileUpload.Root>
+ *   )
+ * }
+ *
+ * @example Accept just one PDF document
+ * // Keep the same Dropzone and FileList composition.
+ * ;<FileUpload.Root accept="application/pdf" maxFiles={1}>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </FileUpload.Root>
+ */
+export declare function Root({ children, ...props }: Omit<ArkFileUpload.RootProps, 'asChild'>): import("react").JSX.Element;
+export declare function Container({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function Label({ disableStyle, className, ...props }: ArkFileUpload.LabelProps & StyleProps): import("react").JSX.Element;
+export declare function Dropzone({ disableStyle, children, className, ...props }: ArkFileUpload.DropzoneProps & StyleProps): import("react").JSX.Element;
+export declare function FilePickerOpenButton({ disableStyle, className, ...props }: ArkFileUpload.TriggerProps & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function UploadIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+export declare function Title({ disableStyle, className, ...props }: ComponentProps<'p'> & StyleProps): import("react").JSX.Element;
+export declare function Description({ disableStyle, className, ...props }: ComponentProps<'p'> & StyleProps): import("react").JSX.Element;
+export declare function FileList({ disableStyle, children, className, style, onClick, ...props }: (Omit<ComponentProps<'ul'>, 'children'> & {
+    /** Render File for each entry, passing its file and status. Both accepted and rejected entries are supplied; no second list-merging step needed. */
+    children: (entry: {
+        /** Pass the file supplied by FileList so preview, name, size, and removal all refer to the same file. */
+        file: FileUploadFileRejection['file'];
+        /** Pass the status from the FileList entry so rejected files get the matching error/removal behavior. */
+        status: 'accepted' | 'rejected';
+        /** Reasons the file was rejected. FileErrorText already presents them; read this only for custom error presentation. */
+        errors: FileUploadFileRejection['errors'];
+    }) => ReactNode;
+}) & StyleProps): import("react").JSX.Element;
+export declare function File({ disableStyle, status, className, children, ...props }: (ArkFileUpload.ItemProps & {
+    /** Pass the status from the FileList entry so rejected files get the matching error/removal behavior. */
+    status: 'accepted' | 'rejected';
+}) & StyleProps): import("react").JSX.Element;
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export declare function FileErrorText({ disableStyle, children, className, ...props }: ComponentProps<'p'> & StyleProps): import("react").JSX.Element;
+export declare function FilePreview({ disableStyle, className, ...props }: ArkFileUpload.ItemPreviewProps & StyleProps): import("react").JSX.Element;
+export declare function FilePreviewImage({ disableStyle, className, ...props }: ArkFileUpload.ItemPreviewImageProps & StyleProps): import("react").JSX.Element;
+/** Chooses image preview versus fallback from the file type automatically. Supply fallback content for non-image files; do not add a second file-type condition. */
+export declare function FileThumbnail({ disableStyle, children, className, ...props }: Omit<ArkFileUpload.ItemPreviewProps, 'type' | 'children'> & {
+    children?: ReactNode;
+} & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function FileThumbnailIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export declare function FileName({ disableStyle, className, ...props }: ArkFileUpload.ItemNameProps & StyleProps): import("react").JSX.Element;
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export declare function FileSize({ disableStyle, className, ...props }: ArkFileUpload.ItemSizeTextProps & StyleProps): import("react").JSX.Element;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare function FileRemoveHandler({ children, ...props }: Omit<ArkFileUpload.ItemDeleteTriggerProps, 'asChild' | 'children'> & {
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}): import("react").JSX.Element;
+/** Removes the surrounding file automatically, including rejected entries. No extra removal click handler needed. */
+export declare function FileRemoveButton({ disableStyle, children, className, ...props }: (Omit<ArkFileUpload.ItemDeleteTriggerProps, 'asChild' | 'children'> & {
+    children?: ReactNode;
+}) & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function FileRemoveButtonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fileupload/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileupload/index.js

@@ -0,0 +1,185 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileUpload as ArkFileUpload, useFileUpload, useFileUploadContext, } from '@ark-ui/react/file-upload';
+import { File as FileIcon, Upload, X } from 'lucide-react';
+import { cloneElement, createContext, useContext, Fragment } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { arkStateToDataAttributes } from "../../utils/ArkStateToDataAttributes.js";
+/**
+ * Root manages accepted/rejected files, validation, and picker behavior. Dropzone/FilePickerOpenButton open the picker; do not add a second file input. FileList supplies entries; pass each entry file and status to File. FileThumbnail chooses image preview versus fallback automatically.
+ *
+ * @example Complete composition
+ * import { FileUpload } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <FileUpload.Root accept="image/png,image/jpeg" maxFileSize={10 * 1024 * 1024}>
+ *       <FileUpload.Container>
+ *         <FileUpload.Label>Profile image</FileUpload.Label>
+ *         <FileUpload.Dropzone>
+ *           <FileUpload.UploadIcon />
+ *           <FileUpload.Title>Drop an image here</FileUpload.Title>
+ *           <FileUpload.Description>PNG or JPG up to 10 MB.</FileUpload.Description>
+ *           <FileUpload.FilePickerOpenButton>Browse image</FileUpload.FilePickerOpenButton>
+ *           <FileUpload.FileList>
+ *             {({ file, status }) => (
+ *               <FileUpload.File file={file} status={status}>
+ *                 <FileUpload.FileThumbnail>
+ *                   <FileUpload.FileThumbnailIcon />
+ *                 </FileUpload.FileThumbnail>
+ *                 <FileUpload.FileName />
+ *                 <FileUpload.FileSize />
+ *                 {status === 'rejected' && <FileUpload.FileErrorText />}
+ *                 <FileUpload.FileRemoveButton>
+ *                   <FileUpload.FileRemoveButtonIcon />
+ *                 </FileUpload.FileRemoveButton>
+ *               </FileUpload.File>
+ *             )}
+ *           </FileUpload.FileList>
+ *         </FileUpload.Dropzone>
+ *       </FileUpload.Container>
+ *     </FileUpload.Root>
+ *   )
+ * }
+ *
+ * @example Accept just one PDF document
+ * // Keep the same Dropzone and FileList composition.
+ * ;<FileUpload.Root accept="application/pdf" maxFiles={1}>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </FileUpload.Root>
+ */
+export function Root({ children, ...props }) {
+    const file_upload = useFileUpload(props);
+    return (_jsx(ArkFileUpload.RootProvider, { value: file_upload, asChild: true, children: _jsx(_Fragment, { children: children }) }));
+}
+export function Container({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "fileupload-container", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Label({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.Label, { ...props, "data-component": "fileupload-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Dropzone({ disableStyle, children, className, ...props }) {
+    return (_jsxs(ArkFileUpload.Dropzone, { ...props, "data-component": "fileupload-dropzone", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: [children, _jsx(ArkFileUpload.HiddenInput, {})] }));
+}
+export function FilePickerOpenButton({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.Trigger, { ...props, "data-component": "fileupload-filepickeropenbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function UploadIcon({ disableStyle, children = _jsx(Upload, {}), className, ...props }) {
+    const file_upload = useFileUploadContext();
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...arkStateToDataAttributes(file_upload),
+        ...useFileStatusAttributes(),
+        ...{
+            'data-component': 'fileupload-uploadicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.8,
+    });
+}
+export function Title({ disableStyle, className, ...props }) {
+    const file_upload = useFileUploadContext();
+    return (_jsx("p", { ...props, ...arkStateToDataAttributes(file_upload), ...useFileStatusAttributes(), "data-component": "fileupload-title", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Description({ disableStyle, className, ...props }) {
+    const file_upload = useFileUploadContext();
+    return (_jsx("p", { ...props, ...arkStateToDataAttributes(file_upload), ...useFileStatusAttributes(), "data-component": "fileupload-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+// Keep Ark's accepted and rejected arrays native; only merge their presentation.
+export function FileList({ disableStyle, children, className, style, onClick, ...props }) {
+    const upload = useFileUploadContext();
+    const entries = [
+        ...upload.acceptedFiles.map((file) => ({
+            file,
+            status: 'accepted',
+            errors: [],
+        })),
+        ...upload.rejectedFiles.map((rejection) => ({
+            ...rejection,
+            status: 'rejected',
+        })),
+    ];
+    return (_jsx("ul", { ...props, style: { ...style, cursor: 'default' }, onClick: (event) => {
+            // Clicks anywhere in the file list must not open the surrounding Dropzone.
+            event.stopPropagation();
+            onClick?.(event);
+        }, "data-component": "fileupload-filelist", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: entries.map((entry, index) => (_jsx(FileStatusContext.Provider, { value: entry, children: children(entry) }, entry.status + ':' + index))) }));
+}
+export function File({ disableStyle, status, className, children, ...props }) {
+    const entry = useContext(FileStatusContext);
+    return (_jsx(ArkFileUpload.ItemGroup, { type: status, asChild: true, children: _jsx(Fragment, { children: _jsx(FileStatusContext.Provider, { value: { status, errors: entry.errors }, children: _jsx(ArkFileUpload.Item, { ...props, "data-status": status, "data-component": "fileupload-file", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children }) }) }) }));
+}
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export function FileErrorText({ disableStyle, children, className, ...props }) {
+    const entry = useContext(FileStatusContext);
+    return (_jsx("p", { ...props, role: "alert", "data-status": entry.status, "data-component": "fileupload-fileerrortext", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children ?? entry.errors.join(', ') }));
+}
+export function FilePreview({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.ItemPreview, { ...props, ...useFileStatusAttributes(), "data-component": "fileupload-filepreview", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function FilePreviewImage({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.ItemPreviewImage, { ...props, ...useFileStatusAttributes(), "data-component": "fileupload-filepreviewimage", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** Chooses image preview versus fallback from the file type automatically. Supply fallback content for non-image files; do not add a second file-type condition. */
+export function FileThumbnail({ disableStyle, children, className, ...props }) {
+    return (_jsxs(_Fragment, { children: [_jsx(FilePreview, { type: "image/*", className: className, ...props, disableStyle: disableStyle, children: _jsx(FilePreviewImage, { disableStyle: disableStyle }) }), _jsx(FilePreview, { type: "^(?!image/).*", className: className, disableStyle: disableStyle, children: children })] }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function FileThumbnailIcon({ disableStyle, children = _jsx(FileIcon, {}), className, ...props }) {
+    const file_upload = useFileUploadContext();
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...arkStateToDataAttributes(file_upload),
+        ...useFileStatusAttributes(),
+        ...{
+            'data-component': 'fileupload-filethumbnailicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1,
+    });
+}
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export function FileName({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.ItemName, { ...props, ...useFileStatusAttributes(), "data-component": "fileupload-filename", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** Reads the surrounding File automatically. Omit children to keep the supplied text; override only for custom presentation. */
+export function FileSize({ disableStyle, className, ...props }) {
+    return (_jsx(ArkFileUpload.ItemSizeText, { ...props, ...useFileStatusAttributes(), "data-component": "fileupload-filesize", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export function FileRemoveHandler({ children, ...props }) {
+    const attributes = useFileStatusAttributes();
+    return (_jsx(ArkFileUpload.ItemDeleteTrigger, { ...props, ...attributes, asChild: true, children: children }));
+}
+/** Removes the surrounding file automatically, including rejected entries. No extra removal click handler needed. */
+export function FileRemoveButton({ disableStyle, children, className, ...props }) {
+    return (_jsx(ArkFileUpload.ItemDeleteTrigger, { ...props, ...useFileStatusAttributes(), asChild: false, "data-component": "fileupload-fileremovebutton", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function FileRemoveButtonIcon({ disableStyle, children = _jsx(X, {}), className, ...props }) {
+    const file_upload = useFileUploadContext();
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...arkStateToDataAttributes(file_upload),
+        ...useFileStatusAttributes(),
+        ...{
+            'data-component': 'fileupload-fileremovebuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 2,
+    });
+}
+// Each rendered row shares rejection details with its parts, without mirroring upload state.
+const FileStatusContext = createContext({ errors: [] });
+function useFileStatusAttributes() {
+    return { 'data-status': useContext(FileStatusContext).status };
+}
+//# sourceMappingURL=index.js.map

package/dist/components/fileupload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/fileupload/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { FormHTMLAttributes } from 'react';
+/**
+ * Use Form for native form submission and your own validation strategy. It supplies layout only; field state, validation, and submission handlers belong to your application.
+ *
+ * @example Complete composition
+ * import { Button, Form } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Form.Form>
+ *       <label className="flex flex-col gap-1 text-sm text-neutral-900">
+ *         Name
+ *         <input
+ *           className="h-8 rounded-lg border border-neutral-400 px-2"
+ *           defaultValue="Alex"
+ *         />
+ *       </label>
+ *       <label className="flex flex-col gap-1 text-sm text-neutral-900">
+ *         Email
+ *         <input
+ *           className="h-8 rounded-lg border border-neutral-400 px-2"
+ *           defaultValue="alex@example.com"
+ *         />
+ *       </label>
+ *       <Button.default variant="primary" size="small">
+ *         Save changes
+ *       </Button.default>
+ *     </Form.Form>
+ *   )
+ * }
+ */
+export declare function Form({ disableStyle, className, ...props }: FormHTMLAttributes<HTMLFormElement> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,UAAU,+BASlD"}

package/dist/components/form/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Use Form for native form submission and your own validation strategy. It supplies layout only; field state, validation, and submission handlers belong to your application.
+ *
+ * @example Complete composition
+ * import { Button, Form } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Form.Form>
+ *       <label className="flex flex-col gap-1 text-sm text-neutral-900">
+ *         Name
+ *         <input
+ *           className="h-8 rounded-lg border border-neutral-400 px-2"
+ *           defaultValue="Alex"
+ *         />
+ *       </label>
+ *       <label className="flex flex-col gap-1 text-sm text-neutral-900">
+ *         Email
+ *         <input
+ *           className="h-8 rounded-lg border border-neutral-400 px-2"
+ *           defaultValue="alex@example.com"
+ *         />
+ *       </label>
+ *       <Button.default variant="primary" size="small">
+ *         Save changes
+ *       </Button.default>
+ *     </Form.Form>
+ *   )
+ * }
+ */
+export function Form({ disableStyle, className, ...props }) {
+    return (_jsx("form", { "data-component": "form-form", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,iCACiB,WAAW,yBACL,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,85 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Input as BaseInput } from '@base-ui/react/input';
+import type { LucideProps } from 'lucide-react';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+export type RootProps = Pick<BaseInput.Props, 'id' | 'name' | 'form' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'readOnly' | 'required' | 'type'> & {
+    children?: ReactNode;
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'valid' | 'invalid';
+};
+/**
+ * Keep configuration such as value, name, and validation tone on Root. Input is the editable control; InputGroup and Container organize it. Optional addon controls already have their own behavior where named, such as clearing.
+ *
+ * @example Complete composition
+ * import { Input } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Input.Root defaultValue="Hello" name="message">
+ *       <Input.Container>
+ *         <Input.Label>Text</Input.Label>
+ *         <Input.InputGroup>
+ *           <Input.Input placeholder="Enter text" />
+ *           <Input.Addon>
+ *             <Input.AddonClearButton>
+ *               <Input.AddonClearButtonIcon />
+ *             </Input.AddonClearButton>
+ *           </Input.Addon>
+ *         </Input.InputGroup>
+ *         <Input.Description>Enter your message.</Input.Description>
+ *       </Input.Container>
+ *     </Input.Root>
+ *   )
+ * }
+ *
+ * @example Control the input from application state
+ * import { useState } from 'react'
+ * function ControlledExample() {
+ *   const [value, setValue] = useState('')
+ *   return (
+ *     <Input.Root value={value} onValueChange={setValue}>
+ *       {
+ *         // Rest of components here
+ *       }
+ *     </Input.Root>
+ *   )
+ * }
+ */
+export declare function Root({ children, id, tone, value, defaultValue, onValueChange, disabled, readOnly, required, ...coreProps }: RootProps): import("react").JSX.Element;
+export type InputProps = Omit<BaseInput.Props, keyof Pick<RootProps, 'id' | 'name' | 'form' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'readOnly' | 'required' | 'type'> | 'className' | 'render'> & {
+    className?: string;
+} & StyleProps;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").InputProps, "form" | "className" | "defaultValue" | "id" | "name" | "type" | "disabled" | "value" | "render" | "onValueChange" | "required" | "readOnly"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Error: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Success: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Addon: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    /** Choose the preset appearance; this does not add action behavior. */
+    variant?: "normal" | "emphasized";
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AddonText: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare function AddonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const AddonButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export declare const AddonLoadingIcon: import("react").ForwardRefExoticComponent<Omit<Omit<LucideProps, "children"> & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+/** Clears the control automatically; no clearing click handler needed. Supply the clear icon and an accessible name. */
+export declare const AddonClearButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function AddonClearButtonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAY/C,OAAO,KAAK,EACV,cAAc,EAEd,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,SAAS,CAAC,KAAK,EACb,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,CACT,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,0FAA0F;IAC1F,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACvC,CAAA;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,EAAE,EACF,IAAgB,EAChB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,GAAG,SAAS,EACb,EAAE,SAAS,+BA8BX;AACD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,SAAS,CAAC,KAAK,EACb,MAAM,IAAI,CACR,SAAS,EACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,CACT,GACD,WAAW,GACX,QAAQ,CACX,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,CAAA;AACvC,eAAO,MAAM,KAAK;gBADA,MAAM;yEAgEvB,CAAA;AACD,eAAO,MAAM,UAAU,uNAoBrB,CAAA;AAEF,eAAO,MAAM,SAAS,uNAepB,CAAA;AACF,oHAAoH;AACpH,eAAO,MAAM,KAAK,oPA2BhB,CAAA;AAEF,eAAO,MAAM,WAAW,uNAiBtB,CAAA;AAEF,iHAAiH;AACjH,eAAO,MAAM,KAAK,uNAmBhB,CAAA;AAEF,iHAAiH;AACjH,eAAO,MAAM,OAAO,uNAmBlB,CAAA;AACF,eAAO,MAAM,KAAK;IAGd,uEAAuE;cAC7D,QAAQ,GAAG,YAAY;uEAmBnC,CAAA;AACF,eAAO,MAAM,SAAS,0NAepB,CAAA;AACF,wHAAwH;AACxH,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,qGAAqG;IACrG,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC9C,CAAC,GACA,UAAU,8GAaX;AACD,eAAO,MAAM,WAAW,sOAqBtB,CAAA;AACF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,mJAoB3B,CAAA;AACF,wHAAwH;AACxH,eAAO,MAAM,gBAAgB,sOAkC3B,CAAA;AACF,8GAA8G;AAC9G,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAC,GACA,UAAU,8GAaX"}