@geomak/ui 6.14.0 → 6.15.0

package/dist/{chunk-GKXP6OJJ.js → chunk-I2P4JJDB.js}

@@ -58,7 +58,9 @@ var semanticTokens = {
     error: "#c0392b",
     warning: "#d68910",
     success: "#1e8449",
-    info: "#1565c0"
+    info: "#1565c0",
+    // Scrim
+    backdrop: "rgba(6, 15, 26, 0.45)"
   },
   dark: {
     // Surfaces
@@ -80,7 +82,9 @@ var semanticTokens = {
     error: "#ff6b6b",
     warning: "#ffb347",
     success: "#5cb85c",
-    info: "#5bc0de"
+    info: "#5bc0de",
+    // Scrim (denser on dark backgrounds)
+    backdrop: "rgba(0, 0, 0, 0.6)"
   },
   // Mode-independent tokens
   shared: {
@@ -157,7 +161,8 @@ var vars = {
     error: "var(--color-error)",
     warning: "var(--color-warning)",
     success: "var(--color-success)",
-    info: "var(--color-info)"
+    info: "var(--color-info)",
+    backdrop: "var(--color-backdrop)"
   },
   radius: {
     sm: "var(--radius-sm)",
@@ -229,5 +234,5 @@ var vars = {
 };
 
 export { PALETTE, colors_default, semanticTokens, vars };
-//# sourceMappingURL=chunk-GKXP6OJJ.js.map
-//# sourceMappingURL=chunk-GKXP6OJJ.js.map
+//# sourceMappingURL=chunk-I2P4JJDB.js.map
+//# sourceMappingURL=chunk-I2P4JJDB.js.map

package/dist/chunk-I2P4JJDB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-I2P4JJDB.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, each useful in a different context:\n *\n *  1. `palette`        — raw brand hex values from palette.json\n *  2. `semanticTokens` — resolved hex / px values keyed by light / dark / shared\n *  3. `vars`           — CSS custom-property reference strings for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by: import '@geomak/ui/styles'\n * Tailwind utilities map to these vars via the bundled tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values (hex / px / ms) ─────────────────────────────────────────\n\n/**\n * Resolved token values for every semantic role.\n * Use when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n    light: {\n        // Surfaces\n        background:               '#eef4fa',\n        surface:                  '#ffffff',\n        'surface-raised':         '#ffffff',\n        // Borders\n        border:                   '#d3dde8',\n        'border-strong':          '#8898aa',\n        // Text\n        foreground:               '#0a1929',\n        'foreground-secondary':   '#2e4057',\n        'foreground-muted':       '#536878',\n        // Accent\n        accent:                   '#0466C8',\n        'accent-hover':           '#0353A4',\n        'accent-foreground':      '#ffffff',\n        // Status\n        error:                    '#c0392b',\n        warning:                  '#d68910',\n        success:                  '#1e8449',\n        info:                     '#1565c0',\n        // Scrim\n        backdrop:                 'rgba(6, 15, 26, 0.45)',\n    },\n\n    dark: {\n        // Surfaces\n        background:               '#060f1a',\n        surface:                  '#0d1f30',\n        'surface-raised':         '#152638',\n        // Borders\n        border:                   '#1e3348',\n        'border-strong':          '#2e4a64',\n        // Text\n        foreground:               '#e8f0f8',\n        'foreground-secondary':   '#9ab0c4',\n        'foreground-muted':       '#5c7a92',\n        // Accent\n        accent:                   '#2d88ff',\n        'accent-hover':           '#4d9aff',\n        'accent-foreground':      '#ffffff',\n        // Status (brightened for dark backgrounds)\n        error:                    '#ff6b6b',\n        warning:                  '#ffb347',\n        success:                  '#5cb85c',\n        info:                     '#5bc0de',\n        // Scrim (denser on dark backgrounds)\n        backdrop:                 'rgba(0, 0, 0, 0.6)',\n    },\n\n    // Mode-independent tokens\n    shared: {\n        // Radius — enterprise scale\n        'radius-sm':    '2px',\n        'radius-md':    '5px',\n        'radius-lg':    '7px',\n        'radius-xl':    '10px',\n        'radius-2xl':   '12px',\n        'radius-full':  '9999px',\n\n        // Typography\n        'font-size-xs':           '0.75rem',\n        'font-size-sm':           '0.875rem',\n        'font-size-base':         '1rem',\n        'font-size-lg':           '1.125rem',\n        'font-size-xl':           '1.25rem',\n        'font-size-2xl':          '1.5rem',\n        'font-size-3xl':          '1.875rem',\n        'font-weight-normal':     400,\n        'font-weight-medium':     500,\n        'font-weight-semibold':   600,\n        'font-weight-bold':       700,\n        'line-height-tight':      1.25,\n        'line-height-snug':       1.375,\n        'line-height-normal':     1.5,\n        'line-height-relaxed':    1.625,\n        'letter-spacing-tight':   '-0.025em',\n        'letter-spacing-normal':  '0em',\n        'letter-spacing-wide':    '0.025em',\n\n        // Component heights / density\n        'height-control-xs':   '24px',\n        'height-control-sm':   '28px',\n        'height-control-md':   '36px',\n        'height-control-lg':   '44px',\n        'height-topbar':       '56px',\n        'sidebar-expanded':    '220px',\n        'sidebar-collapsed':   '52px',\n\n        // Motion\n        'duration-instant':    '50ms',\n        'duration-fast':       '80ms',\n        'duration-normal':     '150ms',\n        'duration-slow':       '220ms',\n        'duration-gentle':     '350ms',\n        'ease-out-expo':       'cubic-bezier(0.16, 1, 0.3, 1)',\n        'ease-out-quart':      'cubic-bezier(0.25, 1, 0.5, 1)',\n        'ease-out-cubic':      'cubic-bezier(0.33, 1, 0.68, 1)',\n        'ease-in-out':         'cubic-bezier(0.4, 0, 0.2, 1)',\n        'ease-in':             'cubic-bezier(0.4, 0, 1, 1)',\n\n        // Z-index\n        'z-base':     0,\n        'z-raised':   10,\n        'z-dropdown': 100,\n        'z-sticky':   150,\n        'z-topbar':   200,\n        'z-overlay':  300,\n        'z-modal':    400,\n        'z-toast':    500,\n        'z-tooltip':  600,\n    },\n} as const\n\nexport type SemanticColorKey       = keyof typeof semanticTokens.light\nexport type SemanticSharedKey      = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n * Use in inline styles or CSS-in-JS — values respond to light/dark automatically.\n *\n * @example\n * // Inline style\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // Emotion / styled-components\n * const Card = styled.div`\n *   background: ${vars.color.surface};\n *   border-radius: ${vars.radius.lg};\n *   box-shadow: ${vars.shadow.md};\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        backdrop:            'var(--color-backdrop)',\n    },\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\n    shadow: {\n        sm: 'var(--shadow-sm)',\n        md: 'var(--shadow-md)',\n        lg: 'var(--shadow-lg)',\n        xl: 'var(--shadow-xl)',\n    },\n\n    typography: {\n        fontFamily:       'var(--font-family-sans)',\n        fontSizeXs:       'var(--font-size-xs)',\n        fontSizeSm:       'var(--font-size-sm)',\n        fontSizeBase:     'var(--font-size-base)',\n        fontSizeLg:       'var(--font-size-lg)',\n        fontSizeXl:       'var(--font-size-xl)',\n        fontSize2xl:      'var(--font-size-2xl)',\n        fontSize3xl:      'var(--font-size-3xl)',\n        fontWeightNormal:   'var(--font-weight-normal)',\n        fontWeightMedium:   'var(--font-weight-medium)',\n        fontWeightSemibold: 'var(--font-weight-semibold)',\n        fontWeightBold:     'var(--font-weight-bold)',\n        lineHeightTight:   'var(--line-height-tight)',\n        lineHeightSnug:    'var(--line-height-snug)',\n        lineHeightNormal:  'var(--line-height-normal)',\n        lineHeightRelaxed: 'var(--line-height-relaxed)',\n        letterSpacingTight:  'var(--letter-spacing-tight)',\n        letterSpacingNormal: 'var(--letter-spacing-normal)',\n        letterSpacingWide:   'var(--letter-spacing-wide)',\n    },\n\n    density: {\n        controlXs:       'var(--height-control-xs)',\n        controlSm:       'var(--height-control-sm)',\n        controlMd:       'var(--height-control-md)',\n        controlLg:       'var(--height-control-lg)',\n        topbar:          'var(--height-topbar)',\n        sidebarExpanded:  'var(--sidebar-expanded)',\n        sidebarCollapsed: 'var(--sidebar-collapsed)',\n    },\n\n    motion: {\n        durationInstant: 'var(--duration-instant)',\n        durationFast:    'var(--duration-fast)',\n        durationNormal:  'var(--duration-normal)',\n        durationSlow:    'var(--duration-slow)',\n        durationGentle:  'var(--duration-gentle)',\n        easeOutExpo:     'var(--ease-out-expo)',\n        easeOutQuart:    'var(--ease-out-quart)',\n        easeOutCubic:    'var(--ease-out-cubic)',\n        easeInOut:       'var(--ease-in-out)',\n        easeIn:          'var(--ease-in)',\n    },\n\n    zIndex: {\n        base:     'var(--z-base)',\n        raised:   'var(--z-raised)',\n        dropdown: 'var(--z-dropdown)',\n        sticky:   'var(--z-sticky)',\n        topbar:   'var(--z-topbar)',\n        overlay:  'var(--z-overlay)',\n        modal:    'var(--z-modal)',\n        toast:    'var(--z-toast)',\n        tooltip:  'var(--z-tooltip)',\n    },\n} as const\n\n// ─── Convenience type exports ─────────────────────────────────────────────────\nexport type VarColorKey    = keyof typeof vars.color\nexport type VarRadiusKey   = keyof typeof vars.radius\nexport type VarShadowKey   = keyof typeof vars.shadow\nexport type VarTypoKey     = keyof typeof vars.typography\nexport type VarDensityKey  = keyof typeof vars.density\nexport type VarMotionKey   = keyof typeof vars.motion\nexport type VarZIndexKey   = keyof typeof vars.zIndex\n"]}

package/dist/{chunk-255PCZIW.cjs → chunk-OAV4TA4B.cjs}

@@ -60,7 +60,9 @@ var semanticTokens = {
     error: "#c0392b",
     warning: "#d68910",
     success: "#1e8449",
-    info: "#1565c0"
+    info: "#1565c0",
+    // Scrim
+    backdrop: "rgba(6, 15, 26, 0.45)"
   },
   dark: {
     // Surfaces
@@ -82,7 +84,9 @@ var semanticTokens = {
     error: "#ff6b6b",
     warning: "#ffb347",
     success: "#5cb85c",
-    info: "#5bc0de"
+    info: "#5bc0de",
+    // Scrim (denser on dark backgrounds)
+    backdrop: "rgba(0, 0, 0, 0.6)"
   },
   // Mode-independent tokens
   shared: {
@@ -159,7 +163,8 @@ var vars = {
     error: "var(--color-error)",
     warning: "var(--color-warning)",
     success: "var(--color-success)",
-    info: "var(--color-info)"
+    info: "var(--color-info)",
+    backdrop: "var(--color-backdrop)"
   },
   radius: {
     sm: "var(--radius-sm)",
@@ -234,5 +239,5 @@ exports.PALETTE = PALETTE;
 exports.colors_default = colors_default;
 exports.semanticTokens = semanticTokens;
 exports.vars = vars;
-//# sourceMappingURL=chunk-255PCZIW.cjs.map
-//# sourceMappingURL=chunk-255PCZIW.cjs.map
+//# sourceMappingURL=chunk-OAV4TA4B.cjs.map
+//# sourceMappingURL=chunk-OAV4TA4B.cjs.map

package/dist/chunk-OAV4TA4B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":";;;AAIO,IAAM,OAAA,GAAU;AAAA,EACnB,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,sBAAA,EAAwB,SAAA;AAAA,EACxB,iBAAA,EAAmB,SAAA;AAAA,EACnB,iBAAA,EAAmB,SAAA;AAAA,EACnB,iBAAA,EAAmB,SAAA;AAAA,EACnB,YAAA,EAAc,SAAA;AAAA,EACd,aAAA,EAAe,SAAA;AAAA,EACf,cAAA,EAAgB,SAAA;AAAA,EAChB,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA,EACL,UAAA,EAAY,SAAA;AAAA,EACZ,0BAAA,EAA4B,SAAA;AAAA,EAC5B,0BAAA,EAA4B,SAAA;AAAA,EAC5B,0BAAA,EAA4B,SAAA;AAAA,EAC5B,kBAAA,EAAoB,SAAA;AAAA,EACpB,yBAAA,EAA2B,WAAA;AAAA,EAC3B,eAAA,EAAiB,SAAA;AAAA,EACjB,YAAA,EAAc,SAAA;AAAA,EACd,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW,SAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,eAAA,EAAiB,SAAA;AAAA,EACjB,QAAA,EAAU,SAAA;AAAA,EACV,wBAAA,EAA0B,qBAAA;AAAA,EAC1B,QAAA,EAAU,SAAA;AAAA,EACV,KAAA,EAAO,QAAA;AAAA,EACP,OAAA,EAAS,QAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM,WAAA;AAAA,EACN,WAAA,EAAa;AACjB;AAEA,IAAM,MAAA,GAAS,EAAE,OAAA,EAAQ;AACzB,IAAO,cAAA,GAAQ;;;ACnBR,IAAM,cAAA,GAAiB;AAAA,EAC1B,KAAA,EAAO;AAAA;AAAA,IAEH,UAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,gBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,MAAA,EAA0B,SAAA;AAAA,IAC1B,eAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,UAAA,EAA0B,SAAA;AAAA,IAC1B,sBAAA,EAA0B,SAAA;AAAA,IAC1B,kBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,MAAA,EAA0B,SAAA;AAAA,IAC1B,cAAA,EAA0B,SAAA;AAAA,IAC1B,mBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,KAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,IAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,QAAA,EAA0B;AAAA,GAC9B;AAAA,EAEA,IAAA,EAAM;AAAA;AAAA,IAEF,UAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,gBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,MAAA,EAA0B,SAAA;AAAA,IAC1B,eAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,UAAA,EAA0B,SAAA;AAAA,IAC1B,sBAAA,EAA0B,SAAA;AAAA,IAC1B,kBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,MAAA,EAA0B,SAAA;AAAA,IAC1B,cAAA,EAA0B,SAAA;AAAA,IAC1B,mBAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,KAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,OAAA,EAA0B,SAAA;AAAA,IAC1B,IAAA,EAA0B,SAAA;AAAA;AAAA,IAE1B,QAAA,EAA0B;AAAA,GAC9B;AAAA;AAAA,EAGA,MAAA,EAAQ;AAAA;AAAA,IAEJ,WAAA,EAAgB,KAAA;AAAA,IAChB,WAAA,EAAgB,KAAA;AAAA,IAChB,WAAA,EAAgB,KAAA;AAAA,IAChB,WAAA,EAAgB,MAAA;AAAA,IAChB,YAAA,EAAgB,MAAA;AAAA,IAChB,aAAA,EAAgB,QAAA;AAAA;AAAA,IAGhB,cAAA,EAA0B,SAAA;AAAA,IAC1B,cAAA,EAA0B,UAAA;AAAA,IAC1B,gBAAA,EAA0B,MAAA;AAAA,IAC1B,cAAA,EAA0B,UAAA;AAAA,IAC1B,cAAA,EAA0B,SAAA;AAAA,IAC1B,eAAA,EAA0B,QAAA;AAAA,IAC1B,eAAA,EAA0B,UAAA;AAAA,IAC1B,oBAAA,EAA0B,GAAA;AAAA,IAC1B,oBAAA,EAA0B,GAAA;AAAA,IAC1B,sBAAA,EAA0B,GAAA;AAAA,IAC1B,kBAAA,EAA0B,GAAA;AAAA,IAC1B,mBAAA,EAA0B,IAAA;AAAA,IAC1B,kBAAA,EAA0B,KAAA;AAAA,IAC1B,oBAAA,EAA0B,GAAA;AAAA,IAC1B,qBAAA,EAA0B,KAAA;AAAA,IAC1B,sBAAA,EAA0B,UAAA;AAAA,IAC1B,uBAAA,EAA0B,KAAA;AAAA,IAC1B,qBAAA,EAA0B,SAAA;AAAA;AAAA,IAG1B,mBAAA,EAAuB,MAAA;AAAA,IACvB,mBAAA,EAAuB,MAAA;AAAA,IACvB,mBAAA,EAAuB,MAAA;AAAA,IACvB,mBAAA,EAAuB,MAAA;AAAA,IACvB,eAAA,EAAuB,MAAA;AAAA,IACvB,kBAAA,EAAuB,OAAA;AAAA,IACvB,mBAAA,EAAuB,MAAA;AAAA;AAAA,IAGvB,kBAAA,EAAuB,MAAA;AAAA,IACvB,eAAA,EAAuB,MAAA;AAAA,IACvB,iBAAA,EAAuB,OAAA;AAAA,IACvB,eAAA,EAAuB,OAAA;AAAA,IACvB,iBAAA,EAAuB,OAAA;AAAA,IACvB,eAAA,EAAuB,+BAAA;AAAA,IACvB,gBAAA,EAAuB,+BAAA;AAAA,IACvB,gBAAA,EAAuB,gCAAA;AAAA,IACvB,aAAA,EAAuB,8BAAA;AAAA,IACvB,SAAA,EAAuB,4BAAA;AAAA;AAAA,IAGvB,QAAA,EAAc,CAAA;AAAA,IACd,UAAA,EAAc,EAAA;AAAA,IACd,YAAA,EAAc,GAAA;AAAA,IACd,UAAA,EAAc,GAAA;AAAA,IACd,UAAA,EAAc,GAAA;AAAA,IACd,WAAA,EAAc,GAAA;AAAA,IACd,SAAA,EAAc,GAAA;AAAA,IACd,SAAA,EAAc,GAAA;AAAA,IACd,WAAA,EAAc;AAAA;AAEtB;AAuBO,IAAM,IAAA,GAAO;AAAA,EAChB,KAAA,EAAO;AAAA,IACH,UAAA,EAAqB,yBAAA;AAAA,IACrB,OAAA,EAAqB,sBAAA;AAAA,IACrB,aAAA,EAAqB,6BAAA;AAAA,IACrB,MAAA,EAAqB,qBAAA;AAAA,IACrB,YAAA,EAAqB,4BAAA;AAAA,IACrB,UAAA,EAAqB,yBAAA;AAAA,IACrB,mBAAA,EAAqB,mCAAA;AAAA,IACrB,eAAA,EAAqB,+BAAA;AAAA,IACrB,MAAA,EAAqB,qBAAA;AAAA,IACrB,WAAA,EAAqB,2BAAA;AAAA,IACrB,gBAAA,EAAqB,gCAAA;AAAA,IACrB,KAAA,EAAqB,oBAAA;AAAA,IACrB,OAAA,EAAqB,sBAAA;AAAA,IACrB,OAAA,EAAqB,sBAAA;AAAA,IACrB,IAAA,EAAqB,mBAAA;AAAA,IACrB,QAAA,EAAqB;AAAA,GACzB;AAAA,EAEA,MAAA,EAAQ;AAAA,IACJ,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACV;AAAA,EAEA,MAAA,EAAQ;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACR;AAAA,EAEA,UAAA,EAAY;AAAA,IACR,UAAA,EAAkB,yBAAA;AAAA,IAClB,UAAA,EAAkB,qBAAA;AAAA,IAClB,UAAA,EAAkB,qBAAA;AAAA,IAClB,YAAA,EAAkB,uBAAA;AAAA,IAClB,UAAA,EAAkB,qBAAA;AAAA,IAClB,UAAA,EAAkB,qBAAA;AAAA,IAClB,WAAA,EAAkB,sBAAA;AAAA,IAClB,WAAA,EAAkB,sBAAA;AAAA,IAClB,gBAAA,EAAoB,2BAAA;AAAA,IACpB,gBAAA,EAAoB,2BAAA;AAAA,IACpB,kBAAA,EAAoB,6BAAA;AAAA,IACpB,cAAA,EAAoB,yBAAA;AAAA,IACpB,eAAA,EAAmB,0BAAA;AAAA,IACnB,cAAA,EAAmB,yBAAA;AAAA,IACnB,gBAAA,EAAmB,2BAAA;AAAA,IACnB,iBAAA,EAAmB,4BAAA;AAAA,IACnB,kBAAA,EAAqB,6BAAA;AAAA,IACrB,mBAAA,EAAqB,8BAAA;AAAA,IACrB,iBAAA,EAAqB;AAAA,GACzB;AAAA,EAEA,OAAA,EAAS;AAAA,IACL,SAAA,EAAiB,0BAAA;AAAA,IACjB,SAAA,EAAiB,0BAAA;AAAA,IACjB,SAAA,EAAiB,0BAAA;AAAA,IACjB,SAAA,EAAiB,0BAAA;AAAA,IACjB,MAAA,EAAiB,sBAAA;AAAA,IACjB,eAAA,EAAkB,yBAAA;AAAA,IAClB,gBAAA,EAAkB;AAAA,GACtB;AAAA,EAEA,MAAA,EAAQ;AAAA,IACJ,eAAA,EAAiB,yBAAA;AAAA,IACjB,YAAA,EAAiB,sBAAA;AAAA,IACjB,cAAA,EAAiB,wBAAA;AAAA,IACjB,YAAA,EAAiB,sBAAA;AAAA,IACjB,cAAA,EAAiB,wBAAA;AAAA,IACjB,WAAA,EAAiB,sBAAA;AAAA,IACjB,YAAA,EAAiB,uBAAA;AAAA,IACjB,YAAA,EAAiB,uBAAA;AAAA,IACjB,SAAA,EAAiB,oBAAA;AAAA,IACjB,MAAA,EAAiB;AAAA,GACrB;AAAA,EAEA,MAAA,EAAQ;AAAA,IACJ,IAAA,EAAU,eAAA;AAAA,IACV,MAAA,EAAU,iBAAA;AAAA,IACV,QAAA,EAAU,mBAAA;AAAA,IACV,MAAA,EAAU,iBAAA;AAAA,IACV,MAAA,EAAU,iBAAA;AAAA,IACV,OAAA,EAAU,kBAAA;AAAA,IACV,KAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAU,gBAAA;AAAA,IACV,OAAA,EAAU;AAAA;AAElB","file":"chunk-OAV4TA4B.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, each useful in a different context:\n *\n *  1. `palette`        — raw brand hex values from palette.json\n *  2. `semanticTokens` — resolved hex / px values keyed by light / dark / shared\n *  3. `vars`           — CSS custom-property reference strings for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by: import '@geomak/ui/styles'\n * Tailwind utilities map to these vars via the bundled tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values (hex / px / ms) ─────────────────────────────────────────\n\n/**\n * Resolved token values for every semantic role.\n * Use when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n    light: {\n        // Surfaces\n        background:               '#eef4fa',\n        surface:                  '#ffffff',\n        'surface-raised':         '#ffffff',\n        // Borders\n        border:                   '#d3dde8',\n        'border-strong':          '#8898aa',\n        // Text\n        foreground:               '#0a1929',\n        'foreground-secondary':   '#2e4057',\n        'foreground-muted':       '#536878',\n        // Accent\n        accent:                   '#0466C8',\n        'accent-hover':           '#0353A4',\n        'accent-foreground':      '#ffffff',\n        // Status\n        error:                    '#c0392b',\n        warning:                  '#d68910',\n        success:                  '#1e8449',\n        info:                     '#1565c0',\n        // Scrim\n        backdrop:                 'rgba(6, 15, 26, 0.45)',\n    },\n\n    dark: {\n        // Surfaces\n        background:               '#060f1a',\n        surface:                  '#0d1f30',\n        'surface-raised':         '#152638',\n        // Borders\n        border:                   '#1e3348',\n        'border-strong':          '#2e4a64',\n        // Text\n        foreground:               '#e8f0f8',\n        'foreground-secondary':   '#9ab0c4',\n        'foreground-muted':       '#5c7a92',\n        // Accent\n        accent:                   '#2d88ff',\n        'accent-hover':           '#4d9aff',\n        'accent-foreground':      '#ffffff',\n        // Status (brightened for dark backgrounds)\n        error:                    '#ff6b6b',\n        warning:                  '#ffb347',\n        success:                  '#5cb85c',\n        info:                     '#5bc0de',\n        // Scrim (denser on dark backgrounds)\n        backdrop:                 'rgba(0, 0, 0, 0.6)',\n    },\n\n    // Mode-independent tokens\n    shared: {\n        // Radius — enterprise scale\n        'radius-sm':    '2px',\n        'radius-md':    '5px',\n        'radius-lg':    '7px',\n        'radius-xl':    '10px',\n        'radius-2xl':   '12px',\n        'radius-full':  '9999px',\n\n        // Typography\n        'font-size-xs':           '0.75rem',\n        'font-size-sm':           '0.875rem',\n        'font-size-base':         '1rem',\n        'font-size-lg':           '1.125rem',\n        'font-size-xl':           '1.25rem',\n        'font-size-2xl':          '1.5rem',\n        'font-size-3xl':          '1.875rem',\n        'font-weight-normal':     400,\n        'font-weight-medium':     500,\n        'font-weight-semibold':   600,\n        'font-weight-bold':       700,\n        'line-height-tight':      1.25,\n        'line-height-snug':       1.375,\n        'line-height-normal':     1.5,\n        'line-height-relaxed':    1.625,\n        'letter-spacing-tight':   '-0.025em',\n        'letter-spacing-normal':  '0em',\n        'letter-spacing-wide':    '0.025em',\n\n        // Component heights / density\n        'height-control-xs':   '24px',\n        'height-control-sm':   '28px',\n        'height-control-md':   '36px',\n        'height-control-lg':   '44px',\n        'height-topbar':       '56px',\n        'sidebar-expanded':    '220px',\n        'sidebar-collapsed':   '52px',\n\n        // Motion\n        'duration-instant':    '50ms',\n        'duration-fast':       '80ms',\n        'duration-normal':     '150ms',\n        'duration-slow':       '220ms',\n        'duration-gentle':     '350ms',\n        'ease-out-expo':       'cubic-bezier(0.16, 1, 0.3, 1)',\n        'ease-out-quart':      'cubic-bezier(0.25, 1, 0.5, 1)',\n        'ease-out-cubic':      'cubic-bezier(0.33, 1, 0.68, 1)',\n        'ease-in-out':         'cubic-bezier(0.4, 0, 0.2, 1)',\n        'ease-in':             'cubic-bezier(0.4, 0, 1, 1)',\n\n        // Z-index\n        'z-base':     0,\n        'z-raised':   10,\n        'z-dropdown': 100,\n        'z-sticky':   150,\n        'z-topbar':   200,\n        'z-overlay':  300,\n        'z-modal':    400,\n        'z-toast':    500,\n        'z-tooltip':  600,\n    },\n} as const\n\nexport type SemanticColorKey       = keyof typeof semanticTokens.light\nexport type SemanticSharedKey      = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n * Use in inline styles or CSS-in-JS — values respond to light/dark automatically.\n *\n * @example\n * // Inline style\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // Emotion / styled-components\n * const Card = styled.div`\n *   background: ${vars.color.surface};\n *   border-radius: ${vars.radius.lg};\n *   box-shadow: ${vars.shadow.md};\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        backdrop:            'var(--color-backdrop)',\n    },\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\n    shadow: {\n        sm: 'var(--shadow-sm)',\n        md: 'var(--shadow-md)',\n        lg: 'var(--shadow-lg)',\n        xl: 'var(--shadow-xl)',\n    },\n\n    typography: {\n        fontFamily:       'var(--font-family-sans)',\n        fontSizeXs:       'var(--font-size-xs)',\n        fontSizeSm:       'var(--font-size-sm)',\n        fontSizeBase:     'var(--font-size-base)',\n        fontSizeLg:       'var(--font-size-lg)',\n        fontSizeXl:       'var(--font-size-xl)',\n        fontSize2xl:      'var(--font-size-2xl)',\n        fontSize3xl:      'var(--font-size-3xl)',\n        fontWeightNormal:   'var(--font-weight-normal)',\n        fontWeightMedium:   'var(--font-weight-medium)',\n        fontWeightSemibold: 'var(--font-weight-semibold)',\n        fontWeightBold:     'var(--font-weight-bold)',\n        lineHeightTight:   'var(--line-height-tight)',\n        lineHeightSnug:    'var(--line-height-snug)',\n        lineHeightNormal:  'var(--line-height-normal)',\n        lineHeightRelaxed: 'var(--line-height-relaxed)',\n        letterSpacingTight:  'var(--letter-spacing-tight)',\n        letterSpacingNormal: 'var(--letter-spacing-normal)',\n        letterSpacingWide:   'var(--letter-spacing-wide)',\n    },\n\n    density: {\n        controlXs:       'var(--height-control-xs)',\n        controlSm:       'var(--height-control-sm)',\n        controlMd:       'var(--height-control-md)',\n        controlLg:       'var(--height-control-lg)',\n        topbar:          'var(--height-topbar)',\n        sidebarExpanded:  'var(--sidebar-expanded)',\n        sidebarCollapsed: 'var(--sidebar-collapsed)',\n    },\n\n    motion: {\n        durationInstant: 'var(--duration-instant)',\n        durationFast:    'var(--duration-fast)',\n        durationNormal:  'var(--duration-normal)',\n        durationSlow:    'var(--duration-slow)',\n        durationGentle:  'var(--duration-gentle)',\n        easeOutExpo:     'var(--ease-out-expo)',\n        easeOutQuart:    'var(--ease-out-quart)',\n        easeOutCubic:    'var(--ease-out-cubic)',\n        easeInOut:       'var(--ease-in-out)',\n        easeIn:          'var(--ease-in)',\n    },\n\n    zIndex: {\n        base:     'var(--z-base)',\n        raised:   'var(--z-raised)',\n        dropdown: 'var(--z-dropdown)',\n        sticky:   'var(--z-sticky)',\n        topbar:   'var(--z-topbar)',\n        overlay:  'var(--z-overlay)',\n        modal:    'var(--z-modal)',\n        toast:    'var(--z-toast)',\n        tooltip:  'var(--z-tooltip)',\n    },\n} as const\n\n// ─── Convenience type exports ─────────────────────────────────────────────────\nexport type VarColorKey    = keyof typeof vars.color\nexport type VarRadiusKey   = keyof typeof vars.radius\nexport type VarShadowKey   = keyof typeof vars.shadow\nexport type VarTypoKey     = keyof typeof vars.typography\nexport type VarDensityKey  = keyof typeof vars.density\nexport type VarMotionKey   = keyof typeof vars.motion\nexport type VarZIndexKey   = keyof typeof vars.zIndex\n"]}

package/dist/{index-CvyV3YPI.d.cts → index-5FQ64bx1.d.cts}

@@ -107,6 +107,7 @@ declare const semanticTokens: {
         readonly warning: "#d68910";
         readonly success: "#1e8449";
         readonly info: "#1565c0";
+        readonly backdrop: "rgba(6, 15, 26, 0.45)";
     };
     readonly dark: {
         readonly background: "#060f1a";
@@ -124,6 +125,7 @@ declare const semanticTokens: {
         readonly warning: "#ffb347";
         readonly success: "#5cb85c";
         readonly info: "#5bc0de";
+        readonly backdrop: "rgba(0, 0, 0, 0.6)";
     };
     readonly shared: {
         readonly 'radius-sm': "2px";
@@ -213,6 +215,7 @@ declare const vars: {
         readonly warning: "var(--color-warning)";
         readonly success: "var(--color-success)";
         readonly info: "var(--color-info)";
+        readonly backdrop: "var(--color-backdrop)";
     };
     readonly radius: {
         readonly sm: "var(--radius-sm)";

package/dist/{index-CvyV3YPI.d.ts → index-5FQ64bx1.d.ts}

@@ -107,6 +107,7 @@ declare const semanticTokens: {
         readonly warning: "#d68910";
         readonly success: "#1e8449";
         readonly info: "#1565c0";
+        readonly backdrop: "rgba(6, 15, 26, 0.45)";
     };
     readonly dark: {
         readonly background: "#060f1a";
@@ -124,6 +125,7 @@ declare const semanticTokens: {
         readonly warning: "#ffb347";
         readonly success: "#5cb85c";
         readonly info: "#5bc0de";
+        readonly backdrop: "rgba(0, 0, 0, 0.6)";
     };
     readonly shared: {
         readonly 'radius-sm': "2px";
@@ -213,6 +215,7 @@ declare const vars: {
         readonly warning: "var(--color-warning)";
         readonly success: "var(--color-success)";
         readonly info: "var(--color-info)";
+        readonly backdrop: "var(--color-backdrop)";
     };
     readonly radius: {
         readonly sm: "var(--radius-sm)";

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk255PCZIW_cjs = require('./chunk-255PCZIW.cjs');
+var chunkOAV4TA4B_cjs = require('./chunk-OAV4TA4B.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React20 = require('react');
 var reactDom = require('react-dom');
@@ -804,7 +804,7 @@ function Modal({
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Overlay, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
-        className: "fixed inset-0 bg-black/40 z-overlay",
+        className: "fixed inset-0 bg-backdrop z-overlay",
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
@@ -888,7 +888,7 @@ function Drawer({
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Overlay, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
-        className: "fixed inset-0 bg-black/40 z-overlay",
+        className: "fixed inset-0 bg-backdrop z-overlay",
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
@@ -2874,7 +2874,7 @@ function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
         onClick: previousApp,
         "aria-label": "Previous",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180",
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkOAV4TA4B_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: indexPool.map((index, id) => {
@@ -2911,7 +2911,7 @@ function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
         onClick: nextApp,
         "aria-label": "Next",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence",
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunk255PCZIW_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkOAV4TA4B_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     )
   ] }) });
@@ -7977,19 +7977,19 @@ function CreditCardForm({
 
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
-  get: function () { return chunk255PCZIW_cjs.colors_default; }
+  get: function () { return chunkOAV4TA4B_cjs.colors_default; }
 });
 Object.defineProperty(exports, "palette", {
   enumerable: true,
-  get: function () { return chunk255PCZIW_cjs.PALETTE; }
+  get: function () { return chunkOAV4TA4B_cjs.PALETTE; }
 });
 Object.defineProperty(exports, "semanticTokens", {
   enumerable: true,
-  get: function () { return chunk255PCZIW_cjs.semanticTokens; }
+  get: function () { return chunkOAV4TA4B_cjs.semanticTokens; }
 });
 Object.defineProperty(exports, "vars", {
   enumerable: true,
-  get: function () { return chunk255PCZIW_cjs.vars; }
+  get: function () { return chunkOAV4TA4B_cjs.vars; }
 });
 exports.Accordion = Accordion_default;
 exports.AppShell = AppShell;