@bysages/solid 0.3.0 → 0.3.1

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

@@ -1,8 +1,10 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, effect, mergeProps, setAttribute, template } from "@solidjs/web";
 import { splitProps } from "solid-js";
+import { chevron_right } from "@bysages/icons";
 import { TreeView as TreeView$1 } from "@ark-ui/solid/tree-view";
 //#region src/components/tree-view/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg aria-hidden=true>`);
 const ArkRoot = TreeView$1.Root;
 function TreeViewRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
@@ -10,9 +12,33 @@ function TreeViewRoot(props) {
 		return own.size ?? "md";
 	} }));
 }
+/** The node checkbox rides inside the branch control; the branch
+* itself answers the keyboard, so the checkbox stays visual only. */
+function TreeViewNodeCheckbox(props) {
+	return createComponent(TreeView$1.NodeCheckbox, mergeProps(props, { "aria-hidden": "true" }));
+}
+function TreeViewBranchIndicator(props) {
+	return createComponent(TreeView$1.BranchIndicator, mergeProps(props, { get children() {
+		return props.children ?? (() => {
+			var _el$ = _tmpl$();
+			effect(() => {
+				return {
+					e: `0 0 ${chevron_right.width} ${chevron_right.height}`,
+					t: chevron_right.body
+				};
+			}, ({ e, t }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$, "viewBox", e);
+				t !== _p$?.t && (_el$.innerHTML = t);
+			});
+			return _el$;
+		})();
+	} }));
+}
 const TreeView = {
 	...TreeView$1,
-	Root: TreeViewRoot
+	Root: TreeViewRoot,
+	NodeCheckbox: TreeViewNodeCheckbox,
+	BranchIndicator: TreeViewBranchIndicator
 };
 injectComponentStyle("tree-view");
 //#endregion

package/dist/components/virtual-list/index.mjs

@@ -32,6 +32,7 @@ function VirtualList(props) {
 		return setViewport;
 	}, _el$);
 	spread(_el$, [rest, {
+		tabindex: 0,
 		"data-scope": "virtual-list",
 		"data-part": "root",
 		get style() {

package/dist/index-DdsnfV4f.d.mts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "solid-js";
+import { Toc } from "@ark-ui/solid/toc";
+//#region src/components/toc/TocIndicator.d.ts
+/** The active stroke is decoration; hidden so the list reads as links
+ * alone. */
+declare function TocIndicator(props: ComponentProps<typeof Toc.Indicator>): import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toc/index.d.ts
+/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
+ * beside the scroll, one stroke of primary ink marking where the reader
+ * stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+declare const Toc$1: Omit<typeof Toc, "Indicator"> & {
+  Indicator: typeof TocIndicator;
+};
+//#endregion
+export { Toc$1 as t };

package/dist/index.d.mts

@@ -125,7 +125,7 @@ import { Textarea, TextareaProps } from "./components/textarea/index.mjs";
 import { Timeline } from "./components/timeline/index.mjs";
 import { Timer } from "./components/timer/index.mjs";
 import { CreateToasterReturn, Toast, Toaster, createToaster } from "./components/toast/index.mjs";
-import { Toc } from "./components/toc/index.mjs";
+import { t as Toc } from "./index-DdsnfV4f.mjs";
 import { ToggleGroup } from "./components/toggle-group/index.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
 import { Toolbar, ToolbarProps } from "./components/toolbar/index.mjs";

package/dist/index.mjs

@@ -3,11 +3,12 @@ import { Affix } from "./components/affix/index.mjs";
 import { Button } from "./components/button/index.mjs";
 import { Action } from "./components/ai-action/index.mjs";
 import { AiMessage as Message } from "./components/ai-message/index.mjs";
+import { ConfigContextKey, ConfigProvider, useConfig } from "./components/config-provider/index.mjs";
 import { Field } from "./components/field/index.mjs";
 import { AiPromptInput as PromptInput } from "./components/ai-prompt-input/index.mjs";
 import { Collapsible } from "./components/collapsible/index.mjs";
 import { AiReasoning as Reasoning } from "./components/ai-reasoning/index.mjs";
-import { t as Response } from "./ai-response-ClGGptX3.mjs";
+import { t as Response } from "./ai-response-slzE03wh.mjs";
 import { AiSource as Source, AiSources as Sources } from "./components/ai-source/index.mjs";
 import { AiSuggestion as Suggestion } from "./components/ai-suggestion/index.mjs";
 import { AiTool as Tool } from "./components/ai-tool/index.mjs";
@@ -41,7 +42,6 @@ import { ColorPicker } from "./components/color-picker/index.mjs";
 import { Combobox } from "./components/combobox/index.mjs";
 import { Command } from "./components/command/index.mjs";
 import { Comment } from "./components/comment/index.mjs";
-import { ConfigContextKey, ConfigProvider, useConfig } from "./components/config-provider/index.mjs";
 import { Container } from "./components/container/index.mjs";
 import { Pagination } from "./components/pagination/index.mjs";
 import { DataView } from "./components/data-view/index.mjs";
@@ -101,7 +101,7 @@ import { RadioGroup } from "./components/radio-group/index.mjs";
 import { RatingGroup } from "./components/rating-group/index.mjs";
 import { ScrollArea } from "./components/scroll-area/index.mjs";
 import { SegmentGroup } from "./components/segment-group/index.mjs";
-import { n as NativeSelect, t as Select } from "./select-CHaXbzLX.mjs";
+import { n as NativeSelect, t as Select } from "./select-CX6OuQlU.mjs";
 import { Separator } from "./components/separator/index.mjs";
 import { SignaturePad } from "./components/signature-pad/index.mjs";
 import { Skeleton } from "./components/skeleton/index.mjs";
@@ -120,7 +120,7 @@ import { TagsInput } from "./components/tags-input/index.mjs";
 import { Timeline } from "./components/timeline/index.mjs";
 import { Timer } from "./components/timer/index.mjs";
 import { Toast, Toaster, createToaster } from "./components/toast/index.mjs";
-import { Toc } from "./components/toc/index.mjs";
+import { t as Toc } from "./toc-CZmYEaQR.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
 import { Toolbar } from "./components/toolbar/index.mjs";
 import { Typography } from "./components/typography/index.mjs";

package/dist/{select-CHaXbzLX.mjs → select-CX6OuQlU.mjs}

@@ -17,7 +17,9 @@ function NativeSelect(props) {
 		"invalid",
 		"placeholder",
 		"disabled",
-		"onValueChange"
+		"onValueChange",
+		"aria-label",
+		"aria-labelledby"
 	]);
 	const [select, setSelect] = createSignal(null);
 	onMount(() => {
@@ -53,6 +55,12 @@ function NativeSelect(props) {
 		return setSelect;
 	}, _el$2);
 	spread(_el$2, [fieldProps, {
+		get "aria-label"() {
+			return own["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return own["aria-labelledby"];
+		},
 		"data-scope": "select",
 		"data-part": "native",
 		get disabled() {

package/dist/toc-CZmYEaQR.mjs

@@ -0,0 +1,21 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { Toc } from "@ark-ui/solid/toc";
+//#region src/components/toc/TocIndicator.tsx
+/** The active stroke is decoration; hidden so the list reads as links
+* alone. */
+function TocIndicator(props) {
+	return createComponent(Toc.Indicator, mergeProps(props, { "aria-hidden": "true" }));
+}
+//#endregion
+//#region src/components/toc/index.ts
+/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
+* beside the scroll, one stroke of primary ink marking where the reader
+* stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+const Toc$1 = {
+	...Toc,
+	Indicator: TocIndicator
+};
+injectComponentStyle("toc");
+//#endregion
+export { Toc$1 as t };

package/dist/use-component-messages-C4SCVYjD.mjs

@@ -0,0 +1,17 @@
+import { ConfigContextKey } from "./components/config-provider/index.mjs";
+import { resolveComponentMessages } from "@bysages/core";
+import { createMemo, useContext } from "solid-js";
+//#region src/components/config-provider/use-component-messages.ts
+/** Wrapper copy is resolved once per locale/messages change and stays
+* reactive through the provider snapshot. */
+function useComponentMessages() {
+	const config = useContext(ConfigContextKey);
+	return createMemo(() => resolveComponentMessages(config().locale ?? "en", config().messages));
+}
+/** Expand the leaf placeholders shared by core ({name}); unknown keys
+* stay visible instead of silently collapsing. */
+function formatComponentMessage(template, values) {
+	return template.replace(/\{(\w+)\}/g, (_, key) => key in values ? String(values[key]) : `{${key}}`);
+}
+//#endregion
+export { useComponentMessages as n, formatComponentMessage as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/solid",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "By Sages Elements components for Solid — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -124,8 +124,8 @@
     "@tanstack/solid-virtual": "3.13.40",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/solid": "1.44.0",
-    "@bysages/icons": "0.3.0",
-    "@bysages/core": "0.3.0"
+    "@bysages/icons": "0.3.1",
+    "@bysages/core": "0.3.1"
   },
   "devDependencies": {
     "@json-render/core": "0.21.0",