@mechane-ai/elements 0.5.0 → 0.6.0

package/README.md

@@ -7,7 +7,8 @@ receive values and callbacks; applications own routing, data, identity, and pers
 ## Install
 
 Install [Elements from npm](https://www.npmjs.com/package/@mechane-ai/elements). React and React DOM are peer
-dependencies.
+dependencies. TypeScript consumers also supply the optional `@types/react` peer so declarations resolve in isolated
+builds without relying on hoisted development dependencies.
 
 ```sh
 pnpm add @mechane-ai/elements react react-dom
@@ -38,8 +39,10 @@ export function Example() {
 ```
 
 Elements supplies compiled ESM, TypeScript declarations, and CSS. Ordinary React consumers need no StyleX compiler.
-Applications install their own reset and fonts. Put reset rules in the `reset` CSS layer; the package's `elements` layer
-comes after it. Application styles and StyleX themes can override that layer.
+Applications install their own reset and fonts. Put reset rules in the `reset` CSS layer. Elements and consumer StyleX
+rules share the compiler's ordered `priority` layers. Keep those layers at the top level: wrapping Elements in another
+layer lets consumer base declarations override component hover and focus states. Unlayered application themes can
+override token defaults.
 
 ## Imports
 

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { b as e, f as t, p as n, t as r, v as i } from "./src-CbYaLvhD.js";
-import { t as a } from "./content-link-Bm-Td5wm.js";
-import { c as o, u as s } from "./src-CjnbzSgq.js";
+import { b as e, f as t, p as n, t as r, v as i } from "./src-DuTmAQp5.js";
+import { t as a } from "./content-link-DLiDJzwq.js";
+import { c as o, u as s } from "./src-DjvJJoaw.js";
 import { r as c } from "./src-CfDf8TY8.js";
 import * as l from "@stylexjs/stylex";
 import { createContext as u, useContext as d, useId as f, useRef as p } from "react";

package/dist/{categorical-values-BfAEQUd0.js → categorical-values-DrTcMsSi.js}

@@ -1,5 +1,5 @@
-import { n as e, o as t } from "./chart-frame-bX0VLC_W.js";
-import { n } from "./chart-input--VSrlMl-.js";
+import { n as e, o as t } from "./chart-frame-cfBPXmni.js";
+import { n } from "./chart-input-hK9U0Ql0.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx

package/dist/{chart-frame-bX0VLC_W.js → chart-frame-cfBPXmni.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./src-CbYaLvhD.js";
+import { h as e } from "./src-DuTmAQp5.js";
 import { chartColors as t, colors as n } from "./tokens.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";

package/dist/{chart-input--VSrlMl-.js → chart-input-hK9U0Ql0.js}

@@ -1,5 +1,5 @@
-import { d as e } from "./src-CbJTK9oP.js";
-import { r as t } from "./chart-frame-bX0VLC_W.js";
+import { d as e } from "./src-Daf4PUD6.js";
+import { r as t } from "./chart-frame-cfBPXmni.js";
 import { jsx as n } from "react/jsx-runtime";
 // packages/charts/src/chart-input.tsx
 function r(e) {