@moduix/react-tailwind 1.0.0

package/dist/components/fieldset/Fieldset.d.ts

@@ -0,0 +1,10 @@
+import { Fieldset as FieldsetPrimitive, useFieldset, useFieldsetContext } from '@ark-ui/react/fieldset';
+declare const Fieldset: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProviderProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
+    Context: (props: FieldsetPrimitive.ContextProps) => import("react").ReactNode;
+    Legend: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.LegendProps & import("react").RefAttributes<HTMLLegendElement>, "ref"> & import("react").RefAttributes<HTMLLegendElement>>;
+    HelperText: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ErrorText: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export { Fieldset, useFieldset, useFieldsetContext };

package/dist/components/fieldset/Fieldset.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset, useFieldset, useFieldsetContext } from "@ark-ui/react/fieldset";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Fieldset_FieldsetRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.Root, {
+        ...props,
+        ref: ref,
+        "data-slot": "fieldset-root",
+        className: cn('flex w-full max-w-none min-w-0 flex-col gap-4 border-transparent data-disabled:opacity-50 data-invalid:border-destructive', className)
+    });
+});
+const Fieldset_FieldsetRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.RootProvider, {
+        ...props,
+        ref: ref,
+        "data-slot": "fieldset-root-provider",
+        className: cn('flex w-full max-w-none min-w-0 flex-col gap-4 border-transparent data-disabled:opacity-50 data-invalid:border-destructive', className)
+    });
+});
+const Fieldset_FieldsetLegend = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.Legend, {
+        ...props,
+        ref: ref,
+        "data-slot": "fieldset-legend",
+        className: cn('inline-block max-w-full pb-3 text-lg font-semibold wrap-anywhere text-foreground', className)
+    });
+});
+const Fieldset_FieldsetHelperText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.HelperText, {
+        ...props,
+        ref: ref,
+        "data-slot": "fieldset-helper-text",
+        className: cn('text-sm wrap-anywhere text-muted-foreground', className)
+    });
+});
+const Fieldset_FieldsetErrorText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.ErrorText, {
+        ...props,
+        ref: ref,
+        "data-slot": "fieldset-error-text",
+        className: cn('text-sm font-medium wrap-anywhere text-destructive', className)
+    });
+});
+const Fieldset_Fieldset = Object.assign(Fieldset_FieldsetRoot, {
+    Root: Fieldset_FieldsetRoot,
+    RootProvider: Fieldset_FieldsetRootProvider,
+    Context: Fieldset.Context,
+    Legend: Fieldset_FieldsetLegend,
+    HelperText: Fieldset_FieldsetHelperText,
+    ErrorText: Fieldset_FieldsetErrorText
+});
+export { Fieldset_Fieldset as Fieldset, useFieldset, useFieldsetContext };

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

@@ -0,0 +1 @@
+export { Fieldset, useFieldset, useFieldsetContext } from './Fieldset.js';

package/dist/components/fieldset/index.js

@@ -0,0 +1 @@
+export { Fieldset, useFieldset, useFieldsetContext } from "./Fieldset.js";

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

@@ -0,0 +1,31 @@
+import type { HTMLArkProps } from '@ark-ui/react/factory';
+import { FileUpload as FileUploadPrimitive, useFileUpload, useFileUploadContext } from '@ark-ui/react/file-upload';
+import type { ComponentProps } from 'react';
+declare function FileUploadDropzoneIcon({ className, children, ...props }: HTMLArkProps<'span'>): import("react").JSX.Element;
+declare function FileUploadItemPreviewIcon({ className, ...props }: ComponentProps<'svg'>): import("react").JSX.Element;
+declare function FileUploadItemMetadata({ file, className, ...props }: HTMLArkProps<'div'> & {
+    file: File;
+}): import("react").JSX.Element;
+declare function FileUploadItems(): import("react").JSX.Element[];
+declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: FileUploadPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<FileUploadPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Dropzone: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.DropzoneProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DropzoneIcon: typeof FileUploadDropzoneIcon;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemGroupProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Items: typeof FileUploadItems;
+    ItemPreview: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemPreviewProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    ItemPreviewImage: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemPreviewImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    ItemPreviewIcon: typeof FileUploadItemPreviewIcon;
+    ItemName: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemNameProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemMetadata: typeof FileUploadItemMetadata;
+    ItemSizeText: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemSizeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { FileUpload, useFileUpload, useFileUploadContext };

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

@@ -0,0 +1,199 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from "../../internal/icons/ui/index.js";
+import { CloseButton } from "../close-button/index.js";
+const FileUpload_FileUploadRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Root, {
+        ref: ref,
+        "data-slot": "file-upload-root",
+        className: cn('box-border flex w-full max-w-md flex-col items-start gap-3 text-foreground', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.RootProvider, {
+        ref: ref,
+        "data-slot": "file-upload-root-provider",
+        className: cn('box-border flex w-full max-w-md flex-col items-start gap-3 text-foreground', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Label, {
+        ref: ref,
+        "data-slot": "file-upload-label",
+        className: cn('text-sm font-medium text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadDropzone = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Dropzone, {
+        ref: ref,
+        "data-slot": "file-upload-dropzone",
+        className: cn('box-border grid min-h-32 w-full place-items-center gap-3 rounded-md border border-dashed border-border bg-background p-5 text-center text-muted-foreground transition-[border-color,background-color,color,opacity] duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ring data-disabled:cursor-default data-disabled:opacity-50 data-dragging:border-primary data-dragging:bg-accent data-dragging:text-foreground data-invalid:border-destructive data-readonly:cursor-default data-readonly:opacity-50 motion-reduce:transition-none [&[role=button]:not([data-disabled],[data-readonly])]:cursor-pointer', className),
+        ...props
+    });
+});
+function FileUploadDropzoneIcon({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        "aria-hidden": "true",
+        "data-slot": "file-upload-dropzone-icon",
+        className: cn('box-border inline-flex size-10 items-center justify-center rounded-full border border-border bg-muted text-foreground [&>svg]:size-4', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(UploadIcon, {})
+    });
+}
+const FileUpload_FileUploadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Trigger, {
+        ref: ref,
+        "data-slot": "file-upload-trigger",
+        className: cn('box-border inline-flex min-h-control-md cursor-pointer appearance-none items-center justify-center gap-2 rounded-md border border-primary bg-primary px-4 text-sm leading-5 font-medium whitespace-nowrap text-primary-foreground transition-[border-color,background-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default data-disabled:pointer-events-none data-disabled:cursor-default data-invalid:border-destructive data-readonly:pointer-events-none data-readonly:cursor-default motion-reduce:transition-none [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-readonly]):hover]:bg-foreground', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemGroup, {
+        ref: ref,
+        "data-slot": "file-upload-item-group",
+        className: cn('flex w-full flex-wrap items-start gap-2 empty:hidden', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Item, {
+        ref: ref,
+        "data-slot": "file-upload-item",
+        className: cn('group/item box-border grid min-h-control-md shrink-0 grow basis-full grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-1 rounded-md border border-border bg-background px-3 py-2 text-foreground has-[[data-slot=file-upload-item-preview-image]]:min-h-0 has-[[data-slot=file-upload-item-preview-image]]:max-w-40 has-[[data-slot=file-upload-item-preview-image]]:grow-0 has-[[data-slot=file-upload-item-preview-image]]:grid-cols-[minmax(0,1fr)_auto] has-[[data-slot=file-upload-item-preview-image]]:grid-rows-[auto_auto_auto] has-[[data-slot=file-upload-item-preview-image]]:items-start has-[[data-slot=file-upload-item-preview]]:min-h-control-xl has-[[data-slot=file-upload-item-preview]]:grid-cols-[auto_minmax(0,1fr)_auto] has-[[data-slot=file-upload-item-preview]]:py-2 data-disabled:opacity-50 data-[type=rejected]:border-destructive', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadItemPreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemPreview, {
+        ref: ref,
+        "data-slot": "file-upload-item-preview",
+        className: cn('col-start-1 row-span-2 row-start-1 inline-flex size-10 items-center justify-center overflow-hidden rounded-sm bg-muted text-muted-foreground group-has-[[data-slot=file-upload-item-preview-image]]/item:col-span-2 group-has-[[data-slot=file-upload-item-preview-image]]/item:aspect-square group-has-[[data-slot=file-upload-item-preview-image]]/item:h-auto group-has-[[data-slot=file-upload-item-preview-image]]/item:w-full', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadItemPreviewImage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemPreviewImage, {
+        ref: ref,
+        "data-slot": "file-upload-item-preview-image",
+        className: cn('size-full object-cover', className),
+        ...props
+    });
+});
+function FileUploadItemPreviewIcon({ className, ...props }) {
+    return /*#__PURE__*/ jsx(FileIcon, {
+        "data-slot": "file-upload-item-preview-icon",
+        className: cn('size-4', className),
+        ...props
+    });
+}
+function getFileTypeLabel(file) {
+    const extension = file.name.split('.').pop();
+    return extension ? extension.toUpperCase() : file.type || 'FILE';
+}
+function isImageFile(file) {
+    return file.type.startsWith('image/');
+}
+const FileUpload_FileUploadItemName = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemName, {
+        ref: ref,
+        "data-slot": "file-upload-item-name",
+        className: cn('col-start-1 line-clamp-1 min-w-0 text-sm leading-5 font-medium group-has-[[data-slot=file-upload-item-preview-image]]/item:col-start-1 group-has-[[data-slot=file-upload-item-preview-image]]/item:row-start-2 group-has-[[data-slot=file-upload-item-preview-image]]/item:self-end group-has-[[data-slot=file-upload-item-preview]]/item:col-start-2', className),
+        ...props
+    });
+});
+const FileUpload_FileUploadItemSizeText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemSizeText, {
+        ref: ref,
+        "data-slot": "file-upload-item-size-text",
+        className: cn('text-xs leading-4 text-muted-foreground', className),
+        ...props
+    });
+});
+function FileUploadItemMetadata({ file, className, ...props }) {
+    return /*#__PURE__*/ jsxs(ark.div, {
+        "data-slot": "file-upload-item-metadata",
+        className: cn("col-start-1 flex items-center gap-1 text-xs leading-4 text-muted-foreground group-has-[[data-slot=file-upload-item-preview-image]]/item:col-start-1 group-has-[[data-slot=file-upload-item-preview-image]]/item:row-start-3 group-has-[[data-slot=file-upload-item-preview]]/item:col-start-2 [&>[data-slot='file-upload-item-size-text']::before]:me-1 [&>[data-slot='file-upload-item-size-text']::before]:content-['·']", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ark.span, {
+                children: getFileTypeLabel(file)
+            }),
+            /*#__PURE__*/ jsx(FileUpload_FileUploadItemSizeText, {})
+        ]
+    });
+}
+const FileUpload_FileUploadItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemDeleteTrigger, {
+        ref: ref,
+        "data-slot": "file-upload-item-delete-trigger",
+        className: cn('col-start-2 row-start-1 box-border inline-flex size-control-sm shrink-0 cursor-pointer appearance-none items-center justify-center justify-self-end rounded-sm border-0 bg-transparent p-0 text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out group-has-[[data-slot=file-upload-item-preview-image]]/item:col-start-2 group-has-[[data-slot=file-upload-item-preview-image]]/item:row-start-2 group-has-[[data-slot=file-upload-item-preview-image]]/item:self-center group-has-[[data-slot=file-upload-item-preview]]/item:col-start-3 group-has-[[data-slot=file-upload-item-preview]]/item:row-span-2 group-has-[[data-slot=file-upload-item-preview]]/item:row-start-1 group-has-[[data-slot=file-upload-item-size-text]]/item:row-span-2 group-has-[[data-slot=file-upload-item-size-text]]/item:row-start-1 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-readonly:pointer-events-none data-readonly:cursor-default data-readonly:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-readonly]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-readonly]):hover]:text-foreground', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(TrashIcon, {})
+    });
+});
+function FileUploadItems() {
+    const { acceptedFiles } = useFileUploadContext();
+    return acceptedFiles.map((file)=>/*#__PURE__*/ jsxs(FileUpload_FileUploadItem, {
+            file: file,
+            children: [
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
+                    children: isImageFile(file) ? /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreviewImage, {}) : /*#__PURE__*/ jsx(FileUploadItemPreviewIcon, {})
+                }),
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemName, {}),
+                /*#__PURE__*/ jsx(FileUploadItemMetadata, {
+                    file: file
+                }),
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemDeleteTrigger, {
+                    "aria-label": `Remove ${file.name}`
+                })
+            ]
+        }, `${file.name}-${file.size}`));
+}
+const FileUpload_FileUploadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    const clearLabel = ariaLabel ?? (null == ariaLabelledBy ? 'Clear files' : void 0);
+    const triggerClassName = cn('size-control-sm self-start rounded-sm bg-transparent text-muted-foreground focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ring data-readonly:pointer-events-none data-readonly:opacity-50 [&>svg]:size-4', null != children && 'w-auto gap-2 px-2 text-sm leading-5', className);
+    return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "file-upload-clear-trigger",
+        className: triggerClassName,
+        "aria-label": asChild ? clearLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
+        ...props,
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
+            "aria-label": clearLabel,
+            "aria-labelledby": ariaLabelledBy,
+            children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
+        })
+    });
+});
+const FileUpload_FileUpload = Object.assign(FileUpload_FileUploadRoot, {
+    Root: FileUpload_FileUploadRoot,
+    RootProvider: FileUpload_FileUploadRootProvider,
+    Context: FileUpload.Context,
+    HiddenInput: FileUpload.HiddenInput,
+    Label: FileUpload_FileUploadLabel,
+    Dropzone: FileUpload_FileUploadDropzone,
+    DropzoneIcon: FileUploadDropzoneIcon,
+    Trigger: FileUpload_FileUploadTrigger,
+    ItemGroup: FileUpload_FileUploadItemGroup,
+    Item: FileUpload_FileUploadItem,
+    Items: FileUploadItems,
+    ItemPreview: FileUpload_FileUploadItemPreview,
+    ItemPreviewImage: FileUpload_FileUploadItemPreviewImage,
+    ItemPreviewIcon: FileUploadItemPreviewIcon,
+    ItemName: FileUpload_FileUploadItemName,
+    ItemMetadata: FileUploadItemMetadata,
+    ItemSizeText: FileUpload_FileUploadItemSizeText,
+    ItemDeleteTrigger: FileUpload_FileUploadItemDeleteTrigger,
+    ClearTrigger: FileUpload_FileUploadClearTrigger
+});
+export { FileUpload_FileUpload as FileUpload, useFileUpload, useFileUploadContext };

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

@@ -0,0 +1 @@
+export { FileUpload, useFileUpload, useFileUploadContext } from './FileUpload.js';

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

@@ -0,0 +1 @@
+export { FileUpload, useFileUpload, useFileUploadContext } from "./FileUpload.js";

package/dist/components/floating-panel/FloatingPanel.d.ts

@@ -0,0 +1,34 @@
+import { FloatingPanel as FloatingPanelPrimitive, useFloatingPanel, useFloatingPanelContext, type FloatingPanelResizeTriggerAxis } from '@ark-ui/react/floating-panel';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+declare const resizeTriggerAxes: ("e" | "n" | "ne" | "nw" | "s" | "se" | "sw" | "w")[];
+type FloatingPanelRootProps = ComponentProps<typeof FloatingPanelPrimitive.Root> & OverlayPortalProps;
+type FloatingPanelRootProviderProps = ComponentProps<typeof FloatingPanelPrimitive.RootProvider> & OverlayPortalProps;
+declare function FloatingPanelRoot({ closeOnEscape, lazyMount, persistRect, portalled, portalRef, unmountOnExit, ...props }: FloatingPanelRootProps): import("react").JSX.Element;
+declare function FloatingPanelRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: FloatingPanelRootProviderProps): import("react").JSX.Element;
+declare function FloatingPanelResizeTriggerGroup({ axes, }: {
+    axes?: readonly FloatingPanelResizeTriggerAxis[];
+}): import("react").JSX.Element;
+declare const FloatingPanel: typeof FloatingPanelRoot & {
+    Context: (props: FloatingPanelPrimitive.ContextProps) => import("react").ReactNode;
+    Root: typeof FloatingPanelRoot;
+    RootProvider: typeof FloatingPanelRootProvider;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DragTrigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.DragTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.HeaderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    StageTrigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.StageTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<FloatingPanelPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.BodyProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    ResizeTrigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanelPrimitive.ResizeTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ResizeTriggerGroup: typeof FloatingPanelResizeTriggerGroup;
+    DragIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useFloatingPanel: (props?: import("@ark-ui/react/floating-panel").UseFloatingPanelProps) => import("@ark-ui/react/floating-panel").UseFloatingPanelReturn;
+    useFloatingPanelContext: () => import("@ark-ui/react/floating-panel").UseFloatingPanelContext;
+};
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext };

package/dist/components/floating-panel/FloatingPanel.js

@@ -0,0 +1,209 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { FloatingPanel, useFloatingPanel, useFloatingPanelContext } from "@ark-ui/react/floating-panel";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../internal/icons/ui/index.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close panel';
+const resizeTriggerAxes = [
+    'n',
+    'e',
+    's',
+    'w',
+    'ne',
+    'se',
+    'sw',
+    'nw'
+];
+function FloatingPanelRoot({ closeOnEscape = true, lazyMount = true, persistRect = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(FloatingPanel.Root, {
+            closeOnEscape: closeOnEscape,
+            lazyMount: lazyMount,
+            persistRect: persistRect,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+function FloatingPanelRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(FloatingPanel.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const FloatingPanel_FloatingPanelTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "floating-panel-trigger",
+        className: cn(!asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(FloatingPanel.Positioner, {
+            ref: ref,
+            "data-slot": "floating-panel-positioner",
+            className: cn('z-[var(--z-index)] outline-0', className),
+            ...props
+        })
+    });
+});
+const FloatingPanel_FloatingPanelContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Content, {
+        ref: ref,
+        "data-slot": "floating-panel-content",
+        className: cn('relative box-border flex min-h-40 min-w-64 origin-[var(--transform-origin)] flex-col overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg outline-0 data-behind:opacity-[0.55] data-minimized:min-h-0 data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelDragTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.DragTrigger, {
+        ref: ref,
+        "data-slot": "floating-panel-drag-trigger",
+        className: cn('block', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Header, {
+        ref: ref,
+        "data-slot": "floating-panel-header",
+        className: cn('box-border flex min-h-control-xl cursor-grab items-center justify-between gap-3 border-b border-border bg-muted px-3 py-2 select-none data-[dragging]:cursor-grabbing data-[minimized]:border-b-transparent', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Title, {
+        ref: ref,
+        "data-slot": "floating-panel-title",
+        className: cn('inline-flex min-w-0 items-center gap-2 text-sm font-semibold text-popover-foreground', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Control, {
+        ref: ref,
+        "data-slot": "floating-panel-control",
+        className: cn('inline-flex flex-none items-center gap-1', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelStageTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, stage, 'aria-label': ariaLabel, ...props }, ref) {
+    const shouldRenderDefaultIcon = null == children && !asChild;
+    return /*#__PURE__*/ jsxs(FloatingPanel.StageTrigger, {
+        ref: ref,
+        asChild: asChild,
+        stage: stage,
+        "data-slot": "floating-panel-stage-trigger",
+        className: cn(!asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', className),
+        "aria-label": ariaLabel,
+        ...props,
+        children: [
+            children,
+            shouldRenderDefaultIcon && 'minimized' === stage ? /*#__PURE__*/ jsx(MinusIcon, {}) : null,
+            shouldRenderDefaultIcon && 'maximized' === stage ? /*#__PURE__*/ jsx(MaximizeIcon, {}) : null,
+            shouldRenderDefaultIcon && 'default' === stage ? /*#__PURE__*/ jsx(RestoreIcon, {}) : null
+        ]
+    });
+});
+const FloatingPanel_FloatingPanelCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "floating-panel-close-trigger",
+        className: cn(!asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "floating-panel-close-icon",
+            "aria-label": ariaLabel,
+            className: cn('box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', className),
+            children: children
+        })
+    });
+});
+const FloatingPanel_FloatingPanelBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Body, {
+        ref: ref,
+        "data-slot": "floating-panel-body",
+        className: cn('min-h-0 flex-auto overflow-auto p-4 text-sm text-popover-foreground data-minimized:hidden', className),
+        ...props
+    });
+});
+const FloatingPanel_FloatingPanelFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    const { ['data-minimized']: dataMinimized } = useFloatingPanelContext().getContentProps();
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        ...props,
+        "data-slot": "floating-panel-footer",
+        "data-minimized": dataMinimized,
+        className: cn('flex flex-none items-center justify-end gap-2 border-t border-border px-3 py-2 text-xs text-muted-foreground data-minimized:hidden', className)
+    });
+});
+const FloatingPanel_FloatingPanelResizeTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.ResizeTrigger, {
+        ref: ref,
+        "data-slot": "floating-panel-resize-trigger",
+        className: cn('absolute data-disabled:pointer-events-none data-[axis=e]:inset-y-3 data-[axis=e]:-right-1 data-[axis=e]:w-2 data-[axis=n]:inset-x-3 data-[axis=n]:-top-1 data-[axis=n]:h-2 data-[axis=ne]:-top-1.5 data-[axis=ne]:-right-1.5 data-[axis=ne]:size-3 data-[axis=nw]:-top-1.5 data-[axis=nw]:-left-1.5 data-[axis=nw]:size-3 data-[axis=s]:inset-x-3 data-[axis=s]:-bottom-1 data-[axis=s]:h-2 data-[axis=se]:-right-1.5 data-[axis=se]:-bottom-1.5 data-[axis=se]:size-3 data-[axis=sw]:-bottom-1.5 data-[axis=sw]:-left-1.5 data-[axis=sw]:size-3 data-[axis=w]:inset-y-3 data-[axis=w]:-left-1 data-[axis=w]:w-2', className),
+        ...props
+    });
+});
+function FloatingPanelResizeTriggerGroup({ axes = resizeTriggerAxes }) {
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: axes.map((axis)=>/*#__PURE__*/ jsx(FloatingPanel_FloatingPanelResizeTrigger, {
+                axis: axis
+            }, axis))
+    });
+}
+const FloatingPanel_FloatingPanelDragIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx("span", {
+        ref: ref,
+        "aria-hidden": "true",
+        "data-slot": "floating-panel-drag-indicator",
+        className: cn('inline-flex flex-none items-center justify-center text-muted-foreground [&>svg]:size-4', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(GripIcon, {})
+    });
+});
+const FloatingPanel_FloatingPanel = Object.assign(FloatingPanelRoot, {
+    Context: FloatingPanel.Context,
+    Root: FloatingPanelRoot,
+    RootProvider: FloatingPanelRootProvider,
+    Trigger: FloatingPanel_FloatingPanelTrigger,
+    Positioner: FloatingPanel_FloatingPanelPositioner,
+    Content: FloatingPanel_FloatingPanelContent,
+    DragTrigger: FloatingPanel_FloatingPanelDragTrigger,
+    Header: FloatingPanel_FloatingPanelHeader,
+    Title: FloatingPanel_FloatingPanelTitle,
+    Control: FloatingPanel_FloatingPanelControl,
+    StageTrigger: FloatingPanel_FloatingPanelStageTrigger,
+    CloseTrigger: FloatingPanel_FloatingPanelCloseTrigger,
+    CloseIcon: FloatingPanel_FloatingPanelCloseIcon,
+    Body: FloatingPanel_FloatingPanelBody,
+    Footer: FloatingPanel_FloatingPanelFooter,
+    ResizeTrigger: FloatingPanel_FloatingPanelResizeTrigger,
+    ResizeTriggerGroup: FloatingPanelResizeTriggerGroup,
+    DragIndicator: FloatingPanel_FloatingPanelDragIndicator,
+    useFloatingPanel: useFloatingPanel,
+    useFloatingPanelContext: useFloatingPanelContext
+});
+export { FloatingPanel_FloatingPanel as FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext };

package/dist/components/floating-panel/index.d.ts

@@ -0,0 +1 @@
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext, } from './FloatingPanel.js';

package/dist/components/floating-panel/index.js

@@ -0,0 +1 @@
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext } from "./FloatingPanel.js";

package/dist/components/heading/Heading.d.ts

@@ -0,0 +1,15 @@
+type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+declare const Heading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    as?: HeadingElement;
+    size?: HeadingSize;
+    weight?: HeadingWeight;
+} & import("react").RefAttributes<HTMLHeadingElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        as?: HeadingElement;
+        size?: HeadingSize;
+        weight?: HeadingWeight;
+    } & import("react").RefAttributes<HTMLHeadingElement>>;
+};
+export { Heading };