@bysages/solid 0.2.1 → 0.2.3

package/dist/components/rating-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 { RatingGroup as RatingGroup$1 } from "@ark-ui/solid/rating-group";
+//#region src/components/rating-group/index.tsx
+function RatingGroupRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(RatingGroup$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const RatingGroup = {
+	...RatingGroup$1,
+	Root: RatingGroupRoot
+};
+injectComponentStyle("rating-group");
+//#endregion
+export { RatingGroup };

package/dist/components/scroll-area/index.d.mts

@@ -0,0 +1,7 @@
+import { ScrollArea as ScrollArea$1 } from "@ark-ui/solid/scroll-area";
+//#region src/components/scroll-area/index.d.ts
+/** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
+ * give way to quiet ink lanes that surface on hover and scroll. The API
+ * is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
+export declare const ScrollArea: typeof ScrollArea$1;
+//#endregion

package/dist/components/scroll-area/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { ScrollArea as ScrollArea$1 } from "@ark-ui/solid/scroll-area";
+//#region src/components/scroll-area/index.ts
+/** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
+* give way to quiet ink lanes that surface on hover and scroll. The API
+* is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
+const ScrollArea = ScrollArea$1;
+injectComponentStyle("scroll-area");
+//#endregion
+export { ScrollArea };

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

@@ -0,0 +1,17 @@
+import { SegmentGroup as SegmentGroup$1, SegmentGroupRootProps } from "@ark-ui/solid/segment-group";
+//#region src/components/segment-group/index.d.ts
+type SegmentGroupOwnProps = {
+  /** One rung of the control-height ladder for the segments. The
+   * family keeps its compact register, so the rungs sit one notch
+   * below the global ladder - the default md rests at the small
+   * height. */
+  size?: "sm" | "md" | "lg";
+};
+declare function SegmentGroupRoot(props: SegmentGroupRootProps & SegmentGroupOwnProps): import("solid-js").JSX.Element;
+/** SegmentGroup, dressed in the paper-and-ink system: a hairline tray
+ * where one flat ink plate travels beneath the checked seal. The parts - Root, Label, Indicator, Item, ItemText, ItemControl,
+ * ItemHiddenInput. */
+export declare const SegmentGroup: Omit<typeof SegmentGroup$1, "Root"> & {
+  Root: typeof SegmentGroupRoot;
+};
+//#endregion

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

@@ -0,0 +1,23 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, splitProps } from "solid-js";
+import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/solid/segment-group";
+//#region src/components/segment-group/index.tsx
+function SegmentGroupRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(SegmentGroup$1.Root, {
+		get "data-size"() {
+			return own.size ?? "md";
+		},
+		...rest
+	});
+}
+/** SegmentGroup, dressed in the paper-and-ink system: a hairline tray
+* where one flat ink plate travels beneath the checked seal. The parts - Root, Label, Indicator, Item, ItemText, ItemControl,
+* ItemHiddenInput. */
+const SegmentGroup = {
+	...SegmentGroup$1,
+	Root: SegmentGroupRoot
+};
+injectComponentStyle("segment-group");
+//#endregion
+export { SegmentGroup };

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

@@ -0,0 +1,17 @@
+import { CollectionItem } from "@ark-ui/solid/collection";
+import { Select as Select$1, SelectRootProps } from "@ark-ui/solid/select";
+//#region src/components/select/index.d.ts
+/** Ark's Select, dressed in the paper-and-ink system: the trigger is the
+ * whole control and its list dissolves open as a paper vessel, the checked
+ * row taking the flat ink fill. The API is Ark's own — Root, Label, Control,
+ * Trigger, ValueText, Indicator, ClearTrigger, HiddenSelect, Positioner,
+ * Content, List, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
+type SelectOwnProps = {
+  /** One rung of the control-height ladder for the trigger. */
+  size?: "sm" | "md" | "lg";
+};
+declare function SelectRoot<T extends CollectionItem>(props: SelectRootProps<T> & SelectOwnProps): import("solid-js").JSX.Element;
+export declare const Select: Omit<typeof Select$1, "Root"> & {
+  Root: typeof SelectRoot;
+};
+//#endregion

package/dist/components/select/index.mjs

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

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

@@ -0,0 +1,11 @@
+import { JSX } from "solid-js";
+//#region src/components/separator/index.d.ts
+/** The paper-ink hairline as a component: a named rule between sections.
+ * Decorative separators drop the separator role, since the page reads
+ * fine without them. */
+export interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  orientation?: "horizontal" | "vertical";
+  decorative?: boolean;
+}
+export declare function Separator(props: SeparatorProps): JSX.Element;
+//#endregion

package/dist/components/separator/index.mjs

@@ -0,0 +1,29 @@
+import { injectComponentStyle } from "@bysages/core";
+import { memo, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/separator/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+function Separator(props) {
+	injectComponentStyle("separator");
+	const [own, rest] = splitProps(props, ["orientation", "decorative"]);
+	const orientation = () => own.orientation ?? "horizontal";
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get role() {
+				return own.decorative ? "none" : "separator";
+			},
+			"data-scope": "separator",
+			"data-part": "root",
+			get ["data-orientation"]() {
+				return orientation();
+			},
+			get ["aria-orientation"]() {
+				return memo(() => !!own.decorative)() ? void 0 : orientation();
+			}
+		}), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { Separator };

package/dist/components/signature-pad/index.d.mts

@@ -0,0 +1,8 @@
+import { SignaturePad as SignaturePad$1 } from "@ark-ui/solid/signature-pad";
+//#region src/components/signature-pad/index.d.ts
+/** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
+ * field with a guide hairline where ink — real ink strokes — is laid down.
+ * The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
+ * ClearTrigger, HiddenInput, Context. */
+export declare const SignaturePad: typeof SignaturePad$1;
+//#endregion

package/dist/components/signature-pad/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { SignaturePad as SignaturePad$1 } from "@ark-ui/solid/signature-pad";
+//#region src/components/signature-pad/index.ts
+/** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
+* field with a guide hairline where ink — real ink strokes — is laid down.
+* The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
+* ClearTrigger, HiddenInput, Context. */
+const SignaturePad = SignaturePad$1;
+injectComponentStyle("signature-pad");
+//#endregion
+export { SignaturePad };

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

@@ -0,0 +1,7 @@
+import { JSX } from "solid-js";
+//#region src/components/skeleton/index.d.ts
+/** A waiting sheet of unset paper. Size it from the outside; the breath
+ * is the component's own. */
+export type SkeletonProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function Skeleton(props: SkeletonProps): JSX.Element;
+//#endregion

package/dist/components/skeleton/index.mjs

@@ -0,0 +1,17 @@
+import { injectComponentStyle } from "@bysages/core";
+import { mergeProps, spread, template } from "solid-js/web";
+//#region src/components/skeleton/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+function Skeleton(props) {
+	injectComponentStyle("skeleton");
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(props, {
+			"data-scope": "skeleton",
+			"data-part": "root"
+		}), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { Skeleton };

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

@@ -0,0 +1,15 @@
+import { Slider as Slider$1, SliderRootProps } from "@ark-ui/solid/slider";
+//#region src/components/slider/index.d.ts
+/** Ark's Slider, dressed in the paper-and-ink system: a recessed track the
+ * primary ink runs along, a paper-seal thumb, and hairline tick markers.
+ * The API is Ark's own — Root, Label, ValueText, Control, Track, Range,
+ * Thumb, MarkerGroup, Marker, DraggingIndicator, HiddenInput. */
+type SliderOwnProps = {
+  /** One rung of the part-size ladder for the thumb seal. */
+  size?: "sm" | "md" | "lg";
+};
+declare function SliderRoot(props: SliderRootProps & SliderOwnProps): import("solid-js").JSX.Element;
+export declare const Slider: Omit<typeof Slider$1, "Root"> & {
+  Root: typeof SliderRoot;
+};
+//#endregion

package/dist/components/slider/index.mjs

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

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

@@ -0,0 +1,9 @@
+import { JSX } from "solid-js";
+//#region src/components/spinner/index.d.ts
+export interface SpinnerProps extends JSX.HTMLAttributes<HTMLElement> {
+  size?: "sm" | "md" | "lg";
+}
+/** A wheel of waiting: one arc of ink turning about its center. Quiet by
+ * default — it reports progress without claiming attention. */
+export declare function Spinner(props: SpinnerProps): JSX.Element;
+//#endregion

package/dist/components/spinner/index.mjs

@@ -0,0 +1,28 @@
+import { injectComponentStyle } from "@bysages/core";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/spinner/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span><svg viewBox="0 0 24 24"fill=none aria-hidden=true><circle cx=12 cy=12 r=9 stroke=currentColor stroke-opacity=0.2 stroke-width=2.5></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=2.5 stroke-linecap=round>`);
+/** A wheel of waiting: one arc of ink turning about its center. Quiet by
+* default — it reports progress without claiming attention. */
+function Spinner(props) {
+	injectComponentStyle("spinner");
+	const [own, rest] = splitProps(props, ["size"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"role": "status",
+			get ["aria-label"]() {
+				return rest["aria-label"] ?? "Loading";
+			},
+			"data-scope": "spinner",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "md";
+			}
+		}), false, true);
+		return _el$;
+	})();
+}
+//#endregion
+export { Spinner };

package/dist/components/split-button/index.d.mts

@@ -0,0 +1,36 @@
+import { JSX } from "solid-js";
+//#region src/components/split-button/index.d.ts
+export interface SplitButtonEntry {
+  label: string;
+  /** Handed back with `onSelect` when the entry is chosen. */
+  value: string;
+  danger?: boolean;
+  disabled?: boolean;
+}
+export interface SplitButtonProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onClick" | "onSelect"> {
+  /** The main action's label. */
+  label: string;
+  /** The dropdown's entries. */
+  items?: SplitButtonEntry[];
+  /** How both halves rest; the arrow always reads as one control with
+   * the main button. */
+  variant?: "solid" | "outline" | "ghost" | "subtle";
+  tone?: "ink" | "info" | "success" | "warning" | "danger";
+  size?: "sm" | "md" | "lg";
+  disabled?: boolean;
+  /** The main button was pressed. */
+  onClick?: (event: MouseEvent) => void;
+  /** An entry was chosen; carries its `value`. */
+  onSelect?: (value: string) => void;
+}
+/**
+ * A primary action with its alternatives one seam away: the main button
+ * fires `onClick`, the fitted arrow opens a paper vessel of the same
+ * register whose entries call `onSelect` with their value. The arrow is
+ * the menu machine's trigger with the button recipe riding over it —
+ * the machine keeps the element (positioning, focus, `data-state`), the
+ * button stylesheet's trigger register dresses it. The popup keeps the
+ * menu parts untouched.
+ */
+export declare function SplitButton(props: SplitButtonProps): JSX.Element;
+//#endregion

package/dist/components/split-button/index.mjs

@@ -0,0 +1,123 @@
+import { Button } from "../button/index.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { For, splitProps } from "solid-js";
+import { Menu } from "@ark-ui/solid/menu";
+//#region src/components/split-button/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<button>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.75 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m6 9 6 6 6-6">`);
+/**
+* A primary action with its alternatives one seam away: the main button
+* fires `onClick`, the fitted arrow opens a paper vessel of the same
+* register whose entries call `onSelect` with their value. The arrow is
+* the menu machine's trigger with the button recipe riding over it —
+* the machine keeps the element (positioning, focus, `data-state`), the
+* button stylesheet's trigger register dresses it. The popup keeps the
+* menu parts untouched.
+*/
+function SplitButton(props) {
+	injectComponentStyle("split-button");
+	injectComponentStyle("menu");
+	const [own, rest] = splitProps(props, [
+		"label",
+		"items",
+		"variant",
+		"tone",
+		"size",
+		"disabled",
+		"onClick",
+		"onSelect",
+		"children"
+	]);
+	const variant = () => own.variant ?? "solid";
+	const tone = () => own.tone ?? "ink";
+	const size = () => own.size ?? "md";
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "split-button",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Button, {
+			get variant() {
+				return variant();
+			},
+			get tone() {
+				return tone();
+			},
+			get size() {
+				return size();
+			},
+			get disabled() {
+				return own.disabled;
+			},
+			onClick: (event) => own.onClick?.(event),
+			get children() {
+				return own.label;
+			}
+		}), null);
+		insert(_el$, createComponent(Menu.Root, {
+			positioning: { placement: "bottom-end" },
+			get children() {
+				return [createComponent(Menu.Trigger, { asChild: (propsFn) => (() => {
+					var _el$2 = _tmpl$2();
+					spread(_el$2, mergeProps(propsFn, {
+						"type": "button",
+						get disabled() {
+							return own.disabled;
+						},
+						"aria-label": "More actions",
+						get ["data-variant"]() {
+							return variant();
+						},
+						get ["data-tone"]() {
+							return tone();
+						},
+						get ["data-size"]() {
+							return size();
+						},
+						"data-square": "true",
+						"data-motion": "ink-ripple lit"
+					}), false, true);
+					insert(_el$2, chevronDown);
+					return _el$2;
+				})() }), createComponent(Portal, { get children() {
+					return createComponent(Menu.Positioner, { get children() {
+						return createComponent(Menu.Content, { get children() {
+							return createComponent(For, {
+								get each() {
+									return own.items ?? [];
+								},
+								children: (entry) => createComponent(Menu.Item, {
+									get value() {
+										return entry.value;
+									},
+									get disabled() {
+										return entry.disabled;
+									},
+									get ["data-danger"]() {
+										return entry.danger ? "" : void 0;
+									},
+									onSelect: () => own.onSelect?.(entry.value),
+									get children() {
+										return createComponent(Menu.ItemText, { get children() {
+											return entry.label;
+										} });
+									}
+								})
+							});
+						} });
+					} });
+				} })];
+			}
+		}), null);
+		return _el$;
+	})();
+}
+/** One stroke pointing down: all a fitted dropdown arrow needs. */
+function chevronDown() {
+	return _tmpl$3();
+}
+//#endregion
+export { SplitButton };

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

@@ -0,0 +1,7 @@
+import { Splitter as Splitter$1 } from "@ark-ui/solid/splitter";
+//#region src/components/splitter/index.d.ts
+/** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
+ * a hairline and a small paper-seal thumb answers the hand. The API is
+ * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
+export declare const Splitter: typeof Splitter$1;
+//#endregion

package/dist/components/splitter/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Splitter as Splitter$1 } from "@ark-ui/solid/splitter";
+//#region src/components/splitter/index.ts
+/** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
+* a hairline and a small paper-seal thumb answers the hand. The API is
+* Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
+const Splitter = Splitter$1;
+injectComponentStyle("splitter");
+//#endregion
+export { Splitter };

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

@@ -0,0 +1,11 @@
+import { JSX } from "solid-js";
+//#region src/components/stack/index.d.ts
+export interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  direction?: "column" | "row";
+  gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+  wrap?: boolean;
+  align?: string;
+  justify?: string;
+}
+export declare function Stack(props: StackProps): JSX.Element;
+//#endregion

package/dist/components/stack/index.mjs

@@ -0,0 +1,47 @@
+import { injectComponentStyle } from "@bysages/core";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/stack/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+/** Whitespace chosen by name: the named steps point at the space ramp so
+* siblings are held apart by one token, never by ad-hoc margins. */
+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 Stack(props) {
+	injectComponentStyle("stack");
+	const [own, rest] = splitProps(props, [
+		"direction",
+		"gap",
+		"wrap",
+		"align",
+		"justify"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get style() {
+				return {
+					...rest.style,
+					"--bs-stack-gap": gapVars[own.gap ?? "md"] ?? gapVars.md,
+					"align-items": own.align,
+					"justify-content": own.justify,
+					"flex-wrap": own.wrap ? "wrap" : void 0
+				};
+			},
+			"data-scope": "stack",
+			"data-part": "root",
+			get ["data-direction"]() {
+				return own.direction ?? "column";
+			}
+		}), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { Stack };

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

@@ -0,0 +1,17 @@
+import { JSX } from "solid-js";
+//#region src/components/stat/index.d.ts
+export interface StatDeltaProps extends JSX.HTMLAttributes<HTMLElement> {
+  direction?: "up" | "down" | "flat";
+  "data-direction"?: string;
+}
+/** The delta reads the direction in the fixed semantic pigments; an
+ * explicit `data-direction` attribute on the consumer side still wins. */
+declare function Delta(props: StatDeltaProps): JSX.Element;
+export declare const Stat: ((props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element) & {
+  Root: (props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Label: (props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Value: (props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Delta: typeof Delta;
+  Description: (props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+};
+//#endregion

package/dist/components/stat/index.mjs

@@ -0,0 +1,46 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/stat/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+function part(name, tag) {
+	function Component(props) {
+		return createComponent(tag, mergeProps(props, {
+			"data-scope": "stat",
+			get ["data-part"]() {
+				return name.toLowerCase();
+			}
+		}));
+	}
+	return Component;
+}
+const Root = part("Root", "div");
+const Label = part("Label", "p");
+const Value = part("Value", "div");
+const Description = part("Description", "p");
+/** The delta reads the direction in the fixed semantic pigments; an
+* explicit `data-direction` attribute on the consumer side still wins. */
+function Delta(props) {
+	const [own, rest] = splitProps(props, ["direction"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "stat",
+			"data-part": "delta",
+			get ["data-direction"]() {
+				return rest["data-direction"] ?? own.direction ?? "flat";
+			}
+		}), false, false);
+		return _el$;
+	})();
+}
+const Stat = Object.assign(Root, {
+	Root,
+	Label,
+	Value,
+	Delta,
+	Description
+});
+injectComponentStyle("stat");
+//#endregion
+export { Stat };

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

@@ -0,0 +1,18 @@
+import { Steps as Steps$1, StepsRootProps } from "@ark-ui/solid/steps";
+//#region src/components/steps/index.d.ts
+/**
+ * Steps — linear progress through a sequence.
+ *
+ * Parts: Root, List, Item, Trigger, Indicator, Separator, Content,
+ * PrevTrigger, NextTrigger, Progress. Indicator and Separator carry
+ * data-complete / data-current / data-incomplete.
+ */
+type StepsOwnProps = {
+  /** One rung of the control-height ladder every indicator stands on. */
+  size?: "sm" | "md" | "lg";
+};
+declare function StepsRoot(props: StepsRootProps & StepsOwnProps): import("solid-js").JSX.Element;
+export declare const Steps: Omit<typeof Steps$1, "Root"> & {
+  Root: typeof StepsRoot;
+};
+//#endregion

package/dist/components/steps/index.mjs

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

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

@@ -0,0 +1,8 @@
+import { Swap as Swap$1 } from "@ark-ui/solid/swap";
+//#region src/components/swap/index.d.ts
+/** Ark's Swap, dressed in the paper-and-ink system: two impressions
+ * occupying one seal, the arriving one growing into place on the spring
+ * while the departing one shrinks away. The API is Ark's own — Root,
+ * Indicator (type="on" | "off"), RootProvider. */
+export declare const Swap: typeof Swap$1;
+//#endregion

package/dist/components/swap/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Swap as Swap$1 } from "@ark-ui/solid/swap";
+//#region src/components/swap/index.ts
+/** Ark's Swap, dressed in the paper-and-ink system: two impressions
+* occupying one seal, the arriving one growing into place on the spring
+* while the departing one shrinks away. The API is Ark's own — Root,
+* Indicator (type="on" | "off"), RootProvider. */
+const Swap = Swap$1;
+injectComponentStyle("swap");
+//#endregion
+export { Swap };