@octavius2929-personal/design-system 0.25.0 → 1.0.0

package/dist/index.cjs

@@ -178,10 +178,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/theme/theme.css.ts
-var colorVars = { bg1: "var(--bg1__e3grur28)", bg2: "var(--bg2__e3grur29)", bg3: "var(--bg3__e3grur2a)", bgInset: "var(--bgInset__e3grur2b)", fg1: "var(--fg1__e3grur2c)", fg2: "var(--fg2__e3grur2d)", fg3: "var(--fg3__e3grur2e)", fgOnAccent: "var(--fgOnAccent__e3grur2f)", border1: "var(--border1__e3grur2g)", border2: "var(--border2__e3grur2h)", borderStrong: "var(--borderStrong__e3grur2i)", accent: "var(--accent__e3grur2j)", accentHover: "var(--accentHover__e3grur2k)", accentSoft: "var(--accentSoft__e3grur2l)", accentText: "var(--accentText__e3grur2m)", ok: "var(--ok__e3grur2n)", warn: "var(--warn__e3grur2o)", danger: "var(--danger__e3grur2p)", dangerHover: "var(--dangerHover__e3grur2q)", dangerSoft: "var(--dangerSoft__e3grur2r)", dangerText: "var(--dangerText__e3grur2s)", info: "var(--info__e3grur2t)", focus: "var(--focus__e3grur2u)", scrim: "var(--scrim__e3grur2v)" };
+var colorVars = { bg: { page: "var(--bg-page__e3grur28)", surface: "var(--bg-surface__e3grur29)", sunken: "var(--bg-sunken__e3grur2a)", inset: "var(--bg-inset__e3grur2b)" }, fg: { strong: "var(--fg-strong__e3grur2c)", muted: "var(--fg-muted__e3grur2d)", subtle: "var(--fg-subtle__e3grur2e)", onAccent: "var(--fg-onAccent__e3grur2f)" }, border: { subtle: "var(--border-subtle__e3grur2g)", "default": "var(--border-default__e3grur2h)", strong: "var(--border-strong__e3grur2i)" }, accent: { base: "var(--accent-base__e3grur2j)", hover: "var(--accent-hover__e3grur2k)", soft: "var(--accent-soft__e3grur2l)", text: "var(--accent-text__e3grur2m)" }, danger: { base: "var(--danger-base__e3grur2n)", hover: "var(--danger-hover__e3grur2o)", soft: "var(--danger-soft__e3grur2p)", text: "var(--danger-text__e3grur2q)" }, status: { ok: "var(--status-ok__e3grur2r)", warn: "var(--status-warn__e3grur2s)", info: "var(--status-info__e3grur2t)" }, focus: "var(--focus__e3grur2u)", scrim: "var(--scrim__e3grur2v)" };
 var modeNames = ["light", "dark", "sepia", "contrast"];
 var schemaNames = ["tinta", "docslingo"];
-var themes = { tinta: { light: "theme_themes__e3grur2w", dark: "theme_themes__e3grur2x", sepia: "theme_themes__e3grur2y", contrast: "theme_themes__e3grur2z" }, docslingo: { light: "theme_themes__e3grur30", dark: "theme_themes__e3grur31", sepia: "theme_themes__e3grur32", contrast: "theme_themes__e3grur33" } };
+var themes = { tinta: { light: "theme__e3grur2w", dark: "theme__e3grur2x", sepia: "theme__e3grur2y", contrast: "theme__e3grur2z" }, docslingo: { light: "theme__e3grur30", dark: "theme__e3grur31", sepia: "theme__e3grur32", contrast: "theme__e3grur33" } };
 var vars = { font: { display: "var(--font-display__e3grur0)", text: "var(--font-text__e3grur1)", mono: "var(--font-mono__e3grur2)", black: "var(--font-black__e3grur3)" }, text: { eyebrow: { size: "var(--text-eyebrow-size__e3grur4)", lineHeight: "var(--text-eyebrow-lineHeight__e3grur5)", weight: "var(--text-eyebrow-weight__e3grur6)", letterSpacing: "var(--text-eyebrow-letterSpacing__e3grur7)" }, display: { size: "var(--text-display-size__e3grur8)", lineHeight: "var(--text-display-lineHeight__e3grur9)", weight: "var(--text-display-weight__e3grura)", letterSpacing: "var(--text-display-letterSpacing__e3grurb)" }, h1: { size: "var(--text-h1-size__e3grurc)", lineHeight: "var(--text-h1-lineHeight__e3grurd)", weight: "var(--text-h1-weight__e3grure)", letterSpacing: "var(--text-h1-letterSpacing__e3grurf)" }, h2: { size: "var(--text-h2-size__e3grurg)", lineHeight: "var(--text-h2-lineHeight__e3grurh)", weight: "var(--text-h2-weight__e3gruri)", letterSpacing: "var(--text-h2-letterSpacing__e3grurj)" }, h3: { size: "var(--text-h3-size__e3grurk)", lineHeight: "var(--text-h3-lineHeight__e3grurl)", weight: "var(--text-h3-weight__e3grurm)", letterSpacing: "var(--text-h3-letterSpacing__e3grurn)" }, h4: { size: "var(--text-h4-size__e3gruro)", lineHeight: "var(--text-h4-lineHeight__e3grurp)", weight: "var(--text-h4-weight__e3grurq)", letterSpacing: "var(--text-h4-letterSpacing__e3grurr)" }, body: { size: "var(--text-body-size__e3grurs)", lineHeight: "var(--text-body-lineHeight__e3grurt)", weight: "var(--text-body-weight__e3gruru)", letterSpacing: "var(--text-body-letterSpacing__e3grurv)" }, lead: { size: "var(--text-lead-size__e3grurw)", lineHeight: "var(--text-lead-lineHeight__e3grurx)", weight: "var(--text-lead-weight__e3grury)", letterSpacing: "var(--text-lead-letterSpacing__e3grurz)" }, small: { size: "var(--text-small-size__e3grur10)", lineHeight: "var(--text-small-lineHeight__e3grur11)", weight: "var(--text-small-weight__e3grur12)", letterSpacing: "var(--text-small-letterSpacing__e3grur13)" }, caption: { size: "var(--text-caption-size__e3grur14)", lineHeight: "var(--text-caption-lineHeight__e3grur15)", weight: "var(--text-caption-weight__e3grur16)", letterSpacing: "var(--text-caption-letterSpacing__e3grur17)" } }, space: { s0: "var(--space-s0__e3grur18)", s1: "var(--space-s1__e3grur19)", s2: "var(--space-s2__e3grur1a)", s3: "var(--space-s3__e3grur1b)", s4: "var(--space-s4__e3grur1c)", s5: "var(--space-s5__e3grur1d)", s6: "var(--space-s6__e3grur1e)", s7: "var(--space-s7__e3grur1f)", s8: "var(--space-s8__e3grur1g)", s9: "var(--space-s9__e3grur1h)" }, radius: { none: "var(--radius-none__e3grur1i)", sm: "var(--radius-sm__e3grur1j)", md: "var(--radius-md__e3grur1k)", lg: "var(--radius-lg__e3grur1l)", base: "var(--radius-base__e3grur1m)", full: "var(--radius-full__e3grur1n)" }, border: { hair: "var(--border-hair__e3grur1o)", rule: "var(--border-rule__e3grur1p)", heavy: "var(--border-heavy__e3grur1q)" }, tracking: { tight: "var(--tracking-tight__e3grur1r)", normal: "var(--tracking-normal__e3grur1s)", wide: "var(--tracking-wide__e3grur1t)", wider: "var(--tracking-wider__e3grur1u)", widest: "var(--tracking-widest__e3grur1v)" }, weight: { light: "var(--weight-light__e3grur1w)", regular: "var(--weight-regular__e3grur1x)", medium: "var(--weight-medium__e3grur1y)", semibold: "var(--weight-semibold__e3grur1z)", bold: "var(--weight-bold__e3grur20)" }, dur: { fast: "var(--dur-fast__e3grur21)", base: "var(--dur-base__e3grur22)", slow: "var(--dur-slow__e3grur23)" }, ease: { ink: "var(--ease-ink__e3grur24)" }, shadow: { sm: "var(--shadow-sm__e3grur25)", md: "var(--shadow-md__e3grur26)", lg: "var(--shadow-lg__e3grur27)" }, color: colorVars };
 
 // src/hooks/use-previous/index.ts
@@ -247,7 +247,7 @@ function useTestId(type, ownTestId) {
 
 // src/theme/styles/sprinkles/index.css.ts
 var import_createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
-var sprinkles = (0, import_createRuntimeSprinkles.createSprinkles)({ conditions: void 0, styles: { p: { mappings: ["padding"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, pt: { mappings: ["paddingTop"] }, pr: { mappings: ["paddingRight"] }, pb: { mappings: ["paddingBottom"] }, pl: { mappings: ["paddingLeft"] }, m: { mappings: ["marginTop", "marginRight", "marginBottom", "marginLeft"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, mt: { mappings: ["marginTop"] }, mr: { mappings: ["marginRight"] }, mb: { mappings: ["marginBottom"] }, ml: { mappings: ["marginLeft"] }, bg: { mappings: ["background"] }, radius: { mappings: ["borderRadius"] }, padding: { values: { s0: { defaultClass: "sprinkles_padding_s0__qhecrd0" }, s1: { defaultClass: "sprinkles_padding_s1__qhecrd1" }, s2: { defaultClass: "sprinkles_padding_s2__qhecrd2" }, s3: { defaultClass: "sprinkles_padding_s3__qhecrd3" }, s4: { defaultClass: "sprinkles_padding_s4__qhecrd4" }, s5: { defaultClass: "sprinkles_padding_s5__qhecrd5" }, s6: { defaultClass: "sprinkles_padding_s6__qhecrd6" }, s7: { defaultClass: "sprinkles_padding_s7__qhecrd7" }, s8: { defaultClass: "sprinkles_padding_s8__qhecrd8" }, s9: { defaultClass: "sprinkles_padding_s9__qhecrd9" } } }, paddingTop: { values: { s0: { defaultClass: "sprinkles_paddingTop_s0__qhecrda" }, s1: { defaultClass: "sprinkles_paddingTop_s1__qhecrdb" }, s2: { defaultClass: "sprinkles_paddingTop_s2__qhecrdc" }, s3: { defaultClass: "sprinkles_paddingTop_s3__qhecrdd" }, s4: { defaultClass: "sprinkles_paddingTop_s4__qhecrde" }, s5: { defaultClass: "sprinkles_paddingTop_s5__qhecrdf" }, s6: { defaultClass: "sprinkles_paddingTop_s6__qhecrdg" }, s7: { defaultClass: "sprinkles_paddingTop_s7__qhecrdh" }, s8: { defaultClass: "sprinkles_paddingTop_s8__qhecrdi" }, s9: { defaultClass: "sprinkles_paddingTop_s9__qhecrdj" } } }, paddingRight: { values: { s0: { defaultClass: "sprinkles_paddingRight_s0__qhecrdk" }, s1: { defaultClass: "sprinkles_paddingRight_s1__qhecrdl" }, s2: { defaultClass: "sprinkles_paddingRight_s2__qhecrdm" }, s3: { defaultClass: "sprinkles_paddingRight_s3__qhecrdn" }, s4: { defaultClass: "sprinkles_paddingRight_s4__qhecrdo" }, s5: { defaultClass: "sprinkles_paddingRight_s5__qhecrdp" }, s6: { defaultClass: "sprinkles_paddingRight_s6__qhecrdq" }, s7: { defaultClass: "sprinkles_paddingRight_s7__qhecrdr" }, s8: { defaultClass: "sprinkles_paddingRight_s8__qhecrds" }, s9: { defaultClass: "sprinkles_paddingRight_s9__qhecrdt" } } }, paddingBottom: { values: { s0: { defaultClass: "sprinkles_paddingBottom_s0__qhecrdu" }, s1: { defaultClass: "sprinkles_paddingBottom_s1__qhecrdv" }, s2: { defaultClass: "sprinkles_paddingBottom_s2__qhecrdw" }, s3: { defaultClass: "sprinkles_paddingBottom_s3__qhecrdx" }, s4: { defaultClass: "sprinkles_paddingBottom_s4__qhecrdy" }, s5: { defaultClass: "sprinkles_paddingBottom_s5__qhecrdz" }, s6: { defaultClass: "sprinkles_paddingBottom_s6__qhecrd10" }, s7: { defaultClass: "sprinkles_paddingBottom_s7__qhecrd11" }, s8: { defaultClass: "sprinkles_paddingBottom_s8__qhecrd12" }, s9: { defaultClass: "sprinkles_paddingBottom_s9__qhecrd13" } } }, paddingLeft: { values: { s0: { defaultClass: "sprinkles_paddingLeft_s0__qhecrd14" }, s1: { defaultClass: "sprinkles_paddingLeft_s1__qhecrd15" }, s2: { defaultClass: "sprinkles_paddingLeft_s2__qhecrd16" }, s3: { defaultClass: "sprinkles_paddingLeft_s3__qhecrd17" }, s4: { defaultClass: "sprinkles_paddingLeft_s4__qhecrd18" }, s5: { defaultClass: "sprinkles_paddingLeft_s5__qhecrd19" }, s6: { defaultClass: "sprinkles_paddingLeft_s6__qhecrd1a" }, s7: { defaultClass: "sprinkles_paddingLeft_s7__qhecrd1b" }, s8: { defaultClass: "sprinkles_paddingLeft_s8__qhecrd1c" }, s9: { defaultClass: "sprinkles_paddingLeft_s9__qhecrd1d" } } }, marginTop: { values: { s0: { defaultClass: "sprinkles_marginTop_s0__qhecrd1e" }, s1: { defaultClass: "sprinkles_marginTop_s1__qhecrd1f" }, s2: { defaultClass: "sprinkles_marginTop_s2__qhecrd1g" }, s3: { defaultClass: "sprinkles_marginTop_s3__qhecrd1h" }, s4: { defaultClass: "sprinkles_marginTop_s4__qhecrd1i" }, s5: { defaultClass: "sprinkles_marginTop_s5__qhecrd1j" }, s6: { defaultClass: "sprinkles_marginTop_s6__qhecrd1k" }, s7: { defaultClass: "sprinkles_marginTop_s7__qhecrd1l" }, s8: { defaultClass: "sprinkles_marginTop_s8__qhecrd1m" }, s9: { defaultClass: "sprinkles_marginTop_s9__qhecrd1n" } } }, marginRight: { values: { s0: { defaultClass: "sprinkles_marginRight_s0__qhecrd1o" }, s1: { defaultClass: "sprinkles_marginRight_s1__qhecrd1p" }, s2: { defaultClass: "sprinkles_marginRight_s2__qhecrd1q" }, s3: { defaultClass: "sprinkles_marginRight_s3__qhecrd1r" }, s4: { defaultClass: "sprinkles_marginRight_s4__qhecrd1s" }, s5: { defaultClass: "sprinkles_marginRight_s5__qhecrd1t" }, s6: { defaultClass: "sprinkles_marginRight_s6__qhecrd1u" }, s7: { defaultClass: "sprinkles_marginRight_s7__qhecrd1v" }, s8: { defaultClass: "sprinkles_marginRight_s8__qhecrd1w" }, s9: { defaultClass: "sprinkles_marginRight_s9__qhecrd1x" } } }, marginBottom: { values: { s0: { defaultClass: "sprinkles_marginBottom_s0__qhecrd1y" }, s1: { defaultClass: "sprinkles_marginBottom_s1__qhecrd1z" }, s2: { defaultClass: "sprinkles_marginBottom_s2__qhecrd20" }, s3: { defaultClass: "sprinkles_marginBottom_s3__qhecrd21" }, s4: { defaultClass: "sprinkles_marginBottom_s4__qhecrd22" }, s5: { defaultClass: "sprinkles_marginBottom_s5__qhecrd23" }, s6: { defaultClass: "sprinkles_marginBottom_s6__qhecrd24" }, s7: { defaultClass: "sprinkles_marginBottom_s7__qhecrd25" }, s8: { defaultClass: "sprinkles_marginBottom_s8__qhecrd26" }, s9: { defaultClass: "sprinkles_marginBottom_s9__qhecrd27" } } }, marginLeft: { values: { s0: { defaultClass: "sprinkles_marginLeft_s0__qhecrd28" }, s1: { defaultClass: "sprinkles_marginLeft_s1__qhecrd29" }, s2: { defaultClass: "sprinkles_marginLeft_s2__qhecrd2a" }, s3: { defaultClass: "sprinkles_marginLeft_s3__qhecrd2b" }, s4: { defaultClass: "sprinkles_marginLeft_s4__qhecrd2c" }, s5: { defaultClass: "sprinkles_marginLeft_s5__qhecrd2d" }, s6: { defaultClass: "sprinkles_marginLeft_s6__qhecrd2e" }, s7: { defaultClass: "sprinkles_marginLeft_s7__qhecrd2f" }, s8: { defaultClass: "sprinkles_marginLeft_s8__qhecrd2g" }, s9: { defaultClass: "sprinkles_marginLeft_s9__qhecrd2h" } } }, gap: { values: { s0: { defaultClass: "sprinkles_gap_s0__qhecrd2i" }, s1: { defaultClass: "sprinkles_gap_s1__qhecrd2j" }, s2: { defaultClass: "sprinkles_gap_s2__qhecrd2k" }, s3: { defaultClass: "sprinkles_gap_s3__qhecrd2l" }, s4: { defaultClass: "sprinkles_gap_s4__qhecrd2m" }, s5: { defaultClass: "sprinkles_gap_s5__qhecrd2n" }, s6: { defaultClass: "sprinkles_gap_s6__qhecrd2o" }, s7: { defaultClass: "sprinkles_gap_s7__qhecrd2p" }, s8: { defaultClass: "sprinkles_gap_s8__qhecrd2q" }, s9: { defaultClass: "sprinkles_gap_s9__qhecrd2r" } } }, rowGap: { values: { s0: { defaultClass: "sprinkles_rowGap_s0__qhecrd2s" }, s1: { defaultClass: "sprinkles_rowGap_s1__qhecrd2t" }, s2: { defaultClass: "sprinkles_rowGap_s2__qhecrd2u" }, s3: { defaultClass: "sprinkles_rowGap_s3__qhecrd2v" }, s4: { defaultClass: "sprinkles_rowGap_s4__qhecrd2w" }, s5: { defaultClass: "sprinkles_rowGap_s5__qhecrd2x" }, s6: { defaultClass: "sprinkles_rowGap_s6__qhecrd2y" }, s7: { defaultClass: "sprinkles_rowGap_s7__qhecrd2z" }, s8: { defaultClass: "sprinkles_rowGap_s8__qhecrd30" }, s9: { defaultClass: "sprinkles_rowGap_s9__qhecrd31" } } }, columnGap: { values: { s0: { defaultClass: "sprinkles_columnGap_s0__qhecrd32" }, s1: { defaultClass: "sprinkles_columnGap_s1__qhecrd33" }, s2: { defaultClass: "sprinkles_columnGap_s2__qhecrd34" }, s3: { defaultClass: "sprinkles_columnGap_s3__qhecrd35" }, s4: { defaultClass: "sprinkles_columnGap_s4__qhecrd36" }, s5: { defaultClass: "sprinkles_columnGap_s5__qhecrd37" }, s6: { defaultClass: "sprinkles_columnGap_s6__qhecrd38" }, s7: { defaultClass: "sprinkles_columnGap_s7__qhecrd39" }, s8: { defaultClass: "sprinkles_columnGap_s8__qhecrd3a" }, s9: { defaultClass: "sprinkles_columnGap_s9__qhecrd3b" } } }, background: { values: { bg1: { defaultClass: "sprinkles_background_bg1__qhecrd3c" }, bg2: { defaultClass: "sprinkles_background_bg2__qhecrd3d" }, bg3: { defaultClass: "sprinkles_background_bg3__qhecrd3e" }, bgInset: { defaultClass: "sprinkles_background_bgInset__qhecrd3f" }, fg1: { defaultClass: "sprinkles_background_fg1__qhecrd3g" }, fg2: { defaultClass: "sprinkles_background_fg2__qhecrd3h" }, fg3: { defaultClass: "sprinkles_background_fg3__qhecrd3i" }, fgOnAccent: { defaultClass: "sprinkles_background_fgOnAccent__qhecrd3j" }, border1: { defaultClass: "sprinkles_background_border1__qhecrd3k" }, border2: { defaultClass: "sprinkles_background_border2__qhecrd3l" }, borderStrong: { defaultClass: "sprinkles_background_borderStrong__qhecrd3m" }, accent: { defaultClass: "sprinkles_background_accent__qhecrd3n" }, accentHover: { defaultClass: "sprinkles_background_accentHover__qhecrd3o" }, accentSoft: { defaultClass: "sprinkles_background_accentSoft__qhecrd3p" }, accentText: { defaultClass: "sprinkles_background_accentText__qhecrd3q" }, ok: { defaultClass: "sprinkles_background_ok__qhecrd3r" }, warn: { defaultClass: "sprinkles_background_warn__qhecrd3s" }, danger: { defaultClass: "sprinkles_background_danger__qhecrd3t" }, dangerHover: { defaultClass: "sprinkles_background_dangerHover__qhecrd3u" }, dangerSoft: { defaultClass: "sprinkles_background_dangerSoft__qhecrd3v" }, dangerText: { defaultClass: "sprinkles_background_dangerText__qhecrd3w" }, info: { defaultClass: "sprinkles_background_info__qhecrd3x" }, focus: { defaultClass: "sprinkles_background_focus__qhecrd3y" }, scrim: { defaultClass: "sprinkles_background_scrim__qhecrd3z" } } }, color: { values: { bg1: { defaultClass: "sprinkles_color_bg1__qhecrd40" }, bg2: { defaultClass: "sprinkles_color_bg2__qhecrd41" }, bg3: { defaultClass: "sprinkles_color_bg3__qhecrd42" }, bgInset: { defaultClass: "sprinkles_color_bgInset__qhecrd43" }, fg1: { defaultClass: "sprinkles_color_fg1__qhecrd44" }, fg2: { defaultClass: "sprinkles_color_fg2__qhecrd45" }, fg3: { defaultClass: "sprinkles_color_fg3__qhecrd46" }, fgOnAccent: { defaultClass: "sprinkles_color_fgOnAccent__qhecrd47" }, border1: { defaultClass: "sprinkles_color_border1__qhecrd48" }, border2: { defaultClass: "sprinkles_color_border2__qhecrd49" }, borderStrong: { defaultClass: "sprinkles_color_borderStrong__qhecrd4a" }, accent: { defaultClass: "sprinkles_color_accent__qhecrd4b" }, accentHover: { defaultClass: "sprinkles_color_accentHover__qhecrd4c" }, accentSoft: { defaultClass: "sprinkles_color_accentSoft__qhecrd4d" }, accentText: { defaultClass: "sprinkles_color_accentText__qhecrd4e" }, ok: { defaultClass: "sprinkles_color_ok__qhecrd4f" }, warn: { defaultClass: "sprinkles_color_warn__qhecrd4g" }, danger: { defaultClass: "sprinkles_color_danger__qhecrd4h" }, dangerHover: { defaultClass: "sprinkles_color_dangerHover__qhecrd4i" }, dangerSoft: { defaultClass: "sprinkles_color_dangerSoft__qhecrd4j" }, dangerText: { defaultClass: "sprinkles_color_dangerText__qhecrd4k" }, info: { defaultClass: "sprinkles_color_info__qhecrd4l" }, focus: { defaultClass: "sprinkles_color_focus__qhecrd4m" }, scrim: { defaultClass: "sprinkles_color_scrim__qhecrd4n" } } }, borderRadius: { values: { none: { defaultClass: "sprinkles_borderRadius_none__qhecrd4o" }, sm: { defaultClass: "sprinkles_borderRadius_sm__qhecrd4p" }, md: { defaultClass: "sprinkles_borderRadius_md__qhecrd4q" }, lg: { defaultClass: "sprinkles_borderRadius_lg__qhecrd4r" }, base: { defaultClass: "sprinkles_borderRadius_base__qhecrd4s" }, full: { defaultClass: "sprinkles_borderRadius_full__qhecrd4t" } } }, display: { values: { block: { defaultClass: "sprinkles_display_block__qhecrd4u" }, "inline-block": { defaultClass: "sprinkles_display_inline-block__qhecrd4v" }, flex: { defaultClass: "sprinkles_display_flex__qhecrd4w" }, "inline-flex": { defaultClass: "sprinkles_display_inline-flex__qhecrd4x" }, grid: { defaultClass: "sprinkles_display_grid__qhecrd4y" }, none: { defaultClass: "sprinkles_display_none__qhecrd4z" } } }, flexDirection: { values: { row: { defaultClass: "sprinkles_flexDirection_row__qhecrd50" }, column: { defaultClass: "sprinkles_flexDirection_column__qhecrd51" }, "row-reverse": { defaultClass: "sprinkles_flexDirection_row-reverse__qhecrd52" }, "column-reverse": { defaultClass: "sprinkles_flexDirection_column-reverse__qhecrd53" } } }, alignItems: { values: { "flex-start": { defaultClass: "sprinkles_alignItems_flex-start__qhecrd54" }, center: { defaultClass: "sprinkles_alignItems_center__qhecrd55" }, "flex-end": { defaultClass: "sprinkles_alignItems_flex-end__qhecrd56" }, stretch: { defaultClass: "sprinkles_alignItems_stretch__qhecrd57" }, baseline: { defaultClass: "sprinkles_alignItems_baseline__qhecrd58" } } }, justifyContent: { values: { "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__qhecrd59" }, center: { defaultClass: "sprinkles_justifyContent_center__qhecrd5a" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__qhecrd5b" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__qhecrd5c" }, "space-around": { defaultClass: "sprinkles_justifyContent_space-around__qhecrd5d" }, "space-evenly": { defaultClass: "sprinkles_justifyContent_space-evenly__qhecrd5e" } } }, flexWrap: { values: { nowrap: { defaultClass: "sprinkles_flexWrap_nowrap__qhecrd5f" }, wrap: { defaultClass: "sprinkles_flexWrap_wrap__qhecrd5g" } } } } });
+var sprinkles = (0, import_createRuntimeSprinkles.createSprinkles)({ conditions: void 0, styles: { p: { mappings: ["padding"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, pt: { mappings: ["paddingTop"] }, pr: { mappings: ["paddingRight"] }, pb: { mappings: ["paddingBottom"] }, pl: { mappings: ["paddingLeft"] }, m: { mappings: ["marginTop", "marginRight", "marginBottom", "marginLeft"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, mt: { mappings: ["marginTop"] }, mr: { mappings: ["marginRight"] }, mb: { mappings: ["marginBottom"] }, ml: { mappings: ["marginLeft"] }, bg: { mappings: ["background"] }, radius: { mappings: ["borderRadius"] }, padding: { values: { s0: { defaultClass: "sprinkles_padding_s0__qhecrd0" }, s1: { defaultClass: "sprinkles_padding_s1__qhecrd1" }, s2: { defaultClass: "sprinkles_padding_s2__qhecrd2" }, s3: { defaultClass: "sprinkles_padding_s3__qhecrd3" }, s4: { defaultClass: "sprinkles_padding_s4__qhecrd4" }, s5: { defaultClass: "sprinkles_padding_s5__qhecrd5" }, s6: { defaultClass: "sprinkles_padding_s6__qhecrd6" }, s7: { defaultClass: "sprinkles_padding_s7__qhecrd7" }, s8: { defaultClass: "sprinkles_padding_s8__qhecrd8" }, s9: { defaultClass: "sprinkles_padding_s9__qhecrd9" } } }, paddingTop: { values: { s0: { defaultClass: "sprinkles_paddingTop_s0__qhecrda" }, s1: { defaultClass: "sprinkles_paddingTop_s1__qhecrdb" }, s2: { defaultClass: "sprinkles_paddingTop_s2__qhecrdc" }, s3: { defaultClass: "sprinkles_paddingTop_s3__qhecrdd" }, s4: { defaultClass: "sprinkles_paddingTop_s4__qhecrde" }, s5: { defaultClass: "sprinkles_paddingTop_s5__qhecrdf" }, s6: { defaultClass: "sprinkles_paddingTop_s6__qhecrdg" }, s7: { defaultClass: "sprinkles_paddingTop_s7__qhecrdh" }, s8: { defaultClass: "sprinkles_paddingTop_s8__qhecrdi" }, s9: { defaultClass: "sprinkles_paddingTop_s9__qhecrdj" } } }, paddingRight: { values: { s0: { defaultClass: "sprinkles_paddingRight_s0__qhecrdk" }, s1: { defaultClass: "sprinkles_paddingRight_s1__qhecrdl" }, s2: { defaultClass: "sprinkles_paddingRight_s2__qhecrdm" }, s3: { defaultClass: "sprinkles_paddingRight_s3__qhecrdn" }, s4: { defaultClass: "sprinkles_paddingRight_s4__qhecrdo" }, s5: { defaultClass: "sprinkles_paddingRight_s5__qhecrdp" }, s6: { defaultClass: "sprinkles_paddingRight_s6__qhecrdq" }, s7: { defaultClass: "sprinkles_paddingRight_s7__qhecrdr" }, s8: { defaultClass: "sprinkles_paddingRight_s8__qhecrds" }, s9: { defaultClass: "sprinkles_paddingRight_s9__qhecrdt" } } }, paddingBottom: { values: { s0: { defaultClass: "sprinkles_paddingBottom_s0__qhecrdu" }, s1: { defaultClass: "sprinkles_paddingBottom_s1__qhecrdv" }, s2: { defaultClass: "sprinkles_paddingBottom_s2__qhecrdw" }, s3: { defaultClass: "sprinkles_paddingBottom_s3__qhecrdx" }, s4: { defaultClass: "sprinkles_paddingBottom_s4__qhecrdy" }, s5: { defaultClass: "sprinkles_paddingBottom_s5__qhecrdz" }, s6: { defaultClass: "sprinkles_paddingBottom_s6__qhecrd10" }, s7: { defaultClass: "sprinkles_paddingBottom_s7__qhecrd11" }, s8: { defaultClass: "sprinkles_paddingBottom_s8__qhecrd12" }, s9: { defaultClass: "sprinkles_paddingBottom_s9__qhecrd13" } } }, paddingLeft: { values: { s0: { defaultClass: "sprinkles_paddingLeft_s0__qhecrd14" }, s1: { defaultClass: "sprinkles_paddingLeft_s1__qhecrd15" }, s2: { defaultClass: "sprinkles_paddingLeft_s2__qhecrd16" }, s3: { defaultClass: "sprinkles_paddingLeft_s3__qhecrd17" }, s4: { defaultClass: "sprinkles_paddingLeft_s4__qhecrd18" }, s5: { defaultClass: "sprinkles_paddingLeft_s5__qhecrd19" }, s6: { defaultClass: "sprinkles_paddingLeft_s6__qhecrd1a" }, s7: { defaultClass: "sprinkles_paddingLeft_s7__qhecrd1b" }, s8: { defaultClass: "sprinkles_paddingLeft_s8__qhecrd1c" }, s9: { defaultClass: "sprinkles_paddingLeft_s9__qhecrd1d" } } }, marginTop: { values: { s0: { defaultClass: "sprinkles_marginTop_s0__qhecrd1e" }, s1: { defaultClass: "sprinkles_marginTop_s1__qhecrd1f" }, s2: { defaultClass: "sprinkles_marginTop_s2__qhecrd1g" }, s3: { defaultClass: "sprinkles_marginTop_s3__qhecrd1h" }, s4: { defaultClass: "sprinkles_marginTop_s4__qhecrd1i" }, s5: { defaultClass: "sprinkles_marginTop_s5__qhecrd1j" }, s6: { defaultClass: "sprinkles_marginTop_s6__qhecrd1k" }, s7: { defaultClass: "sprinkles_marginTop_s7__qhecrd1l" }, s8: { defaultClass: "sprinkles_marginTop_s8__qhecrd1m" }, s9: { defaultClass: "sprinkles_marginTop_s9__qhecrd1n" } } }, marginRight: { values: { s0: { defaultClass: "sprinkles_marginRight_s0__qhecrd1o" }, s1: { defaultClass: "sprinkles_marginRight_s1__qhecrd1p" }, s2: { defaultClass: "sprinkles_marginRight_s2__qhecrd1q" }, s3: { defaultClass: "sprinkles_marginRight_s3__qhecrd1r" }, s4: { defaultClass: "sprinkles_marginRight_s4__qhecrd1s" }, s5: { defaultClass: "sprinkles_marginRight_s5__qhecrd1t" }, s6: { defaultClass: "sprinkles_marginRight_s6__qhecrd1u" }, s7: { defaultClass: "sprinkles_marginRight_s7__qhecrd1v" }, s8: { defaultClass: "sprinkles_marginRight_s8__qhecrd1w" }, s9: { defaultClass: "sprinkles_marginRight_s9__qhecrd1x" } } }, marginBottom: { values: { s0: { defaultClass: "sprinkles_marginBottom_s0__qhecrd1y" }, s1: { defaultClass: "sprinkles_marginBottom_s1__qhecrd1z" }, s2: { defaultClass: "sprinkles_marginBottom_s2__qhecrd20" }, s3: { defaultClass: "sprinkles_marginBottom_s3__qhecrd21" }, s4: { defaultClass: "sprinkles_marginBottom_s4__qhecrd22" }, s5: { defaultClass: "sprinkles_marginBottom_s5__qhecrd23" }, s6: { defaultClass: "sprinkles_marginBottom_s6__qhecrd24" }, s7: { defaultClass: "sprinkles_marginBottom_s7__qhecrd25" }, s8: { defaultClass: "sprinkles_marginBottom_s8__qhecrd26" }, s9: { defaultClass: "sprinkles_marginBottom_s9__qhecrd27" } } }, marginLeft: { values: { s0: { defaultClass: "sprinkles_marginLeft_s0__qhecrd28" }, s1: { defaultClass: "sprinkles_marginLeft_s1__qhecrd29" }, s2: { defaultClass: "sprinkles_marginLeft_s2__qhecrd2a" }, s3: { defaultClass: "sprinkles_marginLeft_s3__qhecrd2b" }, s4: { defaultClass: "sprinkles_marginLeft_s4__qhecrd2c" }, s5: { defaultClass: "sprinkles_marginLeft_s5__qhecrd2d" }, s6: { defaultClass: "sprinkles_marginLeft_s6__qhecrd2e" }, s7: { defaultClass: "sprinkles_marginLeft_s7__qhecrd2f" }, s8: { defaultClass: "sprinkles_marginLeft_s8__qhecrd2g" }, s9: { defaultClass: "sprinkles_marginLeft_s9__qhecrd2h" } } }, gap: { values: { s0: { defaultClass: "sprinkles_gap_s0__qhecrd2i" }, s1: { defaultClass: "sprinkles_gap_s1__qhecrd2j" }, s2: { defaultClass: "sprinkles_gap_s2__qhecrd2k" }, s3: { defaultClass: "sprinkles_gap_s3__qhecrd2l" }, s4: { defaultClass: "sprinkles_gap_s4__qhecrd2m" }, s5: { defaultClass: "sprinkles_gap_s5__qhecrd2n" }, s6: { defaultClass: "sprinkles_gap_s6__qhecrd2o" }, s7: { defaultClass: "sprinkles_gap_s7__qhecrd2p" }, s8: { defaultClass: "sprinkles_gap_s8__qhecrd2q" }, s9: { defaultClass: "sprinkles_gap_s9__qhecrd2r" } } }, rowGap: { values: { s0: { defaultClass: "sprinkles_rowGap_s0__qhecrd2s" }, s1: { defaultClass: "sprinkles_rowGap_s1__qhecrd2t" }, s2: { defaultClass: "sprinkles_rowGap_s2__qhecrd2u" }, s3: { defaultClass: "sprinkles_rowGap_s3__qhecrd2v" }, s4: { defaultClass: "sprinkles_rowGap_s4__qhecrd2w" }, s5: { defaultClass: "sprinkles_rowGap_s5__qhecrd2x" }, s6: { defaultClass: "sprinkles_rowGap_s6__qhecrd2y" }, s7: { defaultClass: "sprinkles_rowGap_s7__qhecrd2z" }, s8: { defaultClass: "sprinkles_rowGap_s8__qhecrd30" }, s9: { defaultClass: "sprinkles_rowGap_s9__qhecrd31" } } }, columnGap: { values: { s0: { defaultClass: "sprinkles_columnGap_s0__qhecrd32" }, s1: { defaultClass: "sprinkles_columnGap_s1__qhecrd33" }, s2: { defaultClass: "sprinkles_columnGap_s2__qhecrd34" }, s3: { defaultClass: "sprinkles_columnGap_s3__qhecrd35" }, s4: { defaultClass: "sprinkles_columnGap_s4__qhecrd36" }, s5: { defaultClass: "sprinkles_columnGap_s5__qhecrd37" }, s6: { defaultClass: "sprinkles_columnGap_s6__qhecrd38" }, s7: { defaultClass: "sprinkles_columnGap_s7__qhecrd39" }, s8: { defaultClass: "sprinkles_columnGap_s8__qhecrd3a" }, s9: { defaultClass: "sprinkles_columnGap_s9__qhecrd3b" } } }, background: { values: { "bg.page": { defaultClass: "sprinkles_background_bg.page__qhecrd3c" }, "bg.surface": { defaultClass: "sprinkles_background_bg.surface__qhecrd3d" }, "bg.sunken": { defaultClass: "sprinkles_background_bg.sunken__qhecrd3e" }, "bg.inset": { defaultClass: "sprinkles_background_bg.inset__qhecrd3f" }, "fg.strong": { defaultClass: "sprinkles_background_fg.strong__qhecrd3g" }, "fg.muted": { defaultClass: "sprinkles_background_fg.muted__qhecrd3h" }, "fg.subtle": { defaultClass: "sprinkles_background_fg.subtle__qhecrd3i" }, "fg.onAccent": { defaultClass: "sprinkles_background_fg.onAccent__qhecrd3j" }, "border.subtle": { defaultClass: "sprinkles_background_border.subtle__qhecrd3k" }, "border.default": { defaultClass: "sprinkles_background_border.default__qhecrd3l" }, "border.strong": { defaultClass: "sprinkles_background_border.strong__qhecrd3m" }, "accent.base": { defaultClass: "sprinkles_background_accent.base__qhecrd3n" }, "accent.hover": { defaultClass: "sprinkles_background_accent.hover__qhecrd3o" }, "accent.soft": { defaultClass: "sprinkles_background_accent.soft__qhecrd3p" }, "accent.text": { defaultClass: "sprinkles_background_accent.text__qhecrd3q" }, "danger.base": { defaultClass: "sprinkles_background_danger.base__qhecrd3r" }, "danger.hover": { defaultClass: "sprinkles_background_danger.hover__qhecrd3s" }, "danger.soft": { defaultClass: "sprinkles_background_danger.soft__qhecrd3t" }, "danger.text": { defaultClass: "sprinkles_background_danger.text__qhecrd3u" }, "status.ok": { defaultClass: "sprinkles_background_status.ok__qhecrd3v" }, "status.warn": { defaultClass: "sprinkles_background_status.warn__qhecrd3w" }, "status.info": { defaultClass: "sprinkles_background_status.info__qhecrd3x" }, focus: { defaultClass: "sprinkles_background_focus__qhecrd3y" }, scrim: { defaultClass: "sprinkles_background_scrim__qhecrd3z" } } }, color: { values: { "bg.page": { defaultClass: "sprinkles_color_bg.page__qhecrd40" }, "bg.surface": { defaultClass: "sprinkles_color_bg.surface__qhecrd41" }, "bg.sunken": { defaultClass: "sprinkles_color_bg.sunken__qhecrd42" }, "bg.inset": { defaultClass: "sprinkles_color_bg.inset__qhecrd43" }, "fg.strong": { defaultClass: "sprinkles_color_fg.strong__qhecrd44" }, "fg.muted": { defaultClass: "sprinkles_color_fg.muted__qhecrd45" }, "fg.subtle": { defaultClass: "sprinkles_color_fg.subtle__qhecrd46" }, "fg.onAccent": { defaultClass: "sprinkles_color_fg.onAccent__qhecrd47" }, "border.subtle": { defaultClass: "sprinkles_color_border.subtle__qhecrd48" }, "border.default": { defaultClass: "sprinkles_color_border.default__qhecrd49" }, "border.strong": { defaultClass: "sprinkles_color_border.strong__qhecrd4a" }, "accent.base": { defaultClass: "sprinkles_color_accent.base__qhecrd4b" }, "accent.hover": { defaultClass: "sprinkles_color_accent.hover__qhecrd4c" }, "accent.soft": { defaultClass: "sprinkles_color_accent.soft__qhecrd4d" }, "accent.text": { defaultClass: "sprinkles_color_accent.text__qhecrd4e" }, "danger.base": { defaultClass: "sprinkles_color_danger.base__qhecrd4f" }, "danger.hover": { defaultClass: "sprinkles_color_danger.hover__qhecrd4g" }, "danger.soft": { defaultClass: "sprinkles_color_danger.soft__qhecrd4h" }, "danger.text": { defaultClass: "sprinkles_color_danger.text__qhecrd4i" }, "status.ok": { defaultClass: "sprinkles_color_status.ok__qhecrd4j" }, "status.warn": { defaultClass: "sprinkles_color_status.warn__qhecrd4k" }, "status.info": { defaultClass: "sprinkles_color_status.info__qhecrd4l" }, focus: { defaultClass: "sprinkles_color_focus__qhecrd4m" }, scrim: { defaultClass: "sprinkles_color_scrim__qhecrd4n" } } }, borderRadius: { values: { none: { defaultClass: "sprinkles_borderRadius_none__qhecrd4o" }, sm: { defaultClass: "sprinkles_borderRadius_sm__qhecrd4p" }, md: { defaultClass: "sprinkles_borderRadius_md__qhecrd4q" }, lg: { defaultClass: "sprinkles_borderRadius_lg__qhecrd4r" }, base: { defaultClass: "sprinkles_borderRadius_base__qhecrd4s" }, full: { defaultClass: "sprinkles_borderRadius_full__qhecrd4t" } } }, display: { values: { block: { defaultClass: "sprinkles_display_block__qhecrd4u" }, "inline-block": { defaultClass: "sprinkles_display_inline-block__qhecrd4v" }, flex: { defaultClass: "sprinkles_display_flex__qhecrd4w" }, "inline-flex": { defaultClass: "sprinkles_display_inline-flex__qhecrd4x" }, grid: { defaultClass: "sprinkles_display_grid__qhecrd4y" }, none: { defaultClass: "sprinkles_display_none__qhecrd4z" } } }, flexDirection: { values: { row: { defaultClass: "sprinkles_flexDirection_row__qhecrd50" }, column: { defaultClass: "sprinkles_flexDirection_column__qhecrd51" }, "row-reverse": { defaultClass: "sprinkles_flexDirection_row-reverse__qhecrd52" }, "column-reverse": { defaultClass: "sprinkles_flexDirection_column-reverse__qhecrd53" } } }, alignItems: { values: { "flex-start": { defaultClass: "sprinkles_alignItems_flex-start__qhecrd54" }, center: { defaultClass: "sprinkles_alignItems_center__qhecrd55" }, "flex-end": { defaultClass: "sprinkles_alignItems_flex-end__qhecrd56" }, stretch: { defaultClass: "sprinkles_alignItems_stretch__qhecrd57" }, baseline: { defaultClass: "sprinkles_alignItems_baseline__qhecrd58" } } }, justifyContent: { values: { "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__qhecrd59" }, center: { defaultClass: "sprinkles_justifyContent_center__qhecrd5a" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__qhecrd5b" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__qhecrd5c" }, "space-around": { defaultClass: "sprinkles_justifyContent_space-around__qhecrd5d" }, "space-evenly": { defaultClass: "sprinkles_justifyContent_space-evenly__qhecrd5e" } } }, flexWrap: { values: { nowrap: { defaultClass: "sprinkles_flexWrap_nowrap__qhecrd5f" }, wrap: { defaultClass: "sprinkles_flexWrap_wrap__qhecrd5g" } } } } });
 
 // src/components/container/use-styles.ts
 function useStyles(props) {
@@ -348,28 +348,26 @@ var docslingoSchema = {
   light: {
     ...tokens,
     color: {
-      bg1: "#F4F7FA",
-      bg2: "#FFFFFF",
-      bg3: "#E7EDF3",
-      bgInset: "#DEE6EE",
-      fg1: "#101825",
-      fg2: "#3D4B5C",
-      fg3: "#5A6A80",
-      fgOnAccent: "#FFFFFF",
-      border1: "rgba(16, 24, 37, 0.14)",
-      border2: "rgba(16, 24, 37, 0.28)",
-      borderStrong: "rgba(16, 24, 37, 0.85)",
-      accent: "#0E7A55",
-      accentHover: "#0B6244",
-      accentSoft: "rgba(14, 122, 85, 0.12)",
-      accentText: "#0E7A55",
-      ok: "#0E7A55",
-      warn: "#7A5C10",
-      danger: "#C23F3F",
-      dangerHover: "#A83434",
-      dangerSoft: "rgba(194, 63, 63, 0.12)",
-      dangerText: "#C23F3F",
-      info: "#0E6E9E",
+      bg: { page: "#F4F7FA", surface: "#FFFFFF", sunken: "#E7EDF3", inset: "#DEE6EE" },
+      fg: { strong: "#101825", muted: "#3D4B5C", subtle: "#5A6A80", onAccent: "#FFFFFF" },
+      border: {
+        subtle: "rgba(16, 24, 37, 0.14)",
+        default: "rgba(16, 24, 37, 0.28)",
+        strong: "rgba(16, 24, 37, 0.85)"
+      },
+      accent: {
+        base: "#0E7A55",
+        hover: "#0B6244",
+        soft: "rgba(14, 122, 85, 0.12)",
+        text: "#0E7A55"
+      },
+      danger: {
+        base: "#C23F3F",
+        hover: "#A83434",
+        soft: "rgba(194, 63, 63, 0.12)",
+        text: "#C23F3F"
+      },
+      status: { ok: "#0E7A55", warn: "#7A5C10", info: "#0E6E9E" },
       focus: "#0E6E9E",
       scrim: "rgba(16, 24, 37, 0.5)"
     }
@@ -377,28 +375,22 @@ var docslingoSchema = {
   dark: {
     ...tokens,
     color: {
-      bg1: "#0B1017",
-      bg2: "#121A24",
-      bg3: "#1A2432",
-      bgInset: "#0A0E14",
-      fg1: "#E6EDF5",
-      fg2: "#8FA3B8",
-      fg3: "#7C8FA5",
-      fgOnAccent: "#0B1017",
-      border1: "#243244",
-      border2: "#33465E",
-      borderStrong: "#8FA3B8",
-      accent: "#45D9A1",
-      accentHover: "#63E2B2",
-      accentSoft: "rgba(69, 217, 161, 0.12)",
-      accentText: "#45D9A1",
-      ok: "#45D9A1",
-      warn: "#F7C948",
-      danger: "#F06A6A",
-      dangerHover: "#F58585",
-      dangerSoft: "rgba(240, 106, 106, 0.12)",
-      dangerText: "#F06A6A",
-      info: "#56C8F5",
+      bg: { page: "#0B1017", surface: "#121A24", sunken: "#1A2432", inset: "#0A0E14" },
+      fg: { strong: "#E6EDF5", muted: "#8FA3B8", subtle: "#7C8FA5", onAccent: "#0B1017" },
+      border: { subtle: "#243244", default: "#33465E", strong: "#8FA3B8" },
+      accent: {
+        base: "#45D9A1",
+        hover: "#63E2B2",
+        soft: "rgba(69, 217, 161, 0.12)",
+        text: "#45D9A1"
+      },
+      danger: {
+        base: "#F06A6A",
+        hover: "#F58585",
+        soft: "rgba(240, 106, 106, 0.12)",
+        text: "#F06A6A"
+      },
+      status: { ok: "#45D9A1", warn: "#F7C948", info: "#56C8F5" },
       focus: "#56C8F5",
       scrim: "rgba(0, 0, 0, 0.55)"
     }
@@ -406,28 +398,26 @@ var docslingoSchema = {
   sepia: {
     ...tokens,
     color: {
-      bg1: "#ECE4CE",
-      bg2: "#F5EEDC",
-      bg3: "#DFD3B4",
-      bgInset: "#D6C8A4",
-      fg1: "#262114",
-      fg2: "#55482F",
-      fg3: "#6B5E41",
-      fgOnAccent: "#F5EEDC",
-      border1: "rgba(38, 33, 20, 0.16)",
-      border2: "rgba(38, 33, 20, 0.32)",
-      borderStrong: "rgba(38, 33, 20, 0.82)",
-      accent: "#4C5F2A",
-      accentHover: "#3B4A1F",
-      accentSoft: "rgba(76, 95, 42, 0.12)",
-      accentText: "#4C5F2A",
-      ok: "#4C5F2A",
-      warn: "#6E5413",
-      danger: "#8A3B26",
-      dangerHover: "#70301F",
-      dangerSoft: "rgba(138, 59, 38, 0.12)",
-      dangerText: "#8A3B26",
-      info: "#3A505C",
+      bg: { page: "#ECE4CE", surface: "#F5EEDC", sunken: "#DFD3B4", inset: "#D6C8A4" },
+      fg: { strong: "#262114", muted: "#55482F", subtle: "#6B5E41", onAccent: "#F5EEDC" },
+      border: {
+        subtle: "rgba(38, 33, 20, 0.16)",
+        default: "rgba(38, 33, 20, 0.32)",
+        strong: "rgba(38, 33, 20, 0.82)"
+      },
+      accent: {
+        base: "#4C5F2A",
+        hover: "#3B4A1F",
+        soft: "rgba(76, 95, 42, 0.12)",
+        text: "#4C5F2A"
+      },
+      danger: {
+        base: "#8A3B26",
+        hover: "#70301F",
+        soft: "rgba(138, 59, 38, 0.12)",
+        text: "#8A3B26"
+      },
+      status: { ok: "#4C5F2A", warn: "#6E5413", info: "#3A505C" },
       focus: "#4C5F2A",
       scrim: "rgba(38, 33, 20, 0.55)"
     }
@@ -435,28 +425,22 @@ var docslingoSchema = {
   contrast: {
     ...tokens,
     color: {
-      bg1: "#FFFFFF",
-      bg2: "#FFFFFF",
-      bg3: "#F2F2F2",
-      bgInset: "#EAEAEA",
-      fg1: "#000000",
-      fg2: "#000000",
-      fg3: "#2B2B2B",
-      fgOnAccent: "#FFFFFF",
-      border1: "#000000",
-      border2: "#000000",
-      borderStrong: "#000000",
-      accent: "#0B4F38",
-      accentHover: "#063D2B",
-      accentSoft: "rgba(11, 79, 56, 0.10)",
-      accentText: "#0B4F38",
-      ok: "#0B4F38",
-      warn: "#000000",
-      danger: "#8B0000",
-      dangerHover: "#6B0000",
-      dangerSoft: "rgba(139, 0, 0, 0.10)",
-      dangerText: "#8B0000",
-      info: "#000000",
+      bg: { page: "#FFFFFF", surface: "#FFFFFF", sunken: "#F2F2F2", inset: "#EAEAEA" },
+      fg: { strong: "#000000", muted: "#000000", subtle: "#2B2B2B", onAccent: "#FFFFFF" },
+      border: { subtle: "#000000", default: "#000000", strong: "#000000" },
+      accent: {
+        base: "#0B4F38",
+        hover: "#063D2B",
+        soft: "rgba(11, 79, 56, 0.10)",
+        text: "#0B4F38"
+      },
+      danger: {
+        base: "#8B0000",
+        hover: "#6B0000",
+        soft: "rgba(139, 0, 0, 0.10)",
+        text: "#8B0000"
+      },
+      status: { ok: "#0B4F38", warn: "#000000", info: "#000000" },
       focus: "#000000",
       scrim: "rgba(0, 0, 0, 0.7)"
     }
@@ -466,28 +450,26 @@ var tintaSchema = {
   light: {
     ...tokens,
     color: {
-      bg1: "#F8F7F4",
-      bg2: "#FFFFFF",
-      bg3: "#EDEBE6",
-      bgInset: "#E4E1DA",
-      fg1: "#15130F",
-      fg2: "#494640",
-      fg3: "#737069",
-      fgOnAccent: "#F8F7F4",
-      border1: "rgba(21, 19, 15, 0.12)",
-      border2: "rgba(21, 19, 15, 0.26)",
-      borderStrong: "rgba(21, 19, 15, 0.85)",
-      accent: "#7B1E1E",
-      accentHover: "#631616",
-      accentSoft: "rgba(123, 30, 30, 0.10)",
-      accentText: "#7B1E1E",
-      ok: "#3E5C3A",
-      warn: "#8A6A1E",
-      danger: "#7B1E1E",
-      dangerHover: "#631616",
-      dangerSoft: "rgba(123, 30, 30, 0.10)",
-      dangerText: "#7B1E1E",
-      info: "#2E4257",
+      bg: { page: "#F8F7F4", surface: "#FFFFFF", sunken: "#EDEBE6", inset: "#E4E1DA" },
+      fg: { strong: "#15130F", muted: "#494640", subtle: "#737069", onAccent: "#F8F7F4" },
+      border: {
+        subtle: "rgba(21, 19, 15, 0.12)",
+        default: "rgba(21, 19, 15, 0.26)",
+        strong: "rgba(21, 19, 15, 0.85)"
+      },
+      accent: {
+        base: "#7B1E1E",
+        hover: "#631616",
+        soft: "rgba(123, 30, 30, 0.10)",
+        text: "#7B1E1E"
+      },
+      danger: {
+        base: "#7B1E1E",
+        hover: "#631616",
+        soft: "rgba(123, 30, 30, 0.10)",
+        text: "#7B1E1E"
+      },
+      status: { ok: "#3E5C3A", warn: "#8A6A1E", info: "#2E4257" },
       focus: "#7B1E1E",
       scrim: "rgba(20, 17, 14, 0.55)"
     }
@@ -495,28 +477,26 @@ var tintaSchema = {
   dark: {
     ...tokens,
     color: {
-      bg1: "#100E0B",
-      bg2: "#1A1611",
-      bg3: "#070605",
-      bgInset: "#221D16",
-      fg1: "#F2EDE2",
-      fg2: "#B7AF9F",
-      fg3: "#878070",
-      fgOnAccent: "#F2EDE2",
-      border1: "rgba(242, 237, 226, 0.13)",
-      border2: "rgba(242, 237, 226, 0.26)",
-      borderStrong: "rgba(242, 237, 226, 0.80)",
-      accent: "#B23A3A",
-      accentHover: "#9E3333",
-      accentSoft: "rgba(178, 58, 58, 0.16)",
-      accentText: "#CF6363",
-      ok: "#7FA178",
-      warn: "#C7A04E",
-      danger: "#A83838",
-      dangerHover: "#943030",
-      dangerSoft: "rgba(194, 74, 74, 0.16)",
-      dangerText: "#D46B6B",
-      info: "#6E92B4",
+      bg: { page: "#100E0B", surface: "#1A1611", sunken: "#070605", inset: "#221D16" },
+      fg: { strong: "#F2EDE2", muted: "#B7AF9F", subtle: "#878070", onAccent: "#F2EDE2" },
+      border: {
+        subtle: "rgba(242, 237, 226, 0.13)",
+        default: "rgba(242, 237, 226, 0.26)",
+        strong: "rgba(242, 237, 226, 0.80)"
+      },
+      accent: {
+        base: "#B23A3A",
+        hover: "#9E3333",
+        soft: "rgba(178, 58, 58, 0.16)",
+        text: "#CF6363"
+      },
+      danger: {
+        base: "#A83838",
+        hover: "#943030",
+        soft: "rgba(194, 74, 74, 0.16)",
+        text: "#D46B6B"
+      },
+      status: { ok: "#7FA178", warn: "#C7A04E", info: "#6E92B4" },
       focus: "#CC4A4A",
       scrim: "rgba(7, 6, 5, 0.65)"
     }
@@ -524,28 +504,26 @@ var tintaSchema = {
   sepia: {
     ...tokens,
     color: {
-      bg1: "#E9DDC4",
-      bg2: "#F2E9D5",
-      bg3: "#DCCDAC",
-      bgInset: "#D2C09B",
-      fg1: "#2A2013",
-      fg2: "#5A4A33",
-      fg3: "#6E6046",
-      fgOnAccent: "#F2E9D5",
-      border1: "rgba(42, 32, 19, 0.16)",
-      border2: "rgba(42, 32, 19, 0.32)",
-      borderStrong: "rgba(42, 32, 19, 0.82)",
-      accent: "#7A2E12",
-      accentHover: "#5F2109",
-      accentSoft: "rgba(122, 46, 18, 0.12)",
-      accentText: "#7A2E12",
-      ok: "#4A5A2E",
-      warn: "#6E5413",
-      danger: "#7A2E12",
-      dangerHover: "#5F2109",
-      dangerSoft: "rgba(122, 46, 18, 0.12)",
-      dangerText: "#7A2E12",
-      info: "#3C4E57",
+      bg: { page: "#E9DDC4", surface: "#F2E9D5", sunken: "#DCCDAC", inset: "#D2C09B" },
+      fg: { strong: "#2A2013", muted: "#5A4A33", subtle: "#6E6046", onAccent: "#F2E9D5" },
+      border: {
+        subtle: "rgba(42, 32, 19, 0.16)",
+        default: "rgba(42, 32, 19, 0.32)",
+        strong: "rgba(42, 32, 19, 0.82)"
+      },
+      accent: {
+        base: "#7A2E12",
+        hover: "#5F2109",
+        soft: "rgba(122, 46, 18, 0.12)",
+        text: "#7A2E12"
+      },
+      danger: {
+        base: "#7A2E12",
+        hover: "#5F2109",
+        soft: "rgba(122, 46, 18, 0.12)",
+        text: "#7A2E12"
+      },
+      status: { ok: "#4A5A2E", warn: "#6E5413", info: "#3C4E57" },
       focus: "#7A2E12",
       scrim: "rgba(42, 32, 19, 0.55)"
     }
@@ -553,28 +531,22 @@ var tintaSchema = {
   contrast: {
     ...tokens,
     color: {
-      bg1: "#FFFFFF",
-      bg2: "#FFFFFF",
-      bg3: "#F2F2F2",
-      bgInset: "#EAEAEA",
-      fg1: "#000000",
-      fg2: "#000000",
-      fg3: "#2B2B2B",
-      fgOnAccent: "#FFFFFF",
-      border1: "#000000",
-      border2: "#000000",
-      borderStrong: "#000000",
-      accent: "#000000",
-      accentHover: "#2B2B2B",
-      accentSoft: "rgba(0, 0, 0, 0.08)",
-      accentText: "#000000",
-      ok: "#000000",
-      warn: "#000000",
-      danger: "#8B0000",
-      dangerHover: "#6B0000",
-      dangerSoft: "rgba(139, 0, 0, 0.10)",
-      dangerText: "#8B0000",
-      info: "#000000",
+      bg: { page: "#FFFFFF", surface: "#FFFFFF", sunken: "#F2F2F2", inset: "#EAEAEA" },
+      fg: { strong: "#000000", muted: "#000000", subtle: "#2B2B2B", onAccent: "#FFFFFF" },
+      border: { subtle: "#000000", default: "#000000", strong: "#000000" },
+      accent: {
+        base: "#000000",
+        hover: "#2B2B2B",
+        soft: "rgba(0, 0, 0, 0.08)",
+        text: "#000000"
+      },
+      danger: {
+        base: "#8B0000",
+        hover: "#6B0000",
+        soft: "rgba(139, 0, 0, 0.10)",
+        text: "#8B0000"
+      },
+      status: { ok: "#000000", warn: "#000000", info: "#000000" },
       focus: "#000000",
       scrim: "rgba(0, 0, 0, 0.7)"
     }
@@ -585,7 +557,6 @@ var schemas = {
   docslingo: docslingoSchema
 };
 var schemaNames2 = Object.keys(schemas);
-var colorTokenNames = Object.keys(schemas.tinta.light.color);
 function isSchemaName(x) {
   return typeof x === "string" && Object.hasOwn(schemas, x);
 }
@@ -745,11 +716,11 @@ function ThemeProvider({
     if (!paintRoot) return;
     const { style } = document.body;
     const prev = style.backgroundColor;
-    style.backgroundColor = store.colorTokens.bg1;
+    style.backgroundColor = store.colorTokens.bg.page;
     return () => {
       style.backgroundColor = prev;
     };
-  }, [paintRoot, store.colorTokens.bg1]);
+  }, [paintRoot, store.colorTokens.bg.page]);
   const value = (0, import_react7.useMemo)(
     () => ({
       schema: store.schema,
@@ -809,7 +780,7 @@ var text = { eyebrow: "typography_text_eyebrow__1wmlzy0", display: "typography_t
 // src/components/typography/use-styles.css.ts
 var align = { left: "use-styles_align_left__d74jf69", center: "use-styles_align_center__d74jf6a", right: "use-styles_align_right__d74jf6b" };
 var base = "use-styles_base__d74jf60";
-var color = { fg1: "use-styles_color_fg1__d74jf61", fg2: "use-styles_color_fg2__d74jf62", fg3: "use-styles_color_fg3__d74jf63", accent: "use-styles_color_accent__d74jf64", danger: "use-styles_color_danger__d74jf65", ok: "use-styles_color_ok__d74jf66", warn: "use-styles_color_warn__d74jf67", info: "use-styles_color_info__d74jf68" };
+var color = { strong: "use-styles_color_strong__d74jf61", muted: "use-styles_color_muted__d74jf62", subtle: "use-styles_color_subtle__d74jf63", accent: "use-styles_color_accent__d74jf64", danger: "use-styles_color_danger__d74jf65", ok: "use-styles_color_ok__d74jf66", warn: "use-styles_color_warn__d74jf67", info: "use-styles_color_info__d74jf68" };
 
 // src/components/typography/use-styles.ts
 function useStyles3({
@@ -2011,7 +1982,7 @@ var Alert = (0, import_react41.forwardRef)(function Alert2({ severity: severity2
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: styles.iconSlot, "data-testid": slot("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconComponent, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: styles.content, "data-testid": slot("content"), children: [
       title != null && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Typography, { variant: "h4", children: title }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Typography, { variant: "body", color: "fg2", children })
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Typography, { variant: "body", color: "muted", children })
     ] })
   ] });
 });
@@ -3113,7 +3084,7 @@ var Dialog = (0, import_react61.forwardRef)(function Dialog2({ open, onClose, ti
         onKeyDown: onSurfaceKeyDown,
         children: [
           title != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typography, { variant: "h3", as: "h2", id: titleId, children: title }),
-          children != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: body3, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typography, { variant: "body", color: "fg2", children }) }),
+          children != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: body3, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typography, { variant: "body", color: "muted", children }) }),
           actions3 != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: actionsClass, children: actions3 })
         ]
       }