@bysages/svelte 0.2.2 → 0.3.0

package/dist/grid-DNgTWYSL.mjs

@@ -0,0 +1,54 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/grid/Grid.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"columns",
+	"gap",
+	"minChildWidth",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function Grid$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("grid");
+	/** 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)"
+	};
+	let columns = $.prop($$props, "columns", 3, 12), gap = $.prop($$props, "gap", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	const gapValue = $.derived(() => gapVars[gap()] ?? gapVars.md);
+	var div = root();
+	$.attribute_effect(div, ($0) => ({
+		...rest,
+		"data-scope": "grid",
+		"data-part": "root",
+		"data-autofill": $$props.minChildWidth != null ? "" : void 0,
+		[$.STYLE]: {
+			"--bs-grid-columns": $0,
+			"--bs-grid-gap": $.get(gapValue),
+			"--bs-grid-min-child-width": $$props.minChildWidth
+		}
+	}), [() => String(columns())]);
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/grid/index.ts
+/** An alignment lattice: tracks of equal measure, sized by column count
+* — or, with `minChildWidth`, as many tracks as the container fits. */
+const Grid = Grid$1;
+//#endregion
+export { Grid as t };

package/dist/icon-D7AeDq0M.mjs

@@ -0,0 +1,63 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { getIcon } from "@bysages/core/icons";
+//#region src/components/icon/Icon.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"label",
+	"glyph",
+	"name",
+	"children"
+]);
+var root = $.from_svg(`<svg fill="currentColor" aria-hidden="true"></svg>`);
+var root_1 = $.from_html(`<span><!></span>`);
+function Icon$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("icon");
+	let size = $.prop($$props, "size", 3, "inherit"), rest = $.rest_props($$props, rest_excludes);
+	const resolved = $$props.glyph ?? ($$props.name && $$props.children == null ? getIcon($$props.name) : void 0);
+	if ($$props.name && $$props.children == null && $$props.glyph == null && !resolved) console.error(`[icons] unknown icon name "${$$props.name}" — not in the wrappers' whitelist; import the glyph from @bysages/icons and pass it as glyph`);
+	var span = root_1();
+	$.attribute_effect(span, () => ({
+		...rest,
+		role: $$props.label != null ? "img" : void 0,
+		"aria-label": $$props.label,
+		"aria-hidden": $$props.label != null ? void 0 : "true",
+		"data-scope": "icon",
+		"data-part": "root",
+		"data-size": size()
+	}));
+	var node = $.child(span);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children);
+		$.append($$anchor, fragment);
+	};
+	var consequent_1 = ($$anchor) => {
+		var svg = root();
+		$.html(svg, () => resolved.body, true);
+		$.reset(svg);
+		$.template_effect(() => $.set_attribute(svg, "viewBox", `0 0 ${resolved.width ?? 24 ?? ""} ${resolved.height ?? 24 ?? ""}`));
+		$.append($$anchor, svg);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else if (resolved) $$render(consequent_1, 1);
+	});
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/icon/index.ts
+/** The inkwell: a standard box that keeps any inline svg at its optical
+* measure and in the text's own ink — the icon carries no pigment and
+* no size of its own. Bring the glyph; it ships no set. */
+const Icon = Icon$1;
+//#endregion
+export { Icon as t };

package/dist/image-1Lgj8xhS.mjs

@@ -0,0 +1,81 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/image/Image.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"src",
+	"alt",
+	"fit",
+	"loading",
+	"fallback"
+]);
+var root = $.from_svg(`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="1.5"></rect><circle cx="9" cy="10" r="1.5"></circle><path d="m5.5 17.5 4.5-5 3 3.5 2.5-3 3 4.5"></path></svg>`);
+var root_1 = $.from_html(`<div data-scope="image" data-part="fallback"><!></div>`);
+var root_2 = $.from_html(`<figure><img data-scope="image" data-part="img" decoding="async"/> <!></figure>`);
+function Image$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("image");
+	let alt = $.prop($$props, "alt", 3, ""), fit = $.prop($$props, "fit", 3, "cover"), loading = $.prop($$props, "loading", 3, "lazy"), rest = $.rest_props($$props, rest_excludes);
+	let state = $.state("loading");
+	$.user_effect(() => {
+		$$props.src;
+		$.set(state, "loading");
+	});
+	var figure = root_2();
+	$.attribute_effect(figure, () => ({
+		...rest,
+		"data-scope": "image",
+		"data-part": "root",
+		"data-state": $.get(state),
+		"data-fit": fit()
+	}));
+	var img = $.child(figure);
+	var node = $.sibling(img, 2);
+	var consequent_1 = ($$anchor) => {
+		var div = root_1();
+		var node_1 = $.child(div);
+		var consequent = ($$anchor) => {
+			var fragment = $.comment();
+			var node_2 = $.first_child(fragment);
+			$.snippet(node_2, () => $$props.fallback);
+			$.append($$anchor, fragment);
+		};
+		var alternate = ($$anchor) => {
+			var svg = root();
+			$.append($$anchor, svg);
+		};
+		$.if(node_1, ($$render) => {
+			if ($$props.fallback) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		$.reset(div);
+		$.append($$anchor, div);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(state) === "error") $$render(consequent_1);
+	});
+	$.reset(figure);
+	$.template_effect(() => {
+		$.set_attribute(img, "src", $$props.src);
+		$.set_attribute(img, "alt", alt());
+		$.set_attribute(img, "loading", loading());
+	});
+	$.event("load", img, () => $.set(state, "loaded"));
+	$.event("error", img, () => $.set(state, "error"));
+	$.replay_events(img);
+	$.append($$anchor, figure);
+	$.pop();
+}
+//#endregion
+//#region src/components/image/index.ts
+/** A framed picture: while the source loads, the frame keeps the
+* skeleton's breath; the picture dissolves in when it lands; a broken
+* source leaves the fallback snippet — or the placeholder glyph when
+* the caller has nothing local to say. The frame's size is the
+* consumer's to give. */
+const Image = Image$1;
+//#endregion
+export { Image as t };

package/dist/image-viewer-Dv3_Iyu8.mjs

@@ -0,0 +1,186 @@
+import { t as Button } from "./button-BCcX7lHq.mjs";
+import { t as ButtonGroup } from "./button-group-CVLqPMlR.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Portal } from "@ark-ui/svelte/portal";
+import { Dialog } from "@ark-ui/svelte/dialog";
+//#region src/components/image-viewer/ImageViewer.svelte
+const tool = ($$anchor, label = $.noop, onclick = $.noop, glyph = $.noop) => {
+	Button($$anchor, {
+		variant: "ghost",
+		square: true,
+		size: "lg",
+		get "aria-label"() {
+			return label();
+		},
+		get onclick() {
+			return onclick();
+		},
+		children: ($$anchor, $$slotProps) => {
+			var svg = root();
+			var node = $.child(svg);
+			$.snippet(node, glyph);
+			$.reset(svg);
+			$.append($$anchor, svg);
+		},
+		$$slots: { default: true }
+	});
+};
+const zoomIn = ($$anchor) => {
+	var fragment_1 = root_1();
+	$.next(3);
+	$.append($$anchor, fragment_1);
+};
+const zoomOut = ($$anchor) => {
+	var fragment_2 = root_2();
+	$.next(2);
+	$.append($$anchor, fragment_2);
+};
+const turnGlyph = ($$anchor) => {
+	var fragment_3 = root_3();
+	$.next();
+	$.append($$anchor, fragment_3);
+};
+const closeGlyph = ($$anchor) => {
+	var fragment_4 = root_4();
+	$.next();
+	$.append($$anchor, fragment_4);
+};
+var root = $.from_svg(`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><!></svg>`);
+var root_1 = $.from_svg(`<circle cx="11" cy="11" r="7"></circle><path d="m16.2 16.2 4.8 4.8"></path><path d="M8 11h6"></path><path d="M11 8v6"></path>`, 1);
+var root_2 = $.from_svg(`<circle cx="11" cy="11" r="7"></circle><path d="m16.2 16.2 4.8 4.8"></path><path d="M8 11h6"></path>`, 1);
+var root_3 = $.from_svg(`<path d="M20.49 12A8.5 8.5 0 1 1 18 6.06"></path><path d="M20.5 3.5v4h-4"></path>`, 1);
+var root_4 = $.from_svg(`<path d="m6 6 12 12"></path><path d="M18 6 6 18"></path>`, 1);
+var root_5 = $.from_html(`<!> <!>`, 1);
+var root_6 = $.from_html(`<!> <!> <!>`, 1);
+var root_7 = $.from_html(`<img data-scope="image-viewer" data-part="viewport"/> <div data-scope="image-viewer" data-part="toolbar"><!></div>`, 1);
+function ImageViewer$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("image-viewer");
+	const MIN_SCALE = .5;
+	const MAX_SCALE = 3;
+	const SCALE_STEP = .25;
+	let alt = $.prop($$props, "alt", 3, ""), open = $.prop($$props, "open", 15, false), zoomable = $.prop($$props, "zoomable", 3, true);
+	let scale = $.state(1);
+	let rotation = $.state(0);
+	function setOpen(value) {
+		open(value);
+		$$props.onOpenChange?.(value);
+	}
+	$.user_effect(() => {
+		if (open()) {
+			$.set(scale, 1);
+			$.set(rotation, 0);
+		}
+	});
+	function zoom(step) {
+		$.set(scale, Math.min(MAX_SCALE, Math.max(MIN_SCALE, $.get(scale) + step)), true);
+	}
+	function turn() {
+		$.set(rotation, ($.get(rotation) + 90) % 360);
+	}
+	var fragment_5 = $.comment();
+	var node_1 = $.first_child(fragment_5);
+	$.component(node_1, () => Dialog.Root, ($$anchor, ArkDialog_Root) => {
+		ArkDialog_Root($$anchor, {
+			get open() {
+				return open();
+			},
+			onOpenChange: (details) => setOpen(details.open),
+			lazyMount: true,
+			unmountOnExit: true,
+			children: ($$anchor, $$slotProps) => {
+				Portal($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_7 = root_5();
+						var node_2 = $.first_child(fragment_7);
+						$.component(node_2, () => Dialog.Backdrop, ($$anchor, ArkDialog_Backdrop) => {
+							ArkDialog_Backdrop($$anchor, { class: "bs-image-viewer-backdrop" });
+						});
+						var node_3 = $.sibling(node_2, 2);
+						$.component(node_3, () => Dialog.Positioner, ($$anchor, ArkDialog_Positioner) => {
+							ArkDialog_Positioner($$anchor, {
+								class: "bs-image-viewer-positioner",
+								children: ($$anchor, $$slotProps) => {
+									var fragment_8 = $.comment();
+									var node_4 = $.first_child(fragment_8);
+									{
+										let $0 = $.derived(() => alt() || "Image preview");
+										$.component(node_4, () => Dialog.Content, ($$anchor, ArkDialog_Content) => {
+											ArkDialog_Content($$anchor, {
+												class: "bs-image-viewer-content",
+												get "aria-label"() {
+													return $.get($0);
+												},
+												onclick: (event) => {
+													if (event.target === event.currentTarget) setOpen(false);
+												},
+												children: ($$anchor, $$slotProps) => {
+													var fragment_9 = root_7();
+													var img = $.first_child(fragment_9);
+													let styles;
+													var div = $.sibling(img, 2);
+													var node_5 = $.child(div);
+													ButtonGroup(node_5, {
+														children: ($$anchor, $$slotProps) => {
+															var fragment_10 = root_6();
+															var node_6 = $.first_child(fragment_10);
+															var consequent = ($$anchor) => {
+																var fragment_11 = root_5();
+																var node_7 = $.first_child(fragment_11);
+																tool(node_7, () => "Zoom in", () => () => zoom(SCALE_STEP), () => zoomIn);
+																var node_8 = $.sibling(node_7, 2);
+																tool(node_8, () => "Zoom out", () => () => zoom(-.25), () => zoomOut);
+																$.append($$anchor, fragment_11);
+															};
+															$.if(node_6, ($$render) => {
+																if (zoomable()) $$render(consequent);
+															});
+															var node_9 = $.sibling(node_6, 2);
+															tool(node_9, () => "Rotate 90 degrees", () => turn, () => turnGlyph);
+															var node_10 = $.sibling(node_9, 2);
+															tool(node_10, () => "Close", () => () => setOpen(false), () => closeGlyph);
+															$.append($$anchor, fragment_10);
+														},
+														$$slots: { default: true }
+													});
+													$.reset(div);
+													$.template_effect(() => {
+														$.set_attribute(img, "src", $$props.src);
+														$.set_attribute(img, "alt", alt());
+														styles = $.set_style(img, "", styles, { transform: `scale(${$.get(scale)}) rotate(${$.get(rotation)}deg)` });
+													});
+													$.append($$anchor, fragment_9);
+												},
+												$$slots: { default: true }
+											});
+										});
+									}
+									$.append($$anchor, fragment_8);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_7);
+					},
+					$$slots: { default: true }
+				});
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment_5);
+	$.pop();
+}
+//#endregion
+//#region src/components/image-viewer/index.ts
+/** A lightbox: the picture over a dimmed page, with a small toolbar
+* beneath it. Zoom is the reader's hand (half to three times,
+* clamped), a quarter turn at a time rotates, Escape and the scrim
+* close — the dialog machine carries the modal part. `open` may stay
+* with the caller (`bind:open`); left alone the viewer keeps it to
+* itself. */
+const ImageViewer = ImageViewer$1;
+//#endregion
+export { ImageViewer as t };

package/dist/index--K4P_QKU.d.mts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/separator/props.d.ts
+interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+  orientation?: "horizontal" | "vertical";
+  decorative?: boolean;
+}
+//#endregion
+//#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. */
+declare const Separator: import("svelte").Component<SeparatorProps, {}, "">;
+//#endregion
+export { SeparatorProps as n, Separator as t };

package/dist/index-0k-VxNRm.d.mts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/spotlight/props.d.ts
+interface SpotlightProps extends HTMLAttributes<HTMLDivElement> {
+  /** How far the lamp throws before the ink swallows it. */
+  radius?: string;
+}
+//#endregion
+//#region src/components/spotlight/index.d.ts
+/** The ink-light card: a vessel whose rim and face take light from the
+ * reader's hand. */
+declare const Spotlight: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+  radius?: string;
+}, {}, "">;
+//#endregion
+export { SpotlightProps as n, Spotlight as t };

package/dist/index-8JoOZcM6.d.mts

@@ -0,0 +1,18 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/container/props.d.ts
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+  size?: "narrow" | "readable" | "wide" | "full";
+  /** Keep the ink off the page edges when the viewport runs narrower
+   * than the measure. */
+  padding?: boolean;
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/container/index.d.ts
+/** The reading frame: content held to a measure and centered on the
+ * page. The sizes name typographic measures, not breakpoints — the page
+ * owns its edges, the container only owns how long a line of ink runs. */
+declare const Container: import("svelte").Component<ContainerProps, {}, "">;
+//#endregion
+export { ContainerProps as n, Container as t };

package/dist/index-B1iBag3L.d.mts

@@ -0,0 +1,15 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/aspect-ratio/props.d.ts
+interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+  /** A CSS `aspect-ratio` value — "16 / 9", "4 / 3", "1 / 1". */
+  ratio?: string;
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/aspect-ratio/index.d.ts
+/** A frame that keeps its shape: the box holds the given ratio whatever
+ * the width it is dealt, and the child fills the frame it is given. */
+declare const AspectRatio: import("svelte").Component<AspectRatioProps, {}, "">;
+//#endregion
+export { AspectRatioProps as n, AspectRatio as t };

package/dist/index-B2JKtCzc.d.mts

@@ -0,0 +1,25 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/checkbox-group/props.d.ts
+interface CheckboxOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
+  /** Two-way bindable — `bind:value` keeps the bound array mirroring
+   * the group. */
+  value?: string[];
+  options: CheckboxOption[];
+  layout?: "vertical" | "horizontal";
+  invalid?: boolean;
+  disabled?: boolean;
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/checkbox-group/index.d.ts
+/** One question, many answers: a labelled stack (or row) of the
+ * seal-cut checkboxes bound to a single array. */
+declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "value">;
+//#endregion
+export { CheckboxGroupProps as n, CheckboxOption as r, CheckboxGroup as t };

package/dist/index-BEfqqxjl.d.mts

@@ -0,0 +1,35 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/descriptions/props.d.ts
+interface DescriptionsRootProps extends HTMLAttributes<HTMLDListElement> {
+  /** The horizontal layout reads as a table of two columns; the
+   * vertical one stacks each pair for narrow measures. */
+  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;
+  children?: Snippet;
+}
+interface DescriptionsItemProps extends HTMLAttributes<HTMLElement> {
+  /** Column pairs this entry stretches across. */
+  span?: number;
+  children?: Snippet;
+}
+interface DescriptionsPartProps extends HTMLAttributes<HTMLElement> {
+  children?: Snippet;
+}
+//#endregion
+//#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. */
+declare const Descriptions: import("svelte").Component<DescriptionsRootProps, {}, ""> & {
+  Root: import("svelte").Component<DescriptionsRootProps, {}, "">;
+  Item: import("svelte").Component<DescriptionsItemProps, {}, "">;
+  Term: import("svelte").Component<DescriptionsPartProps, {}, "">;
+  Detail: import("svelte").Component<DescriptionsPartProps, {}, "">;
+};
+//#endregion
+export { DescriptionsPartProps as n, DescriptionsRootProps as r, Descriptions as t };

package/dist/index-BFL_M4PT.d.mts

@@ -0,0 +1,25 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/progress-group/props.d.ts
+/** One verdict on the bar. */
+interface ProgressSegment {
+  value: number;
+  label?: string;
+  pigment?: "primary" | "success" | "warning" | "danger" | "info";
+}
+interface ProgressGroupProps extends HTMLAttributes<HTMLDivElement> {
+  segments: ProgressSegment[];
+  max?: number;
+  showLegend?: boolean;
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/progress-group/index.d.ts
+/** 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. */
+declare const ProgressGroup: import("svelte").Component<ProgressGroupProps, {}, "">;
+//#endregion
+export { ProgressGroupProps as n, ProgressSegment as r, ProgressGroup as t };

package/dist/index-BHlsL8ta.d.mts

@@ -0,0 +1,30 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/card/props.d.ts
+interface CardProps extends HTMLAttributes<HTMLElement> {
+  children?: Snippet;
+}
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+  children?: Snippet;
+}
+interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+  children?: Snippet;
+}
+interface CardPartProps extends HTMLAttributes<HTMLElement> {
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/card/index.d.ts
+/** A vessel: round, resting at the first elevation, one hairline for its
+ * edge. Root, Header, Title, Description, Content, Footer — sections
+ * carry their own whitespace, so any subset composes. */
+declare const Card: import("svelte").Component<CardProps, {}, ""> & {
+  Root: import("svelte").Component<CardProps, {}, "">;
+  Header: import("svelte").Component<CardPartProps, {}, "">;
+  Title: import("svelte").Component<CardTitleProps, {}, "">;
+  Description: import("svelte").Component<CardDescriptionProps, {}, "">;
+  Content: import("svelte").Component<CardPartProps, {}, "">;
+  Footer: import("svelte").Component<CardPartProps, {}, "">;
+};
+//#endregion
+export { CardTitleProps as a, CardProps as i, CardDescriptionProps as n, CardPartProps as r, Card as t };

package/dist/index-BIIMyeLK.d.mts

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

package/dist/index-BTndXl0q.d.mts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/chip/props.d.ts
+interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
+  value: number;
+  max?: number;
+  tone?: "ink" | "info" | "success" | "warning" | "danger";
+  variant?: "solid" | "subtle" | "outline";
+}
+//#endregion
+//#region src/components/chip/index.d.ts
+/** A counting coin: the numeric value, capped at `max` with an ellipsis
+ * of the remainder ("99+"). */
+declare const Chip: import("svelte").Component<ChipProps, {}, "">;
+//#endregion
+export { ChipProps as n, Chip as t };

package/dist/index-BahdqXg4.d.mts

@@ -0,0 +1,58 @@
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/layout/props.d.ts
+interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
+  /** Declare which edge the skeleton reserves for its sider — without
+   * it the root is a single column. */
+  sider?: "start" | "end";
+  children?: Snippet;
+}
+/** A semantic block of the skeleton — header, footer, and the flow's
+ * main content each land on their native element and their grid area. */
+interface LayoutRegionProps extends HTMLAttributes<HTMLElement> {
+  children?: Snippet;
+}
+interface LayoutSiderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+  /** The caller drives the fold — `bind:collapsed` mirrors every
+   * change. */
+  collapsed?: boolean;
+  /** The rail's resting inline size — a layout parameter, not a visual
+   * token, so it rides an inline variable. Bindable: the drag and the
+   * arrow keys write through it. */
+  width?: string;
+  /** The inline size when folded. */
+  collapsedWidth?: string;
+  /** Offer the hairline at the flow edge: the rail's width follows the
+   * hand (and the arrow keys), clamped by min/max, and every change
+   * rides `bind:width`. */
+  resizable?: boolean;
+  /** The rail's narrowest inline size while resizing. */
+  minWidth?: string;
+  /** The rail's widest inline size while resizing. */
+  maxWidth?: string;
+  /** Receives the fold state, so a rail can swap its labels for icons
+   * instead of being clipped mid-word by the narrowing edge. */
+  children?: Snippet<[{
+    collapsed: boolean;
+  }]>;
+}
+//#endregion
+//#region src/components/layout/context.d.ts
+/** Which edge the enclosing root reserves for its rail — shared so the
+ * sider's resize handle knows which way the hand pulls. */
+interface LayoutContext {
+  siderPlacement: () => "start" | "end" | undefined;
+}
+//#endregion
+//#region src/components/layout/index.d.ts
+/** The application skeleton: Root, Header, Sider, Content, Footer —
+ * the admin arrangement dressed in the paper-and-ink surfaces. */
+declare const Layout: import("svelte").Component<LayoutProps, {}, ""> & {
+  Root: import("svelte").Component<LayoutProps, {}, "">;
+  Header: import("svelte").Component<LayoutRegionProps, {}, "">;
+  Sider: import("svelte").Component<LayoutSiderProps, {}, "width" | "collapsed">;
+  Content: import("svelte").Component<LayoutRegionProps, {}, "">;
+  Footer: import("svelte").Component<LayoutRegionProps, {}, "">;
+};
+//#endregion
+export { LayoutSiderProps as a, LayoutRegionProps as i, LayoutContext as n, LayoutProps as r, Layout as t };