@bysages/react 0.4.0 → 0.4.1

package/dist/{ai-response-B4DX7nmJ.mjs → ai-response-nhDOlELQ.mjs}

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "./family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "./messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { renderHtml } from "@tanstack/markdown/html";

package/dist/components/accordion/index.mjs

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { Accordion as Accordion$1 } from "@ark-ui/react/accordion";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/accordion/index.tsx
 /** Ark's Accordion, dressed in the paper-and-ink system: a ruled sheet

package/dist/components/affix/index.mjs

@@ -1,8 +1,8 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/affix/index.tsx
-function AffixImpl({ offsetTop = "0px", offsetBottom = "0px", ...rest }) {
+function AffixImpl({ offsetTop, offsetBottom, ...rest }) {
 	injectComponentStyle("affix");
 	return /* @__PURE__ */ jsx("div", {
 		...rest,

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

@@ -1,2 +1,2 @@
-import { a as FileUIPart, c as SourceUrlUIPart, d as ToolUIPart, f as UIMessage, i as DataUIPart, l as StepStartUIPart, n as AiActions, o as ReasoningUIPart, p as UIMessagePart, r as AiContent, s as SourceDocumentUIPart, t as Ai, u as TextUIPart } from "../../index-DdNKngUQ.mjs";
+import { a as FileUIPart, c as SourceUrlUIPart, d as ToolUIPart, f as UIMessage, i as DataUIPart, l as StepStartUIPart, n as AiActions, o as ReasoningUIPart, p as UIMessagePart, r as AiContent, s as SourceDocumentUIPart, t as Ai, u as TextUIPart } from "../../index-B4twHAQC.mjs";
 export { Ai, AiActions, AiContent, 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,11 +4,11 @@ import { Action } from "../ai-action/index.mjs";
 import { AiMessage as Message } from "../ai-message/index.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-B4DX7nmJ.mjs";
+import { t as Response } from "../../ai-response-nhDOlELQ.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 { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai/index.tsx
 /** A conversation column: Root is the log, Message carries a role, and

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

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai-action/index.tsx
 function ActionImpl({ label, children, ...rest }) {

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

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-attachments/index.tsx
 const imageIcon = iconNode("image", {

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

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai-message/index.tsx
 function MessageImpl({ role = "assistant", children, ...rest }) {

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

@@ -3,8 +3,8 @@ import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
 import { Field } from "../field/index.mjs";
-import { n as MentionsVessel, r as useMentions } from "../../mentions-BuWibdci.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { n as MentionsVessel, r as useMentions } from "../../mentions-BwnyvdXz.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 //#region src/components/ai-prompt-input/index.tsx

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

@@ -1,7 +1,7 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { t as chevron } from "../../chevron-a2nIZKN4.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-reasoning/index.tsx
 function ReasoningImpl({ label = "Thinking", children, ...rest }) {

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

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

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

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai-source/index.tsx
 function SourceImpl({ href, children, ...rest }) {

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

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai-suggestion/index.tsx
 function SuggestionImpl({ prompt, onSelect, ...rest }) {

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

@@ -1,7 +1,7 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { t as chevron } from "../../chevron-a2nIZKN4.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-tool/index.tsx
 function ToolImpl({ name, label, status, input, output, ...rest }) {

package/dist/components/alert/index.mjs

@@ -1,5 +1,5 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 //#region src/components/alert/index.tsx

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

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AngleSlider as AngleSlider$1 } from "@ark-ui/react/angle-slider";
 //#region src/components/angle-slider/index.tsx

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

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/aspect-ratio/index.tsx
 function AspectRatioImpl({ ratio = "1 / 1", ...rest }) {

package/dist/components/autocomplete/index.mjs

@@ -1,8 +1,9 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Combobox as Combobox$1 } from "../combobox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { Portal } from "@ark-ui/react/portal";
 import { useListCollection } from "@ark-ui/react/collection";
 import { Combobox } from "@ark-ui/react/combobox";
@@ -11,10 +12,15 @@ function AutoCompleteImpl({ value = "", items = [], placeholder, filter, size =
 	injectComponentStyle("combobox");
 	const messages = useComponentMessages();
 	const hostId = useElementId("autocomplete", rest);
-	const { collection, filter: filterItems } = useListCollection({
+	const fieldText = useRef("");
+	const { collection, set, filter: filterItems } = useListCollection({
 		initialItems: items,
 		filter: (item, input) => filter ? filter(item, input) : item.toLowerCase().includes(input.toLowerCase())
 	});
+	useEffect(() => {
+		set(items);
+		filterItems(fieldText.current);
+	}, [items]);
 	return /* @__PURE__ */ jsxs(Combobox.Root, {
 		...rest,
 		id: `${hostId}:combobox`,
@@ -27,6 +33,7 @@ function AutoCompleteImpl({ value = "", items = [], placeholder, filter, size =
 			if (first != null) onValueChange?.(first);
 		},
 		onInputValueChange: (details) => {
+			fieldText.current = details.inputValue;
 			filterItems(details.inputValue);
 			onValueChange?.(details.inputValue);
 		},

package/dist/components/avatar/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
 //#region src/components/avatar/index.tsx

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

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/avatar-group/index.tsx
 function AvatarGroupImpl({ size, children, ...rest }) {

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

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 //#region src/components/back-top/index.tsx

package/dist/components/badge/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/badge/index.tsx
 function BadgeImpl({ tone = "ink", variant = "solid", ...rest }) {

package/dist/components/banner/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/banner/index.tsx
 /** A page-level notice, spoken across the full measure: a wash of the

package/dist/components/bento/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/bento/index.tsx
 /** The bento lattice: a grid of unequal tiles that reads as one plate.

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

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { Spinner } from "../spinner/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/block-ui/index.tsx
 /** A curtain over content that must wait: the blocked region keeps its

package/dist/components/breadcrumb/index.mjs

@@ -1,5 +1,5 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/breadcrumb/index.tsx
 /** A trail of waymarks: Root wraps the nav, List the ordered trail, and

package/dist/components/browser/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/browser/index.tsx
 /** The three lamps are the system's own fixed pigments — the same

package/dist/components/button/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from "react";
 //#region src/components/button/index.tsx

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

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/button-group/index.tsx
 /**

package/dist/components/calendar/index.mjs

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DatePicker } from "@ark-ui/react/date-picker";
 //#region src/components/calendar/index.tsx

package/dist/components/card/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from "react";
 //#region src/components/card/index.tsx

package/dist/components/carousel/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Carousel as Carousel$1 } from "@ark-ui/react/carousel";
 //#region src/components/carousel/index.tsx

package/dist/components/cascade-select/index.mjs

@@ -2,8 +2,8 @@ import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { t as Input } from "../../input-C21Zzuy6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";

package/dist/components/checkbox/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@ark-ui/react/checkbox";
 //#region src/components/checkbox/index.tsx

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

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFieldContext } from "@ark-ui/react/field";
 import { Checkbox } from "@ark-ui/react/checkbox";

package/dist/components/chip/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/chip/index.tsx
 function ChipImpl({ value, max, tone = "ink", variant = "solid", ...rest }) {

package/dist/components/clipboard/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Clipboard as Clipboard$1 } from "@ark-ui/react/clipboard";
 //#region src/components/clipboard/index.tsx

package/dist/components/collapsible/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@ark-ui/react/collapsible";
 //#region src/components/collapsible/index.tsx

package/dist/components/color-picker/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ColorPicker as ColorPicker$1, parseColor } from "@ark-ui/react/color-picker";
 //#region src/components/color-picker/index.tsx

package/dist/components/combobox/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox as Combobox$1, createListCollection } from "@ark-ui/react/combobox";
 //#region src/components/combobox/index.tsx

package/dist/components/command/index.mjs

@@ -1,7 +1,7 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Dialog as Dialog$1 } from "../dialog/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";

package/dist/components/comment/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/comment/index.tsx
 function CommentImpl({ author, datetime, avatar, actions, children, ...rest }) {

package/dist/components/container/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/container/index.tsx
 function ContainerImpl({ size = "readable", padding = true, ...rest }) {

package/dist/components/data-view/index.mjs

@@ -1,7 +1,7 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 //#region src/components/data-view/index.tsx

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

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DateInput as DateInput$1 } from "@ark-ui/react/date-input";
 //#region src/components/date-input/index.tsx

package/dist/components/date-picker/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DatePicker as DatePicker$1 } from "@ark-ui/react/date-picker";
 //#region src/components/date-picker/index.tsx

package/dist/components/deferred-content/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/deferred-content/index.tsx

package/dist/components/descriptions/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/descriptions/index.tsx
 function DescriptionsRoot({ layout = "horizontal", bordered = false, column = 1, items, children, ...rest }) {

package/dist/components/dialog/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@ark-ui/react/dialog";
 //#region src/components/dialog/index.tsx

package/dist/components/dock/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dock/index.tsx
 const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";

package/dist/components/drawer/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
 //#region src/components/drawer/index.tsx

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

@@ -2,8 +2,8 @@ import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
-import { t as Input } from "../../input-C21Zzuy6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dynamic-input/index.tsx
 /**

package/dist/components/editable/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Editable as Editable$1 } from "@ark-ui/react/editable";
 //#region src/components/editable/index.tsx

package/dist/components/ellipsis/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ellipsis/index.tsx
 function EllipsisImpl({ lines = 1, ...rest }) {

package/dist/components/empty/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/empty/index.tsx
 /** An empty state: the page holds its breath. Root centers the column,

package/dist/components/field/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field as Field$1 } from "@ark-ui/react/field";
 //#region src/components/field/index.tsx

package/dist/components/fieldset/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
 //#region src/components/fieldset/index.tsx

package/dist/components/file-upload/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
 //#region src/components/file-upload/index.tsx

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

@@ -1,6 +1,6 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 //#region src/components/float-button/index.tsx

package/dist/components/floating-panel/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/react/floating-panel";
 //#region src/components/floating-panel/index.tsx

package/dist/components/form/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { Field } from "@ark-ui/react/field";

package/dist/components/grid/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/grid/index.tsx
 /** The same named steps of the space ramp the stack uses — one

package/dist/components/highlight/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Highlight as Highlight$1 } from "@ark-ui/react/highlight";
 //#region src/components/highlight/index.tsx