@choco-vanille/ui 1.2.0 → 1.3.0

package/dist/theme/contract.css.js

@@ -1,5 +1,5 @@
 /* empty css                            */
-var o = { color: { background: "var(--color-background)", foreground: "var(--color-foreground)", text: "var(--color-text)", textSecondary: "var(--color-textSecondary)", textTertiary: "var(--color-textTertiary)", card: "var(--color-card)", cardForeground: "var(--color-cardForeground)", popover: "var(--color-popover)", popoverForeground: "var(--color-popoverForeground)", muted: "var(--color-muted)", mutedForeground: "var(--color-mutedForeground)", overlay: "var(--color-overlay)", primary: "var(--color-primary)", primaryHover: "var(--color-primaryHover)", primaryActive: "var(--color-primaryActive)", primaryForeground: "var(--color-primaryForeground)", primarySubtle: "var(--color-primarySubtle)", primarySubtleHover: "var(--color-primarySubtleHover)", primarySubtleActive: "var(--color-primarySubtleActive)", primarySubtleForeground: "var(--color-primarySubtleForeground)", primarySubtleBorder: "var(--color-primarySubtleBorder)", link: "var(--color-link)", linkHover: "var(--color-linkHover)", linkActive: "var(--color-linkActive)", secondary: "var(--color-secondary)", secondaryHover: "var(--color-secondaryHover)", secondaryActive: "var(--color-secondaryActive)", secondaryForeground: "var(--color-secondaryForeground)", secondarySubtle: "var(--color-secondarySubtle)", secondarySubtleHover: "var(--color-secondarySubtleHover)", secondarySubtleActive: "var(--color-secondarySubtleActive)", secondarySubtleForeground: "var(--color-secondarySubtleForeground)", secondarySubtleBorder: "var(--color-secondarySubtleBorder)", tertiary: "var(--color-tertiary)", tertiaryHover: "var(--color-tertiaryHover)", tertiaryActive: "var(--color-tertiaryActive)", tertiaryForeground: "var(--color-tertiaryForeground)", tertiarySubtle: "var(--color-tertiarySubtle)", tertiarySubtleHover: "var(--color-tertiarySubtleHover)", tertiarySubtleActive: "var(--color-tertiarySubtleActive)", tertiarySubtleForeground: "var(--color-tertiarySubtleForeground)", tertiarySubtleBorder: "var(--color-tertiarySubtleBorder)", success: "var(--color-success)", successHover: "var(--color-successHover)", successActive: "var(--color-successActive)", successForeground: "var(--color-successForeground)", successSubtle: "var(--color-successSubtle)", successSubtleHover: "var(--color-successSubtleHover)", successSubtleActive: "var(--color-successSubtleActive)", successSubtleForeground: "var(--color-successSubtleForeground)", successSubtleBorder: "var(--color-successSubtleBorder)", warning: "var(--color-warning)", warningHover: "var(--color-warningHover)", warningActive: "var(--color-warningActive)", warningForeground: "var(--color-warningForeground)", warningSubtle: "var(--color-warningSubtle)", warningSubtleHover: "var(--color-warningSubtleHover)", warningSubtleActive: "var(--color-warningSubtleActive)", warningSubtleForeground: "var(--color-warningSubtleForeground)", warningSubtleBorder: "var(--color-warningSubtleBorder)", info: "var(--color-info)", infoHover: "var(--color-infoHover)", infoActive: "var(--color-infoActive)", infoForeground: "var(--color-infoForeground)", infoSubtle: "var(--color-infoSubtle)", infoSubtleHover: "var(--color-infoSubtleHover)", infoSubtleActive: "var(--color-infoSubtleActive)", infoSubtleForeground: "var(--color-infoSubtleForeground)", infoSubtleBorder: "var(--color-infoSubtleBorder)", destructive: "var(--color-destructive)", destructiveHover: "var(--color-destructiveHover)", destructiveActive: "var(--color-destructiveActive)", destructiveForeground: "var(--color-destructiveForeground)", destructiveSubtle: "var(--color-destructiveSubtle)", destructiveSubtleHover: "var(--color-destructiveSubtleHover)", destructiveSubtleActive: "var(--color-destructiveSubtleActive)", destructiveSubtleForeground: "var(--color-destructiveSubtleForeground)", destructiveSubtleBorder: "var(--color-destructiveSubtleBorder)", purple: "var(--color-purple)", purpleHover: "var(--color-purpleHover)", purpleActive: "var(--color-purpleActive)", purpleForeground: "var(--color-purpleForeground)", purpleSubtle: "var(--color-purpleSubtle)", purpleSubtleHover: "var(--color-purpleSubtleHover)", purpleSubtleActive: "var(--color-purpleSubtleActive)", purpleSubtleForeground: "var(--color-purpleSubtleForeground)", purpleSubtleBorder: "var(--color-purpleSubtleBorder)", pink: "var(--color-pink)", pinkHover: "var(--color-pinkHover)", pinkActive: "var(--color-pinkActive)", pinkForeground: "var(--color-pinkForeground)", pinkSubtle: "var(--color-pinkSubtle)", pinkSubtleHover: "var(--color-pinkSubtleHover)", pinkSubtleActive: "var(--color-pinkSubtleActive)", pinkSubtleForeground: "var(--color-pinkSubtleForeground)", pinkSubtleBorder: "var(--color-pinkSubtleBorder)", orange: "var(--color-orange)", orangeHover: "var(--color-orangeHover)", orangeActive: "var(--color-orangeActive)", orangeForeground: "var(--color-orangeForeground)", orangeSubtle: "var(--color-orangeSubtle)", orangeSubtleHover: "var(--color-orangeSubtleHover)", orangeSubtleActive: "var(--color-orangeSubtleActive)", orangeSubtleForeground: "var(--color-orangeSubtleForeground)", orangeSubtleBorder: "var(--color-orangeSubtleBorder)", teal: "var(--color-teal)", tealHover: "var(--color-tealHover)", tealActive: "var(--color-tealActive)", tealForeground: "var(--color-tealForeground)", tealSubtle: "var(--color-tealSubtle)", tealSubtleHover: "var(--color-tealSubtleHover)", tealSubtleActive: "var(--color-tealSubtleActive)", tealSubtleForeground: "var(--color-tealSubtleForeground)", tealSubtleBorder: "var(--color-tealSubtleBorder)", cyan: "var(--color-cyan)", cyanHover: "var(--color-cyanHover)", cyanActive: "var(--color-cyanActive)", cyanForeground: "var(--color-cyanForeground)", cyanSubtle: "var(--color-cyanSubtle)", cyanSubtleHover: "var(--color-cyanSubtleHover)", cyanSubtleActive: "var(--color-cyanSubtleActive)", cyanSubtleForeground: "var(--color-cyanSubtleForeground)", cyanSubtleBorder: "var(--color-cyanSubtleBorder)", indigo: "var(--color-indigo)", indigoHover: "var(--color-indigoHover)", indigoActive: "var(--color-indigoActive)", indigoForeground: "var(--color-indigoForeground)", indigoSubtle: "var(--color-indigoSubtle)", indigoSubtleHover: "var(--color-indigoSubtleHover)", indigoSubtleActive: "var(--color-indigoSubtleActive)", indigoSubtleForeground: "var(--color-indigoSubtleForeground)", indigoSubtleBorder: "var(--color-indigoSubtleBorder)", border: "var(--color-border)", borderStrong: "var(--color-borderStrong)", input: "var(--color-input)", ring: "var(--color-ring)", highlight: "var(--color-highlight)", highlightForeground: "var(--color-highlightForeground)", skeleton: "var(--color-skeleton)", skeletonForeground: "var(--color-skeletonForeground)" }, shadow: { none: "var(--shadow-none)", xs: "var(--shadow-xs)", sm: "var(--shadow-sm)", md: "var(--shadow-md)", lg: "var(--shadow-lg)", xl: "var(--shadow-xl)", "2xl": "var(--shadow-2xl)", inner: "var(--shadow-inner)" }, dropShadow: { none: "var(--dropShadow-none)", sm: "var(--dropShadow-sm)", md: "var(--dropShadow-md)", lg: "var(--dropShadow-lg)", xl: "var(--dropShadow-xl)" }, space: { none: "var(--space-none)", px: "var(--space-px)", xxs: "var(--space-xxs)", xs: "var(--space-xs)", xs2: "var(--space-xs2)", sm: "var(--space-sm)", sm2: "var(--space-sm2)", md: "var(--space-md)", md2: "var(--space-md2)", lg: "var(--space-lg)", lg2: "var(--space-lg2)", xl: "var(--space-xl)", "2xl": "var(--space-2xl)", "3xl": "var(--space-3xl)", "4xl": "var(--space-4xl)", "5xl": "var(--space-5xl)" }, radius: { none: "var(--radius-none)", xs: "var(--radius-xs)", sm: "var(--radius-sm)", md: "var(--radius-md)", lg: "var(--radius-lg)", xl: "var(--radius-xl)", "2xl": "var(--radius-2xl)", full: "var(--radius-full)" }, fontFamily: { sans: "var(--fontFamily-sans)", serif: "var(--fontFamily-serif)", mono: "var(--fontFamily-mono)" }, fontSize: { "2xs": "var(--fontSize-2xs)", xs: "var(--fontSize-xs)", sm: "var(--fontSize-sm)", base: "var(--fontSize-base)", lg: "var(--fontSize-lg)", xl: "var(--fontSize-xl)", "2xl": "var(--fontSize-2xl)", "3xl": "var(--fontSize-3xl)", "4xl": "var(--fontSize-4xl)", "5xl": "var(--fontSize-5xl)", "6xl": "var(--fontSize-6xl)", "7xl": "var(--fontSize-7xl)" }, fontWeight: { thin: "var(--fontWeight-thin)", extralight: "var(--fontWeight-extralight)", light: "var(--fontWeight-light)", normal: "var(--fontWeight-normal)", medium: "var(--fontWeight-medium)", semibold: "var(--fontWeight-semibold)", bold: "var(--fontWeight-bold)", extrabold: "var(--fontWeight-extrabold)", black: "var(--fontWeight-black)" }, lineHeight: { none: "var(--lineHeight-none)", tight: "var(--lineHeight-tight)", snug: "var(--lineHeight-snug)", normal: "var(--lineHeight-normal)", relaxed: "var(--lineHeight-relaxed)", loose: "var(--lineHeight-loose)" }, letterSpacing: { tighter: "var(--letterSpacing-tighter)", tight: "var(--letterSpacing-tight)", normal: "var(--letterSpacing-normal)", wide: "var(--letterSpacing-wide)", wider: "var(--letterSpacing-wider)", widest: "var(--letterSpacing-widest)" }, zIndex: { hide: "var(--zIndex-hide)", base: "var(--zIndex-base)", docked: "var(--zIndex-docked)", sticky: "var(--zIndex-sticky)", banner: "var(--zIndex-banner)", dropdown: "var(--zIndex-dropdown)", overlay: "var(--zIndex-overlay)", modal: "var(--zIndex-modal)", popover: "var(--zIndex-popover)", toast: "var(--zIndex-toast)", tooltip: "var(--zIndex-tooltip)" }, duration: { instant: "var(--duration-instant)", fast: "var(--duration-fast)", normal: "var(--duration-normal)", moderate: "var(--duration-moderate)", slow: "var(--duration-slow)", slower: "var(--duration-slower)" }, easing: { standard: "var(--easing-standard)", out: "var(--easing-out)", in: "var(--easing-in)", emphasized: "var(--easing-emphasized)", linear: "var(--easing-linear)" } };
+var o = { color: { background: "var(--color-background)", foreground: "var(--color-foreground)", text: "var(--color-text)", textSecondary: "var(--color-textSecondary)", textTertiary: "var(--color-textTertiary)", card: "var(--color-card)", cardForeground: "var(--color-cardForeground)", popover: "var(--color-popover)", popoverForeground: "var(--color-popoverForeground)", muted: "var(--color-muted)", mutedForeground: "var(--color-mutedForeground)", overlay: "var(--color-overlay)", primary: "var(--color-primary)", primaryHover: "var(--color-primaryHover)", primaryActive: "var(--color-primaryActive)", primaryForeground: "var(--color-primaryForeground)", primarySubtle: "var(--color-primarySubtle)", primarySubtleHover: "var(--color-primarySubtleHover)", primarySubtleActive: "var(--color-primarySubtleActive)", primarySubtleForeground: "var(--color-primarySubtleForeground)", primarySubtleBorder: "var(--color-primarySubtleBorder)", link: "var(--color-link)", linkHover: "var(--color-linkHover)", linkActive: "var(--color-linkActive)", secondary: "var(--color-secondary)", secondaryHover: "var(--color-secondaryHover)", secondaryActive: "var(--color-secondaryActive)", secondaryForeground: "var(--color-secondaryForeground)", secondarySubtle: "var(--color-secondarySubtle)", secondarySubtleHover: "var(--color-secondarySubtleHover)", secondarySubtleActive: "var(--color-secondarySubtleActive)", secondarySubtleForeground: "var(--color-secondarySubtleForeground)", secondarySubtleBorder: "var(--color-secondarySubtleBorder)", tertiary: "var(--color-tertiary)", tertiaryHover: "var(--color-tertiaryHover)", tertiaryActive: "var(--color-tertiaryActive)", tertiaryForeground: "var(--color-tertiaryForeground)", tertiarySubtle: "var(--color-tertiarySubtle)", tertiarySubtleHover: "var(--color-tertiarySubtleHover)", tertiarySubtleActive: "var(--color-tertiarySubtleActive)", tertiarySubtleForeground: "var(--color-tertiarySubtleForeground)", tertiarySubtleBorder: "var(--color-tertiarySubtleBorder)", success: "var(--color-success)", successHover: "var(--color-successHover)", successActive: "var(--color-successActive)", successForeground: "var(--color-successForeground)", successSubtle: "var(--color-successSubtle)", successSubtleHover: "var(--color-successSubtleHover)", successSubtleActive: "var(--color-successSubtleActive)", successSubtleForeground: "var(--color-successSubtleForeground)", successSubtleBorder: "var(--color-successSubtleBorder)", warning: "var(--color-warning)", warningHover: "var(--color-warningHover)", warningActive: "var(--color-warningActive)", warningForeground: "var(--color-warningForeground)", warningSubtle: "var(--color-warningSubtle)", warningSubtleHover: "var(--color-warningSubtleHover)", warningSubtleActive: "var(--color-warningSubtleActive)", warningSubtleForeground: "var(--color-warningSubtleForeground)", warningSubtleBorder: "var(--color-warningSubtleBorder)", info: "var(--color-info)", infoHover: "var(--color-infoHover)", infoActive: "var(--color-infoActive)", infoForeground: "var(--color-infoForeground)", infoSubtle: "var(--color-infoSubtle)", infoSubtleHover: "var(--color-infoSubtleHover)", infoSubtleActive: "var(--color-infoSubtleActive)", infoSubtleForeground: "var(--color-infoSubtleForeground)", infoSubtleBorder: "var(--color-infoSubtleBorder)", destructive: "var(--color-destructive)", destructiveHover: "var(--color-destructiveHover)", destructiveActive: "var(--color-destructiveActive)", destructiveForeground: "var(--color-destructiveForeground)", destructiveSubtle: "var(--color-destructiveSubtle)", destructiveSubtleHover: "var(--color-destructiveSubtleHover)", destructiveSubtleActive: "var(--color-destructiveSubtleActive)", destructiveSubtleForeground: "var(--color-destructiveSubtleForeground)", destructiveSubtleBorder: "var(--color-destructiveSubtleBorder)", purple: "var(--color-purple)", purpleHover: "var(--color-purpleHover)", purpleActive: "var(--color-purpleActive)", purpleForeground: "var(--color-purpleForeground)", purpleSubtle: "var(--color-purpleSubtle)", purpleSubtleHover: "var(--color-purpleSubtleHover)", purpleSubtleActive: "var(--color-purpleSubtleActive)", purpleSubtleForeground: "var(--color-purpleSubtleForeground)", purpleSubtleBorder: "var(--color-purpleSubtleBorder)", pink: "var(--color-pink)", pinkHover: "var(--color-pinkHover)", pinkActive: "var(--color-pinkActive)", pinkForeground: "var(--color-pinkForeground)", pinkSubtle: "var(--color-pinkSubtle)", pinkSubtleHover: "var(--color-pinkSubtleHover)", pinkSubtleActive: "var(--color-pinkSubtleActive)", pinkSubtleForeground: "var(--color-pinkSubtleForeground)", pinkSubtleBorder: "var(--color-pinkSubtleBorder)", orange: "var(--color-orange)", orangeHover: "var(--color-orangeHover)", orangeActive: "var(--color-orangeActive)", orangeForeground: "var(--color-orangeForeground)", orangeSubtle: "var(--color-orangeSubtle)", orangeSubtleHover: "var(--color-orangeSubtleHover)", orangeSubtleActive: "var(--color-orangeSubtleActive)", orangeSubtleForeground: "var(--color-orangeSubtleForeground)", orangeSubtleBorder: "var(--color-orangeSubtleBorder)", teal: "var(--color-teal)", tealHover: "var(--color-tealHover)", tealActive: "var(--color-tealActive)", tealForeground: "var(--color-tealForeground)", tealSubtle: "var(--color-tealSubtle)", tealSubtleHover: "var(--color-tealSubtleHover)", tealSubtleActive: "var(--color-tealSubtleActive)", tealSubtleForeground: "var(--color-tealSubtleForeground)", tealSubtleBorder: "var(--color-tealSubtleBorder)", cyan: "var(--color-cyan)", cyanHover: "var(--color-cyanHover)", cyanActive: "var(--color-cyanActive)", cyanForeground: "var(--color-cyanForeground)", cyanSubtle: "var(--color-cyanSubtle)", cyanSubtleHover: "var(--color-cyanSubtleHover)", cyanSubtleActive: "var(--color-cyanSubtleActive)", cyanSubtleForeground: "var(--color-cyanSubtleForeground)", cyanSubtleBorder: "var(--color-cyanSubtleBorder)", indigo: "var(--color-indigo)", indigoHover: "var(--color-indigoHover)", indigoActive: "var(--color-indigoActive)", indigoForeground: "var(--color-indigoForeground)", indigoSubtle: "var(--color-indigoSubtle)", indigoSubtleHover: "var(--color-indigoSubtleHover)", indigoSubtleActive: "var(--color-indigoSubtleActive)", indigoSubtleForeground: "var(--color-indigoSubtleForeground)", indigoSubtleBorder: "var(--color-indigoSubtleBorder)", border: "var(--color-border)", borderStrong: "var(--color-borderStrong)", input: "var(--color-input)", ring: "var(--color-ring)", highlight: "var(--color-highlight)", highlightForeground: "var(--color-highlightForeground)", skeleton: "var(--color-skeleton)", skeletonForeground: "var(--color-skeletonForeground)" }, editorColors: { ocean: { dark: "var(--editorColors-ocean-dark)", base: "var(--editorColors-ocean-base)", light: "var(--editorColors-ocean-light)" }, forest: { dark: "var(--editorColors-forest-dark)", base: "var(--editorColors-forest-base)", light: "var(--editorColors-forest-light)" }, sunset: { dark: "var(--editorColors-sunset-dark)", base: "var(--editorColors-sunset-base)", light: "var(--editorColors-sunset-light)" }, berry: { dark: "var(--editorColors-berry-dark)", base: "var(--editorColors-berry-base)", light: "var(--editorColors-berry-light)" }, grape: { dark: "var(--editorColors-grape-dark)", base: "var(--editorColors-grape-base)", light: "var(--editorColors-grape-light)" }, aqua: { dark: "var(--editorColors-aqua-dark)", base: "var(--editorColors-aqua-base)", light: "var(--editorColors-aqua-light)" }, neutral: { dark: "var(--editorColors-neutral-dark)", base: "var(--editorColors-neutral-base)", light: "var(--editorColors-neutral-light)" } }, shadow: { none: "var(--shadow-none)", xs: "var(--shadow-xs)", sm: "var(--shadow-sm)", md: "var(--shadow-md)", lg: "var(--shadow-lg)", xl: "var(--shadow-xl)", "2xl": "var(--shadow-2xl)", inner: "var(--shadow-inner)" }, dropShadow: { none: "var(--dropShadow-none)", sm: "var(--dropShadow-sm)", md: "var(--dropShadow-md)", lg: "var(--dropShadow-lg)", xl: "var(--dropShadow-xl)" }, space: { none: "var(--space-none)", px: "var(--space-px)", xxs: "var(--space-xxs)", xs: "var(--space-xs)", xs2: "var(--space-xs2)", sm: "var(--space-sm)", sm2: "var(--space-sm2)", md: "var(--space-md)", md2: "var(--space-md2)", lg: "var(--space-lg)", lg2: "var(--space-lg2)", xl: "var(--space-xl)", "2xl": "var(--space-2xl)", "3xl": "var(--space-3xl)", "4xl": "var(--space-4xl)", "5xl": "var(--space-5xl)" }, radius: { none: "var(--radius-none)", xs: "var(--radius-xs)", sm: "var(--radius-sm)", md: "var(--radius-md)", lg: "var(--radius-lg)", xl: "var(--radius-xl)", "2xl": "var(--radius-2xl)", full: "var(--radius-full)" }, fontFamily: { sans: "var(--fontFamily-sans)", serif: "var(--fontFamily-serif)", mono: "var(--fontFamily-mono)" }, fontSize: { "2xs": "var(--fontSize-2xs)", xs: "var(--fontSize-xs)", sm: "var(--fontSize-sm)", md: "var(--fontSize-md)", lg: "var(--fontSize-lg)", xl: "var(--fontSize-xl)", "2xl": "var(--fontSize-2xl)", "3xl": "var(--fontSize-3xl)", "4xl": "var(--fontSize-4xl)", "5xl": "var(--fontSize-5xl)", "6xl": "var(--fontSize-6xl)", "7xl": "var(--fontSize-7xl)" }, fontWeight: { thin: "var(--fontWeight-thin)", extralight: "var(--fontWeight-extralight)", light: "var(--fontWeight-light)", normal: "var(--fontWeight-normal)", medium: "var(--fontWeight-medium)", semibold: "var(--fontWeight-semibold)", bold: "var(--fontWeight-bold)", extrabold: "var(--fontWeight-extrabold)", black: "var(--fontWeight-black)" }, lineHeight: { none: "var(--lineHeight-none)", tight: "var(--lineHeight-tight)", snug: "var(--lineHeight-snug)", normal: "var(--lineHeight-normal)", relaxed: "var(--lineHeight-relaxed)", loose: "var(--lineHeight-loose)" }, letterSpacing: { tighter: "var(--letterSpacing-tighter)", tight: "var(--letterSpacing-tight)", normal: "var(--letterSpacing-normal)", wide: "var(--letterSpacing-wide)", wider: "var(--letterSpacing-wider)", widest: "var(--letterSpacing-widest)" }, zIndex: { hide: "var(--zIndex-hide)", base: "var(--zIndex-base)", docked: "var(--zIndex-docked)", sticky: "var(--zIndex-sticky)", banner: "var(--zIndex-banner)", dropdown: "var(--zIndex-dropdown)", overlay: "var(--zIndex-overlay)", modal: "var(--zIndex-modal)", popover: "var(--zIndex-popover)", toast: "var(--zIndex-toast)", tooltip: "var(--zIndex-tooltip)" }, duration: { instant: "var(--duration-instant)", fast: "var(--duration-fast)", normal: "var(--duration-normal)", moderate: "var(--duration-moderate)", slow: "var(--duration-slow)", slower: "var(--duration-slower)" }, easing: { standard: "var(--easing-standard)", out: "var(--easing-out)", in: "var(--easing-in)", emphasized: "var(--easing-emphasized)", linear: "var(--easing-linear)" } };
 export {
   o as vars
 };

package/dist/theme/index.d.ts

@@ -5,5 +5,7 @@ export { lightTheme, darkTheme } from './tokens/index.ts';
 export type { Theme } from './tokens/index.ts';
 export { lightColors } from './colors/light.ts';
 export { darkColors } from './colors/dark.ts';
-export type { LightColors } from './colors/light.ts';
+export { lightEditorColors } from './colors/light.ts';
+export { darkEditorColors } from './colors/dark.ts';
+export type { EditorColors, LightColors } from './colors/light.ts';
 export type { ThemeColor, ThemeColorValue } from './types/index.ts';

package/dist/theme/tokens/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../colors/light.cjs"),a=require("../colors/dark.cjs"),r=require("./motion.cjs"),n=require("./radii.cjs"),o=require("./shadows.cjs"),s=require("./spacing.cjs"),e=require("./typography.cjs"),d=require("./zIndex.cjs"),t={space:s.space,radius:n.radius,fontFamily:e.fontFamily,fontSize:e.fontSize,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,zIndex:d.zIndex,duration:r.duration,easing:r.easing},h={color:i.lightColors,shadow:o.lightShadows,dropShadow:o.lightDropShadows,...t},c={color:a.darkColors,shadow:o.darkShadows,dropShadow:o.darkDropShadows,...t};exports.darkTheme=c;exports.lightTheme=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../colors/light.cjs"),t=require("../colors/dark.cjs"),i=require("./motion.cjs"),a=require("./radii.cjs"),e=require("./shadows.cjs"),d=require("./spacing.cjs"),o=require("./typography.cjs"),n=require("./zIndex.cjs"),s={space:d.space,radius:a.radius,fontFamily:o.fontFamily,fontSize:o.fontSize,fontWeight:o.fontWeight,lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,zIndex:n.zIndex,duration:i.duration,easing:i.easing},h={color:r.lightColors,editorColors:r.lightEditorColors,shadow:e.lightShadows,dropShadow:e.lightDropShadows,...s},l={color:t.darkColors,editorColors:t.darkEditorColors,shadow:e.darkShadows,dropShadow:e.darkDropShadows,...s};exports.darkTheme=l;exports.lightTheme=h;
 //# sourceMappingURL=index.cjs.map

package/dist/theme/tokens/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/theme/tokens/index.ts"],"sourcesContent":["import { lightColors, darkColors } from '@theme/colors/index.ts'\r\nimport { duration, easing } from '@theme/tokens/motion.ts'\r\nimport { radius } from '@theme/tokens/radii.ts'\r\nimport { lightShadows, darkShadows, lightDropShadows, darkDropShadows } from '@theme/tokens/shadows.ts'\r\nimport { space } from '@theme/tokens/spacing.ts'\r\nimport { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from '@theme/tokens/typography.ts'\r\nimport { zIndex } from '@theme/tokens/zIndex.ts'\r\n\r\n/*\r\n * Theme assembly — combines every token category into the two complete theme\r\n * objects consumed by `contract.css.ts`.\r\n *\r\n * Theme-dependent categories (color, shadow) provide a light & dark variant;\r\n * everything else is shared. Both themes MUST be structurally identical: this\r\n * shape is the single source of truth for the typed CSS-variable contract.\r\n */\r\n\r\n/** Categories whose values are identical across themes. */\r\nconst sharedTokens = {\r\n    space,\r\n    radius,\r\n    fontFamily,\r\n    fontSize,\r\n    fontWeight,\r\n    lineHeight,\r\n    letterSpacing,\r\n    zIndex,\r\n    duration,\r\n    easing,\r\n}\r\n\r\nexport const lightTheme = {\r\n    color: lightColors,\r\n    shadow: lightShadows,\r\n    dropShadow: lightDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\nexport const darkTheme = {\r\n    color: darkColors,\r\n    shadow: darkShadows,\r\n    dropShadow: darkDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\n/** The canonical theme shape (light is the reference). */\r\nexport type Theme = typeof lightTheme\r\n\r\nexport { palette } from '@theme/tokens/palette.ts'\r\n"],"names":["sharedTokens","space","radius","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","zIndex","duration","easing","lightTheme","lightColors","lightShadows","lightDropShadows","darkTheme","darkColors","darkShadows","darkDropShadows"],"mappings":"wTAkBMA,EAAe,CAAA,MACjBC,EAAAA,MAAA,OACAC,EAAAA,OAAA,WACAC,EAAAA,WAAA,SACAC,EAAAA,SAAA,WACAC,EAAAA,WAAA,WACAC,EAAAA,WAAA,cACAC,EAAAA,cAAA,OACAC,EAAAA,OAAA,SACAC,EAAAA,SAAA,OACAC,EAAAA,MACJ,EAEaC,EAAa,CACtB,MAAOC,EAAAA,YACP,OAAQC,EAAAA,aACR,WAAYC,EAAAA,iBACZ,GAAGd,CACP,EAEae,EAAY,CACrB,MAAOC,EAAAA,WACP,OAAQC,EAAAA,YACR,WAAYC,EAAAA,gBACZ,GAAGlB,CACP"}
+{"version":3,"file":"index.cjs","sources":["../../../src/theme/tokens/index.ts"],"sourcesContent":["import {\r\n    darkColors,\r\n    darkEditorColors,\r\n    lightColors,\r\n    lightEditorColors,\r\n} from '@theme/colors/index.ts'\r\nimport { duration, easing } from '@theme/tokens/motion.ts'\r\nimport { radius } from '@theme/tokens/radii.ts'\r\nimport { lightShadows, darkShadows, lightDropShadows, darkDropShadows } from '@theme/tokens/shadows.ts'\r\nimport { space } from '@theme/tokens/spacing.ts'\r\nimport { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from '@theme/tokens/typography.ts'\r\nimport { zIndex } from '@theme/tokens/zIndex.ts'\r\n\r\n/*\r\n * Theme assembly — combines every token category into the two complete theme\r\n * objects consumed by `contract.css.ts`.\r\n *\r\n * Theme-dependent categories (color, shadow) provide a light & dark variant;\r\n * everything else is shared. Both themes MUST be structurally identical: this\r\n * shape is the single source of truth for the typed CSS-variable contract.\r\n */\r\n\r\n/** Categories whose values are identical across themes. */\r\nconst sharedTokens = {\r\n    space,\r\n    radius,\r\n    fontFamily,\r\n    fontSize,\r\n    fontWeight,\r\n    lineHeight,\r\n    letterSpacing,\r\n    zIndex,\r\n    duration,\r\n    easing,\r\n}\r\n\r\nexport const lightTheme = {\r\n    color: lightColors,\r\n    editorColors: lightEditorColors,\r\n    shadow: lightShadows,\r\n    dropShadow: lightDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\nexport const darkTheme = {\r\n    color: darkColors,\r\n    editorColors: darkEditorColors,\r\n    shadow: darkShadows,\r\n    dropShadow: darkDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\n/** The canonical theme shape (light is the reference). */\r\nexport type Theme = typeof lightTheme\r\n\r\nexport { palette } from '@theme/tokens/palette.ts'\r\n"],"names":["sharedTokens","space","radius","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","zIndex","duration","easing","lightTheme","lightColors","lightEditorColors","lightShadows","lightDropShadows","darkTheme","darkColors","darkEditorColors","darkShadows","darkDropShadows"],"mappings":"wTAuBMA,EAAe,CAAA,MACjBC,EAAAA,MAAA,OACAC,EAAAA,OAAA,WACAC,EAAAA,WAAA,SACAC,EAAAA,SAAA,WACAC,EAAAA,WAAA,WACAC,EAAAA,WAAA,cACAC,EAAAA,cAAA,OACAC,EAAAA,OAAA,SACAC,EAAAA,SAAA,OACAC,EAAAA,MACJ,EAEaC,EAAa,CACtB,MAAOC,EAAAA,YACP,aAAcC,EAAAA,kBACd,OAAQC,EAAAA,aACR,WAAYC,EAAAA,iBACZ,GAAGf,CACP,EAEagB,EAAY,CACrB,MAAOC,EAAAA,WACP,aAAcC,EAAAA,iBACd,OAAQC,EAAAA,YACR,WAAYC,EAAAA,gBACZ,GAAGpB,CACP"}

package/dist/theme/tokens/index.d.ts

@@ -36,7 +36,7 @@ export declare const lightTheme: {
         readonly '2xs': "0.625rem";
         readonly xs: "0.75rem";
         readonly sm: "0.875rem";
-        readonly base: "1rem";
+        readonly md: "1rem";
         readonly lg: "1.125rem";
         readonly xl: "1.25rem";
         readonly '2xl': "1.5rem";
@@ -243,6 +243,43 @@ export declare const lightTheme: {
         readonly skeleton: "oklch(0.923 0.006 264)";
         readonly skeletonForeground: "oklch(0.872 0.009 264)";
     };
+    editorColors: {
+        readonly ocean: {
+            readonly dark: "oklch(0.488 0.2 242)";
+            readonly base: "oklch(0.623 0.17 237)";
+            readonly light: "oklch(0.809 0.105 236)";
+        };
+        readonly forest: {
+            readonly dark: "oklch(0.527 0.154 150.1)";
+            readonly base: "oklch(0.723 0.219 149.6)";
+            readonly light: "oklch(0.871 0.15 154.4)";
+        };
+        readonly sunset: {
+            readonly dark: "oklch(0.52 0.175 55)";
+            readonly base: "oklch(0.678 0.235 55)";
+            readonly light: "oklch(0.837 0.154 55)";
+        };
+        readonly berry: {
+            readonly dark: "oklch(0.525 0.185 350)";
+            readonly base: "oklch(0.656 0.241 350)";
+            readonly light: "oklch(0.85 0.12 350)";
+        };
+        readonly grape: {
+            readonly dark: "oklch(0.495 0.205 300)";
+            readonly base: "oklch(0.627 0.257 300)";
+            readonly light: "oklch(0.827 0.142 300)";
+        };
+        readonly aqua: {
+            readonly dark: "oklch(0.51 0.16 180)";
+            readonly base: "oklch(0.66 0.22 180)";
+            readonly light: "oklch(0.84 0.15 180)";
+        };
+        readonly neutral: {
+            readonly dark: "oklch(0.21 0.01 264)";
+            readonly base: "oklch(0.372 0.018 264)";
+            readonly light: "oklch(0.708 0.018 264)";
+        };
+    };
     shadow: {
         readonly none: "none";
         readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
@@ -299,7 +336,7 @@ export declare const darkTheme: {
         readonly '2xs': "0.625rem";
         readonly xs: "0.75rem";
         readonly sm: "0.875rem";
-        readonly base: "1rem";
+        readonly md: "1rem";
         readonly lg: "1.125rem";
         readonly xl: "1.25rem";
         readonly '2xl': "1.5rem";
@@ -364,7 +401,185 @@ export declare const darkTheme: {
         readonly emphasized: "cubic-bezier(0.2, 0, 0, 1.2)";
         readonly linear: "linear";
     };
-    color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground", string>;
+    color: {
+        readonly background: string;
+        readonly foreground: string;
+        readonly text: string;
+        readonly textSecondary: string;
+        readonly textTertiary: string;
+        readonly card: string;
+        readonly cardForeground: string;
+        readonly popover: string;
+        readonly popoverForeground: string;
+        readonly muted: string;
+        readonly mutedForeground: string;
+        readonly overlay: string;
+        readonly primary: string;
+        readonly primaryHover: string;
+        readonly primaryActive: string;
+        readonly primaryForeground: string;
+        readonly primarySubtle: string;
+        readonly primarySubtleHover: string;
+        readonly primarySubtleActive: string;
+        readonly primarySubtleForeground: string;
+        readonly primarySubtleBorder: string;
+        readonly link: string;
+        readonly linkHover: string;
+        readonly linkActive: string;
+        readonly secondary: string;
+        readonly secondaryHover: string;
+        readonly secondaryActive: string;
+        readonly secondaryForeground: string;
+        readonly secondarySubtle: string;
+        readonly secondarySubtleHover: string;
+        readonly secondarySubtleActive: string;
+        readonly secondarySubtleForeground: string;
+        readonly secondarySubtleBorder: string;
+        readonly tertiary: string;
+        readonly tertiaryHover: string;
+        readonly tertiaryActive: string;
+        readonly tertiaryForeground: string;
+        readonly tertiarySubtle: string;
+        readonly tertiarySubtleHover: string;
+        readonly tertiarySubtleActive: string;
+        readonly tertiarySubtleForeground: string;
+        readonly tertiarySubtleBorder: string;
+        readonly success: string;
+        readonly successHover: string;
+        readonly successActive: string;
+        readonly successForeground: string;
+        readonly successSubtle: string;
+        readonly successSubtleHover: string;
+        readonly successSubtleActive: string;
+        readonly successSubtleForeground: string;
+        readonly successSubtleBorder: string;
+        readonly warning: string;
+        readonly warningHover: string;
+        readonly warningActive: string;
+        readonly warningForeground: string;
+        readonly warningSubtle: string;
+        readonly warningSubtleHover: string;
+        readonly warningSubtleActive: string;
+        readonly warningSubtleForeground: string;
+        readonly warningSubtleBorder: string;
+        readonly info: string;
+        readonly infoHover: string;
+        readonly infoActive: string;
+        readonly infoForeground: string;
+        readonly infoSubtle: string;
+        readonly infoSubtleHover: string;
+        readonly infoSubtleActive: string;
+        readonly infoSubtleForeground: string;
+        readonly infoSubtleBorder: string;
+        readonly destructive: string;
+        readonly destructiveHover: string;
+        readonly destructiveActive: string;
+        readonly destructiveForeground: string;
+        readonly destructiveSubtle: string;
+        readonly destructiveSubtleHover: string;
+        readonly destructiveSubtleActive: string;
+        readonly destructiveSubtleForeground: string;
+        readonly destructiveSubtleBorder: string;
+        readonly purple: string;
+        readonly purpleHover: string;
+        readonly purpleActive: string;
+        readonly purpleForeground: string;
+        readonly purpleSubtle: string;
+        readonly purpleSubtleHover: string;
+        readonly purpleSubtleActive: string;
+        readonly purpleSubtleForeground: string;
+        readonly purpleSubtleBorder: string;
+        readonly pink: string;
+        readonly pinkHover: string;
+        readonly pinkActive: string;
+        readonly pinkForeground: string;
+        readonly pinkSubtle: string;
+        readonly pinkSubtleHover: string;
+        readonly pinkSubtleActive: string;
+        readonly pinkSubtleForeground: string;
+        readonly pinkSubtleBorder: string;
+        readonly orange: string;
+        readonly orangeHover: string;
+        readonly orangeActive: string;
+        readonly orangeForeground: string;
+        readonly orangeSubtle: string;
+        readonly orangeSubtleHover: string;
+        readonly orangeSubtleActive: string;
+        readonly orangeSubtleForeground: string;
+        readonly orangeSubtleBorder: string;
+        readonly teal: string;
+        readonly tealHover: string;
+        readonly tealActive: string;
+        readonly tealForeground: string;
+        readonly tealSubtle: string;
+        readonly tealSubtleHover: string;
+        readonly tealSubtleActive: string;
+        readonly tealSubtleForeground: string;
+        readonly tealSubtleBorder: string;
+        readonly cyan: string;
+        readonly cyanHover: string;
+        readonly cyanActive: string;
+        readonly cyanForeground: string;
+        readonly cyanSubtle: string;
+        readonly cyanSubtleHover: string;
+        readonly cyanSubtleActive: string;
+        readonly cyanSubtleForeground: string;
+        readonly cyanSubtleBorder: string;
+        readonly indigo: string;
+        readonly indigoHover: string;
+        readonly indigoActive: string;
+        readonly indigoForeground: string;
+        readonly indigoSubtle: string;
+        readonly indigoSubtleHover: string;
+        readonly indigoSubtleActive: string;
+        readonly indigoSubtleForeground: string;
+        readonly indigoSubtleBorder: string;
+        readonly border: string;
+        readonly borderStrong: string;
+        readonly input: string;
+        readonly ring: string;
+        readonly highlight: string;
+        readonly highlightForeground: string;
+        readonly skeleton: string;
+        readonly skeletonForeground: string;
+    };
+    editorColors: {
+        readonly ocean: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly forest: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly sunset: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly berry: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly grape: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly aqua: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+        readonly neutral: {
+            readonly dark: string;
+            readonly base: string;
+            readonly light: string;
+        };
+    };
     shadow: Record<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner", string>;
     dropShadow: Record<"none" | "sm" | "md" | "lg" | "xl", string>;
 };

package/dist/theme/tokens/index.js

@@ -1,35 +1,37 @@
-import { lightColors as r } from "../colors/light.js";
-import { darkColors as t } from "../colors/dark.js";
-import { easing as i, duration as a } from "./motion.js";
+import { lightEditorColors as r, lightColors as t } from "../colors/light.js";
+import { darkEditorColors as i, darkColors as d } from "../colors/dark.js";
+import { easing as a, duration as s } from "./motion.js";
 import { radius as m } from "./radii.js";
-import { darkDropShadows as d, darkShadows as h, lightDropShadows as e, lightShadows as s } from "./shadows.js";
-import { space as p } from "./spacing.js";
-import { letterSpacing as n, lineHeight as f, fontWeight as l, fontSize as g, fontFamily as w } from "./typography.js";
-import { zIndex as S } from "./zIndex.js";
+import { darkDropShadows as e, darkShadows as h, lightDropShadows as l, lightShadows as p } from "./shadows.js";
+import { space as n } from "./spacing.js";
+import { letterSpacing as f, lineHeight as g, fontWeight as w, fontSize as S, fontFamily as c } from "./typography.js";
+import { zIndex as k } from "./zIndex.js";
 const o = {
-  space: p,
+  space: n,
   radius: m,
-  fontFamily: w,
-  fontSize: g,
-  fontWeight: l,
-  lineHeight: f,
-  letterSpacing: n,
-  zIndex: S,
-  duration: a,
-  easing: i
-}, y = {
-  color: r,
-  shadow: s,
-  dropShadow: e,
-  ...o
+  fontFamily: c,
+  fontSize: S,
+  fontWeight: w,
+  lineHeight: g,
+  letterSpacing: f,
+  zIndex: k,
+  duration: s,
+  easing: a
 }, F = {
   color: t,
+  editorColors: r,
+  shadow: p,
+  dropShadow: l,
+  ...o
+}, H = {
+  color: d,
+  editorColors: i,
   shadow: h,
-  dropShadow: d,
+  dropShadow: e,
   ...o
 };
 export {
-  F as darkTheme,
-  y as lightTheme
+  H as darkTheme,
+  F as lightTheme
 };
 //# sourceMappingURL=index.js.map

package/dist/theme/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/theme/tokens/index.ts"],"sourcesContent":["import { lightColors, darkColors } from '@theme/colors/index.ts'\r\nimport { duration, easing } from '@theme/tokens/motion.ts'\r\nimport { radius } from '@theme/tokens/radii.ts'\r\nimport { lightShadows, darkShadows, lightDropShadows, darkDropShadows } from '@theme/tokens/shadows.ts'\r\nimport { space } from '@theme/tokens/spacing.ts'\r\nimport { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from '@theme/tokens/typography.ts'\r\nimport { zIndex } from '@theme/tokens/zIndex.ts'\r\n\r\n/*\r\n * Theme assembly — combines every token category into the two complete theme\r\n * objects consumed by `contract.css.ts`.\r\n *\r\n * Theme-dependent categories (color, shadow) provide a light & dark variant;\r\n * everything else is shared. Both themes MUST be structurally identical: this\r\n * shape is the single source of truth for the typed CSS-variable contract.\r\n */\r\n\r\n/** Categories whose values are identical across themes. */\r\nconst sharedTokens = {\r\n    space,\r\n    radius,\r\n    fontFamily,\r\n    fontSize,\r\n    fontWeight,\r\n    lineHeight,\r\n    letterSpacing,\r\n    zIndex,\r\n    duration,\r\n    easing,\r\n}\r\n\r\nexport const lightTheme = {\r\n    color: lightColors,\r\n    shadow: lightShadows,\r\n    dropShadow: lightDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\nexport const darkTheme = {\r\n    color: darkColors,\r\n    shadow: darkShadows,\r\n    dropShadow: darkDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\n/** The canonical theme shape (light is the reference). */\r\nexport type Theme = typeof lightTheme\r\n\r\nexport { palette } from '@theme/tokens/palette.ts'\r\n"],"names":["sharedTokens","space","radius","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","zIndex","duration","easing","lightTheme","lightColors","lightShadows","lightDropShadows","darkTheme","darkColors","darkShadows","darkDropShadows"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAe;AAAA,EACjB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACJ,GAEaC,IAAa;AAAA,EACtB,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,YAAYC;AAAA,EACZ,GAAGd;AACP,GAEae,IAAY;AAAA,EACrB,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,YAAYC;AAAA,EACZ,GAAGlB;AACP;"}
+{"version":3,"file":"index.js","sources":["../../../src/theme/tokens/index.ts"],"sourcesContent":["import {\r\n    darkColors,\r\n    darkEditorColors,\r\n    lightColors,\r\n    lightEditorColors,\r\n} from '@theme/colors/index.ts'\r\nimport { duration, easing } from '@theme/tokens/motion.ts'\r\nimport { radius } from '@theme/tokens/radii.ts'\r\nimport { lightShadows, darkShadows, lightDropShadows, darkDropShadows } from '@theme/tokens/shadows.ts'\r\nimport { space } from '@theme/tokens/spacing.ts'\r\nimport { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from '@theme/tokens/typography.ts'\r\nimport { zIndex } from '@theme/tokens/zIndex.ts'\r\n\r\n/*\r\n * Theme assembly — combines every token category into the two complete theme\r\n * objects consumed by `contract.css.ts`.\r\n *\r\n * Theme-dependent categories (color, shadow) provide a light & dark variant;\r\n * everything else is shared. Both themes MUST be structurally identical: this\r\n * shape is the single source of truth for the typed CSS-variable contract.\r\n */\r\n\r\n/** Categories whose values are identical across themes. */\r\nconst sharedTokens = {\r\n    space,\r\n    radius,\r\n    fontFamily,\r\n    fontSize,\r\n    fontWeight,\r\n    lineHeight,\r\n    letterSpacing,\r\n    zIndex,\r\n    duration,\r\n    easing,\r\n}\r\n\r\nexport const lightTheme = {\r\n    color: lightColors,\r\n    editorColors: lightEditorColors,\r\n    shadow: lightShadows,\r\n    dropShadow: lightDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\nexport const darkTheme = {\r\n    color: darkColors,\r\n    editorColors: darkEditorColors,\r\n    shadow: darkShadows,\r\n    dropShadow: darkDropShadows,\r\n    ...sharedTokens,\r\n}\r\n\r\n/** The canonical theme shape (light is the reference). */\r\nexport type Theme = typeof lightTheme\r\n\r\nexport { palette } from '@theme/tokens/palette.ts'\r\n"],"names":["sharedTokens","space","radius","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","zIndex","duration","easing","lightTheme","lightColors","lightEditorColors","lightShadows","lightDropShadows","darkTheme","darkColors","darkEditorColors","darkShadows","darkDropShadows"],"mappings":";;;;;;;;AAuBA,MAAMA,IAAe;AAAA,EACjB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACJ,GAEaC,IAAa;AAAA,EACtB,OAAOC;AAAA,EACP,cAAcC;AAAA,EACd,QAAQC;AAAA,EACR,YAAYC;AAAA,EACZ,GAAGf;AACP,GAEagB,IAAY;AAAA,EACrB,OAAOC;AAAA,EACP,cAAcC;AAAA,EACd,QAAQC;AAAA,EACR,YAAYC;AAAA,EACZ,GAAGpB;AACP;"}

package/dist/theme/tokens/typography.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sans:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',serif:'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',mono:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'},o={"2xs":"0.625rem",xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem"},i={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},t={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"1.75"},n={tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"};exports.fontFamily=e;exports.fontSize=o;exports.fontWeight=i;exports.letterSpacing=n;exports.lineHeight=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sans:'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',serif:'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',mono:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'},o={"2xs":"0.625rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem"},i={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},t={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"1.75"},m={tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"};exports.fontFamily=e;exports.fontSize=o;exports.fontWeight=i;exports.letterSpacing=m;exports.lineHeight=t;
 //# sourceMappingURL=typography.cjs.map

package/dist/theme/tokens/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","sources":["../../../src/theme/tokens/typography.ts"],"sourcesContent":["/*\r\n * Typography tokens — font families, type scale, weights, line-heights and\r\n * letter-spacing. Theme-agnostic.\r\n */\r\n\r\nexport const fontFamily = {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\r\n    mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\r\n} as const\r\n\r\nexport const fontSize = {\r\n    '2xs': '0.625rem',\r\n    xs: '0.75rem',\r\n    sm: '0.875rem',\r\n    base: '1rem',\r\n    lg: '1.125rem',\r\n    xl: '1.25rem',\r\n    '2xl': '1.5rem',\r\n    '3xl': '1.875rem',\r\n    '4xl': '2.25rem',\r\n    '5xl': '3rem',\r\n    '6xl': '3.75rem',\r\n    '7xl': '4.5rem',\r\n} as const\r\n\r\nexport const fontWeight = {\r\n    thin: '100',\r\n    extralight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semibold: '600',\r\n    bold: '700',\r\n    extrabold: '800',\r\n    black: '900',\r\n} as const\r\n\r\nexport const lineHeight = {\r\n    none: '1',\r\n    tight: '1.25',\r\n    snug: '1.375',\r\n    normal: '1.5',\r\n    relaxed: '1.625',\r\n    loose: '1.75',\r\n} as const\r\n\r\nexport const letterSpacing = {\r\n    tighter: '-0.05em',\r\n    tight: '-0.025em',\r\n    normal: '0',\r\n    wide: '0.025em',\r\n    wider: '0.05em',\r\n    widest: '0.1em',\r\n} as const\r\n\r\nexport type FontFamily = typeof fontFamily\r\nexport type FontSize = typeof fontSize\r\nexport type FontWeight = typeof fontWeight\r\nexport type LineHeight = typeof lineHeight\r\nexport type LetterSpacing = typeof letterSpacing\r\n"],"names":["fontFamily","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":"gFAKO,MAAMA,EAAa,CACtB,KAAM,4FACN,MAAO,8DACP,KAAM,wFACV,EAEaC,EAAW,CACpB,MAAO,WACP,GAAI,UACJ,GAAI,WACJ,KAAM,OACN,GAAI,WACJ,GAAI,UACJ,MAAO,SACP,MAAO,WACP,MAAO,UACP,MAAO,OACP,MAAO,UACP,MAAO,QACX,EAEaC,EAAa,CACtB,KAAM,MACN,WAAY,MACZ,MAAO,MACP,OAAQ,MACR,OAAQ,MACR,SAAU,MACV,KAAM,MACN,UAAW,MACX,MAAO,KACX,EAEaC,EAAa,CACtB,KAAM,IACN,MAAO,OACP,KAAM,QACN,OAAQ,MACR,QAAS,QACT,MAAO,MACX,EAEaC,EAAgB,CACzB,QAAS,UACT,MAAO,WACP,OAAQ,IACR,KAAM,UACN,MAAO,SACP,OAAQ,OACZ"}
+{"version":3,"file":"typography.cjs","sources":["../../../src/theme/tokens/typography.ts"],"sourcesContent":["/*\r\n * Typography tokens — font families, type scale, weights, line-heights and\r\n * letter-spacing. Theme-agnostic.\r\n */\r\n\r\nexport const fontFamily = {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\r\n    mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\r\n} as const\r\n\r\nexport const fontSize = {\r\n    '2xs': '0.625rem',\r\n    xs: '0.75rem',\r\n    sm: '0.875rem',\r\n    md: '1rem',\r\n    lg: '1.125rem',\r\n    xl: '1.25rem',\r\n    '2xl': '1.5rem',\r\n    '3xl': '1.875rem',\r\n    '4xl': '2.25rem',\r\n    '5xl': '3rem',\r\n    '6xl': '3.75rem',\r\n    '7xl': '4.5rem',\r\n} as const\r\n\r\nexport const fontWeight = {\r\n    thin: '100',\r\n    extralight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semibold: '600',\r\n    bold: '700',\r\n    extrabold: '800',\r\n    black: '900',\r\n} as const\r\n\r\nexport const lineHeight = {\r\n    none: '1',\r\n    tight: '1.25',\r\n    snug: '1.375',\r\n    normal: '1.5',\r\n    relaxed: '1.625',\r\n    loose: '1.75',\r\n} as const\r\n\r\nexport const letterSpacing = {\r\n    tighter: '-0.05em',\r\n    tight: '-0.025em',\r\n    normal: '0',\r\n    wide: '0.025em',\r\n    wider: '0.05em',\r\n    widest: '0.1em',\r\n} as const\r\n\r\nexport type FontFamily = typeof fontFamily\r\nexport type FontSize = typeof fontSize\r\nexport type FontWeight = typeof fontWeight\r\nexport type LineHeight = typeof lineHeight\r\nexport type LetterSpacing = typeof letterSpacing\r\n"],"names":["fontFamily","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":"gFAKO,MAAMA,EAAa,CACtB,KAAM,4FACN,MAAO,8DACP,KAAM,wFACV,EAEaC,EAAW,CACpB,MAAO,WACP,GAAI,UACJ,GAAI,WACJ,GAAI,OACJ,GAAI,WACJ,GAAI,UACJ,MAAO,SACP,MAAO,WACP,MAAO,UACP,MAAO,OACP,MAAO,UACP,MAAO,QACX,EAEaC,EAAa,CACtB,KAAM,MACN,WAAY,MACZ,MAAO,MACP,OAAQ,MACR,OAAQ,MACR,SAAU,MACV,KAAM,MACN,UAAW,MACX,MAAO,KACX,EAEaC,EAAa,CACtB,KAAM,IACN,MAAO,OACP,KAAM,QACN,OAAQ,MACR,QAAS,QACT,MAAO,MACX,EAEaC,EAAgB,CACzB,QAAS,UACT,MAAO,WACP,OAAQ,IACR,KAAM,UACN,MAAO,SACP,OAAQ,OACZ"}

package/dist/theme/tokens/typography.d.ts

@@ -7,7 +7,7 @@ export declare const fontSize: {
     readonly '2xs': "0.625rem";
     readonly xs: "0.75rem";
     readonly sm: "0.875rem";
-    readonly base: "1rem";
+    readonly md: "1rem";
     readonly lg: "1.125rem";
     readonly xl: "1.25rem";
     readonly '2xl': "1.5rem";

package/dist/theme/tokens/typography.js

@@ -6,7 +6,7 @@ const e = {
   "2xs": "0.625rem",
   xs: "0.75rem",
   sm: "0.875rem",
-  base: "1rem",
+  md: "1rem",
   lg: "1.125rem",
   xl: "1.25rem",
   "2xl": "1.5rem",
@@ -15,7 +15,7 @@ const e = {
   "5xl": "3rem",
   "6xl": "3.75rem",
   "7xl": "4.5rem"
-}, i = {
+}, m = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -25,7 +25,7 @@ const e = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, m = {
+}, i = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
@@ -43,8 +43,8 @@ const e = {
 export {
   e as fontFamily,
   o as fontSize,
-  i as fontWeight,
+  m as fontWeight,
   s as letterSpacing,
-  m as lineHeight
+  i as lineHeight
 };
 //# sourceMappingURL=typography.js.map

package/dist/theme/tokens/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../src/theme/tokens/typography.ts"],"sourcesContent":["/*\r\n * Typography tokens — font families, type scale, weights, line-heights and\r\n * letter-spacing. Theme-agnostic.\r\n */\r\n\r\nexport const fontFamily = {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\r\n    mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\r\n} as const\r\n\r\nexport const fontSize = {\r\n    '2xs': '0.625rem',\r\n    xs: '0.75rem',\r\n    sm: '0.875rem',\r\n    base: '1rem',\r\n    lg: '1.125rem',\r\n    xl: '1.25rem',\r\n    '2xl': '1.5rem',\r\n    '3xl': '1.875rem',\r\n    '4xl': '2.25rem',\r\n    '5xl': '3rem',\r\n    '6xl': '3.75rem',\r\n    '7xl': '4.5rem',\r\n} as const\r\n\r\nexport const fontWeight = {\r\n    thin: '100',\r\n    extralight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semibold: '600',\r\n    bold: '700',\r\n    extrabold: '800',\r\n    black: '900',\r\n} as const\r\n\r\nexport const lineHeight = {\r\n    none: '1',\r\n    tight: '1.25',\r\n    snug: '1.375',\r\n    normal: '1.5',\r\n    relaxed: '1.625',\r\n    loose: '1.75',\r\n} as const\r\n\r\nexport const letterSpacing = {\r\n    tighter: '-0.05em',\r\n    tight: '-0.025em',\r\n    normal: '0',\r\n    wide: '0.025em',\r\n    wider: '0.05em',\r\n    widest: '0.1em',\r\n} as const\r\n\r\nexport type FontFamily = typeof fontFamily\r\nexport type FontSize = typeof fontSize\r\nexport type FontWeight = typeof fontWeight\r\nexport type LineHeight = typeof lineHeight\r\nexport type LetterSpacing = typeof letterSpacing\r\n"],"names":["fontFamily","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":"AAKO,MAAMA,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAAW;AAAA,EACpB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAgB;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACZ;"}
+{"version":3,"file":"typography.js","sources":["../../../src/theme/tokens/typography.ts"],"sourcesContent":["/*\r\n * Typography tokens — font families, type scale, weights, line-heights and\r\n * letter-spacing. Theme-agnostic.\r\n */\r\n\r\nexport const fontFamily = {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\r\n    mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\r\n} as const\r\n\r\nexport const fontSize = {\r\n    '2xs': '0.625rem',\r\n    xs: '0.75rem',\r\n    sm: '0.875rem',\r\n    md: '1rem',\r\n    lg: '1.125rem',\r\n    xl: '1.25rem',\r\n    '2xl': '1.5rem',\r\n    '3xl': '1.875rem',\r\n    '4xl': '2.25rem',\r\n    '5xl': '3rem',\r\n    '6xl': '3.75rem',\r\n    '7xl': '4.5rem',\r\n} as const\r\n\r\nexport const fontWeight = {\r\n    thin: '100',\r\n    extralight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semibold: '600',\r\n    bold: '700',\r\n    extrabold: '800',\r\n    black: '900',\r\n} as const\r\n\r\nexport const lineHeight = {\r\n    none: '1',\r\n    tight: '1.25',\r\n    snug: '1.375',\r\n    normal: '1.5',\r\n    relaxed: '1.625',\r\n    loose: '1.75',\r\n} as const\r\n\r\nexport const letterSpacing = {\r\n    tighter: '-0.05em',\r\n    tight: '-0.025em',\r\n    normal: '0',\r\n    wide: '0.025em',\r\n    wider: '0.05em',\r\n    widest: '0.1em',\r\n} as const\r\n\r\nexport type FontFamily = typeof fontFamily\r\nexport type FontSize = typeof fontSize\r\nexport type FontWeight = typeof fontWeight\r\nexport type LineHeight = typeof lineHeight\r\nexport type LetterSpacing = typeof letterSpacing\r\n"],"names":["fontFamily","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":"AAKO,MAAMA,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAAW;AAAA,EACpB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAgB;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACZ;"}

package/dist/types/DataAttributes.d.ts

@@ -0,0 +1,3 @@
+export type DataAttributes = {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+};