@bysages/solid 0.2.2 → 0.2.3

package/dist/components/meter/index.mjs

@@ -0,0 +1,95 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/meter/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span><span data-scope=meter data-part=range>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+function part(name, tag) {
+	function Component(props) {
+		return createComponent(tag, mergeProps(props, {
+			"data-scope": "meter",
+			get ["data-part"]() {
+				return name.toLowerCase();
+			}
+		}));
+	}
+	return Component;
+}
+const Label = part("Label", "span");
+const ValueText = part("ValueText", "span");
+const Track = (props) => (() => {
+	var _el$ = _tmpl$();
+	spread(_el$, mergeProps(props, {
+		"data-scope": "meter",
+		"data-part": "track"
+	}), false, true);
+	return _el$;
+})();
+function Root(props) {
+	const [own, rest] = splitProps(props, [
+		"value",
+		"min",
+		"max",
+		"level",
+		"label",
+		"size"
+	]);
+	const min = () => own.min ?? 0;
+	const max = () => own.max ?? 100;
+	const ratio = () => {
+		const span = max() - min();
+		return span > 0 ? Math.min(Math.max((own.value - min()) / span, 0), 1) : 0;
+	};
+	const level = () => own.level ?? "normal";
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps(rest, {
+			"role": "meter",
+			get ["aria-valuemin"]() {
+				return min();
+			},
+			get ["aria-valuemax"]() {
+				return max();
+			},
+			get ["aria-valuenow"]() {
+				return own.value;
+			},
+			get ["aria-label"]() {
+				return own.label ?? rest["aria-label"];
+			},
+			"data-scope": "meter",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "md";
+			},
+			get ["data-level"]() {
+				return memo(() => level() !== "normal")() ? level() : void 0;
+			},
+			get style() {
+				return {
+					...rest.style,
+					"--_percent": `${ratio() * 100}%`
+				};
+			}
+		}), false, true);
+		insert(_el$2, () => rest.children ?? [
+			createComponent(Label, { get children() {
+				return own.label;
+			} }),
+			createComponent(ValueText, { get children() {
+				return `${Math.round(ratio() * 100)}%`;
+			} }),
+			createComponent(Track, {})
+		]);
+		return _el$2;
+	})();
+}
+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/solid/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/solid/navigation-menu";
+//#region src/components/navigation-menu/index.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. */
+const NavigationMenu = NavigationMenu$1;
+injectComponentStyle("navigation-menu");
+//#endregion
+export { NavigationMenu };

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

@@ -0,0 +1,15 @@
+import { NumberInput as NumberInput$1, NumberInputRootProps } from "@ark-ui/solid/number-input";
+//#region src/components/number-input/index.d.ts
+/** 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. */
+type NumberInputOwnProps = {
+  /** One rung of the control-height ladder for the field and its stepper. */
+  size?: "sm" | "md" | "lg";
+};
+declare function NumberInputRoot(props: NumberInputRootProps & NumberInputOwnProps): import("solid-js").JSX.Element;
+export declare const NumberInput: Omit<typeof NumberInput$1, "Root"> & {
+  Root: typeof NumberInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { NumberInput as NumberInput$1 } from "@ark-ui/solid/number-input";
+//#region src/components/number-input/index.tsx
+function NumberInputRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(NumberInput$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const NumberInput = {
+	...NumberInput$1,
+	Root: NumberInputRoot
+};
+injectComponentStyle("number-input");
+//#endregion
+export { NumberInput };

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

@@ -0,0 +1,11 @@
+import { JSX } from "solid-js";
+//#region src/components/page-header/index.d.ts
+export declare const PageHeader: ((props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element) & {
+  Root: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+  Heading: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+  Eyebrow: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+  Title: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+  Description: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+  Actions: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
+};
+//#endregion

package/dist/components/page-header/index.mjs

@@ -0,0 +1,34 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+//#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, extra = {}) {
+	function Component(props) {
+		return createComponent(tag, mergeProps(extra, props, {
+			"data-scope": "page-header",
+			get ["data-part"]() {
+				return name.toLowerCase();
+			}
+		}));
+	}
+	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,17 @@
+import { Pagination as Pagination$1, PaginationRootProps } from "@ark-ui/solid/pagination";
+//#region src/components/pagination/index.d.ts
+/**
+ * Pagination — paged navigation.
+ *
+ * Parts: Root, Item (page seals), Ellipsis, PrevTrigger, NextTrigger,
+ * FirstTrigger, LastTrigger. Items carry data-selected.
+ */
+type PaginationOwnProps = {
+  /** One rung of the control-height ladder every page seal shares. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PaginationRoot(props: PaginationRootProps & PaginationOwnProps): import("solid-js").JSX.Element;
+export declare const Pagination: Omit<typeof Pagination$1, "Root"> & {
+  Root: typeof PaginationRoot;
+};
+//#endregion

package/dist/components/pagination/index.mjs

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Pagination as Pagination$1 } from "@ark-ui/solid/pagination";
+//#region src/components/pagination/index.tsx
+function PaginationRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(Pagination$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const Pagination = {
+	...Pagination$1,
+	Root: PaginationRoot
+};
+injectComponentStyle("pagination");
+//#endregion
+export { Pagination };

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

@@ -0,0 +1,15 @@
+import { PasswordInput as PasswordInput$1, PasswordInputRootProps } from "@ark-ui/solid/password-input";
+//#region src/components/password-input/index.d.ts
+/** 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. */
+type PasswordInputOwnProps = {
+  /** One rung of the control-height ladder for the field and its eye. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PasswordInputRoot(props: PasswordInputRootProps & PasswordInputOwnProps): import("solid-js").JSX.Element;
+export declare const PasswordInput: Omit<typeof PasswordInput$1, "Root"> & {
+  Root: typeof PasswordInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { PasswordInput as PasswordInput$1 } from "@ark-ui/solid/password-input";
+//#region src/components/password-input/index.tsx
+function PasswordInputRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(PasswordInput$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const PasswordInput = {
+	...PasswordInput$1,
+	Root: PasswordInputRoot
+};
+injectComponentStyle("password-input");
+//#endregion
+export { PasswordInput };

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

@@ -0,0 +1,14 @@
+import { PinInput as PinInput$1, PinInputRootProps } from "@ark-ui/solid/pin-input";
+//#region src/components/pin-input/index.d.ts
+/** 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. */
+type PinInputOwnProps = {
+  /** One rung of the control-height ladder each seal stands on. */
+  size?: "sm" | "md" | "lg";
+};
+declare function PinInputRoot(props: PinInputRootProps & PinInputOwnProps): import("solid-js").JSX.Element;
+export declare const PinInput: Omit<typeof PinInput$1, "Root"> & {
+  Root: typeof PinInputRoot;
+};
+//#endregion

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

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { PinInput as PinInput$1 } from "@ark-ui/solid/pin-input";
+//#region src/components/pin-input/index.tsx
+function PinInputRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(PinInput$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const PinInput = {
+	...PinInput$1,
+	Root: PinInputRoot
+};
+injectComponentStyle("pin-input");
+//#endregion
+export { PinInput };

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

@@ -0,0 +1,17 @@
+import { JSX } from "solid-js";
+//#region src/components/popconfirm/index.d.ts
+export interface PopconfirmProps extends JSX.HTMLAttributes<HTMLButtonElement> {
+  /** The question the reader is answering. */
+  message: string;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm?: () => void;
+  onCancel?: () => void;
+}
+/** A question at the point of no return: the trigger opens a small
+ * anchored vessel carrying the message and two answers. Confirmation
+ * and cancellation are the caller's to act on — the panel closes
+ * either way. The children are the trigger's content, riding the
+ * machine-driven trigger button. */
+export declare function Popconfirm(props: PopconfirmProps): JSX.Element;
+//#endregion

package/dist/components/popconfirm/index.mjs

@@ -0,0 +1,78 @@
+import { Button } from "../button/index.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { createSignal, splitProps } from "solid-js";
+import { Popover } from "@ark-ui/solid/popover";
+//#region src/components/popconfirm/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p data-part=message>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-part=actions>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<button>`);
+/** A question at the point of no return: the trigger opens a small
+* anchored vessel carrying the message and two answers. Confirmation
+* and cancellation are the caller's to act on — the panel closes
+* either way. The children are the trigger's content, riding the
+* machine-driven trigger button. */
+function Popconfirm(props) {
+	injectComponentStyle("popconfirm");
+	const [own, rest] = splitProps(props, [
+		"message",
+		"confirmText",
+		"cancelText",
+		"onConfirm",
+		"onCancel",
+		"children"
+	]);
+	const [open, setOpen] = createSignal(false);
+	function settle(confirmed) {
+		setOpen(false);
+		(confirmed ? own.onConfirm : own.onCancel)?.();
+	}
+	return createComponent(Popover.Root, {
+		get open() {
+			return open();
+		},
+		onOpenChange: (details) => setOpen(details.open),
+		positioning: { placement: "top" },
+		get children() {
+			return [createComponent(Popover.Trigger, { asChild: (propsFn) => (() => {
+				var _el$3 = _tmpl$3();
+				spread(_el$3, mergeProps(propsFn, rest), false, true);
+				insert(_el$3, () => own.children);
+				return _el$3;
+			})() }), createComponent(Portal, { get children() {
+				return createComponent(Popover.Positioner, { get children() {
+					return createComponent(Popover.Content, {
+						"class": "bs-popconfirm",
+						get children() {
+							return [(() => {
+								var _el$ = _tmpl$();
+								insert(_el$, () => own.message);
+								return _el$;
+							})(), (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, createComponent(Button, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => settle(false),
+									get children() {
+										return own.cancelText ?? "Cancel";
+									}
+								}), null);
+								insert(_el$2, createComponent(Button, {
+									size: "sm",
+									onClick: () => settle(true),
+									get children() {
+										return own.confirmText ?? "Confirm";
+									}
+								}), null);
+								return _el$2;
+							})()];
+						}
+					});
+				} });
+			} })];
+		}
+	});
+}
+//#endregion
+export { Popconfirm };

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

@@ -0,0 +1,8 @@
+import { Popover as Popover$1 } from "@ark-ui/solid/popover";
+//#region src/components/popover/index.d.ts
+/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
+ * dissolves in on elevation, anchored to its trigger by a whisker arrow. The
+ * API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
+ * Title, Description, CloseTrigger, Arrow, ArrowTip. */
+export declare const Popover: typeof Popover$1;
+//#endregion

package/dist/components/popover/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Popover as Popover$1 } from "@ark-ui/solid/popover";
+//#region src/components/popover/index.ts
+/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
+* dissolves in on elevation, anchored to its trigger by a whisker arrow. The
+* API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
+* Title, Description, CloseTrigger, Arrow, ArrowTip. */
+const Popover = Popover$1;
+injectComponentStyle("popover");
+//#endregion
+export { Popover };

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

@@ -0,0 +1,2 @@
+import { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext } from "@ark-ui/solid/presence";
+export { Presence, type PresenceProps, PresenceProvider, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, usePresence, usePresenceContext };

package/dist/components/presence/index.mjs

@@ -0,0 +1,2 @@
+import { Presence, PresenceProvider, usePresence, usePresenceContext } from "@ark-ui/solid/presence";
+export { Presence, PresenceProvider, usePresence, usePresenceContext };

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

@@ -0,0 +1,15 @@
+import { Progress as Progress$1, ProgressRootProps } from "@ark-ui/solid/progress";
+//#region src/components/progress/index.d.ts
+/** Ark's Progress, dressed in the paper-and-ink system: a quiet hairline
+ * groove that the primary ink fills at the machine's pace. The API is
+ * Ark's own — Root, Label, ValueText, Track, Range, View, Circle,
+ * CircleTrack, CircleRange. */
+type ProgressOwnProps = {
+  /** One rung of the groove ladder — the track's thickness. */
+  size?: "sm" | "md" | "lg";
+};
+declare function ProgressRoot(props: ProgressRootProps & ProgressOwnProps): import("solid-js").JSX.Element;
+export declare const Progress: Omit<typeof Progress$1, "Root"> & {
+  Root: typeof ProgressRoot;
+};
+//#endregion

package/dist/components/progress/index.mjs

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Progress as Progress$1 } from "@ark-ui/solid/progress";
+//#region src/components/progress/index.tsx
+function ProgressRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(Progress$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const Progress = {
+	...Progress$1,
+	Root: ProgressRoot
+};
+injectComponentStyle("progress");
+//#endregion
+export { Progress };

package/dist/components/progress-group/index.d.mts

@@ -0,0 +1,22 @@
+import { JSX } from "solid-js";
+//#region src/components/progress-group/index.d.ts
+/** One verdict on the bar. */
+export interface ProgressSegment {
+  value: number;
+  label?: string;
+  pigment?: "primary" | "success" | "warning" | "danger" | "info";
+}
+/**
+ * One bar, several verdicts: the segments stand shoulder to shoulder,
+ * each as wide as its share of the whole and speaking its own pigment;
+ * the legend reads them back beneath (swatch, label, value) unless the
+ * caller declines it. The whole is the sum of the parts unless the
+ * caller brings a larger one — the remainder then shows as groove.
+ */
+export interface ProgressGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  segments: ProgressSegment[];
+  max?: number;
+  showLegend?: boolean;
+}
+export declare function ProgressGroup(props: ProgressGroupProps): JSX.Element;
+//#endregion

package/dist/components/progress-group/index.mjs

@@ -0,0 +1,77 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, effect, insert, mergeProps, setAttribute, setStyleProperty, spread, template } from "solid-js/web";
+import { For, Show, splitProps } from "solid-js";
+//#region src/components/progress-group/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=legend>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><div data-scope=progress-group data-part=track>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=segment role=progressbar aria-valuemin=0>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=legend-item><span data-scope=progress-group data-part=swatch aria-hidden=true></span><span data-scope=progress-group data-part=legend-label></span><span data-scope=progress-group data-part=legend-value>`);
+function ProgressGroup(props) {
+	injectComponentStyle("progress-group");
+	const [own, rest] = splitProps(props, [
+		"segments",
+		"max",
+		"showLegend"
+	]);
+	const total = () => own.max ?? own.segments.reduce((sum, segment) => sum + segment.value, 0);
+	const share = (value) => {
+		const whole = total();
+		return whole > 0 ? `${value / whole * 100}%` : "0%";
+	};
+	const nameOf = (segment, index) => segment.label ?? segment.pigment ?? `Segment ${index + 1}`;
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "progress-group",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return own.segments;
+			},
+			children: (segment, index) => (() => {
+				var _el$4 = _tmpl$3();
+				effect((_p$) => {
+					var _v$ = segment.pigment, _v$2 = segment.value, _v$3 = total(), _v$4 = nameOf(segment, index()), _v$5 = share(segment.value);
+					_v$ !== _p$.e && setAttribute(_el$4, "data-pigment", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$4, "aria-valuenow", _p$.t = _v$2);
+					_v$3 !== _p$.a && setAttribute(_el$4, "aria-valuemax", _p$.a = _v$3);
+					_v$4 !== _p$.o && setAttribute(_el$4, "aria-label", _p$.o = _v$4);
+					_v$5 !== _p$.i && setStyleProperty(_el$4, "inline-size", _p$.i = _v$5);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0
+				});
+				return _el$4;
+			})()
+		}));
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return own.showLegend ?? true;
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, createComponent(For, {
+					get each() {
+						return own.segments;
+					},
+					children: (segment, index) => (() => {
+						var _el$5 = _tmpl$4(), _el$7 = _el$5.firstChild.nextSibling, _el$8 = _el$7.nextSibling;
+						insert(_el$7, () => nameOf(segment, index()));
+						insert(_el$8, () => String(segment.value));
+						effect(() => setAttribute(_el$5, "data-pigment", segment.pigment));
+						return _el$5;
+					})()
+				}));
+				return _el$3;
+			}
+		}), null);
+		return _el$;
+	})();
+}
+//#endregion
+export { ProgressGroup };

package/dist/components/qr-code/index.d.mts

@@ -0,0 +1,8 @@
+import { QrCode as QrCode$1 } from "@ark-ui/solid/qr-code";
+//#region src/components/qr-code/index.d.ts
+/** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
+ * ink on the page, with an optional paper badge and a seal-cut download
+ * control. The API is Ark's own — Root, Frame, Pattern, Overlay,
+ * DownloadTrigger. */
+export declare const QrCode: typeof QrCode$1;
+//#endregion

package/dist/components/qr-code/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { QrCode as QrCode$1 } from "@ark-ui/solid/qr-code";
+//#region src/components/qr-code/index.ts
+/** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
+* ink on the page, with an optional paper badge and a seal-cut download
+* control. The API is Ark's own — Root, Frame, Pattern, Overlay,
+* DownloadTrigger. */
+const QrCode = QrCode$1;
+injectComponentStyle("qr-code");
+//#endregion
+export { QrCode };

package/dist/components/radio-group/index.d.mts

@@ -0,0 +1,15 @@
+import { RadioGroup as RadioGroup$1, RadioGroupRootProps } from "@ark-ui/solid/radio-group";
+//#region src/components/radio-group/index.d.ts
+/** Ark's RadioGroup, dressed in the paper-and-ink system: a column of
+ * full-circle seals that fill flat with primary ink when chosen, the dot
+ * punched through as paper. The API is Ark's own — Root, Label, Item,
+ * ItemText, ItemControl, Indicator, ItemHiddenInput. */
+type RadioGroupOwnProps = {
+  /** One rung for the dial; the chosen dot rides it. */
+  size?: "sm" | "md" | "lg";
+};
+declare function RadioGroupRoot(props: RadioGroupRootProps & RadioGroupOwnProps): import("solid-js").JSX.Element;
+export declare const RadioGroup: Omit<typeof RadioGroup$1, "Root"> & {
+  Root: typeof RadioGroupRoot;
+};
+//#endregion

package/dist/components/radio-group/index.mjs

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { RadioGroup as RadioGroup$1 } from "@ark-ui/solid/radio-group";
+//#region src/components/radio-group/index.tsx
+function RadioGroupRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(RadioGroup$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const RadioGroup = {
+	...RadioGroup$1,
+	Root: RadioGroupRoot
+};
+injectComponentStyle("radio-group");
+//#endregion
+export { RadioGroup };

package/dist/components/rating-group/index.d.mts

@@ -0,0 +1,15 @@
+import { RatingGroup as RatingGroup$1, RatingGroupRootProps } from "@ark-ui/solid/rating-group";
+//#region src/components/rating-group/index.d.ts
+/** Ark's RatingGroup, dressed in the paper-and-ink system: a row of quiet
+ * seals whose glyphs take the primary pigment as they light up. The API is
+ * Ark's own — Root, Label, Control, Item, HiddenInput (plus the Context and
+ * ItemContext render helpers). */
+type RatingGroupOwnProps = {
+  /** One rung of the control-height ladder every seal stands on. */
+  size?: "sm" | "md" | "lg";
+};
+declare function RatingGroupRoot(props: RatingGroupRootProps & RatingGroupOwnProps): import("solid-js").JSX.Element;
+export declare const RatingGroup: Omit<typeof RatingGroup$1, "Root"> & {
+  Root: typeof RatingGroupRoot;
+};
+//#endregion