@seed-design/react 0.0.0-alpha-20260324091316 → 0.0.0-alpha-20260416134952

package/lib/components/AttachmentInput/AttachmentInput.cjs

@@ -0,0 +1,66 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const attachmentInput = require('@seed-design/css/recipes/attachment-input');
+const reactFileUpload = require('@seed-design/react-file-upload');
+const reactField = require('@seed-design/react-field');
+const reactPrimitive = require('@seed-design/react-primitive');
+const domUtils = require('@seed-design/dom-utils');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(attachmentInput.attachmentInput);
+const withStateProps = createWithStateProps.createWithStateProps([reactFileUpload.useFileUploadContext]);
+const AttachmentInputRoot = withProvider(
+  reactFileUpload.FileUpload.Root,
+  "root"
+);
+const AttachmentInputContainer = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "container"
+);
+const AttachmentInputHiddenInput = React__namespace.forwardRef((props, ref) => {
+  const fileUploadContext = reactFileUpload.useFileUploadContext();
+  const fieldContext = reactField.useFieldContext({ strict: false });
+  const mergedProps = domUtils.mergeProps(
+    fieldContext ? fieldContext.inputAriaAttributes : {},
+    fileUploadContext.hiddenInputProps,
+    fieldContext ? fieldContext.inputProps : {},
+    props
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactFileUpload.FileUpload.HiddenInput, { ref, ...mergedProps });
+});
+AttachmentInputHiddenInput.displayName = "AttachmentInputHiddenInput";
+const AttachmentInputItemGroup = withContext(withStateProps(reactPrimitive.Primitive.ul), "itemGroup");
+const AttachmentInputContext = reactFileUpload.FileUpload.Context;
+
+exports.AttachmentInputContainer = AttachmentInputContainer;
+exports.AttachmentInputContext = AttachmentInputContext;
+exports.AttachmentInputHiddenInput = AttachmentInputHiddenInput;
+exports.AttachmentInputItemGroup = AttachmentInputItemGroup;
+exports.AttachmentInputRoot = AttachmentInputRoot;
+exports.withContext = withContext;
+exports.withProvider = withProvider;

package/lib/components/AttachmentInput/AttachmentInput.d.ts

@@ -0,0 +1,23 @@
+import { AttachmentInputVariantProps, AttachmentInputSlotName } from '@seed-design/css/recipes/attachment-input';
+import { FileUpload as FileUploadPrimitive } from '@seed-design/react-file-upload';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export declare const withProvider: <T, P>(Component: React.ElementType<any>, slot: AttachmentInputSlotName, options?: {
+    defaultProps?: Partial<P> | undefined;
+} | undefined) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>, withContext: <T, P>(Component: React.ElementType<any>, slot?: AttachmentInputSlotName | undefined) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
+export interface AttachmentInputRootProps extends AttachmentInputVariantProps, FileUploadPrimitive.RootProps {
+}
+export declare const AttachmentInputRoot: React.ForwardRefExoticComponent<AttachmentInputRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputContainerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AttachmentInputContainer: React.ForwardRefExoticComponent<AttachmentInputContainerProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputHiddenInputProps extends FileUploadPrimitive.HiddenInputProps {
+}
+export declare const AttachmentInputHiddenInput: React.ForwardRefExoticComponent<AttachmentInputHiddenInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface AttachmentInputItemGroupProps extends PrimitiveProps, React.HTMLAttributes<HTMLUListElement> {
+}
+export declare const AttachmentInputItemGroup: React.ForwardRefExoticComponent<AttachmentInputItemGroupProps & React.RefAttributes<HTMLUListElement>>;
+export interface AttachmentInputContextProps extends FileUploadPrimitive.ContextProps {
+}
+export declare const AttachmentInputContext: (props: FileUploadPrimitive.ContextProps) => React.ReactNode;
+//# sourceMappingURL=AttachmentInput.d.ts.map

package/lib/components/AttachmentInput/AttachmentInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInput.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9E,eAAO,MAAQ,YAAY;;sGAAE,WAAW,iOAA6C,CAAC;AAItF,MAAM,WAAW,wBACf,SAAQ,2BAA2B,EACjC,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAEF,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAEF,MAAM,WAAW,+BAAgC,SAAQ,mBAAmB,CAAC,gBAAgB;CAAG;AAEhG,eAAO,MAAM,0BAA0B,0GAerC,CAAC;AAGH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAE7C,eAAO,MAAM,wBAAwB,wGAGO,CAAC;AAE7C,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB,CAAC,YAAY;CAAG;AAExF,eAAO,MAAM,sBAAsB,8DAA8B,CAAC"}

package/lib/components/AttachmentInput/AttachmentInput.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { attachmentInput } from '@seed-design/css/recipes/attachment-input';
+import { FileUpload, useFileUploadContext } from '@seed-design/react-file-upload';
+import { useFieldContext } from '@seed-design/react-field';
+import { Primitive } from '@seed-design/react-primitive';
+import { mergeProps } from '@seed-design/dom-utils';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(attachmentInput);
+const withStateProps = createWithStateProps([useFileUploadContext]);
+const AttachmentInputRoot = withProvider(
+  FileUpload.Root,
+  "root"
+);
+const AttachmentInputContainer = withContext(
+  withStateProps(Primitive.div),
+  "container"
+);
+const AttachmentInputHiddenInput = React.forwardRef((props, ref) => {
+  const fileUploadContext = useFileUploadContext();
+  const fieldContext = useFieldContext({ strict: false });
+  const mergedProps = mergeProps(
+    fieldContext ? fieldContext.inputAriaAttributes : {},
+    fileUploadContext.hiddenInputProps,
+    fieldContext ? fieldContext.inputProps : {},
+    props
+  );
+  return /* @__PURE__ */ jsx(FileUpload.HiddenInput, { ref, ...mergedProps });
+});
+AttachmentInputHiddenInput.displayName = "AttachmentInputHiddenInput";
+const AttachmentInputItemGroup = withContext(withStateProps(Primitive.ul), "itemGroup");
+const AttachmentInputContext = FileUpload.Context;
+
+export { AttachmentInputContainer, AttachmentInputContext, AttachmentInputHiddenInput, AttachmentInputItemGroup, AttachmentInputRoot, withContext, withProvider };

package/lib/components/AttachmentInput/AttachmentInput.namespace.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const AttachmentInput = require('./AttachmentInput.cjs');
+const AttachmentInputDropzone = require('./AttachmentInputDropzone.cjs');
+const AttachmentInputItem = require('./AttachmentInputItem.cjs');
+const AttachmentInputTrigger = require('./AttachmentInputTrigger.cjs');
+
+
+
+exports.Container = AttachmentInput.AttachmentInputContainer;
+exports.Context = AttachmentInput.AttachmentInputContext;
+exports.HiddenInput = AttachmentInput.AttachmentInputHiddenInput;
+exports.ItemGroup = AttachmentInput.AttachmentInputItemGroup;
+exports.Root = AttachmentInput.AttachmentInputRoot;
+exports.Dropzone = AttachmentInputDropzone.AttachmentInputDropzone;
+exports.DropzoneLabel = AttachmentInputDropzone.AttachmentInputDropzoneLabel;
+exports.Item = AttachmentInputItem.AttachmentInputItem;
+exports.ItemActionButton = AttachmentInputItem.AttachmentInputItemActionButton;
+exports.ItemBackdrop = AttachmentInputItem.AttachmentInputItemBackdrop;
+exports.ItemBadge = AttachmentInputItem.AttachmentInputItemBadge;
+exports.ItemImage = AttachmentInputItem.AttachmentInputItemImage;
+exports.ItemMetadata = AttachmentInputItem.AttachmentInputItemMetadata;
+exports.ItemName = AttachmentInputItem.AttachmentInputItemName;
+exports.ItemRemoveButton = AttachmentInputItem.AttachmentInputItemRemoveButton;
+exports.ItemSizeText = AttachmentInputItem.AttachmentInputItemSize;
+exports.ItemThumbnail = AttachmentInputItem.AttachmentInputItemThumbnail;
+exports.Trigger = AttachmentInputTrigger.AttachmentInputTrigger;
+exports.TriggerIcon = AttachmentInputTrigger.AttachmentInputTriggerIcon;
+exports.TriggerItemCount = AttachmentInputTrigger.AttachmentInputTriggerItemCount;

package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts

@@ -0,0 +1,6 @@
+export { AttachmentInputContainer as Container, AttachmentInputHiddenInput as HiddenInput, AttachmentInputItemGroup as ItemGroup, AttachmentInputRoot as Root, type AttachmentInputContainerProps as ContainerProps, type AttachmentInputHiddenInputProps as HiddenInputProps, type AttachmentInputItemGroupProps as ItemGroupProps, type AttachmentInputRootProps as RootProps, } from './AttachmentInput';
+export { AttachmentInputContext as Context, type AttachmentInputContextProps as ContextProps, } from './AttachmentInput';
+export { AttachmentInputDropzone as Dropzone, AttachmentInputDropzoneLabel as DropzoneLabel, type AttachmentInputDropzoneLabelProps as DropzoneLabelProps, type AttachmentInputDropzoneProps as DropzoneProps, } from './AttachmentInputDropzone';
+export { AttachmentInputItem as Item, AttachmentInputItemActionButton as ItemActionButton, AttachmentInputItemBackdrop as ItemBackdrop, AttachmentInputItemBadge as ItemBadge, AttachmentInputItemImage as ItemImage, AttachmentInputItemMetadata as ItemMetadata, AttachmentInputItemName as ItemName, AttachmentInputItemRemoveButton as ItemRemoveButton, AttachmentInputItemSize as ItemSizeText, AttachmentInputItemThumbnail as ItemThumbnail, type AttachmentInputItemActionButtonProps as ItemActionButtonProps, type AttachmentInputItemBackdropProps as ItemBackdropProps, type AttachmentInputItemBadgeProps as ItemBadgeProps, type AttachmentInputItemImageProps as ItemImageProps, type AttachmentInputItemMetadataProps as ItemMetadataProps, type AttachmentInputItemNameProps as ItemNameProps, type AttachmentInputItemProps as ItemProps, type AttachmentInputItemRemoveButtonProps as ItemRemoveButtonProps, type AttachmentInputItemSizeProps as ItemSizeTextProps, type AttachmentInputItemThumbnailProps as ItemThumbnailProps, } from './AttachmentInputItem';
+export { AttachmentInputTrigger as Trigger, AttachmentInputTriggerIcon as TriggerIcon, AttachmentInputTriggerItemCount as TriggerItemCount, type AttachmentInputTriggerIconProps as TriggerIconProps, type AttachmentInputTriggerItemCountProps as TriggerItemCountProps, type AttachmentInputTriggerProps as TriggerProps, } from './AttachmentInputTrigger';
+//# sourceMappingURL=AttachmentInput.namespace.d.ts.map

package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInput.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInput.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,IAAI,SAAS,EACrC,0BAA0B,IAAI,WAAW,EACzC,wBAAwB,IAAI,SAAS,EACrC,mBAAmB,IAAI,IAAI,EAC3B,KAAK,6BAA6B,IAAI,cAAc,EACpD,KAAK,+BAA+B,IAAI,gBAAgB,EACxD,KAAK,6BAA6B,IAAI,cAAc,EACpD,KAAK,wBAAwB,IAAI,SAAS,GAC3C,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,sBAAsB,IAAI,OAAO,EACjC,KAAK,2BAA2B,IAAI,YAAY,GACjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,uBAAuB,IAAI,QAAQ,EACnC,4BAA4B,IAAI,aAAa,EAC7C,KAAK,iCAAiC,IAAI,kBAAkB,EAC5D,KAAK,4BAA4B,IAAI,aAAa,GACnD,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,mBAAmB,IAAI,IAAI,EAC3B,+BAA+B,IAAI,gBAAgB,EACnD,2BAA2B,IAAI,YAAY,EAC3C,wBAAwB,IAAI,SAAS,EACrC,wBAAwB,IAAI,SAAS,EACrC,2BAA2B,IAAI,YAAY,EAC3C,uBAAuB,IAAI,QAAQ,EACnC,+BAA+B,IAAI,gBAAgB,EACnD,uBAAuB,IAAI,YAAY,EACvC,4BAA4B,IAAI,aAAa,EAC7C,KAAK,oCAAoC,IAAI,qBAAqB,EAClE,KAAK,gCAAgC,IAAI,iBAAiB,EAC1D,KAAK,6BAA6B,IAAI,cAAc,EACpD,KAAK,6BAA6B,IAAI,cAAc,EACpD,KAAK,gCAAgC,IAAI,iBAAiB,EAC1D,KAAK,4BAA4B,IAAI,aAAa,EAClD,KAAK,wBAAwB,IAAI,SAAS,EAC1C,KAAK,oCAAoC,IAAI,qBAAqB,EAClE,KAAK,4BAA4B,IAAI,iBAAiB,EACtD,KAAK,iCAAiC,IAAI,kBAAkB,GAC7D,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,sBAAsB,IAAI,OAAO,EACjC,0BAA0B,IAAI,WAAW,EACzC,+BAA+B,IAAI,gBAAgB,EACnD,KAAK,+BAA+B,IAAI,gBAAgB,EACxD,KAAK,oCAAoC,IAAI,qBAAqB,EAClE,KAAK,2BAA2B,IAAI,YAAY,GACjD,MAAM,0BAA0B,CAAC"}

package/lib/components/AttachmentInput/AttachmentInput.namespace.js

@@ -0,0 +1,4 @@
+export { AttachmentInputContainer as Container, AttachmentInputContext as Context, AttachmentInputHiddenInput as HiddenInput, AttachmentInputItemGroup as ItemGroup, AttachmentInputRoot as Root } from './AttachmentInput.js';
+export { AttachmentInputDropzone as Dropzone, AttachmentInputDropzoneLabel as DropzoneLabel } from './AttachmentInputDropzone.js';
+export { AttachmentInputItem as Item, AttachmentInputItemActionButton as ItemActionButton, AttachmentInputItemBackdrop as ItemBackdrop, AttachmentInputItemBadge as ItemBadge, AttachmentInputItemImage as ItemImage, AttachmentInputItemMetadata as ItemMetadata, AttachmentInputItemName as ItemName, AttachmentInputItemRemoveButton as ItemRemoveButton, AttachmentInputItemSize as ItemSizeText, AttachmentInputItemThumbnail as ItemThumbnail } from './AttachmentInputItem.js';
+export { AttachmentInputTrigger as Trigger, AttachmentInputTriggerIcon as TriggerIcon, AttachmentInputTriggerItemCount as TriggerItemCount } from './AttachmentInputTrigger.js';

package/lib/components/AttachmentInput/AttachmentInput.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachmentInput.test.d.ts.map

package/lib/components/AttachmentInput/AttachmentInput.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInput.test.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInput.test.tsx"],"names":[],"mappings":""}

package/lib/components/AttachmentInput/AttachmentInputDropzone.cjs

@@ -0,0 +1,17 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactFileUpload = require('@seed-design/react-file-upload');
+const reactPrimitive = require('@seed-design/react-primitive');
+const AttachmentInput = require('./AttachmentInput.cjs');
+
+const AttachmentInputDropzone = AttachmentInput.withContext(
+  reactFileUpload.FileUpload.Dropzone,
+  "dropzone"
+);
+const AttachmentInputDropzoneLabel = AttachmentInput.withContext(reactPrimitive.Primitive.div, "dropzoneLabel");
+
+exports.AttachmentInputDropzone = AttachmentInputDropzone;
+exports.AttachmentInputDropzoneLabel = AttachmentInputDropzoneLabel;

package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts

@@ -0,0 +1,9 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import type * as React from "react";
+export interface AttachmentInputDropzoneProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AttachmentInputDropzone: React.ForwardRefExoticComponent<AttachmentInputDropzoneProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputDropzoneLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AttachmentInputDropzoneLabel: React.ForwardRefExoticComponent<AttachmentInputDropzoneLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AttachmentInputDropzone.d.ts.map

package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInputDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,uBAAuB,qGAGnC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,4BAA4B,0GAGR,CAAC"}

package/lib/components/AttachmentInput/AttachmentInputDropzone.js

@@ -0,0 +1,12 @@
+'use client';
+import { FileUpload } from '@seed-design/react-file-upload';
+import { Primitive } from '@seed-design/react-primitive';
+import { withContext } from './AttachmentInput.js';
+
+const AttachmentInputDropzone = withContext(
+  FileUpload.Dropzone,
+  "dropzone"
+);
+const AttachmentInputDropzoneLabel = withContext(Primitive.div, "dropzoneLabel");
+
+export { AttachmentInputDropzone, AttachmentInputDropzoneLabel };

package/lib/components/AttachmentInput/AttachmentInputItem.cjs

@@ -0,0 +1,100 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const attachmentInputItem = require('@seed-design/css/recipes/attachment-input-item');
+const reactFileUpload = require('@seed-design/react-file-upload');
+const reactMiddleTruncate = require('@seed-design/react-middle-truncate');
+const reactPrimitive = require('@seed-design/react-primitive');
+const clsx = require('clsx');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const { useClassNames, ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(attachmentInputItem.attachmentInputItem);
+const AttachmentInputItem = React__namespace.forwardRef(
+  ({ className, fileEntry, ...props }, ref) => {
+    const { acceptType } = reactFileUpload.useFileUploadContext();
+    const api = reactFileUpload.useFileUploadItem(fileEntry);
+    const [variantProps, otherProps] = attachmentInputItem.attachmentInputItem.splitVariantProps({
+      type: acceptType,
+      ...props
+    });
+    const classNames = attachmentInputItem.attachmentInputItem(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(reactFileUpload.FileUploadItemProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.li, { ref, className: clsx(classNames.root, className), ...otherProps }) }) });
+  }
+);
+AttachmentInputItem.displayName = "AttachmentInputItem";
+const AttachmentInputItemName = React__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { file } = reactFileUpload.useFileUploadItemContext();
+  const { extension } = reactFileUpload.splitFileName(file.name);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactFileUpload.FileUpload.ItemName, { ref, className: clsx(classNames.name, className), ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(reactMiddleTruncate.MiddleTruncate, { maxLines: 2, ...{ end: extension.length }, children: file.name }) });
+});
+AttachmentInputItemName.displayName = "AttachmentInputItemName";
+const AttachmentInputItemSize = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactFileUpload.FileUpload.ItemSize,
+    {
+      ref,
+      className: clsx(classNames.size, className),
+      ...props
+    }
+  );
+});
+AttachmentInputItemSize.displayName = "AttachmentInputItemSize";
+const AttachmentInputItemRemoveButton = withContext(reactFileUpload.FileUpload.ItemRemoveButton, "removeButton");
+const AttachmentInputItemImage = withContext(reactFileUpload.FileUpload.ItemImage, "image");
+const AttachmentInputItemThumbnail = withContext(reactFileUpload.FileUpload.ItemThumbnail, "thumbnail");
+const AttachmentInputItemBadge = withContext(
+  reactPrimitive.Primitive.div,
+  "badge"
+);
+AttachmentInputItemBadge.displayName = "AttachmentInputItemBadge";
+const AttachmentInputItemActionButton = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactPrimitive.Primitive.button,
+    {
+      type: "button",
+      ref,
+      className: clsx(classNames.actionButton, className),
+      ...props
+    }
+  );
+});
+AttachmentInputItemActionButton.displayName = "AttachmentInputItemActionButton";
+const AttachmentInputItemBackdrop = withContext(reactFileUpload.FileUpload.ItemBackdrop, "backdrop");
+const AttachmentInputItemMetadata = withContext(reactFileUpload.FileUpload.ItemMetadata, "metadata");
+
+exports.AttachmentInputItem = AttachmentInputItem;
+exports.AttachmentInputItemActionButton = AttachmentInputItemActionButton;
+exports.AttachmentInputItemBackdrop = AttachmentInputItemBackdrop;
+exports.AttachmentInputItemBadge = AttachmentInputItemBadge;
+exports.AttachmentInputItemImage = AttachmentInputItemImage;
+exports.AttachmentInputItemMetadata = AttachmentInputItemMetadata;
+exports.AttachmentInputItemName = AttachmentInputItemName;
+exports.AttachmentInputItemRemoveButton = AttachmentInputItemRemoveButton;
+exports.AttachmentInputItemSize = AttachmentInputItemSize;
+exports.AttachmentInputItemThumbnail = AttachmentInputItemThumbnail;

package/lib/components/AttachmentInput/AttachmentInputItem.d.ts

@@ -0,0 +1,36 @@
+import { AttachmentInputItemVariantProps } from '@seed-design/css/recipes/attachment-input-item';
+import { FileUpload as FileUploadPrimitive, FileEntry } from '@seed-design/react-file-upload';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface AttachmentInputItemProps extends AttachmentInputItemVariantProps, PrimitiveProps, React.LiHTMLAttributes<HTMLLIElement> {
+    fileEntry: FileEntry;
+}
+export declare const AttachmentInputItem: React.ForwardRefExoticComponent<AttachmentInputItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface AttachmentInputItemNameProps extends PrimitiveProps, FileUploadPrimitive.ItemNameProps {
+}
+export declare const AttachmentInputItemName: React.ForwardRefExoticComponent<AttachmentInputItemNameProps & React.RefAttributes<HTMLSpanElement>>;
+export interface AttachmentInputItemSizeProps extends FileUploadPrimitive.ItemSizeProps {
+}
+export declare const AttachmentInputItemSize: React.ForwardRefExoticComponent<AttachmentInputItemSizeProps & React.RefAttributes<HTMLSpanElement>>;
+export interface AttachmentInputItemRemoveButtonProps extends FileUploadPrimitive.ItemRemoveButtonProps {
+}
+export declare const AttachmentInputItemRemoveButton: React.ForwardRefExoticComponent<AttachmentInputItemRemoveButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AttachmentInputItemImageProps extends FileUploadPrimitive.ItemImageProps {
+}
+export declare const AttachmentInputItemImage: React.ForwardRefExoticComponent<AttachmentInputItemImageProps & React.RefAttributes<HTMLImageElement>>;
+export interface AttachmentInputItemThumbnailProps extends FileUploadPrimitive.ItemThumbnailProps {
+}
+export declare const AttachmentInputItemThumbnail: React.ForwardRefExoticComponent<AttachmentInputItemThumbnailProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputItemBadgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AttachmentInputItemBadge: React.ForwardRefExoticComponent<AttachmentInputItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputItemActionButtonProps extends PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const AttachmentInputItemActionButton: React.ForwardRefExoticComponent<AttachmentInputItemActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AttachmentInputItemBackdropProps extends FileUploadPrimitive.ItemBackdropProps {
+}
+export declare const AttachmentInputItemBackdrop: React.ForwardRefExoticComponent<AttachmentInputItemBackdropProps & React.RefAttributes<HTMLDivElement>>;
+export interface AttachmentInputItemMetadataProps extends FileUploadPrimitive.ItemMetadataProps {
+}
+export declare const AttachmentInputItemMetadata: React.ForwardRefExoticComponent<AttachmentInputItemMetadataProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AttachmentInputItem.d.ts.map

package/lib/components/AttachmentInput/AttachmentInputItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInputItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAKjC,KAAK,SAAS,EAEf,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAO9E,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,gGAoB/B,CAAC;AAKF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,mBAAmB,CAAC,aAAa;CAAG;AAExC,eAAO,MAAM,uBAAuB,sGAiBlC,CAAC;AAKH,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB,CAAC,aAAa;CAAG;AAE1F,eAAO,MAAM,uBAAuB,sGAalC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,mBAAmB,CAAC,qBAAqB;CAAG;AAEtD,eAAO,MAAM,+BAA+B,gHAGW,CAAC;AAExD,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB,CAAC,cAAc;CAAG;AAE5F,eAAO,MAAM,wBAAwB,wGAGI,CAAC;AAE1C,MAAM,WAAW,iCAAkC,SAAQ,mBAAmB,CAAC,kBAAkB;CAAG;AAGpG,eAAO,MAAM,4BAA4B,0GAGQ,CAAC;AAIlD,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAKF,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,+BAA+B,gHAc1C,CAAC;AAKH,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB,CAAC,iBAAiB;CAAG;AAElG,eAAO,MAAM,2BAA2B,yGAGO,CAAC;AAIhD,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB,CAAC,iBAAiB;CAAG;AAElG,eAAO,MAAM,2BAA2B,yGAGO,CAAC"}

package/lib/components/AttachmentInput/AttachmentInputItem.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { attachmentInputItem } from '@seed-design/css/recipes/attachment-input-item';
+import { useFileUploadContext, useFileUploadItem, FileUploadItemProvider, FileUpload, useFileUploadItemContext, splitFileName } from '@seed-design/react-file-upload';
+import { MiddleTruncate } from '@seed-design/react-middle-truncate';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { useClassNames, ClassNamesProvider, withContext } = createSlotRecipeContext(attachmentInputItem);
+const AttachmentInputItem = React.forwardRef(
+  ({ className, fileEntry, ...props }, ref) => {
+    const { acceptType } = useFileUploadContext();
+    const api = useFileUploadItem(fileEntry);
+    const [variantProps, otherProps] = attachmentInputItem.splitVariantProps({
+      type: acceptType,
+      ...props
+    });
+    const classNames = attachmentInputItem(variantProps);
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(FileUploadItemProvider, { value: api, children: /* @__PURE__ */ jsx(Primitive.li, { ref, className: clsx(classNames.root, className), ...otherProps }) }) });
+  }
+);
+AttachmentInputItem.displayName = "AttachmentInputItem";
+const AttachmentInputItemName = React.forwardRef(({ className, children, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { file } = useFileUploadItemContext();
+  const { extension } = splitFileName(file.name);
+  return /* @__PURE__ */ jsx(FileUpload.ItemName, { ref, className: clsx(classNames.name, className), ...props, children: children ?? /* @__PURE__ */ jsx(MiddleTruncate, { maxLines: 2, ...{ end: extension.length }, children: file.name }) });
+});
+AttachmentInputItemName.displayName = "AttachmentInputItemName";
+const AttachmentInputItemSize = React.forwardRef(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsx(
+    FileUpload.ItemSize,
+    {
+      ref,
+      className: clsx(classNames.size, className),
+      ...props
+    }
+  );
+});
+AttachmentInputItemSize.displayName = "AttachmentInputItemSize";
+const AttachmentInputItemRemoveButton = withContext(FileUpload.ItemRemoveButton, "removeButton");
+const AttachmentInputItemImage = withContext(FileUpload.ItemImage, "image");
+const AttachmentInputItemThumbnail = withContext(FileUpload.ItemThumbnail, "thumbnail");
+const AttachmentInputItemBadge = withContext(
+  Primitive.div,
+  "badge"
+);
+AttachmentInputItemBadge.displayName = "AttachmentInputItemBadge";
+const AttachmentInputItemActionButton = React.forwardRef(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsx(
+    Primitive.button,
+    {
+      type: "button",
+      ref,
+      className: clsx(classNames.actionButton, className),
+      ...props
+    }
+  );
+});
+AttachmentInputItemActionButton.displayName = "AttachmentInputItemActionButton";
+const AttachmentInputItemBackdrop = withContext(FileUpload.ItemBackdrop, "backdrop");
+const AttachmentInputItemMetadata = withContext(FileUpload.ItemMetadata, "metadata");
+
+export { AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail };

package/lib/components/AttachmentInput/AttachmentInputTrigger.cjs

@@ -0,0 +1,75 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const attachmentInputTrigger = require('@seed-design/css/recipes/attachment-input-trigger');
+const reactFileUpload = require('@seed-design/react-file-upload');
+const reactPrimitive = require('@seed-design/react-primitive');
+const domUtils = require('@seed-design/dom-utils');
+const clsx = require('clsx');
+const Icon = require('../private/Icon.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const { withProvider, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(attachmentInputTrigger.attachmentInputTrigger);
+const AttachmentInputTrigger = withProvider(
+  reactFileUpload.FileUpload.Trigger,
+  "root"
+);
+const AttachmentInputTriggerIcon = React__namespace.forwardRef(({ image, general, ...props }, ref) => {
+  const { acceptType, stateProps } = reactFileUpload.useFileUploadContext();
+  const classNames = useClassNames();
+  const mergedProps = domUtils.mergeProps(
+    stateProps,
+    { className: classNames.icon },
+    props
+  );
+  if (acceptType === "image" && image) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon.InternalIcon, { svg: image, ref, ...mergedProps });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.InternalIcon, { svg: general, ref, ...mergedProps });
+});
+const AttachmentInputTriggerItemCount = React__namespace.forwardRef(({ className, ...otherProps }, ref) => {
+  const classNames = useClassNames();
+  const { currentFileEntryCount, maxFiles, stateProps } = reactFileUpload.useFileUploadContext();
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactPrimitive.Primitive.div, { className: clsx(classNames.itemCountArea, className), ref, ...otherProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ...currentFileEntryCount === 0 && { "data-empty": true },
+        className: classNames.itemCount,
+        ...stateProps,
+        children: currentFileEntryCount
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames.maxItemCount, ...stateProps, children: [
+      "/",
+      maxFiles
+    ] })
+  ] });
+});
+
+exports.AttachmentInputTrigger = AttachmentInputTrigger;
+exports.AttachmentInputTriggerIcon = AttachmentInputTriggerIcon;
+exports.AttachmentInputTriggerItemCount = AttachmentInputTriggerItemCount;

package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts

@@ -0,0 +1,21 @@
+import { AttachmentInputTriggerVariantProps } from '@seed-design/css/recipes/attachment-input-trigger';
+import { FileAcceptType } from '@seed-design/react-file-upload';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface AttachmentInputTriggerProps extends AttachmentInputTriggerVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const AttachmentInputTrigger: React.ForwardRefExoticComponent<AttachmentInputTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export type AttachmentInputTriggerIconProps = React.SVGAttributes<SVGElement> & {
+    [K in NonNullable<FileAcceptType>]?: React.ReactNode;
+} & {
+    general: React.ReactNode;
+};
+export declare const AttachmentInputTriggerIcon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    image?: React.ReactNode;
+} & {
+    general: React.ReactNode;
+} & React.RefAttributes<SVGSVGElement>>;
+export interface AttachmentInputTriggerItemCountProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AttachmentInputTriggerItemCount: React.ForwardRefExoticComponent<AttachmentInputTriggerItemCountProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AttachmentInputTrigger.d.ts.map

package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInputTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ9E,MAAM,WAAW,2BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,sBAAsB,uGAGlC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC7E,CAAC,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS;CACrD,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;aAH5B,KAAK,CAAC,SAAS;uCAuBxB,CAAC;AAEH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,+BAA+B,6GAqB1C,CAAC"}

package/lib/components/AttachmentInput/AttachmentInputTrigger.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { attachmentInputTrigger } from '@seed-design/css/recipes/attachment-input-trigger';
+import { FileUpload, useFileUploadContext } from '@seed-design/react-file-upload';
+import { Primitive } from '@seed-design/react-primitive';
+import { mergeProps } from '@seed-design/dom-utils';
+import clsx from 'clsx';
+import { InternalIcon } from '../private/Icon.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
+const AttachmentInputTrigger = withProvider(
+  FileUpload.Trigger,
+  "root"
+);
+const AttachmentInputTriggerIcon = React.forwardRef(({ image, general, ...props }, ref) => {
+  const { acceptType, stateProps } = useFileUploadContext();
+  const classNames = useClassNames();
+  const mergedProps = mergeProps(
+    stateProps,
+    { className: classNames.icon },
+    props
+  );
+  if (acceptType === "image" && image) {
+    return /* @__PURE__ */ jsx(InternalIcon, { svg: image, ref, ...mergedProps });
+  }
+  return /* @__PURE__ */ jsx(InternalIcon, { svg: general, ref, ...mergedProps });
+});
+const AttachmentInputTriggerItemCount = React.forwardRef(({ className, ...otherProps }, ref) => {
+  const classNames = useClassNames();
+  const { currentFileEntryCount, maxFiles, stateProps } = useFileUploadContext();
+  return /* @__PURE__ */ jsxs(Primitive.div, { className: clsx(classNames.itemCountArea, className), ref, ...otherProps, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ...currentFileEntryCount === 0 && { "data-empty": true },
+        className: classNames.itemCount,
+        ...stateProps,
+        children: currentFileEntryCount
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: classNames.maxItemCount, ...stateProps, children: [
+      "/",
+      maxFiles
+    ] })
+  ] });
+});
+
+export { AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount };