@lunar-js/lunar 0.0.1

package/dist/themes/regal.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regal.css.js","names":[],"sources":["../../src/themes/regal.css.ts"],"sourcesContent":["import { createTheme, style } from '@vanilla-extract/css';\n\nimport { themeContract } from './tokens/tokens.css.js';\nimport {\n  COLORS__PEARL,\n  COLORS__GOLD,\n  COLORS__GREEN,\n  COLORS__YELLOW,\n  COLORS__RED,\n  COLORS__BLUE,\n  COLORS__PURE,\n} from './tokens/primitives/colors.js';\nimport { SPACING } from './tokens/primitives/spacing.js';\nimport { BORDER_RADIUS, BORDER_WIDTH } from './tokens/primitives/borders.js';\nimport { BOX_SHADOW } from './tokens/primitives/shadows.js';\nimport {\n  FONT_FAMILY,\n  FONT_SIZE,\n  FONT_WEIGHT,\n  LINE_HEIGHT__TIGHT,\n  LINE_HEIGHT__RELAXED,\n  LETTER_SPACING,\n} from './tokens/primitives/typography.js';\n\nconst regalThemeVars = createTheme(themeContract, {\n  colors: {\n    action: {\n      bg: {\n        primary: {\n          default: `light-dark(oklch(${COLORS__GOLD[300]}), oklch(${COLORS__GOLD[300]}))`, // Gold background (same for both)\n          hover: `light-dark(oklch(${COLORS__GOLD[300]} / 0.9), oklch(${COLORS__GOLD[300]} / 0.9))`,\n          active: `light-dark(oklch(${COLORS__GOLD[300]} / 0.8), oklch(${COLORS__GOLD[300]} / 0.8))`,\n          disabled: `light-dark(oklch(${COLORS__GOLD[300]} / 0.4), oklch(${COLORS__GOLD[300]} / 0.4))`,\n        },\n        secondary: {\n          default: `light-dark(oklch(${COLORS__PEARL[400]}), oklch(${COLORS__PEARL[600]}))`, // Gold background (same for both)\n          hover: `light-dark(oklch(${COLORS__PEARL[400]} / 0.9), oklch(${COLORS__PEARL[600]} / 0.9))`, // Gold background (same for both)\n          active: `light-dark(oklch(${COLORS__PEARL[400]} / 0.8), oklch(${COLORS__PEARL[600]} / 0.8))`, // Gold background (same for both)\n          disabled: `light-dark(oklch(${COLORS__PEARL[400]} / 0.4), oklch(${COLORS__PEARL[600]} / 0.4))`,\n        },\n        outline: {\n          default: `light-dark(oklch(${COLORS__PEARL[400]} / 0.0125), oklch(${COLORS__PEARL[700]} / 0.0125))`,\n          hover: `light-dark(oklch(${COLORS__PEARL[400]} / 0.3), oklch(${COLORS__PEARL[700]} / 0.3))`,\n          active: `light-dark(oklch(${COLORS__PEARL[400]} / 0.05), oklch(${COLORS__PEARL[700]} / 0.05))`,\n          disabled: `light-dark(oklch(${COLORS__PEARL[400]} / 0.025), oklch(${COLORS__PEARL[700]} / 0.025))`,\n        },\n      },\n      color: {\n        primary: `light-dark(oklch(${COLORS__PEARL[950]}), oklch(${COLORS__PEARL[950]}))`,\n        outline: {\n          disabled: `light-dark(oklch(${COLORS__PEARL[400]} / 0.4), oklch(${COLORS__PEARL[700]} / 0.4))`,\n        },\n      },\n      destructive: {\n        default: `light-dark(oklch(${COLORS__RED[600]}), oklch(${COLORS__RED[400]}))`, // Same red for both\n        hover: `light-dark(oklch(${COLORS__RED[600]} / 0.9), oklch(${COLORS__RED[300]} / 0.9))`, // Same red for both\n        active: `light-dark(oklch(${COLORS__RED[600]} / 0.8), oklch(${COLORS__RED[300]} / 0.8))`, // Same red for both\n        disabled: `light-dark(oklch(${COLORS__RED[600]} / 0.4), oklch(${COLORS__RED[300]} / 0.4))`, // Same red for both\n      },\n      ghost: {\n        default: `light-dark(${COLORS__PURE.transparent}, ${COLORS__PURE.transparent})`, // Transparent background for both\n        hover: `light-dark(oklch(${COLORS__GOLD[300]} / 0.5), oklch(${COLORS__GOLD[300]} / 0.5))`, // Transparent background for both\n        active: `light-dark(oklch(${COLORS__GOLD[300]} / 0.6), oklch(${COLORS__GOLD[300]} / 0.6))`, // Transparent background for both\n        disabled: `light-dark(transparent, transparent)`, // Transparent for both\n      },\n    },\n    border: {\n      default: `light-dark(oklch(${COLORS__PEARL[300]}), oklch(${COLORS__PEARL[700]}))`, // Light vs dark neutral border\n      subtle: `light-dark(oklch(${COLORS__PEARL[200]}), oklch(${COLORS__PEARL[800]}))`, // Light vs dark subtle border\n      strong: `light-dark(oklch(${COLORS__PEARL[400]}), oklch(${COLORS__PEARL[600]}))`, // Light vs dark strong border\n      interactive: {\n        default: `light-dark(oklch(${COLORS__PEARL[900]} / 0.9), oklch(${COLORS__PEARL[400]}))`, // Gold 500 vs lighter gold for dark theme\n        hover: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[400]} / 0.9))`, // Gold 500 vs lighter gold for dark theme\n        active: `light-dark(oklch(${COLORS__PEARL[900]} / 0.8), oklch(${COLORS__PEARL[400]} / 0.8))`, // Gold 500 vs lighter gold for dark theme\n      },\n      focus: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[400]}))`, // Gold focus ring\n      success: `light-dark(oklch(${COLORS__GREEN[500]}), oklch(${COLORS__GREEN[400]}))`, // Lighter for dark theme\n      warning: `light-dark(oklch(${COLORS__YELLOW[500]}), oklch(${COLORS__YELLOW[400]}))`,\n      error: `light-dark(oklch(${COLORS__RED[500]}), oklch(${COLORS__RED[400]}))`,\n      info: `light-dark(oklch(${COLORS__BLUE[500]}), oklch(${COLORS__BLUE[400]}))`,\n      action: {\n        primary: `light-dark(oklch(${COLORS__GOLD[500]}), oklch(${COLORS__GOLD[400]}))`, // Matches primary action\n        secondary: `light-dark(oklch(${COLORS__GOLD[500]}), oklch(${COLORS__GOLD[400]}))`, // Gold border for secondary\n        destructive: `light-dark(oklch(${COLORS__RED[500]}), oklch(${COLORS__RED[400]}))`,\n        disabled: `light-dark(oklch(${COLORS__GOLD[300]} / 0.4), oklch(${COLORS__GOLD[300]} / 0.4))`,\n      },\n    },\n    text: {\n      primary: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[50]}))`, // High contrast dark vs light text\n      secondary: `light-dark(oklch(${COLORS__PEARL[700]}), oklch(${COLORS__PEARL[200]}))`, // Medium contrast text\n      tertiary: `light-dark(oklch(${COLORS__PEARL[600]}), oklch(${COLORS__PEARL[300]}))`, // Low contrast text\n      interactive: {\n        default: `light-dark(oklch(${COLORS__PEARL[900]} / 0.9), oklch(${COLORS__PEARL[300]}))`, // Gold for links - lighter for dark theme\n        hover: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[300]} / 0.9))`, // Gold for links - lighter for dark theme\n        active: `light-dark(oklch(${COLORS__PEARL[900]} / 0.8), oklch(${COLORS__PEARL[300]} / 0.9))`, // Gold for links - lighter for dark theme\n      },\n      success: `light-dark(oklch(${COLORS__GREEN[700]}), oklch(${COLORS__GREEN[300]}))`, // Darker vs lighter for contrast\n      warning: `light-dark(oklch(${COLORS__YELLOW[700]}), oklch(${COLORS__YELLOW[300]}))`,\n      error: `light-dark(oklch(${COLORS__RED[700]}), oklch(${COLORS__RED[300]}))`,\n      info: `light-dark(oklch(${COLORS__BLUE[700]}), oklch(${COLORS__BLUE[300]}))`,\n      inverse: `light-dark(oklch(${COLORS__PEARL[50]}), oklch(${COLORS__PEARL[950]}))`, // Light vs dark for inverse backgrounds\n      disabled: `light-dark(oklch(${COLORS__PEARL[500]}), oklch(${COLORS__PEARL[500]}))`, // Same muted text for both\n    },\n    surface: {\n      bg: {\n        primary: `light-dark(oklch(${COLORS__PEARL[50]}), oklch(${COLORS__PEARL[900]}))`, // Main background - lightest vs darkest\n        secondary: `light-dark(oklch(${COLORS__PEARL[50]}), oklch(${COLORS__PEARL[800]}))`, // Cards, panels\n        tertiary: `light-dark(oklch(${COLORS__PEARL[200]}), oklch(${COLORS__PEARL[700]}))`, // Elevated surfaces\n        interactive: {\n          default: `light-dark(transparent, transparent)`, // Interactive surface base\n          hover: `light-dark(color-mix(in oklch, oklch(${COLORS__GOLD[50]}) 30%, transparent), color-mix(in oklch, oklch(${COLORS__GOLD[800]}) 20%, transparent))`,\n          active: `light-dark(color-mix(in oklch, oklch(${COLORS__GOLD[100]}) 40%, transparent), color-mix(in oklch, oklch(${COLORS__GOLD[700]}) 30%, transparent))`,\n        },\n        success: `light-dark(color-mix(in oklch, oklch(${COLORS__GREEN[50]}) 50%, transparent), color-mix(in oklch, oklch(${COLORS__GREEN[900]}) 30%, transparent))`,\n        warning: `light-dark(color-mix(in oklch, oklch(${COLORS__YELLOW[50]}) 50%, transparent), color-mix(in oklch, oklch(${COLORS__YELLOW[900]}) 30%, transparent))`,\n        error: `light-dark(color-mix(in oklch, oklch(${COLORS__RED[50]}) 50%, transparent), color-mix(in oklch, oklch(${COLORS__RED[900]}) 30%, transparent))`,\n        info: `light-dark(color-mix(in oklch, oklch(${COLORS__BLUE[50]}) 50%, transparent), color-mix(in oklch, oklch(${COLORS__BLUE[900]}) 30%, transparent))`,\n        overlay: `light-dark(color-mix(in oklch, oklch(${COLORS__PEARL[900]}) 50%, transparent), color-mix(in oklch, oklch(${COLORS__PEARL[950]}) 80%, transparent))`, // Dark overlay\n        disabled: `light-dark(oklch(${COLORS__PEARL[100]}), oklch(${COLORS__PEARL[900]}))`,\n        inverse: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[50]}))`, // Dark vs light surface\n      },\n    },\n    icon: {\n      primary: `light-dark(oklch(${COLORS__PEARL[700]}), oklch(${COLORS__PEARL[200]}))`, // Matches text.secondary\n      secondary: `light-dark(oklch(${COLORS__PEARL[600]}), oklch(${COLORS__PEARL[300]}))`, // Matches text.tertiary\n      tertiary: `light-dark(oklch(${COLORS__PEARL[500]}), oklch(${COLORS__PEARL[400]}))`, // Subtle icons\n      interactive: {\n        default: `light-dark(oklch(${COLORS__GOLD[600]}), oklch(${COLORS__GOLD[400]}))`, // Gold for interactive icons\n        hover: `light-dark(color-mix(in oklch, oklch(${COLORS__GOLD[600]}) 90%, transparent), color-mix(in oklch, oklch(${COLORS__GOLD[400]}) 90%, transparent))`,\n        active: `light-dark(color-mix(in oklch, oklch(${COLORS__GOLD[600]}) 80%, transparent), color-mix(in oklch, oklch(${COLORS__GOLD[400]}) 80%, transparent))`,\n      },\n      success: `light-dark(oklch(${COLORS__GREEN[600]}), oklch(${COLORS__GREEN[400]}))`,\n      warning: `light-dark(oklch(${COLORS__YELLOW[600]}), oklch(${COLORS__YELLOW[400]}))`,\n      error: `light-dark(oklch(${COLORS__RED[600]}), oklch(${COLORS__RED[400]}))`,\n      info: `light-dark(oklch(${COLORS__BLUE[600]}), oklch(${COLORS__BLUE[400]}))`,\n      inverse: `light-dark(oklch(${COLORS__PEARL[200]}), oklch(${COLORS__PEARL[700]}))`, // Light vs dark icons for inverse backgrounds\n      disabled: `light-dark(oklch(${COLORS__PEARL[400]}), oklch(${COLORS__PEARL[600]}))`,\n    },\n    input: {\n      bg: {\n        default: `light-dark(oklch(${COLORS__PEARL[50]}), oklch(${COLORS__PEARL[900]}))`, // Matches primary vs secondary background\n        hover: `light-dark(oklch(${COLORS__PEARL[100]}), oklch(${COLORS__PEARL[800]}))`,\n        focus: `light-dark(oklch(${COLORS__PEARL[50]}), oklch(${COLORS__PEARL[900]}))`, // Keep same as default\n        disabled: `light-dark(oklch(${COLORS__PEARL[100]}), oklch(${COLORS__PEARL[900]}))`,\n        error: `light-dark(color-mix(in oklch, oklch(${COLORS__RED[50]}) 30%, transparent), color-mix(in oklch, oklch(${COLORS__RED[900]}) 20%, transparent))`,\n      },\n      border: {\n        default: `light-dark(oklch(${COLORS__PEARL[300]}), oklch(${COLORS__PEARL[700]}))`,\n        hover: `light-dark(oklch(${COLORS__PEARL[400]}), oklch(${COLORS__PEARL[600]}))`,\n        focus: `light-dark(oklch(${COLORS__GOLD[500]}), oklch(${COLORS__GOLD[400]}))`, // Gold focus\n        error: `light-dark(oklch(${COLORS__RED[500]}), oklch(${COLORS__RED[400]}))`,\n        disabled: `light-dark(oklch(${COLORS__PEARL[200]}), oklch(${COLORS__PEARL[800]}))`,\n      },\n      text: {\n        default: `light-dark(oklch(${COLORS__PEARL[900]}), oklch(${COLORS__PEARL[50]}))`, // High contrast\n        placeholder: `light-dark(oklch(${COLORS__PEARL[500]}), oklch(${COLORS__PEARL[500]}))`, // Same muted for both\n        disabled: `light-dark(oklch(${COLORS__PEARL[400]}), oklch(${COLORS__PEARL[600]}))`,\n      },\n    },\n    shadow: {\n      default: `light-dark(color-mix(in oklch, oklch(${COLORS__PEARL[900]}) 15%, transparent), color-mix(in oklch, oklch(${COLORS__PEARL[950]}) 40%, transparent))`,\n      subtle: `light-dark(color-mix(in oklch, oklch(${COLORS__PEARL[900]}) 8%, transparent), color-mix(in oklch, oklch(${COLORS__PEARL[950]}) 20%, transparent))`,\n      strong: `light-dark(color-mix(in oklch, oklch(${COLORS__PEARL[900]}) 25%, transparent), color-mix(in oklch, oklch(${COLORS__PEARL[950]}) 60%, transparent))`,\n      interactive: `light-dark(oklch(${COLORS__GOLD[600]} / 0.4), oklch(${COLORS__GOLD[200]} / 0.4))`, // Same red for both\n      destructive: `light-dark(oklch(${COLORS__RED[600]} / 0.4), oklch(${COLORS__RED[400]} / 0.4))`, // Same red for both\n      focus: `light-dark(color-mix(in oklch, oklch(${COLORS__GOLD[500]}) 25%, transparent), color-mix(in oklch, oklch(${COLORS__GOLD[700]}) 40%, transparent))`,\n      success: `light-dark(color-mix(in oklch, oklch(${COLORS__GREEN[500]}) 20%, transparent), color-mix(in oklch, oklch(${COLORS__GREEN[800]}) 30%, transparent))`,\n      warning: `light-dark(color-mix(in oklch, oklch(${COLORS__YELLOW[500]}) 20%, transparent), color-mix(in oklch, oklch(${COLORS__YELLOW[800]}) 30%, transparent))`,\n      error: `light-dark(color-mix(in oklch, oklch(${COLORS__RED[500]}) 20%, transparent), color-mix(in oklch, oklch(${COLORS__RED[800]}) 30%, transparent))`,\n    },\n  },\n  spacing: {\n    0: SPACING[0],\n    px: SPACING.px,\n    0.5: SPACING[0.5],\n    1: SPACING[1],\n    1.5: SPACING[1.5],\n    2: SPACING[2],\n    2.5: SPACING[2.5],\n    3: SPACING[3],\n    3.5: SPACING[3.5],\n    4: SPACING[4],\n    5: SPACING[5],\n    6: SPACING[6],\n    7: SPACING[7],\n    8: SPACING[8],\n    9: SPACING[9],\n    10: SPACING[10],\n    11: SPACING[11],\n    12: SPACING[12],\n    14: SPACING[14],\n    16: SPACING[16],\n    20: SPACING[20],\n    24: SPACING[24],\n    28: SPACING[28],\n    32: SPACING[32],\n    36: SPACING[36],\n    40: SPACING[40],\n    44: SPACING[44],\n    48: SPACING[48],\n    52: SPACING[52],\n    56: SPACING[56],\n    60: SPACING[60],\n    64: SPACING[64],\n    72: SPACING[72],\n    80: SPACING[80],\n    96: SPACING[96],\n  },\n  borderRadius: {\n    none: BORDER_RADIUS.none,\n    sm: BORDER_RADIUS.sm,\n    base: BORDER_RADIUS.base,\n    md: BORDER_RADIUS.md,\n    lg: BORDER_RADIUS.lg,\n    xl: BORDER_RADIUS.xl,\n    '2xl': BORDER_RADIUS['2xl'],\n    '3xl': BORDER_RADIUS['3xl'],\n    full: BORDER_RADIUS.full,\n  },\n  borderWidth: {\n    0: BORDER_WIDTH[0],\n    1: BORDER_WIDTH[1],\n    2: BORDER_WIDTH[2],\n    4: BORDER_WIDTH[4],\n    8: BORDER_WIDTH[8],\n  },\n  boxShadow: {\n    none: BOX_SHADOW.none,\n    sm: BOX_SHADOW.sm,\n    base: BOX_SHADOW.base,\n    md: BOX_SHADOW.md,\n    lg: BOX_SHADOW.lg,\n    xl: BOX_SHADOW.xl,\n    '2xl': BOX_SHADOW['2xl'],\n    inner: BOX_SHADOW.inner,\n  },\n  typography: {\n    fontFamily: {\n      base: FONT_FAMILY.sans.fallback,\n    },\n    display: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.extralight,\n          fontSize: FONT_SIZE['7xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['7xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['7xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['7xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.extrabold,\n          fontSize: FONT_SIZE['7xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['7xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.extralight,\n          fontSize: FONT_SIZE['6xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['6xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['6xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['6xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.extrabold,\n          fontSize: FONT_SIZE['6xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['6xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.extralight,\n          fontSize: FONT_SIZE['5xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['5xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['5xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['5xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.extrabold,\n          fontSize: FONT_SIZE['5xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['5xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.extralight,\n          fontSize: FONT_SIZE['4xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['4xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['4xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['4xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.extrabold,\n          fontSize: FONT_SIZE['4xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['4xl'],\n          letterSpacing: LETTER_SPACING.tight,\n        },\n      },\n    },\n    heading: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE['3xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['3xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['3xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['3xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE['3xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['3xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE['2xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['2xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['2xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['2xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE['2xl'],\n          lineHeight: LINE_HEIGHT__TIGHT['2xl'],\n          letterSpacing: LETTER_SPACING.normal,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.xl,\n          lineHeight: LINE_HEIGHT__TIGHT.xl,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.xl,\n          lineHeight: LINE_HEIGHT__TIGHT.xl,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.xl,\n          lineHeight: LINE_HEIGHT__TIGHT.xl,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.normal,\n        },\n      },\n    },\n    subheading: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__TIGHT.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__TIGHT.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__TIGHT.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__TIGHT.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.bold,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n    },\n    body: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__RELAXED.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__RELAXED.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.lg,\n          lineHeight: LINE_HEIGHT__RELAXED.lg,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__RELAXED.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__RELAXED.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.base,\n          lineHeight: LINE_HEIGHT__RELAXED.base,\n          letterSpacing: LETTER_SPACING.wide,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.light,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n    },\n    caption: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n      },\n    },\n    label: {\n      xl: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.sm,\n          lineHeight: LINE_HEIGHT__RELAXED.sm,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n      lg: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE.xs,\n          lineHeight: LINE_HEIGHT__RELAXED.xs,\n          letterSpacing: LETTER_SPACING.wider,\n        },\n      },\n      md: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE['2xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['2xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n      },\n      sm: {\n        light: {\n          fontWeight: FONT_WEIGHT.normal,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        medium: {\n          fontWeight: FONT_WEIGHT.medium,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n        bold: {\n          fontWeight: FONT_WEIGHT.semibold,\n          fontSize: FONT_SIZE['3xs'],\n          lineHeight: LINE_HEIGHT__RELAXED['3xs'],\n          letterSpacing: LETTER_SPACING.widest,\n        },\n      },\n    },\n  },\n});\n\nconst regalTheme = style([\n  regalThemeVars,\n  { colorScheme: 'light dark', fontFamily: themeContract.typography.fontFamily.base },\n]);\n\nexport { regalTheme };\n"],"mappings":"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"}

package/dist/themes/styles/color-scheme.css.d.ts

@@ -0,0 +1,6 @@
+//#region src/themes/styles/color-scheme.css.d.ts
+declare const lightColorScheme: string;
+declare const darkColorScheme: string;
+//#endregion
+export { darkColorScheme, lightColorScheme };
+//# sourceMappingURL=color-scheme.css.d.ts.map

package/dist/themes/styles/color-scheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.css.d.ts","names":[],"sources":["../../../src/themes/styles/color-scheme.css.ts"],"sourcesContent":[],"mappings":";cAEM;cAIA,eAFJ,EAAA,MAAA"}

package/dist/themes/styles/color-scheme.css.js

@@ -0,0 +1,9 @@
+import { style } from "@vanilla-extract/css";
+
+//#region src/themes/styles/color-scheme.css.ts
+const lightColorScheme = style({ colorScheme: "light" });
+const darkColorScheme = style({ colorScheme: "dark" });
+
+//#endregion
+export { darkColorScheme, lightColorScheme };
+//# sourceMappingURL=color-scheme.css.js.map

package/dist/themes/styles/color-scheme.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.css.js","names":[],"sources":["../../../src/themes/styles/color-scheme.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nconst lightColorScheme = style({\n  colorScheme: 'light',\n});\n\nconst darkColorScheme = style({\n  colorScheme: 'dark',\n});\n\nexport { lightColorScheme, darkColorScheme };\n"],"mappings":";;;AAEA,MAAM,mBAAmB,MAAM,EAC7B,aAAa,SACd,CAAC;AAEF,MAAM,kBAAkB,MAAM,EAC5B,aAAa,QACd,CAAC"}

package/dist/themes/styles/utilities.d.ts

@@ -0,0 +1,125 @@
+import { CSSProperties, StyleRule } from "@vanilla-extract/css";
+
+//#region src/themes/styles/utilities.d.ts
+
+/**
+ * Helper function to create a motion-safe style object with custom CSS properties.
+ * Returns a style object that wraps the provided styles in a `prefers-reduced-motion: no-preference` media query,
+ * ensuring animations only run when users haven't requested reduced motion.
+ *
+ * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+ *
+ * @param styles - CSS properties object (e.g., { transition: 'opacity 0.3s ease', transform: 'scale(1.1)' })
+ * @returns A style object that applies the CSS properties only when motion is preferred
+ *
+ * @example
+ * import { style } from '@vanilla-extract/css';
+ * import { withSafeTransition } from './utilities.css.ts';
+ *
+ * const fadeTransition = style([
+ *   withSafeTransition({
+ *     transition: 'transform 0.2s ease-out, opacity 0.2s ease-out',
+ *     transform: 'translateY(0)'
+ *   }),
+ *   {
+ *     // Additional styles can be added here
+ *     padding: '16px'
+ *   }
+ * ]);
+ */
+declare const withSafeTransition: (styles: StyleRule) => StyleRule;
+/**
+ * Helper function to create a custom focus outline style object.
+ * Returns a style object with focus-visible outline that follows the design system's outline pattern.
+ * Supports an optional selector parameter for targeting specific pseudo-selectors or child elements.
+ *
+ * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+ *
+ * @param outlineColor - The color for the focus outline (e.g., '#0066cc', 'rgb(255, 0, 0)', CSS custom properties)
+ * @param selector - Optional selector prefix for the focus-visible state (e.g., '&', '& > button', defaults to '')
+ * @returns A style object with custom focus outline styling that uses dynamic selector keys
+ *
+ * @example
+ * import { style } from '@vanilla-extract/css';
+ * import { recipe } from '@vanilla-extract/recipes';
+ * import { withCustomOutline } from './utilities.css.ts';
+ *
+ * const redOutlineButton = style([
+ *   withCustomOutline('#ff0000'),
+ *   {
+ *     padding: '8px 16px',
+ *     background: 'white'
+ *   }
+ * ]);
+ *
+ * // Example with custom selector
+ * const parentWithFocusableChild = style([
+ *   withCustomOutline('#0066cc', '& > button'),
+ *   {
+ *     padding: '12px'
+ *   }
+ * ]);
+ *
+ * const buttonVariants = recipe({
+ *   base: [
+ *     withCustomOutline(themeContract.colors.shadow.interactive),
+ *     {
+ *       // other base styles
+ *       padding: '12px 24px'
+ *     }
+ *   ],
+ *   variants: {
+ *     // variant styles
+ *   }
+ * });
+ */
+declare const withCustomOutline: (outlineColor: string, selector?: string) => Record<`${string}:focus-visible`, CSSProperties>;
+/**
+ * Helper function to create a responsive style object with breakpoint media queries.
+ * Returns a style object that applies the provided styles only when the viewport width
+ * meets or exceeds the specified breakpoint value.
+ *
+ * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+ *
+ * @param breakpoint - The minimum viewport width for the media query (e.g., '768px', '1024px', '48rem')
+ * @param styles - CSS properties object to apply at the breakpoint (e.g., { fontSize: '1.5rem', padding: '24px' })
+ * @returns A style object that applies the CSS properties only when the viewport width meets the breakpoint
+ *
+ * @example
+ * import { style } from '@vanilla-extract/css';
+ * import { recipe } from '@vanilla-extract/recipes';
+ * import { withBreakpoint } from './utilities.css.ts';
+ *
+ * const responsiveText = style([
+ *   withBreakpoint('768px', {
+ *     fontSize: '1.5rem',
+ *     lineHeight: '1.4'
+ *   }),
+ *   {
+ *     // Base styles
+ *     fontSize: '1rem',
+ *     lineHeight: '1.6'
+ *   }
+ * ]);
+ *
+ * const cardVariants = recipe({
+ *   base: [
+ *     withBreakpoint('1024px', {
+ *       padding: '32px',
+ *       maxWidth: '800px'
+ *     }),
+ *     {
+ *       // base styles
+ *       padding: '16px',
+ *       maxWidth: '100%'
+ *     }
+ *   ],
+ *   variants: {
+ *     // variant styles
+ *   }
+ * });
+ */
+declare const withBreakpoint: (breakpoint: string, styles: CSSProperties) => StyleRule;
+//#endregion
+export { withBreakpoint, withCustomOutline, withSafeTransition };
+//# sourceMappingURL=utilities.d.ts.map

package/dist/themes/styles/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","names":[],"sources":["../../../src/themes/styles/utilities.ts"],"sourcesContent":[],"mappings":";;;;;;AAA0E;;;;;AAiCxE;;;;;AA+CqE;;;;;;;;;;;;;cAnDjE,6BAA8B,cAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1C,gEAA2D,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqD7F,6CAA8C,kBAAgB"}

package/dist/themes/styles/utilities.js

@@ -0,0 +1,129 @@
+import { COLORS__PURE } from "../tokens/primitives/colors.js";
+
+//#region src/themes/styles/utilities.ts
+/**
+* Helper function to create a motion-safe style object with custom CSS properties.
+* Returns a style object that wraps the provided styles in a `prefers-reduced-motion: no-preference` media query,
+* ensuring animations only run when users haven't requested reduced motion.
+*
+* This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+*
+* @param styles - CSS properties object (e.g., { transition: 'opacity 0.3s ease', transform: 'scale(1.1)' })
+* @returns A style object that applies the CSS properties only when motion is preferred
+*
+* @example
+* import { style } from '@vanilla-extract/css';
+* import { withSafeTransition } from './utilities.css.ts';
+*
+* const fadeTransition = style([
+*   withSafeTransition({
+*     transition: 'transform 0.2s ease-out, opacity 0.2s ease-out',
+*     transform: 'translateY(0)'
+*   }),
+*   {
+*     // Additional styles can be added here
+*     padding: '16px'
+*   }
+* ]);
+*/
+const withSafeTransition = (styles) => ({ "@media": { "(prefers-reduced-motion: no-preference)": styles } });
+/**
+* Helper function to create a custom focus outline style object.
+* Returns a style object with focus-visible outline that follows the design system's outline pattern.
+* Supports an optional selector parameter for targeting specific pseudo-selectors or child elements.
+*
+* This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+*
+* @param outlineColor - The color for the focus outline (e.g., '#0066cc', 'rgb(255, 0, 0)', CSS custom properties)
+* @param selector - Optional selector prefix for the focus-visible state (e.g., '&', '& > button', defaults to '')
+* @returns A style object with custom focus outline styling that uses dynamic selector keys
+*
+* @example
+* import { style } from '@vanilla-extract/css';
+* import { recipe } from '@vanilla-extract/recipes';
+* import { withCustomOutline } from './utilities.css.ts';
+*
+* const redOutlineButton = style([
+*   withCustomOutline('#ff0000'),
+*   {
+*     padding: '8px 16px',
+*     background: 'white'
+*   }
+* ]);
+*
+* // Example with custom selector
+* const parentWithFocusableChild = style([
+*   withCustomOutline('#0066cc', '& > button'),
+*   {
+*     padding: '12px'
+*   }
+* ]);
+*
+* const buttonVariants = recipe({
+*   base: [
+*     withCustomOutline(themeContract.colors.shadow.interactive),
+*     {
+*       // other base styles
+*       padding: '12px 24px'
+*     }
+*   ],
+*   variants: {
+*     // variant styles
+*   }
+* });
+*/
+const withCustomOutline = (outlineColor, selector = "") => ({ [`${selector}:focus-visible`]: {
+	boxShadow: `0px 0px 0px 0px, ${COLORS__PURE.transparent} 0px 0px 0px 0px, ${COLORS__PURE.transparent} 0px 0px 0px 0px, ${outlineColor} 0px 0px 0px 3px, ${outlineColor} 0px 1px 2px 0px`,
+	outline: "2px solid transparent",
+	outlineOffset: "2px"
+} });
+/**
+* Helper function to create a responsive style object with breakpoint media queries.
+* Returns a style object that applies the provided styles only when the viewport width
+* meets or exceeds the specified breakpoint value.
+*
+* This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.
+*
+* @param breakpoint - The minimum viewport width for the media query (e.g., '768px', '1024px', '48rem')
+* @param styles - CSS properties object to apply at the breakpoint (e.g., { fontSize: '1.5rem', padding: '24px' })
+* @returns A style object that applies the CSS properties only when the viewport width meets the breakpoint
+*
+* @example
+* import { style } from '@vanilla-extract/css';
+* import { recipe } from '@vanilla-extract/recipes';
+* import { withBreakpoint } from './utilities.css.ts';
+*
+* const responsiveText = style([
+*   withBreakpoint('768px', {
+*     fontSize: '1.5rem',
+*     lineHeight: '1.4'
+*   }),
+*   {
+*     // Base styles
+*     fontSize: '1rem',
+*     lineHeight: '1.6'
+*   }
+* ]);
+*
+* const cardVariants = recipe({
+*   base: [
+*     withBreakpoint('1024px', {
+*       padding: '32px',
+*       maxWidth: '800px'
+*     }),
+*     {
+*       // base styles
+*       padding: '16px',
+*       maxWidth: '100%'
+*     }
+*   ],
+*   variants: {
+*     // variant styles
+*   }
+* });
+*/
+const withBreakpoint = (breakpoint, styles) => ({ "@media": { [`(min-width: ${breakpoint})`]: styles } });
+
+//#endregion
+export { withBreakpoint, withCustomOutline, withSafeTransition };
+//# sourceMappingURL=utilities.js.map

package/dist/themes/styles/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","names":[],"sources":["../../../src/themes/styles/utilities.ts"],"sourcesContent":["import { type CSSProperties, type StyleRule } from '@vanilla-extract/css';\n\nimport { COLORS__PURE } from '../tokens/primitives/colors.js';\n\n/**\n * Helper function to create a motion-safe style object with custom CSS properties.\n * Returns a style object that wraps the provided styles in a `prefers-reduced-motion: no-preference` media query,\n * ensuring animations only run when users haven't requested reduced motion.\n *\n * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.\n *\n * @param styles - CSS properties object (e.g., { transition: 'opacity 0.3s ease', transform: 'scale(1.1)' })\n * @returns A style object that applies the CSS properties only when motion is preferred\n *\n * @example\n * import { style } from '@vanilla-extract/css';\n * import { withSafeTransition } from './utilities.css.ts';\n *\n * const fadeTransition = style([\n *   withSafeTransition({\n *     transition: 'transform 0.2s ease-out, opacity 0.2s ease-out',\n *     transform: 'translateY(0)'\n *   }),\n *   {\n *     // Additional styles can be added here\n *     padding: '16px'\n *   }\n * ]);\n */\nconst withSafeTransition = (styles: StyleRule): StyleRule => ({\n  '@media': {\n    '(prefers-reduced-motion: no-preference)': styles,\n  },\n});\n\n/**\n * Helper function to create a custom focus outline style object.\n * Returns a style object with focus-visible outline that follows the design system's outline pattern.\n * Supports an optional selector parameter for targeting specific pseudo-selectors or child elements.\n *\n * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.\n *\n * @param outlineColor - The color for the focus outline (e.g., '#0066cc', 'rgb(255, 0, 0)', CSS custom properties)\n * @param selector - Optional selector prefix for the focus-visible state (e.g., '&', '& > button', defaults to '')\n * @returns A style object with custom focus outline styling that uses dynamic selector keys\n *\n * @example\n * import { style } from '@vanilla-extract/css';\n * import { recipe } from '@vanilla-extract/recipes';\n * import { withCustomOutline } from './utilities.css.ts';\n *\n * const redOutlineButton = style([\n *   withCustomOutline('#ff0000'),\n *   {\n *     padding: '8px 16px',\n *     background: 'white'\n *   }\n * ]);\n *\n * // Example with custom selector\n * const parentWithFocusableChild = style([\n *   withCustomOutline('#0066cc', '& > button'),\n *   {\n *     padding: '12px'\n *   }\n * ]);\n *\n * const buttonVariants = recipe({\n *   base: [\n *     withCustomOutline(themeContract.colors.shadow.interactive),\n *     {\n *       // other base styles\n *       padding: '12px 24px'\n *     }\n *   ],\n *   variants: {\n *     // variant styles\n *   }\n * });\n */\nconst withCustomOutline = (outlineColor: string, selector = ''): Record<`${string}:focus-visible`, CSSProperties> => ({\n  [`${selector}:focus-visible`]: {\n    boxShadow: `0px 0px 0px 0px, ${COLORS__PURE.transparent} 0px 0px 0px 0px, ${COLORS__PURE.transparent} 0px 0px 0px 0px, ${outlineColor} 0px 0px 0px 3px, ${outlineColor} 0px 1px 2px 0px`,\n    outline: '2px solid transparent',\n    outlineOffset: '2px',\n  },\n});\n\n/**\n * Helper function to create a responsive style object with breakpoint media queries.\n * Returns a style object that applies the provided styles only when the viewport width\n * meets or exceeds the specified breakpoint value.\n *\n * This function returns a style object that must be used with vanilla-extract's `style()` function or `recipe()` function.\n *\n * @param breakpoint - The minimum viewport width for the media query (e.g., '768px', '1024px', '48rem')\n * @param styles - CSS properties object to apply at the breakpoint (e.g., { fontSize: '1.5rem', padding: '24px' })\n * @returns A style object that applies the CSS properties only when the viewport width meets the breakpoint\n *\n * @example\n * import { style } from '@vanilla-extract/css';\n * import { recipe } from '@vanilla-extract/recipes';\n * import { withBreakpoint } from './utilities.css.ts';\n *\n * const responsiveText = style([\n *   withBreakpoint('768px', {\n *     fontSize: '1.5rem',\n *     lineHeight: '1.4'\n *   }),\n *   {\n *     // Base styles\n *     fontSize: '1rem',\n *     lineHeight: '1.6'\n *   }\n * ]);\n *\n * const cardVariants = recipe({\n *   base: [\n *     withBreakpoint('1024px', {\n *       padding: '32px',\n *       maxWidth: '800px'\n *     }),\n *     {\n *       // base styles\n *       padding: '16px',\n *       maxWidth: '100%'\n *     }\n *   ],\n *   variants: {\n *     // variant styles\n *   }\n * });\n */\nconst withBreakpoint = (breakpoint: string, styles: CSSProperties): StyleRule => ({\n  '@media': {\n    [`(min-width: ${breakpoint})`]: styles,\n  },\n});\n\nexport { withSafeTransition, withCustomOutline, withBreakpoint };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,sBAAsB,YAAkC,EAC5D,UAAU,EACR,2CAA2C,QAC5C,EACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CD,MAAM,qBAAqB,cAAsB,WAAW,QAA0D,GACnH,GAAG,SAAS,kBAAkB;CAC7B,WAAW,oBAAoB,aAAa,YAAY,oBAAoB,aAAa,YAAY,oBAAoB,aAAa,oBAAoB,aAAa;CACvK,SAAS;CACT,eAAe;CAChB,EACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CD,MAAM,kBAAkB,YAAoB,YAAsC,EAChF,UAAU,GACP,eAAe,WAAW,KAAK,QACjC,EACF"}

package/dist/themes/tokens/primitives/borders.d.ts

@@ -0,0 +1,22 @@
+//#region src/themes/tokens/primitives/borders.d.ts
+declare const BORDER_RADIUS: {
+  readonly none: "0";
+  readonly sm: "0.125rem";
+  readonly base: "0.25rem";
+  readonly md: "0.375rem";
+  readonly lg: "0.5rem";
+  readonly xl: "0.75rem";
+  readonly '2xl': "1rem";
+  readonly '3xl': "1.5rem";
+  readonly full: "9999px";
+};
+declare const BORDER_WIDTH: {
+  readonly 0: "0";
+  readonly 1: "1px";
+  readonly 2: "2px";
+  readonly 4: "4px";
+  readonly 8: "8px";
+};
+//#endregion
+export { BORDER_RADIUS, BORDER_WIDTH };
+//# sourceMappingURL=borders.d.ts.map

package/dist/themes/tokens/primitives/borders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","names":[],"sources":["../../../../src/themes/tokens/primitives/borders.ts"],"sourcesContent":[],"mappings":";cAAM;EAAA,SAAA,IAAA,EAAA,GAUI;EAEJ,SAAA,EAAA,EAAA,UAMI;;;;;;;;;cANJ"}

package/dist/themes/tokens/primitives/borders.js

@@ -0,0 +1,23 @@
+//#region src/themes/tokens/primitives/borders.ts
+const BORDER_RADIUS = {
+	none: "0",
+	sm: "0.125rem",
+	base: "0.25rem",
+	md: "0.375rem",
+	lg: "0.5rem",
+	xl: "0.75rem",
+	"2xl": "1rem",
+	"3xl": "1.5rem",
+	full: "9999px"
+};
+const BORDER_WIDTH = {
+	0: "0",
+	1: "1px",
+	2: "2px",
+	4: "4px",
+	8: "8px"
+};
+
+//#endregion
+export { BORDER_RADIUS, BORDER_WIDTH };
+//# sourceMappingURL=borders.js.map

package/dist/themes/tokens/primitives/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.js","names":[],"sources":["../../../../src/themes/tokens/primitives/borders.ts"],"sourcesContent":["const BORDER_RADIUS = {\n  none: '0',\n  sm: '0.125rem', // 2px\n  base: '0.25rem', // 4px\n  md: '0.375rem', // 6px\n  lg: '0.5rem', // 8px\n  xl: '0.75rem', // 12px\n  '2xl': '1rem', // 16px\n  '3xl': '1.5rem', // 24px\n  full: '9999px',\n} as const;\n\nconst BORDER_WIDTH = {\n  0: '0',\n  1: '1px',\n  2: '2px',\n  4: '4px',\n  8: '8px',\n} as const;\n\nexport { BORDER_WIDTH, BORDER_RADIUS };\n"],"mappings":";AAAA,MAAM,gBAAgB;CACpB,MAAM;CACN,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAED,MAAM,eAAe;CACnB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ"}

package/dist/themes/tokens/primitives/colors.d.ts

@@ -0,0 +1,100 @@
+//#region src/themes/tokens/primitives/colors.d.ts
+declare const COLORS__PURE: {
+  readonly white: "1 0 0";
+  readonly black: "0 0 0";
+  readonly transparent: "transparent";
+};
+declare const COLORS__STONE: {
+  readonly 50: "0.98 0.005 50";
+  readonly 100: "0.92 0.010 50";
+  readonly 200: "0.85 0.014 50";
+  readonly 300: "0.75 0.018 50";
+  readonly 400: "0.65 0.022 50";
+  readonly 500: "0.55 0.024 50";
+  readonly 600: "0.45 0.022 50";
+  readonly 700: "0.35 0.018 50";
+  readonly 800: "0.25 0.014 50";
+  readonly 900: "0.18 0.010 50";
+  readonly 950: "0.12 0.006 50";
+};
+declare const COLORS__RED: {
+  readonly 50: "0.98 0.02 20";
+  readonly 100: "0.92 0.05 20";
+  readonly 200: "0.85 0.10 20";
+  readonly 300: "0.75 0.16 20";
+  readonly 400: "0.65 0.23 20";
+  readonly 500: "0.55 0.26 20";
+  readonly 600: "0.45 0.24 20";
+  readonly 700: "0.35 0.21 20";
+  readonly 800: "0.25 0.17 20";
+  readonly 900: "0.18 0.12 20";
+  readonly 950: "0.12 0.08 20";
+};
+declare const COLORS__GREEN: {
+  readonly 50: "0.98 0.02 140";
+  readonly 100: "0.92 0.05 140";
+  readonly 200: "0.85 0.10 140";
+  readonly 300: "0.75 0.15 140";
+  readonly 400: "0.65 0.22 140";
+  readonly 500: "0.55 0.25 140";
+  readonly 600: "0.45 0.23 140";
+  readonly 700: "0.35 0.20 140";
+  readonly 800: "0.25 0.16 140";
+  readonly 900: "0.18 0.12 140";
+  readonly 950: "0.12 0.08 140";
+};
+declare const COLORS__GOLD: {
+  readonly 50: "0.98 0.025 84.44";
+  readonly 100: "0.94 0.05 84.44";
+  readonly 200: "0.88 0.09 84.44";
+  readonly 300: "0.82 0.13 84.44";
+  readonly 400: "0.78 0.155 84.44";
+  readonly 500: "0.7446 0.161 84.44";
+  readonly 600: "0.65 0.155 84.44";
+  readonly 700: "0.52 0.14 84.44";
+  readonly 800: "0.38 0.11 84.44";
+  readonly 900: "0.26 0.08 84.44";
+  readonly 950: "0.17 0.05 84.44";
+};
+declare const COLORS__PEARL: {
+  readonly 50: "0.995 0.002 260";
+  readonly 100: "0.955 0.004 260";
+  readonly 200: "0.90 0.006 260";
+  readonly 300: "0.80 0.008 260";
+  readonly 400: "0.72 0.010 260";
+  readonly 500: "0.68 0.012 260";
+  readonly 600: "0.50 0.013 260";
+  readonly 700: "0.40 0.014 260";
+  readonly 800: "0.38 0.013 260";
+  readonly 900: "0.25 0.011 260";
+  readonly 950: "0.15 0.009 260";
+};
+declare const COLORS__YELLOW: {
+  readonly 50: "0.98 0.03 91.6";
+  readonly 100: "0.94 0.05 91.6";
+  readonly 200: "0.89 0.08 91.6";
+  readonly 300: "0.86 0.12 91.6";
+  readonly 400: "0.84 0.16 91.6";
+  readonly 500: "0.831 0.1805 91.6";
+  readonly 600: "0.75 0.17 91.6";
+  readonly 700: "0.65 0.15 91.6";
+  readonly 800: "0.52 0.12 91.6";
+  readonly 900: "0.38 0.09 91.6";
+  readonly 950: "0.26 0.06 91.6";
+};
+declare const COLORS__BLUE: {
+  readonly 50: "0.95 0.03 246.61";
+  readonly 100: "0.90 0.06 246.61";
+  readonly 200: "0.83 0.12 246.61";
+  readonly 300: "0.75 0.16 246.61";
+  readonly 400: "0.68 0.18 246.61";
+  readonly 500: "0.6079 0.1983 246.61";
+  readonly 600: "0.52 0.18 246.61";
+  readonly 700: "0.42 0.15 246.61";
+  readonly 800: "0.32 0.12 246.61";
+  readonly 900: "0.22 0.08 246.61";
+  readonly 950: "0.15 0.05 246.61";
+};
+//#endregion
+export { COLORS__BLUE, COLORS__GOLD, COLORS__GREEN, COLORS__PEARL, COLORS__PURE, COLORS__RED, COLORS__STONE, COLORS__YELLOW };
+//# sourceMappingURL=colors.d.ts.map

package/dist/themes/tokens/primitives/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","names":[],"sources":["../../../../src/themes/tokens/primitives/colors.ts"],"sourcesContent":[],"mappings":";cAAM;EAAA,SAAA,KAAA,EAII,OAAA;EAEJ,SAAA,KAAA,EAYI,OAAA;EAEJ,SAAA,WAYI,EAAA,aAAA;AAAA,CAAA;AAcA,cAxCJ,aAsDI,EAAA;EAEJ,SAAA,EAAA,EAAA,eAYI;EAEJ,SAAA,GAAA,EAAA,eAYI;EAEJ,SAAA,GAAA,EAAA,eAYI;;;;;;;;;;cAlFJ;;;;;;;;;;;;;cAcA;;;;;;;;;;;;;cAcA;;;;;;;;;;;;;cAcA;;;;;;;;;;;;;cAcA;;;;;;;;;;;;;cAcA"}