@bysages/react 0.2.2 → 0.2.3

package/dist/components/list/index.mjs

@@ -0,0 +1,66 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/list/index.tsx
+/** A ledger of rows: Root is the list, Item one row, Leading the mark
+* before the words, Content the title and its quiet echo, Actions the
+* way out. The bordered variant draws the hairlines; the hoverable
+* variant gives every row the wash — and any row the caller makes
+* clickable (role="button") answers the pointer on its own. */
+function part(name, tag) {
+	const Tag = tag;
+	function Component({ children, ...rest }) {
+		return /* @__PURE__ */ jsx(Tag, {
+			...rest,
+			"data-scope": "list",
+			"data-part": name.toLowerCase(),
+			children
+		});
+	}
+	Component.displayName = "List" + name;
+	return Component;
+}
+function Root({ bordered = false, hoverable = false, children, ...rest }) {
+	return /* @__PURE__ */ jsx("ul", {
+		...rest,
+		"data-scope": "list",
+		"data-part": "root",
+		"data-bordered": bordered || void 0,
+		"data-hoverable": hoverable || void 0,
+		children
+	});
+}
+Root.displayName = "ListRoot";
+const Item = part("Item", "li");
+const Leading = part("Leading", "div");
+const Actions = part("Actions", "div");
+function Content({ title, description, children, ...rest }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		"data-scope": "list",
+		"data-part": "content",
+		children: [
+			title ? /* @__PURE__ */ jsx("div", {
+				"data-scope": "list",
+				"data-part": "title",
+				children: title
+			}) : null,
+			description ? /* @__PURE__ */ jsx("div", {
+				"data-scope": "list",
+				"data-part": "description",
+				children: description
+			}) : null,
+			children
+		]
+	});
+}
+Content.displayName = "ListContent";
+const List = Object.assign(Root, {
+	Root,
+	Item,
+	Leading,
+	Content,
+	Actions
+});
+injectComponentStyle("list");
+//#endregion
+export { List };

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

@@ -0,0 +1,18 @@
+import { CollectionItem } from "@ark-ui/react/collection";
+import { Listbox as Listbox$1, ListboxRootComponentProps, createListCollection } from "@ark-ui/react/listbox";
+//#region src/components/listbox/index.d.ts
+/** Ark's Listbox, dressed in the paper-and-ink system: quiet rows of ink
+ * where the checked row alone takes the flat primary fill. The API is
+ * Ark's own — Root, Label, Input, Content, Empty, Item, ItemText,
+ * ItemIndicator, ItemGroup, ItemGroupLabel, ValueText, plus
+ * createListCollection. */
+type ListboxOwnProps = {
+  /** One rung of the ladder for the row register and the filter field. */
+  size?: "sm" | "md" | "lg";
+};
+declare function ListboxRoot<T extends CollectionItem>(props: ListboxRootComponentProps<T, ListboxOwnProps>): import("react").JSX.Element;
+export declare const Listbox: Omit<typeof Listbox$1, "Root"> & {
+  Root: typeof ListboxRoot;
+};
+//#endregion
+export { createListCollection };

package/dist/components/listbox/index.mjs

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

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

@@ -0,0 +1,7 @@
+import { Marquee as Marquee$1 } from "@ark-ui/react/marquee";
+//#region src/components/marquee/index.d.ts
+/** Ark's Marquee, dressed in the paper-and-ink system: a linear ribbon of
+ * seal-cut chips that dissolves into the paper at its edges rather than
+ * cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
+export declare const Marquee: typeof Marquee$1;
+//#endregion

package/dist/components/marquee/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Marquee as Marquee$1 } from "@ark-ui/react/marquee";
+//#region src/components/marquee/index.tsx
+/** Ark's Marquee, dressed in the paper-and-ink system: a linear ribbon of
+* seal-cut chips that dissolves into the paper at its edges rather than
+* cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
+const Marquee = Marquee$1;
+injectComponentStyle("marquee");
+//#endregion
+export { Marquee };

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+//#region src/components/masonry/index.d.ts
+/** A wall of uneven heights: items flow down each column before
+ * crossing to the next, so the order is column-first. A row-flow wall
+ * would need grid masonry, which browsers do not ship yet. */
+export interface MasonryProps extends HTMLAttributes<HTMLDivElement> {
+  columns?: number;
+  gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+}
+export declare function Masonry({ columns, gap, ...rest }: MasonryProps): import("react").JSX.Element;
+//#endregion

package/dist/components/masonry/index.mjs

@@ -0,0 +1,29 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/masonry/index.tsx
+/** The same named steps of the space ramp the stack uses — one
+* vocabulary of distance across the layout primitives. */
+const gapVars = {
+	none: "0",
+	xs: "var(--bs-gap-xs)",
+	sm: "var(--bs-gap-sm)",
+	md: "var(--bs-gap-md)",
+	lg: "var(--bs-gap-lg)",
+	xl: "var(--bs-gap-xl)"
+};
+function Masonry({ columns = 3, gap = "md", ...rest }) {
+	injectComponentStyle("masonry");
+	const style = {
+		...rest.style,
+		"--bs-masonry-columns": String(columns),
+		"--bs-masonry-gap": gapVars[gap] ?? gapVars.md
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		style,
+		"data-scope": "masonry",
+		"data-part": "root"
+	});
+}
+//#endregion
+export { Masonry };

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

@@ -0,0 +1,2 @@
+import { a as MentionsVesselProps, c as useMentions, i as MentionsVessel, n as Mentions, o as UseMentionsHandlers, r as MentionsProps, s as UseMentionsOptions, t as MentionEntry } from "../../index-Uefyw7Im.mjs";
+export { MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, type UseMentionsHandlers, type UseMentionsOptions, useMentions };

package/dist/components/mentions/index.mjs

@@ -0,0 +1,2 @@
+import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-DMIBCBOd.mjs";
+export { Mentions, MentionsVessel, useMentions };

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

@@ -0,0 +1,20 @@
+import { Menu as Menu$1 } from "@ark-ui/react/menu";
+//#region src/components/menu/index.d.ts
+type MenuRootProps = Parameters<typeof Menu$1.Root>[0] & {
+  /** One rung of the control-height ladder for the vessel's rows. */
+  size?: "sm" | "md" | "lg";
+};
+declare function MenuRoot({ size, ...rest }: MenuRootProps): import("react").JSX.Element;
+declare function MenuContent(props: Parameters<typeof Menu$1.Content>[0]): import("react").JSX.Element;
+/** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
+ * elevation, hover as light on the row, checked items as the flat ink fill.
+ * The parts — Root, Trigger, ContextTrigger, Indicator, Positioner,
+ * Content, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel,
+ * TriggerItem, Separator, Arrow, ArrowTip. Ark's namespace is frozen —
+ * spread copies the members so Root and Content can be the sized
+ * wrappers while the rest stay Ark's own parts. */
+export declare const Menu: Omit<typeof Menu$1, "Root" | "Content"> & {
+  Root: typeof MenuRoot;
+  Content: typeof MenuContent;
+};
+//#endregion

package/dist/components/menu/index.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { Menu as Menu$1 } from "@ark-ui/react/menu";
+//#region src/components/menu/index.tsx
+/** The row rung rides the context because Ark's Root renders no DOM of
+* its own — the vessel (Content) is the element the rung can land on,
+* and the Portal breaks CSS ancestry between the two. */
+const MenuSizeContext = createContext("md");
+function MenuRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(MenuSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx(Menu$1.Root, { ...rest })
+	});
+}
+function MenuContent(props) {
+	const size = useContext(MenuSizeContext);
+	return /* @__PURE__ */ jsx(Menu$1.Content, {
+		...props,
+		"data-size": size
+	});
+}
+/** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
+* elevation, hover as light on the row, checked items as the flat ink fill.
+* The parts — Root, Trigger, ContextTrigger, Indicator, Positioner,
+* Content, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel,
+* TriggerItem, Separator, Arrow, ArrowTip. Ark's namespace is frozen —
+* spread copies the members so Root and Content can be the sized
+* wrappers while the rest stay Ark's own parts. */
+const Menu = {
+	...Menu$1,
+	Root: MenuRoot,
+	Content: MenuContent
+};
+injectComponentStyle("menu");
+//#endregion
+export { Menu };

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

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from "react";
+//#region src/components/menubar/index.d.ts
+export interface MenubarEntry {
+  label: string;
+  value: string;
+  danger?: boolean;
+  disabled?: boolean;
+}
+export interface MenubarGroup {
+  label: string;
+  items: MenubarEntry[];
+}
+/**
+ * A desktop-style menu bar: a row of quiet ghost triggers, each opening
+ * the same paper vessel as the menu family. The triggers are our own
+ * buttons grafted onto the menu machine's trigger via `asChild` — the
+ * machine keeps the trigger element (positioning, focus restore,
+ * `data-state`) while the element wears the menubar scope. The popups
+ * keep the menu parts untouched, so the menu stylesheet dresses them.
+ *
+ * Keyboard note: the triggers move between each other with Tab, not
+ * arrow keys — cross-menu arrow traversal is out of scope for this
+ * version. Inside an open menu the machine handles arrows and Escape.
+ */
+export interface MenubarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+  /** The menus across the bar, each with its entries. */
+  items: MenubarGroup[];
+  /** Called with the entry's `value` when it is chosen. */
+  onSelect?: (value: string) => void;
+}
+export declare function Menubar({ items, onSelect, children, ...rest }: MenubarProps): import("react").JSX.Element;
+//#endregion

package/dist/components/menubar/index.mjs

@@ -0,0 +1,35 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@ark-ui/react/portal";
+import { Menu } from "@ark-ui/react/menu";
+//#region src/components/menubar/index.tsx
+function Menubar({ items, onSelect, children, ...rest }) {
+	injectComponentStyle("menubar");
+	injectComponentStyle("menu");
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		"data-scope": "menubar",
+		"data-part": "root",
+		role: "menubar",
+		children: [items.map((group) => /* @__PURE__ */ jsxs(Menu.Root, {
+			positioning: { placement: "bottom-start" },
+			children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"data-scope": "menubar",
+					"data-part": "trigger",
+					children: group.label
+				})
+			}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: group.items.map((entry) => /* @__PURE__ */ jsx(Menu.Item, {
+				value: entry.value,
+				disabled: entry.disabled,
+				"data-danger": entry.danger ? "" : void 0,
+				onSelect: () => onSelect?.(entry.value),
+				children: /* @__PURE__ */ jsx(Menu.ItemText, { children: entry.label })
+			}, entry.value)) }) }) })]
+		}, group.label)), children]
+	});
+}
+//#endregion
+export { Menubar };

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from "react";
+//#region src/components/meter/index.d.ts
+export interface MeterRootProps extends HTMLAttributes<HTMLElement> {
+  /** The measured value — clamped between min and max. */
+  value: number;
+  min?: number;
+  max?: number;
+  /** The pigment the ink rides: primary unless a threshold is crossed. */
+  level?: "normal" | "success" | "warning" | "danger";
+  /** One rung of the groove ladder — the track's thickness. */
+  size?: "sm" | "md" | "lg";
+  label?: string;
+}
+export declare const Meter: (({ value, min, max, level, size, label, children, ...rest }: MeterRootProps) => import("react").JSX.Element) & {
+  Root: ({ value, min, max, level, size, label, children, ...rest }: MeterRootProps) => import("react").JSX.Element;
+  Label: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  ValueText: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Track: ({ ...rest }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;
+};
+//#endregion

package/dist/components/meter/index.mjs

@@ -0,0 +1,59 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/meter/index.tsx
+function part(name, tag) {
+	const Tag = tag;
+	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
+		...rest,
+		"data-scope": "meter",
+		"data-part": name.toLowerCase(),
+		children
+	});
+	Component.displayName = "Meter" + name;
+	return Component;
+}
+const Label = part("Label", "span");
+const ValueText = part("ValueText", "span");
+const Track = ({ ...rest }) => /* @__PURE__ */ jsx("span", {
+	...rest,
+	"data-scope": "meter",
+	"data-part": "track",
+	children: /* @__PURE__ */ jsx("span", {
+		"data-scope": "meter",
+		"data-part": "range"
+	})
+});
+const Root = ({ value, min = 0, max = 100, level = "normal", size = "md", label, children, ...rest }) => {
+	const span = max - min;
+	const ratio = span > 0 ? Math.min(Math.max((value - min) / span, 0), 1) : 0;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		role: "meter",
+		"aria-valuemin": min,
+		"aria-valuemax": max,
+		"aria-valuenow": value,
+		"aria-label": label ?? rest["aria-label"],
+		"data-scope": "meter",
+		"data-part": "root",
+		"data-size": size,
+		"data-level": level !== "normal" ? level : void 0,
+		style: {
+			...rest.style,
+			"--_percent": `${ratio * 100}%`
+		},
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(Label, { children: label }),
+			/* @__PURE__ */ jsx(ValueText, { children: `${Math.round(ratio * 100)}%` }),
+			/* @__PURE__ */ jsx(Track, {})
+		] })
+	});
+};
+const Meter = Object.assign(Root, {
+	Root,
+	Label,
+	ValueText,
+	Track
+});
+injectComponentStyle("meter");
+//#endregion
+export { Meter };

package/dist/components/navigation-menu/index.d.mts

@@ -0,0 +1,8 @@
+import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
+//#region src/components/navigation-menu/index.d.ts
+/** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
+ * ghost triggers with one sliding stroke of primary ink, opening the shared
+ * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
+ * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
+export declare const NavigationMenu: typeof NavigationMenu$1;
+//#endregion

package/dist/components/navigation-menu/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
+//#region src/components/navigation-menu/index.tsx
+/** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
+* ghost triggers with one sliding stroke of primary ink, opening the shared
+* popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
+* Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
+const NavigationMenu = NavigationMenu$1;
+injectComponentStyle("navigation-menu");
+//#endregion
+export { NavigationMenu };

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+import { NumberInput as NumberInput$1 } from "@ark-ui/react/number-input";
+//#region src/components/number-input/index.d.ts
+type NumberInputRootProps = ComponentProps<typeof NumberInput$1.Root> & {
+  /** One rung of the control-height ladder for the field and its stepper. */
+  size?: "sm" | "md" | "lg";
+};
+declare function NumberInputRoot({ size, ...rest }: NumberInputRootProps): import("react").JSX.Element;
+/** Ark's NumberInput, dressed in the paper-and-ink system: the stepper
+ * rides inside the field as one seal split by a hairline, numbers set in
+ * tabular figures. The API is Ark's own — Root, Label, Control, Input,
+ * ValueText, IncrementTrigger, DecrementTrigger, Scrubber. */
+export declare const NumberInput: Omit<typeof NumberInput$1, "Root"> & {
+  Root: typeof NumberInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,21 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { NumberInput as NumberInput$1 } from "@ark-ui/react/number-input";
+//#region src/components/number-input/index.tsx
+function NumberInputRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(NumberInput$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/** Ark's NumberInput, dressed in the paper-and-ink system: the stepper
+* rides inside the field as one seal split by a hairline, numbers set in
+* tabular figures. The API is Ark's own — Root, Label, Control, Input,
+* ValueText, IncrementTrigger, DecrementTrigger, Scrubber. */
+const NumberInput = {
+	...NumberInput$1,
+	Root: NumberInputRoot
+};
+injectComponentStyle("number-input");
+//#endregion
+export { NumberInput };

package/dist/components/page-header/index.d.mts

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from "react";
+//#region src/components/page-header/index.d.ts
+export declare const PageHeader: {
+  ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+  displayName: string;
+} & {
+  Root: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Heading: {
+    ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Eyebrow: {
+    ({ 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/page-header/index.mjs

@@ -0,0 +1,34 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/page-header/index.tsx
+/** The page's face: an eyebrow whisper, a serif title, one line of
+* description, and the actions resting beside the title on the same
+* baseline. Heading groups title and actions; the rest compose below. */
+function part(name, tag) {
+	const Tag = tag;
+	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
+		...rest,
+		"data-scope": "page-header",
+		"data-part": name.toLowerCase(),
+		children
+	});
+	Component.displayName = "PageHeader" + name;
+	return Component;
+}
+const Root = part("Root", "header");
+const Heading = part("Heading", "div");
+const Eyebrow = part("Eyebrow", "p");
+const Title = part("Title", "h1");
+const Description = part("Description", "p");
+const Actions = part("Actions", "div");
+const PageHeader = Object.assign(Root, {
+	Root,
+	Heading,
+	Eyebrow,
+	Title,
+	Description,
+	Actions
+});
+injectComponentStyle("page-header");
+//#endregion
+export { PageHeader };

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

@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+import { Pagination as Pagination$1 } from "@ark-ui/react/pagination";
+//#region src/components/pagination/index.d.ts
+type PaginationRootProps = ComponentProps<typeof Pagination$1.Root> & {
+  /** One rung of the control-height ladder every page seal shares. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PaginationRoot({ size, ...rest }: PaginationRootProps): import("react").JSX.Element;
+/**
+ * Pagination — paged navigation.
+ *
+ * Parts: Root, Item (page seals), Ellipsis, PrevTrigger, NextTrigger,
+ * FirstTrigger, LastTrigger. Items carry data-selected.
+ */
+export declare const Pagination: Omit<typeof Pagination$1, "Root"> & {
+  Root: typeof PaginationRoot;
+};
+//#endregion

package/dist/components/pagination/index.mjs

@@ -0,0 +1,23 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { Pagination as Pagination$1 } from "@ark-ui/react/pagination";
+//#region src/components/pagination/index.tsx
+function PaginationRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(Pagination$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/**
+* Pagination — paged navigation.
+*
+* Parts: Root, Item (page seals), Ellipsis, PrevTrigger, NextTrigger,
+* FirstTrigger, LastTrigger. Items carry data-selected.
+*/
+const Pagination = {
+	...Pagination$1,
+	Root: PaginationRoot
+};
+injectComponentStyle("pagination");
+//#endregion
+export { Pagination };

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+import { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
+//#region src/components/password-input/index.d.ts
+type PasswordInputRootProps = ComponentProps<typeof PasswordInput$1.Root> & {
+  /** One rung of the control-height ladder for the field and its eye. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PasswordInputRoot({ size, ...rest }: PasswordInputRootProps): import("react").JSX.Element;
+/** Ark's PasswordInput, dressed in the paper-and-ink system: the reveal
+ * eye sits quiet at the field's edge and swaps in place — no shift, no
+ * noise. The API is Ark's own — Root, Label, Control, Input, Indicator,
+ * VisibilityTrigger. */
+export declare const PasswordInput: Omit<typeof PasswordInput$1, "Root"> & {
+  Root: typeof PasswordInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,21 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
+//#region src/components/password-input/index.tsx
+function PasswordInputRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(PasswordInput$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/** Ark's PasswordInput, dressed in the paper-and-ink system: the reveal
+* eye sits quiet at the field's edge and swaps in place — no shift, no
+* noise. The API is Ark's own — Root, Label, Control, Input, Indicator,
+* VisibilityTrigger. */
+const PasswordInput = {
+	...PasswordInput$1,
+	Root: PasswordInputRoot
+};
+injectComponentStyle("password-input");
+//#endregion
+export { PasswordInput };

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

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+import { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
+//#region src/components/pin-input/index.d.ts
+type PinInputRootProps = ComponentProps<typeof PinInput$1.Root> & {
+  /** One rung of the control-height ladder each seal stands on. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PinInputRoot({ size, ...rest }: PinInputRootProps): import("react").JSX.Element;
+/** Ark's PinInput, dressed in the paper-and-ink system: one character per
+ * square-cut seal, centered ink in tabular figures. The API is Ark's own —
+ * Root, Label, Control, Input, HiddenInput. */
+export declare const PinInput: Omit<typeof PinInput$1, "Root"> & {
+  Root: typeof PinInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,20 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
+//#region src/components/pin-input/index.tsx
+function PinInputRoot({ size = "md", ...rest }) {
+	return /* @__PURE__ */ jsx(PinInput$1.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+/** Ark's PinInput, dressed in the paper-and-ink system: one character per
+* square-cut seal, centered ink in tabular figures. The API is Ark's own —
+* Root, Label, Control, Input, HiddenInput. */
+const PinInput = {
+	...PinInput$1,
+	Root: PinInputRoot
+};
+injectComponentStyle("pin-input");
+//#endregion
+export { PinInput };