@px-ui/ui 0.1.3 → 1.0.0

package/dist/dropdown-menu-CcumvwhM.js

@@ -0,0 +1,139 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/dropdown-menu.tsx
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props
+		})
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8", className),
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rtl:rotate-180 ms-auto" })]
+	});
+}
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "inline-end", sideOffset = 0, className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute end-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute end-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenuItem as a, DropdownMenuRadioGroup as c, DropdownMenuShortcut as d, DropdownMenuSub as f, DropdownMenuTrigger as h, DropdownMenuGroup as i, DropdownMenuRadioItem as l, DropdownMenuSubTrigger as m, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuSubContent as p, DropdownMenuContent as r, DropdownMenuPortal as s, DropdownMenu as t, DropdownMenuSeparator as u };
+//# sourceMappingURL=dropdown-menu-CcumvwhM.js.map

package/dist/dropdown-menu-CcumvwhM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-CcumvwhM.js","names":["MenuPrimitive"],"sources":["../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronRightIcon, CheckIcon } from \"lucide-react\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n  return <MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({\n  align = \"start\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  className,\n  ...props\n}: MenuPrimitive.Popup.Props &\n  Pick<\n    MenuPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className=\"isolate z-50 outline-none\"\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          data-slot=\"dropdown-menu-content\"\n          className={cn(\"z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: MenuPrimitive.GroupLabel.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.GroupLabel\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: MenuPrimitive.Item.Props & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <MenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"rtl:rotate-180 ms-auto\" />\n    </MenuPrimitive.SubmenuTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  align = \"start\",\n  alignOffset = -3,\n  side = \"inline-end\",\n  sideOffset = 0,\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\"w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return (\n    <MenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: MenuPrimitive.Separator.Props) {\n  return (\n    <MenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"],"mappings":"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"}

package/dist/file-upload-D8hgfjvA.d.ts

@@ -0,0 +1,145 @@
+import { t as Button } from "./button-BiiFfKiR.js";
+import { d as UseFileUploadReturn, n as FileUploadItem } from "./use-file-upload-yy-xLBtn.js";
+import { LucideIcon } from "lucide-react";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+
+//#region src/components/file-upload.d.ts
+type FileInfo = {
+  name: string;
+  type?: string;
+};
+/**
+ * Get the appropriate file type icon component for a file.
+ * Uses MIME type first, then falls back to file extension.
+ */
+declare function getFileTypeIcon(file: FileInfo): LucideIcon;
+interface RootProps {
+  children: React$1.ReactNode;
+  /** The upload hook return value */
+  upload: UseFileUploadReturn;
+  /** Accepted file types (e.g., "image/*,.pdf") */
+  accept?: string;
+  /** Allow multiple file selection */
+  multiple?: boolean;
+  /** Whether the upload is disabled */
+  disabled?: boolean;
+  className?: string;
+}
+declare function Root({
+  children,
+  upload,
+  accept,
+  multiple,
+  disabled,
+  className
+}: RootProps): react_jsx_runtime106.JSX.Element;
+declare const dropzoneVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+  isDragActive?: boolean | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+/** State passed to the render prop */
+interface DropzoneState {
+  /** Whether files are being dragged over the dropzone */
+  isDragging: boolean;
+  /** Whether files are currently uploading */
+  isUploading: boolean;
+  /** Whether the dropzone is disabled */
+  disabled: boolean;
+  /** Current files in the upload */
+  files: FileUploadItem[];
+}
+/** Props passed to the render prop element */
+interface DropzoneRenderProps {
+  onDragEnter: React$1.DragEventHandler;
+  onDragLeave: React$1.DragEventHandler;
+  onDragOver: React$1.DragEventHandler;
+  onDrop: React$1.DragEventHandler;
+  onPaste: React$1.ClipboardEventHandler;
+  onKeyDown: React$1.KeyboardEventHandler;
+  onClick: React$1.MouseEventHandler;
+  tabIndex: number;
+  role: string;
+  "aria-disabled": boolean;
+  "data-dragging": boolean;
+}
+interface DropzoneProps extends Omit<React$1.ComponentProps<"div">, "children">, Omit<VariantProps<typeof dropzoneVariants>, "isDragActive"> {
+  /** Custom text for the dropzone */
+  dropzoneText?: string;
+  /** Custom text for the browse button */
+  browseText?: string;
+  /**
+   * Render prop for complete customization.
+   * When provided, replaces the default dropzone element.
+   * Receives props to spread and state for conditional styling.
+   */
+  render?: (props: DropzoneRenderProps, state: DropzoneState) => React$1.ReactElement;
+}
+declare function Dropzone({
+  className,
+  size,
+  dropzoneText,
+  browseText,
+  render,
+  ...props
+}: DropzoneProps): react_jsx_runtime106.JSX.Element;
+interface HiddenInputProps extends Omit<React$1.ComponentProps<"input">, "type"> {}
+declare function HiddenInput({
+  className,
+  ...props
+}: HiddenInputProps): react_jsx_runtime106.JSX.Element;
+interface ListProps extends Omit<React$1.ComponentProps<"div">, "children"> {
+  children?: React$1.ReactNode | ((files: FileUploadItem[]) => React$1.ReactNode);
+}
+declare function List({
+  className,
+  children,
+  ...props
+}: ListProps): react_jsx_runtime106.JSX.Element | null;
+interface ListItemProps extends React$1.ComponentProps<"div"> {
+  file: FileUploadItem;
+  /** Show file type icon (default: true) */
+  showIcon?: boolean;
+  /** Show progress bar when uploading (default: true) */
+  showProgress?: boolean;
+  /** Show error message when error (default: true) */
+  showError?: boolean;
+  /** Show remove button (default: true) */
+  showRemove?: boolean;
+  /** Show retry button when error (default: true) */
+  showRetry?: boolean;
+  /** Custom icon component */
+  icon?: React$1.ReactNode;
+  /** Click handler for the list item */
+  onItemClick?: (file: FileUploadItem) => void;
+}
+declare function ListItem({
+  file,
+  className,
+  showIcon,
+  showProgress,
+  showError,
+  showRemove,
+  showRetry,
+  icon,
+  onItemClick,
+  ...props
+}: ListItemProps): react_jsx_runtime106.JSX.Element;
+interface ClearAllProps extends React$1.ComponentProps<typeof Button> {}
+declare function ClearAll({
+  children,
+  ...props
+}: ClearAllProps): react_jsx_runtime106.JSX.Element | null;
+declare const FileUpload: {
+  Root: typeof Root;
+  Dropzone: typeof Dropzone;
+  HiddenInput: typeof HiddenInput;
+  List: typeof List;
+  ListItem: typeof ListItem;
+  ClearAll: typeof ClearAll;
+};
+//#endregion
+export { FileUpload as a, ListProps as c, DropzoneState as i, RootProps as l, DropzoneProps as n, HiddenInputProps as o, DropzoneRenderProps as r, ListItemProps as s, ClearAllProps as t, getFileTypeIcon as u };
+//# sourceMappingURL=file-upload-D8hgfjvA.d.ts.map

package/dist/file-upload-D8hgfjvA.d.ts.map

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