@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/editable/Editable.js

@@ -7,84 +7,84 @@ import { CheckIcon, CloseIcon, PencilIcon } from "../../internal/icons/ui/index.
 const Editable_EditableRoot = /*#__PURE__*/ forwardRef(function({ activationMode = 'dblclick', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Root, {
         ref: ref,
-        "data-slot": "editable-root",
         activationMode: activationMode,
         className: cn('box-border inline-grid max-w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-1 text-foreground has-[[data-disabled]]:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "editable-root"
     });
 });
 const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.RootProvider, {
         ref: ref,
-        "data-slot": "editable-root-provider",
         className: cn('box-border inline-grid max-w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-1 text-foreground has-[[data-disabled]]:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "editable-root-provider"
     });
 });
 const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Label, {
         ref: ref,
-        "data-slot": "editable-label",
         className: cn('col-span-full inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground data-invalid:text-destructive', className),
-        ...props
+        ...props,
+        "data-slot": "editable-label"
     });
 });
 const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Area, {
         ref: ref,
-        "data-slot": "editable-area",
         className: cn('col-start-1 box-border inline-flex min-h-control-md w-full min-w-0 items-center rounded-md border border-border bg-background px-3.5 py-1 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out has-[[aria-invalid=true]]:border-destructive has-[[data-invalid]]:border-destructive data-disabled:pointer-events-none data-focus:outline-ring data-focus:has-[[aria-invalid=true]]:outline-destructive data-focus:has-[[data-invalid]]:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "editable-area"
     });
 });
 const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Input, {
         ref: ref,
-        "data-slot": "editable-input",
         className: cn('box-border block w-full min-w-0 appearance-none bg-transparent text-md leading-6 text-inherit outline-0 placeholder:text-muted-foreground [&:is(textarea)]:min-h-24 [&:is(textarea)]:resize-y', className),
-        ...props
+        ...props,
+        "data-slot": "editable-input"
     });
 });
 const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Preview, {
         ref: ref,
-        "data-slot": "editable-preview",
         className: cn('box-border block min-h-[1lh] w-full min-w-0 cursor-text bg-transparent text-md leading-6 text-inherit outline-0 aria-readonly:cursor-default data-disabled:cursor-default data-readonly:cursor-default data-[placeholder-shown]:text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "editable-preview"
     });
 });
 const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Control, {
         ref: ref,
-        "data-slot": "editable-control",
         className: cn('col-start-2 inline-flex items-center gap-1 self-center', className),
-        ...props
+        ...props,
+        "data-slot": "editable-control"
     });
 });
 const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.EditTrigger, {
         ref: ref,
-        "data-slot": "editable-edit-trigger",
         className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "editable-edit-trigger",
         children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
     });
 });
 const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.SubmitTrigger, {
         ref: ref,
-        "data-slot": "editable-submit-trigger",
         className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "editable-submit-trigger",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.CancelTrigger, {
         ref: ref,
-        "data-slot": "editable-cancel-trigger",
         className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
         ...props,
+        "data-slot": "editable-cancel-trigger",
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
 });

package/dist/components/empty/Empty.js

@@ -5,61 +5,61 @@ import { cn } from "../../internal/cn.js";
 const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "root",
-        "data-slot": "empty-root",
-        className: cn('grid w-full min-w-0 justify-items-center gap-4 rounded-xl border border-border bg-card p-8 text-center text-card-foreground', className),
-        ...props
+        className: cn('grid w-full min-w-0 justify-items-center gap-4 rounded-xl border border-border bg-[color-mix(in_oklab,var(--color-card)_92%,var(--color-muted))] p-8 text-center text-card-foreground', className),
+        "data-slot": "empty-root"
     });
 });
 const Empty_EmptyIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "icon",
-        "data-slot": "empty-icon",
         className: cn('inline-flex min-w-0 items-center justify-center rounded-full bg-muted p-3 text-muted-foreground [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0', className),
-        ...props
+        "data-slot": "empty-icon"
     });
 });
 const Empty_EmptyContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "content",
-        "data-slot": "empty-content",
         className: cn('grid max-w-md min-w-0 justify-items-center gap-1', className),
-        ...props
+        "data-slot": "empty-content"
     });
 });
 const Empty_EmptyTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.h3, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "title",
-        "data-slot": "empty-title",
         className: cn('min-w-0 text-xl font-semibold wrap-anywhere', className),
-        ...props
+        "data-slot": "empty-title"
     });
 });
 const Empty_EmptyDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "description",
-        "data-slot": "empty-description",
         className: cn('min-w-0 text-sm wrap-anywhere text-muted-foreground [&>:first-child]:mt-0 [&>:last-child]:mb-0', className),
-        ...props
+        "data-slot": "empty-description"
     });
 });
 const Empty_EmptyActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "actions",
-        "data-slot": "empty-actions",
         className: cn('flex max-w-full min-w-0 flex-wrap items-center justify-center gap-2 [&>*]:max-w-full [&>*]:min-w-0 [&>:is(button,a)]:wrap-anywhere [&>:is(button,a)]:whitespace-normal', className),
-        ...props
+        "data-slot": "empty-actions"
     });
 });
 const Empty = Object.assign(Empty_EmptyRoot, {

package/dist/components/field/Field.js

@@ -6,17 +6,17 @@ import { cn } from "../../internal/cn.js";
 const Field_FieldRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Root, {
         ref: ref,
-        "data-slot": "field-root",
         className: cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "field-root"
     });
 });
 const Field_FieldRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.RootProvider, {
         ref: ref,
-        "data-slot": "field-root-provider",
         className: cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', className),
-        ...props
+        ...props,
+        "data-slot": "field-root-provider"
     });
 });
 const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children, value, ...props }, ref) {
@@ -24,9 +24,9 @@ const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children,
         value: value,
         children: /*#__PURE__*/ jsx("div", {
             ref: ref,
-            "data-slot": "field-item",
             className: cn('grid gap-1', className),
             ...props,
+            "data-slot": "field-item",
             children: children
         })
     });
@@ -34,57 +34,57 @@ const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children,
 const Field_FieldLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Label, {
         ref: ref,
-        "data-slot": "field-label",
         className: cn('inline-flex items-center gap-2 text-sm leading-5 font-medium wrap-anywhere text-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "field-label"
     });
 });
 const Field_FieldInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Input, {
         ref: ref,
-        "data-slot": "field-input",
         className: cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "field-input"
     });
 });
 const Field_FieldTextarea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Textarea, {
         ref: ref,
-        "data-slot": "field-textarea",
         className: cn('min-h-20 w-full resize-y rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "field-textarea"
     });
 });
 const Field_FieldSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Select, {
         ref: ref,
-        "data-slot": "field-select",
         className: cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "field-select"
     });
 });
 const Field_FieldHelperText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.HelperText, {
         ref: ref,
-        "data-slot": "field-helper-text",
         className: cn('text-sm leading-5 wrap-anywhere text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "field-helper-text"
     });
 });
 const Field_FieldErrorText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.ErrorText, {
         ref: ref,
-        "data-slot": "field-error-text",
         className: cn('text-sm leading-5 font-medium wrap-anywhere text-destructive', className),
-        ...props
+        ...props,
+        "data-slot": "field-error-text"
     });
 });
 const Field_FieldRequiredIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.RequiredIndicator, {
         ref: ref,
-        "data-slot": "field-required-indicator",
         className: cn('text-destructive', className),
-        ...props
+        ...props,
+        "data-slot": "field-required-indicator"
     });
 });
 const Field_Field = Object.assign(Field_FieldRoot, {

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

@@ -9,89 +9,89 @@ 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
+        ...props,
+        "data-slot": "file-upload-root"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-root-provider"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-label"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-dropzone"
     });
 });
 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,
+        "data-slot": "file-upload-dropzone-icon",
         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
+        ...props,
+        "data-slot": "file-upload-trigger"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-item-group"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-item"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-item-preview"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-item-preview-image"
     });
 });
 function FileUploadItemPreviewIcon({ className, ...props }) {
     return /*#__PURE__*/ jsx(FileIcon, {
-        "data-slot": "file-upload-item-preview-icon",
         className: cn('size-4', className),
-        ...props
+        ...props,
+        "data-slot": "file-upload-item-preview-icon"
     });
 }
 function getFileTypeLabel(file) {
@@ -104,24 +104,24 @@ function isImageFile(file) {
 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
+        ...props,
+        "data-slot": "file-upload-item-name"
     });
 });
 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
+        ...props,
+        "data-slot": "file-upload-item-size-text"
     });
 });
 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,
+        "data-slot": "file-upload-item-metadata",
         children: [
             /*#__PURE__*/ jsx(ark.span, {
                 children: getFileTypeLabel(file)
@@ -133,9 +133,9 @@ function FileUploadItemMetadata({ file, className, ...props }) {
 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,
+        "data-slot": "file-upload-item-delete-trigger",
         children: children ?? /*#__PURE__*/ jsx(TrashIcon, {})
     });
 });
@@ -163,11 +163,11 @@ const FileUpload_FileUploadClearTrigger = /*#__PURE__*/ forwardRef(function({ as
     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,
+        "data-slot": "file-upload-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": clearLabel,
             "aria-labelledby": ariaLabelledBy,

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

@@ -31,4 +31,4 @@ declare const FloatingPanel: typeof FloatingPanelRoot & {
     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 };
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext, type FloatingPanelRootProps, type FloatingPanelRootProviderProps, };

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

@@ -46,59 +46,59 @@ const FloatingPanel_FloatingPanelTrigger = /*#__PURE__*/ forwardRef(function({ a
     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
+        ...props,
+        "data-slot": "floating-panel-trigger"
     });
 });
 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
+            ...props,
+            "data-slot": "floating-panel-positioner"
         })
     });
 });
 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
+        ...props,
+        "data-slot": "floating-panel-content"
     });
 });
 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
+        ...props,
+        "data-slot": "floating-panel-drag-trigger"
     });
 });
 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
+        ...props,
+        "data-slot": "floating-panel-header"
     });
 });
 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
+        ...props,
+        "data-slot": "floating-panel-title"
     });
 });
 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
+        ...props,
+        "data-slot": "floating-panel-control"
     });
 });
 const FloatingPanel_FloatingPanelStageTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, stage, 'aria-label': ariaLabel, ...props }, ref) {
@@ -107,10 +107,10 @@ const FloatingPanel_FloatingPanelStageTrigger = /*#__PURE__*/ forwardRef(functio
         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,
+        "data-slot": "floating-panel-stage-trigger",
         children: [
             children,
             shouldRenderDefaultIcon && 'minimized' === stage ? /*#__PURE__*/ jsx(MinusIcon, {}) : null,
@@ -123,9 +123,9 @@ const FloatingPanel_FloatingPanelCloseTrigger = /*#__PURE__*/ forwardRef(functio
     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
+        ...props,
+        "data-slot": "floating-panel-close-trigger"
     });
 });
 const FloatingPanel_FloatingPanelCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -144,9 +144,9 @@ const FloatingPanel_FloatingPanelCloseIcon = /*#__PURE__*/ forwardRef(function({
 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
+        ...props,
+        "data-slot": "floating-panel-body"
     });
 });
 const FloatingPanel_FloatingPanelFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -162,9 +162,9 @@ const FloatingPanel_FloatingPanelFooter = /*#__PURE__*/ forwardRef(function({ cl
 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
+        ...props,
+        "data-slot": "floating-panel-resize-trigger"
     });
 });
 function FloatingPanelResizeTriggerGroup({ axes = resizeTriggerAxes }) {
@@ -178,9 +178,9 @@ const FloatingPanel_FloatingPanelDragIndicator = /*#__PURE__*/ forwardRef(functi
     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,
+        "data-slot": "floating-panel-drag-indicator",
         children: children ?? /*#__PURE__*/ jsx(GripIcon, {})
     });
 });

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

@@ -1 +1,2 @@
 export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext, } from './FloatingPanel.js';
+export type { FloatingPanelRootProps, FloatingPanelRootProviderProps } from './FloatingPanel.js';

package/dist/components/hover-card/HoverCard.d.ts

@@ -16,4 +16,4 @@ declare const HoverCard: typeof HoverCardRoot & {
     Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     Context: (props: HoverCardPrimitive.ContextProps) => import("react").ReactNode;
 };
-export { HoverCard, useHoverCard, useHoverCardContext };
+export { HoverCard, useHoverCard, useHoverCardContext, type HoverCardRootProps, type HoverCardRootProviderProps, };