@seed-design/react 1.2.15 → 2.0.0

package/src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts

@@ -0,0 +1,57 @@
+export {
+  AttachmentDisplayContainer as Container,
+  AttachmentDisplayControl as Control,
+  AttachmentDisplayDescription as Description,
+  AttachmentDisplayErrorMessage as ErrorMessage,
+  AttachmentDisplayFooter as Footer,
+  AttachmentDisplayHeader as Header,
+  AttachmentDisplayIndicatorText as IndicatorText,
+  AttachmentDisplayItemGroup as ItemGroup,
+  AttachmentDisplayLabel as Label,
+  AttachmentDisplayRequiredIndicator as RequiredIndicator,
+  AttachmentDisplayRoot as Root,
+  type AttachmentDisplayContainerProps as ContainerProps,
+  type AttachmentDisplayControlProps as ControlProps,
+  type AttachmentDisplayDescriptionProps as DescriptionProps,
+  type AttachmentDisplayErrorMessageProps as ErrorMessageProps,
+  type AttachmentDisplayFooterProps as FooterProps,
+  type AttachmentDisplayHeaderProps as HeaderProps,
+  type AttachmentDisplayIndicatorTextProps as IndicatorTextProps,
+  type AttachmentDisplayItemGroupProps as ItemGroupProps,
+  type AttachmentDisplayLabelProps as LabelProps,
+  type AttachmentDisplayRequiredIndicatorProps as RequiredIndicatorProps,
+  type AttachmentDisplayRootProps as RootProps,
+} from "./AttachmentDisplay";
+
+export {
+  AttachmentDisplayContext as Context,
+  type AttachmentDisplayContextProps as ContextProps,
+} from "./AttachmentDisplay";
+
+export {
+  AttachmentDisplayItem as Item,
+  AttachmentDisplayItemActionButton as ItemActionButton,
+  AttachmentDisplayItemBackdrop as ItemBackdrop,
+  AttachmentDisplayItemBadge as ItemBadge,
+  AttachmentDisplayItemImage as ItemImage,
+  AttachmentDisplayItemMetadata as ItemMetadata,
+  AttachmentDisplayItemRemoveButton as ItemRemoveButton,
+  AttachmentDisplayItemThumbnail as ItemThumbnail,
+  type AttachmentDisplayItemActionButtonProps as ItemActionButtonProps,
+  type AttachmentDisplayItemBackdropProps as ItemBackdropProps,
+  type AttachmentDisplayItemBadgeProps as ItemBadgeProps,
+  type AttachmentDisplayItemImageProps as ItemImageProps,
+  type AttachmentDisplayItemMetadataProps as ItemMetadataProps,
+  type AttachmentDisplayItemProps as ItemProps,
+  type AttachmentDisplayItemRemoveButtonProps as ItemRemoveButtonProps,
+  type AttachmentDisplayItemThumbnailProps as ItemThumbnailProps,
+} from "./AttachmentDisplayItem";
+
+export {
+  AttachmentDisplayTrigger as Trigger,
+  AttachmentDisplayTriggerIcon as TriggerIcon,
+  AttachmentDisplayTriggerItemCount as TriggerItemCount,
+  type AttachmentDisplayTriggerIconProps as TriggerIconProps,
+  type AttachmentDisplayTriggerItemCountProps as TriggerItemCountProps,
+  type AttachmentDisplayTriggerProps as TriggerProps,
+} from "./AttachmentDisplayTrigger";

package/src/components/AttachmentDisplay/AttachmentDisplay.tsx

@@ -0,0 +1,165 @@
+"use client";
+
+import {
+  attachmentInput,
+  type AttachmentInputVariantProps,
+} from "@seed-design/css/recipes/attachment-input";
+import { field, type FieldVariantProps } from "@seed-design/css/recipes/field";
+import { fieldLabel, type FieldLabelVariantProps } from "@seed-design/css/recipes/field-label";
+import {
+  AttachmentDisplay as AttachmentDisplayPrimitive,
+  useAttachmentDisplayContext,
+} from "@seed-design/react-attachment-display";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import * as React from "react";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { InternalIcon } from "../private/Icon";
+
+const { withProvider: withAttachmentInputProvider, withContext: withAttachmentInputContext } =
+  createSlotRecipeContext(attachmentInput);
+const { withProvider: withFieldProvider, withContext: withFieldContext } =
+  createSlotRecipeContext(field);
+const {
+  withProvider: withLabelProvider,
+  withContext: withLabelContext,
+  useClassNames: useLabelClassNames,
+} = createSlotRecipeContext(fieldLabel);
+
+const withStateProps = createWithStateProps([useAttachmentDisplayContext]);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayRootProps
+  extends FieldVariantProps,
+    AttachmentDisplayPrimitive.RootProps {}
+
+export const AttachmentDisplayRoot = withFieldProvider<HTMLDivElement, AttachmentDisplayRootProps>(
+  AttachmentDisplayPrimitive.Root,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayHeaderProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayHeader = withFieldContext<
+  HTMLDivElement,
+  AttachmentDisplayHeaderProps
+>(withStateProps(Primitive.div), "header");
+
+export interface AttachmentDisplayLabelProps
+  extends PrimitiveProps,
+    FieldLabelVariantProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayLabel = withLabelProvider<
+  HTMLDivElement,
+  AttachmentDisplayLabelProps
+>(withStateProps(Primitive.div), "root");
+
+export interface AttachmentDisplayIndicatorTextProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const AttachmentDisplayIndicatorText = withLabelContext<
+  HTMLSpanElement,
+  AttachmentDisplayIndicatorTextProps
+>(withStateProps(Primitive.span), "indicatorText");
+
+export interface AttachmentDisplayRequiredIndicatorProps extends React.SVGProps<SVGElement> {}
+
+export const AttachmentDisplayRequiredIndicator = React.forwardRef<
+  SVGSVGElement,
+  AttachmentDisplayRequiredIndicatorProps
+>(({ className, ...props }, ref) => {
+  const { indicatorIcon } = useLabelClassNames();
+
+  return (
+    <InternalIcon
+      svg={
+        // biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
+        <svg
+          viewBox="0 0 6 6"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className={clsx(indicatorIcon, className)}
+        >
+          <path
+            d="M3.75002 1.55859L4.41318 1.09468C4.75243 0.857361 5.21982 0.939865 5.45732 1.27899C5.69499 1.61836 5.61243 2.08615 5.27295 2.32366L4.30763 2.99902L5.27372 3.67612C5.61285 3.91381 5.69517 4.38137 5.45761 4.72059C5.21999 5.0599 4.7523 5.14233 4.41299 4.90471L3.75002 4.44043V5.25C3.75002 5.66421 3.41423 6 3.00002 6C2.5858 6 2.25002 5.66421 2.25002 5.25V4.44043L1.58704 4.90471C1.24773 5.14233 0.780041 5.0599 0.542418 4.72059C0.304856 4.38137 0.387176 3.91381 0.726309 3.67612L1.6924 2.99902L0.727079 2.32366C0.387603 2.08615 0.305043 1.61836 0.542707 1.27899C0.780206 0.939865 1.2476 0.857361 1.58685 1.09468L2.25002 1.55859V0.75C2.25002 0.335786 2.5858 0 3.00002 0C3.41423 0 3.75002 0.335786 3.75002 0.75V1.55859Z"
+            fill="currentColor"
+          />
+        </svg>
+      }
+      ref={ref}
+      {...props}
+    />
+  );
+});
+AttachmentDisplayRequiredIndicator.displayName = "AttachmentDisplayRequiredIndicator";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayControlProps
+  extends AttachmentInputVariantProps,
+    PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayControl = withAttachmentInputProvider<
+  HTMLDivElement,
+  AttachmentDisplayControlProps
+>(withStateProps(Primitive.div), "root");
+
+export interface AttachmentDisplayContainerProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayContainer = withAttachmentInputContext<
+  HTMLDivElement,
+  AttachmentDisplayContainerProps
+>(withStateProps(Primitive.div), "container");
+
+export interface AttachmentDisplayItemGroupProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLUListElement> {}
+
+export const AttachmentDisplayItemGroup = withAttachmentInputContext<
+  HTMLUListElement,
+  AttachmentDisplayItemGroupProps
+>(withStateProps(Primitive.ul), "itemGroup");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayFooterProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayFooter = withFieldContext<
+  HTMLDivElement,
+  AttachmentDisplayFooterProps
+>(withStateProps(Primitive.div), "footer");
+
+export interface AttachmentDisplayDescriptionProps
+  extends AttachmentDisplayPrimitive.DescriptionProps {}
+
+export const AttachmentDisplayDescription = withFieldContext<
+  HTMLSpanElement,
+  AttachmentDisplayDescriptionProps
+>(AttachmentDisplayPrimitive.Description, "description");
+
+export interface AttachmentDisplayErrorMessageProps
+  extends AttachmentDisplayPrimitive.ErrorMessageProps {}
+
+export const AttachmentDisplayErrorMessage = withFieldContext<
+  HTMLSpanElement,
+  AttachmentDisplayErrorMessageProps
+>(AttachmentDisplayPrimitive.ErrorMessage, "errorMessage");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayContextProps extends AttachmentDisplayPrimitive.ContextProps {}
+
+export const AttachmentDisplayContext = AttachmentDisplayPrimitive.Context;

package/src/components/AttachmentDisplay/AttachmentDisplayItem.tsx

@@ -0,0 +1,204 @@
+"use client";
+
+import {
+  attachmentInputItem,
+  type AttachmentInputItemVariantProps,
+} from "@seed-design/css/recipes/attachment-input-item";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { dataAttr } from "@seed-design/dom-utils";
+import {
+  AttachmentDisplay as AttachmentDisplayPrimitive,
+  AttachmentDisplayItemProvider,
+  useAttachmentDisplayContext,
+  useAttachmentDisplayItem,
+  type DisplayItemEntry,
+} from "@seed-design/react-attachment-display";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import * as React from "react";
+import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+
+const { useClassNames, ClassNamesProvider, withContext } =
+  createSlotRecipeContext(attachmentInputItem);
+
+// Tracks whether a Backdrop (overlay) is rendered so the Thumbnail/Metadata can emit
+// `data-has-overlay` for the css recipe. Styling-only signal owned by the styled layer.
+const overlayTracker = createRenderTrackingContext("AttachmentDisplayItemOverlay");
+
+export interface AttachmentDisplayItemProps
+  extends Omit<AttachmentInputItemVariantProps, "type">,
+    PrimitiveProps,
+    React.LiHTMLAttributes<HTMLLIElement> {
+  entry: DisplayItemEntry;
+}
+
+export const AttachmentDisplayItem = React.forwardRef<HTMLLIElement, AttachmentDisplayItemProps>(
+  ({ className, entry, ...props }, ref) => {
+    const { stateProps } = useAttachmentDisplayContext();
+    const api = useAttachmentDisplayItem(entry);
+
+    const [variantProps, otherProps] = attachmentInputItem.splitVariantProps({
+      type: "image",
+      ...props,
+    });
+
+    const classNames = attachmentInputItem(variantProps);
+
+    return (
+      <ClassNamesProvider value={classNames}>
+        <AttachmentDisplayItemProvider value={api}>
+          <overlayTracker.Provider>
+            <Primitive.li
+              ref={ref}
+              className={clsx(classNames.root, className)}
+              {...stateProps}
+              {...otherProps}
+            />
+          </overlayTracker.Provider>
+        </AttachmentDisplayItemProvider>
+      </ClassNamesProvider>
+    );
+  },
+);
+AttachmentDisplayItem.displayName = "AttachmentDisplayItem";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemImageProps
+  extends AttachmentDisplayPrimitive.ItemImageProps {}
+
+export const AttachmentDisplayItemImage = withContext<
+  HTMLImageElement,
+  AttachmentDisplayItemImageProps
+>(AttachmentDisplayPrimitive.ItemImage, "image");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemThumbnailProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayItemThumbnail = React.forwardRef<
+  HTMLDivElement,
+  AttachmentDisplayItemThumbnailProps
+>(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { stateProps } = useAttachmentDisplayContext();
+  const { isRendered } = overlayTracker.useRenderTracking();
+
+  return (
+    <Primitive.div
+      ref={ref}
+      data-has-overlay={dataAttr(isRendered)}
+      {...stateProps}
+      className={clsx(classNames.thumbnail, className)}
+      {...props}
+    />
+  );
+});
+
+AttachmentDisplayItemThumbnail.displayName = "AttachmentDisplayItemThumbnail";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemMetadataProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayItemMetadata = React.forwardRef<
+  HTMLDivElement,
+  AttachmentDisplayItemMetadataProps
+>(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { stateProps } = useAttachmentDisplayContext();
+  const { isRendered } = overlayTracker.useRenderTracking();
+
+  return (
+    <Primitive.div
+      ref={ref}
+      data-has-overlay={dataAttr(isRendered)}
+      {...stateProps}
+      className={clsx(classNames.metadata, className)}
+      {...props}
+    />
+  );
+});
+
+AttachmentDisplayItemMetadata.displayName = "AttachmentDisplayItemMetadata";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemBackdropProps
+  extends AttachmentDisplayPrimitive.ItemBackdropProps {}
+
+export const AttachmentDisplayItemBackdrop = React.forwardRef<
+  HTMLDivElement,
+  AttachmentDisplayItemBackdropProps
+>(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { trackRef } = overlayTracker.useRenderTracking();
+
+  return (
+    <AttachmentDisplayPrimitive.ItemBackdrop
+      ref={composeRefs(ref, trackRef)}
+      className={clsx(classNames.backdrop, className)}
+      {...props}
+    />
+  );
+});
+
+AttachmentDisplayItemBackdrop.displayName = "AttachmentDisplayItemBackdrop";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemBadgeProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayItemBadge = React.forwardRef<
+  HTMLDivElement,
+  AttachmentDisplayItemBadgeProps
+>(({ className, children, ...props }, ref) => {
+  const classNames = useClassNames();
+
+  return (
+    <Primitive.div ref={ref} className={clsx(classNames.badge, className)} {...props}>
+      <Primitive.span className={classNames.badgeLabel}>{children}</Primitive.span>
+    </Primitive.div>
+  );
+});
+AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemActionButtonProps
+  extends PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const AttachmentDisplayItemActionButton = React.forwardRef<
+  HTMLButtonElement,
+  AttachmentDisplayItemActionButtonProps
+>(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+
+  return (
+    <Primitive.button
+      type="button"
+      ref={ref}
+      className={clsx(classNames.actionButton, className)}
+      {...props}
+    />
+  );
+});
+AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface AttachmentDisplayItemRemoveButtonProps
+  extends AttachmentDisplayPrimitive.ItemRemoveButtonProps {}
+
+export const AttachmentDisplayItemRemoveButton = withContext<
+  HTMLButtonElement,
+  AttachmentDisplayItemRemoveButtonProps
+>(AttachmentDisplayPrimitive.ItemRemoveButton, "removeButton");

package/src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import {
+  attachmentInputTrigger,
+  type AttachmentInputTriggerVariantProps,
+} from "@seed-design/css/recipes/attachment-input-trigger";
+import {
+  AttachmentDisplay as AttachmentDisplayPrimitive,
+  useAttachmentDisplayContext,
+} from "@seed-design/react-attachment-display";
+import { mergeProps } from "@seed-design/dom-utils";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import * as React from "react";
+import { InternalIcon } from "../private/Icon";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+
+const { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
+
+export interface AttachmentDisplayTriggerProps
+  extends AttachmentInputTriggerVariantProps,
+    PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const AttachmentDisplayTrigger = withProvider<
+  HTMLButtonElement,
+  AttachmentDisplayTriggerProps
+>(AttachmentDisplayPrimitive.Trigger, "root");
+
+// Display currently only supports image content. The parametric form mirrors
+// AttachmentInput.TriggerIcon so future expansion (e.g., "general") can be added
+// without changing the prop shape.
+type DisplayAcceptType = "image";
+
+export type AttachmentDisplayTriggerIconProps = React.SVGAttributes<SVGElement> & {
+  [K in DisplayAcceptType]: React.ReactNode;
+};
+
+export const AttachmentDisplayTriggerIcon = React.forwardRef<
+  SVGSVGElement,
+  AttachmentDisplayTriggerIconProps
+>(({ image, ...props }, ref) => {
+  const { stateProps } = useAttachmentDisplayContext();
+  const classNames = useClassNames();
+
+  const mergedProps = mergeProps(
+    stateProps,
+    { className: classNames.icon },
+    props as React.HTMLAttributes<HTMLElement>,
+  );
+
+  return <InternalIcon svg={image} ref={ref} {...mergedProps} />;
+});
+AttachmentDisplayTriggerIcon.displayName = "AttachmentDisplayTriggerIcon";
+
+export interface AttachmentDisplayTriggerItemCountProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const AttachmentDisplayTriggerItemCount = React.forwardRef<
+  HTMLDivElement,
+  AttachmentDisplayTriggerItemCountProps
+>(({ className, ...otherProps }, ref) => {
+  const classNames = useClassNames();
+  const { currentEntryCount, maxEntries, stateProps } = useAttachmentDisplayContext();
+
+  return (
+    <Primitive.div className={clsx(classNames.itemCountArea, className)} ref={ref} {...otherProps}>
+      <span
+        {...(currentEntryCount === 0 && { "data-empty": true })}
+        className={classNames.itemCount}
+        {...stateProps}
+      >
+        {currentEntryCount}
+      </span>
+      <span className={classNames.maxItemCount} {...stateProps}>
+        /{maxEntries}
+      </span>
+    </Primitive.div>
+  );
+});
+AttachmentDisplayTriggerItemCount.displayName = "AttachmentDisplayTriggerItemCount";

package/src/components/AttachmentDisplay/index.ts

@@ -0,0 +1,59 @@
+export {
+  AttachmentDisplayContainer,
+  AttachmentDisplayControl,
+  AttachmentDisplayDescription,
+  AttachmentDisplayErrorMessage,
+  AttachmentDisplayFooter,
+  AttachmentDisplayHeader,
+  AttachmentDisplayIndicatorText,
+  AttachmentDisplayItemGroup,
+  AttachmentDisplayLabel,
+  AttachmentDisplayRequiredIndicator,
+  AttachmentDisplayRoot,
+  type AttachmentDisplayContainerProps,
+  type AttachmentDisplayControlProps,
+  type AttachmentDisplayDescriptionProps,
+  type AttachmentDisplayErrorMessageProps,
+  type AttachmentDisplayFooterProps,
+  type AttachmentDisplayHeaderProps,
+  type AttachmentDisplayIndicatorTextProps,
+  type AttachmentDisplayItemGroupProps,
+  type AttachmentDisplayLabelProps,
+  type AttachmentDisplayRequiredIndicatorProps,
+  type AttachmentDisplayRootProps,
+} from "./AttachmentDisplay";
+
+export {
+  AttachmentDisplayContext,
+  type AttachmentDisplayContextProps,
+} from "./AttachmentDisplay";
+
+export {
+  AttachmentDisplayItem,
+  AttachmentDisplayItemActionButton,
+  AttachmentDisplayItemBackdrop,
+  AttachmentDisplayItemBadge,
+  AttachmentDisplayItemImage,
+  AttachmentDisplayItemMetadata,
+  AttachmentDisplayItemRemoveButton,
+  AttachmentDisplayItemThumbnail,
+  type AttachmentDisplayItemActionButtonProps,
+  type AttachmentDisplayItemBackdropProps,
+  type AttachmentDisplayItemBadgeProps,
+  type AttachmentDisplayItemImageProps,
+  type AttachmentDisplayItemMetadataProps,
+  type AttachmentDisplayItemProps,
+  type AttachmentDisplayItemRemoveButtonProps,
+  type AttachmentDisplayItemThumbnailProps,
+} from "./AttachmentDisplayItem";
+
+export {
+  AttachmentDisplayTrigger,
+  AttachmentDisplayTriggerIcon,
+  AttachmentDisplayTriggerItemCount,
+  type AttachmentDisplayTriggerIconProps,
+  type AttachmentDisplayTriggerItemCountProps,
+  type AttachmentDisplayTriggerProps,
+} from "./AttachmentDisplayTrigger";
+
+export * as AttachmentDisplay from "./AttachmentDisplay.namespace";

package/src/components/AttachmentInput/AttachmentInput.namespace.ts

@@ -0,0 +1,54 @@
+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 ItemSize,
+  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 ItemSizeProps,
+  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";