@kanso-labs/kanso-ui 0.43.7 → 0.44.1

package/dist/theme-scope.d.ts

@@ -47,7 +47,11 @@ type ThemeScopeProps = RenderComponentProps<'div'> & {
  * such an element rather than inside it.
  *
  * `render` swaps the element, for a scope that should be a `<main>`, a
- * `<section>`, or the `<body>` itself.
+ * `<section>`, an `<article>`, or the `<body>` itself — any element that
+ * takes flow content, as a `<div>` does. The overlays' container is a
+ * `<div>` added inside the scope's element, so an element whose content is
+ * restricted — a list, whose children have to be list items, a paragraph,
+ * or a part of a table — is not a scope: put the scope around it instead.
  */
 declare function ThemeScope({ children, render, scheme, theme, ...props }: ThemeScopeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion

package/dist/theme-scope.js

@@ -2,11 +2,12 @@
 import { props } from "./node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
 import { pinnedScheme } from "./styles/scheme.js";
+import { mergeRefs } from "./render/ref.js";
 import { useRender } from "./render/useRender.js";
 import { mergeStyles } from "./styles/merge.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { UNSAFE_PortalProvider } from "react-aria/PortalProvider";
 //#region src/theme-scope.tsx
 const styles = { root: {
@@ -17,6 +18,8 @@ const schemes = {
 	dark: colorDefaultsDarkTheme,
 	light: colorDefaultsLightTheme
 };
+const containerClassName = { className: "x9f619 xjp7ctv" }.className ?? "";
+const containers = /* @__PURE__ */ new WeakMap();
 /**
 * Themes what is inside it, overlays included.
 *
@@ -42,76 +45,122 @@ const schemes = {
 * such an element rather than inside it.
 *
 * `render` swaps the element, for a scope that should be a `<main>`, a
-* `<section>`, or the `<body>` itself.
+* `<section>`, an `<article>`, or the `<body>` itself — any element that
+* takes flow content, as a `<div>` does. The overlays' container is a
+* `<div>` added inside the scope's element, so an element whose content is
+* restricted — a list, whose children have to be list items, a paragraph,
+* or a part of a table — is not a scope: put the scope around it instead.
 */
 function ThemeScope(t0) {
-	const $ = c(17);
-	const { children, render, scheme, theme, ...props$1 } = t0;
+	const $ = c(29);
+	let children;
+	let props$1;
+	let render;
+	let scheme;
+	let theme;
+	if ($[0] !== t0) {
+		({children, render, scheme, theme, ...props$1} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props$1;
+		$[3] = render;
+		$[4] = scheme;
+		$[5] = theme;
+	} else {
+		children = $[1];
+		props$1 = $[2];
+		render = $[3];
+		scheme = $[4];
+		theme = $[5];
+	}
 	const [container, setContainer] = useState(null);
 	let t1;
-	if ($[0] !== container) {
+	if ($[6] !== container) {
 		t1 = () => container;
-		$[0] = container;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[6] = container;
+		$[7] = t1;
+	} else t1 = $[7];
 	const getContainer = t1;
-	const t2 = "div";
-	const t3 = mergeStyles(props(styles.root, tokenScope, scheme !== void 0 && schemes[scheme], scheme !== void 0 && pinnedScheme[scheme]), theme === void 0 ? props$1 : {
-		...props$1,
-		style: {
-			...theme,
-			...props$1.style
-		}
-	});
+	let t2;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (scope) => {
+			if (scope === null) return;
+			let made = containers.get(scope);
+			if (made === void 0) {
+				made = scope.ownerDocument.createElement("div");
+				made.className = containerClassName;
+				scope.append(made);
+				containers.set(scope, made);
+			}
+			setContainer(made);
+		};
+		$[8] = t2;
+	} else t2 = $[8];
+	const attach = t2;
+	const t3 = props$1.ref ?? void 0;
 	let t4;
-	if ($[2] !== children || $[3] !== getContainer) {
-		t4 = /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
+	if ($[9] !== t3) {
+		t4 = mergeRefs(attach, t3);
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	const ref = t4;
+	let t5;
+	if ($[11] !== props$1 || $[12] !== scheme || $[13] !== theme) {
+		let t6;
+		if ($[15] !== props$1 || $[16] !== theme) {
+			t6 = theme === void 0 ? props$1 : {
+				...props$1,
+				style: {
+					...theme,
+					...props$1.style
+				}
+			};
+			$[15] = props$1;
+			$[16] = theme;
+			$[17] = t6;
+		} else t6 = $[17];
+		t5 = mergeStyles(props(styles.root, tokenScope, scheme !== void 0 && schemes[scheme], scheme !== void 0 && pinnedScheme[scheme]), t6);
+		$[11] = props$1;
+		$[12] = scheme;
+		$[13] = theme;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[18] !== children || $[19] !== getContainer) {
+		t6 = /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
 			getContainer,
 			children
 		});
-		$[2] = children;
-		$[3] = getContainer;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== setContainer) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: "x9f619 xjp7ctv",
-			ref: setContainer
-		});
-		$[5] = setContainer;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== t4 || $[8] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t4, t5] });
-		$[7] = t4;
-		$[8] = t5;
-		$[9] = t6;
-	} else t6 = $[9];
+		$[18] = children;
+		$[19] = getContainer;
+		$[20] = t6;
+	} else t6 = $[20];
 	let t7;
-	if ($[10] !== props$1 || $[11] !== t3 || $[12] !== t6) {
+	if ($[21] !== props$1 || $[22] !== ref || $[23] !== t5 || $[24] !== t6) {
 		t7 = {
 			...props$1,
-			...t3,
+			ref,
+			...t5,
 			children: t6
 		};
-		$[10] = props$1;
-		$[11] = t3;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[21] = props$1;
+		$[22] = ref;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
 	let t8;
-	if ($[14] !== render || $[15] !== t7) {
+	if ($[26] !== render || $[27] !== t7) {
 		t8 = {
-			defaultTagName: t2,
+			defaultTagName: "div",
 			props: t7,
 			render
 		};
-		$[14] = render;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[26] = render;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
 	return useRender(t8);
 }
 //#endregion

package/dist/theme-scope.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-scope.js","names":["c","_c","stylex","useCallback","useState","UNSAFE_PortalProvider","PortalProvider","RenderComponentProps","KuiTheme","useRender","mergeStyles","pinnedScheme","colorDefaultsDarkTheme","colorDefaultsLightTheme","tokenScope","styles","root","kB7OPa","$$css","schemes","dark","light","ThemeScopeProps","scheme","theme","ThemeScope","t0","$","children","render","props","container","setContainer","t1","getContainer","t2","t3","undefined","style","t4","t5","t6","t7","t8","defaultTagName","_c","props","stylex.props","PortalProvider"],"sources":["../src/theme-scope.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useState } from 'react';\nimport { UNSAFE_PortalProvider as PortalProvider } from 'react-aria/PortalProvider';\nimport type { RenderComponentProps } from './render/useRender';\nimport type { KuiTheme } from './tokens/theme';\nimport { useRender } from './render/useRender';\nimport { mergeStyles } from './styles/merge';\nimport { pinnedScheme } from './styles/scheme';\nimport { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from './tokens/design.tokens.stylex';\n\n// The component form of `themeScope` and `colorScheme` in ./color-scheme.ts:\n// the same classes, on an element of its own, plus the one thing a class\n// cannot do — take the overlays along. A pinned scheme paints the scope's\n// surface and sets its `color-scheme` too; see src/styles/scheme.ts.\n//\n// React Aria portals every overlay to the end of `<body>` unless a portal\n// provider names another container, so a popover, a sheet, a tooltip or a\n// toast opened inside a themed element renders outside it, and keeps the\n// tokens of the page. The container here is the scope's own last child,\n// which is what makes the overlays inherit whatever the scope inherits: its\n// scheme, and the `--kui-*` overrides declared on it or on any element around\n// it. A container appended to the body and given the scope's classes would\n// carry the classes alone, losing every override declared above the scope.\n//\n// `display: contents` keeps that container out of the layout, so a scope\n// that is a grid or a flex container gains no item and no gap from it. React\n// Aria positions an overlay against the overlay's own containing block rather\n// than the container's box, so a container with no box of its own changes\n// nothing about where a popover lands.\nconst styles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    $$css: true\n  }\n};\nconst schemes = {\n  dark: colorDefaultsDarkTheme,\n  light: colorDefaultsLightTheme\n};\ntype ThemeScopeProps = RenderComponentProps<'div'> & {\n  /**\n   * Pins the scope to the library's light or dark scheme, whatever the\n   * reader's OS asks for. A pinned scope paints its own surface and text in\n   * that scheme and sets `color-scheme` for the native controls inside, so\n   * it reads on any page. Left unset, the scope paints nothing and keeps the\n   * scheme around it: the one an enclosing scope or the `<html>` element\n   * pins, or the OS's.\n   */\n  scheme?: 'dark' | 'light' | undefined;\n  /**\n   * `--kui-*` overrides for everything inside, as a map of the custom\n   * properties `tokens.css` lists to CSS values. The scope declares them on\n   * its own element, as an override in `style` would be, with `style` winning\n   * where the two set the same property.\n   *\n   * The values hold for both schemes. To give light and dark a value each,\n   * keep two maps and hand the scope the one for the scheme in use.\n   */\n  theme?: KuiTheme | undefined;\n};\n\n/**\n * Themes what is inside it, overlays included.\n *\n * A `--kui-*` override declared on the scope — through `theme`, `className`\n * or `style` — or on any element around it reaches every component inside,\n * where on any element but `<html>` it would otherwise reach none, since the\n * tokens resolve once on `:root`. Popovers, sheets, tooltips and toasts\n * opened inside portal into the scope rather than into the body, so they\n * follow it too. The rest of the page keeps its own tokens.\n *\n * ```tsx\n * const accent: KuiTheme = { '--kui-color-primary': '#7d5260' }\n *\n * <ThemeScope scheme=\"dark\" theme={accent}>\n *   <Select label=\"Label\">…</Select>\n * </ThemeScope>\n * ```\n *\n * Because the overlays render inside the scope, an ancestor that confines\n * its descendants confines them too: a `transform` or a `filter` makes a\n * sheet's fixed scrim cover that ancestor rather than the viewport, and\n * `overflow: hidden` with a position clips a popover. Put the scope around\n * such an element rather than inside it.\n *\n * `render` swaps the element, for a scope that should be a `<main>`, a\n * `<section>`, or the `<body>` itself.\n */\nfunction ThemeScope({\n  children,\n  render,\n  scheme,\n  theme,\n  ...props\n}: ThemeScopeProps) {\n  // State rather than a ref, so the overlays render again once the container\n  // exists. React Aria renders an overlay nowhere while `getContainer` hands\n  // back nothing, and one open on the scope's first render would otherwise\n  // stay that way.\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const getContainer = useCallback(() => container, [container]);\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      ...mergeStyles(stylex.props(styles.root, tokenScope, scheme !== undefined && schemes[scheme], scheme !== undefined && pinnedScheme[scheme]), theme === undefined ? props : {\n        ...props,\n        style: {\n          ...theme,\n          ...props.style\n        }\n      }),\n      children: <>\n          <PortalProvider getContainer={getContainer}>\n            {children}\n          </PortalProvider>\n          <div className=\"x9f619 xjp7ctv\" ref={setContainer} />\n        </>\n    },\n    render\n  });\n}\nexport type { KuiTheme } from './tokens/theme';\nexport type { ThemeScopeProps };\nexport { ThemeScope };"],"mappings":";;;;;;;;;;;AA+BA,MAAMe,SAAS,EACbC,MAAM;CACJC,QAAQ;CACRC,OAAO;AACT,EACF;AACA,MAAMC,UAAU;CACdC,MAAMR;CACNS,OAAOR;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAAY,WAAAC,IAAA;CAAA,MAAAC,IAAA1B,EAAA,EAAA;CAAoB,MAAA,EAAA2B,UAAAC,QAAAN,QAAAC,OAAA,GAAAM,YAAAJ;CAWlB,MAAA,CAAAK,WAAAC,gBAAkC5B,SAAgC,IAAI;CAAE,IAAA6B;CAAA,IAAAN,EAAA,OAAAI,WAAA;EACvCE,WAAMF;EAASJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAhD,MAAAO,eAAqBD;CAEH,MAAAE,KAAA;CAGX,MAAAC,KAAA1B,YAAYR,MAAaa,OAAMC,MAAOF,YAAYS,WAAWc,KAAAA,KAAalB,QAAQI,SAASA,WAAWc,KAAAA,KAAa1B,aAAaY,OAAO,GAAGC,UAAUa,KAAAA,IAAVP,UAAA;EAAA,GACxIA;EAAKQ,OACD;GAAA,GACFd;GAAK,GACLM,QAAKQ;EACV;CACF,CAAC;CAAC,IAAAC;CAAA,IAAAZ,EAAA,OAAAC,YAAAD,EAAA,OAAAO,cAAA;EAEEK,KAAA,oBAACS,uBAAD;GAA8Bd;GAC3BN;EADY,CAAA;EAEED,EAAA,KAAAC;EAAAD,EAAA,KAAAO;EAAAP,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAK,cAAA;EACjBQ,KAAA,oBAAA,OAAA;GAAe,WAAA;GAAsBR,KAAAA;EAAY,CAAA;EAAIL,EAAA,KAAAK;EAAAL,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,OAAAY,MAAAZ,EAAA,OAAAa,IAAA;EAJ/CC,KAAA,qBAAA,YAAA,EAAA,UAAA,CACNF,IAGAC,EAAqD,EAAA,CAAA;EACpDb,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;EAAAb,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAG,WAAAH,EAAA,QAAAS,MAAAT,EAAA,QAAAc,IAAA;EAdAC,KAAA;GAAA,GACFZ;GAAK,GACLM;GAMDR,UACQa;EAMZ;EAACd,EAAA,MAAAG;EAAAH,EAAA,MAAAS;EAAAT,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,QAAAE,UAAAF,EAAA,QAAAe,IAAA;EAjBcC,KAAA;GAAAC,gBACCT;GAAKL,OACdY;GAeNb;EAEH;EAACF,EAAA,MAAAE;EAAAF,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,OAnBMlB,UAAUkC,EAmBhB;AAAC"}
+{"version":3,"file":"theme-scope.js","names":["c","_c","stylex","useCallback","useMemo","useState","UNSAFE_PortalProvider","PortalProvider","RenderComponentProps","KuiTheme","mergeRefs","useRender","mergeStyles","pinnedScheme","colorDefaultsDarkTheme","colorDefaultsLightTheme","tokenScope","styles","root","kB7OPa","$$css","schemes","dark","light","ThemeScopeProps","scheme","theme","containerClassName","className","containers","WeakMap","Element","HTMLDivElement","ThemeScope","t0","$","children","props","render","container","setContainer","t1","getContainer","t2","Symbol","for","scope","made","get","undefined","ownerDocument","createElement","append","set","attach","t3","ref","t4","t5","t6","style","t7","t8","defaultTagName","_c","props","stylex.props","PortalProvider"],"sources":["../src/theme-scope.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useMemo, useState } from 'react';\nimport { UNSAFE_PortalProvider as PortalProvider } from 'react-aria/PortalProvider';\nimport type { RenderComponentProps } from './render/useRender';\nimport type { KuiTheme } from './tokens/theme';\nimport { mergeRefs } from './render/ref';\nimport { useRender } from './render/useRender';\nimport { mergeStyles } from './styles/merge';\nimport { pinnedScheme } from './styles/scheme';\nimport { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from './tokens/design.tokens.stylex';\n\n// The component form of `themeScope` and `colorScheme` in ./color-scheme.ts:\n// the same classes, on an element of its own, plus the one thing a class\n// cannot do — take the overlays along. A pinned scheme paints the scope's\n// surface and sets its `color-scheme` too; see src/styles/scheme.ts.\n//\n// React Aria portals every overlay to the end of `<body>` unless a portal\n// provider names another container, so a popover, a sheet, a tooltip or a\n// toast opened inside a themed element renders outside it, and keeps the\n// tokens of the page. The container here is inside the scope's own element,\n// which is what makes the overlays inherit whatever the scope inherits: its\n// scheme, and the `--kui-*` overrides declared on it or on any element around\n// it. A container appended to the body and given the scope's classes would\n// carry the classes alone, losing every override declared above the scope.\n//\n// It is appended to the scope's element once that element is in the document,\n// rather than rendered as one of its children. A rendered `<div>` was a child\n// of whatever the scope rendered as, so a scope rendered as a `<p>` drew\n// React's nesting error and a hydration warning, and the server's markup held\n// a `<div>` inside it. Appended, it is in neither React's tree nor the\n// server's markup, and it is there before anything can open into it.\n//\n// `display: contents` keeps that container out of the layout, so a scope\n// that is a grid or a flex container gains no item and no gap from it. React\n// Aria positions an overlay against the overlay's own containing block rather\n// than the container's box, so a container with no box of its own changes\n// nothing about where a popover lands.\nconst styles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    $$css: true\n  }\n};\nconst schemes = {\n  dark: colorDefaultsDarkTheme,\n  light: colorDefaultsLightTheme\n};\ntype ThemeScopeProps = RenderComponentProps<'div'> & {\n  /**\n   * Pins the scope to the library's light or dark scheme, whatever the\n   * reader's OS asks for. A pinned scope paints its own surface and text in\n   * that scheme and sets `color-scheme` for the native controls inside, so\n   * it reads on any page. Left unset, the scope paints nothing and keeps the\n   * scheme around it: the one an enclosing scope or the `<html>` element\n   * pins, or the OS's.\n   */\n  scheme?: 'dark' | 'light' | undefined;\n  /**\n   * `--kui-*` overrides for everything inside, as a map of the custom\n   * properties `tokens.css` lists to CSS values. The scope declares them on\n   * its own element, as an override in `style` would be, with `style` winning\n   * where the two set the same property.\n   *\n   * The values hold for both schemes. To give light and dark a value each,\n   * keep two maps and hand the scope the one for the scheme in use.\n   */\n  theme?: KuiTheme | undefined;\n};\n\n// The container's class, the one thing it carries: it is made with\n// `createElement`, which takes no props.\nconst containerClassName = {\n  className: \"x9f619 xjp7ctv\"\n}.className ?? '';\n\n// The container made for each scope's element. A ref attaches again whenever\n// the call site hands a ref of a new identity, and a new container each time\n// would move every open overlay into it, which remounts them. So the one an\n// element already holds is kept as it is — not even appended again, since\n// moving a node blurs whatever inside it has focus — and a new one is made\n// only for a new element, as when `render` changes the tag. React removes an\n// old element with its container in it, and the map lets both go.\nconst containers = new WeakMap<Element, HTMLDivElement>();\n\n/**\n * Themes what is inside it, overlays included.\n *\n * A `--kui-*` override declared on the scope — through `theme`, `className`\n * or `style` — or on any element around it reaches every component inside,\n * where on any element but `<html>` it would otherwise reach none, since the\n * tokens resolve once on `:root`. Popovers, sheets, tooltips and toasts\n * opened inside portal into the scope rather than into the body, so they\n * follow it too. The rest of the page keeps its own tokens.\n *\n * ```tsx\n * const accent: KuiTheme = { '--kui-color-primary': '#7d5260' }\n *\n * <ThemeScope scheme=\"dark\" theme={accent}>\n *   <Select label=\"Label\">…</Select>\n * </ThemeScope>\n * ```\n *\n * Because the overlays render inside the scope, an ancestor that confines\n * its descendants confines them too: a `transform` or a `filter` makes a\n * sheet's fixed scrim cover that ancestor rather than the viewport, and\n * `overflow: hidden` with a position clips a popover. Put the scope around\n * such an element rather than inside it.\n *\n * `render` swaps the element, for a scope that should be a `<main>`, a\n * `<section>`, an `<article>`, or the `<body>` itself — any element that\n * takes flow content, as a `<div>` does. The overlays' container is a\n * `<div>` added inside the scope's element, so an element whose content is\n * restricted — a list, whose children have to be list items, a paragraph,\n * or a part of a table — is not a scope: put the scope around it instead.\n */\nfunction ThemeScope({\n  children,\n  render,\n  scheme,\n  theme,\n  ...props\n}: ThemeScopeProps) {\n  // State rather than a ref, so the overlays render again once the container\n  // exists. React Aria renders an overlay nowhere while `getContainer` hands\n  // back nothing, and one open on the scope's first render would otherwise\n  // stay that way.\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const getContainer = useCallback(() => container, [container]);\n  const attach = useCallback((scope: HTMLDivElement | null) => {\n    if (scope === null) {\n      return;\n    }\n    let made = containers.get(scope);\n    if (made === undefined) {\n      made = scope.ownerDocument.createElement('div');\n      made.className = containerClassName;\n      scope.append(made);\n      containers.set(scope, made);\n    }\n    setContainer(made);\n  }, []);\n  // The call site's ref lands on the same element. Read off `props` rather\n  // than destructured, as `useRender` reads it, so the compiler sees a prop\n  // holding still rather than a ref read during render.\n  const ref = useMemo(() => mergeRefs(attach, props.ref ?? undefined), [attach, props.ref]);\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      ref,\n      ...mergeStyles(stylex.props(styles.root, tokenScope, scheme !== undefined && schemes[scheme], scheme !== undefined && pinnedScheme[scheme]), theme === undefined ? props : {\n        ...props,\n        style: {\n          ...theme,\n          ...props.style\n        }\n      }),\n      children: <PortalProvider getContainer={getContainer}>{children}</PortalProvider>\n    },\n    render\n  });\n}\nexport type { KuiTheme } from './tokens/theme';\nexport type { ThemeScopeProps };\nexport { ThemeScope };"],"mappings":"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"}

package/dist/tokens/design.tokens.stylex.js.map

@@ -1 +1 @@
-{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","media","belowExpanded","belowExtraLarge","belowLarge","belowMedium"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n  background: \"var(--x11lqfhi)\",\n  error: \"var(--xrqi77u)\",\n  errorContainer: \"var(--x82z8jw)\",\n  inverseOnSurface: \"var(--xey760i)\",\n  inversePrimary: \"var(--x1trscgf)\",\n  inverseSurface: \"var(--x1i3zbmj)\",\n  negative: \"var(--x1srpzsd)\",\n  negativeContainer: \"var(--x15kkkkd)\",\n  onBackground: \"var(--x3jqtd5)\",\n  onError: \"var(--x1p11w7)\",\n  onErrorContainer: \"var(--x1g3s5u0)\",\n  onNegative: \"var(--xvkb642)\",\n  onNegativeContainer: \"var(--x1bbk4uq)\",\n  onPositive: \"var(--xirk23p)\",\n  onPositiveContainer: \"var(--xtdi97o)\",\n  onPrimary: \"var(--x1pbr5ko)\",\n  onPrimaryContainer: \"var(--x16857a7)\",\n  onPrimaryFixed: \"var(--xbdn1ia)\",\n  onPrimaryFixedVariant: \"var(--x17lawo6)\",\n  onSecondary: \"var(--x1cp179l)\",\n  onSecondaryContainer: \"var(--x1jlz0n7)\",\n  onSecondaryFixed: \"var(--x1hhc6tz)\",\n  onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n  onSurface: \"var(--xdn6aro)\",\n  onSurfaceVariant: \"var(--x4604rt)\",\n  onTertiary: \"var(--x132ctuv)\",\n  onTertiaryContainer: \"var(--xgnutht)\",\n  onTertiaryFixed: \"var(--x1ysnvcz)\",\n  onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n  outline: \"var(--x1fpgh70)\",\n  outlineVariant: \"var(--xzldpa8)\",\n  positive: \"var(--x13hikrd)\",\n  positiveContainer: \"var(--xlj0u70)\",\n  primary: \"var(--x14za91n)\",\n  primaryContainer: \"var(--x1ec4otz)\",\n  primaryFixed: \"var(--x1j381ev)\",\n  primaryFixedDim: \"var(--x8doykj)\",\n  scrim: \"var(--xyme5sg)\",\n  secondary: \"var(--x1ol0e1a)\",\n  secondaryContainer: \"var(--xemq5b8)\",\n  secondaryFixed: \"var(--xhpqfgm)\",\n  secondaryFixedDim: \"var(--x41clx7)\",\n  shadow: \"var(--x1wc4n63)\",\n  surface: \"var(--xpk6svv)\",\n  surfaceBright: \"var(--xqwhmb8)\",\n  surfaceContainer: \"var(--x1sde9bn)\",\n  surfaceContainerHigh: \"var(--xcu50ml)\",\n  surfaceContainerHighest: \"var(--x1rcd2bb)\",\n  surfaceContainerLow: \"var(--xnes5mg)\",\n  surfaceContainerLowest: \"var(--x2633xs)\",\n  surfaceDim: \"var(--x1qike4i)\",\n  surfaceTint: \"var(--x117542l)\",\n  surfaceVariant: \"var(--x13gaudu)\",\n  tertiary: \"var(--xp06fov)\",\n  tertiaryContainer: \"var(--xjl3qbu)\",\n  tertiaryFixed: \"var(--xepjwm)\",\n  tertiaryFixedDim: \"var(--x1mnnhxz)\",\n  __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n  x9cbvzh: \"x1vipc3i x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n  x9cbvzh: \"xf26cth x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n  x1qza42b: \"xph554m x1qza42b\",\n  $$css: true\n};\nconst motionScope = {\n  x1dv3b2k: \"xph554m x1dv3b2k\",\n  $$css: true\n};\nconst radiiScope = {\n  xhnz8s7: \"xph554m xhnz8s7\",\n  $$css: true\n};\nconst shadowsScope = {\n  x1j0lhbx: \"xph554m x1j0lhbx\",\n  $$css: true\n};\nconst sizingScope = {\n  xzhmma2: \"xph554m xzhmma2\",\n  $$css: true\n};\nconst spacingScope = {\n  x1egpaah: \"xph554m x1egpaah\",\n  $$css: true\n};\nconst stateLayerOpacityScope = {\n  x1dldgtb: \"xph554m x1dldgtb\",\n  $$css: true\n};\nconst typographyScope = {\n  x1q1jnkv: \"xph554m x1q1jnkv\",\n  $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}
+{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","container","belowExpanded","belowExtraLarge","belowLarge","belowMedium","media"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n  background: \"var(--x11lqfhi)\",\n  error: \"var(--xrqi77u)\",\n  errorContainer: \"var(--x82z8jw)\",\n  inverseOnSurface: \"var(--xey760i)\",\n  inversePrimary: \"var(--x1trscgf)\",\n  inverseSurface: \"var(--x1i3zbmj)\",\n  negative: \"var(--x1srpzsd)\",\n  negativeContainer: \"var(--x15kkkkd)\",\n  onBackground: \"var(--x3jqtd5)\",\n  onError: \"var(--x1p11w7)\",\n  onErrorContainer: \"var(--x1g3s5u0)\",\n  onNegative: \"var(--xvkb642)\",\n  onNegativeContainer: \"var(--x1bbk4uq)\",\n  onPositive: \"var(--xirk23p)\",\n  onPositiveContainer: \"var(--xtdi97o)\",\n  onPrimary: \"var(--x1pbr5ko)\",\n  onPrimaryContainer: \"var(--x16857a7)\",\n  onPrimaryFixed: \"var(--xbdn1ia)\",\n  onPrimaryFixedVariant: \"var(--x17lawo6)\",\n  onSecondary: \"var(--x1cp179l)\",\n  onSecondaryContainer: \"var(--x1jlz0n7)\",\n  onSecondaryFixed: \"var(--x1hhc6tz)\",\n  onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n  onSurface: \"var(--xdn6aro)\",\n  onSurfaceVariant: \"var(--x4604rt)\",\n  onTertiary: \"var(--x132ctuv)\",\n  onTertiaryContainer: \"var(--xgnutht)\",\n  onTertiaryFixed: \"var(--x1ysnvcz)\",\n  onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n  outline: \"var(--x1fpgh70)\",\n  outlineVariant: \"var(--xzldpa8)\",\n  positive: \"var(--x13hikrd)\",\n  positiveContainer: \"var(--xlj0u70)\",\n  primary: \"var(--x14za91n)\",\n  primaryContainer: \"var(--x1ec4otz)\",\n  primaryFixed: \"var(--x1j381ev)\",\n  primaryFixedDim: \"var(--x8doykj)\",\n  scrim: \"var(--xyme5sg)\",\n  secondary: \"var(--x1ol0e1a)\",\n  secondaryContainer: \"var(--xemq5b8)\",\n  secondaryFixed: \"var(--xhpqfgm)\",\n  secondaryFixedDim: \"var(--x41clx7)\",\n  shadow: \"var(--x1wc4n63)\",\n  surface: \"var(--xpk6svv)\",\n  surfaceBright: \"var(--xqwhmb8)\",\n  surfaceContainer: \"var(--x1sde9bn)\",\n  surfaceContainerHigh: \"var(--xcu50ml)\",\n  surfaceContainerHighest: \"var(--x1rcd2bb)\",\n  surfaceContainerLow: \"var(--xnes5mg)\",\n  surfaceContainerLowest: \"var(--x2633xs)\",\n  surfaceDim: \"var(--x1qike4i)\",\n  surfaceTint: \"var(--x117542l)\",\n  surfaceVariant: \"var(--x13gaudu)\",\n  tertiary: \"var(--xp06fov)\",\n  tertiaryContainer: \"var(--xjl3qbu)\",\n  tertiaryFixed: \"var(--xepjwm)\",\n  tertiaryFixedDim: \"var(--x1mnnhxz)\",\n  __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n  x9cbvzh: \"x1vipc3i x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n  x9cbvzh: \"xf26cth x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n  x1qza42b: \"xph554m x1qza42b\",\n  $$css: true\n};\nconst motionScope = {\n  x1dv3b2k: \"xph554m x1dv3b2k\",\n  $$css: true\n};\nconst radiiScope = {\n  xhnz8s7: \"xph554m xhnz8s7\",\n  $$css: true\n};\nconst shadowsScope = {\n  x1j0lhbx: \"xph554m x1j0lhbx\",\n  $$css: true\n};\nconst sizingScope = {\n  xzhmma2: \"xph554m xzhmma2\",\n  $$css: true\n};\nconst spacingScope = {\n  x1egpaah: \"xph554m x1egpaah\",\n  $$css: true\n};\nconst stateLayerOpacityScope = {\n  x1dldgtb: \"xph554m x1dldgtb\",\n  $$css: true\n};\nconst typographyScope = {\n  x1q1jnkv: \"xph554m x1q1jnkv\",\n  $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst container = {\n  belowExpanded: \"@container (width < 840px)\",\n  belowExtraLarge: \"@container (width < 1600px)\",\n  belowLarge: \"@container (width < 1200px)\",\n  belowMedium: \"@container (width < 600px)\",\n  expanded: \"@container (width >= 840px)\",\n  extraLarge: \"@container (width >= 1600px)\",\n  large: \"@container (width >= 1200px)\",\n  medium: \"@container (width >= 600px)\"\n};\nexport { container };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.43.7",
+  "version": "0.44.1",
   "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
   "keywords": [
     "react",
@@ -80,55 +80,56 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",
     "@babel/core": "7.29.7",
-    "@chromatic-com/storybook": "5.5.1",
+    "@chromatic-com/storybook": "5.6.0",
     "@codecov/rollup-plugin": "2.0.1",
-    "@commitlint/cli": "21.2.3",
-    "@commitlint/config-conventional": "21.2.3",
+    "@commitlint/cli": "21.2.4",
+    "@commitlint/config-conventional": "21.2.4",
     "@eslint/js": "10.0.1",
-    "@kanso-labs/unplugin-style-dictionary": "0.10.34",
+    "@kanso-labs/unplugin-style-dictionary": "0.10.36",
     "@microsoft/api-extractor": "7.59.4",
     "@rolldown/plugin-babel": "0.2.4",
-    "@storybook/addon-a11y": "10.6.2",
-    "@storybook/addon-docs": "10.6.2",
-    "@storybook/addon-vitest": "10.6.2",
-    "@storybook/builder-vite": "10.6.2",
-    "@storybook/react-vite": "10.6.2",
+    "@storybook/addon-a11y": "10.6.3",
+    "@storybook/addon-docs": "10.6.3",
+    "@storybook/addon-vitest": "10.6.3",
+    "@storybook/builder-vite": "10.6.3",
+    "@storybook/react-vite": "10.6.3",
     "@stylexjs/stylex": "0.19.1",
     "@stylexjs/unplugin": "0.19.1",
     "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.3",
+    "@types/node": "26.6.5",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
     "@vitejs/plugin-react": "6.1.2",
-    "@vitest/browser-playwright": "4.1.12",
-    "@vitest/coverage-v8": "4.1.12",
+    "@vitest/browser-playwright": "5.0.5",
+    "@vitest/coverage-v8": "5.0.5",
     "babel-plugin-react-compiler": "1.0.0",
     "eslint": "10.13.0",
-    "eslint-plugin-oxlint": "1.88.0",
-    "eslint-plugin-perfectionist": "5.12.1",
+    "eslint-plugin-oxlint": "1.89.0",
+    "eslint-plugin-perfectionist": "5.13.0",
     "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-react-refresh": "0.5.7",
-    "eslint-plugin-storybook": "10.6.2",
+    "eslint-plugin-storybook": "10.6.3",
     "globals": "17.13.0",
     "husky": "9.1.7",
     "lightningcss": "1.33.0",
     "lint-staged": "17.6.0",
-    "oxfmt": "0.73.0",
-    "oxlint": "1.88.0",
+    "oxfmt": "0.74.0",
+    "oxlint": "1.89.0",
     "oxlint-tsgolint": "7.0.2004",
     "playwright": "1.64.1",
     "publint": "0.3.25",
     "react": "19.3.1",
     "react-dom": "19.3.1",
     "rimraf": "6.1.3",
-    "storybook": "10.6.2",
+    "storybook": "10.6.3",
     "style-dictionary": "5.7.0",
     "tsdown": "0.23.1",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.71.2",
+    "typescript-eslint": "8.72.0",
     "vite": "8.3.4",
-    "vitest": "4.1.12"
+    "vitest": "5.0.5"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/dist/hooks/useScrollable.js

@@ -1,69 +0,0 @@
-import { c } from "react/compiler-runtime";
-import { useLayoutEffect, useState } from "react";
-//#region src/hooks/useScrollable.ts
-/**
-* Whether the element in `ref` is scrolling its content: whether the content
-* runs past the element's own block size. Kept current as the element
-* resizes and as its content changes.
-*
-* What it is for is keyboard access. A scroll container with nothing
-* focusable inside it cannot be reached from the keyboard in every browser,
-* so a component makes it a tab stop while this is true, and only then — a
-* body short enough to show whole is no stop at all.
-*
-* The element is watched for its own size, and each child for its size, since
-* a child growing is how content outgrows a container whose size is capped.
-* The children are re-observed whenever the content changes, and a change of
-* text alone is caught by the same mutation observer. Measured in a layout
-* effect, so the first paint already has the answer rather than a frame
-* later.
-*/
-function useScrollable(ref) {
-	const $ = c(3);
-	const [scrollable, setScrollable] = useState(false);
-	let t0;
-	let t1;
-	if ($[0] !== ref) {
-		t0 = () => {
-			const element = ref.current;
-			if (element === null) return;
-			const measure = () => {
-				setScrollable(element.scrollHeight > element.clientHeight);
-			};
-			const resize = new ResizeObserver(measure);
-			const observe = () => {
-				resize.disconnect();
-				resize.observe(element);
-				for (const child of element.children) resize.observe(child);
-			};
-			const mutation = new MutationObserver(() => {
-				observe();
-				measure();
-			});
-			observe();
-			mutation.observe(element, {
-				characterData: true,
-				childList: true,
-				subtree: true
-			});
-			measure();
-			return () => {
-				resize.disconnect();
-				mutation.disconnect();
-			};
-		};
-		t1 = [ref];
-		$[0] = ref;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	useLayoutEffect(t0, t1);
-	return scrollable;
-}
-//#endregion
-export { useScrollable };
-
-//# sourceMappingURL=useScrollable.js.map

package/dist/hooks/useScrollable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollable.js","names":["RefObject","useLayoutEffect","useState","useScrollable","ref","$","_c","scrollable","setScrollable","t0","t1","element","current","measure","scrollHeight","clientHeight","resize","ResizeObserver","observe","disconnect","child","children","mutation","MutationObserver","characterData","childList","subtree","_c"],"sources":["../../src/hooks/useScrollable.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { useLayoutEffect, useState } from 'react'\n\n/**\n * Whether the element in `ref` is scrolling its content: whether the content\n * runs past the element's own block size. Kept current as the element\n * resizes and as its content changes.\n *\n * What it is for is keyboard access. A scroll container with nothing\n * focusable inside it cannot be reached from the keyboard in every browser,\n * so a component makes it a tab stop while this is true, and only then — a\n * body short enough to show whole is no stop at all.\n *\n * The element is watched for its own size, and each child for its size, since\n * a child growing is how content outgrows a container whose size is capped.\n * The children are re-observed whenever the content changes, and a change of\n * text alone is caught by the same mutation observer. Measured in a layout\n * effect, so the first paint already has the answer rather than a frame\n * later.\n */\nfunction useScrollable(ref: RefObject<HTMLElement | null>): boolean {\n  const [scrollable, setScrollable] = useState(false)\n\n  useLayoutEffect(() => {\n    const element = ref.current\n    if (element === null) {\n      return undefined\n    }\n\n    const measure = () => {\n      setScrollable(element.scrollHeight > element.clientHeight)\n    }\n    const resize = new ResizeObserver(measure)\n    const observe = () => {\n      resize.disconnect()\n      resize.observe(element)\n      for (const child of element.children) {\n        resize.observe(child)\n      }\n    }\n    const mutation = new MutationObserver(() => {\n      observe()\n      measure()\n    })\n\n    observe()\n    mutation.observe(element, {\n      characterData: true,\n      childList: true,\n      subtree: true,\n    })\n    measure()\n\n    return () => {\n      resize.disconnect()\n      mutation.disconnect()\n    }\n  }, [ref])\n\n  return scrollable\n}\n\nexport { useScrollable }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,SAAAG,cAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACE,MAAA,CAAAC,YAAAC,iBAAoCN,SAAS,KAAK;CAAC,IAAAO;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,KAAA;EAEnCK,WAAA;GACd,MAAAE,UAAgBP,IAAGQ;GACnB,IAAID,YAAY,MAAI;GAIpB,MAAAE,gBAAgB;IACdL,cAAcG,QAAOG,eAAgBH,QAAOI,YAAa;GAAC;GAE5D,MAAAC,SAAe,IAAIC,eAAeJ,OAAO;GACzC,MAAAK,gBAAgB;IACdF,OAAMG,WAAY;IAClBH,OAAME,QAASP,OAAO;IACtB,KAAK,MAAAS,SAAeT,QAAOU,UACzBL,OAAME,QAASE,KAAK;GACrB;GAEH,MAAAE,WAAiB,IAAIC,uBAAiB;IACpCL,QAAQ;IACRL,QAAQ;GAAC,CACV;GAEDK,QAAQ;GACRI,SAAQJ,QAASP,SAAS;IAAAa,eACT;IAAIC,WACR;IAAIC,SACN;GACX,CAAC;GACDb,QAAQ;GAAC,aAEF;IACLG,OAAMG,WAAY;IAClBG,SAAQH,WAAY;GAAC;EACtB;EACAT,KAAA,CAACN,GAAG;EAACC,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAD,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAlCRJ,gBAAgBQ,IAkCbC,EAAK;CAAC,OAEFH;AAAU"}