@kanso-labs/kanso-ui 0.44.1 → 0.45.1

package/dist/theme-scope.js

@@ -2,13 +2,13 @@
 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 { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { UNSAFE_PortalProvider } from "react-aria/PortalProvider";
+import { useIsSSR } from "react-aria/SSRProvider";
 //#region src/theme-scope.tsx
 const styles = { root: {
 	kB7OPa: "x9f619",
@@ -19,7 +19,13 @@ const schemes = {
 	light: colorDefaultsLightTheme
 };
 const containerClassName = { className: "x9f619 xjp7ctv" }.className ?? "";
-const containers = /* @__PURE__ */ new WeakMap();
+/** The overlays' container, or nothing where there is no document. */
+function makeContainer() {
+	if (typeof document === "undefined") return null;
+	const made = document.createElement("div");
+	made.className = containerClassName;
+	return made;
+}
 /**
 * Themes what is inside it, overlays included.
 *
@@ -50,118 +56,100 @@ const containers = /* @__PURE__ */ new WeakMap();
 * `<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.
+*
+* That container comes after whatever the scope renders, and it has no box,
+* so layout never sees it, but selectors do. Inside the scope the last
+* element the call site rendered is not `:last-child` and is counted wrong
+* by `:nth-last-child()`, a lone child is not `:only-child`, and a scope
+* with nothing in it is not `:empty`. Key a rule like that on something of
+* the call site's own, such as a class, or put the scope around the element
+* whose children it counts.
+*
+* What reaches a scope from around it is the scheme and the `--kui-*`
+* properties. It resolves every token again from those two, so a theme
+* applied around it in any other way stops at its edge.
 */
 function ThemeScope(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);
+	const $ = c(21);
+	const { children, render, scheme, theme, ...props$1 } = t0;
+	const [container] = useState(makeContainer);
+	const isSSR = useIsSSR();
 	let t1;
-	if ($[6] !== container) {
-		t1 = () => container;
-		$[6] = container;
-		$[7] = t1;
-	} else t1 = $[7];
+	if ($[0] !== container || $[1] !== isSSR) {
+		t1 = () => isSSR ? null : container;
+		$[0] = container;
+		$[1] = isSSR;
+		$[2] = t1;
+	} else t1 = $[2];
 	const getContainer = t1;
 	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);
+	if ($[3] !== container) {
+		t2 = (marker) => {
+			const scope = marker?.parentElement ?? null;
+			if (marker === null || scope === null || container === null) return;
+			if (container.parentElement !== scope) scope.append(container);
+			marker.remove();
 		};
-		$[8] = t2;
-	} else t2 = $[8];
-	const attach = t2;
-	const t3 = props$1.ref ?? void 0;
-	let t4;
-	if ($[9] !== t3) {
-		t4 = mergeRefs(attach, t3);
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
-	const ref = t4;
+		$[3] = container;
+		$[4] = t2;
+	} else t2 = $[4];
+	const place = t2;
+	const t3 = "div";
+	const t4 = 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 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];
+	if ($[5] !== isSSR || $[6] !== place) {
+		t5 = !isSSR && /* @__PURE__ */ jsx("template", { ref: place });
+		$[5] = isSSR;
+		$[6] = place;
+		$[7] = t5;
+	} else t5 = $[7];
 	let t6;
-	if ($[18] !== children || $[19] !== getContainer) {
+	if ($[8] !== children || $[9] !== getContainer) {
 		t6 = /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
 			getContainer,
 			children
 		});
-		$[18] = children;
-		$[19] = getContainer;
-		$[20] = t6;
-	} else t6 = $[20];
+		$[8] = children;
+		$[9] = getContainer;
+		$[10] = t6;
+	} else t6 = $[10];
 	let t7;
-	if ($[21] !== props$1 || $[22] !== ref || $[23] !== t5 || $[24] !== t6) {
-		t7 = {
-			...props$1,
-			ref,
-			...t5,
-			children: t6
-		};
-		$[21] = props$1;
-		$[22] = ref;
-		$[23] = t5;
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
+	if ($[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t5, t6] });
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[26] !== render || $[27] !== t7) {
+	if ($[14] !== props$1 || $[15] !== t4 || $[16] !== t7) {
 		t8 = {
-			defaultTagName: "div",
-			props: t7,
+			...props$1,
+			...t4,
+			children: t7
+		};
+		$[14] = props$1;
+		$[15] = t4;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== render || $[19] !== t8) {
+		t9 = {
+			defaultTagName: t3,
+			props: t8,
 			render
 		};
-		$[26] = render;
-		$[27] = t7;
-		$[28] = t8;
-	} else t8 = $[28];
-	return useRender(t8);
+		$[18] = render;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return useRender(t9);
 }
 //#endregion
 export { ThemeScope };

package/dist/theme-scope.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"theme-scope.js","names":["c","_c","KuiTheme","stylex","useCallback","useState","UNSAFE_PortalProvider","PortalProvider","useIsSSR","RenderComponentProps","useRender","mergeStyles","pinnedScheme","colorDefaultsDarkTheme","colorDefaultsLightTheme","tokenScope","styles","root","kB7OPa","$$css","schemes","dark","light","ThemeScopeProps","scheme","theme","containerClassName","className","makeContainer","document","made","createElement","ThemeScope","t0","$","children","render","props","container","isSSR","t1","getContainer","t2","marker","scope","parentElement","append","remove","place","t3","t4","undefined","style","t5","t6","t7","t8","t9","defaultTagName","_c","props","stylex.props","PortalProvider"],"sources":["../src/theme-scope.tsx"],"sourcesContent":["'use client';\n\nimport type { KuiTheme } from '@kanso-labs/kanso-ui-core';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useState } from 'react';\nimport { UNSAFE_PortalProvider as PortalProvider } from 'react-aria/PortalProvider';\nimport { useIsSSR } from 'react-aria/SSRProvider';\nimport type { RenderComponentProps } from './render/useRender';\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 rather than rendered as one of its\n// children. A rendered `<div>` was a child of whatever the scope rendered as,\n// so a scope rendered as a `<p>` drew React's nesting error and a hydration\n// warning, and the server's markup held a `<div>` inside it. Appended, it is\n// in neither React's tree nor the server's markup.\n//\n// It has to be in place before anything inside the scope runs a layout\n// effect, which is earlier than the scope's own ref: React attaches an\n// element's ref once everything inside it has run its layout effects. An\n// overlay open on the scope's first render reads its own element in one of\n// those effects, once — React Aria decides there whether a popover is a\n// dialog, and hides or makes inert the page behind a modal — so an overlay\n// mounted a render late, or into a container not yet in the document, gets\n// those wrong for as long as it stays open: a hover popover kept a second,\n// unnamed dialog role around its own, and a sheet left the page behind it\n// reachable. So the container is made on the first render and handed out\n// from it, and a `<template>` rendered ahead of the children appends it,\n// since its ref attaches before anything after it runs an effect. The\n// template then removes itself, so the call site's children keep their\n// places for `:first-child` and `:nth-child`. React never inserts anything\n// before it and only ever removes it along with the scope's element, so\n// nothing reaches for it once it is gone.\n//\n// Nothing is handed out while the page hydrates, as React Aria hands out\n// nothing then either: the server rendered no overlay, so a portal would be\n// a mismatch. One open from the start renders once hydration is over, as it\n// would outside a 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. It is still an element, so a selector\n// that counts the scope's children counts it; the description below says\n// what that changes for a call site.\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 a `colorScheme` class\n   * pins, on the `<html>` element or nearer, or else 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 overlays' container, or nothing where there is no document. */\nfunction makeContainer() {\n  if (typeof document === 'undefined') {\n    return null;\n  }\n  const made = document.createElement('div');\n  made.className = containerClassName;\n  return made;\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>`, 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 *\n * That container comes after whatever the scope renders, and it has no box,\n * so layout never sees it, but selectors do. Inside the scope the last\n * element the call site rendered is not `:last-child` and is counted wrong\n * by `:nth-last-child()`, a lone child is not `:only-child`, and a scope\n * with nothing in it is not `:empty`. Key a rule like that on something of\n * the call site's own, such as a class, or put the scope around the element\n * whose children it counts.\n *\n * What reaches a scope from around it is the scheme and the `--kui-*`\n * properties. It resolves every token again from those two, so a theme\n * applied around it in any other way stops at its edge.\n */\nfunction ThemeScope({\n  children,\n  render,\n  scheme,\n  theme,\n  ...props\n}: ThemeScopeProps) {\n  // One container for the scope's life. A new element, as when `render`\n  // changes the tag, has the same one moved into it rather than a new one\n  // made, which would remount every open overlay.\n  const [container] = useState(makeContainer);\n  const isSSR = useIsSSR();\n  const getContainer = useCallback(() => isSSR ? null : container, [container, isSSR]);\n\n  // The scope's element is the template's parent. A template met again —\n  // React hands the ref over again when it changes, and twice under strict\n  // mode — has already left it, and finds no parent. The container is\n  // appended only where it is not already, since moving a node blurs\n  // whatever inside it has focus.\n  const place = useCallback((marker: HTMLTemplateElement | null) => {\n    const scope = marker?.parentElement ?? null;\n    if (marker === null || scope === null || container === null) {\n      return;\n    }\n    if (container.parentElement !== scope) {\n      scope.append(container);\n    }\n    marker.remove();\n  }, [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          {!isSSR && <template ref={place} />}\n          <PortalProvider getContainer={getContainer}>\n            {children}\n          </PortalProvider>\n        </>\n    },\n    render\n  });\n}\n\n// kanso-ui-core's, re-exported. The package is a devDependency, so the build\n// writes the type's declaration into dist rather than an import of it, and\n// scripts/check-package.mjs fails a declaration that still names the package.\nexport type { KuiTheme } from '@kanso-labs/kanso-ui-core';\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","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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"}
+{"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 @kanso-labs/kanso-ui-core's\n// tokens.json, and not committed. Do not hand-edit — a token changes in\n// kanso-ui-core, and `npm run tokens:build` regenerates this.\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/dist/tokens/values.js.map

@@ -1 +1 @@
-{"version":3,"file":"values.js","names":["motionDurationMs","long1","long2","long3","medium1","medium2","medium3","short1","short2","short3","const","motionEasing","emphasized","emphasizedAccelerate","emphasizedDecelerate","springFast","springSlow","standard","spacingPx","lg","md","sm","xl","xs","xxl","xxs","xxxl"],"sources":["../../src/tokens/values.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//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAwBA,MAAMA,mBAAmB;CACvBC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;AACV;AAEA,MAAME,eAAe;CACnBC,YAAY;CACZC,sBAAsB;CACtBC,sBAAsB;CACtBC,YAAY;CACZC,YAAY;CACZC,UAAU;AACZ;AAEA,MAAMC,YAAY;CAChBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;AACR"}
+{"version":3,"file":"values.js","names":["motionDurationMs","long1","long2","long3","medium1","medium2","medium3","short1","short2","short3","const","motionEasing","emphasized","emphasizedAccelerate","emphasizedDecelerate","springFast","springSlow","standard","spacingPx","lg","md","sm","xl","xs","xxl","xxs","xxxl"],"sources":["../../src/tokens/values.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from @kanso-labs/kanso-ui-core's\n// tokens.json, and not committed. Do not hand-edit — a token changes in\n// kanso-ui-core, and `npm run tokens:build` regenerates this.\n//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAyBA,MAAMA,mBAAmB;CACvBC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;AACV;AAEA,MAAME,eAAe;CACnBC,YAAY;CACZC,sBAAsB;CACtBC,sBAAsB;CACtBC,YAAY;CACZC,YAAY;CACZC,UAAU;AACZ;AAEA,MAAMC,YAAY;CAChBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;AACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.44.1",
+  "version": "0.45.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",
@@ -47,7 +47,8 @@
     "./package.json": "./package.json"
   },
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./dist/index.js"
   ],
   "repository": {
     "type": "git",
@@ -55,20 +56,20 @@
   },
   "scripts": {
     "api:update": "node scripts/api-report.mjs --local",
-    "build": "tsc -b && tsdown",
-    "build-storybook": "storybook build",
+    "build": "npm run tokens:build && tsc -b && tsdown",
+    "build-storybook": "npm run tokens:build && storybook build",
     "chromatic": "npx chromatic",
     "clean": "rimraf dist",
     "component:new": "node scripts/new-component.mjs",
     "dev": "npm run storybook",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
-    "lint": "oxlint --type-aware . && eslint . && npm run format:check",
+    "lint": "npm run tokens:build && oxlint --type-aware . && eslint . && npm run format:check",
     "package:check": "publint && attw --pack --profile esm-only && node scripts/check-package.mjs && node scripts/api-report.mjs",
     "prepare": "husky && playwright install --with-deps chromium",
-    "storybook": "storybook dev -p ${PORT:-6006}",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "storybook": "npm run tokens:build && storybook dev -p ${PORT:-6006}",
+    "test": "npm run tokens:build && vitest run",
+    "test:coverage": "npm run tokens:build && vitest run --coverage",
     "tokens:build": "node scripts/build-tokens.mjs"
   },
   "dependencies": {
@@ -85,7 +86,8 @@
     "@commitlint/cli": "21.2.4",
     "@commitlint/config-conventional": "21.2.4",
     "@eslint/js": "10.0.1",
-    "@kanso-labs/unplugin-style-dictionary": "0.10.36",
+    "@kanso-labs/kanso-ui-core": "0.1.0",
+    "@kanso-labs/unplugin-style-dictionary": "0.10.37",
     "@microsoft/api-extractor": "7.59.4",
     "@rolldown/plugin-babel": "0.2.4",
     "@storybook/addon-a11y": "10.6.3",
@@ -128,7 +130,7 @@
     "tsdown": "0.23.1",
     "typescript": "6.0.3",
     "typescript-eslint": "8.72.0",
-    "vite": "8.3.4",
+    "vite": "8.3.5",
     "vitest": "5.0.5"
   },
   "peerDependencies": {