@paraxe/design 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,571 @@
+/**
+ * @loba/design — public entry point.
+ *
+ * The canonical token contract for the Loba ecosystem.
+ * `@loba/ui` components consume these tokens directly (no aliases).
+ *
+ * This module exports:
+ *  - The canonical token names (typed, frozen v1.0)
+ *  - CSS entry points (tokens / themes / presets)
+ *
+ * Runtime consumers typically import the CSS files directly, e.g.:
+ *   import "@loba/design/tokens.css"
+ *   import "@loba/design/themes/default.css"
+ *   import "@loba/design/presets/default.css"
+ */
+/** Structural token names from tokens.css (Layer 1). */
+export declare const TOKEN_NAMES: {
+    readonly space0: "--space-0";
+    readonly spacePx: "--space-px";
+    readonly space1: "--space-1";
+    readonly space2: "--space-2";
+    readonly space3: "--space-3";
+    readonly space4: "--space-4";
+    readonly space5: "--space-5";
+    readonly space6: "--space-6";
+    readonly space7: "--space-7";
+    readonly space8: "--space-8";
+    readonly space9: "--space-9";
+    readonly space10: "--space-10";
+    readonly space11: "--space-11";
+    readonly space12: "--space-12";
+    readonly space14: "--space-14";
+    readonly space16: "--space-16";
+    readonly space20: "--space-20";
+    readonly space24: "--space-24";
+    readonly space28: "--space-28";
+    readonly space32: "--space-32";
+    readonly space36: "--space-36";
+    readonly space40: "--space-40";
+    readonly space44: "--space-44";
+    readonly space48: "--space-48";
+    readonly space52: "--space-52";
+    readonly space56: "--space-56";
+    readonly space60: "--space-60";
+    readonly space64: "--space-64";
+    readonly space72: "--space-72";
+    readonly space80: "--space-80";
+    readonly space96: "--space-96";
+    readonly sectionSpacing: "--section-spacing";
+    readonly containerPadding: "--container-padding";
+    readonly containerPaddingLg: "--container-padding-lg";
+    readonly cardPadding: "--card-padding";
+    readonly cardPaddingSm: "--card-padding-sm";
+    readonly cardPaddingLg: "--card-padding-lg";
+    readonly stackGap: "--stack-gap";
+    readonly stackGapSm: "--stack-gap-sm";
+    readonly stackGapLg: "--stack-gap-lg";
+    readonly inlineGap: "--inline-gap";
+    readonly inlineGapSm: "--inline-gap-sm";
+    readonly inlineGapLg: "--inline-gap-lg";
+    readonly gridGap: "--grid-gap";
+    readonly gridGapSm: "--grid-gap-sm";
+    readonly gridGapLg: "--grid-gap-lg";
+    readonly containerMaxWidth: "--container-max-width";
+    readonly containerNarrow: "--container-narrow";
+    readonly containerGutter: "--container-gutter";
+    readonly containerGutterLg: "--container-gutter-lg";
+    readonly contentWidthNarrow: "--content-width-narrow";
+    readonly zBase: "--z-base";
+    readonly zFloor: "--z-floor";
+    readonly zSticky: "--z-sticky";
+    readonly zNavbar: "--z-navbar";
+    readonly zDropdown: "--z-dropdown";
+    readonly zOverlay: "--z-overlay";
+    readonly zModal: "--z-modal";
+    readonly zPopover: "--z-popover";
+    readonly zTooltip: "--z-tooltip";
+    readonly fontFamilyDisplay: "--font-family-display";
+    readonly fontFamilyBody: "--font-family-body";
+    readonly fontFamilyMono: "--font-family-mono";
+    readonly fontWeightLight: "--font-weight-light";
+    readonly fontWeightRegular: "--font-weight-regular";
+    readonly fontWeightMedium: "--font-weight-medium";
+    readonly fontWeightSemibold: "--font-weight-semibold";
+    readonly fontWeightBold: "--font-weight-bold";
+    readonly fontWeightExtrabold: "--font-weight-extrabold";
+    readonly fontSizeXs: "--font-size-xs";
+    readonly fontSizeSm: "--font-size-sm";
+    readonly fontSizeBase: "--font-size-base";
+    readonly fontSizeLg: "--font-size-lg";
+    readonly fontSizeXl: "--font-size-xl";
+    readonly fontSize2xl: "--font-size-2xl";
+    readonly fontSize3xl: "--font-size-3xl";
+    readonly fontSize4xl: "--font-size-4xl";
+    readonly fontSize5xl: "--font-size-5xl";
+    readonly fontSize6xl: "--font-size-6xl";
+    readonly fontSize7xl: "--font-size-7xl";
+    readonly fontSize8xl: "--font-size-8xl";
+    readonly fontSize9xl: "--font-size-9xl";
+    readonly lineHeightTight: "--line-height-tight";
+    readonly lineHeightSnug: "--line-height-snug";
+    readonly lineHeightNormal: "--line-height-normal";
+    readonly lineHeightRelaxed: "--line-height-relaxed";
+    readonly lineHeightLoose: "--line-height-loose";
+    readonly letterSpacingTight: "--letter-spacing-tight";
+    readonly letterSpacingNormal: "--letter-spacing-normal";
+    readonly letterSpacingWide: "--letter-spacing-wide";
+    readonly letterSpacingWider: "--letter-spacing-wider";
+    readonly letterSpacingWidest: "--letter-spacing-widest";
+    readonly typographyH1Size: "--typography-h1-size";
+    readonly typographyH2Size: "--typography-h2-size";
+    readonly typographyH3Size: "--typography-h3-size";
+    readonly typographyH4Size: "--typography-h4-size";
+    readonly typographyLeadSize: "--typography-lead-size";
+    readonly typographyBodySize: "--typography-body-size";
+    readonly typographyCaptionSize: "--typography-caption-size";
+    readonly typographyOverlineSize: "--typography-overline-size";
+    readonly typographyHeadingWeight: "--typography-heading-weight";
+    readonly typographyBodyWeight: "--typography-body-weight";
+    readonly typographyHeadingLineheight: "--typography-heading-lineheight";
+    readonly typographyBodyLineheight: "--typography-body-lineheight";
+    readonly typographyHeadingLetterspacing: "--typography-heading-letterspacing";
+    readonly typographyBodyLetterspacing: "--typography-body-letterspacing";
+    readonly radiusNone: "--radius-none";
+    readonly radiusSm: "--radius-sm";
+    readonly radiusBase: "--radius-base";
+    readonly radiusMd: "--radius-md";
+    readonly radiusLg: "--radius-lg";
+    readonly radiusXl: "--radius-xl";
+    readonly radius2xl: "--radius-2xl";
+    readonly radius3xl: "--radius-3xl";
+    readonly radiusFull: "--radius-full";
+    readonly shadowSm: "--shadow-sm";
+    readonly shadowBase: "--shadow-base";
+    readonly shadowMd: "--shadow-md";
+    readonly shadowLg: "--shadow-lg";
+    readonly shadowXl: "--shadow-xl";
+    readonly shadow2xl: "--shadow-2xl";
+    readonly shadowInner: "--shadow-inner";
+    readonly motionDurationFast: "--motion-duration-fast";
+    readonly motionDurationNormal: "--motion-duration-normal";
+    readonly motionDurationSlow: "--motion-duration-slow";
+    readonly motionDurationSlower: "--motion-duration-slower";
+    readonly motionDurationSlowest: "--motion-duration-slowest";
+    readonly motionEaseIn: "--motion-ease-in";
+    readonly motionEaseOut: "--motion-ease-out";
+    readonly motionEaseInOut: "--motion-ease-in-out";
+    readonly motionEaseSpring: "--motion-ease-spring";
+    readonly motionEaseSmooth: "--motion-ease-smooth";
+    readonly motionFast: "--motion-fast";
+    readonly motionNormal: "--motion-normal";
+    readonly motionSlow: "--motion-slow";
+    readonly motionSlower: "--motion-slower";
+    readonly easeStandard: "--ease-standard";
+    readonly easeSmooth: "--ease-smooth";
+    readonly easeSpring: "--ease-spring";
+    readonly transitionFast: "--transition-fast";
+    readonly transitionNormal: "--transition-normal";
+    readonly transitionSlow: "--transition-slow";
+    readonly buttonRadius: "--button-radius";
+    readonly buttonPaddingX: "--button-padding-x";
+    readonly buttonPaddingY: "--button-padding-y";
+    readonly buttonGap: "--button-gap";
+    readonly cardRadius: "--card-radius";
+    readonly badgeRadius: "--badge-radius";
+    readonly navHeight: "--nav-height";
+    readonly navBlur: "--nav-blur";
+    readonly glassBlur: "--glass-blur";
+    readonly glassSaturate: "--glass-saturate";
+    readonly focusRingWidth: "--focus-ring-width";
+    readonly focusRingOffset: "--focus-ring-offset";
+};
+/** Color token names from themes/*.css (Layer 2). */
+export declare const COLOR_TOKEN_NAMES: {
+    readonly brandPrimary: "--brand-primary";
+    readonly brandPrimaryHover: "--brand-primary-hover";
+    readonly brandPrimaryActive: "--brand-primary-active";
+    readonly brandPrimaryLight: "--brand-primary-light";
+    readonly brandPrimaryMuted: "--brand-primary-muted";
+    readonly brandGlow: "--brand-glow";
+    readonly textOnBrand: "--text-on-brand";
+    readonly colorSuccess: "--color-success";
+    readonly colorWarning: "--color-warning";
+    readonly colorDanger: "--color-danger";
+    readonly colorInfo: "--color-info";
+    readonly backgroundPrimary: "--background-primary";
+    readonly backgroundSecondary: "--background-secondary";
+    readonly surfaceBase: "--surface-base";
+    readonly surfaceRaised: "--surface-raised";
+    readonly surfaceCard: "--surface-card";
+    readonly surfaceHover: "--surface-hover";
+    readonly surfaceElevated1: "--surface-elevated-1";
+    readonly surfaceElevated2: "--surface-elevated-2";
+    readonly surfaceElevated3: "--surface-elevated-3";
+    readonly surfaceGlass: "--surface-glass";
+    readonly surfaceGlassStrong: "--surface-glass-strong";
+    readonly textPrimary: "--text-primary";
+    readonly textSecondary: "--text-secondary";
+    readonly textMuted: "--text-muted";
+    readonly textInverse: "--text-inverse";
+    readonly textAccent: "--text-accent";
+    readonly textLink: "--text-link";
+    readonly textLinkHover: "--text-link-hover";
+    readonly borderDefault: "--border-default";
+    readonly borderStrong: "--border-strong";
+    readonly borderSubtle: "--border-subtle";
+    readonly borderFocus: "--border-focus";
+    readonly glassBackground: "--glass-background";
+    readonly glassBorder: "--glass-border";
+    readonly cardHighlight: "--card-highlight";
+    readonly cardHighlightInset: "--card-highlight-inset";
+    readonly overlayScrim: "--overlay-scrim";
+    readonly overlayScrimStrong: "--overlay-scrim-strong";
+    readonly focusRingColor: "--focus-ring-color";
+    readonly selectionBackground: "--selection-background";
+    readonly selectionText: "--selection-text";
+    readonly buttonPrimaryBg: "--button-primary-bg";
+    readonly buttonPrimaryText: "--button-primary-text";
+    readonly buttonPrimaryBorder: "--button-primary-border";
+    readonly buttonPrimaryHoverBg: "--button-primary-hover-bg";
+    readonly buttonPrimaryHoverBorder: "--button-primary-hover-border";
+    readonly buttonPrimaryActiveBg: "--button-primary-active-bg";
+    readonly buttonPrimaryDisabledBg: "--button-primary-disabled-bg";
+    readonly buttonPrimaryDisabledText: "--button-primary-disabled-text";
+    readonly buttonSecondaryBg: "--button-secondary-bg";
+    readonly buttonSecondaryText: "--button-secondary-text";
+    readonly buttonSecondaryBorder: "--button-secondary-border";
+    readonly buttonSecondaryHoverBg: "--button-secondary-hover-bg";
+    readonly buttonSecondaryHoverBorder: "--button-secondary-hover-border";
+    readonly buttonSecondaryActiveBg: "--button-secondary-active-bg";
+    readonly buttonSecondaryDisabledBg: "--button-secondary-disabled-bg";
+    readonly buttonSecondaryDisabledText: "--button-secondary-disabled-text";
+    readonly buttonSecondaryDisabledBorder: "--button-secondary-disabled-border";
+    readonly buttonGhostBg: "--button-ghost-bg";
+    readonly buttonGhostText: "--button-ghost-text";
+    readonly buttonGhostBorder: "--button-ghost-border";
+    readonly buttonGhostHoverBg: "--button-ghost-hover-bg";
+    readonly buttonGhostHoverBorder: "--button-ghost-hover-border";
+    readonly buttonGhostActiveBg: "--button-ghost-active-bg";
+    readonly buttonGhostDisabledText: "--button-ghost-disabled-text";
+    readonly buttonOutlineBg: "--button-outline-bg";
+    readonly buttonOutlineText: "--button-outline-text";
+    readonly buttonOutlineBorder: "--button-outline-border";
+    readonly buttonOutlineHoverBg: "--button-outline-hover-bg";
+    readonly buttonOutlineHoverBorder: "--button-outline-hover-border";
+    readonly buttonOutlineActiveBg: "--button-outline-active-bg";
+    readonly buttonOutlineDisabledText: "--button-outline-disabled-text";
+    readonly buttonOutlineDisabledBorder: "--button-outline-disabled-border";
+    readonly buttonDangerBg: "--button-danger-bg";
+    readonly buttonDangerText: "--button-danger-text";
+    readonly buttonDangerBorder: "--button-danger-border";
+    readonly buttonDangerHoverBg: "--button-danger-hover-bg";
+    readonly buttonDangerHoverBorder: "--button-danger-hover-border";
+    readonly buttonDangerActiveBg: "--button-danger-active-bg";
+    readonly buttonDangerDisabledBg: "--button-danger-disabled-bg";
+    readonly buttonDangerDisabledText: "--button-danger-disabled-text";
+    readonly cardBackground: "--card-background";
+    readonly cardBackgroundHover: "--card-background-hover";
+    readonly cardBorder: "--card-border";
+    readonly cardBorderHover: "--card-border-hover";
+    readonly cardShadow: "--card-shadow";
+    readonly cardShadowHover: "--card-shadow-hover";
+    readonly navBackground: "--nav-background";
+    readonly navBorder: "--nav-border";
+    readonly navLink: "--nav-link";
+    readonly navLinkHover: "--nav-link-hover";
+    readonly navLinkActive: "--nav-link-active";
+    readonly navLinkActiveBorder: "--nav-link-active-border";
+    readonly navFocusRing: "--nav-focus-ring";
+    readonly formBackground: "--form-background";
+    readonly formBorder: "--form-border";
+    readonly formBorderHover: "--form-border-hover";
+    readonly formBorderFocus: "--form-border-focus";
+    readonly formText: "--form-text";
+    readonly formTextMuted: "--form-text-muted";
+    readonly formPlaceholder: "--form-placeholder";
+    readonly formBgDisabled: "--form-bg-disabled";
+    readonly formBorderDisabled: "--form-border-disabled";
+    readonly formTextDisabled: "--form-text-disabled";
+    readonly badgeBackground: "--badge-background";
+    readonly badgeBorder: "--badge-border";
+    readonly badgeText: "--badge-text";
+    readonly footerBackground: "--footer-background";
+    readonly footerBorder: "--footer-border";
+    readonly footerText: "--footer-text";
+    readonly footerLink: "--footer-link";
+    readonly footerLinkHover: "--footer-link-hover";
+    readonly shadowElevationLow: "--shadow-elevation-low";
+    readonly shadowElevationMedium: "--shadow-elevation-medium";
+    readonly shadowElevationHigh: "--shadow-elevation-high";
+    readonly shadowElevationModal: "--shadow-elevation-modal";
+};
+export type TokenName = (typeof TOKEN_NAMES)[keyof typeof TOKEN_NAMES];
+export type ColorTokenName = (typeof COLOR_TOKEN_NAMES)[keyof typeof COLOR_TOKEN_NAMES];
+/** All canonical token names (combination of Layer 1 + Layer 2). */
+export declare const ALL_TOKEN_NAMES: {
+    readonly brandPrimary: "--brand-primary";
+    readonly brandPrimaryHover: "--brand-primary-hover";
+    readonly brandPrimaryActive: "--brand-primary-active";
+    readonly brandPrimaryLight: "--brand-primary-light";
+    readonly brandPrimaryMuted: "--brand-primary-muted";
+    readonly brandGlow: "--brand-glow";
+    readonly textOnBrand: "--text-on-brand";
+    readonly colorSuccess: "--color-success";
+    readonly colorWarning: "--color-warning";
+    readonly colorDanger: "--color-danger";
+    readonly colorInfo: "--color-info";
+    readonly backgroundPrimary: "--background-primary";
+    readonly backgroundSecondary: "--background-secondary";
+    readonly surfaceBase: "--surface-base";
+    readonly surfaceRaised: "--surface-raised";
+    readonly surfaceCard: "--surface-card";
+    readonly surfaceHover: "--surface-hover";
+    readonly surfaceElevated1: "--surface-elevated-1";
+    readonly surfaceElevated2: "--surface-elevated-2";
+    readonly surfaceElevated3: "--surface-elevated-3";
+    readonly surfaceGlass: "--surface-glass";
+    readonly surfaceGlassStrong: "--surface-glass-strong";
+    readonly textPrimary: "--text-primary";
+    readonly textSecondary: "--text-secondary";
+    readonly textMuted: "--text-muted";
+    readonly textInverse: "--text-inverse";
+    readonly textAccent: "--text-accent";
+    readonly textLink: "--text-link";
+    readonly textLinkHover: "--text-link-hover";
+    readonly borderDefault: "--border-default";
+    readonly borderStrong: "--border-strong";
+    readonly borderSubtle: "--border-subtle";
+    readonly borderFocus: "--border-focus";
+    readonly glassBackground: "--glass-background";
+    readonly glassBorder: "--glass-border";
+    readonly cardHighlight: "--card-highlight";
+    readonly cardHighlightInset: "--card-highlight-inset";
+    readonly overlayScrim: "--overlay-scrim";
+    readonly overlayScrimStrong: "--overlay-scrim-strong";
+    readonly focusRingColor: "--focus-ring-color";
+    readonly selectionBackground: "--selection-background";
+    readonly selectionText: "--selection-text";
+    readonly buttonPrimaryBg: "--button-primary-bg";
+    readonly buttonPrimaryText: "--button-primary-text";
+    readonly buttonPrimaryBorder: "--button-primary-border";
+    readonly buttonPrimaryHoverBg: "--button-primary-hover-bg";
+    readonly buttonPrimaryHoverBorder: "--button-primary-hover-border";
+    readonly buttonPrimaryActiveBg: "--button-primary-active-bg";
+    readonly buttonPrimaryDisabledBg: "--button-primary-disabled-bg";
+    readonly buttonPrimaryDisabledText: "--button-primary-disabled-text";
+    readonly buttonSecondaryBg: "--button-secondary-bg";
+    readonly buttonSecondaryText: "--button-secondary-text";
+    readonly buttonSecondaryBorder: "--button-secondary-border";
+    readonly buttonSecondaryHoverBg: "--button-secondary-hover-bg";
+    readonly buttonSecondaryHoverBorder: "--button-secondary-hover-border";
+    readonly buttonSecondaryActiveBg: "--button-secondary-active-bg";
+    readonly buttonSecondaryDisabledBg: "--button-secondary-disabled-bg";
+    readonly buttonSecondaryDisabledText: "--button-secondary-disabled-text";
+    readonly buttonSecondaryDisabledBorder: "--button-secondary-disabled-border";
+    readonly buttonGhostBg: "--button-ghost-bg";
+    readonly buttonGhostText: "--button-ghost-text";
+    readonly buttonGhostBorder: "--button-ghost-border";
+    readonly buttonGhostHoverBg: "--button-ghost-hover-bg";
+    readonly buttonGhostHoverBorder: "--button-ghost-hover-border";
+    readonly buttonGhostActiveBg: "--button-ghost-active-bg";
+    readonly buttonGhostDisabledText: "--button-ghost-disabled-text";
+    readonly buttonOutlineBg: "--button-outline-bg";
+    readonly buttonOutlineText: "--button-outline-text";
+    readonly buttonOutlineBorder: "--button-outline-border";
+    readonly buttonOutlineHoverBg: "--button-outline-hover-bg";
+    readonly buttonOutlineHoverBorder: "--button-outline-hover-border";
+    readonly buttonOutlineActiveBg: "--button-outline-active-bg";
+    readonly buttonOutlineDisabledText: "--button-outline-disabled-text";
+    readonly buttonOutlineDisabledBorder: "--button-outline-disabled-border";
+    readonly buttonDangerBg: "--button-danger-bg";
+    readonly buttonDangerText: "--button-danger-text";
+    readonly buttonDangerBorder: "--button-danger-border";
+    readonly buttonDangerHoverBg: "--button-danger-hover-bg";
+    readonly buttonDangerHoverBorder: "--button-danger-hover-border";
+    readonly buttonDangerActiveBg: "--button-danger-active-bg";
+    readonly buttonDangerDisabledBg: "--button-danger-disabled-bg";
+    readonly buttonDangerDisabledText: "--button-danger-disabled-text";
+    readonly cardBackground: "--card-background";
+    readonly cardBackgroundHover: "--card-background-hover";
+    readonly cardBorder: "--card-border";
+    readonly cardBorderHover: "--card-border-hover";
+    readonly cardShadow: "--card-shadow";
+    readonly cardShadowHover: "--card-shadow-hover";
+    readonly navBackground: "--nav-background";
+    readonly navBorder: "--nav-border";
+    readonly navLink: "--nav-link";
+    readonly navLinkHover: "--nav-link-hover";
+    readonly navLinkActive: "--nav-link-active";
+    readonly navLinkActiveBorder: "--nav-link-active-border";
+    readonly navFocusRing: "--nav-focus-ring";
+    readonly formBackground: "--form-background";
+    readonly formBorder: "--form-border";
+    readonly formBorderHover: "--form-border-hover";
+    readonly formBorderFocus: "--form-border-focus";
+    readonly formText: "--form-text";
+    readonly formTextMuted: "--form-text-muted";
+    readonly formPlaceholder: "--form-placeholder";
+    readonly formBgDisabled: "--form-bg-disabled";
+    readonly formBorderDisabled: "--form-border-disabled";
+    readonly formTextDisabled: "--form-text-disabled";
+    readonly badgeBackground: "--badge-background";
+    readonly badgeBorder: "--badge-border";
+    readonly badgeText: "--badge-text";
+    readonly footerBackground: "--footer-background";
+    readonly footerBorder: "--footer-border";
+    readonly footerText: "--footer-text";
+    readonly footerLink: "--footer-link";
+    readonly footerLinkHover: "--footer-link-hover";
+    readonly shadowElevationLow: "--shadow-elevation-low";
+    readonly shadowElevationMedium: "--shadow-elevation-medium";
+    readonly shadowElevationHigh: "--shadow-elevation-high";
+    readonly shadowElevationModal: "--shadow-elevation-modal";
+    readonly space0: "--space-0";
+    readonly spacePx: "--space-px";
+    readonly space1: "--space-1";
+    readonly space2: "--space-2";
+    readonly space3: "--space-3";
+    readonly space4: "--space-4";
+    readonly space5: "--space-5";
+    readonly space6: "--space-6";
+    readonly space7: "--space-7";
+    readonly space8: "--space-8";
+    readonly space9: "--space-9";
+    readonly space10: "--space-10";
+    readonly space11: "--space-11";
+    readonly space12: "--space-12";
+    readonly space14: "--space-14";
+    readonly space16: "--space-16";
+    readonly space20: "--space-20";
+    readonly space24: "--space-24";
+    readonly space28: "--space-28";
+    readonly space32: "--space-32";
+    readonly space36: "--space-36";
+    readonly space40: "--space-40";
+    readonly space44: "--space-44";
+    readonly space48: "--space-48";
+    readonly space52: "--space-52";
+    readonly space56: "--space-56";
+    readonly space60: "--space-60";
+    readonly space64: "--space-64";
+    readonly space72: "--space-72";
+    readonly space80: "--space-80";
+    readonly space96: "--space-96";
+    readonly sectionSpacing: "--section-spacing";
+    readonly containerPadding: "--container-padding";
+    readonly containerPaddingLg: "--container-padding-lg";
+    readonly cardPadding: "--card-padding";
+    readonly cardPaddingSm: "--card-padding-sm";
+    readonly cardPaddingLg: "--card-padding-lg";
+    readonly stackGap: "--stack-gap";
+    readonly stackGapSm: "--stack-gap-sm";
+    readonly stackGapLg: "--stack-gap-lg";
+    readonly inlineGap: "--inline-gap";
+    readonly inlineGapSm: "--inline-gap-sm";
+    readonly inlineGapLg: "--inline-gap-lg";
+    readonly gridGap: "--grid-gap";
+    readonly gridGapSm: "--grid-gap-sm";
+    readonly gridGapLg: "--grid-gap-lg";
+    readonly containerMaxWidth: "--container-max-width";
+    readonly containerNarrow: "--container-narrow";
+    readonly containerGutter: "--container-gutter";
+    readonly containerGutterLg: "--container-gutter-lg";
+    readonly contentWidthNarrow: "--content-width-narrow";
+    readonly zBase: "--z-base";
+    readonly zFloor: "--z-floor";
+    readonly zSticky: "--z-sticky";
+    readonly zNavbar: "--z-navbar";
+    readonly zDropdown: "--z-dropdown";
+    readonly zOverlay: "--z-overlay";
+    readonly zModal: "--z-modal";
+    readonly zPopover: "--z-popover";
+    readonly zTooltip: "--z-tooltip";
+    readonly fontFamilyDisplay: "--font-family-display";
+    readonly fontFamilyBody: "--font-family-body";
+    readonly fontFamilyMono: "--font-family-mono";
+    readonly fontWeightLight: "--font-weight-light";
+    readonly fontWeightRegular: "--font-weight-regular";
+    readonly fontWeightMedium: "--font-weight-medium";
+    readonly fontWeightSemibold: "--font-weight-semibold";
+    readonly fontWeightBold: "--font-weight-bold";
+    readonly fontWeightExtrabold: "--font-weight-extrabold";
+    readonly fontSizeXs: "--font-size-xs";
+    readonly fontSizeSm: "--font-size-sm";
+    readonly fontSizeBase: "--font-size-base";
+    readonly fontSizeLg: "--font-size-lg";
+    readonly fontSizeXl: "--font-size-xl";
+    readonly fontSize2xl: "--font-size-2xl";
+    readonly fontSize3xl: "--font-size-3xl";
+    readonly fontSize4xl: "--font-size-4xl";
+    readonly fontSize5xl: "--font-size-5xl";
+    readonly fontSize6xl: "--font-size-6xl";
+    readonly fontSize7xl: "--font-size-7xl";
+    readonly fontSize8xl: "--font-size-8xl";
+    readonly fontSize9xl: "--font-size-9xl";
+    readonly lineHeightTight: "--line-height-tight";
+    readonly lineHeightSnug: "--line-height-snug";
+    readonly lineHeightNormal: "--line-height-normal";
+    readonly lineHeightRelaxed: "--line-height-relaxed";
+    readonly lineHeightLoose: "--line-height-loose";
+    readonly letterSpacingTight: "--letter-spacing-tight";
+    readonly letterSpacingNormal: "--letter-spacing-normal";
+    readonly letterSpacingWide: "--letter-spacing-wide";
+    readonly letterSpacingWider: "--letter-spacing-wider";
+    readonly letterSpacingWidest: "--letter-spacing-widest";
+    readonly typographyH1Size: "--typography-h1-size";
+    readonly typographyH2Size: "--typography-h2-size";
+    readonly typographyH3Size: "--typography-h3-size";
+    readonly typographyH4Size: "--typography-h4-size";
+    readonly typographyLeadSize: "--typography-lead-size";
+    readonly typographyBodySize: "--typography-body-size";
+    readonly typographyCaptionSize: "--typography-caption-size";
+    readonly typographyOverlineSize: "--typography-overline-size";
+    readonly typographyHeadingWeight: "--typography-heading-weight";
+    readonly typographyBodyWeight: "--typography-body-weight";
+    readonly typographyHeadingLineheight: "--typography-heading-lineheight";
+    readonly typographyBodyLineheight: "--typography-body-lineheight";
+    readonly typographyHeadingLetterspacing: "--typography-heading-letterspacing";
+    readonly typographyBodyLetterspacing: "--typography-body-letterspacing";
+    readonly radiusNone: "--radius-none";
+    readonly radiusSm: "--radius-sm";
+    readonly radiusBase: "--radius-base";
+    readonly radiusMd: "--radius-md";
+    readonly radiusLg: "--radius-lg";
+    readonly radiusXl: "--radius-xl";
+    readonly radius2xl: "--radius-2xl";
+    readonly radius3xl: "--radius-3xl";
+    readonly radiusFull: "--radius-full";
+    readonly shadowSm: "--shadow-sm";
+    readonly shadowBase: "--shadow-base";
+    readonly shadowMd: "--shadow-md";
+    readonly shadowLg: "--shadow-lg";
+    readonly shadowXl: "--shadow-xl";
+    readonly shadow2xl: "--shadow-2xl";
+    readonly shadowInner: "--shadow-inner";
+    readonly motionDurationFast: "--motion-duration-fast";
+    readonly motionDurationNormal: "--motion-duration-normal";
+    readonly motionDurationSlow: "--motion-duration-slow";
+    readonly motionDurationSlower: "--motion-duration-slower";
+    readonly motionDurationSlowest: "--motion-duration-slowest";
+    readonly motionEaseIn: "--motion-ease-in";
+    readonly motionEaseOut: "--motion-ease-out";
+    readonly motionEaseInOut: "--motion-ease-in-out";
+    readonly motionEaseSpring: "--motion-ease-spring";
+    readonly motionEaseSmooth: "--motion-ease-smooth";
+    readonly motionFast: "--motion-fast";
+    readonly motionNormal: "--motion-normal";
+    readonly motionSlow: "--motion-slow";
+    readonly motionSlower: "--motion-slower";
+    readonly easeStandard: "--ease-standard";
+    readonly easeSmooth: "--ease-smooth";
+    readonly easeSpring: "--ease-spring";
+    readonly transitionFast: "--transition-fast";
+    readonly transitionNormal: "--transition-normal";
+    readonly transitionSlow: "--transition-slow";
+    readonly buttonRadius: "--button-radius";
+    readonly buttonPaddingX: "--button-padding-x";
+    readonly buttonPaddingY: "--button-padding-y";
+    readonly buttonGap: "--button-gap";
+    readonly cardRadius: "--card-radius";
+    readonly badgeRadius: "--badge-radius";
+    readonly navHeight: "--nav-height";
+    readonly navBlur: "--nav-blur";
+    readonly glassBlur: "--glass-blur";
+    readonly glassSaturate: "--glass-saturate";
+    readonly focusRingWidth: "--focus-ring-width";
+    readonly focusRingOffset: "--focus-ring-offset";
+};
+/** Helper to create a `var()` reference for a canonical token. */
+export declare function token(name: TokenName | ColorTokenName): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,wDAAwD;AACxD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkLd,CAAA;AAEV,qDAAqD;AACrD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIpB,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAA;AACtE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAA;AAEvF,oEAAoE;AACpE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGlB,CAAA;AAEV,kEAAkE;AAClE,wBAAgB,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,MAAM,CAE9D;AAED,0EAA0E;AAC1E,OAAO,cAAc,CAAA;AACrB,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,kBAAkB,CAAA"}