@bysages/react 0.2.2 → 0.3.0

package/dist/components/date-picker/index.mjs

@@ -0,0 +1,23 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { DatePicker as DatePicker$1 } from "@ark-ui/react/date-picker";
+//#region src/components/date-picker/index.tsx
+function DatePickerRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(DatePicker$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/** Ark's DatePicker, dressed in the paper-and-ink system: the popup
+* dissolves in on elevation, selected days take the flat ink fill, and
+* range middles run subtle with cut corners. The API is Ark's own —
+* Root, Label, Control, Input, Trigger, ClearTrigger, Positioner,
+* Content, View, ViewControl, ViewTrigger, RangeText, PrevTrigger,
+* NextTrigger, Table*, MonthSelect, YearSelect, PresetTrigger. */
+const DatePicker = {
+	...DatePicker$1,
+	Root: DatePickerRoot
+};
+injectComponentStyle("date-picker");
+//#endregion
+export { DatePicker };

package/dist/components/deferred-content/index.d.mts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/components/deferred-content/index.d.ts
+export interface DeferredContentProps extends HTMLAttributes<HTMLDivElement> {
+  /** How much of the placeholder must be visible before the content
+   * mounts, from 0 (any pixel) to 1 (the whole box). */
+  threshold?: number;
+  /** Drawn until the box approaches the viewport. */
+  placeholder?: ReactNode;
+  children?: ReactNode;
+}
+/** Content that waits to be worth rendering: the slot stays off the
+ * tree until the placeholder scrolls near the viewport, then mounts
+ * once and stays. The placeholder is drawn by the caller, so the late
+ * arrival costs no layout shift it cannot predict. */
+export declare function DeferredContent({ threshold, placeholder, children, ...rest }: DeferredContentProps): import("react").JSX.Element;
+//#endregion

package/dist/components/deferred-content/index.mjs

@@ -0,0 +1,34 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+//#region src/components/deferred-content/index.tsx
+/** Content that waits to be worth rendering: the slot stays off the
+* tree until the placeholder scrolls near the viewport, then mounts
+* once and stays. The placeholder is drawn by the caller, so the late
+* arrival costs no layout shift it cannot predict. */
+function DeferredContent({ threshold = .2, placeholder, children, ...rest }) {
+	injectComponentStyle("deferred-content");
+	const host = useRef(null);
+	const [active, setActive] = useState(false);
+	useEffect(() => {
+		const node = host.current;
+		if (!node) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				setActive(true);
+				observer.disconnect();
+			}
+		}, { threshold });
+		observer.observe(node);
+		return () => observer.disconnect();
+	}, [threshold]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: host,
+		...rest,
+		"data-scope": "deferred-content",
+		"data-part": "root",
+		children: active ? children : placeholder
+	});
+}
+//#endregion
+export { DeferredContent };

package/dist/components/descriptions/index.d.mts

@@ -0,0 +1,33 @@
+import { HTMLAttributes } from "react";
+//#region src/components/descriptions/index.d.ts
+/** A ledger laid flat: term and detail pairs in one quiet grid. The
+ * horizontal layout reads as a table of two columns; the vertical one
+ * stacks each pair for narrow measures. */
+export interface DescriptionsRootProps extends HTMLAttributes<HTMLDListElement> {
+  layout?: "horizontal" | "vertical";
+  /** The framed register: one hairline round the whole, terms on
+   * inset paper. */
+  bordered?: boolean;
+  /** Pairs across the grid: one ledger per column. */
+  column?: number;
+}
+export declare function DescriptionsRoot({ layout, bordered, column, children, ...rest }: DescriptionsRootProps): import("react").JSX.Element;
+declare function DescriptionsItem({ span, children, ...rest }: HTMLAttributes<HTMLDivElement> & {
+  span?: number;
+}): import("react").JSX.Element;
+declare namespace DescriptionsItem {
+  var displayName: string;
+}
+export declare const Descriptions: {
+  Root: typeof DescriptionsRoot;
+  Item: typeof DescriptionsItem;
+  Term: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Detail: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion

package/dist/components/descriptions/index.mjs

@@ -0,0 +1,50 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/descriptions/index.tsx
+function DescriptionsRoot({ layout = "horizontal", bordered = false, column = 1, children, ...rest }) {
+	injectComponentStyle("descriptions");
+	return /* @__PURE__ */ jsx("dl", {
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": "root",
+		"data-layout": layout,
+		"data-bordered": bordered || void 0,
+		style: {
+			...rest.style,
+			"--bs-desc-columns": String(column)
+		},
+		children
+	});
+}
+function part(name, tag) {
+	const Tag = tag;
+	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
+		...rest,
+		"data-scope": "descriptions",
+		"data-part": name.toLowerCase(),
+		children
+	});
+	Component.displayName = "Descriptions" + name;
+	return Component;
+}
+function DescriptionsItem({ span = 1, children, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		style: {
+			...rest.style,
+			"--bs-desc-span": String(span * 2)
+		},
+		"data-scope": "descriptions",
+		"data-part": "item",
+		children
+	});
+}
+DescriptionsItem.displayName = "DescriptionsItem";
+const Descriptions = {
+	Root: DescriptionsRoot,
+	Item: DescriptionsItem,
+	Term: part("Term", "dt"),
+	Detail: part("Detail", "dd")
+};
+//#endregion
+export { Descriptions, DescriptionsRoot };

package/dist/components/dialog/index.d.mts

@@ -0,0 +1,9 @@
+import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/react/dialog";
+//#region src/components/dialog/index.d.ts
+/** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
+ * in on elevation, the backdrop fades, and nested overlays stack through
+ * the shared z-index ladder. The API is Ark's own — Root, Trigger,
+ * Backdrop, Positioner, Content, Title, Description, CloseTrigger. */
+export declare const Dialog: typeof Dialog$1;
+//#endregion
+export type { DialogOpenChangeDetails };

package/dist/components/dialog/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Dialog as Dialog$1 } from "@ark-ui/react/dialog";
+//#region src/components/dialog/index.tsx
+/** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
+* in on elevation, the backdrop fades, and nested overlays stack through
+* the shared z-index ladder. The API is Ark's own — Root, Trigger,
+* Backdrop, Positioner, Content, Title, Description, CloseTrigger. */
+const Dialog = Dialog$1;
+injectComponentStyle("dialog");
+//#endregion
+export { Dialog };

package/dist/components/dock/index.d.mts

@@ -0,0 +1,25 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/components/dock/index.d.ts
+export interface DockProps extends HTMLAttributes<HTMLDivElement> {
+  /** The tallest an item swells under the hand — 1 stands still. */
+  maxScale?: number;
+  /** How far the hand reaches, in px, before an item stops answering. */
+  radius?: number;
+  children?: ReactNode;
+}
+export interface DockItemProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+/** The magnifying dock: a floating rail whose icons swell toward the
+ * hand. The wrapper measures per item and writes --bs-dock-scale; CSS
+ * eases the chase, so no spring engine rides along. */
+export declare function DockRoot({ maxScale, radius, children, ...rest }: DockProps): import("react").JSX.Element;
+/** One moored place in the rail: whatever slots in grows from the
+ * floor, never from its center. */
+export declare function DockItem({ children, ...rest }: DockItemProps): import("react").JSX.Element;
+/** The whole family under one handle — Dock.Root, Dock.Item. */
+export declare const Dock: typeof DockRoot & {
+  Root: typeof DockRoot;
+  Item: typeof DockItem;
+};
+//#endregion

package/dist/components/dock/index.mjs

@@ -0,0 +1,51 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/dock/index.tsx
+const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";
+/** The magnifying dock: a floating rail whose icons swell toward the
+* hand. The wrapper measures per item and writes --bs-dock-scale; CSS
+* eases the chase, so no spring engine rides along. */
+function DockRoot({ maxScale = 1.5, radius = 96, children, ...rest }) {
+	injectComponentStyle("dock");
+	const magnify = (event) => {
+		for (const item of event.currentTarget.querySelectorAll(ITEM)) {
+			const rect = item.getBoundingClientRect();
+			const dist = Math.abs(event.clientX - (rect.left + rect.width / 2));
+			const t = Math.max(0, 1 - dist / radius);
+			item.style.setProperty("--bs-dock-scale", (1 + (maxScale - 1) * t * t).toFixed(4));
+		}
+	};
+	const reset = (event) => {
+		for (const item of event.currentTarget.querySelectorAll(ITEM)) item.style.removeProperty("--bs-dock-scale");
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		"data-scope": "dock",
+		"data-part": "root",
+		style: {
+			...rest.style,
+			"--bs-dock-max-scale": maxScale
+		},
+		onPointerMove: magnify,
+		onPointerLeave: reset,
+		children
+	});
+}
+/** One moored place in the rail: whatever slots in grows from the
+* floor, never from its center. */
+function DockItem({ children, ...rest }) {
+	injectComponentStyle("dock");
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		"data-scope": "dock",
+		"data-part": "item",
+		children
+	});
+}
+/** The whole family under one handle — Dock.Root, Dock.Item. */
+const Dock = Object.assign(DockRoot, {
+	Root: DockRoot,
+	Item: DockItem
+});
+//#endregion
+export { Dock, DockItem, DockRoot };

package/dist/components/download-trigger/index.d.mts

@@ -0,0 +1,2 @@
+import { DownloadTrigger, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/react/download-trigger";
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/components/download-trigger/index.mjs

@@ -0,0 +1,2 @@
+import { DownloadTrigger, useDownload } from "@ark-ui/react/download-trigger";
+export { DownloadTrigger, useDownload };

package/dist/components/drawer/index.d.mts

@@ -0,0 +1,9 @@
+import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
+//#region src/components/drawer/index.d.ts
+/** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
+ * cut flush to the edge it rises from, sliding on the machine's translate
+ * under the grabber's hand. The API is Ark's own — Root, Trigger,
+ * Backdrop, Positioner, Content, Grabber, GrabberIndicator, Title,
+ * Description, CloseTrigger, SwipeArea. */
+export declare const Drawer: typeof Drawer$1;
+//#endregion

package/dist/components/drawer/index.mjs

@@ -0,0 +1,12 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
+//#region src/components/drawer/index.tsx
+/** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
+* cut flush to the edge it rises from, sliding on the machine's translate
+* under the grabber's hand. The API is Ark's own — Root, Trigger,
+* Backdrop, Positioner, Content, Grabber, GrabberIndicator, Title,
+* Description, CloseTrigger, SwipeArea. */
+const Drawer = Drawer$1;
+injectComponentStyle("drawer");
+//#endregion
+export { Drawer };

package/dist/components/dynamic-input/index.d.mts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+//#region src/components/dynamic-input/index.d.ts
+export interface DynamicInputProps extends HTMLAttributes<HTMLDivElement> {
+  /** The rows' values; the group renders one Input per entry. */
+  value?: string[];
+  /** The fewest rows the group keeps; the remove seals yield first. */
+  min?: number;
+  /** The most rows the group grows to; the add control yields then. */
+  max?: number;
+  placeholder?: string;
+  /** The add control's visible words. */
+  addLabel?: string;
+  disabled?: boolean;
+  invalid?: boolean;
+  /** One rung of the ladder, handed to every row's field and seals. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string[]) => void;
+}
+/**
+ * A column of entry rows: one Input per line, each with a quiet remove
+ * seal, and an add row at the tail. The list is controlled — every edit
+ * reports a fresh array through `onValueChange` and the caller's array
+ * stays the only truth. Deleting never drops below `min`, adding never
+ * grows past `max`, and the group always keeps one row: an entry list
+ * that emptied itself would leave the reader no place to type.
+ */
+export declare function DynamicInput({ value, min, max, placeholder, addLabel, disabled, invalid, size, onValueChange, children: _children, ...rest }: DynamicInputProps): import("react").JSX.Element;
+//#endregion

package/dist/components/dynamic-input/index.mjs

@@ -0,0 +1,83 @@
+import { Button } from "../button/index.mjs";
+import { t as Input } from "../../input-2oezH-dY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dynamic-input/index.tsx
+/**
+* A column of entry rows: one Input per line, each with a quiet remove
+* seal, and an add row at the tail. The list is controlled — every edit
+* reports a fresh array through `onValueChange` and the caller's array
+* stays the only truth. Deleting never drops below `min`, adding never
+* grows past `max`, and the group always keeps one row: an entry list
+* that emptied itself would leave the reader no place to type.
+*/
+function DynamicInput({ value, min = 0, max, placeholder, addLabel = "Add entry", disabled = false, invalid = false, size = "md", onValueChange, children: _children, ...rest }) {
+	injectComponentStyle("dynamic-input");
+	const values = value ?? [""];
+	const update = (index, next) => {
+		const rows = values.slice();
+		rows[index] = next;
+		onValueChange?.(rows);
+	};
+	const remove = (index) => {
+		const rows = values.filter((_, i) => i !== index);
+		onValueChange?.(rows.length > 0 ? rows : [""]);
+	};
+	const add = () => {
+		onValueChange?.([...values, ""]);
+	};
+	const canRemove = values.length > Math.max(min, 1);
+	const canAdd = max === void 0 || values.length < max;
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		"data-scope": "dynamic-input",
+		"data-part": "root",
+		children: [values.map((value, index) => /* @__PURE__ */ jsxs("div", {
+			"data-scope": "dynamic-input",
+			"data-part": "row",
+			children: [/* @__PURE__ */ jsx(Input, {
+				value,
+				placeholder,
+				disabled,
+				invalid,
+				size,
+				onValueChange: (next) => update(index, next)
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				square: true,
+				size,
+				disabled: disabled || !canRemove,
+				"aria-label": `Remove entry ${index + 1}`,
+				onClick: () => remove(index),
+				children: crossIcon()
+			})]
+		}, index)), /* @__PURE__ */ jsx("div", {
+			"data-scope": "dynamic-input",
+			"data-part": "add",
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size,
+				disabled: disabled || !canAdd,
+				onClick: () => add(),
+				children: ["+", addLabel]
+			})
+		})]
+	});
+}
+/** The one glyph a remove seal needs: a single crossing stroke. */
+function crossIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.75,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+	});
+}
+//#endregion
+export { DynamicInput };

package/dist/components/editable/index.d.mts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+import { Editable as Editable$1 } from "@ark-ui/react/editable";
+//#region src/components/editable/index.d.ts
+/** Ark's Editable, dressed in the paper-and-ink system: bare ink while
+ * reading, the full field recipe while editing. The API is Ark's own —
+ * Root, Area, Label, Preview, Input, EditTrigger, SubmitTrigger,
+ * CancelTrigger, Control. */
+type EditableRootProps = ComponentProps<typeof Editable$1.Root> & {
+  /** One rung of the control-height ladder for the editing field. */
+  size?: "sm" | "md" | "lg";
+};
+declare function EditableRoot({ size, ...rest }: EditableRootProps): import("react").JSX.Element;
+export declare const Editable: Omit<typeof Editable$1, "Root"> & {
+  Root: typeof EditableRoot;
+};
+//#endregion

package/dist/components/editable/index.mjs

@@ -0,0 +1,17 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { Editable as Editable$1 } from "@ark-ui/react/editable";
+//#region src/components/editable/index.tsx
+function EditableRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(Editable$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+const Editable = {
+	...Editable$1,
+	Root: EditableRoot
+};
+injectComponentStyle("editable");
+//#endregion
+export { Editable };

package/dist/components/ellipsis/index.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+//#region src/components/ellipsis/index.d.ts
+/** The overflow knife: text cut at one line, or held to N lines. The
+ * primitive only draws the cut — reaching the full text (title,
+ * tooltip) stays the consumer's decision. */
+export interface EllipsisProps extends HTMLAttributes<HTMLElement> {
+  lines?: number;
+}
+export declare function Ellipsis({ lines, ...rest }: EllipsisProps): import("react").JSX.Element;
+//#endregion

package/dist/components/ellipsis/index.mjs

@@ -0,0 +1,19 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ellipsis/index.tsx
+function Ellipsis({ lines = 1, ...rest }) {
+	injectComponentStyle("ellipsis");
+	const multiline = lines > 1;
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		style: multiline ? {
+			...rest.style,
+			"--bs-ellipsis-lines": String(lines)
+		} : rest.style,
+		"data-scope": "ellipsis",
+		"data-part": "root",
+		"data-multiline": multiline ? "" : void 0
+	});
+}
+//#endregion
+export { Ellipsis };

package/dist/components/empty/index.d.mts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+//#region src/components/empty/index.d.ts
+export declare const Empty: {
+  ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+  displayName: string;
+} & {
+  Root: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Visual: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Title: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Description: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Actions: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion

package/dist/components/empty/index.mjs

@@ -0,0 +1,32 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/empty/index.tsx
+/** An empty state: the page holds its breath. Root centers the column,
+* Visual carries the mark, Title and Description carry the ink, Actions
+* the way out. Any subset composes. */
+function part(name, tag) {
+	const Tag = tag;
+	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
+		...rest,
+		"data-scope": "empty",
+		"data-part": name.toLowerCase(),
+		children
+	});
+	Component.displayName = "Empty" + name;
+	return Component;
+}
+const Root = part("Root", "div");
+const Visual = part("Visual", "div");
+const Title = part("Title", "h3");
+const Description = part("Description", "p");
+const Actions = part("Actions", "div");
+const Empty = Object.assign(Root, {
+	Root,
+	Visual,
+	Title,
+	Description,
+	Actions
+});
+injectComponentStyle("empty");
+//#endregion
+export { Empty };

package/dist/components/field/index.d.mts

@@ -0,0 +1,8 @@
+import { Field as Field$1 } from "@ark-ui/react/field";
+//#region src/components/field/index.d.ts
+/** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
+ * border-and-halo control, and quiet help text. The API is Ark's own —
+ * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
+ * RequiredIndicator. */
+export declare const Field: typeof Field$1;
+//#endregion

package/dist/components/field/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Field as Field$1 } from "@ark-ui/react/field";
+//#region src/components/field/index.tsx
+/** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
+* border-and-halo control, and quiet help text. The API is Ark's own —
+* Root, Label, Input, Textarea, Select, HelperText, ErrorText,
+* RequiredIndicator. */
+const Field = Field$1;
+injectComponentStyle("field");
+//#endregion
+export { Field };

package/dist/components/fieldset/index.d.mts

@@ -0,0 +1,7 @@
+import { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
+//#region src/components/fieldset/index.d.ts
+/** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
+ * legend heading a column of fields. The API is Ark's own — Root, Legend,
+ * HelperText, ErrorText. */
+export declare const Fieldset: typeof Fieldset$1;
+//#endregion

package/dist/components/fieldset/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
+//#region src/components/fieldset/index.tsx
+/** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
+* legend heading a column of fields. The API is Ark's own — Root, Legend,
+* HelperText, ErrorText. */
+const Fieldset = Fieldset$1;
+injectComponentStyle("fieldset");
+//#endregion
+export { Fieldset };

package/dist/components/file-upload/index.d.mts

@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+import { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
+//#region src/components/file-upload/index.d.ts
+type FileUploadRootProps = ComponentProps<typeof FileUpload$1.Root> & {
+  /** One rung of the control-height ladder for the trigger. */
+  size?: "sm" | "md" | "lg";
+};
+declare function FileUploadRoot({ size, ...rest }: FileUploadRootProps): import("react").JSX.Element;
+/** Ark's FileUpload, dressed in the paper-and-ink system: a dashed
+ * dropzone that floods with subtle light on drag-over, and accepted files
+ * as loose hairline slips. The API is Ark's own — Root, Label, Trigger,
+ * Dropzone, HiddenInput, ItemGroup, Item, ItemName, ItemSizeText,
+ * ItemPreview, ItemPreviewImage, ItemDeleteTrigger, ClearTrigger,
+ * Context. */
+export declare const FileUpload: Omit<typeof FileUpload$1, "Root"> & {
+  Root: typeof FileUploadRoot;
+};
+//#endregion

package/dist/components/file-upload/index.mjs

@@ -0,0 +1,23 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
+//#region src/components/file-upload/index.tsx
+function FileUploadRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(FileUpload$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/** Ark's FileUpload, dressed in the paper-and-ink system: a dashed
+* dropzone that floods with subtle light on drag-over, and accepted files
+* as loose hairline slips. The API is Ark's own — Root, Label, Trigger,
+* Dropzone, HiddenInput, ItemGroup, Item, ItemName, ItemSizeText,
+* ItemPreview, ItemPreviewImage, ItemDeleteTrigger, ClearTrigger,
+* Context. */
+const FileUpload = {
+	...FileUpload$1,
+	Root: FileUploadRoot
+};
+injectComponentStyle("file-upload");
+//#endregion
+export { FileUpload };