@bysages/solid 0.4.0 → 0.4.2

package/dist/{ai-response-D2uINBIi.mjs → ai-response-CJ-uEAgj.mjs}

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "./family-Cmd8HEyK.mjs";
 import { n as iconHtml } from "./icon-DTqmJCd5.mjs";
 import { n as useComponentMessages } from "./use-component-messages-C4SCVYjD.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { ref, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createEffect, createMemo, onMount, splitProps } from "solid-js";
 import { renderHtml } from "@tanstack/markdown/html";
 //#region src/components/ai-response/code-copy.ts

package/dist/components/accordion/index.mjs

@@ -1,9 +1,9 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
 import { Accordion as Accordion$1 } from "@ark-ui/solid/accordion";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For } from "solid-js";
 //#region src/components/accordion/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<p>`);

package/dist/components/affix/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/affix/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
@@ -21,8 +21,8 @@ const Affix = withSelfRoot(function Affix(props) {
 		get style() {
 			return {
 				...rest.style,
-				"--bs-affix-top": own.offsetTop ?? "0px",
-				"--bs-affix-bottom": own.offsetBottom ?? "0px"
+				"--bs-affix-top": own.offsetTop,
+				"--bs-affix-bottom": own.offsetBottom
 			};
 		},
 		"data-scope": "affix",

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

@@ -1,2 +1,2 @@
-import { a as AiLoader, c as ReasoningUIPart, d as StepStartUIPart, f as TextUIPart, h as UIMessagePart, i as AiConversation, l as SourceDocumentUIPart, m as UIMessage, n as AiActions, o as DataUIPart, p as ToolUIPart, r as AiContent, s as FileUIPart, t as Ai, u as SourceUrlUIPart } from "../../index-nFXK_8hJ.mjs";
+import { a as AiLoader, c as ReasoningUIPart, d as StepStartUIPart, f as TextUIPart, h as UIMessagePart, i as AiConversation, l as SourceDocumentUIPart, m as UIMessage, n as AiActions, o as DataUIPart, p as ToolUIPart, r as AiContent, s as FileUIPart, t as Ai, u as SourceUrlUIPart } from "../../index-DVc1L_zt.mjs";
 export { Ai, AiActions, AiContent, AiConversation, AiLoader, type DataUIPart, type FileUIPart, type ReasoningUIPart, type SourceDocumentUIPart, type SourceUrlUIPart, type StepStartUIPart, type TextUIPart, type ToolUIPart, type UIMessage, type UIMessagePart };

package/dist/components/ai/index.mjs

@@ -4,12 +4,12 @@ import { AiMessage as Message } from "../ai-message/index.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { AiPromptInput as PromptInput } from "../ai-prompt-input/index.mjs";
 import { AiReasoning as Reasoning } from "../ai-reasoning/index.mjs";
-import { t as Response } from "../../ai-response-D2uINBIi.mjs";
+import { t as Response } from "../../ai-response-CJ-uEAgj.mjs";
 import { AiSource as Source, AiSources as Sources } from "../ai-source/index.mjs";
 import { AiSuggestion as Suggestion } from "../ai-suggestion/index.mjs";
 import { AiTool as Tool } from "../ai-tool/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/ai/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 function part(name, extra = {}) {

package/dist/components/ai-action/index.mjs

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-action/index.tsx
 /** A quiet icon button — copy, retry, thumbs. The label names it to

package/dist/components/ai-attachments/index.mjs

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { delegateEvents, effect, insert, memo, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-attachments/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span><span></span><button type=button data-remove>`);

package/dist/components/ai-message/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-message/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<article>`);

package/dist/components/ai-prompt-input/index.mjs

@@ -3,14 +3,13 @@ import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { Button } from "../button/index.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Field } from "../field/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { claimElement, createComponent, insert, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/ai-prompt-input/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 16 16"width=14 height=14 aria-hidden=true><rect x=4.5 y=4.5 width=7 height=7 fill=currentColor>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end><!><!>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<form><div data-scope=ai data-part=prompt-main><!><!><!></div><!>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=ai>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end><!><!>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<form><div data-scope=ai data-part=prompt-main><!><!><!></div><!>`);
 function arrowUpIcon() {
 	return iconNode("arrow-up", {
 		width: "14",
@@ -18,7 +17,10 @@ function arrowUpIcon() {
 	});
 }
 function stopIcon() {
-	return _tmpl$();
+	return iconNode("square", {
+		width: "14",
+		height: "14"
+	});
 }
 /** The prompt vessel: the shared field textarea — self-growing on the
 * machine's autoresize — with the submit seal riding its last line.
@@ -56,10 +58,10 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 		own.onValueChange?.("");
 	};
 	const row = (part, content) => content != null ? (() => {
-		var _el$2 = _tmpl$2();
-		setAttribute(_el$2, "data-part", part);
-		insert(_el$2, content);
-		return _el$2;
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "data-part", part);
+		insert(_el$, content);
+		return _el$;
 	})() : null;
 	const seal = () => own.busy ? createComponent(Button, {
 		variant: "solid",
@@ -92,14 +94,14 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 		}
 	});
 	const trailing = () => own.footer != null ? own.trailing : own.trailing ?? seal();
-	var _el$3 = _tmpl$4();
+	var _el$2 = _tmpl$3();
+	var _el$3 = _el$2.firstChild;
 	var _el$4 = _el$3.firstChild;
-	var _el$5 = _el$4.firstChild;
+	var _el$5 = _el$4.nextSibling;
 	var _el$6 = _el$5.nextSibling;
-	var _el$7 = _el$6.nextSibling;
-	var _el$12 = _el$4.nextSibling;
-	claimElement(_el$3);
-	spread(_el$3, [rest, {
+	var _el$11 = _el$3.nextSibling;
+	claimElement(_el$2);
+	spread(_el$2, [rest, {
 		"data-scope": "ai",
 		"data-part": "prompt",
 		onSubmit: (event) => {
@@ -107,13 +109,13 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 			send();
 		}
 	}], true);
-	insert(_el$3, () => {
+	insert(_el$2, () => {
 		return row("prompt-header", own.header);
-	}, _el$4);
-	insert(_el$4, () => {
+	}, _el$3);
+	insert(_el$3, () => {
 		return row("prompt-leading", own.leading);
-	}, _el$5);
-	insert(_el$4, createComponent(Field.Root, { get children() {
+	}, _el$4);
+	insert(_el$3, createComponent(Field.Root, { get children() {
 		return createComponent(Field.Textarea, {
 			autoresize: true,
 			rows: 1,
@@ -137,30 +139,30 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 				}
 			}
 		});
-	} }), _el$6);
-	insert(_el$4, () => {
+	} }), _el$5);
+	insert(_el$3, () => {
 		return row("prompt-trailing", trailing());
-	}, _el$7);
-	insert(_el$3, createComponent(Show, {
+	}, _el$6);
+	insert(_el$2, createComponent(Show, {
 		get when() {
 			return own.footer != null;
 		},
 		get children() {
-			var _el$8 = _tmpl$3();
+			var _el$7 = _tmpl$2();
+			var _el$8 = _el$7.firstChild;
 			var _el$9 = _el$8.firstChild;
-			var _el$10 = _el$9.firstChild;
-			var _el$11 = _el$10.nextSibling;
-			insert(_el$8, () => {
+			var _el$10 = _el$9.nextSibling;
+			insert(_el$7, () => {
 				return own.footer;
-			}, _el$9);
-			insert(_el$9, () => {
+			}, _el$8);
+			insert(_el$8, () => {
 				return own.footerEnd;
-			}, _el$10);
-			insert(_el$9, seal, _el$11);
-			return _el$8;
+			}, _el$9);
+			insert(_el$8, seal, _el$10);
+			return _el$7;
 		}
-	}), _el$12);
-	return _el$3;
+	}), _el$11);
+	return _el$2;
 });
 //#endregion
 export { PromptInput as AiPromptInput, PromptInput };

package/dist/components/ai-reasoning/index.mjs

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { t as chevron } from "../../chevron-BHQrYKPM.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-reasoning/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`);

package/dist/components/ai-response/index.mjs

@@ -1,2 +1,2 @@
-import { t as Response } from "../../ai-response-D2uINBIi.mjs";
+import { t as Response } from "../../ai-response-CJ-uEAgj.mjs";
 export { Response as AiResponse, Response };

package/dist/components/ai-source/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { claimElement, insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-source/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<li data-scope=ai data-part=source><a>`);

package/dist/components/ai-suggestion/index.mjs

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/ai-suggestion/index.tsx
 /** A seal-cut button proposing the next stroke; selection hands back

package/dist/components/ai-tool/index.mjs

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { t as chevron } from "../../chevron-BHQrYKPM.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/ai-tool/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`);

package/dist/components/alert/index.mjs

@@ -1,6 +1,6 @@
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createContext, splitProps, useContext } from "solid-js";
 //#region src/components/alert/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

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

@@ -9,7 +9,21 @@ type AngleSliderOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function AngleSliderRoot(props: AngleSliderRootProps & AngleSliderOwnProps): import("solid-js").JSX.Element;
-export declare const AngleSlider: typeof AngleSliderRoot & Omit<typeof AngleSlider$1, "Root"> & {
+export interface AngleSliderFacadeProps {
+  value?: number;
+  defaultValue?: number;
+  label?: string;
+  step?: number;
+  disabled?: boolean;
+  readOnly?: boolean;
+  /** One rung of the dial ladder — the diameter the needle sweeps. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: number) => void;
+}
+/** The complete dial behind one angle and its cardinal degree marks. */
+declare function AngleSliderFacade(props: AngleSliderFacadeProps): import("solid-js").JSX.Element;
+type AngleSliderParts = Omit<typeof AngleSlider$1, "Root"> & {
   Root: typeof AngleSliderRoot;
 };
+export declare const AngleSlider: typeof AngleSliderFacade & AngleSliderParts;
 //#endregion

package/dist/components/angle-slider/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
-import { splitProps } from "solid-js";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { For, Show, splitProps } from "solid-js";
 import { AngleSlider as AngleSlider$1 } from "@ark-ui/solid/angle-slider";
 //#region src/components/angle-slider/index.tsx
 function AngleSliderRoot(props) {
@@ -17,7 +17,62 @@ function AngleSliderRoot(props) {
 		}
 	}));
 }
-const AngleSlider = defineFamily(AngleSliderRoot, {
+/** The complete dial behind one angle and its cardinal degree marks. */
+function AngleSliderFacade(props) {
+	injectComponentStyle("angle-slider");
+	return createComponent(AngleSliderRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get readOnly() {
+			return props.readOnly;
+		},
+		get step() {
+			return props.step ?? 1;
+		},
+		get defaultValue() {
+			return props.defaultValue ?? 45;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: props.value };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(AngleSlider$1.Label, { get children() {
+							return props.label;
+						} });
+					}
+				}),
+				createComponent(AngleSlider$1.ValueText, {}),
+				createComponent(AngleSlider$1.Control, { get children() {
+					return [createComponent(AngleSlider$1.MarkerGroup, { get children() {
+						return createComponent(For, {
+							each: [
+								0,
+								90,
+								180,
+								270
+							],
+							children: (degree) => createComponent(AngleSlider$1.Marker, { value: degree })
+						});
+					} }), createComponent(AngleSlider$1.Thumb, { get children() {
+						return createComponent(AngleSlider$1.HiddenInput, {});
+					} })];
+				} })
+			];
+		}
+	}));
+}
+const AngleSlider = defineFamily(AngleSliderFacade, {
 	...AngleSlider$1,
 	Root: AngleSliderRoot
 });

package/dist/components/aspect-ratio/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/aspect-ratio/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/autocomplete/index.mjs

@@ -2,9 +2,9 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Combobox as Combobox$1 } from "../combobox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
-import { For, splitProps } from "solid-js";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { For, createEffect, splitProps } from "solid-js";
 import { useListCollection } from "@ark-ui/solid/collection";
 import { Combobox } from "@ark-ui/solid/combobox";
 import { Portal } from "solid-js/web";
@@ -30,10 +30,15 @@ function AutoCompleteImpl(props) {
 		"onValueChange"
 	]);
 	const id = useElementId("autocomplete", () => props.id);
-	const { collection, filter } = useListCollection({
+	let fieldText = "";
+	const { collection, set, filter } = useListCollection({
 		initialItems: own.items ?? [],
 		filter: (item, input) => own.filter ? own.filter(item, input) : item.toLowerCase().includes(input.toLowerCase())
 	});
+	createEffect(() => {
+		set(own.items ?? []);
+		filter(fieldText);
+	});
 	return createComponent(Combobox.Root, mergeProps(rest, {
 		get id() {
 			return id();
@@ -53,6 +58,7 @@ function AutoCompleteImpl(props) {
 			if (first != null) own.onValueChange?.(first);
 		},
 		onInputValueChange: (details) => {
+			fieldText = details.inputValue;
 			filter(details.inputValue);
 			own.onValueChange?.(details.inputValue);
 		},

package/dist/components/avatar/index.mjs

@@ -1,7 +1,7 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { Avatar as Avatar$1 } from "@ark-ui/solid/avatar";
 //#region src/components/avatar/index.tsx

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

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/avatar-group/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/back-top/index.mjs

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createSignal, onCleanup, onMount, splitProps } from "solid-js";
 //#region src/components/back-top/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/badge/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/badge/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`);

package/dist/components/banner/index.mjs

@@ -1,7 +1,7 @@
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/banner/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/bento/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/bento/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/block-ui/index.mjs

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { Spinner } from "../spinner/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/block-ui/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=block-ui data-part=mask>`);

package/dist/components/breadcrumb/index.mjs

@@ -1,6 +1,6 @@
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { mergeProps as mergeProps$1 } from "solid-js";
 //#region src/components/breadcrumb/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`);

package/dist/components/browser/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { insert, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/browser/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 var _tmpl$2 = /* @__PURE__ */ template(`<span data-scope=browser data-part=dot>`);

package/dist/components/button/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/button/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<button>`);

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

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/button-group/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

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

@@ -1,19 +1,31 @@
 import { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
 import { JSX } from "solid-js";
-import { DatePickerRootProps } from "@ark-ui/solid/date-picker";
+import { DatePickerDateView, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerRootProps, DatePickerSelectionMode, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "@ark-ui/solid/date-picker";
 //#region src/components/calendar/index.d.ts
 export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** Selected date(s) — an array, as the machine speaks in ranges. */
   value?: DatePickerRootProps["value"];
+  defaultValue?: DatePickerRootProps["defaultValue"];
   min?: DatePickerRootProps["min"];
   max?: DatePickerRootProps["max"];
+  /** compact keeps the popup's measure; full gives cells room for content. */
+  variant?: "compact" | "full";
+  /** month is the day grid; year starts on a month overview. */
+  mode?: "month" | "year";
+  selectionMode?: DatePickerSelectionMode;
+  startOfWeek?: number;
+  fixedWeeks?: boolean;
+  showWeekNumbers?: boolean;
+  outsideDaySelectable?: boolean;
+  closeOnSelect?: boolean;
+  minView?: DatePickerDateView;
+  maxView?: DatePickerDateView;
   onValueChange?: (value: NonNullable<DatePickerRootProps["value"]>) => void;
 }
-/** The date-picker's month grid, standing on the page without its
- * popup: always open, the trigger gone, the vessel a quiet card. The
- * title zooms out through month and year grids; the grids themselves
- * are the shared machinery — value, range selection, and focus ride
- * Ark's own contract. */
+/** The date-picker's grid standing on the page. Compact is the popup's
+ * quiet card; full opens it into a dashboard calendar. Year mode starts
+ * on a month overview; choosing a month drills into its day grid. */
 declare function CalendarImpl(props: CalendarProps): JSX.Element;
 export declare const Calendar: typeof CalendarImpl & typeof DatePicker$1;
-//#endregion
+//#endregion
+export type { DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails };