@ngxsmk/theme 3.0.0 → 3.1.0

package/fesm2022/ngxsmk-theme.mjs

@@ -338,9 +338,9 @@ function resolveTheme(config) {
         fontFamily: { ...DEFAULT_FONT_FAMILY, ...config.typography?.fontFamily },
         typography: DEFAULT_TYPOGRAPHY,
         spacing: SPACING,
-        radius: RADIUS,
+        radius: { ...RADIUS, ...(config.radiusScale ?? {}) },
         radiusBase: config.borderRadius ?? 'md',
-        shadow: SHADOW,
+        shadow: { ...SHADOW, ...(config.shadowScale ?? {}) },
         duration: DURATION,
         easing: EASING,
         zIndex: Z_INDEX,
@@ -371,12 +371,25 @@ const COMPONENT_TOKEN_DEFAULTS = {
         '--ngxsmk-button-font-weight': '500',
         '--ngxsmk-button-radius': 'var(--ngxsmk-radius-base)',
         '--ngxsmk-button-disabled-opacity': '0.5',
+        '--ngxsmk-button-border-width': '1px',
+        '--ngxsmk-button-gap': 'var(--ngxsmk-space-2)',
+    },
+    input: {
+        '--ngxsmk-input-bg': 'var(--ngxsmk-color-surface)',
+        '--ngxsmk-input-color': 'var(--ngxsmk-color-on-surface)',
+        '--ngxsmk-input-border': 'var(--ngxsmk-color-outline-strong)',
+        '--ngxsmk-input-radius': 'var(--ngxsmk-radius-base)',
+        '--ngxsmk-input-height': 'var(--ngxsmk-control-height)',
+        '--ngxsmk-input-padding-inline': 'var(--ngxsmk-space-3)',
+        '--ngxsmk-input-placeholder': 'var(--ngxsmk-color-on-surface-variant)',
     },
     card: {
         '--ngxsmk-card-bg': 'var(--ngxsmk-color-surface)',
         '--ngxsmk-card-radius': 'var(--ngxsmk-radius-xl)',
         '--ngxsmk-card-shadow': 'var(--ngxsmk-shadow-sm)',
         '--ngxsmk-card-border-color': 'var(--ngxsmk-color-outline)',
+        '--ngxsmk-card-border-width': '1px',
+        '--ngxsmk-card-padding': 'var(--ngxsmk-space-5)',
     },
     accordion: {
         '--ngxsmk-accordion-bg': 'var(--ngxsmk-color-surface)',
@@ -398,6 +411,122 @@ const COMPONENT_TOKEN_DEFAULTS = {
         '--ngxsmk-switch-thumb-bg': 'var(--ngxsmk-color-surface)',
         '--ngxsmk-switch-checked-bg': 'var(--ngxsmk-color-primary)',
     },
+    checkbox: {
+        '--ngxsmk-checkbox-size': '1.125rem',
+        '--ngxsmk-checkbox-radius': 'var(--ngxsmk-radius-sm)',
+        '--ngxsmk-checkbox-border': 'var(--ngxsmk-color-outline-strong)',
+        '--ngxsmk-checkbox-checked-bg': 'var(--ngxsmk-color-primary)',
+    },
+    badge: {
+        '--ngxsmk-badge-radius': 'var(--ngxsmk-radius-full)',
+        '--ngxsmk-badge-font-weight': '600',
+        '--ngxsmk-badge-padding-inline': '0.5rem',
+        '--ngxsmk-badge-padding-block': '0.125rem',
+        '--ngxsmk-badge-border-mix': '20%',
+    },
+    alert: {
+        '--ngxsmk-alert-radius': 'var(--ngxsmk-radius-lg)',
+        '--ngxsmk-alert-border-mix': '22%',
+        '--ngxsmk-alert-padding': 'var(--ngxsmk-space-4)',
+    },
+    dialog: {
+        '--ngxsmk-dialog-radius': 'var(--ngxsmk-radius-2xl)',
+        '--ngxsmk-dialog-shadow': 'var(--ngxsmk-shadow-xl)',
+        '--ngxsmk-dialog-bg': 'var(--ngxsmk-color-surface-elevated)',
+        '--ngxsmk-dialog-backdrop': 'var(--ngxsmk-color-backdrop)',
+        '--ngxsmk-dialog-blur': '4px',
+        '--ngxsmk-dialog-max-width': '28rem',
+    },
+    sheet: {
+        '--ngxsmk-sheet-radius': 'var(--ngxsmk-radius-xl)',
+        '--ngxsmk-sheet-shadow': 'var(--ngxsmk-shadow-xl)',
+        '--ngxsmk-sheet-bg': 'var(--ngxsmk-color-surface-elevated)',
+        '--ngxsmk-sheet-backdrop': 'var(--ngxsmk-color-backdrop)',
+        '--ngxsmk-sheet-width': '24rem',
+    },
+    lightbox: {
+        '--ngxsmk-lightbox-backdrop': 'rgb(0 0 0 / 0.9)',
+        '--ngxsmk-lightbox-fg': '#ffffff',
+        '--ngxsmk-lightbox-control-bg': 'rgb(255 255 255 / 0.12)',
+        '--ngxsmk-lightbox-control-bg-hover': 'rgb(255 255 255 / 0.22)',
+    },
+    toast: {
+        '--ngxsmk-toast-radius': 'var(--ngxsmk-radius-lg)',
+        '--ngxsmk-toast-shadow': 'var(--ngxsmk-shadow-lg)',
+        '--ngxsmk-toast-bg': 'var(--ngxsmk-color-surface-elevated)',
+        '--ngxsmk-toast-accent-width': '3px',
+    },
+    table: {
+        '--ngxsmk-table-border': 'var(--ngxsmk-color-outline)',
+        '--ngxsmk-table-header-bg': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 55%, transparent)',
+        '--ngxsmk-table-row-hover': 'var(--ngxsmk-color-surface-hover)',
+        '--ngxsmk-table-stripe': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 35%, transparent)',
+        '--ngxsmk-table-drop-indicator': 'inset 2px 0 0 var(--ngxsmk-color-primary)',
+        '--ngxsmk-table-cell-padding': '0.625rem 0.75rem',
+    },
+    tabs: {
+        '--ngxsmk-tabs-indicator': '2px',
+        '--ngxsmk-tabs-radius': 'var(--ngxsmk-radius-md)',
+        '--ngxsmk-tabs-gap': 'var(--ngxsmk-space-1)',
+    },
+    select: {
+        '--ngxsmk-select-bg': 'var(--ngxsmk-color-surface)',
+        '--ngxsmk-select-border': 'var(--ngxsmk-color-outline-strong)',
+        '--ngxsmk-select-radius': 'var(--ngxsmk-radius-base)',
+        '--ngxsmk-select-list-shadow': 'var(--ngxsmk-shadow-lg)',
+        '--ngxsmk-select-list-radius': 'var(--ngxsmk-radius-lg)',
+    },
+    menu: {
+        '--ngxsmk-menu-bg': 'var(--ngxsmk-color-surface-elevated)',
+        '--ngxsmk-menu-radius': 'var(--ngxsmk-radius-lg)',
+        '--ngxsmk-menu-shadow': 'var(--ngxsmk-shadow-lg)',
+        '--ngxsmk-menu-border': 'var(--ngxsmk-color-outline)',
+        '--ngxsmk-menu-item-radius': 'var(--ngxsmk-radius-md)',
+    },
+    pagination: {
+        '--ngxsmk-pagination-size': '2.25rem',
+        '--ngxsmk-pagination-radius': 'var(--ngxsmk-radius-md)',
+    },
+    formField: {
+        '--ngxsmk-form-field-gap': 'var(--ngxsmk-space-1-5)',
+        '--ngxsmk-form-field-label-weight': '500',
+    },
+    radio: {
+        '--ngxsmk-radio-size': '1.125rem',
+        '--ngxsmk-radio-dot-size': '0.5rem',
+        '--ngxsmk-radio-border': 'var(--ngxsmk-color-outline-strong)',
+    },
+    dataTable: {
+        '--ngxsmk-data-table-border': 'var(--ngxsmk-color-outline)',
+        '--ngxsmk-data-table-radius': 'var(--ngxsmk-radius-md)',
+        '--ngxsmk-data-table-filter-bg': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 40%, transparent)',
+        '--ngxsmk-data-table-filter-label-size': '0.7rem',
+        '--ngxsmk-data-table-page-size': '2rem',
+        '--ngxsmk-data-table-loading-height': '3px',
+    },
+    aiChat: {
+        '--ngxsmk-ai-chat-radius': 'var(--ngxsmk-radius-xl)',
+        '--ngxsmk-ai-chat-border': 'var(--ngxsmk-color-outline)',
+        '--ngxsmk-ai-chat-bg': 'var(--ngxsmk-color-surface)',
+        '--ngxsmk-ai-chat-header-bg': 'var(--ngxsmk-color-surface-variant)',
+        '--ngxsmk-ai-chat-bubble-bg': 'var(--ngxsmk-color-surface-variant)',
+        '--ngxsmk-ai-chat-bubble-user-bg': 'var(--ngxsmk-color-primary)',
+        '--ngxsmk-ai-chat-bubble-radius': 'var(--ngxsmk-radius-lg)',
+        '--ngxsmk-ai-chat-composer-radius': 'var(--ngxsmk-radius-full)',
+    },
+    promptInput: {
+        '--ngxsmk-prompt-radius': 'var(--ngxsmk-radius-xl)',
+        '--ngxsmk-prompt-border': 'var(--ngxsmk-color-outline-strong)',
+        '--ngxsmk-prompt-shadow': 'var(--ngxsmk-shadow-sm)',
+        '--ngxsmk-prompt-bg': 'var(--ngxsmk-color-surface)',
+        '--ngxsmk-prompt-send-radius': 'var(--ngxsmk-radius-full)',
+    },
+    chatBubble: {
+        '--ngxsmk-chat-bubble-radius': 'var(--ngxsmk-radius-lg)',
+        '--ngxsmk-chat-bubble-bg': 'var(--ngxsmk-color-surface-container)',
+        '--ngxsmk-chat-bubble-user-bg': 'var(--ngxsmk-color-primary-container)',
+        '--ngxsmk-chat-bubble-padding': 'var(--ngxsmk-space-2) var(--ngxsmk-space-3)',
+    },
     spreadsheet: {
         '--ngxsmk-spreadsheet-bg': 'var(--ngxsmk-color-surface)',
         '--ngxsmk-spreadsheet-header-bg': 'var(--ngxsmk-color-surface-variant)',
@@ -429,16 +558,22 @@ const COMPONENT_TOKEN_DEFAULTS = {
         '--ngxsmk-input-group-radius': 'var(--ngxsmk-radius-md)',
         '--ngxsmk-input-group-shadow': 'none',
         '--ngxsmk-input-group-focus-border': 'var(--ngxsmk-color-primary)',
-        '--ngxsmk-input-group-focus-shadow': '0 0 0 3px color-mix(in srgb, var(--ngxsmk-color-primary) 15%, transparent)',
+        '--ngxsmk-input-group-focus-shadow': 'var(--ngxsmk-focus-ring)',
         '--ngxsmk-input-group-error-border': 'var(--ngxsmk-color-error)',
-        '--ngxsmk-input-group-error-focus-shadow': '0 0 0 3px color-mix(in srgb, var(--ngxsmk-color-error) 15%, transparent)',
+        '--ngxsmk-input-group-error-focus-shadow': 'var(--ngxsmk-focus-ring-error)',
         '--ngxsmk-input-group-success-border': 'var(--ngxsmk-color-success)',
         '--ngxsmk-input-group-warning-border': 'var(--ngxsmk-color-warning)',
-        '--ngxsmk-input-group-height': '2.5rem',
+        '--ngxsmk-input-group-height': 'var(--ngxsmk-control-height)',
         '--ngxsmk-input-group-padding': '0.75rem',
         '--ngxsmk-input-group-gap': 'var(--ngxsmk-space-2)',
         '--ngxsmk-input-group-font': 'var(--ngxsmk-font-sans)',
     },
+    heatmap: {
+        '--ngxsmk-heatmap-level-1': 'color-mix(in srgb, var(--ngxsmk-color-success) 28%, var(--ngxsmk-color-surface-variant))',
+        '--ngxsmk-heatmap-level-2': 'color-mix(in srgb, var(--ngxsmk-color-success) 52%, var(--ngxsmk-color-surface-variant))',
+        '--ngxsmk-heatmap-level-3': 'color-mix(in srgb, var(--ngxsmk-color-success) 76%, var(--ngxsmk-color-surface-variant))',
+        '--ngxsmk-heatmap-level-4': 'var(--ngxsmk-color-success)',
+    },
 };
 /** Tokens that do not change between light and dark mode. */
 function staticVars(theme) {
@@ -763,6 +898,9 @@ const neutralPreset = {
 /**
  * Default preset: Emerald green. This preset generates the prebuilt
  * `ngxsmk.css` stylesheet shipped with @ngxsmk/theme.
+ *
+ * **Classic contract:** keep this visually stable for existing consumers.
+ * Premium Ink lives in `inkPreset` / `ngxsmk.ink.css` as an opt-in.
  */
 const emeraldPreset = {
     name: 'emerald',
@@ -772,11 +910,174 @@ const rosePreset = {
     name: 'rose',
     brand: { primary: '#E11D48' },
 };
+/**
+ * Cool graphite neutrals for the Ink & precision look. Independent of the
+ * Classic `DEFAULT_NEUTRAL` so emerald/violet/rose stay unchanged.
+ */
+const INK_NEUTRAL = {
+    50: '#F6F7F8',
+    100: '#EBEDF0',
+    200: '#D5D8DE',
+    300: '#B0B5BF',
+    400: '#7E8491',
+    500: '#5A606C',
+    600: '#454954',
+    700: '#33363E',
+    800: '#1C1E24',
+    900: '#12141A',
+    950: '#0A0B0E',
+};
+/**
+ * Opt-in premium preset: Ink & precision.
+ * Generates `ngxsmk.ink.css`. Does not replace the default `ngxsmk.css`.
+ *
+ * Consumers:
+ * ```css
+ * @import '@ngxsmk/theme/styles/ngxsmk.ink.css';
+ * ```
+ * or `theme.applyTheme(inkPreset)`.
+ */
+const inkPreset = {
+    name: 'ink',
+    brand: { primary: '#0F766E' },
+    neutral: INK_NEUTRAL,
+    typography: {
+        fontFamily: {
+            sans: "'Geist Sans', 'Geist Sans Fallback', system-ui, -apple-system, sans-serif",
+            mono: "'Geist Mono', 'Geist Mono Fallback', monospace",
+        },
+    },
+    borderRadius: 'md',
+    radiusScale: {
+        sm: '0.1875rem', // 3px
+        md: '0.375rem', // 6px — element base
+        lg: '0.5rem', // 8px — cards / popovers
+        xl: '0.625rem', // 10px
+        '2xl': '0.75rem', // 12px
+        '3xl': '1rem', // 16px — page surfaces (was 28px in Classic)
+    },
+    shadowScale: {
+        sm: '0 0 0 1px rgb(0 0 0 / 0.04), 0 1px 2px rgb(0 0 0 / 0.04)',
+        md: '0 0 0 1px rgb(0 0 0 / 0.04), 0 1px 2px rgb(0 0 0 / 0.05), 0 4px 10px rgb(0 0 0 / 0.05)',
+        lg: '0 0 0 1px rgb(0 0 0 / 0.05), 0 2px 4px rgb(0 0 0 / 0.05), 0 10px 28px rgb(0 0 0 / 0.08)',
+        xl: '0 0 0 1px rgb(0 0 0 / 0.05), 0 4px 8px rgb(0 0 0 / 0.06), 0 18px 40px rgb(0 0 0 / 0.1)',
+        '2xl': '0 0 0 1px rgb(0 0 0 / 0.06), 0 8px 16px rgb(0 0 0 / 0.08), 0 28px 56px rgb(0 0 0 / 0.12)',
+    },
+    overrides: {
+        light: {
+            // Graphite canvas — quieter than Classic cool-blue wash.
+            '--ngxsmk-color-background': '#F4F5F7',
+            '--ngxsmk-color-surface': '#FFFFFF',
+            '--ngxsmk-color-surface-elevated': '#FFFFFF',
+            '--ngxsmk-color-surface-overlay': '#FFFFFF',
+            '--ngxsmk-color-surface-variant': '#EBEDF0',
+            '--ngxsmk-color-on-background': '#0A0B0E',
+            '--ngxsmk-color-on-surface': '#0A0B0E',
+            '--ngxsmk-color-on-surface-variant': '#5A606C',
+            '--ngxsmk-color-surface-hover': 'rgb(10 11 14 / 0.04)',
+            '--ngxsmk-color-surface-active': 'rgb(10 11 14 / 0.08)',
+            '--ngxsmk-color-outline': 'rgb(10 11 14 / 0.1)',
+            '--ngxsmk-color-outline-strong': '#D5D8DE',
+            '--ngxsmk-color-outline-variant': 'rgb(10 11 14 / 0.06)',
+            '--ngxsmk-color-outline-subtle': 'rgb(10 11 14 / 0.05)',
+            '--ngxsmk-color-backdrop': 'rgb(10 11 14 / 0.48)',
+            '--ngxsmk-color-ring': '#0F766E',
+            // Precision focus — tighter than Classic double ring.
+            '--ngxsmk-shadow-focus': '0 0 0 1px #FFFFFF, 0 0 0 3px color-mix(in srgb, #0F766E 55%, transparent)',
+            // Density.
+            '--ngxsmk-control-height': '2.25rem',
+            '--ngxsmk-control-height-sm': '1.875rem',
+            '--ngxsmk-control-height-md': '2.25rem',
+            '--ngxsmk-control-height-lg': '2.75rem',
+            // Component chrome — border-first, no float.
+            '--ngxsmk-hover-lift': 'none',
+            '--ngxsmk-button-font-weight': '600',
+            '--ngxsmk-button-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-input-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-input-height': 'var(--ngxsmk-control-height)',
+            '--ngxsmk-input-group-height': '2.25rem',
+            '--ngxsmk-input-group-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-card-shadow': 'none',
+            '--ngxsmk-card-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-card-border-width': '1px',
+            '--ngxsmk-dialog-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-dialog-blur': '8px',
+            '--ngxsmk-sheet-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-toast-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-toast-accent-width': '2px',
+            '--ngxsmk-select-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-menu-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-pagination-size': '2rem',
+            '--ngxsmk-pagination-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-table-header-bg': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 70%, transparent)',
+            '--ngxsmk-badge-font-weight': '650',
+            '--ngxsmk-progress-height': '0.375rem',
+            // Forms — denser labels, quieter group chrome.
+            '--ngxsmk-form-field-gap': 'var(--ngxsmk-space-1)',
+            '--ngxsmk-form-field-label-weight': '600',
+            '--ngxsmk-input-group-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-input-group-padding': '0.625rem',
+            '--ngxsmk-radio-border': 'var(--ngxsmk-color-outline)',
+            // Data table — ops density.
+            '--ngxsmk-data-table-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-data-table-filter-bg': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 55%, transparent)',
+            '--ngxsmk-data-table-page-size': '1.875rem',
+            '--ngxsmk-data-table-loading-height': '2px',
+            // AI surfaces — border-first console, no soft float.
+            '--ngxsmk-ai-chat-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-ai-chat-header-bg': 'var(--ngxsmk-color-surface)',
+            '--ngxsmk-ai-chat-bubble-bg': 'var(--ngxsmk-color-surface-variant)',
+            '--ngxsmk-ai-chat-bubble-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-ai-chat-composer-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-prompt-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-prompt-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-prompt-shadow': 'none',
+            '--ngxsmk-prompt-send-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-chat-bubble-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-chat-bubble-padding': 'var(--ngxsmk-space-2) var(--ngxsmk-space-3)',
+        },
+        dark: {
+            '--ngxsmk-color-background': '#0A0B0E',
+            '--ngxsmk-color-surface': '#12141A',
+            '--ngxsmk-color-surface-elevated': '#1C1E24',
+            '--ngxsmk-color-surface-overlay': '#1C1E24',
+            '--ngxsmk-color-surface-container': '#12141A',
+            '--ngxsmk-color-surface-variant': '#1C1E24',
+            '--ngxsmk-color-surface-1': '#12141A',
+            '--ngxsmk-color-surface-2': '#1C1E24',
+            '--ngxsmk-color-outline': 'rgb(246 247 248 / 0.12)',
+            '--ngxsmk-color-outline-strong': 'rgb(246 247 248 / 0.18)',
+            '--ngxsmk-color-outline-variant': 'rgb(246 247 248 / 0.08)',
+            '--ngxsmk-color-backdrop': 'rgb(0 0 0 / 0.62)',
+            '--ngxsmk-shadow-focus': '0 0 0 1px #12141A, 0 0 0 3px color-mix(in srgb, #2DD4BF 50%, transparent)',
+            '--ngxsmk-hover-lift': 'none',
+            '--ngxsmk-control-height': '2.25rem',
+            '--ngxsmk-control-height-sm': '1.875rem',
+            '--ngxsmk-control-height-md': '2.25rem',
+            '--ngxsmk-control-height-lg': '2.75rem',
+            '--ngxsmk-button-font-weight': '600',
+            '--ngxsmk-card-shadow': 'none',
+            '--ngxsmk-card-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-dialog-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-input-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-select-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-form-field-label-weight': '600',
+            '--ngxsmk-input-group-height': '2.25rem',
+            '--ngxsmk-ai-chat-radius': 'var(--ngxsmk-radius-lg)',
+            '--ngxsmk-ai-chat-header-bg': 'var(--ngxsmk-color-surface)',
+            '--ngxsmk-prompt-shadow': 'none',
+            '--ngxsmk-prompt-border': 'var(--ngxsmk-color-outline)',
+            '--ngxsmk-prompt-send-radius': 'var(--ngxsmk-radius-md)',
+            '--ngxsmk-data-table-filter-bg': 'color-mix(in srgb, var(--ngxsmk-color-surface-variant) 70%, transparent)',
+        },
+    },
+};
 const presets = {
     violet: violetPreset,
     neutral: neutralPreset,
     emerald: emeraldPreset,
     rose: rosePreset,
+    ink: inkPreset,
 };
 
 /**
@@ -1019,9 +1320,7 @@ class NgxThemeInjectorService {
         const resolved = resolveTheme(config);
         const lightVars = ionicVarsAdapter.vars(resolved);
         const darkVars = ionicVarsAdapter.darkVars ? ionicVarsAdapter.darkVars(resolved) : undefined;
-        if (style) {
-            style.textContent = this.buildAdapterCss('ionic', lightVars, darkVars);
-        }
+        style.textContent = this.buildAdapterCss('ionic', lightVars, darkVars);
     }
     /** Remove a runtime-applied theme, falling back to the build-time CSS. */
     clearTheme() {
@@ -1159,5 +1458,5 @@ function provideNgxsmkIonicTheme(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { CONTROL_HEIGHT, CONTROL_HEIGHTS, DEFAULT_FONT_FAMILY, DEFAULT_NEUTRAL, DEFAULT_SEMANTIC, DEFAULT_TYPOGRAPHY, DURATION, EASING, FONT_WEIGHT, ICON_SIZE, LEADING, NgxThemeInjectorService, NgxsmkThemeService, OPACITY, RADIUS, SAFE_AREA, SHADOW, SPACING, TOUCH_TARGET_MIN, TRACKING, Z_INDEX, buildThemeCss, cssVarsAdapter, defineConfig, deriveScale, emeraldPreset, hexToOklch, ionicVarsAdapter, neutralPreset, oklchToHex, presets, provideNgxsmkIonicTheme, resolveTheme, rosePreset, rotateHue, shiftLightness, violetPreset };
+export { CONTROL_HEIGHT, CONTROL_HEIGHTS, DEFAULT_FONT_FAMILY, DEFAULT_NEUTRAL, DEFAULT_SEMANTIC, DEFAULT_TYPOGRAPHY, DURATION, EASING, FONT_WEIGHT, ICON_SIZE, LEADING, NgxThemeInjectorService, NgxsmkThemeService, OPACITY, RADIUS, SAFE_AREA, SHADOW, SPACING, TOUCH_TARGET_MIN, TRACKING, Z_INDEX, buildThemeCss, cssVarsAdapter, defineConfig, deriveScale, emeraldPreset, hexToOklch, inkPreset, ionicVarsAdapter, neutralPreset, oklchToHex, presets, provideNgxsmkIonicTheme, resolveTheme, rosePreset, rotateHue, shiftLightness, violetPreset };
 //# sourceMappingURL=ngxsmk-theme.mjs.map