@bysages/solid 0.2.3 → 0.3.1

package/dist/select-CX6OuQlU.mjs

@@ -0,0 +1,123 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, effect, insert, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
+import { For, Show, createEffect, createSignal, onMount, splitProps } from "solid-js";
+import { useFieldContext } from "@ark-ui/solid/field";
+import { Select } from "@ark-ui/solid/select";
+//#region src/components/select/native.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<option value disabled>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<span><select><!><!></select><svg data-scope=select data-part=native-icon viewBox="0 0 16 16"aria-hidden=true><path d="M4 6l4 4 4-4"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<option>`);
+function NativeSelect(props) {
+	injectComponentStyle("select");
+	const field = useFieldContext();
+	const [own, rest] = splitProps(props, [
+		"value",
+		"options",
+		"size",
+		"invalid",
+		"placeholder",
+		"disabled",
+		"onValueChange",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const [select, setSelect] = createSignal(null);
+	onMount(() => {
+		createEffect(() => {
+			const el = select();
+			if (el) el.value = own.value ?? "";
+		});
+	});
+	const fieldProps = field?.().getInputProps() ?? {};
+	const empty = () => own.value == null || own.value === "";
+	const off = () => own.disabled || field?.().disabled;
+	var _el$ = _tmpl$2();
+	var _el$2 = _el$.firstChild;
+	var _el$4 = _el$2.firstChild;
+	var _el$5 = _el$4.nextSibling;
+	spread(_el$, [rest, {
+		"data-scope": "select",
+		"data-part": "native-root",
+		get "data-size"() {
+			return own.size ?? "md";
+		},
+		get "data-invalid"() {
+			return own.invalid || field?.().invalid ? "" : void 0;
+		},
+		get "data-disabled"() {
+			return off() ? "" : void 0;
+		},
+		get "data-placeholder-shown"() {
+			return empty() ? "" : void 0;
+		}
+	}], true);
+	ref(() => {
+		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() {
+			return off() || void 0;
+		},
+		onChange: (event) => own.onValueChange?.(event.currentTarget.value)
+	}], true);
+	insert(_el$2, createComponent(Show, {
+		get when() {
+			return own.placeholder;
+		},
+		get children() {
+			var _el$3 = _tmpl$();
+			insert(_el$3, () => {
+				return own.placeholder;
+			});
+			effect(() => empty() ? void 0 : true, (_v$) => {
+				setAttribute(_el$3, "hidden", _v$);
+			});
+			return _el$3;
+		}
+	}), _el$4);
+	insert(_el$2, createComponent(For, {
+		get each() {
+			return own.options;
+		},
+		children: (option) => (() => {
+			var _el$6 = _tmpl$3();
+			insert(_el$6, () => {
+				return option.label;
+			});
+			effect(() => {
+				return {
+					e: option.value,
+					t: option.disabled
+				};
+			}, ({ e, t }, _p$) => {
+				_el$6.value = e;
+				t !== _p$?.t && setAttribute(_el$6, "disabled", t);
+			});
+			return _el$6;
+		})()
+	}), _el$5);
+	return _el$;
+}
+//#endregion
+//#region src/components/select/index.tsx
+function SelectRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(Select.Root, mergeProps(rest, { get "data-size"() {
+		return own.size ?? "md";
+	} }));
+}
+const Select$1 = {
+	...Select,
+	Root: SelectRoot
+};
+injectComponentStyle("select");
+//#endregion
+export { NativeSelect as n, Select$1 as t };

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.2.3",
+  "version": "0.3.1",
   "description": "By Sages Elements components for Solid — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -110,26 +110,47 @@
     ".": {
       "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs"
+    },
+    "./generative": {
+      "types": "./dist/generative/index.d.mts",
+      "import": "./dist/generative/index.mjs"
     }
   },
   "dependencies": {
     "@ark-ui/solid": "5.39.2",
-    "@tanstack/markdown": "0.0.15",
+    "@tanstack/markdown": "1.0.0",
     "@tanstack/solid-form": "1.33.5",
     "@tanstack/solid-table": "9.2.4",
     "@tanstack/solid-virtual": "3.13.40",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/solid": "1.44.0",
-    "@bysages/icons": "0.2.3",
-    "@bysages/core": "0.2.3"
+    "@bysages/icons": "0.3.1",
+    "@bysages/core": "0.3.1"
   },
   "devDependencies": {
-    "ai": "7.0.118",
+    "@json-render/core": "0.21.0",
+    "@json-render/solid": "0.21.0",
+    "ai": "7.0.126",
     "solid-js": "1.9.15",
-    "unplugin-solid": "2.0.0"
+    "unplugin-solid": "3.0.0",
+    "zod": "4.6.5"
   },
   "peerDependencies": {
-    "solid-js": "^1.9"
+    "@json-render/core": "^0.21.0",
+    "@json-render/solid": "^0.21.0",
+    "solid-js": "^1.9",
+    "zod": "^4.0"
+  },
+  "peerDependenciesMeta": {
+    "@json-render/core": {
+      "optional": true
+    },
+    "@json-render/solid": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
   },
   "scripts": {
     "dev": "basis build --stub",

package/dist/chevron-GWEoEYdO.mjs

@@ -1,9 +0,0 @@
-import { template } from "solid-js/web";
-//#region src/components/ai/chevron.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg viewBox="0 0 16 16"fill=none aria-hidden=true><path d="M6 4l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`);
-/** The folding chevron the shared indicator turns. */
-function chevron() {
-	return _tmpl$();
-}
-//#endregion
-export { chevron as t };