sinwan-ui-core 1.0.0 → 1.1.1

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this package are documented in this file. The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this package uses [Semantic Versioning](https://semver.org/).
 
+## [1.1.1]
+
+### Fixed
+
+- `ToggleGroupRoot` (`controls`) forwards `aria-*` attributes to its `role="group"` element. Before, an `aria-label` such as "Billing period" was dropped, so screen readers announced an unnamed group. Values stay live when driven by a signal or getter.
+
+## [1.1.0]
+
+### Added
+
+- `cazview` palette: `Palette` now accepts `"cazview"` and `ThemeProvider`'s default `palettes` list is `["credit-blue", "jomlaty", "cazview"]`. Pair it with the registry stylesheet, which defines the `html[data-palette="cazview"]` tokens (midnight `#111E2E` text, `#1A73E8` → `#3B52D9` → `#7B2CBF` brand gradient, `#FAFAFA` surface).
+
 ## [1.0.0]
 
 Initial release: the headless primitives extracted from `sinwan-ui` 0.1.0, published separately so registry components copied into apps can depend on them.

package/dist/chunks/{chunk-te52bwb8.js → chunk-2sw6berz.js}

@@ -5,7 +5,12 @@ import {
 // src/controls.tsx
 import { _$createTemplate } from "sinwan/renderer/web";
 import { unwrap as _$unwrap } from "sinwan/reactivity";
-import { cc, inject, provide } from "sinwan/component";
+import {
+  cc,
+  getRawProps,
+  inject,
+  provide
+} from "sinwan/component";
 import { For as For2, Show as Show2 } from "sinwan/control-flow";
 import { computed, signal } from "sinwan/reactivity";
 import { jsx } from "sinwan/jsx-runtime";
@@ -121,18 +126,6 @@ var _$tmpl_10 = {
   ]
 };
 var _$tmpl_11 = {
-  html: '<div data-slot="toggle-group" role="group" style="" data-variant="" data-size="" data-spacing="" data-orientation=""></div>',
-  slots: [
-    { path: [], type: "attr", name: "class" },
-    { path: [], type: "attr", name: "style" },
-    { path: [], type: "attr", name: "data-variant" },
-    { path: [], type: "attr", name: "data-size" },
-    { path: [], type: "attr", name: "data-spacing" },
-    { path: [], type: "attr", name: "data-orientation" },
-    { path: [], type: "child" }
-  ]
-};
-var _$tmpl_12 = {
   html: '<button type="button" data-slot="toggle-group-item" data-variant="" data-size="" data-spacing="" data-state="" disabled=""></button>',
   slots: [
     { path: [], type: "attr", name: "data-variant" },
@@ -399,6 +392,7 @@ var ToggleRoot2 = cc((props) => {
 var ToggleGroupKey2 = Symbol("sinwan-ui.toggle-group");
 var ToggleGroupRoot2 = cc((props) => {
   const type = () => props.type ?? "single";
+  const ariaProps = Object.fromEntries(Object.entries(getRawProps(props)).filter(([key]) => key.startsWith("aria-")));
   const valueLocal = signal(toValueList(props.defaultValue));
   const value = "value" in props ? computed(() => toValueList(props.value)) : valueLocal;
   const set = (next) => {
@@ -419,19 +413,22 @@ var ToggleGroupRoot2 = cc((props) => {
       props.onValueChange?.(type() === "single" ? next[0] ?? "" : next);
     }
   });
-  return _$createTemplate(_$tmpl_11, [
-    () => _$unwrap(props).class,
-    () => _$unwrap(props).style,
-    () => props["data-variant"],
-    () => props["data-size"],
-    () => props["data-spacing"],
-    () => props["data-orientation"],
-    () => _$unwrap(props).children
-  ]);
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "toggle-group",
+    role: "group",
+    class: () => _$unwrap(props).class,
+    style: () => _$unwrap(props).style,
+    "data-variant": () => props["data-variant"],
+    "data-size": () => props["data-size"],
+    "data-spacing": () => props["data-spacing"],
+    "data-orientation": () => props["data-orientation"],
+    ...ariaProps,
+    children: () => _$unwrap(props).children
+  });
 });
 var ToggleGroupItem2 = cc((props) => {
   const api = inject(ToggleGroupKey2);
-  return _$createTemplate(_$tmpl_12, [
+  return _$createTemplate(_$tmpl_11, [
     () => props["data-variant"],
     () => props["data-size"],
     () => props["data-spacing"],

package/dist/chunks/{chunk-xaegn57w.js → chunk-33f19xws.js}

@@ -18,7 +18,7 @@ var _$tmpl_0 = {
     { path: [], type: "child" }
   ]
 };
-var DEFAULT_PALETTES = ["credit-blue", "jomlaty"];
+var DEFAULT_PALETTES = ["credit-blue", "jomlaty", "cazview"];
 var ThemeKey2 = Symbol("sinwan-ui.theme");
 function isTheme(value) {
   return value === "light" || value === "dark" || value === "system";
@@ -80,9 +80,9 @@ function writeDomPalette(next) {
   document.documentElement.setAttribute("data-palette", next);
 }
 var ThemeProvider2 = cc((props) => {
-  const allowedPalettes = (props.palettes === undefined ? DEFAULT_PALETTES : props.palettes).length > 0 ? props.palettes === undefined ? DEFAULT_PALETTES : props.palettes : DEFAULT_PALETTES;
+  const allowedPalettes = () => (props.palettes === undefined ? DEFAULT_PALETTES : props.palettes).length > 0 ? props.palettes === undefined ? DEFAULT_PALETTES : props.palettes : DEFAULT_PALETTES;
   const initialTheme = props.forcedTheme ?? readStoredTheme(props.storageKey === undefined ? "sinwan-ui-theme" : props.storageKey, props.defaultTheme === undefined ? "system" : props.defaultTheme);
-  const initialPalette = props.forcedPalette ?? readStoredPalette(props.paletteStorageKey === undefined ? "sinwan-ui-palette" : props.paletteStorageKey, props.defaultPalette === undefined ? "credit-blue" : props.defaultPalette, allowedPalettes);
+  const initialPalette = props.forcedPalette ?? readStoredPalette(props.paletteStorageKey === undefined ? "sinwan-ui-palette" : props.paletteStorageKey, props.defaultPalette === undefined ? "credit-blue" : props.defaultPalette, allowedPalettes());
   const theme = signal(initialTheme);
   const palette = signal(initialPalette);
   const resolved = signal(initialTheme === "system" ? getSystemTheme() : initialTheme);
@@ -131,7 +131,7 @@ var ThemeProvider2 = cc((props) => {
   const setPalette = (value) => {
     if (props.forcedPalette)
       return;
-    if (!allowedPalettes.includes(value))
+    if (!allowedPalettes().includes(value))
       return;
     try {
       localStorage.setItem(props.paletteStorageKey === undefined ? "sinwan-ui-palette" : props.paletteStorageKey, value);
@@ -159,7 +159,7 @@ var ThemeProvider2 = cc((props) => {
     themes: (props.enableSystem === undefined ? true : props.enableSystem) ? ["light", "dark", "system"] : ["light", "dark"],
     palette,
     setPalette,
-    palettes: allowedPalettes
+    palettes: allowedPalettes()
   });
   computed(() => resolved.value);
   computed(() => palette.value);

package/dist/controls.d.ts

@@ -117,6 +117,7 @@ export declare const ToggleGroupKey: InjectionKey<{
     toggle: (v: string) => void;
 }>;
 export declare const ToggleGroupRoot: import("sinwan/component").SinwanComponent<{
+    [key: `aria-${string}`]: string | boolean | undefined;
     children?: SinwanNode;
     type?: "single" | "multiple";
     value?: string | string[];

package/dist/controls.js

@@ -21,7 +21,7 @@ import {
   ToggleGroupKey2,
   ToggleGroupRoot2,
   ToggleGroupItem2
-} from "./chunks/chunk-te52bwb8.js";
+} from "./chunks/chunk-2sw6berz.js";
 import {
   Slot2
 } from "./chunks/chunk-bw9vp0y9.js";

package/dist/index.js

@@ -48,7 +48,7 @@ import {
   ToggleGroupKey2,
   ToggleGroupRoot2,
   ToggleGroupItem2
-} from "./chunks/chunk-te52bwb8.js";
+} from "./chunks/chunk-2sw6berz.js";
 import {
   DirectionKey2,
   DirectionProvider2,
@@ -89,7 +89,7 @@ import {
   ThemeProvider2,
   useTheme2,
   ThemeToggle2
-} from "./chunks/chunk-xaegn57w.js";
+} from "./chunks/chunk-33f19xws.js";
 export {
   AccordionContent2 as AccordionContent,
   AccordionItem2 as AccordionItem,

package/dist/theme.d.ts

@@ -2,7 +2,7 @@ import { type InjectionKey, type SinwanNode } from "sinwan/component";
 import { type Signal } from "sinwan/reactivity";
 export type Theme = "light" | "dark" | "system";
 export type ResolvedTheme = "light" | "dark";
-export type Palette = "credit-blue" | "jomlaty";
+export type Palette = "credit-blue" | "jomlaty" | "cazview";
 export type ThemeApi = {
     theme: Signal<Theme>;
     resolved: Signal<ResolvedTheme>;

package/dist/theme.js

@@ -3,7 +3,7 @@ import {
   ThemeProvider2,
   useTheme2,
   ThemeToggle2
-} from "./chunks/chunk-xaegn57w.js";
+} from "./chunks/chunk-33f19xws.js";
 export {
   ThemeKey2 as ThemeKey,
   ThemeProvider2 as ThemeProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sinwan-ui-core",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Headless behaviour primitives for Sinwan UI components: overlays, floating positioning, dismiss layers, controls, slots, theme and direction.",
   "author": "Mohammed Ben Cheikh",
   "license": "MIT",
@@ -107,7 +107,7 @@
   },
   "devDependencies": {
     "@types/bun": "latest",
-    "bun-plugin-sinwan": "1.0.0",
+    "bun-plugin-sinwan": "^1.0.1",
     "happy-dom": "^20.14.5",
     "sinwan": "^2.0.3",
     "typescript": "^5.9.3"
@@ -115,4 +115,4 @@
   "peerDependencies": {
     "sinwan": ">=2.0.3 <3.0.0"
   }
-}
+}