@moderneinc/design-system-tokens 6.0.0-next.02da4a

package/dist/index.d.ts

@@ -0,0 +1,2692 @@
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+declare const card$2: 12;
+
+declare const button$5: 4;
+
+declare const input$5: 10;
+
+declare const xXS: 2;
+
+declare const xS: 4;
+
+declare const s: 8;
+
+declare const m: 12;
+
+declare const l: 20;
+
+declare const xL: 30;
+
+declare const full: 999;
+
+declare const _default$c: {
+card: typeof card$2,
+button: typeof button$5,
+input: typeof input$5,
+xXS: typeof xXS,
+xS: typeof xS,
+s: typeof s,
+m: typeof m,
+l: typeof l,
+xL: typeof xL,
+full: typeof full,
+};
+
+declare const borderRadius_d_full: typeof full;
+declare const borderRadius_d_l: typeof l;
+declare const borderRadius_d_m: typeof m;
+declare const borderRadius_d_s: typeof s;
+declare const borderRadius_d_xL: typeof xL;
+declare const borderRadius_d_xS: typeof xS;
+declare const borderRadius_d_xXS: typeof xXS;
+declare namespace borderRadius_d {
+  export {
+    button$5 as button,
+    card$2 as card,
+    _default$c as default,
+    borderRadius_d_full as full,
+    input$5 as input,
+    borderRadius_d_l as l,
+    borderRadius_d_m as m,
+    borderRadius_d_s as s,
+    borderRadius_d_xL as xL,
+    borderRadius_d_xS as xS,
+    borderRadius_d_xXS as xXS,
+  };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+declare const xl: 1920;
+
+declare const lg: 1280;
+
+declare const md: 960;
+
+declare const sm: 600;
+
+declare const _default$b: {
+xl: typeof xl,
+lg: typeof lg,
+md: typeof md,
+sm: typeof sm,
+};
+
+declare const breakpoints_d_lg: typeof lg;
+declare const breakpoints_d_md: typeof md;
+declare const breakpoints_d_sm: typeof sm;
+declare const breakpoints_d_xl: typeof xl;
+declare namespace breakpoints_d {
+  export {
+    _default$b as default,
+    breakpoints_d_lg as lg,
+    breakpoints_d_md as md,
+    breakpoints_d_sm as sm,
+    breakpoints_d_xl as xl,
+  };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Gold = {
+'50': '#fef9e8';
+'100': '#fbf1d2';
+'200': '#f7e3a5';
+'300': '#f4d479';
+'400': '#ffd34d';
+'500': '#ecb81f';
+'600': '#bd9319';
+'700': '#8e6e13';
+'800': '#806a00';
+'900': '#2f2506';
+};
+
+declare const gold: Gold;
+
+type Violet = {
+'50': '#f6eefb';
+'100': '#ebd5f1';
+'200': '#d6ace3';
+'300': '#c282d5';
+'400': '#ad59c7';
+'500': '#9d5be8';
+'600': '#7a2694';
+'700': '#5c1c6f';
+'800': '#3d134a';
+'900': '#1f0925';
+};
+
+declare const violet: Violet;
+
+type WarmGrey = {
+'50': '#faf8f3';
+'100': '#f6f1e8';
+'200': '#f1ece0';
+'300': '#dcd3c3';
+'400': '#c9bfa6';
+'500': '#9c927e';
+'600': '#7b7263';
+'700': '#564e41';
+'800': '#38332a';
+'900': '#15120f';
+};
+
+declare const warmGrey: WarmGrey;
+
+type Ink = {
+'50': '#f1f1f6';
+'100': '#d9d9e4';
+'200': '#b4b4c4';
+'300': '#8a8a9e';
+'400': '#62627a';
+'500': '#4a4a66';
+'600': '#62627a';
+'700': '#2c2c50';
+'800': '#232342';
+'900': '#17171c';
+};
+
+declare const ink: Ink;
+
+type Cream = {
+'50': '#fbfaf6';
+'100': '#f4f2eb';
+'200': '#f2f0ea';
+'300': '#f2efe7';
+'400': '#edebe2';
+'500': '#e4e1d6';
+'600': '#dedbd0';
+'700': '#918c7c';
+'800': '#5f5b4f';
+'900': '#33312b';
+};
+
+declare const cream: Cream;
+
+type Periwinkle = {
+'300': '#8ca0f5';
+'500': '#3e5be8';
+};
+
+declare const periwinkle: Periwinkle;
+
+type DigitalBlue = {
+'50': '#f2f3ff';
+'100': '#dce0ff';
+'200': '#b6bfff';
+'300': '#8d99ff';
+'400': '#626eff';
+/**
+   * primary color
+   */
+'500': '#2f42ff';
+'600': '#2637e6';
+'700': '#1e2ec2';
+'800': '#131e7a';
+'900': '#000855';
+};
+
+declare const digitalBlue: DigitalBlue;
+
+type DigitalGreen = {
+'50': '#f3fff5';
+'100': '#cfffd7';
+'200': '#acffb9';
+'300': '#88fe9b';
+'400': '#72e184';
+'500': '#5ec46f';
+'600': '#4ca75a';
+'700': '#3b8948';
+'800': '#2c6c36';
+'900': '#1e4f26';
+};
+
+declare const digitalGreen: DigitalGreen;
+
+type Grey = {
+'50': '#f9fafb';
+'100': '#f3f4f6';
+'200': '#e5e7eb';
+'300': '#d1d5db';
+'400': '#9ca3af';
+'500': '#6b7280';
+'600': '#4b5563';
+'700': '#374151';
+'800': '#1f2937';
+'900': '#111827';
+};
+
+declare const grey: Grey;
+
+type Orange = {
+'50': '#fff8e5';
+'100': '#ffebb7';
+'200': '#ffde8a';
+'300': '#ffd15c';
+'400': '#ff8f52';
+'500': '#ffb800';
+'600': '#d69b00';
+'700': '#856000';
+'800': '#a34e14';
+'900': '#5c4200';
+};
+
+declare const orange: Orange;
+
+type Red = {
+'50': '#fbefed';
+'100': '#ffc6cd';
+'200': '#f0b4ac';
+'300': '#fa826f';
+'400': '#ed4a5d';
+'500': '#cb3446';
+'600': '#c9291c';
+'700': '#871421';
+'800': '#650914';
+'900': '#43020a';
+};
+
+declare const red: Red;
+
+type TealGreen = {
+'50': '#eefffa';
+'100': '#c9fff1';
+'200': '#a4ffe7';
+'300': '#7fffde';
+'400': '#54eec6';
+'500': '#3bcca6';
+'600': '#27aa88';
+'700': '#17886b';
+'800': '#0b664e';
+'900': '#034433';
+};
+
+declare const tealGreen: TealGreen;
+
+declare const white: '#ffffff';
+
+declare const _default$a: {
+gold: typeof gold,
+violet: typeof violet,
+warmGrey: typeof warmGrey,
+ink: typeof ink,
+cream: typeof cream,
+periwinkle: typeof periwinkle,
+digitalBlue: typeof digitalBlue,
+digitalGreen: typeof digitalGreen,
+grey: typeof grey,
+orange: typeof orange,
+red: typeof red,
+tealGreen: typeof tealGreen,
+white: typeof white,
+};
+
+type colors_d_Cream = Cream;
+type colors_d_DigitalBlue = DigitalBlue;
+type colors_d_DigitalGreen = DigitalGreen;
+type colors_d_Gold = Gold;
+type colors_d_Grey = Grey;
+type colors_d_Ink = Ink;
+type colors_d_Orange = Orange;
+type colors_d_Periwinkle = Periwinkle;
+type colors_d_Red = Red;
+type colors_d_TealGreen = TealGreen;
+type colors_d_Violet = Violet;
+type colors_d_WarmGrey = WarmGrey;
+declare const colors_d_cream: typeof cream;
+declare const colors_d_digitalBlue: typeof digitalBlue;
+declare const colors_d_digitalGreen: typeof digitalGreen;
+declare const colors_d_gold: typeof gold;
+declare const colors_d_grey: typeof grey;
+declare const colors_d_ink: typeof ink;
+declare const colors_d_orange: typeof orange;
+declare const colors_d_periwinkle: typeof periwinkle;
+declare const colors_d_red: typeof red;
+declare const colors_d_tealGreen: typeof tealGreen;
+declare const colors_d_violet: typeof violet;
+declare const colors_d_warmGrey: typeof warmGrey;
+declare const colors_d_white: typeof white;
+declare namespace colors_d {
+  export { colors_d_cream as cream, _default$a as default, colors_d_digitalBlue as digitalBlue, colors_d_digitalGreen as digitalGreen, colors_d_gold as gold, colors_d_grey as grey, colors_d_ink as ink, colors_d_orange as orange, colors_d_periwinkle as periwinkle, colors_d_red as red, colors_d_tealGreen as tealGreen, colors_d_violet as violet, colors_d_warmGrey as warmGrey, colors_d_white as white };
+  export type { colors_d_Cream as Cream, colors_d_DigitalBlue as DigitalBlue, colors_d_DigitalGreen as DigitalGreen, colors_d_Gold as Gold, colors_d_Grey as Grey, colors_d_Ink as Ink, colors_d_Orange as Orange, colors_d_Periwinkle as Periwinkle, colors_d_Red as Red, colors_d_TealGreen as TealGreen, colors_d_Violet as Violet, colors_d_WarmGrey as WarmGrey };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Button$4 = {
+default: 40;
+small: 32;
+large: 48;
+};
+
+declare const button$4: Button$4;
+
+type Input$4 = {
+default: 40;
+dense: 32;
+};
+
+declare const input$4: Input$4;
+
+type Table$1 = {
+headerCompact: 44;
+headerStandard: 38;
+headerComfortable: 52;
+rowCompact: 48;
+rowStandard: 42;
+rowComfortable: 56;
+};
+
+declare const table$1: Table$1;
+
+declare const tooltip$1: 24;
+
+declare const _default$9: {
+button: typeof button$4,
+input: typeof input$4,
+table: typeof table$1,
+tooltip: typeof tooltip$1,
+};
+
+declare namespace height_d {
+  export { button$4 as button, _default$9 as default, input$4 as input, table$1 as table, tooltip$1 as tooltip };
+  export type { Button$4 as Button, Input$4 as Input, Table$1 as Table };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+declare const datagridCellVertical: 8;
+
+declare const card$1: 24;
+
+declare const buttonHorizontal: 16;
+
+declare const buttonVertical: 8;
+
+declare const inputHorizontal: 12;
+
+declare const inputVertical: 4;
+
+declare const textContainers: 20;
+
+declare const _default$8: {
+datagridCellVertical: typeof datagridCellVertical,
+card: typeof card$1,
+buttonHorizontal: typeof buttonHorizontal,
+buttonVertical: typeof buttonVertical,
+inputHorizontal: typeof inputHorizontal,
+inputVertical: typeof inputVertical,
+textContainers: typeof textContainers,
+};
+
+declare const padding_d_buttonHorizontal: typeof buttonHorizontal;
+declare const padding_d_buttonVertical: typeof buttonVertical;
+declare const padding_d_datagridCellVertical: typeof datagridCellVertical;
+declare const padding_d_inputHorizontal: typeof inputHorizontal;
+declare const padding_d_inputVertical: typeof inputVertical;
+declare const padding_d_textContainers: typeof textContainers;
+declare namespace padding_d {
+  export {
+    padding_d_buttonHorizontal as buttonHorizontal,
+    padding_d_buttonVertical as buttonVertical,
+    card$1 as card,
+    padding_d_datagridCellVertical as datagridCellVertical,
+    _default$8 as default,
+    padding_d_inputHorizontal as inputHorizontal,
+    padding_d_inputVertical as inputVertical,
+    padding_d_textContainers as textContainers,
+  };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Icons$2 = {
+hoverBorder: 'var(--mod-icons-hover-border)';
+pressedBackground: 'var(--mod-icons-pressed-background)';
+inverse: 'var(--mod-icons-inverse)';
+hover: 'var(--mod-icons-hover)';
+hoverBackground: 'var(--mod-icons-hover-background)';
+disabled: 'var(--mod-icons-disabled)';
+placeholder: 'var(--mod-icons-placeholder)';
+pressed: 'var(--mod-icons-pressed)';
+utility: 'var(--mod-icons-utility)';
+default: 'var(--mod-icons-default)';
+active: 'var(--mod-icons-active)';
+};
+
+declare const icons$2: Icons$2;
+
+type Surfaces$2 = {
+highlightBackground: 'var(--mod-surfaces-highlight-background)';
+activeHighlight: 'var(--mod-surfaces-active-highlight)';
+dataGrid: {
+header: 'var(--mod-surfaces-data-grid-header)';
+selected: 'var(--mod-surfaces-data-grid-selected)';
+selectedHover: 'var(--mod-surfaces-data-grid-selected-hover)';
+hover: 'var(--mod-surfaces-data-grid-hover)';
+default: 'var(--mod-surfaces-data-grid-default)';
+border: 'var(--mod-surfaces-data-grid-border)';
+borderStrong: 'var(--mod-surfaces-data-grid-border-strong)';
+stripe: 'var(--mod-surfaces-data-grid-stripe)';
+focused: 'var(--mod-surfaces-data-grid-focused)';
+pinned: 'var(--mod-surfaces-data-grid-pinned)';
+disabled: 'var(--mod-surfaces-data-grid-disabled)';
+background: 'var(--mod-surfaces-data-grid-background)';
+};
+toggleKnob: 'var(--mod-surfaces-toggle-knob)';
+page: 'var(--mod-surfaces-page)';
+card: 'var(--mod-surfaces-card)';
+cardHeader: 'var(--mod-surfaces-card-header)';
+tabActive: 'var(--mod-surfaces-tab-active)';
+listHover: 'var(--mod-surfaces-list-hover)';
+shadowNeutral: 'var(--mod-surfaces-shadow-neutral)';
+shadowPrimary: 'var(--mod-surfaces-shadow-primary)';
+tooltip: 'var(--mod-surfaces-tooltip)';
+scrim: 'var(--mod-surfaces-scrim)';
+tabSecondaryBackground: 'var(--mod-surfaces-tab-secondary-background)';
+snackbarDarkMode: 'var(--mod-surfaces-snackbar-dark-mode)';
+snackbarBrand: 'var(--mod-surfaces-snackbar-brand)';
+snackbarLightMode: 'var(--mod-surfaces-snackbar-light-mode)';
+white: 'var(--mod-surfaces-white)';
+black: 'var(--mod-surfaces-black)';
+};
+
+declare const surfaces$2: Surfaces$2;
+
+type Typography$2 = {
+searchInputBackground: 'var(--mod-typography-search-input-background)';
+linkDefault: 'var(--mod-typography-link-default-legacy)';
+linkHover: 'var(--mod-typography-link-hover)';
+navigation: {
+search: {
+highlightText: 'var(--mod-typography-navigation-search-highlight-text)';
+highlightBackground: 'var(--mod-typography-navigation-search-highlight-background)';
+inputBackground: 'var(--mod-typography-navigation-search-input-background)';
+highlightBackgroundActive: 'var(--mod-typography-navigation-search-highlight-background-active)';
+};
+default: 'var(--mod-typography-navigation-default)';
+};
+linkWhite: 'var(--mod-typography-link-white-legacy)';
+linkWhiteHover: 'var(--mod-typography-link-white-hover)';
+tab: {
+disabled: 'var(--mod-typography-tab-disabled)';
+inactive: 'var(--mod-typography-tab-inactive)';
+active: 'var(--mod-typography-tab-active)';
+};
+tooltip: {
+secondary: 'var(--mod-typography-tooltip-secondary)';
+default: 'var(--mod-typography-tooltip-default)';
+};
+input: {
+placeholder: 'var(--mod-typography-input-placeholder)';
+default: 'var(--mod-typography-input-default)';
+label: 'var(--mod-typography-input-label)';
+helper: 'var(--mod-typography-input-helper)';
+};
+code: {
+primary: 'var(--mod-typography-code-primary)';
+secondary: 'var(--mod-typography-code-secondary)';
+};
+button: {
+disabled: 'var(--mod-typography-button-disabled)';
+};
+link: {
+primary: 'var(--mod-typography-link-primary)';
+disabled: 'var(--mod-typography-link-disabled)';
+default: 'var(--mod-typography-link-default)';
+white: 'var(--mod-typography-link-white)';
+};
+error: 'var(--mod-typography-error)';
+success: 'var(--mod-typography-success)';
+warning: 'var(--mod-typography-warning)';
+legal: 'var(--mod-typography-legal)';
+bodySecondary: 'var(--mod-typography-body-secondary)';
+body: 'var(--mod-typography-body)';
+};
+
+declare const typography$2: Typography$2;
+
+type Border$2 = {
+overlay: 'var(--mod-border-overlay)';
+subtle: 'var(--mod-border-subtle)';
+strong: 'var(--mod-border-strong)';
+hairline: 'var(--mod-border-hairline)';
+primary: 'var(--mod-border-primary)';
+secondary: 'var(--mod-border-secondary)';
+focus: 'var(--mod-border-focus)';
+};
+
+declare const border$2: Border$2;
+
+type Status$2 = {
+active: {
+dark: 'var(--mod-status-active-dark)';
+default: 'var(--mod-status-active-default)';
+light: 'var(--mod-status-active-light)';
+transparent: 'var(--mod-status-active-transparent)';
+border: 'var(--mod-status-active-border)';
+};
+queued: {
+dark: 'var(--mod-status-queued-dark)';
+default: 'var(--mod-status-queued-default)';
+light: 'var(--mod-status-queued-light)';
+transparent: 'var(--mod-status-queued-transparent)';
+border: 'var(--mod-status-queued-border-nested)';
+};
+canceled: {
+dark: 'var(--mod-status-canceled-dark)';
+default: 'var(--mod-status-canceled-default)';
+light: 'var(--mod-status-canceled-light)';
+transparent: 'var(--mod-status-canceled-transparent)';
+border: 'var(--mod-status-canceled-border)';
+};
+success: {
+border: 'var(--mod-status-success-border-nested)';
+light: 'var(--mod-status-success-light)';
+default: 'var(--mod-status-success-default)';
+transparent: 'var(--mod-status-success-transparent)';
+dark: 'var(--mod-status-success-dark)';
+};
+error: {
+border: 'var(--mod-status-error-border-nested)';
+light: 'var(--mod-status-error-light)';
+default: 'var(--mod-status-error-default)';
+transparent: 'var(--mod-status-error-transparent)';
+dark: 'var(--mod-status-error-dark)';
+};
+warning: {
+border: 'var(--mod-status-warning-border-nested)';
+light: 'var(--mod-status-warning-light)';
+default: 'var(--mod-status-warning-default)';
+transparent: 'var(--mod-status-warning-transparent)';
+dark: 'var(--mod-status-warning-dark)';
+};
+info: {
+border: 'var(--mod-status-info-border)';
+dark: 'var(--mod-status-info-dark)';
+default: 'var(--mod-status-info-default)';
+light: 'var(--mod-status-info-light)';
+transparent: 'var(--mod-status-info-transparent)';
+};
+neutral: {
+border: 'var(--mod-status-neutral-border)';
+dark: 'var(--mod-status-neutral-dark)';
+default: 'var(--mod-status-neutral-default)';
+light: 'var(--mod-status-neutral-light)';
+transparent: 'var(--mod-status-neutral-transparent)';
+};
+successText: 'var(--mod-status-success-text)';
+successTint: 'var(--mod-status-success-tint)';
+successBorder: 'var(--mod-status-success-border)';
+errorText: 'var(--mod-status-error-text)';
+errorTint: 'var(--mod-status-error-tint)';
+errorBorder: 'var(--mod-status-error-border)';
+warningText: 'var(--mod-status-warning-text)';
+warningTint: 'var(--mod-status-warning-tint)';
+warningBorder: 'var(--mod-status-warning-border)';
+queuedTint: 'var(--mod-status-queued-tint)';
+queuedBorder: 'var(--mod-status-queued-border)';
+};
+
+declare const status$2: Status$2;
+
+type Link$3 = {
+default: 'var(--mod-link-default)';
+hover: 'var(--mod-link-hover)';
+tint: 'var(--mod-link-tint)';
+tintBorder: 'var(--mod-link-tint-border)';
+};
+
+declare const link$3: Link$3;
+
+type Control$2 = {
+border: 'var(--mod-control-border)';
+borderSelected: 'var(--mod-control-border-selected)';
+glyph: 'var(--mod-control-glyph)';
+checkedBg: 'var(--mod-control-checked-bg)';
+checkedFg: 'var(--mod-control-checked-fg)';
+};
+
+declare const control$2: Control$2;
+
+type Progress$2 = {
+track: 'var(--mod-progress-track)';
+fill: 'var(--mod-progress-fill)';
+label: 'var(--mod-progress-label)';
+};
+
+declare const progress$2: Progress$2;
+
+type Illustration$2 = {
+panel: 'var(--mod-illustration-panel)';
+stroke: 'var(--mod-illustration-stroke)';
+strokeMuted: 'var(--mod-illustration-stroke-muted)';
+inset: 'var(--mod-illustration-inset)';
+accent: 'var(--mod-illustration-accent)';
+positive: 'var(--mod-illustration-positive)';
+};
+
+declare const illustration$2: Illustration$2;
+
+type Dataviz$2 = {
+categorical: {
+coral: 'var(--mod-dataviz-categorical-coral)';
+orange: 'var(--mod-dataviz-categorical-orange)';
+tangerine: 'var(--mod-dataviz-categorical-tangerine)';
+gold: 'var(--mod-dataviz-categorical-gold)';
+green: 'var(--mod-dataviz-categorical-green)';
+periwinkle: 'var(--mod-dataviz-categorical-periwinkle)';
+teal: 'var(--mod-dataviz-categorical-teal)';
+lilac: 'var(--mod-dataviz-categorical-lilac)';
+magenta: 'var(--mod-dataviz-categorical-magenta)';
+lime: 'var(--mod-dataviz-categorical-lime)';
+};
+boundary: {
+coral: 'var(--mod-dataviz-boundary-coral)';
+orange: 'var(--mod-dataviz-boundary-orange)';
+tangerine: 'var(--mod-dataviz-boundary-tangerine)';
+gold: 'var(--mod-dataviz-boundary-gold)';
+green: 'var(--mod-dataviz-boundary-green)';
+na: 'var(--mod-dataviz-boundary-na)';
+periwinkle: 'var(--mod-dataviz-boundary-periwinkle)';
+teal: 'var(--mod-dataviz-boundary-teal)';
+lilac: 'var(--mod-dataviz-boundary-lilac)';
+magenta: 'var(--mod-dataviz-boundary-magenta)';
+lime: 'var(--mod-dataviz-boundary-lime)';
+};
+na: 'var(--mod-dataviz-na)';
+grid: 'var(--mod-dataviz-grid)';
+};
+
+declare const dataviz$2: Dataviz$2;
+
+type Toast$2 = {
+successText: 'var(--mod-toast-success-text)';
+successBg: 'var(--mod-toast-success-bg)';
+successBorder: 'var(--mod-toast-success-border)';
+warningText: 'var(--mod-toast-warning-text)';
+warningBg: 'var(--mod-toast-warning-bg)';
+warningBorder: 'var(--mod-toast-warning-border)';
+errorText: 'var(--mod-toast-error-text)';
+errorBg: 'var(--mod-toast-error-bg)';
+errorBorder: 'var(--mod-toast-error-border)';
+infoText: 'var(--mod-toast-info-text)';
+infoBg: 'var(--mod-toast-info-bg)';
+infoBorder: 'var(--mod-toast-info-border)';
+};
+
+declare const toast$2: Toast$2;
+
+type Surface$2 = {
+canvasChrome: 'var(--mod-surface-canvas-chrome)';
+canvasContent: 'var(--mod-surface-canvas-content)';
+field: 'var(--mod-surface-field)';
+sunken: 'var(--mod-surface-sunken)';
+sunken2: 'var(--mod-surface-sunken2)';
+rowHover: 'var(--mod-surface-row-hover)';
+scrim: 'var(--mod-surface-scrim)';
+tooltip: 'var(--mod-surface-tooltip)';
+cardFrosted: 'var(--mod-surface-card-frosted)';
+};
+
+declare const surface$2: Surface$2;
+
+type Text$2 = {
+primary: 'var(--mod-text-primary)';
+muted: 'var(--mod-text-muted)';
+link: 'var(--mod-text-link)';
+tabActive: 'var(--mod-text-tab-active)';
+onPrimary: 'var(--mod-text-on-primary)';
+codePrimary: 'var(--mod-text-code-primary)';
+codeSecondary: 'var(--mod-text-code-secondary)';
+inputPlaceholder: 'var(--mod-text-input-placeholder)';
+};
+
+declare const text$2: Text$2;
+
+type Button$3 = {
+primaryBg: 'var(--mod-button-primary-bg)';
+primaryFg: 'var(--mod-button-primary-fg)';
+primaryBgHover: 'var(--mod-button-primary-bg-hover)';
+destructiveBg: 'var(--mod-button-destructive-bg)';
+destructiveBgHover: 'var(--mod-button-destructive-bg-hover)';
+};
+
+declare const button$3: Button$3;
+
+type Data$3 = {
+periwinkle: 'var(--mod-data-periwinkle)';
+teal: 'var(--mod-data-teal)';
+lilac: 'var(--mod-data-lilac)';
+coral: 'var(--mod-data-coral)';
+green: 'var(--mod-data-green)';
+yellow: 'var(--mod-data-yellow)';
+orange1: 'var(--mod-data-orange1)';
+orange2: 'var(--mod-data-orange2)';
+orange3: 'var(--mod-data-orange3)';
+red1: 'var(--mod-data-red1)';
+red2: 'var(--mod-data-red2)';
+red3: 'var(--mod-data-red3)';
+};
+
+declare const data$3: Data$3;
+
+type Skeleton$2 = {
+background: 'var(--mod-skeleton-background)';
+wave: 'var(--mod-skeleton-wave)';
+};
+
+declare const skeleton$2: Skeleton$2;
+
+type Accent$2 = {
+default: 'var(--mod-accent-default)';
+deep: 'var(--mod-accent-deep)';
+tint: 'var(--mod-accent-tint)';
+border: 'var(--mod-accent-border)';
+primaryFg: 'var(--mod-accent-primary-fg)';
+glow: 'var(--mod-accent-glow)';
+glowSecondary: 'var(--mod-accent-glow-secondary)';
+};
+
+declare const accent$2: Accent$2;
+
+type Role$2 = {
+violetBorder: 'var(--mod-role-violet-border)';
+magentaTint: 'var(--mod-role-magenta-tint)';
+magentaText: 'var(--mod-role-magenta-text)';
+magentaBorder: 'var(--mod-role-magenta-border)';
+tealTint: 'var(--mod-role-teal-tint)';
+tealText: 'var(--mod-role-teal-text)';
+tealBorder: 'var(--mod-role-teal-border)';
+violetTint: 'var(--mod-role-violet-tint)';
+violetText: 'var(--mod-role-violet-text)';
+};
+
+declare const role$2: Role$2;
+
+type Avatar$2 = {
+userDefaultBg: 'var(--mod-avatar-user-default-bg)';
+userDefaultText: 'var(--mod-avatar-user-default-text)';
+initials: {
+text1: 'var(--mod-avatar-initials-text1)';
+text2: 'var(--mod-avatar-initials-text2)';
+text3: 'var(--mod-avatar-initials-text3)';
+text4: 'var(--mod-avatar-initials-text4)';
+text5: 'var(--mod-avatar-initials-text5)';
+text6: 'var(--mod-avatar-initials-text6)';
+text7: 'var(--mod-avatar-initials-text7)';
+border1: 'var(--mod-avatar-initials-border1)';
+border2: 'var(--mod-avatar-initials-border2)';
+border3: 'var(--mod-avatar-initials-border3)';
+border4: 'var(--mod-avatar-initials-border4)';
+border5: 'var(--mod-avatar-initials-border5)';
+border6: 'var(--mod-avatar-initials-border6)';
+border7: 'var(--mod-avatar-initials-border7)';
+background1: 'var(--mod-avatar-initials-background1)';
+background2: 'var(--mod-avatar-initials-background2)';
+background3: 'var(--mod-avatar-initials-background3)';
+background4: 'var(--mod-avatar-initials-background4)';
+background5: 'var(--mod-avatar-initials-background5)';
+background6: 'var(--mod-avatar-initials-background6)';
+background7: 'var(--mod-avatar-initials-background7)';
+};
+};
+
+declare const avatar$2: Avatar$2;
+
+type Input$3 = {
+radio: 'var(--mod-input-radio)';
+checkbox: 'var(--mod-input-checkbox)';
+hoverBackground: 'var(--mod-input-hover-background)';
+background: 'var(--mod-input-background)';
+disabledBackground: 'var(--mod-input-disabled-background)';
+};
+
+declare const input$3: Input$3;
+
+type Buttons$2 = {
+primary: {
+hover: 'var(--mod-buttons-primary-hover)';
+disabled: 'var(--mod-buttons-primary-disabled)';
+pressed: 'var(--mod-buttons-primary-pressed)';
+default: 'var(--mod-buttons-primary-default)';
+};
+secondary: {
+defaultBorder: 'var(--mod-buttons-secondary-default-border)';
+hoverBackground: 'var(--mod-buttons-secondary-hover-background)';
+pressedBackground: 'var(--mod-buttons-secondary-pressed-background)';
+disabledBackground: 'var(--mod-buttons-secondary-disabled-background)';
+defaultBackground: 'var(--mod-buttons-secondary-default-background)';
+default: 'var(--mod-buttons-secondary-default)';
+};
+tertiary: {
+default: 'var(--mod-buttons-tertiary-default)';
+hover: 'var(--mod-buttons-tertiary-hover)';
+pressed: 'var(--mod-buttons-tertiary-pressed)';
+disabled: 'var(--mod-buttons-tertiary-disabled)';
+};
+destructive: 'var(--mod-buttons-destructive)';
+navigation: {
+active: 'var(--mod-buttons-navigation-active)';
+defaultBorder: 'var(--mod-buttons-navigation-default-border)';
+hoverBackground: 'var(--mod-buttons-navigation-hover-background)';
+pressedBackground: 'var(--mod-buttons-navigation-pressed-background)';
+activeBorder: 'var(--mod-buttons-navigation-active-border)';
+};
+};
+
+declare const buttons$2: Buttons$2;
+
+type Activity$2 = {
+recipeRun: 'var(--mod-activity-recipe-run)';
+commitJob: 'var(--mod-activity-commit-job)';
+visualization: 'var(--mod-activity-visualization)';
+};
+
+declare const activity$2: Activity$2;
+
+type Tab$3 = {
+secondaryBackground: 'var(--mod-tab-secondary-background)';
+};
+
+declare const tab$3: Tab$3;
+
+type Code$2 = {
+background: 'var(--mod-code-background)';
+};
+
+declare const code$2: Code$2;
+
+declare const brand$2: 'var(--mod-brand)';
+
+declare const _default$7: {
+icons: typeof icons$2,
+surfaces: typeof surfaces$2,
+typography: typeof typography$2,
+border: typeof border$2,
+status: typeof status$2,
+link: typeof link$3,
+control: typeof control$2,
+progress: typeof progress$2,
+illustration: typeof illustration$2,
+dataviz: typeof dataviz$2,
+toast: typeof toast$2,
+surface: typeof surface$2,
+text: typeof text$2,
+button: typeof button$3,
+data: typeof data$3,
+skeleton: typeof skeleton$2,
+accent: typeof accent$2,
+role: typeof role$2,
+avatar: typeof avatar$2,
+input: typeof input$3,
+buttons: typeof buttons$2,
+activity: typeof activity$2,
+tab: typeof tab$3,
+code: typeof code$2,
+brand: typeof brand$2,
+};
+
+declare namespace semanticColors_d {
+  export { accent$2 as accent, activity$2 as activity, avatar$2 as avatar, border$2 as border, brand$2 as brand, button$3 as button, buttons$2 as buttons, code$2 as code, control$2 as control, data$3 as data, dataviz$2 as dataviz, _default$7 as default, icons$2 as icons, illustration$2 as illustration, input$3 as input, link$3 as link, progress$2 as progress, role$2 as role, skeleton$2 as skeleton, status$2 as status, surface$2 as surface, surfaces$2 as surfaces, tab$3 as tab, text$2 as text, toast$2 as toast, typography$2 as typography };
+  export type { Accent$2 as Accent, Activity$2 as Activity, Avatar$2 as Avatar, Border$2 as Border, Button$3 as Button, Buttons$2 as Buttons, Code$2 as Code, Control$2 as Control, Data$3 as Data, Dataviz$2 as Dataviz, Icons$2 as Icons, Illustration$2 as Illustration, Input$3 as Input, Link$3 as Link, Progress$2 as Progress, Role$2 as Role, Skeleton$2 as Skeleton, Status$2 as Status, Surface$2 as Surface, Surfaces$2 as Surfaces, Tab$3 as Tab, Text$2 as Text, Toast$2 as Toast, Typography$2 as Typography };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Icons$1 = {
+hoverBorder: 'rgba(127, 169, 249, 0.4)';
+pressedBackground: 'rgba(127, 169, 249, 0.16)';
+inverse: '#232342';
+hover: '#7fa9f9';
+hoverBackground: 'rgba(127, 169, 249, 0.16)';
+disabled: 'rgba(240, 240, 246, 0.08)';
+placeholder: '#9c9ca8';
+pressed: '#73aaff';
+utility: '#9c9ca8';
+default: '#f1f0ea';
+active: '#73aaff';
+};
+
+declare const icons$1: Icons$1;
+
+type Surfaces$1 = {
+highlightBackground: 'rgba(127, 169, 249, 0.16)';
+activeHighlight: 'rgba(62, 123, 246, 0.1)';
+dataGrid: {
+header: '#2d2d36';
+selected: 'rgba(127, 169, 249, 0.16)';
+selectedHover: 'rgba(127, 169, 249, 0.16)';
+hover: '#2e2e38';
+default: '#26262e';
+border: 'rgba(240, 240, 246, 0.12)';
+borderStrong: 'rgba(240, 240, 246, 0.38)';
+stripe: '#222229';
+focused: 'rgba(127, 169, 249, 0.16)';
+pinned: '#2a2a32';
+disabled: '#1b1b21';
+background: '#26262e';
+};
+toggleKnob: '#8c8c96';
+page: '#141419';
+card: '#26262e';
+cardHeader: '#2d2d36';
+tabActive: '#26262e';
+listHover: '#2e2e38';
+shadowNeutral: 'rgba(0, 0, 0, 0.6)';
+shadowPrimary: 'rgba(16, 24, 128, 0.4)';
+tooltip: '#f1f0ea';
+scrim: 'rgba(0, 0, 0, 0.5)';
+tabSecondaryBackground: '#2d2d35';
+snackbarDarkMode: '#f1f0ea';
+snackbarBrand: '#131e7a';
+snackbarLightMode: '#33333d';
+white: '#26262e';
+black: '#17171c';
+};
+
+declare const surfaces$1: Surfaces$1;
+
+type Typography$1 = {
+searchInputBackground: '#222229';
+linkDefault: '#73aaff';
+linkHover: '#f2f3ff';
+navigation: {
+search: {
+highlightText: '#7fa9f9';
+highlightBackground: 'rgba(62, 123, 246, 0.16)';
+inputBackground: '#222229';
+highlightBackgroundActive: 'rgba(62, 123, 246, 0.35)';
+};
+default: '#f1f0ea';
+};
+linkWhite: '#ffffff';
+linkWhiteHover: '#ffffff';
+tab: {
+disabled: '#9c9ca8';
+inactive: '#f1f0ea';
+active: '#7fa9f9';
+};
+tooltip: {
+secondary: '#9c9ca8';
+default: '#232342';
+};
+input: {
+placeholder: '#9c9ca8';
+default: '#f1f0ea';
+label: '#f1f0ea';
+helper: '#9c9ca8';
+};
+code: {
+primary: '#f1f0ea';
+secondary: '#9c9ca8';
+};
+button: {
+disabled: '#9c9ca8';
+};
+link: {
+primary: '#73aaff';
+disabled: '#75757f';
+default: '#73aaff';
+white: '#f9fafb';
+};
+error: '#fa826f';
+success: '#30f284';
+warning: '#ffa83d';
+legal: '#9c9ca8';
+bodySecondary: '#b9b9c6';
+body: '#f1f0ea';
+};
+
+declare const typography$1: Typography$1;
+
+type Border$1 = {
+overlay: 'rgba(240, 240, 246, 0.08)';
+subtle: 'rgba(240, 240, 246, 0.08)';
+strong: 'rgba(240, 240, 246, 0.38)';
+hairline: 'rgba(240, 240, 246, 0.12)';
+primary: 'rgba(240, 240, 246, 0.12)';
+secondary: 'rgba(240, 240, 246, 0.12)';
+focus: '#7fa9f9';
+};
+
+declare const border$1: Border$1;
+
+type Status$1 = {
+active: {
+dark: '#9b73f0';
+default: '#825ae1';
+light: '#231d34';
+transparent: 'rgba(125, 85, 220, 0.45)';
+border: '#402e66';
+};
+queued: {
+dark: '#b99bf2';
+default: '#a07deb';
+light: '#28223a';
+transparent: 'rgba(145, 110, 230, 0.45)';
+border: '#4d3b6b';
+};
+canceled: {
+dark: '#a59b8a';
+default: '#948876';
+light: '#232224';
+transparent: 'rgba(148, 136, 118, 0.35)';
+border: '#474033';
+};
+success: {
+border: '#264d33';
+light: '#192f26';
+default: '#37c36e';
+transparent: 'rgba(55, 195, 110, 0.45)';
+dark: '#30f284';
+};
+error: {
+border: '#612921';
+light: '#2e1b1b';
+default: '#eb4b2d';
+transparent: 'rgba(235, 75, 45, 0.42)';
+dark: '#fa826f';
+};
+warning: {
+border: '#59451a';
+light: '#34281d';
+default: '#f0a028';
+transparent: 'rgba(240, 160, 40, 0.45)';
+dark: '#e8ba4c';
+};
+info: {
+border: '#263b61';
+dark: '#69aaf0';
+default: '#468ee4';
+light: '#1a2435';
+transparent: 'rgba(65, 135, 225, 0.42)';
+};
+neutral: {
+border: '#423d38';
+dark: '#aca598';
+default: '#9b9487';
+light: '#242326';
+transparent: 'rgba(155, 148, 135, 0.38)';
+};
+successText: '#30f284';
+successTint: 'rgba(48, 242, 132, 0.13)';
+successBorder: 'rgba(48, 242, 132, 0.55)';
+errorText: '#fa826f';
+errorTint: 'rgba(252, 71, 50, 0.12)';
+errorBorder: 'rgba(252, 71, 50, 0.42)';
+warningText: '#e8ba4c';
+warningTint: 'rgba(255, 168, 61, 0.12)';
+warningBorder: 'rgba(255, 168, 61, 0.5)';
+queuedTint: 'rgba(157, 91, 232, 0.16)';
+queuedBorder: 'rgba(157, 91, 232, 0.45)';
+};
+
+declare const status$1: Status$1;
+
+type Link$2 = {
+default: '#7fa9f9';
+hover: '#7fa9f9';
+tint: 'rgba(127, 169, 249, 0.16)';
+tintBorder: 'rgba(127, 169, 249, 0.4)';
+};
+
+declare const link$2: Link$2;
+
+type Control$1 = {
+border: 'rgba(240, 240, 246, 0.38)';
+borderSelected: '#7fa9f9';
+glyph: '#7fa9f9';
+checkedBg: '#7fa9f9';
+checkedFg: '#0b1220';
+};
+
+declare const control$1: Control$1;
+
+type Progress$1 = {
+track: 'rgba(127, 169, 249, 0.16)';
+fill: '#7fa9f9';
+label: '#7fa9f9';
+};
+
+declare const progress$1: Progress$1;
+
+type Illustration$1 = {
+panel: '#26262e';
+stroke: 'rgba(240, 240, 246, 0.38)';
+strokeMuted: '#9c9ca8';
+inset: '#2a2a32';
+accent: '#8ca0f5';
+positive: '#30f284';
+};
+
+declare const illustration$1: Illustration$1;
+
+type Dataviz$1 = {
+categorical: {
+coral: '#ff6f61';
+orange: '#ff8f52';
+tangerine: '#ffa83d';
+gold: '#ffd34d';
+green: '#30f284';
+periwinkle: '#8ca0f5';
+teal: '#25d0c0';
+lilac: '#b39deb';
+magenta: '#e6399b';
+lime: '#c7e84b';
+};
+boundary: {
+coral: '#a63325';
+orange: '#a34e14';
+tangerine: '#935b00';
+gold: '#806a00';
+green: '#1d5937';
+na: '#75757f';
+periwinkle: '#16306b';
+teal: '#0e4a45';
+lilac: '#3f1340';
+magenta: '#7a1e52';
+lime: '#4f5a12';
+};
+na: '#75757f';
+grid: 'rgba(240, 240, 246, 0.12)';
+};
+
+declare const dataviz$1: Dataviz$1;
+
+type Toast$1 = {
+successText: '#4ade80';
+successBg: '#0f2015';
+successBorder: '#1e3a28';
+warningText: '#e3b341';
+warningBg: '#211d0c';
+warningBorder: '#3a3316';
+errorText: '#f76a62';
+errorBg: '#2a1012';
+errorBorder: '#4a1d1e';
+infoText: '#7fa9f9';
+infoBg: '#101a2e';
+infoBorder: '#1e3a6b';
+};
+
+declare const toast$1: Toast$1;
+
+type Surface$1 = {
+canvasChrome: '#141419';
+canvasContent: '#1b1b21';
+field: '#222229';
+sunken: '#2a2a32';
+sunken2: '#33333d';
+rowHover: '#2e2e38';
+scrim: 'rgba(15, 15, 20, 0.45)';
+tooltip: '#2d2d36';
+cardFrosted: 'rgba(38, 38, 46, 0.78)';
+};
+
+declare const surface$1: Surface$1;
+
+type Text$1 = {
+primary: '#f1f0ea';
+muted: '#b9b9c6';
+link: '#73aaff';
+tabActive: '#7fa9f9';
+onPrimary: '#17171c';
+codePrimary: '#e9eaf2';
+codeSecondary: '#9598ac';
+inputPlaceholder: '#9c9ca8';
+};
+
+declare const text$1: Text$1;
+
+type Button$2 = {
+primaryBg: '#f1f0ea';
+primaryFg: '#17171c';
+primaryBgHover: '#fbfaf6';
+destructiveBg: '#fa826f';
+destructiveBgHover: '#f0b4ac';
+};
+
+declare const button$2: Button$2;
+
+type Data$2 = {
+periwinkle: '#8ca0f5';
+teal: '#25d0c0';
+lilac: '#b39deb';
+coral: '#ff6f61';
+green: '#30f284';
+yellow: '#ffd34d';
+orange1: '#ffa83d';
+orange2: '#ff8f52';
+orange3: '#ff6f61';
+red1: '#fa826f';
+red2: '#c9291c';
+red3: '#a63325';
+};
+
+declare const data$2: Data$2;
+
+type Skeleton$1 = {
+background: '#33333d';
+wave: 'rgba(255, 255, 255, 0.08)';
+};
+
+declare const skeleton$1: Skeleton$1;
+
+type Accent$1 = {
+default: '#7fa9f9';
+deep: '#7fa9f9';
+tint: 'rgba(127, 169, 249, 0.16)';
+border: 'rgba(127, 169, 249, 0.4)';
+primaryFg: '#ffffff';
+glow: 'rgba(62, 123, 246, 0.18)';
+glowSecondary: 'rgba(157, 91, 232, 0.2)';
+};
+
+declare const accent$1: Accent$1;
+
+type Role$1 = {
+violetBorder: 'rgba(157, 91, 232, 0.45)';
+magentaTint: 'rgba(230, 57, 155, 0.14)';
+magentaText: '#e6399b';
+magentaBorder: 'rgba(230, 57, 155, 0.4)';
+tealTint: 'rgba(37, 208, 192, 0.16)';
+tealText: '#25d0c0';
+tealBorder: 'rgba(37, 208, 192, 0.42)';
+violetTint: 'rgba(157, 91, 232, 0.16)';
+violetText: '#9d5be8';
+};
+
+declare const role$1: Role$1;
+
+type Avatar$1 = {
+userDefaultBg: '#30f284';
+userDefaultText: '#1d5937';
+initials: {
+text1: '#9d5be8';
+text2: '#30f284';
+text3: '#ffa83d';
+text4: '#e6399b';
+text5: '#9d5be8';
+text6: '#25d0c0';
+text7: '#3e7bf6';
+border1: 'rgba(157, 91, 232, 0.45)';
+border2: 'rgba(48, 242, 132, 0.42)';
+border3: 'rgba(255, 168, 61, 0.42)';
+border4: 'rgba(230, 57, 155, 0.4)';
+border5: 'rgba(157, 91, 232, 0.45)';
+border6: 'rgba(37, 208, 192, 0.42)';
+border7: 'rgba(62, 123, 246, 0.4)';
+background1: 'rgba(157, 91, 232, 0.16)';
+background2: 'rgba(48, 242, 132, 0.16)';
+background3: 'rgba(255, 168, 61, 0.16)';
+background4: 'rgba(230, 57, 155, 0.14)';
+background5: 'rgba(157, 91, 232, 0.16)';
+background6: 'rgba(37, 208, 192, 0.16)';
+background7: 'rgba(62, 123, 246, 0.16)';
+};
+};
+
+declare const avatar$1: Avatar$1;
+
+type Input$2 = {
+radio: '#73aaff';
+checkbox: '#73aaff';
+hoverBackground: '#222229';
+background: '#222229';
+disabledBackground: '#222229';
+};
+
+declare const input$2: Input$2;
+
+type Buttons$1 = {
+primary: {
+hover: '#fbfaf6';
+disabled: '#2d2d36';
+pressed: '#fbfaf6';
+default: '#f1f0ea';
+};
+secondary: {
+defaultBorder: 'rgba(240, 240, 246, 0.38)';
+hoverBackground: '#2a2a32';
+pressedBackground: '#33333d';
+disabledBackground: '#222229';
+defaultBackground: '#222229';
+default: '#f1f0ea';
+};
+tertiary: {
+default: '#f1f0ea';
+hover: '#f1f0ea';
+pressed: '#f1f0ea';
+disabled: '#9c9ca8';
+};
+destructive: '#fa826f';
+navigation: {
+active: 'rgba(127, 169, 249, 0.16)';
+defaultBorder: 'rgba(127, 169, 249, 0.4)';
+hoverBackground: 'rgba(127, 169, 249, 0.16)';
+pressedBackground: 'rgba(127, 169, 249, 0.16)';
+activeBorder: '#7fa9f9';
+};
+};
+
+declare const buttons$1: Buttons$1;
+
+type Activity$1 = {
+recipeRun: '#9d5be8';
+commitJob: '#7fa9f9';
+visualization: '#25d0c0';
+};
+
+declare const activity$1: Activity$1;
+
+type Tab$2 = {
+secondaryBackground: '#2d2d36';
+};
+
+declare const tab$2: Tab$2;
+
+type Code$1 = {
+background: '#2a2a32';
+};
+
+declare const code$1: Code$1;
+
+declare const brand$1: '#7fa9f9';
+
+declare const _default$6: {
+icons: typeof icons$1,
+surfaces: typeof surfaces$1,
+typography: typeof typography$1,
+border: typeof border$1,
+status: typeof status$1,
+link: typeof link$2,
+control: typeof control$1,
+progress: typeof progress$1,
+illustration: typeof illustration$1,
+dataviz: typeof dataviz$1,
+toast: typeof toast$1,
+surface: typeof surface$1,
+text: typeof text$1,
+button: typeof button$2,
+data: typeof data$2,
+skeleton: typeof skeleton$1,
+accent: typeof accent$1,
+role: typeof role$1,
+avatar: typeof avatar$1,
+input: typeof input$2,
+buttons: typeof buttons$1,
+activity: typeof activity$1,
+tab: typeof tab$2,
+code: typeof code$1,
+brand: typeof brand$1,
+};
+
+declare namespace semanticColorsDark_d {
+  export { accent$1 as accent, activity$1 as activity, avatar$1 as avatar, border$1 as border, brand$1 as brand, button$2 as button, buttons$1 as buttons, code$1 as code, control$1 as control, data$2 as data, dataviz$1 as dataviz, _default$6 as default, icons$1 as icons, illustration$1 as illustration, input$2 as input, link$2 as link, progress$1 as progress, role$1 as role, skeleton$1 as skeleton, status$1 as status, surface$1 as surface, surfaces$1 as surfaces, tab$2 as tab, text$1 as text, toast$1 as toast, typography$1 as typography };
+  export type { Accent$1 as Accent, Activity$1 as Activity, Avatar$1 as Avatar, Border$1 as Border, Button$2 as Button, Buttons$1 as Buttons, Code$1 as Code, Control$1 as Control, Data$2 as Data, Dataviz$1 as Dataviz, Icons$1 as Icons, Illustration$1 as Illustration, Input$2 as Input, Link$2 as Link, Progress$1 as Progress, Role$1 as Role, Skeleton$1 as Skeleton, Status$1 as Status, Surface$1 as Surface, Surfaces$1 as Surfaces, Tab$2 as Tab, Text$1 as Text, Toast$1 as Toast, Typography$1 as Typography };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Icons = {
+hoverBorder: 'rgba(62, 123, 246, 0.3)';
+pressedBackground: 'rgba(62, 123, 246, 0.1)';
+inverse: '#f1f0ea';
+hover: '#1055e2';
+hoverBackground: 'rgba(62, 123, 246, 0.1)';
+disabled: 'rgba(35, 35, 66, 0.08)';
+placeholder: '#62627a';
+pressed: '#0046b5';
+utility: '#62627a';
+default: '#232342';
+active: '#0046b5';
+};
+
+declare const icons: Icons;
+
+type Surfaces = {
+highlightBackground: 'rgba(62, 123, 246, 0.1)';
+activeHighlight: 'rgba(182, 191, 255, 0.4)';
+dataGrid: {
+header: '#f2efe7';
+selected: 'rgba(62, 123, 246, 0.1)';
+selectedHover: 'rgba(62, 123, 246, 0.1)';
+hover: '#f4f2eb';
+default: '#fbfaf6';
+border: 'rgba(35, 35, 66, 0.12)';
+borderStrong: 'rgba(35, 35, 66, 0.5)';
+stripe: '#f4f2eb';
+focused: 'rgba(62, 123, 246, 0.1)';
+pinned: '#f2f0ea';
+disabled: '#edebe2';
+background: '#fbfaf6';
+};
+toggleKnob: '#fbfaf6';
+page: '#f2f0ea';
+card: '#fbfaf6';
+cardHeader: '#f2efe7';
+tabActive: '#fbfaf6';
+listHover: '#f4f2eb';
+shadowNeutral: 'rgba(31, 41, 55, 0.1)';
+shadowPrimary: 'rgba(47, 66, 255, 0.1)';
+tooltip: '#4b5563';
+scrim: 'rgba(31, 41, 55, 0.2)';
+tabSecondaryBackground: '#dfddd1';
+snackbarDarkMode: '#fbefed';
+snackbarBrand: '#131e7a';
+snackbarLightMode: '#eaf6ec';
+white: '#fbfaf6';
+black: '#17171c';
+};
+
+declare const surfaces: Surfaces;
+
+type Typography = {
+searchInputBackground: '#ffffff';
+linkDefault: '#0046b5';
+linkHover: '#2637e6';
+navigation: {
+search: {
+highlightText: '#1055e2';
+highlightBackground: 'rgba(47, 66, 255, 0)';
+inputBackground: '#f2f3ff';
+highlightBackgroundActive: '#dce0ff';
+};
+default: '#232342';
+};
+linkWhite: '#ffffff';
+linkWhiteHover: '#ffffff';
+tab: {
+disabled: '#6b7280';
+inactive: '#232342';
+active: '#1055e2';
+};
+tooltip: {
+secondary: '#62627a';
+default: '#ffffff';
+};
+input: {
+placeholder: '#6b7280';
+default: '#232342';
+label: '#232342';
+helper: '#62627a';
+};
+code: {
+primary: '#232342';
+secondary: '#62627a';
+};
+button: {
+disabled: '#6b7280';
+};
+link: {
+primary: '#0046b5';
+disabled: '#b6bfff';
+default: '#0046b5';
+white: '#ffffff';
+};
+error: '#c9291c';
+success: '#1d5937';
+warning: '#935b00';
+legal: '#9ca3af';
+bodySecondary: '#4d4d60';
+body: '#232342';
+};
+
+declare const typography: Typography;
+
+type Border = {
+overlay: 'rgba(255, 255, 255, 0)';
+subtle: 'rgba(35, 35, 66, 0.08)';
+strong: 'rgba(35, 35, 66, 0.5)';
+hairline: 'rgba(35, 35, 66, 0.12)';
+primary: 'rgba(35, 35, 66, 0.12)';
+secondary: 'rgba(35, 35, 66, 0.12)';
+focus: '#1055e2';
+};
+
+declare const border: Border;
+
+type Status = {
+active: {
+dark: '#5530a8';
+default: '#7048c8';
+light: '#ede8f8';
+transparent: 'rgba(85, 48, 168, 0.5)';
+border: '#c9bbea';
+};
+queued: {
+dark: '#7858c0';
+default: '#9472d4';
+light: '#f0ecf9';
+transparent: 'rgba(120, 88, 192, 0.5)';
+border: '#d2c6ed';
+};
+canceled: {
+dark: '#5c5040';
+default: '#7a6e5c';
+light: '#f2efea';
+transparent: 'rgba(92, 80, 64, 0.45)';
+border: '#d5cec3';
+};
+success: {
+border: '#bfe2c8';
+light: '#eef9f2';
+default: '#237341';
+transparent: 'rgba(29, 89, 55, 0.55)';
+dark: '#1d5937';
+};
+error: {
+border: '#f0b4ac';
+light: '#fbefed';
+default: '#d43c2a';
+transparent: 'rgba(201, 41, 28, 0.5)';
+dark: '#c9291c';
+};
+warning: {
+border: '#e6d9a8';
+light: '#fff1e0';
+default: '#b07210';
+transparent: 'rgba(147, 91, 0, 0.45)';
+dark: '#b68b12';
+};
+info: {
+border: '#c7d7f6';
+dark: '#1a4b8c';
+default: '#2668b5';
+light: '#e8f0fa';
+transparent: 'rgba(26, 75, 140, 0.5)';
+};
+neutral: {
+border: '#d1cfcb';
+dark: '#4a453e';
+default: '#706960';
+light: '#f0efed';
+transparent: 'rgba(74, 69, 62, 0.45)';
+};
+successText: '#1d5937';
+successTint: 'rgba(48, 242, 132, 0.15)';
+successBorder: 'rgba(29, 89, 55, 0.65)';
+errorText: '#c9291c';
+errorTint: '#fbefed';
+errorBorder: '#f0b4ac';
+warningText: '#b68b12';
+warningTint: 'rgba(255, 168, 61, 0.16)';
+warningBorder: 'rgba(147, 91, 0, 0.45)';
+queuedTint: 'rgba(157, 91, 232, 0.1)';
+queuedBorder: 'rgba(157, 91, 232, 0.35)';
+};
+
+declare const status: Status;
+
+type Link$1 = {
+default: '#1055e2';
+hover: '#1055e2';
+tint: 'rgba(62, 123, 246, 0.1)';
+tintBorder: 'rgba(62, 123, 246, 0.3)';
+};
+
+declare const link$1: Link$1;
+
+type Control = {
+border: 'rgba(35, 35, 66, 0.5)';
+borderSelected: '#1055e2';
+glyph: '#1055e2';
+checkedBg: '#1055e2';
+checkedFg: '#ffffff';
+};
+
+declare const control: Control;
+
+type Progress = {
+track: 'rgba(62, 123, 246, 0.1)';
+fill: '#1055e2';
+label: '#1055e2';
+};
+
+declare const progress: Progress;
+
+type Illustration = {
+panel: '#fbfaf6';
+stroke: 'rgba(35, 35, 66, 0.5)';
+strokeMuted: '#62627a';
+inset: '#edebe2';
+accent: '#3e5be8';
+positive: '#1d5937';
+};
+
+declare const illustration: Illustration;
+
+type Dataviz = {
+categorical: {
+coral: '#ff6f61';
+orange: '#ff8f52';
+tangerine: '#ffa83d';
+gold: '#ffd34d';
+green: '#30f284';
+periwinkle: '#3e5be8';
+teal: '#25d0c0';
+lilac: '#b39deb';
+magenta: '#e6399b';
+lime: '#c7e84b';
+};
+boundary: {
+coral: '#a63325';
+orange: '#a34e14';
+tangerine: '#935b00';
+gold: '#806a00';
+green: '#1d5937';
+na: '#82806f';
+periwinkle: '#16306b';
+teal: '#0e4a45';
+lilac: '#3f1340';
+magenta: '#7a1e52';
+lime: '#4f5a12';
+};
+na: '#dedbd0';
+grid: 'rgba(35, 35, 66, 0.12)';
+};
+
+declare const dataviz: Dataviz;
+
+type Toast = {
+successText: '#1d5937';
+successBg: '#eaf6ec';
+successBorder: '#bfe2c8';
+warningText: '#8f6c0c';
+warningBg: '#faf4e1';
+warningBorder: '#e6d9a8';
+errorText: '#c9291c';
+errorBg: '#fbefed';
+errorBorder: '#f0b4ac';
+infoText: '#1055e2';
+infoBg: '#eef3fc';
+infoBorder: '#c7d7f6';
+};
+
+declare const toast: Toast;
+
+type Surface = {
+canvasChrome: '#f2f0ea';
+canvasContent: '#fbfaf6';
+field: '#fbfaf6';
+sunken: '#edebe2';
+sunken2: '#e4e1d6';
+rowHover: '#f4f2eb';
+scrim: 'rgba(35, 35, 66, 0.14)';
+tooltip: '#2d2d36';
+cardFrosted: 'rgba(251, 250, 246, 0.78)';
+};
+
+declare const surface: Surface;
+
+type Text = {
+primary: '#232342';
+muted: '#4d4d60';
+link: '#0046b5';
+tabActive: '#16306b';
+onPrimary: '#fbfaf6';
+codePrimary: '#1b2230';
+codeSecondary: '#62627a';
+inputPlaceholder: '#62627a';
+};
+
+declare const text: Text;
+
+type Button$1 = {
+primaryBg: '#232342';
+primaryFg: '#fbfaf6';
+primaryBgHover: '#2c2c50';
+destructiveBg: '#c9291c';
+destructiveBgHover: '#a63325';
+};
+
+declare const button$1: Button$1;
+
+type Data$1 = {
+periwinkle: '#3e5be8';
+teal: '#25d0c0';
+lilac: '#b39deb';
+coral: '#ff6f61';
+green: '#30f284';
+yellow: '#ffd34d';
+orange1: '#ffa83d';
+orange2: '#ff8f52';
+orange3: '#ff6f61';
+red1: '#fa826f';
+red2: '#c9291c';
+red3: '#a63325';
+};
+
+declare const data$1: Data$1;
+
+type Skeleton = {
+background: '#e4e1d6';
+wave: 'rgba(255, 255, 255, 0.5)';
+};
+
+declare const skeleton: Skeleton;
+
+type Accent = {
+default: '#1055e2';
+deep: '#16306b';
+tint: 'rgba(62, 123, 246, 0.1)';
+border: 'rgba(62, 123, 246, 0.3)';
+primaryFg: '#ffffff';
+glow: 'rgba(157, 91, 232, 0.13)';
+glowSecondary: 'rgba(230, 57, 155, 0.16)';
+};
+
+declare const accent: Accent;
+
+type Role = {
+violetBorder: 'rgba(157, 91, 232, 0.35)';
+magentaTint: 'rgba(230, 57, 155, 0.14)';
+magentaText: '#e6399b';
+magentaBorder: 'rgba(230, 57, 155, 0.4)';
+tealTint: 'rgba(14, 74, 69, 0.16)';
+tealText: '#0e4a45';
+tealBorder: 'rgba(14, 74, 69, 0.42)';
+violetTint: 'rgba(157, 91, 232, 0.1)';
+violetText: '#9d5be8';
+};
+
+declare const role: Role;
+
+type Avatar = {
+userDefaultBg: '#232342';
+userDefaultText: '#fbfaf6';
+initials: {
+text1: '#9d5be8';
+text2: '#1d5937';
+text3: '#935b00';
+text4: '#e6399b';
+text5: '#7a1e52';
+text6: '#0e4a45';
+text7: '#1055e2';
+border1: 'rgba(157, 91, 232, 0.35)';
+border2: 'rgba(48, 242, 132, 0.35)';
+border3: 'rgba(255, 168, 61, 0.35)';
+border4: 'rgba(230, 57, 155, 0.4)';
+border5: 'rgba(157, 91, 232, 0.35)';
+border6: 'rgba(14, 74, 69, 0.42)';
+border7: 'rgba(62, 123, 246, 0.35)';
+background1: 'rgba(157, 91, 232, 0.1)';
+background2: 'rgba(48, 242, 132, 0.1)';
+background3: 'rgba(255, 168, 61, 0.1)';
+background4: 'rgba(230, 57, 155, 0.14)';
+background5: 'rgba(157, 91, 232, 0.1)';
+background6: 'rgba(14, 74, 69, 0.16)';
+background7: 'rgba(62, 123, 246, 0.1)';
+};
+};
+
+declare const avatar: Avatar;
+
+type Input$1 = {
+radio: '#0046b5';
+checkbox: '#0046b5';
+hoverBackground: '#f2f0ea';
+background: '#fbfaf6';
+disabledBackground: '#f9fafb';
+};
+
+declare const input$1: Input$1;
+
+type Buttons = {
+primary: {
+hover: '#2c2c50';
+disabled: '#f3f4f6';
+pressed: '#2c2c50';
+default: '#232342';
+};
+secondary: {
+defaultBorder: 'rgba(35, 35, 66, 0.5)';
+hoverBackground: '#edebe2';
+pressedBackground: '#e4e1d6';
+disabledBackground: '#f4f2eb';
+defaultBackground: '#fbfaf6';
+default: '#232342';
+};
+tertiary: {
+default: '#232342';
+hover: '#232342';
+pressed: '#232342';
+disabled: '#6b7280';
+};
+destructive: '#c9291c';
+navigation: {
+active: 'rgba(62, 123, 246, 0.1)';
+defaultBorder: 'rgba(62, 123, 246, 0.3)';
+hoverBackground: 'rgba(62, 123, 246, 0.1)';
+pressedBackground: 'rgba(62, 123, 246, 0.1)';
+activeBorder: '#1055e2';
+};
+};
+
+declare const buttons: Buttons;
+
+type Activity = {
+recipeRun: '#9d5be8';
+commitJob: '#1055e2';
+visualization: '#27aa88';
+};
+
+declare const activity: Activity;
+
+type Tab$1 = {
+secondaryBackground: '#e5e7eb';
+};
+
+declare const tab$1: Tab$1;
+
+type Code = {
+background: '#edebe2';
+};
+
+declare const code: Code;
+
+declare const brand: '#1055e2';
+
+declare const _default$5: {
+icons: typeof icons,
+surfaces: typeof surfaces,
+typography: typeof typography,
+border: typeof border,
+status: typeof status,
+link: typeof link$1,
+control: typeof control,
+progress: typeof progress,
+illustration: typeof illustration,
+dataviz: typeof dataviz,
+toast: typeof toast,
+surface: typeof surface,
+text: typeof text,
+button: typeof button$1,
+data: typeof data$1,
+skeleton: typeof skeleton,
+accent: typeof accent,
+role: typeof role,
+avatar: typeof avatar,
+input: typeof input$1,
+buttons: typeof buttons,
+activity: typeof activity,
+tab: typeof tab$1,
+code: typeof code,
+brand: typeof brand,
+};
+
+type semanticColorsLight_d_Accent = Accent;
+type semanticColorsLight_d_Activity = Activity;
+type semanticColorsLight_d_Avatar = Avatar;
+type semanticColorsLight_d_Border = Border;
+type semanticColorsLight_d_Buttons = Buttons;
+type semanticColorsLight_d_Code = Code;
+type semanticColorsLight_d_Control = Control;
+type semanticColorsLight_d_Dataviz = Dataviz;
+type semanticColorsLight_d_Icons = Icons;
+type semanticColorsLight_d_Illustration = Illustration;
+type semanticColorsLight_d_Progress = Progress;
+type semanticColorsLight_d_Role = Role;
+type semanticColorsLight_d_Skeleton = Skeleton;
+type semanticColorsLight_d_Status = Status;
+type semanticColorsLight_d_Surface = Surface;
+type semanticColorsLight_d_Surfaces = Surfaces;
+type semanticColorsLight_d_Text = Text;
+type semanticColorsLight_d_Toast = Toast;
+type semanticColorsLight_d_Typography = Typography;
+declare const semanticColorsLight_d_accent: typeof accent;
+declare const semanticColorsLight_d_activity: typeof activity;
+declare const semanticColorsLight_d_avatar: typeof avatar;
+declare const semanticColorsLight_d_border: typeof border;
+declare const semanticColorsLight_d_brand: typeof brand;
+declare const semanticColorsLight_d_buttons: typeof buttons;
+declare const semanticColorsLight_d_code: typeof code;
+declare const semanticColorsLight_d_control: typeof control;
+declare const semanticColorsLight_d_dataviz: typeof dataviz;
+declare const semanticColorsLight_d_icons: typeof icons;
+declare const semanticColorsLight_d_illustration: typeof illustration;
+declare const semanticColorsLight_d_progress: typeof progress;
+declare const semanticColorsLight_d_role: typeof role;
+declare const semanticColorsLight_d_skeleton: typeof skeleton;
+declare const semanticColorsLight_d_status: typeof status;
+declare const semanticColorsLight_d_surface: typeof surface;
+declare const semanticColorsLight_d_surfaces: typeof surfaces;
+declare const semanticColorsLight_d_text: typeof text;
+declare const semanticColorsLight_d_toast: typeof toast;
+declare const semanticColorsLight_d_typography: typeof typography;
+declare namespace semanticColorsLight_d {
+  export { semanticColorsLight_d_accent as accent, semanticColorsLight_d_activity as activity, semanticColorsLight_d_avatar as avatar, semanticColorsLight_d_border as border, semanticColorsLight_d_brand as brand, button$1 as button, semanticColorsLight_d_buttons as buttons, semanticColorsLight_d_code as code, semanticColorsLight_d_control as control, data$1 as data, semanticColorsLight_d_dataviz as dataviz, _default$5 as default, semanticColorsLight_d_icons as icons, semanticColorsLight_d_illustration as illustration, input$1 as input, link$1 as link, semanticColorsLight_d_progress as progress, semanticColorsLight_d_role as role, semanticColorsLight_d_skeleton as skeleton, semanticColorsLight_d_status as status, semanticColorsLight_d_surface as surface, semanticColorsLight_d_surfaces as surfaces, tab$1 as tab, semanticColorsLight_d_text as text, semanticColorsLight_d_toast as toast, semanticColorsLight_d_typography as typography };
+  export type { semanticColorsLight_d_Accent as Accent, semanticColorsLight_d_Activity as Activity, semanticColorsLight_d_Avatar as Avatar, semanticColorsLight_d_Border as Border, Button$1 as Button, semanticColorsLight_d_Buttons as Buttons, semanticColorsLight_d_Code as Code, semanticColorsLight_d_Control as Control, Data$1 as Data, semanticColorsLight_d_Dataviz as Dataviz, semanticColorsLight_d_Icons as Icons, semanticColorsLight_d_Illustration as Illustration, Input$1 as Input, Link$1 as Link, semanticColorsLight_d_Progress as Progress, semanticColorsLight_d_Role as Role, semanticColorsLight_d_Skeleton as Skeleton, semanticColorsLight_d_Status as Status, semanticColorsLight_d_Surface as Surface, semanticColorsLight_d_Surfaces as Surfaces, Tab$1 as Tab, semanticColorsLight_d_Text as Text, semanticColorsLight_d_Toast as Toast, semanticColorsLight_d_Typography as Typography };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Data = {
+default: {
+fontFamily: 'Geist Mono';
+fontSize: 12;
+fontWeight: 400;
+lineHeight: '1rem';
+};
+small: {
+fontFamily: 'Geist Mono';
+fontSize: 11;
+fontWeight: 400;
+lineHeight: '0.875rem';
+};
+};
+
+declare const data: Data;
+
+type Titles = {
+moddyHeader: {
+lineHeight: '2.125rem';
+fontFamily: 'Geist';
+fontSize: 28;
+fontWeight: 500;
+};
+pageHeader: {
+lineHeight: '2.125rem';
+fontFamily: 'Geist';
+fontSize: 18;
+fontWeight: 400;
+};
+pageSubheader: {
+lineHeight: '1.5rem';
+fontFamily: 'Geist';
+fontSize: 18;
+fontWeight: 500;
+};
+sectionHeader: {
+default: {
+lineHeight: '1.5rem';
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 400;
+};
+medium: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
+semiBold: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+};
+codeHeader: {
+lineHeight: '2rem';
+fontFamily: 'Geist Mono';
+fontSize: 24;
+fontWeight: 400;
+};
+};
+
+declare const titles: Titles;
+
+type Body = {
+small: {
+semiBold: {
+lineHeight: '1.3125rem';
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 600;
+};
+regular: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+medium: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
+};
+xs: {
+semiBold: {
+lineHeight: '1.125rem';
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 600;
+};
+regular: {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 400;
+lineHeight: '1rem';
+};
+medium: {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 500;
+lineHeight: '1rem';
+};
+};
+regular: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+code: {
+small: {
+fontFamily: 'Geist Mono';
+fontSize: 14;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+xs: {
+fontFamily: 'Geist Mono';
+fontSize: 12;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+};
+xxs: {
+fontFamily: 'Geist';
+fontSize: 10;
+fontWeight: 400;
+lineHeight: '1rem';
+};
+semiBold: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+medium: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
+};
+
+declare const body: Body;
+
+type NavigationLabel = {
+selected: {
+fontFamily: 'Geist';
+fontSize: 10;
+fontWeight: 500;
+lineHeight: '0.75rem';
+};
+default: {
+fontFamily: 'Geist';
+fontSize: 10;
+fontWeight: 500;
+lineHeight: '0.75rem';
+};
+};
+
+declare const navigationLabel: NavigationLabel;
+
+type Tab = {
+active: {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+inactive: {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+};
+
+declare const tab: Tab;
+
+type Button = {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 500;
+lineHeight: '1.25rem';
+};
+
+declare const button: Button;
+
+type Link = {
+hover: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 400;
+lineHeight: '1.5rem';
+textDecoration: 'underline';
+};
+default: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+smallHover: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 500;
+lineHeight: '1.5rem';
+textDecoration: 'underline';
+};
+small: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
+large: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+largeHover: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 600;
+lineHeight: '1.5rem';
+textDecoration: 'underline';
+};
+};
+
+declare const link: Link;
+
+type Chip = {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 500;
+lineHeight: '1rem';
+};
+
+declare const chip: Chip;
+
+type Table = {
+header: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+row: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+};
+
+declare const table: Table;
+
+type Input = {
+default: {
+fontFamily: 'Geist';
+fontSize: 16;
+fontWeight: 400;
+lineHeight: '1.5rem';
+};
+helper: {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 400;
+lineHeight: '1.25rem';
+};
+helperSearch: {
+fontFamily: 'Geist';
+fontSize: 14;
+fontWeight: 400;
+lineHeight: '1.25rem';
+};
+};
+
+declare const input: Input;
+
+type Tooltip = {
+fontFamily: 'Geist';
+fontSize: 12;
+fontWeight: 500;
+lineHeight: '1rem';
+};
+
+declare const tooltip: Tooltip;
+
+declare const _default$4: {
+data: typeof data,
+titles: typeof titles,
+body: typeof body,
+navigationLabel: typeof navigationLabel,
+tab: typeof tab,
+button: typeof button,
+link: typeof link,
+chip: typeof chip,
+table: typeof table,
+input: typeof input,
+tooltip: typeof tooltip,
+};
+
+type semanticTypography_d_Body = Body;
+type semanticTypography_d_Button = Button;
+type semanticTypography_d_Chip = Chip;
+type semanticTypography_d_Data = Data;
+type semanticTypography_d_Input = Input;
+type semanticTypography_d_Link = Link;
+type semanticTypography_d_NavigationLabel = NavigationLabel;
+type semanticTypography_d_Tab = Tab;
+type semanticTypography_d_Table = Table;
+type semanticTypography_d_Titles = Titles;
+type semanticTypography_d_Tooltip = Tooltip;
+declare const semanticTypography_d_body: typeof body;
+declare const semanticTypography_d_button: typeof button;
+declare const semanticTypography_d_chip: typeof chip;
+declare const semanticTypography_d_data: typeof data;
+declare const semanticTypography_d_input: typeof input;
+declare const semanticTypography_d_link: typeof link;
+declare const semanticTypography_d_navigationLabel: typeof navigationLabel;
+declare const semanticTypography_d_tab: typeof tab;
+declare const semanticTypography_d_table: typeof table;
+declare const semanticTypography_d_titles: typeof titles;
+declare const semanticTypography_d_tooltip: typeof tooltip;
+declare namespace semanticTypography_d {
+  export { semanticTypography_d_body as body, semanticTypography_d_button as button, semanticTypography_d_chip as chip, semanticTypography_d_data as data, _default$4 as default, semanticTypography_d_input as input, semanticTypography_d_link as link, semanticTypography_d_navigationLabel as navigationLabel, semanticTypography_d_tab as tab, semanticTypography_d_table as table, semanticTypography_d_titles as titles, semanticTypography_d_tooltip as tooltip };
+  export type { semanticTypography_d_Body as Body, semanticTypography_d_Button as Button, semanticTypography_d_Chip as Chip, semanticTypography_d_Data as Data, semanticTypography_d_Input as Input, semanticTypography_d_Link as Link, semanticTypography_d_NavigationLabel as NavigationLabel, semanticTypography_d_Tab as Tab, semanticTypography_d_Table as Table, semanticTypography_d_Titles as Titles, semanticTypography_d_Tooltip as Tooltip };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Neutral = {
+small: {
+x: 0;
+y: 1;
+blur: 3;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+regular: {
+x: 0;
+y: 2;
+blur: 4;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+medium: {
+x: 0;
+y: 8;
+blur: 15;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+large1: {
+x: 0;
+y: 4;
+blur: 4;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+large2: {
+x: 0;
+y: 8;
+blur: 24;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+};
+
+declare const neutral: Neutral;
+
+type Primary = {
+small: {
+x: 0;
+y: 1;
+blur: 3;
+spread: 0;
+shadow: 'rgba(47, 66, 255, 0.1)';
+};
+regular: {
+x: 0;
+y: 4;
+blur: 8;
+spread: 0;
+shadow: 'rgba(47, 66, 255, 0.1)';
+};
+medium: {
+x: 0;
+y: 8;
+blur: 15;
+spread: 0;
+shadow: 'rgba(47, 66, 255, 0.1)';
+};
+large: {
+x: 0;
+y: 8;
+blur: 24;
+spread: 0;
+shadow: 'rgba(47, 66, 255, 0.1)';
+};
+};
+
+declare const primary: Primary;
+
+type Card = {
+x: 0;
+y: 2;
+blur: 4;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+
+declare const card: Card;
+
+type HardLine = {
+x: 0;
+y: 1;
+blur: 2;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+
+declare const hardLine: HardLine;
+
+type Dropdown = {
+x: 0;
+y: 8;
+blur: 15;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+
+declare const dropdown: Dropdown;
+
+type Drawer = {
+x: 0;
+y: 8;
+blur: 15;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+
+declare const drawer: Drawer;
+
+type Modal = {
+x: 0;
+y: 8;
+blur: 15;
+spread: 0;
+shadow: 'rgba(31, 41, 55, 0.1)';
+};
+
+declare const modal: Modal;
+
+declare const _default$3: {
+neutral: typeof neutral,
+primary: typeof primary,
+card: typeof card,
+hardLine: typeof hardLine,
+dropdown: typeof dropdown,
+drawer: typeof drawer,
+modal: typeof modal,
+};
+
+type shadows_d_Card = Card;
+type shadows_d_Drawer = Drawer;
+type shadows_d_Dropdown = Dropdown;
+type shadows_d_HardLine = HardLine;
+type shadows_d_Modal = Modal;
+type shadows_d_Neutral = Neutral;
+type shadows_d_Primary = Primary;
+declare const shadows_d_card: typeof card;
+declare const shadows_d_drawer: typeof drawer;
+declare const shadows_d_dropdown: typeof dropdown;
+declare const shadows_d_hardLine: typeof hardLine;
+declare const shadows_d_modal: typeof modal;
+declare const shadows_d_neutral: typeof neutral;
+declare const shadows_d_primary: typeof primary;
+declare namespace shadows_d {
+  export { shadows_d_card as card, _default$3 as default, shadows_d_drawer as drawer, shadows_d_dropdown as dropdown, shadows_d_hardLine as hardLine, shadows_d_modal as modal, shadows_d_neutral as neutral, shadows_d_primary as primary };
+  export type { shadows_d_Card as Card, shadows_d_Drawer as Drawer, shadows_d_Dropdown as Dropdown, shadows_d_HardLine as HardLine, shadows_d_Modal as Modal, shadows_d_Neutral as Neutral, shadows_d_Primary as Primary };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+declare const spacing_1: 8;
+
+declare const spacing_2: 16;
+
+declare const spacing_3: 24;
+
+declare const spacing_4: 32;
+
+declare const spacing_5: 40;
+
+declare const spacing_6: 48;
+
+declare const spacing_7: 56;
+
+declare const spacing_8: 64;
+
+declare const spacing_9: 72;
+
+declare const spacing_10: 80;
+
+/**
+   * 2
+   */
+declare const spacing_1_4: 2;
+
+declare const spacing_1_2: 4;
+
+declare const spacing_3_4: 6;
+
+declare const spacing_1_1_4: 10;
+
+declare const spacing_1_1_2: 12;
+
+declare const spacing_1_3_4: 14;
+
+declare const spacing_2_3_4: 22;
+
+declare const spacing_2_1_2: 20;
+
+declare const spacing_2_1_4: 18;
+
+declare const spacing_3_3_4: 30;
+
+declare const spacing_3_1_2: 28;
+
+declare const spacing_3_1_4: 26;
+
+declare const spacing_5_1_2: 44;
+
+declare const spacing_5_1_4: 42;
+
+declare const _default$2: {
+spacing_1: typeof spacing_1,
+spacing_2: typeof spacing_2,
+spacing_3: typeof spacing_3,
+spacing_4: typeof spacing_4,
+spacing_5: typeof spacing_5,
+spacing_6: typeof spacing_6,
+spacing_7: typeof spacing_7,
+spacing_8: typeof spacing_8,
+spacing_9: typeof spacing_9,
+spacing_10: typeof spacing_10,
+spacing_1_4: typeof spacing_1_4,
+spacing_1_2: typeof spacing_1_2,
+spacing_3_4: typeof spacing_3_4,
+spacing_1_1_4: typeof spacing_1_1_4,
+spacing_1_1_2: typeof spacing_1_1_2,
+spacing_1_3_4: typeof spacing_1_3_4,
+spacing_2_3_4: typeof spacing_2_3_4,
+spacing_2_1_2: typeof spacing_2_1_2,
+spacing_2_1_4: typeof spacing_2_1_4,
+spacing_3_3_4: typeof spacing_3_3_4,
+spacing_3_1_2: typeof spacing_3_1_2,
+spacing_3_1_4: typeof spacing_3_1_4,
+spacing_5_1_2: typeof spacing_5_1_2,
+spacing_5_1_4: typeof spacing_5_1_4,
+};
+
+declare const spacing_d_spacing_1: typeof spacing_1;
+declare const spacing_d_spacing_10: typeof spacing_10;
+declare const spacing_d_spacing_1_1_2: typeof spacing_1_1_2;
+declare const spacing_d_spacing_1_1_4: typeof spacing_1_1_4;
+declare const spacing_d_spacing_1_2: typeof spacing_1_2;
+declare const spacing_d_spacing_1_3_4: typeof spacing_1_3_4;
+declare const spacing_d_spacing_1_4: typeof spacing_1_4;
+declare const spacing_d_spacing_2: typeof spacing_2;
+declare const spacing_d_spacing_2_1_2: typeof spacing_2_1_2;
+declare const spacing_d_spacing_2_1_4: typeof spacing_2_1_4;
+declare const spacing_d_spacing_2_3_4: typeof spacing_2_3_4;
+declare const spacing_d_spacing_3: typeof spacing_3;
+declare const spacing_d_spacing_3_1_2: typeof spacing_3_1_2;
+declare const spacing_d_spacing_3_1_4: typeof spacing_3_1_4;
+declare const spacing_d_spacing_3_3_4: typeof spacing_3_3_4;
+declare const spacing_d_spacing_3_4: typeof spacing_3_4;
+declare const spacing_d_spacing_4: typeof spacing_4;
+declare const spacing_d_spacing_5: typeof spacing_5;
+declare const spacing_d_spacing_5_1_2: typeof spacing_5_1_2;
+declare const spacing_d_spacing_5_1_4: typeof spacing_5_1_4;
+declare const spacing_d_spacing_6: typeof spacing_6;
+declare const spacing_d_spacing_7: typeof spacing_7;
+declare const spacing_d_spacing_8: typeof spacing_8;
+declare const spacing_d_spacing_9: typeof spacing_9;
+declare namespace spacing_d {
+  export {
+    _default$2 as default,
+    spacing_d_spacing_1 as spacing_1,
+    spacing_d_spacing_10 as spacing_10,
+    spacing_d_spacing_1_1_2 as spacing_1_1_2,
+    spacing_d_spacing_1_1_4 as spacing_1_1_4,
+    spacing_d_spacing_1_2 as spacing_1_2,
+    spacing_d_spacing_1_3_4 as spacing_1_3_4,
+    spacing_d_spacing_1_4 as spacing_1_4,
+    spacing_d_spacing_2 as spacing_2,
+    spacing_d_spacing_2_1_2 as spacing_2_1_2,
+    spacing_d_spacing_2_1_4 as spacing_2_1_4,
+    spacing_d_spacing_2_3_4 as spacing_2_3_4,
+    spacing_d_spacing_3 as spacing_3,
+    spacing_d_spacing_3_1_2 as spacing_3_1_2,
+    spacing_d_spacing_3_1_4 as spacing_3_1_4,
+    spacing_d_spacing_3_3_4 as spacing_3_3_4,
+    spacing_d_spacing_3_4 as spacing_3_4,
+    spacing_d_spacing_4 as spacing_4,
+    spacing_d_spacing_5 as spacing_5,
+    spacing_d_spacing_5_1_2 as spacing_5_1_2,
+    spacing_d_spacing_5_1_4 as spacing_5_1_4,
+    spacing_d_spacing_6 as spacing_6,
+    spacing_d_spacing_7 as spacing_7,
+    spacing_d_spacing_8 as spacing_8,
+    spacing_d_spacing_9 as spacing_9,
+  };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type StrokeWidth = {
+'1': 1;
+'2': 2;
+'4': 4;
+};
+
+declare const strokeWidth: StrokeWidth;
+
+declare const _default$1: {
+strokeWidth: typeof strokeWidth,
+};
+
+type strokes_d_StrokeWidth = StrokeWidth;
+declare const strokes_d_strokeWidth: typeof strokeWidth;
+declare namespace strokes_d {
+  export { _default$1 as default, strokes_d_strokeWidth as strokeWidth };
+  export type { strokes_d_StrokeWidth as StrokeWidth };
+}
+
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type FontSize = {
+caption: 13;
+code: 14;
+xs: 12;
+/**
+   * Currently identical to Font size/default (16) — made an explicit alias 2026-07-31 so the duplication is single-sourced.
+   */
+h6: 16;
+xxs: 10;
+sm: 14;
+default: 16;
+h5: 18;
+h4: 20;
+h3: 24;
+/**
+   * Intentionally identical to Font size/h3 — aliased to h3 (24) by decision, 2026-07-31. Not a gap in the ramp; do not split without a design decision.
+   */
+h2: 24;
+h1: 28;
+};
+
+declare const fontSize: FontSize;
+
+type TextDecoration = {
+underline: 'underline';
+};
+
+declare const textDecoration: TextDecoration;
+
+type FontFamily = {
+body: 'Geist';
+code: 'Geist Mono';
+heading: 'Geist';
+};
+
+declare const fontFamily: FontFamily;
+
+type FontWeight = {
+thin: 100;
+regular: 400;
+bold: 700;
+medium: 500;
+light: 300;
+semiBold: 600;
+extraBold: 800;
+};
+
+declare const fontWeight: FontWeight;
+
+declare const _default: {
+fontSize: typeof fontSize,
+textDecoration: typeof textDecoration,
+fontFamily: typeof fontFamily,
+fontWeight: typeof fontWeight,
+};
+
+type typography_d_FontFamily = FontFamily;
+type typography_d_FontSize = FontSize;
+type typography_d_FontWeight = FontWeight;
+type typography_d_TextDecoration = TextDecoration;
+declare const typography_d_fontFamily: typeof fontFamily;
+declare const typography_d_fontSize: typeof fontSize;
+declare const typography_d_fontWeight: typeof fontWeight;
+declare const typography_d_textDecoration: typeof textDecoration;
+declare namespace typography_d {
+  export { _default as default, typography_d_fontFamily as fontFamily, typography_d_fontSize as fontSize, typography_d_fontWeight as fontWeight, typography_d_textDecoration as textDecoration };
+  export type { typography_d_FontFamily as FontFamily, typography_d_FontSize as FontSize, typography_d_FontWeight as FontWeight, typography_d_TextDecoration as TextDecoration };
+}
+
+export { borderRadius_d as borderRadius, breakpoints_d as breakpoints, colors_d as colors, height_d as height, padding_d as padding, semanticColors_d as semanticColors, semanticColorsDark_d as semanticColorsDark, semanticColorsLight_d as semanticColorsLight, semanticTypography_d as semanticTypography, shadows_d as shadows, spacing_d as spacing, strokes_d as strokes, typography_d as typography };