@geomak/ui 1.1.0 → 1.3.0

package/dist/chunk-DNQSZOYD.js

@@ -0,0 +1,152 @@
+// src/utils/colors.ts
+var PALETTE = {
+  "true-blue": "#0466C8",
+  "usafa-blue": "#0353A4",
+  "dark-cornflower-blue": "#023E7D",
+  "oxford-blue-700": "#002855",
+  "oxford-blue-800": "#001845",
+  "oxford-blue-900": "#001233",
+  independence: "#33415C",
+  "black-coral": "#5C677D",
+  "roman-silver": "#7D8597",
+  manatee: "#979DAC",
+  white: "#fff",
+  ice: "#DBF1FD",
+  "ice-dark": "#d0e3ed",
+  "midnight-green-eagle-900": "#013E53",
+  "midnight-green-eagle-700": "#125F6C",
+  "midnight-green-eagle-500": "#125F6C",
+  "rich-black-fogra": "#000202",
+  "rich-black-fogra-opaque": "#0000005b",
+  "prussian-blue": "#00273A",
+  "indigo-dye": "#013C54",
+  ming: "#0F6372",
+  skobeloff: "#217479",
+  "dark-cyan": "#2A8784",
+  "celadon-green": "#297E74",
+  turquise: "#2EB8B0",
+  "oxford-blue-700-opaque": "rgba(0, 40, 85, .3)",
+  disabled: "#dee2e6",
+  error: "tomato",
+  warning: "orange",
+  success: "lightgreen",
+  info: "lightblue",
+  transparent: "rgba(255, 255, 255, .0)"
+};
+var COLORS = { PALETTE };
+var colors_default = COLORS;
+
+// src/tokens/index.ts
+var semanticTokens = {
+  light: {
+    // Surfaces
+    background: "#DBF1FD",
+    // ice        — page-level background
+    surface: "#ffffff",
+    // white      — panel / card background
+    "surface-raised": "#ffffff",
+    // white      — elevated layer (shadow differentiates)
+    // Borders
+    border: "#d0e3ed",
+    // ice-dark   — default separator
+    "border-strong": "#7D8597",
+    // roman-silver — focus rings, strong dividers
+    // Text
+    foreground: "#001845",
+    // oxford-blue-800 — primary body text
+    "foreground-secondary": "#33415C",
+    // independence   — labels, captions
+    "foreground-muted": "#5C677D",
+    // black-coral     — placeholders, helper text
+    // Accent (interactive)
+    accent: "#0466C8",
+    // true-blue
+    "accent-hover": "#0353A4",
+    // usafa-blue (darker → lower on dark scale)
+    "accent-foreground": "#ffffff",
+    // text on accent backgrounds
+    // Status
+    error: "#e03131",
+    warning: "#e67700",
+    success: "#2f9e44",
+    info: "#1971c2"
+  },
+  dark: {
+    // Surfaces
+    background: "#001233",
+    // oxford-blue-900 — deepest app shell
+    surface: "#00273A",
+    // prussian-blue   — cards / panels
+    "surface-raised": "#002855",
+    // oxford-blue-700 — dropdowns, popovers
+    // Borders
+    border: "#33415C",
+    // independence
+    "border-strong": "#5C677D",
+    // black-coral
+    // Text
+    foreground: "#DBF1FD",
+    // ice (light blue-white — avoids harsh #fff)
+    "foreground-secondary": "#979DAC",
+    // manatee
+    "foreground-muted": "#7D8597",
+    // roman-silver
+    // Accent (interactive)
+    accent: "#0466C8",
+    // true-blue (same — holds contrast on dark bg)
+    "accent-hover": "#1a80e8",
+    // lighter tint — hover goes up in brightness on dark
+    "accent-foreground": "#ffffff",
+    // Status (lightened for dark backgrounds — sufficient contrast)
+    error: "#ff6b6b",
+    warning: "#ffa94d",
+    success: "#69db7c",
+    info: "#74c0fc"
+  },
+  // Mode-independent structure tokens
+  shared: {
+    "radius-sm": "4px",
+    "radius-md": "8px",
+    "radius-lg": "12px",
+    "radius-xl": "16px",
+    "radius-2xl": "20px",
+    "radius-full": "9999px"
+  }
+};
+var vars = {
+  color: {
+    background: "var(--color-background)",
+    surface: "var(--color-surface)",
+    surfaceRaised: "var(--color-surface-raised)",
+    border: "var(--color-border)",
+    borderStrong: "var(--color-border-strong)",
+    foreground: "var(--color-foreground)",
+    foregroundSecondary: "var(--color-foreground-secondary)",
+    foregroundMuted: "var(--color-foreground-muted)",
+    accent: "var(--color-accent)",
+    accentHover: "var(--color-accent-hover)",
+    accentForeground: "var(--color-accent-foreground)",
+    error: "var(--color-error)",
+    warning: "var(--color-warning)",
+    success: "var(--color-success)",
+    info: "var(--color-info)"
+  },
+  radius: {
+    sm: "var(--radius-sm)",
+    md: "var(--radius-md)",
+    lg: "var(--radius-lg)",
+    xl: "var(--radius-xl)",
+    "2xl": "var(--radius-2xl)",
+    full: "var(--radius-full)"
+  },
+  shadow: {
+    sm: "var(--shadow-sm)",
+    md: "var(--shadow-md)",
+    lg: "var(--shadow-lg)",
+    xl: "var(--shadow-xl)"
+  }
+};
+
+export { PALETTE, colors_default, semanticTokens, vars };
+//# sourceMappingURL=chunk-DNQSZOYD.js.map
+//# sourceMappingURL=chunk-DNQSZOYD.js.map

package/dist/chunk-DNQSZOYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-DNQSZOYD.js","sourcesContent":["/**\n * Oxygen design-system colour palette.\n * Duplicated here so the published package is fully self-contained.\n */\nexport const PALETTE = {\n    'true-blue': '#0466C8',\n    'usafa-blue': '#0353A4',\n    'dark-cornflower-blue': '#023E7D',\n    'oxford-blue-700': '#002855',\n    'oxford-blue-800': '#001845',\n    'oxford-blue-900': '#001233',\n    independence: '#33415C',\n    'black-coral': '#5C677D',\n    'roman-silver': '#7D8597',\n    manatee: '#979DAC',\n    white: '#fff',\n    ice: '#DBF1FD',\n    'ice-dark': '#d0e3ed',\n    'midnight-green-eagle-900': '#013E53',\n    'midnight-green-eagle-700': '#125F6C',\n    'midnight-green-eagle-500': '#125F6C',\n    'rich-black-fogra': '#000202',\n    'rich-black-fogra-opaque': '#0000005b',\n    'prussian-blue': '#00273A',\n    'indigo-dye': '#013C54',\n    ming: '#0F6372',\n    skobeloff: '#217479',\n    'dark-cyan': '#2A8784',\n    'celadon-green': '#297E74',\n    turquise: '#2EB8B0',\n    'oxford-blue-700-opaque': 'rgba(0, 40, 85, .3)',\n    disabled: '#dee2e6',\n    error: 'tomato',\n    warning: 'orange',\n    success: 'lightgreen',\n    info: 'lightblue',\n    transparent: 'rgba(255, 255, 255, .0)',\n} as const\n\nconst COLORS = { PALETTE }\nexport default COLORS\n","/**\n * @geomak/ui — Design Tokens\n *\n * Three layers:\n *\n *  1. `palette`  — raw brand colors from colors.ts (hex literals)\n *  2. `semanticTokens` — resolved hex values per light/dark mode\n *  3. `vars` — CSS custom-property references for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by importing '@geomak/ui/styles'.\n * Tailwind semantic utilities (bg-background, text-foreground, etc.) are\n * available after the consumer includes the package's tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values ──────────────────────────────────────────────────────────\n\n/**\n * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.\n * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n    light: {\n        // Surfaces\n        background:          '#DBF1FD', // ice        — page-level background\n        surface:             '#ffffff', // white      — panel / card background\n        'surface-raised':    '#ffffff', // white      — elevated layer (shadow differentiates)\n\n        // Borders\n        border:              '#d0e3ed', // ice-dark   — default separator\n        'border-strong':     '#7D8597', // roman-silver — focus rings, strong dividers\n\n        // Text\n        foreground:          '#001845', // oxford-blue-800 — primary body text\n        'foreground-secondary': '#33415C', // independence   — labels, captions\n        'foreground-muted':  '#5C677D', // black-coral     — placeholders, helper text\n\n        // Accent (interactive)\n        accent:              '#0466C8', // true-blue\n        'accent-hover':      '#0353A4', // usafa-blue (darker → lower on dark scale)\n        'accent-foreground': '#ffffff', // text on accent backgrounds\n\n        // Status\n        error:               '#e03131',\n        warning:             '#e67700',\n        success:             '#2f9e44',\n        info:                '#1971c2',\n    },\n\n    dark: {\n        // Surfaces\n        background:          '#001233', // oxford-blue-900 — deepest app shell\n        surface:             '#00273A', // prussian-blue   — cards / panels\n        'surface-raised':    '#002855', // oxford-blue-700 — dropdowns, popovers\n\n        // Borders\n        border:              '#33415C', // independence\n        'border-strong':     '#5C677D', // black-coral\n\n        // Text\n        foreground:          '#DBF1FD', // ice (light blue-white — avoids harsh #fff)\n        'foreground-secondary': '#979DAC', // manatee\n        'foreground-muted':  '#7D8597', // roman-silver\n\n        // Accent (interactive)\n        accent:              '#0466C8', // true-blue (same — holds contrast on dark bg)\n        'accent-hover':      '#1a80e8', // lighter tint — hover goes up in brightness on dark\n        'accent-foreground': '#ffffff',\n\n        // Status (lightened for dark backgrounds — sufficient contrast)\n        error:               '#ff6b6b',\n        warning:             '#ffa94d',\n        success:             '#69db7c',\n        info:                '#74c0fc',\n    },\n\n    // Mode-independent structure tokens\n    shared: {\n        'radius-sm':   '4px',\n        'radius-md':   '8px',\n        'radius-lg':   '12px',\n        'radius-xl':   '16px',\n        'radius-2xl':  '20px',\n        'radius-full': '9999px',\n    },\n} as const\n\nexport type SemanticColorKey   = keyof typeof semanticTokens.light\nexport type SemanticRadiusKey  = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n *\n * @example\n * // Inline style — respects light/dark automatically\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // CSS-in-JS (Emotion, styled-components)\n * const Card = styled.div`\n *   background: ${vars.color.surface};\n *   border: 1px solid ${vars.color.border};\n * `\n */\nexport const vars = {\n    color: {\n        background:           'var(--color-background)',\n        surface:              'var(--color-surface)',\n        surfaceRaised:        'var(--color-surface-raised)',\n        border:               'var(--color-border)',\n        borderStrong:         'var(--color-border-strong)',\n        foreground:           'var(--color-foreground)',\n        foregroundSecondary:  'var(--color-foreground-secondary)',\n        foregroundMuted:      'var(--color-foreground-muted)',\n        accent:               'var(--color-accent)',\n        accentHover:          'var(--color-accent-hover)',\n        accentForeground:     'var(--color-accent-foreground)',\n        error:                'var(--color-error)',\n        warning:              'var(--color-warning)',\n        success:              'var(--color-success)',\n        info:                 'var(--color-info)',\n    },\n    radius: {\n        sm:   'var(--radius-sm)',\n        md:   'var(--radius-md)',\n        lg:   'var(--radius-lg)',\n        xl:   'var(--radius-xl)',\n        '2xl': 'var(--radius-2xl)',\n        full: 'var(--radius-full)',\n    },\n    shadow: {\n        sm: 'var(--shadow-sm)',\n        md: 'var(--shadow-md)',\n        lg: 'var(--shadow-lg)',\n        xl: 'var(--shadow-xl)',\n    },\n} as const\n\nexport type VarColorKey  = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\n"]}

package/dist/chunk-ZS3HB5YJ.cjs

@@ -0,0 +1,157 @@
+'use strict';
+
+// src/utils/colors.ts
+var PALETTE = {
+  "true-blue": "#0466C8",
+  "usafa-blue": "#0353A4",
+  "dark-cornflower-blue": "#023E7D",
+  "oxford-blue-700": "#002855",
+  "oxford-blue-800": "#001845",
+  "oxford-blue-900": "#001233",
+  independence: "#33415C",
+  "black-coral": "#5C677D",
+  "roman-silver": "#7D8597",
+  manatee: "#979DAC",
+  white: "#fff",
+  ice: "#DBF1FD",
+  "ice-dark": "#d0e3ed",
+  "midnight-green-eagle-900": "#013E53",
+  "midnight-green-eagle-700": "#125F6C",
+  "midnight-green-eagle-500": "#125F6C",
+  "rich-black-fogra": "#000202",
+  "rich-black-fogra-opaque": "#0000005b",
+  "prussian-blue": "#00273A",
+  "indigo-dye": "#013C54",
+  ming: "#0F6372",
+  skobeloff: "#217479",
+  "dark-cyan": "#2A8784",
+  "celadon-green": "#297E74",
+  turquise: "#2EB8B0",
+  "oxford-blue-700-opaque": "rgba(0, 40, 85, .3)",
+  disabled: "#dee2e6",
+  error: "tomato",
+  warning: "orange",
+  success: "lightgreen",
+  info: "lightblue",
+  transparent: "rgba(255, 255, 255, .0)"
+};
+var COLORS = { PALETTE };
+var colors_default = COLORS;
+
+// src/tokens/index.ts
+var semanticTokens = {
+  light: {
+    // Surfaces
+    background: "#DBF1FD",
+    // ice        — page-level background
+    surface: "#ffffff",
+    // white      — panel / card background
+    "surface-raised": "#ffffff",
+    // white      — elevated layer (shadow differentiates)
+    // Borders
+    border: "#d0e3ed",
+    // ice-dark   — default separator
+    "border-strong": "#7D8597",
+    // roman-silver — focus rings, strong dividers
+    // Text
+    foreground: "#001845",
+    // oxford-blue-800 — primary body text
+    "foreground-secondary": "#33415C",
+    // independence   — labels, captions
+    "foreground-muted": "#5C677D",
+    // black-coral     — placeholders, helper text
+    // Accent (interactive)
+    accent: "#0466C8",
+    // true-blue
+    "accent-hover": "#0353A4",
+    // usafa-blue (darker → lower on dark scale)
+    "accent-foreground": "#ffffff",
+    // text on accent backgrounds
+    // Status
+    error: "#e03131",
+    warning: "#e67700",
+    success: "#2f9e44",
+    info: "#1971c2"
+  },
+  dark: {
+    // Surfaces
+    background: "#001233",
+    // oxford-blue-900 — deepest app shell
+    surface: "#00273A",
+    // prussian-blue   — cards / panels
+    "surface-raised": "#002855",
+    // oxford-blue-700 — dropdowns, popovers
+    // Borders
+    border: "#33415C",
+    // independence
+    "border-strong": "#5C677D",
+    // black-coral
+    // Text
+    foreground: "#DBF1FD",
+    // ice (light blue-white — avoids harsh #fff)
+    "foreground-secondary": "#979DAC",
+    // manatee
+    "foreground-muted": "#7D8597",
+    // roman-silver
+    // Accent (interactive)
+    accent: "#0466C8",
+    // true-blue (same — holds contrast on dark bg)
+    "accent-hover": "#1a80e8",
+    // lighter tint — hover goes up in brightness on dark
+    "accent-foreground": "#ffffff",
+    // Status (lightened for dark backgrounds — sufficient contrast)
+    error: "#ff6b6b",
+    warning: "#ffa94d",
+    success: "#69db7c",
+    info: "#74c0fc"
+  },
+  // Mode-independent structure tokens
+  shared: {
+    "radius-sm": "4px",
+    "radius-md": "8px",
+    "radius-lg": "12px",
+    "radius-xl": "16px",
+    "radius-2xl": "20px",
+    "radius-full": "9999px"
+  }
+};
+var vars = {
+  color: {
+    background: "var(--color-background)",
+    surface: "var(--color-surface)",
+    surfaceRaised: "var(--color-surface-raised)",
+    border: "var(--color-border)",
+    borderStrong: "var(--color-border-strong)",
+    foreground: "var(--color-foreground)",
+    foregroundSecondary: "var(--color-foreground-secondary)",
+    foregroundMuted: "var(--color-foreground-muted)",
+    accent: "var(--color-accent)",
+    accentHover: "var(--color-accent-hover)",
+    accentForeground: "var(--color-accent-foreground)",
+    error: "var(--color-error)",
+    warning: "var(--color-warning)",
+    success: "var(--color-success)",
+    info: "var(--color-info)"
+  },
+  radius: {
+    sm: "var(--radius-sm)",
+    md: "var(--radius-md)",
+    lg: "var(--radius-lg)",
+    xl: "var(--radius-xl)",
+    "2xl": "var(--radius-2xl)",
+    full: "var(--radius-full)"
+  },
+  shadow: {
+    sm: "var(--shadow-sm)",
+    md: "var(--shadow-md)",
+    lg: "var(--shadow-lg)",
+    xl: "var(--shadow-xl)"
+  }
+};
+
+exports.PALETTE = PALETTE;
+exports.colors_default = colors_default;
+exports.semanticTokens = semanticTokens;
+exports.vars = vars;
+//# sourceMappingURL=chunk-ZS3HB5YJ.cjs.map
+//# sourceMappingURL=chunk-ZS3HB5YJ.cjs.map

package/dist/chunk-ZS3HB5YJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-ZS3HB5YJ.cjs","sourcesContent":["/**\n * Oxygen design-system colour palette.\n * Duplicated here so the published package is fully self-contained.\n */\nexport const PALETTE = {\n    'true-blue': '#0466C8',\n    'usafa-blue': '#0353A4',\n    'dark-cornflower-blue': '#023E7D',\n    'oxford-blue-700': '#002855',\n    'oxford-blue-800': '#001845',\n    'oxford-blue-900': '#001233',\n    independence: '#33415C',\n    'black-coral': '#5C677D',\n    'roman-silver': '#7D8597',\n    manatee: '#979DAC',\n    white: '#fff',\n    ice: '#DBF1FD',\n    'ice-dark': '#d0e3ed',\n    'midnight-green-eagle-900': '#013E53',\n    'midnight-green-eagle-700': '#125F6C',\n    'midnight-green-eagle-500': '#125F6C',\n    'rich-black-fogra': '#000202',\n    'rich-black-fogra-opaque': '#0000005b',\n    'prussian-blue': '#00273A',\n    'indigo-dye': '#013C54',\n    ming: '#0F6372',\n    skobeloff: '#217479',\n    'dark-cyan': '#2A8784',\n    'celadon-green': '#297E74',\n    turquise: '#2EB8B0',\n    'oxford-blue-700-opaque': 'rgba(0, 40, 85, .3)',\n    disabled: '#dee2e6',\n    error: 'tomato',\n    warning: 'orange',\n    success: 'lightgreen',\n    info: 'lightblue',\n    transparent: 'rgba(255, 255, 255, .0)',\n} as const\n\nconst COLORS = { PALETTE }\nexport default COLORS\n","/**\n * @geomak/ui — Design Tokens\n *\n * Three layers:\n *\n *  1. `palette`  — raw brand colors from colors.ts (hex literals)\n *  2. `semanticTokens` — resolved hex values per light/dark mode\n *  3. `vars` — CSS custom-property references for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by importing '@geomak/ui/styles'.\n * Tailwind semantic utilities (bg-background, text-foreground, etc.) are\n * available after the consumer includes the package's tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values ──────────────────────────────────────────────────────────\n\n/**\n * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.\n * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n    light: {\n        // Surfaces\n        background:          '#DBF1FD', // ice        — page-level background\n        surface:             '#ffffff', // white      — panel / card background\n        'surface-raised':    '#ffffff', // white      — elevated layer (shadow differentiates)\n\n        // Borders\n        border:              '#d0e3ed', // ice-dark   — default separator\n        'border-strong':     '#7D8597', // roman-silver — focus rings, strong dividers\n\n        // Text\n        foreground:          '#001845', // oxford-blue-800 — primary body text\n        'foreground-secondary': '#33415C', // independence   — labels, captions\n        'foreground-muted':  '#5C677D', // black-coral     — placeholders, helper text\n\n        // Accent (interactive)\n        accent:              '#0466C8', // true-blue\n        'accent-hover':      '#0353A4', // usafa-blue (darker → lower on dark scale)\n        'accent-foreground': '#ffffff', // text on accent backgrounds\n\n        // Status\n        error:               '#e03131',\n        warning:             '#e67700',\n        success:             '#2f9e44',\n        info:                '#1971c2',\n    },\n\n    dark: {\n        // Surfaces\n        background:          '#001233', // oxford-blue-900 — deepest app shell\n        surface:             '#00273A', // prussian-blue   — cards / panels\n        'surface-raised':    '#002855', // oxford-blue-700 — dropdowns, popovers\n\n        // Borders\n        border:              '#33415C', // independence\n        'border-strong':     '#5C677D', // black-coral\n\n        // Text\n        foreground:          '#DBF1FD', // ice (light blue-white — avoids harsh #fff)\n        'foreground-secondary': '#979DAC', // manatee\n        'foreground-muted':  '#7D8597', // roman-silver\n\n        // Accent (interactive)\n        accent:              '#0466C8', // true-blue (same — holds contrast on dark bg)\n        'accent-hover':      '#1a80e8', // lighter tint — hover goes up in brightness on dark\n        'accent-foreground': '#ffffff',\n\n        // Status (lightened for dark backgrounds — sufficient contrast)\n        error:               '#ff6b6b',\n        warning:             '#ffa94d',\n        success:             '#69db7c',\n        info:                '#74c0fc',\n    },\n\n    // Mode-independent structure tokens\n    shared: {\n        'radius-sm':   '4px',\n        'radius-md':   '8px',\n        'radius-lg':   '12px',\n        'radius-xl':   '16px',\n        'radius-2xl':  '20px',\n        'radius-full': '9999px',\n    },\n} as const\n\nexport type SemanticColorKey   = keyof typeof semanticTokens.light\nexport type SemanticRadiusKey  = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n *\n * @example\n * // Inline style — respects light/dark automatically\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // CSS-in-JS (Emotion, styled-components)\n * const Card = styled.div`\n *   background: ${vars.color.surface};\n *   border: 1px solid ${vars.color.border};\n * `\n */\nexport const vars = {\n    color: {\n        background:           'var(--color-background)',\n        surface:              'var(--color-surface)',\n        surfaceRaised:        'var(--color-surface-raised)',\n        border:               'var(--color-border)',\n        borderStrong:         'var(--color-border-strong)',\n        foreground:           'var(--color-foreground)',\n        foregroundSecondary:  'var(--color-foreground-secondary)',\n        foregroundMuted:      'var(--color-foreground-muted)',\n        accent:               'var(--color-accent)',\n        accentHover:          'var(--color-accent-hover)',\n        accentForeground:     'var(--color-accent-foreground)',\n        error:                'var(--color-error)',\n        warning:              'var(--color-warning)',\n        success:              'var(--color-success)',\n        info:                 'var(--color-info)',\n    },\n    radius: {\n        sm:   'var(--radius-sm)',\n        md:   'var(--radius-md)',\n        lg:   'var(--radius-lg)',\n        xl:   'var(--radius-xl)',\n        '2xl': 'var(--radius-2xl)',\n        full: 'var(--radius-full)',\n    },\n    shadow: {\n        sm: 'var(--shadow-sm)',\n        md: 'var(--shadow-md)',\n        lg: 'var(--shadow-lg)',\n        xl: 'var(--shadow-xl)',\n    },\n} as const\n\nexport type VarColorKey  = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\n"]}

package/dist/index-CPCiQllz.d.cts

@@ -0,0 +1,191 @@
+/**
+ * Oxygen design-system colour palette.
+ * Duplicated here so the published package is fully self-contained.
+ */
+declare const PALETTE: {
+    readonly 'true-blue': "#0466C8";
+    readonly 'usafa-blue': "#0353A4";
+    readonly 'dark-cornflower-blue': "#023E7D";
+    readonly 'oxford-blue-700': "#002855";
+    readonly 'oxford-blue-800': "#001845";
+    readonly 'oxford-blue-900': "#001233";
+    readonly independence: "#33415C";
+    readonly 'black-coral': "#5C677D";
+    readonly 'roman-silver': "#7D8597";
+    readonly manatee: "#979DAC";
+    readonly white: "#fff";
+    readonly ice: "#DBF1FD";
+    readonly 'ice-dark': "#d0e3ed";
+    readonly 'midnight-green-eagle-900': "#013E53";
+    readonly 'midnight-green-eagle-700': "#125F6C";
+    readonly 'midnight-green-eagle-500': "#125F6C";
+    readonly 'rich-black-fogra': "#000202";
+    readonly 'rich-black-fogra-opaque': "#0000005b";
+    readonly 'prussian-blue': "#00273A";
+    readonly 'indigo-dye': "#013C54";
+    readonly ming: "#0F6372";
+    readonly skobeloff: "#217479";
+    readonly 'dark-cyan': "#2A8784";
+    readonly 'celadon-green': "#297E74";
+    readonly turquise: "#2EB8B0";
+    readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
+    readonly disabled: "#dee2e6";
+    readonly error: "tomato";
+    readonly warning: "orange";
+    readonly success: "lightgreen";
+    readonly info: "lightblue";
+    readonly transparent: "rgba(255, 255, 255, .0)";
+};
+declare const COLORS: {
+    PALETTE: {
+        readonly 'true-blue': "#0466C8";
+        readonly 'usafa-blue': "#0353A4";
+        readonly 'dark-cornflower-blue': "#023E7D";
+        readonly 'oxford-blue-700': "#002855";
+        readonly 'oxford-blue-800': "#001845";
+        readonly 'oxford-blue-900': "#001233";
+        readonly independence: "#33415C";
+        readonly 'black-coral': "#5C677D";
+        readonly 'roman-silver': "#7D8597";
+        readonly manatee: "#979DAC";
+        readonly white: "#fff";
+        readonly ice: "#DBF1FD";
+        readonly 'ice-dark': "#d0e3ed";
+        readonly 'midnight-green-eagle-900': "#013E53";
+        readonly 'midnight-green-eagle-700': "#125F6C";
+        readonly 'midnight-green-eagle-500': "#125F6C";
+        readonly 'rich-black-fogra': "#000202";
+        readonly 'rich-black-fogra-opaque': "#0000005b";
+        readonly 'prussian-blue': "#00273A";
+        readonly 'indigo-dye': "#013C54";
+        readonly ming: "#0F6372";
+        readonly skobeloff: "#217479";
+        readonly 'dark-cyan': "#2A8784";
+        readonly 'celadon-green': "#297E74";
+        readonly turquise: "#2EB8B0";
+        readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
+        readonly disabled: "#dee2e6";
+        readonly error: "tomato";
+        readonly warning: "orange";
+        readonly success: "lightgreen";
+        readonly info: "lightblue";
+        readonly transparent: "rgba(255, 255, 255, .0)";
+    };
+};
+
+/**
+ * @geomak/ui — Design Tokens
+ *
+ * Three layers:
+ *
+ *  1. `palette`  — raw brand colors from colors.ts (hex literals)
+ *  2. `semanticTokens` — resolved hex values per light/dark mode
+ *  3. `vars` — CSS custom-property references for inline styles / CSS-in-JS
+ *
+ * CSS custom properties are injected by importing '@geomak/ui/styles'.
+ * Tailwind semantic utilities (bg-background, text-foreground, etc.) are
+ * available after the consumer includes the package's tailwind preset.
+ */
+
+/**
+ * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.
+ * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).
+ */
+declare const semanticTokens: {
+    readonly light: {
+        readonly background: "#DBF1FD";
+        readonly surface: "#ffffff";
+        readonly 'surface-raised': "#ffffff";
+        readonly border: "#d0e3ed";
+        readonly 'border-strong': "#7D8597";
+        readonly foreground: "#001845";
+        readonly 'foreground-secondary': "#33415C";
+        readonly 'foreground-muted': "#5C677D";
+        readonly accent: "#0466C8";
+        readonly 'accent-hover': "#0353A4";
+        readonly 'accent-foreground': "#ffffff";
+        readonly error: "#e03131";
+        readonly warning: "#e67700";
+        readonly success: "#2f9e44";
+        readonly info: "#1971c2";
+    };
+    readonly dark: {
+        readonly background: "#001233";
+        readonly surface: "#00273A";
+        readonly 'surface-raised': "#002855";
+        readonly border: "#33415C";
+        readonly 'border-strong': "#5C677D";
+        readonly foreground: "#DBF1FD";
+        readonly 'foreground-secondary': "#979DAC";
+        readonly 'foreground-muted': "#7D8597";
+        readonly accent: "#0466C8";
+        readonly 'accent-hover': "#1a80e8";
+        readonly 'accent-foreground': "#ffffff";
+        readonly error: "#ff6b6b";
+        readonly warning: "#ffa94d";
+        readonly success: "#69db7c";
+        readonly info: "#74c0fc";
+    };
+    readonly shared: {
+        readonly 'radius-sm': "4px";
+        readonly 'radius-md': "8px";
+        readonly 'radius-lg': "12px";
+        readonly 'radius-xl': "16px";
+        readonly 'radius-2xl': "20px";
+        readonly 'radius-full': "9999px";
+    };
+};
+type SemanticColorKey = keyof typeof semanticTokens.light;
+type SemanticRadiusKey = keyof typeof semanticTokens.shared;
+/**
+ * CSS custom-property reference strings.
+ *
+ * @example
+ * // Inline style — respects light/dark automatically
+ * <div style={{ color: vars.color.foreground }}>...</div>
+ *
+ * @example
+ * // CSS-in-JS (Emotion, styled-components)
+ * const Card = styled.div`
+ *   background: ${vars.color.surface};
+ *   border: 1px solid ${vars.color.border};
+ * `
+ */
+declare const vars: {
+    readonly color: {
+        readonly background: "var(--color-background)";
+        readonly surface: "var(--color-surface)";
+        readonly surfaceRaised: "var(--color-surface-raised)";
+        readonly border: "var(--color-border)";
+        readonly borderStrong: "var(--color-border-strong)";
+        readonly foreground: "var(--color-foreground)";
+        readonly foregroundSecondary: "var(--color-foreground-secondary)";
+        readonly foregroundMuted: "var(--color-foreground-muted)";
+        readonly accent: "var(--color-accent)";
+        readonly accentHover: "var(--color-accent-hover)";
+        readonly accentForeground: "var(--color-accent-foreground)";
+        readonly error: "var(--color-error)";
+        readonly warning: "var(--color-warning)";
+        readonly success: "var(--color-success)";
+        readonly info: "var(--color-info)";
+    };
+    readonly radius: {
+        readonly sm: "var(--radius-sm)";
+        readonly md: "var(--radius-md)";
+        readonly lg: "var(--radius-lg)";
+        readonly xl: "var(--radius-xl)";
+        readonly '2xl': "var(--radius-2xl)";
+        readonly full: "var(--radius-full)";
+    };
+    readonly shadow: {
+        readonly sm: "var(--shadow-sm)";
+        readonly md: "var(--shadow-md)";
+        readonly lg: "var(--shadow-lg)";
+        readonly xl: "var(--shadow-xl)";
+    };
+};
+type VarColorKey = keyof typeof vars.color;
+type VarRadiusKey = keyof typeof vars.radius;
+type VarShadowKey = keyof typeof vars.shadow;
+
+export { COLORS as C, PALETTE as P, type SemanticColorKey as S, type VarColorKey as V, type SemanticRadiusKey as a, type VarRadiusKey as b, type VarShadowKey as c, semanticTokens as s, vars as v };