@vitinnczk/onyx-ui 0.0.0-stage → 0.2.0

package/dist/tokens/colors.d.ts

@@ -0,0 +1,82 @@
+export declare const paletteSteps: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+export type PaletteStep = (typeof paletteSteps)[number];
+export type PaletteScale = Record<PaletteStep, string>;
+export declare const baseColors: {
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+};
+export declare const palette: {
+    readonly neutral: {
+        readonly 50: "#fafafa";
+        readonly 100: "#f4f4f5";
+        readonly 200: "#e4e4e7";
+        readonly 300: "#d4d4d8";
+        readonly 400: "#a1a1aa";
+        readonly 500: "#71717a";
+        readonly 600: "#52525b";
+        readonly 700: "#3f3f46";
+        readonly 800: "#27272a";
+        readonly 900: "#18181b";
+    };
+    readonly primary: {
+        readonly 50: "#eef2ff";
+        readonly 100: "#e0e7ff";
+        readonly 200: "#c7d2fe";
+        readonly 300: "#a5b4fc";
+        readonly 400: "#818cf8";
+        readonly 500: "#6366f1";
+        readonly 600: "#4f46e5";
+        readonly 700: "#4338ca";
+        readonly 800: "#3730a3";
+        readonly 900: "#312e81";
+    };
+    readonly success: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#22c55e";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+    };
+    readonly warning: {
+        readonly 50: "#fffbeb";
+        readonly 100: "#fef3c7";
+        readonly 200: "#fde68a";
+        readonly 300: "#fcd34d";
+        readonly 400: "#fbbf24";
+        readonly 500: "#f59e0b";
+        readonly 600: "#d97706";
+        readonly 700: "#b45309";
+        readonly 800: "#92400e";
+        readonly 900: "#78350f";
+    };
+    readonly danger: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#ef4444";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+    };
+    readonly info: {
+        readonly 50: "#f0f9ff";
+        readonly 100: "#e0f2fe";
+        readonly 200: "#bae6fd";
+        readonly 300: "#7dd3fc";
+        readonly 400: "#38bdf8";
+        readonly 500: "#0ea5e9";
+        readonly 600: "#0284c7";
+        readonly 700: "#0369a1";
+        readonly 800: "#075985";
+        readonly 900: "#0c4a6e";
+    };
+};
+export type PaletteColor = keyof typeof palette;

package/dist/tokens/colors.js

@@ -0,0 +1,92 @@
+// src/tokens/colors.ts
+var e = [
+	50,
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900
+], t = {
+	white: "#ffffff",
+	black: "#000000"
+}, n = {
+	neutral: {
+		50: "#fafafa",
+		100: "#f4f4f5",
+		200: "#e4e4e7",
+		300: "#d4d4d8",
+		400: "#a1a1aa",
+		500: "#71717a",
+		600: "#52525b",
+		700: "#3f3f46",
+		800: "#27272a",
+		900: "#18181b"
+	},
+	primary: {
+		50: "#eef2ff",
+		100: "#e0e7ff",
+		200: "#c7d2fe",
+		300: "#a5b4fc",
+		400: "#818cf8",
+		500: "#6366f1",
+		600: "#4f46e5",
+		700: "#4338ca",
+		800: "#3730a3",
+		900: "#312e81"
+	},
+	success: {
+		50: "#f0fdf4",
+		100: "#dcfce7",
+		200: "#bbf7d0",
+		300: "#86efac",
+		400: "#4ade80",
+		500: "#22c55e",
+		600: "#16a34a",
+		700: "#15803d",
+		800: "#166534",
+		900: "#14532d"
+	},
+	warning: {
+		50: "#fffbeb",
+		100: "#fef3c7",
+		200: "#fde68a",
+		300: "#fcd34d",
+		400: "#fbbf24",
+		500: "#f59e0b",
+		600: "#d97706",
+		700: "#b45309",
+		800: "#92400e",
+		900: "#78350f"
+	},
+	danger: {
+		50: "#fef2f2",
+		100: "#fee2e2",
+		200: "#fecaca",
+		300: "#fca5a5",
+		400: "#f87171",
+		500: "#ef4444",
+		600: "#dc2626",
+		700: "#b91c1c",
+		800: "#991b1b",
+		900: "#7f1d1d"
+	},
+	info: {
+		50: "#f0f9ff",
+		100: "#e0f2fe",
+		200: "#bae6fd",
+		300: "#7dd3fc",
+		400: "#38bdf8",
+		500: "#0ea5e9",
+		600: "#0284c7",
+		700: "#0369a1",
+		800: "#075985",
+		900: "#0c4a6e"
+	}
+};
+export { t as baseColors, n as palette, e as paletteSteps };
+
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["paletteSteps","baseColors","palette"],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["// Scales adapted from the Tailwind CSS palette (MIT): zinc, indigo, green, amber, red and sky.\n\nexport const paletteSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900] as const;\n\nexport type PaletteStep = (typeof paletteSteps)[number];\nexport type PaletteScale = Record<PaletteStep, string>;\n\nexport const baseColors = {\n  white: '#ffffff',\n  black: '#000000',\n} as const;\n\nexport const palette = {\n  neutral: {\n    50: '#fafafa',\n    100: '#f4f4f5',\n    200: '#e4e4e7',\n    300: '#d4d4d8',\n    400: '#a1a1aa',\n    500: '#71717a',\n    600: '#52525b',\n    700: '#3f3f46',\n    800: '#27272a',\n    900: '#18181b',\n  },\n  primary: {\n    50: '#eef2ff',\n    100: '#e0e7ff',\n    200: '#c7d2fe',\n    300: '#a5b4fc',\n    400: '#818cf8',\n    500: '#6366f1',\n    600: '#4f46e5',\n    700: '#4338ca',\n    800: '#3730a3',\n    900: '#312e81',\n  },\n  success: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n  warning: {\n    50: '#fffbeb',\n    100: '#fef3c7',\n    200: '#fde68a',\n    300: '#fcd34d',\n    400: '#fbbf24',\n    500: '#f59e0b',\n    600: '#d97706',\n    700: '#b45309',\n    800: '#92400e',\n    900: '#78350f',\n  },\n  danger: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  info: {\n    50: '#f0f9ff',\n    100: '#e0f2fe',\n    200: '#bae6fd',\n    300: '#7dd3fc',\n    400: '#38bdf8',\n    500: '#0ea5e9',\n    600: '#0284c7',\n    700: '#0369a1',\n    800: '#075985',\n    900: '#0c4a6e',\n  },\n} as const satisfies Record<string, PaletteScale>;\n\nexport type PaletteColor = keyof typeof palette;\n"],"mappings":";AAEA,IAAaA,IAAe;CAAC;CAAI;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;AAAG,GAK/DC,IAAa;CACxB,OAAO;CACP,OAAO;AACT,GAEaC,IAAU;CACrB,SAAS;EACP,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;CACA,SAAS;EACP,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;CACA,SAAS;EACP,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;CACA,SAAS;EACP,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;CACA,QAAQ;EACN,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;CACA,MAAM;EACJ,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP;AACF"}

package/dist/tokens/focus.d.ts

@@ -0,0 +1,4 @@
+export declare const focusRing: {
+    readonly width: "2px";
+    readonly offset: "2px";
+};

package/dist/tokens/focus.js

@@ -0,0 +1,8 @@
+// src/tokens/focus.ts
+var e = {
+	width: "2px",
+	offset: "2px"
+};
+export { e as focusRing };
+
+//# sourceMappingURL=focus.js.map

package/dist/tokens/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","names":["focusRing"],"sources":["../../src/tokens/focus.ts"],"sourcesContent":["export const focusRing = {\n  width: '2px',\n  offset: '2px',\n} as const;\n"],"mappings":";AAAA,IAAaA,IAAY;CACvB,OAAO;CACP,QAAQ;AACV"}

package/dist/tokens/index.d.ts

@@ -0,0 +1,22 @@
+import { ThemeName } from './themes.js';
+export * from './breakpoints.js';
+export * from './colors.js';
+export * from './focus.js';
+export * from './motion.js';
+export * from './radius.js';
+export * from './shadows.js';
+export * from './sizes.js';
+export * from './spacing.js';
+export * from './themes.js';
+export * from './typography.js';
+export * from './z-index.js';
+export type CssVariable = `--${string}`;
+/**
+ * Every theme-independent token as `custom property name → value`, declared on `:root` by the
+ * `.css` files next to this one. `tokens.test.ts` keeps the two in sync.
+ */
+export declare const cssVariables: Record<CssVariable, string>;
+/** Variables each theme declares in its `[data-theme='<name>']` block. */
+export declare const themeVariables: Record<ThemeName, Record<CssVariable, string>>;
+/** Overrides applied under `@media (prefers-reduced-motion: reduce)`. */
+export declare const reducedMotionVariables: Record<`--${string}`, string>;

package/dist/tokens/index.js

@@ -0,0 +1,37 @@
+import { breakpoints as e } from "./breakpoints.js";
+import { baseColors as t, palette as n, paletteSteps as r } from "./colors.js";
+import { focusRing as i } from "./focus.js";
+import { duration as a, easing as o, reducedMotionDuration as s } from "./motion.js";
+import { radius as c } from "./radius.js";
+import { shadows as l } from "./shadows.js";
+import { borderWidth as u, sizes as d } from "./sizes.js";
+import { spacing as f } from "./spacing.js";
+import { darkColors as p, lightColors as m, themes as h } from "./themes.js";
+import { fontFamily as g, fontSize as _, fontWeight as v, letterSpacing as y, lineHeight as b } from "./typography.js";
+import { zIndex as x } from "./z-index.js";
+// src/tokens/index.ts
+var S = (e, t) => Object.fromEntries(Object.entries(t).map(([t, n]) => [`--${e}-${t}`, n])), C = {
+	...S("color", t),
+	...Object.assign({}, ...Object.entries(n).map(([e, t]) => S(`color-${e}`, t))),
+	...S("font-family", g),
+	...S("font-size", _),
+	...S("font-weight", v),
+	...S("line-height", b),
+	...S("letter-spacing", y),
+	...S("space", f),
+	...S("radius", c),
+	...S("shadow", l),
+	...S("duration", a),
+	...S("easing", o),
+	...S("z-index", x),
+	...S("breakpoint", e),
+	...S("focus-ring", i),
+	...S("size", d),
+	...S("border-width", u)
+}, w = Object.fromEntries(Object.entries(h).map(([e, t]) => [e, {
+	...S("color", t.colors),
+	"--shadow-color": t.shadowColor
+}])), T = S("duration", Object.fromEntries(Object.keys(a).map((e) => [e, s])));
+export { t as baseColors, u as borderWidth, e as breakpoints, C as cssVariables, p as darkColors, a as duration, o as easing, i as focusRing, g as fontFamily, _ as fontSize, v as fontWeight, y as letterSpacing, m as lightColors, b as lineHeight, n as palette, r as paletteSteps, c as radius, s as reducedMotionDuration, T as reducedMotionVariables, l as shadows, d as sizes, f as spacing, w as themeVariables, h as themes, x as zIndex };
+
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["prefixed","values","key","value","prefix","cssVariables","baseColors","palette","color","scale","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","spacing","radius","shadows","duration","easing","zIndex","breakpoints","focusRing","sizes","borderWidth","themeVariables","themes","name","theme","reducedMotionVariables","reducedMotionDuration","darkColors","lightColors","paletteSteps"],"sources":["../../src/tokens/index.ts"],"sourcesContent":["import { breakpoints } from './breakpoints';\nimport { baseColors, palette } from './colors';\nimport { focusRing } from './focus';\nimport { duration, easing, reducedMotionDuration } from './motion';\nimport { radius } from './radius';\nimport { shadows } from './shadows';\nimport { borderWidth, sizes } from './sizes';\nimport { spacing } from './spacing';\nimport { themes, type ThemeName } from './themes';\nimport { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from './typography';\nimport { zIndex } from './z-index';\n\nexport * from './breakpoints';\nexport * from './colors';\nexport * from './focus';\nexport * from './motion';\nexport * from './radius';\nexport * from './shadows';\nexport * from './sizes';\nexport * from './spacing';\nexport * from './themes';\nexport * from './typography';\nexport * from './z-index';\n\nexport type CssVariable = `--${string}`;\n\nconst prefixed = (prefix: string, values: Record<string | number, string>) =>\n  Object.fromEntries(\n    Object.entries(values).map(([key, value]) => [`--${prefix}-${key}`, value]),\n  ) as Record<CssVariable, string>;\n\n/**\n * Every theme-independent token as `custom property name → value`, declared on `:root` by the\n * `.css` files next to this one. `tokens.test.ts` keeps the two in sync.\n */\nexport const cssVariables: Record<CssVariable, string> = {\n  ...prefixed('color', baseColors),\n  ...Object.assign(\n    {},\n    ...Object.entries(palette).map(([color, scale]) => prefixed(`color-${color}`, scale)),\n  ),\n  ...prefixed('font-family', fontFamily),\n  ...prefixed('font-size', fontSize),\n  ...prefixed('font-weight', fontWeight),\n  ...prefixed('line-height', lineHeight),\n  ...prefixed('letter-spacing', letterSpacing),\n  ...prefixed('space', spacing),\n  ...prefixed('radius', radius),\n  ...prefixed('shadow', shadows),\n  ...prefixed('duration', duration),\n  ...prefixed('easing', easing),\n  ...prefixed('z-index', zIndex),\n  ...prefixed('breakpoint', breakpoints),\n  ...prefixed('focus-ring', focusRing),\n  ...prefixed('size', sizes),\n  ...prefixed('border-width', borderWidth),\n};\n\n/** Variables each theme declares in its `[data-theme='<name>']` block. */\nexport const themeVariables = Object.fromEntries(\n  Object.entries(themes).map(([name, theme]): [string, Record<CssVariable, string>] => [\n    name,\n    { ...prefixed('color', theme.colors), '--shadow-color': theme.shadowColor },\n  ]),\n) as Record<ThemeName, Record<CssVariable, string>>;\n\n/** Overrides applied under `@media (prefers-reduced-motion: reduce)`. */\nexport const reducedMotionVariables = prefixed(\n  'duration',\n  Object.fromEntries(Object.keys(duration).map((key) => [key, reducedMotionDuration])),\n);\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAMA,KAAY,GAAgB,MAChC,OAAO,YACL,OAAO,QAAQC,CAAM,CAAC,CAAC,KAAK,CAACC,GAAKC,OAAW,CAAC,KAAKC,EAAO,GAAGF,KAAOC,CAAK,CAAC,CAC5E,GAMWE,IAA4C;CACvD,GAAGL,EAAS,SAASM,CAAU;CAC/B,GAAG,OAAO,OACR,CAAC,GACD,GAAG,OAAO,QAAQC,CAAO,CAAC,CAAC,KAAK,CAACC,GAAOC,OAAWT,EAAS,SAASQ,KAASC,CAAK,CAAC,CACtF;CACA,GAAGT,EAAS,eAAeU,CAAU;CACrC,GAAGV,EAAS,aAAaW,CAAQ;CACjC,GAAGX,EAAS,eAAeY,CAAU;CACrC,GAAGZ,EAAS,eAAea,CAAU;CACrC,GAAGb,EAAS,kBAAkBc,CAAa;CAC3C,GAAGd,EAAS,SAASe,CAAO;CAC5B,GAAGf,EAAS,UAAUgB,CAAM;CAC5B,GAAGhB,EAAS,UAAUiB,CAAO;CAC7B,GAAGjB,EAAS,YAAYkB,CAAQ;CAChC,GAAGlB,EAAS,UAAUmB,CAAM;CAC5B,GAAGnB,EAAS,WAAWoB,CAAM;CAC7B,GAAGpB,EAAS,cAAcqB,CAAW;CACrC,GAAGrB,EAAS,cAAcsB,CAAS;CACnC,GAAGtB,EAAS,QAAQuB,CAAK;CACzB,GAAGvB,EAAS,gBAAgBwB,CAAW;AACzC,GAGaC,IAAiB,OAAO,YACnC,OAAO,QAAQC,CAAM,CAAC,CAAC,KAAK,CAACC,GAAMC,OAAkD,CACnFD,GACA;CAAE,GAAG3B,EAAS,SAAS4B,EAAM,MAAM;CAAG,kBAAkBA,EAAM;AAAY,CAC5E,CAAC,CACH,GAGaC,IAAyB7B,EACpC,YACA,OAAO,YAAY,OAAO,KAAKkB,CAAQ,CAAC,CAAC,KAAK,MAAQ,CAAChB,GAAK4B,CAAqB,CAAC,CAAC,CACrF"}

package/dist/tokens/motion.d.ts

@@ -0,0 +1,21 @@
+export declare const duration: {
+    readonly instant: "0ms";
+    readonly fast: "100ms";
+    readonly normal: "200ms";
+    readonly slow: "300ms";
+    readonly slower: "500ms";
+};
+export declare const easing: {
+    readonly linear: "linear";
+    /** Elements that move or resize while staying on screen. */
+    readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    /** Elements entering the screen: start fast, settle slowly. */
+    readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
+    /** Elements leaving the screen: start slowly, leave fast. */
+    readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
+};
+/**
+ * Every duration under `prefers-reduced-motion: reduce`. Practically instant, but not `0ms`,
+ * so `transitionend` and `animationend` still fire for code that waits on them.
+ */
+export declare const reducedMotionDuration = "0.01ms";

package/dist/tokens/motion.js

@@ -0,0 +1,16 @@
+// src/tokens/motion.ts
+var e = {
+	instant: "0ms",
+	fast: "100ms",
+	normal: "200ms",
+	slow: "300ms",
+	slower: "500ms"
+}, t = {
+	linear: "linear",
+	standard: "cubic-bezier(0.2, 0, 0, 1)",
+	enter: "cubic-bezier(0, 0, 0.2, 1)",
+	exit: "cubic-bezier(0.4, 0, 1, 1)"
+}, n = "0.01ms";
+export { e as duration, t as easing, n as reducedMotionDuration };
+
+//# sourceMappingURL=motion.js.map

package/dist/tokens/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","names":["duration","easing","reducedMotionDuration"],"sources":["../../src/tokens/motion.ts"],"sourcesContent":["export const duration = {\n  instant: '0ms',\n  fast: '100ms',\n  normal: '200ms',\n  slow: '300ms',\n  slower: '500ms',\n} as const;\n\nexport const easing = {\n  linear: 'linear',\n  /** Elements that move or resize while staying on screen. */\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n  /** Elements entering the screen: start fast, settle slowly. */\n  enter: 'cubic-bezier(0, 0, 0.2, 1)',\n  /** Elements leaving the screen: start slowly, leave fast. */\n  exit: 'cubic-bezier(0.4, 0, 1, 1)',\n} as const;\n\n/**\n * Every duration under `prefers-reduced-motion: reduce`. Practically instant, but not `0ms`,\n * so `transitionend` and `animationend` still fire for code that waits on them.\n */\nexport const reducedMotionDuration = '0.01ms';\n"],"mappings":";AAAA,IAAaA,IAAW;CACtB,SAAS;CACT,MAAM;CACN,QAAQ;CACR,MAAM;CACN,QAAQ;AACV,GAEaC,IAAS;CACpB,QAAQ;CAER,UAAU;CAEV,OAAO;CAEP,MAAM;AACR,GAMaC,IAAwB"}

package/dist/tokens/radius.d.ts

@@ -0,0 +1,9 @@
+export declare const radius: {
+    readonly none: "0";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly '2xl': "16px";
+    readonly full: "9999px";
+};

package/dist/tokens/radius.js

@@ -0,0 +1,13 @@
+// src/tokens/radius.ts
+var e = {
+	none: "0",
+	sm: "4px",
+	md: "6px",
+	lg: "8px",
+	xl: "12px",
+	"2xl": "16px",
+	full: "9999px"
+};
+export { e as radius };
+
+//# sourceMappingURL=radius.js.map

package/dist/tokens/radius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.js","names":["radius"],"sources":["../../src/tokens/radius.ts"],"sourcesContent":["export const radius = {\n  none: '0',\n  sm: '4px',\n  md: '6px',\n  lg: '8px',\n  xl: '12px',\n  '2xl': '16px',\n  full: '9999px',\n} as const;\n"],"mappings":";AAAA,IAAaA,IAAS;CACpB,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;AACR"}

package/dist/tokens/shadows.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Elevation scale, from barely lifted (`xs`) to floating above the page (`xl`). The color comes
+ * from `--shadow-color` (RGB channels), which each theme sets.
+ */
+export declare const shadows: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px 0 rgb(var(--shadow-color) / 0.05)";
+    readonly sm: "0 1px 3px 0 rgb(var(--shadow-color) / 0.1), 0 1px 2px -1px rgb(var(--shadow-color) / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(var(--shadow-color) / 0.1), 0 2px 4px -2px rgb(var(--shadow-color) / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(var(--shadow-color) / 0.1), 0 4px 6px -4px rgb(var(--shadow-color) / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(var(--shadow-color) / 0.1), 0 8px 10px -6px rgb(var(--shadow-color) / 0.1)";
+};

package/dist/tokens/shadows.js

@@ -0,0 +1,12 @@
+// src/tokens/shadows.ts
+var e = {
+	none: "none",
+	xs: "0 1px 2px 0 rgb(var(--shadow-color) / 0.05)",
+	sm: "0 1px 3px 0 rgb(var(--shadow-color) / 0.1), 0 1px 2px -1px rgb(var(--shadow-color) / 0.1)",
+	md: "0 4px 6px -1px rgb(var(--shadow-color) / 0.1), 0 2px 4px -2px rgb(var(--shadow-color) / 0.1)",
+	lg: "0 10px 15px -3px rgb(var(--shadow-color) / 0.1), 0 4px 6px -4px rgb(var(--shadow-color) / 0.1)",
+	xl: "0 20px 25px -5px rgb(var(--shadow-color) / 0.1), 0 8px 10px -6px rgb(var(--shadow-color) / 0.1)"
+};
+export { e as shadows };
+
+//# sourceMappingURL=shadows.js.map

package/dist/tokens/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","names":["shadows"],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["/**\n * Elevation scale, from barely lifted (`xs`) to floating above the page (`xl`). The color comes\n * from `--shadow-color` (RGB channels), which each theme sets.\n */\nexport const shadows = {\n  none: 'none',\n  xs: '0 1px 2px 0 rgb(var(--shadow-color) / 0.05)',\n  sm: '0 1px 3px 0 rgb(var(--shadow-color) / 0.1), 0 1px 2px -1px rgb(var(--shadow-color) / 0.1)',\n  md: '0 4px 6px -1px rgb(var(--shadow-color) / 0.1), 0 2px 4px -2px rgb(var(--shadow-color) / 0.1)',\n  lg: '0 10px 15px -3px rgb(var(--shadow-color) / 0.1), 0 4px 6px -4px rgb(var(--shadow-color) / 0.1)',\n  xl: '0 20px 25px -5px rgb(var(--shadow-color) / 0.1), 0 8px 10px -6px rgb(var(--shadow-color) / 0.1)',\n} as const;\n"],"mappings":";AAIA,IAAaA,IAAU;CACrB,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}

package/dist/tokens/sizes.d.ts

@@ -0,0 +1,22 @@
+/** Fixed dimensions shared by components: icons, controls, touch targets and floating layers. */
+export declare const sizes: {
+    readonly 'icon-xs': "0.75rem";
+    readonly 'icon-sm': "1rem";
+    readonly 'icon-md': "1.25rem";
+    readonly 'icon-lg': "1.5rem";
+    readonly 'icon-xl': "2rem";
+    readonly 'control-sm': "2rem";
+    readonly 'control-md': "2.5rem";
+    readonly 'control-lg': "3rem";
+    /** Minimum size of a primary control on touch devices (WCAG 2.5.5). */
+    readonly 'touch-target': "2.75rem";
+    readonly tooltip: "20rem";
+    readonly menu: "12rem";
+    readonly 'overlay-sm': "24rem";
+    readonly 'overlay-md': "32rem";
+    readonly 'overlay-lg': "48rem";
+};
+export declare const borderWidth: {
+    readonly thin: "1px";
+    readonly thick: "2px";
+};

package/dist/tokens/sizes.js

@@ -0,0 +1,23 @@
+// src/tokens/sizes.ts
+var e = {
+	"icon-xs": "0.75rem",
+	"icon-sm": "1rem",
+	"icon-md": "1.25rem",
+	"icon-lg": "1.5rem",
+	"icon-xl": "2rem",
+	"control-sm": "2rem",
+	"control-md": "2.5rem",
+	"control-lg": "3rem",
+	"touch-target": "2.75rem",
+	tooltip: "20rem",
+	menu: "12rem",
+	"overlay-sm": "24rem",
+	"overlay-md": "32rem",
+	"overlay-lg": "48rem"
+}, t = {
+	thin: "1px",
+	thick: "2px"
+};
+export { t as borderWidth, e as sizes };
+
+//# sourceMappingURL=sizes.js.map

package/dist/tokens/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","names":["sizes","borderWidth"],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["/** Fixed dimensions shared by components: icons, controls, touch targets and floating layers. */\nexport const sizes = {\n  'icon-xs': '0.75rem',\n  'icon-sm': '1rem',\n  'icon-md': '1.25rem',\n  'icon-lg': '1.5rem',\n  'icon-xl': '2rem',\n  'control-sm': '2rem',\n  'control-md': '2.5rem',\n  'control-lg': '3rem',\n  /** Minimum size of a primary control on touch devices (WCAG 2.5.5). */\n  'touch-target': '2.75rem',\n  tooltip: '20rem',\n  menu: '12rem',\n  'overlay-sm': '24rem',\n  'overlay-md': '32rem',\n  'overlay-lg': '48rem',\n} as const;\n\nexport const borderWidth = {\n  thin: '1px',\n  thick: '2px',\n} as const;\n"],"mappings":";AACA,IAAaA,IAAQ;CACnB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,cAAc;CACd,cAAc;CACd,cAAc;CAEd,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,cAAc;CACd,cAAc;CACd,cAAc;AAChB,GAEaC,IAAc;CACzB,MAAM;CACN,OAAO;AACT"}

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 4px grid: `--space-<n>` is `n × 4px`, written in `rem` (0.25rem = 4px at the default font size)
+ * so spacing follows the user's browser font size.
+ */
+export declare const spacing: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+};

package/dist/tokens/spacing.js

@@ -0,0 +1,19 @@
+// src/tokens/spacing.ts
+var e = {
+	0: "0",
+	1: "0.25rem",
+	2: "0.5rem",
+	3: "0.75rem",
+	4: "1rem",
+	5: "1.25rem",
+	6: "1.5rem",
+	8: "2rem",
+	10: "2.5rem",
+	12: "3rem",
+	16: "4rem",
+	20: "5rem",
+	24: "6rem"
+};
+export { e as spacing };
+
+//# sourceMappingURL=spacing.js.map

package/dist/tokens/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","names":["spacing"],"sources":["../../src/tokens/spacing.ts"],"sourcesContent":["/**\n * 4px grid: `--space-<n>` is `n × 4px`, written in `rem` (0.25rem = 4px at the default font size)\n * so spacing follows the user's browser font size.\n */\nexport const spacing = {\n  0: '0',\n  1: '0.25rem',\n  2: '0.5rem',\n  3: '0.75rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  8: '2rem',\n  10: '2.5rem',\n  12: '3rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n} as const;\n"],"mappings":";AAIA,IAAaA,IAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}