@journ/nude 0.1.0

package/dist/dialog.d.ts

@@ -0,0 +1,14 @@
+import { ModalContentProps } from "./lib/modal-content.js";
+//#region src/dialog.d.ts
+declare const Dialog: {
+  Root: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: ({ classNames, overlayRef, ...props }: ModalContentProps<typeof import("@radix-ui/react-dialog")>) => import("react").JSX.Element;
+  Title: (props: import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
+  Description: (props: import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+  Body: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Dialog };

package/dist/dialog.js

@@ -0,0 +1,15 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./dialog-parts.js";
+//#region src/dialog.tsx
+const Dialog = {
+	Root,
+	Trigger,
+	Close,
+	Content,
+	Title,
+	Description,
+	Body,
+	Actions
+};
+//#endregion
+export { Dialog };

package/dist/divider.d.ts

@@ -0,0 +1,5 @@
+import * as Separator from "@radix-ui/react-separator";
+//#region src/divider.d.ts
+declare const Divider: (props: Separator.SeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+//#endregion
+export { Divider };

package/dist/divider.js

@@ -0,0 +1,9 @@
+import { part } from "./lib/part.js";
+import * as Separator from "@radix-ui/react-separator";
+//#region src/divider.tsx
+const Divider = part(Separator.Root, "divider", {
+	orientation: "horizontal",
+	decorative: true
+});
+//#endregion
+export { Divider };

package/dist/drawer-parts.d.ts

@@ -0,0 +1,24 @@
+import { ModalContentProps } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+//#region src/drawer-parts.d.ts
+declare const Root: typeof import("vaul").Root;
+declare const Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Content: ({ classNames, overlayRef, ...props }: ModalContentProps<{
+  Root: typeof import("vaul").Root;
+  NestedRoot: typeof import("vaul").NestedRoot;
+  Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Overlay: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+  Portal: typeof import("vaul").Portal;
+  Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    preventCycle?: boolean | undefined;
+  } & React.RefAttributes<HTMLDivElement>>;
+  Close: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+  Title: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+  Description: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+}>) => import("react").JSX.Element;
+declare const Title: (props: import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
+declare const Description: (props: import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer-parts.js

@@ -0,0 +1,14 @@
+"use client";
+import { part } from "./lib/part.js";
+import { createModalContent } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Drawer } from "vaul";
+//#region src/drawer-parts.tsx
+const Root = Drawer.Root;
+const Trigger = Drawer.Trigger;
+const Close = Drawer.Close;
+const Content = createModalContent(Drawer, "drawer");
+const Title = part(Drawer.Title, "drawer-title");
+const Description = part(Drawer.Description, "drawer-description");
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer.d.ts

@@ -0,0 +1,27 @@
+import { ModalContentProps } from "./lib/modal-content.js";
+//#region src/drawer.d.ts
+declare const Drawer: {
+  Root: typeof import("vaul").Root;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: ({ classNames, overlayRef, ...props }: ModalContentProps<{
+    Root: typeof import("vaul").Root;
+    NestedRoot: typeof import("vaul").NestedRoot;
+    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: typeof import("vaul").Portal;
+    Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+      preventCycle?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+  }>) => import("react").JSX.Element;
+  Title: (props: import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
+  Description: (props: import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+  Body: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Drawer };

package/dist/drawer.js

@@ -0,0 +1,15 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./drawer-parts.js";
+//#region src/drawer.tsx
+const Drawer = {
+	Root,
+	Trigger,
+	Close,
+	Content,
+	Title,
+	Description,
+	Body,
+	Actions
+};
+//#endregion
+export { Drawer };

package/dist/dropdown-menu-parts.d.ts

@@ -0,0 +1,8 @@
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+//#region src/dropdown-menu-parts.d.ts
+declare const Root: import("react").FC<RadixMenu.DropdownMenuProps>;
+declare const Trigger: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Group: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Content: (props: RadixMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element, Item: (props: RadixMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode, Label: (props: RadixMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode, Separator: (props: RadixMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu-parts.js

@@ -0,0 +1,10 @@
+"use client";
+import { createMenuParts } from "./lib/menu-parts.js";
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+//#region src/dropdown-menu-parts.tsx
+const Root = RadixMenu.Root;
+const Trigger = RadixMenu.Trigger;
+const Group = RadixMenu.Group;
+const { Content, Item, Label, Separator } = createMenuParts(RadixMenu, "dropdown-menu");
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,12 @@
+//#region src/dropdown-menu.d.ts
+declare const DropdownMenu: {
+  Root: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element;
+  Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Label: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Item: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Separator: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { DropdownMenu };

package/dist/dropdown-menu.js

@@ -0,0 +1,13 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger } from "./dropdown-menu-parts.js";
+//#region src/dropdown-menu.tsx
+const DropdownMenu = {
+	Root,
+	Trigger,
+	Content,
+	Group,
+	Label,
+	Item,
+	Separator
+};
+//#endregion
+export { DropdownMenu };

package/dist/empty-state.d.ts

@@ -0,0 +1,10 @@
+//#region src/empty-state.d.ts
+declare const EmptyState: {
+  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
+  Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => import("react").ReactNode;
+  Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { EmptyState };

package/dist/empty-state.js

@@ -0,0 +1,11 @@
+import { part } from "./lib/part.js";
+//#region src/empty-state.tsx
+const EmptyState = {
+	Root: part("div", "empty-state"),
+	Icon: part("span", "empty-state-icon", { "aria-hidden": true }),
+	Title: part("h3", "empty-state-title"),
+	Description: part("p", "empty-state-description"),
+	Actions: part("div", "empty-state-actions")
+};
+//#endregion
+export { EmptyState };

package/dist/field-parts.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixLabel from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/field-parts.d.ts
+type RootProps = ComponentPropsWithRef<'div'> & {
+  invalid?: boolean;
+};
+declare const Root: ({ invalid, ...props }: RootProps) => import("react").JSX.Element;
+declare const Label: (props: ComponentPropsWithRef<typeof RadixLabel.Root>) => import("react").JSX.Element;
+declare const Description: (props: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const FieldError: (props: ComponentPropsWithRef<'p'>) => import("react").JSX.Element | null;
+/** Passes the id and aria wiring to its single child, which is usually the input. */
+declare const Control: (props: ComponentPropsWithRef<typeof Slot>) => import("react").JSX.Element;
+//#endregion
+export { Control, Description, FieldError as Error, type RootProps as FieldProps, Label, Root };

package/dist/field-parts.js

@@ -0,0 +1,63 @@
+"use client";
+import { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createRequiredContext } from "@journ/lift";
+import * as RadixLabel from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/field-parts.tsx
+const [FieldContext, useField] = createRequiredContext("Field.Root");
+const Root = ({ invalid = false, ...props }) => {
+	const id = useId();
+	return /* @__PURE__ */ jsx(FieldContext, {
+		value: {
+			id,
+			descriptionId: `${id}-description`,
+			errorId: `${id}-error`,
+			invalid
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "field",
+			"data-invalid": invalid || void 0,
+			...props
+		})
+	});
+};
+const Label = (props) => {
+	const { id } = useField();
+	return /* @__PURE__ */ jsx(RadixLabel.Root, {
+		"data-slot": "field-label",
+		htmlFor: id,
+		...props
+	});
+};
+const Description = (props) => {
+	const { descriptionId } = useField();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		id: descriptionId,
+		...props
+	});
+};
+const FieldError = (props) => {
+	const { errorId, invalid } = useField();
+	if (!invalid) return null;
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-error",
+		id: errorId,
+		role: "alert",
+		...props
+	});
+};
+/** Passes the id and aria wiring to its single child, which is usually the input. */
+const Control = (props) => {
+	const { id, descriptionId, errorId, invalid } = useField();
+	return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "field-control",
+		id,
+		"aria-describedby": invalid ? `${descriptionId} ${errorId}` : descriptionId,
+		"aria-invalid": invalid || void 0,
+		...props
+	});
+};
+//#endregion
+export { Control, Description, FieldError as Error, Label, Root };

package/dist/field.d.ts

@@ -0,0 +1,11 @@
+import { Control, Description, Error as FieldError, Label, Root } from "./field-parts.js";
+//#region src/field.d.ts
+declare const Field: {
+  Root: typeof Root;
+  Label: typeof Label;
+  Description: typeof Description;
+  Error: typeof FieldError;
+  Control: typeof Control;
+};
+//#endregion
+export { Field };

package/dist/field.js

@@ -0,0 +1,11 @@
+import { Control, Description, Error as FieldError, Label, Root } from "./field-parts.js";
+//#region src/field.tsx
+const Field = {
+	Root,
+	Label,
+	Description,
+	Error: FieldError,
+	Control
+};
+//#endregion
+export { Field };

package/dist/file-dropzone-parts.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/file-dropzone-parts.d.ts
+type RejectionReason = 'type' | 'size' | 'count';
+type FileRejection = {
+  file: File;
+  reason: RejectionReason;
+};
+declare const matchesAccept: (file: File, accept: string | undefined) => boolean;
+/** Splits files into the ones that fit the rules and the ones that do not, with a reason each. */
+declare const sortFiles: (files: File[], { accept, maxSize, multiple }: {
+  accept?: string;
+  maxSize?: number;
+  multiple: boolean;
+}) => {
+  accepted: File[];
+  rejected: FileRejection[];
+};
+type RootProps = Omit<ComponentPropsWithRef<'div'>, 'onDrop' | 'onChange'> & {
+  /** Same syntax as the native input: `image/*,.pdf`. */
+  accept?: string;
+  /** Largest allowed file in bytes. */
+  maxSize?: number;
+  multiple?: boolean;
+  disabled?: boolean;
+  onFilesAccepted?: (files: File[]) => void;
+  onFilesRejected?: (rejections: FileRejection[]) => void;
+};
+/** A drop target that is also a button: click or press Enter to open the file picker. */
+declare const Root: ({ accept, maxSize, multiple, disabled, onFilesAccepted, onFilesRejected, children, ...props }: RootProps) => import("react").JSX.Element;
+declare const Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
+declare const Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+declare const Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+//#endregion
+export { Description, type FileRejection, Icon, type RejectionReason, Root, type RootProps, Title, matchesAccept, sortFiles };

package/dist/file-dropzone-parts.js

@@ -0,0 +1,108 @@
+"use client";
+import { part } from "./lib/part.js";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/file-dropzone-parts.tsx
+const matchesAccept = (file, accept) => {
+	if (!accept) return true;
+	return accept.split(",").map((rule) => rule.trim().toLowerCase()).filter(Boolean).some((rule) => {
+		if (rule.startsWith(".")) return file.name.toLowerCase().endsWith(rule);
+		if (rule.endsWith("/*")) return file.type.toLowerCase().startsWith(rule.slice(0, -1));
+		return file.type.toLowerCase() === rule;
+	});
+};
+/** Splits files into the ones that fit the rules and the ones that do not, with a reason each. */
+const sortFiles = (files, { accept, maxSize, multiple }) => {
+	const accepted = [];
+	const rejected = [];
+	for (const file of files) if (!matchesAccept(file, accept)) rejected.push({
+		file,
+		reason: "type"
+	});
+	else if (maxSize !== void 0 && file.size > maxSize) rejected.push({
+		file,
+		reason: "size"
+	});
+	else if (!multiple && accepted.length === 1) rejected.push({
+		file,
+		reason: "count"
+	});
+	else accepted.push(file);
+	return {
+		accepted,
+		rejected
+	};
+};
+/** A drop target that is also a button: click or press Enter to open the file picker. */
+const Root = ({ accept, maxSize, multiple = true, disabled = false, onFilesAccepted, onFilesRejected, children, ...props }) => {
+	const input = useRef(null);
+	const depth = useRef(0);
+	const [dragging, setDragging] = useState(false);
+	const receive = (files) => {
+		if (disabled || files.length === 0) return;
+		const { accepted, rejected } = sortFiles(files, {
+			accept,
+			maxSize,
+			multiple
+		});
+		if (accepted.length > 0) onFilesAccepted?.(accepted);
+		if (rejected.length > 0) onFilesRejected?.(rejected);
+	};
+	const onDragEnter = (event) => {
+		event.preventDefault();
+		if (disabled) return;
+		depth.current += 1;
+		setDragging(true);
+	};
+	const onDragLeave = (event) => {
+		event.preventDefault();
+		depth.current = Math.max(0, depth.current - 1);
+		if (depth.current === 0) setDragging(false);
+	};
+	const onDrop = (event) => {
+		event.preventDefault();
+		depth.current = 0;
+		setDragging(false);
+		receive(Array.from(event.dataTransfer.files));
+	};
+	const onKeyDown = (event) => {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			input.current?.click();
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "file-dropzone",
+		"data-dragging": dragging || void 0,
+		"data-disabled": disabled || void 0,
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled || void 0,
+		...props,
+		onClick: () => !disabled && input.current?.click(),
+		onKeyDown,
+		onDragEnter,
+		onDragOver: (event) => event.preventDefault(),
+		onDragLeave,
+		onDrop,
+		children: [/* @__PURE__ */ jsx("input", {
+			ref: input,
+			type: "file",
+			tabIndex: -1,
+			hidden: true,
+			accept,
+			multiple,
+			disabled,
+			onClick: (event) => event.stopPropagation(),
+			onChange: (event) => {
+				receive(Array.from(event.target.files ?? []));
+				event.target.value = "";
+			}
+		}), children]
+	});
+};
+const Icon = part("span", "file-dropzone-icon", { "aria-hidden": true });
+const Title = part("p", "file-dropzone-title");
+const Description = part("p", "file-dropzone-description");
+//#endregion
+export { Description, Icon, Root, Title, matchesAccept, sortFiles };

package/dist/file-dropzone.d.ts

@@ -0,0 +1,10 @@
+import { FileRejection, RejectionReason, Root } from "./file-dropzone-parts.js";
+//#region src/file-dropzone.d.ts
+declare const FileDropzone: {
+  Root: typeof Root;
+  Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
+  Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+  Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+};
+//#endregion
+export { FileDropzone, type FileRejection, type RejectionReason };

package/dist/file-dropzone.js

@@ -0,0 +1,10 @@
+import { Description, Icon, Root, Title } from "./file-dropzone-parts.js";
+//#region src/file-dropzone.tsx
+const FileDropzone = {
+	Root,
+	Icon,
+	Title,
+	Description
+};
+//#endregion
+export { FileDropzone };

package/dist/heading.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/heading.d.ts
+type HeadingProps = ComponentPropsWithRef<'h1'> & {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+/** `level` sets the document outline. */
+declare const Heading: ({ level, ...props }: HeadingProps) => import("react").JSX.Element;
+//#endregion
+export { Heading, type HeadingProps };

package/dist/heading.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/heading.tsx
+/** `level` sets the document outline. */
+const Heading = ({ level = 1, ...props }) => {
+	const Element = `h${level}`;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-slot": "heading",
+		...props
+	});
+};
+//#endregion
+export { Heading };

package/dist/hover-card-parts.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card-parts.d.ts
+declare const Root: import("react").FC<RadixHoverCard.HoverCardProps>;
+declare const Trigger: import("react").ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const Content: (props: ComponentPropsWithRef<typeof RadixHoverCard.Content>) => import("react").JSX.Element;
+//#endregion
+export { Content, Root, Trigger };

package/dist/hover-card-parts.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card-parts.tsx
+const Root = RadixHoverCard.Root;
+const Trigger = RadixHoverCard.Trigger;
+const Content = (props) => /* @__PURE__ */ jsx(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx(RadixHoverCard.Content, {
+	"data-slot": "hover-card-content",
+	...props
+}) });
+//#endregion
+export { Content, Root, Trigger };

package/dist/hover-card.d.ts

@@ -0,0 +1,9 @@
+import { Content } from "./hover-card-parts.js";
+//#region src/hover-card.d.ts
+declare const HoverCard: {
+  Root: import("react").FC<import("@radix-ui/react-hover-card").HoverCardProps>;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-hover-card").HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+  Content: typeof Content;
+};
+//#endregion
+export { HoverCard };

package/dist/hover-card.js

@@ -0,0 +1,9 @@
+import { Content, Root, Trigger } from "./hover-card-parts.js";
+//#region src/hover-card.tsx
+const HoverCard = {
+	Root,
+	Trigger,
+	Content
+};
+//#endregion
+export { HoverCard };

package/dist/icon-button.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/icon-button.d.ts
+type IconButtonProps = ComponentPropsWithRef<'button'>;
+declare const IconButton: (props: import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("react").ReactNode;
+//#endregion
+export { IconButton, type IconButtonProps };

package/dist/icon-button.js

@@ -0,0 +1,5 @@
+import { part } from "./lib/part.js";
+//#region src/icon-button.tsx
+const IconButton = part("button", "icon-button", { type: "button" });
+//#endregion
+export { IconButton };

package/dist/icon.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/icon.d.ts
+type IconProps = ComponentPropsWithRef<'span'>;
+/** Wraps any svg child and hides it from assistive tech unless a label is given. */
+declare const Icon: ({ 'aria-label': label, ...props }: IconProps) => import("react").JSX.Element;
+//#endregion
+export { Icon, type IconProps };

package/dist/icon.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/icon.tsx
+/** Wraps any svg child and hides it from assistive tech unless a label is given. */
+const Icon = ({ "aria-label": label, ...props }) => /* @__PURE__ */ jsx("span", {
+	"data-slot": "icon",
+	role: label ? "img" : void 0,
+	"aria-label": label,
+	"aria-hidden": label ? void 0 : true,
+	...props
+});
+//#endregion
+export { Icon };