@bvs-tech/material 0.0.1 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +116 -116
  2. package/fesm2022/bvs-tech-material.mjs +59 -27
  3. package/fesm2022/bvs-tech-material.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/styles/_mixins.scss +157 -0
  6. package/styles/_tokens.scss +272 -0
  7. package/styles/styles.scss +2 -0
  8. package/styles/tokens/_colors.scss +234 -0
  9. package/styles/tokens/_shadows.scss +67 -0
  10. package/styles/tokens/_spacing.scss +30 -0
  11. package/styles/tokens/_typography.scss +52 -0
  12. package/types/bvs-tech-material.d.ts +34 -6
package/README.md CHANGED
@@ -1,116 +1,116 @@
1
- # BvsLib — BVSTech Design System Library
2
-
3
- `bvs-lib` is the generic design system library of BVSTech, built with Angular standalone components and a dynamic, theme-responsive SASS tokens design system.
4
-
5
- ---
6
-
7
- ## 🚀 Design Principles
8
-
9
- 1. **Strict Genericity**: Components inside `bvs-lib` are domain-agnostic. No business logic (e.g. keycloak auth, user profile services, occurrence calculations) is allowed here. Business contexts are handled by local wrapper components in applications.
10
- 2. **Open Composition & Transclusion**: Molecules and organisms are designed to support open composition using `<ng-content>` slots (transclusion).
11
- 3. **Responsive Themes & Mode Adaptability**: All components automatically adapt their colors, borders, and shadows to the light/dark mode and active brand configuration (`default`, `emerald`, `sunset`, `amethyst`, `ruby`).
12
-
13
- ---
14
-
15
- ## 📦 Components Library
16
-
17
- ### 🔹 Atoms
18
-
19
- #### `AvatarComponent` (`<bvs-avatar>`)
20
- - **Purpose**: Displays user initials in a styled circle.
21
- - **Selector**: `bvs-avatar`
22
- - **Inputs**:
23
- - `fullName: string` (required): Full name used to extract initials (e.g., `'John Doe'` -> `'JD'`).
24
- - **Styling**: Gradient background derived from active brand colors.
25
-
26
- #### `BadgeComponent` (`[bvs-badge]`)
27
- - **Purpose**: Displays a status label with semantic coloring and size.
28
- - **Selector**: `[bvs-badge]` (attribute)
29
- - **Inputs**:
30
- - `color: 'info' | 'success' | 'warning' | 'danger' | 'neutral'`
31
- - `size: 'sm' | 'md' | 'lg'`
32
-
33
- #### `ButtonComponent` (`[bvs-button]`)
34
- - **Purpose**: Generic interactive button.
35
- - **Selector**: `[bvs-button]` (attribute)
36
- - **Inputs**:
37
- - `variant: 'primary' | 'secondary' | 'danger' | 'ghost'`
38
- - `size: 'sm' | 'md' | 'lg'`
39
- - `block: boolean`: Whether the button takes full width.
40
-
41
- #### `CardComponent` (`[bvs-card]`)
42
- - **Purpose**: Premium glassmorphism container for dashboard widgets/content.
43
- - **Selector**: `[bvs-card]` (attribute)
44
- - **Styling**: Adaptable glassmorphism backdrop filter and border thickness.
45
-
46
- #### `ErrorMessageComponent` (`[bvs-error-message]`)
47
- - **Purpose**: Displays a styled, animated validation error message.
48
- - **Selector**: `[bvs-error-message]` (attribute)
49
- - **Styling**: Slide-in animation, adapts background and text color to theme.
50
-
51
- #### `InputComponent` (`input[bvs-input], textarea[bvs-input]`)
52
- - **Purpose**: Reusable input and textarea fields.
53
- - **Selector**: `input[bvs-input], textarea[bvs-input]` (attribute)
54
- - **Inputs**:
55
- - `variant: 'primary' | 'secondary' | 'danger'`
56
- - `size: 'sm' | 'md' | 'lg'`
57
- - `block: boolean`
58
-
59
- ---
60
-
61
- ### 🔸 Molecules
62
-
63
- #### `FormFieldComponent` (`<bvs-form-field>`)
64
- - **Purpose**: Combines label, input, and errors, featuring a premium floating label animation.
65
- - **Selector**: `bvs-form-field`
66
- - **Inputs**:
67
- - `label: string` (required)
68
- - `forId: string` (optional)
69
- - **Usage**:
70
- ```html
71
- <bvs-form-field label="E-mail" forId="email-input">
72
- <input bvs-input id="email-input" placeholder=" " />
73
- </bvs-form-field>
74
- ```
75
-
76
- ---
77
-
78
- ### 🌐 Organisms
79
-
80
- #### `NavbarComponent` (`<bvs-navbar>`)
81
- - **Purpose**: Header container exposing brand and action slots.
82
- - **Selector**: `bvs-navbar`
83
- - **Slots**:
84
- - `[navbar-brand]`: Main title/logo
85
- - `[navbar-actions]`: User menus, buttons, action items
86
- - **Usage**:
87
- ```html
88
- <bvs-navbar>
89
- <div navbar-brand>⬡ BVSTech</div>
90
- <div navbar-actions>
91
- <button bvs-button variant="secondary">Login</button>
92
- </div>
93
- </bvs-navbar>
94
- ```
95
-
96
- ---
97
-
98
- ## 🛠️ CLI Commands
99
-
100
- ### Build
101
- To build the library, run the following in `frontend/bvs-material`:
102
- ```bash
103
- npm run build
104
- ```
105
-
106
- ### Unit Tests
107
- To run unit tests via Vitest:
108
- ```bash
109
- npm run test
110
- ```
111
-
112
- ### Storybook Showcase
113
- To start the Storybook sandbox to preview all configurations and brand presets:
114
- ```bash
115
- npm run storybook
116
- ```
1
+ # BvsLib — BVSTech Design System Library
2
+
3
+ `bvs-lib` is the generic design system library of BVSTech, built with Angular standalone components and a dynamic, theme-responsive SASS tokens design system.
4
+
5
+ ---
6
+
7
+ ## 🚀 Design Principles
8
+
9
+ 1. **Strict Genericity**: Components inside `bvs-lib` are domain-agnostic. No business logic (e.g. keycloak auth, user profile services, occurrence calculations) is allowed here. Business contexts are handled by local wrapper components in applications.
10
+ 2. **Open Composition & Transclusion**: Molecules and organisms are designed to support open composition using `<ng-content>` slots (transclusion).
11
+ 3. **Responsive Themes & Mode Adaptability**: All components automatically adapt their colors, borders, and shadows to the light/dark mode and active brand configuration (`default`, `emerald`, `sunset`, `amethyst`, `ruby`).
12
+
13
+ ---
14
+
15
+ ## 📦 Components Library
16
+
17
+ ### 🔹 Atoms
18
+
19
+ #### `AvatarComponent` (`<bvs-avatar>`)
20
+ - **Purpose**: Displays user initials in a styled circle.
21
+ - **Selector**: `bvs-avatar`
22
+ - **Inputs**:
23
+ - `fullName: string` (required): Full name used to extract initials (e.g., `'John Doe'` -> `'JD'`).
24
+ - **Styling**: Gradient background derived from active brand colors.
25
+
26
+ #### `BadgeComponent` (`[bvs-badge]`)
27
+ - **Purpose**: Displays a status label with semantic coloring and size.
28
+ - **Selector**: `[bvs-badge]` (attribute)
29
+ - **Inputs**:
30
+ - `color: 'info' | 'success' | 'warning' | 'danger' | 'neutral'`
31
+ - `size: 'sm' | 'md' | 'lg'`
32
+
33
+ #### `ButtonComponent` (`[bvs-button]`)
34
+ - **Purpose**: Generic interactive button.
35
+ - **Selector**: `[bvs-button]` (attribute)
36
+ - **Inputs**:
37
+ - `variant: 'primary' | 'secondary' | 'danger' | 'ghost'`
38
+ - `size: 'sm' | 'md' | 'lg'`
39
+ - `block: boolean`: Whether the button takes full width.
40
+
41
+ #### `CardComponent` (`[bvs-card]`)
42
+ - **Purpose**: Premium glassmorphism container for dashboard widgets/content.
43
+ - **Selector**: `[bvs-card]` (attribute)
44
+ - **Styling**: Adaptable glassmorphism backdrop filter and border thickness.
45
+
46
+ #### `ErrorMessageComponent` (`[bvs-error-message]`)
47
+ - **Purpose**: Displays a styled, animated validation error message.
48
+ - **Selector**: `[bvs-error-message]` (attribute)
49
+ - **Styling**: Slide-in animation, adapts background and text color to theme.
50
+
51
+ #### `InputComponent` (`input[bvs-input], textarea[bvs-input]`)
52
+ - **Purpose**: Reusable input and textarea fields.
53
+ - **Selector**: `input[bvs-input], textarea[bvs-input]` (attribute)
54
+ - **Inputs**:
55
+ - `variant: 'primary' | 'secondary' | 'danger'`
56
+ - `size: 'sm' | 'md' | 'lg'`
57
+ - `block: boolean`
58
+
59
+ ---
60
+
61
+ ### 🔸 Molecules
62
+
63
+ #### `FormFieldComponent` (`<bvs-form-field>`)
64
+ - **Purpose**: Combines label, input, and errors, featuring a premium floating label animation.
65
+ - **Selector**: `bvs-form-field`
66
+ - **Inputs**:
67
+ - `label: string` (required)
68
+ - `forId: string` (optional)
69
+ - **Usage**:
70
+ ```html
71
+ <bvs-form-field label="E-mail" forId="email-input">
72
+ <input bvs-input id="email-input" placeholder=" " />
73
+ </bvs-form-field>
74
+ ```
75
+
76
+ ---
77
+
78
+ ### 🌐 Organisms
79
+
80
+ #### `NavbarComponent` (`<bvs-navbar>`)
81
+ - **Purpose**: Header container exposing brand and action slots.
82
+ - **Selector**: `bvs-navbar`
83
+ - **Slots**:
84
+ - `[navbar-brand]`: Main title/logo
85
+ - `[navbar-actions]`: User menus, buttons, action items
86
+ - **Usage**:
87
+ ```html
88
+ <bvs-navbar>
89
+ <div navbar-brand>⬡ BVSTech</div>
90
+ <div navbar-actions>
91
+ <button bvs-button variant="secondary">Login</button>
92
+ </div>
93
+ </bvs-navbar>
94
+ ```
95
+
96
+ ---
97
+
98
+ ## 🛠️ CLI Commands
99
+
100
+ ### Build
101
+ To build the library, run the following in `frontend/bvs-material`:
102
+ ```bash
103
+ npm run build
104
+ ```
105
+
106
+ ### Unit Tests
107
+ To run unit tests via Vitest:
108
+ ```bash
109
+ npm run test
110
+ ```
111
+
112
+ ### Storybook Showcase
113
+ To start the Storybook sandbox to preview all configurations and brand presets:
114
+ ```bash
115
+ npm run storybook
116
+ ```
package/fesm2022/bvs-tech-material.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
- import { signal, Injectable, Input, ChangeDetectionStrategy, Component } from '@angular/core';
2
+ import { signal, Injectable, Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
3
4
 
4
5
  class ThemeService {
5
6
  currentBrand = signal('default', ...(ngDevMode ? [{ debugName: "currentBrand" }] : /* istanbul ignore next */ []));
@@ -72,7 +73,7 @@ class ThemeService {
72
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThemeService, decorators: [{
73
74
  type: Injectable,
74
75
  args: [{
75
- providedIn: 'root'
76
+ providedIn: 'root',
76
77
  }]
77
78
  }], ctorParameters: () => [] });
78
79
 
@@ -130,7 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
130
131
  '[class.badge-neutral]': "color === 'neutral'",
131
132
  '[class.badge-sm]': "size === 'sm'",
132
133
  '[class.badge-md]': "size === 'md'",
133
- '[class.badge-lg]': "size === 'lg'"
134
+ '[class.badge-lg]': "size === 'lg'",
134
135
  }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:inline-flex;align-items:center;border-radius:var(--bvs-radius-full);font-weight:var(--bvs-font-weight-semibold);text-transform:capitalize;transition:all var(--bvs-transition-fast);line-height:1;box-sizing:border-box}:host.badge-sm{padding:2px var(--bvs-space-2);font-size:.6875rem;letter-spacing:.02em}:host.badge-md{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);letter-spacing:.04em}:host.badge-lg{padding:.375rem var(--bvs-space-4);font-size:var(--bvs-font-size-sm);letter-spacing:.05em}:host.badge-neutral{background-color:var(--bvs-color-surface-muted);color:var(--bvs-color-text-secondary);border:1px solid var(--bvs-color-border)}:host.badge-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}:host.badge-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}:host.badge-info{background-color:#e0f2fe;color:#075985;border:1px solid #7dd3fc}:host.badge-success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}:host-context([data-theme=dark]).badge-neutral{background-color:#ffffff14;color:var(--bvs-color-text-secondary);border:1px solid var(--bvs-color-border)}:host-context([data-theme=dark]).badge-danger{background-color:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.3)}:host-context([data-theme=dark]).badge-warning{background-color:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}:host-context([data-theme=dark]).badge-info{background-color:#0ea5e929;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}:host-context([data-theme=dark]).badge-success{background-color:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.3)}\n"] }]
135
136
  }], propDecorators: { color: [{
136
137
  type: Input
@@ -162,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
162
163
  '[class.btn-sm]': "size === 'sm'",
163
164
  '[class.btn-md]': "size === 'md'",
164
165
  '[class.btn-lg]': "size === 'lg'",
165
- '[class.btn-block]': 'block'
166
+ '[class.btn-block]': 'block',
166
167
  }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:inline-flex;align-items:center;justify-content:center;font-family:var(--bvs-font-family-sans);font-weight:var(--bvs-font-weight-semibold);line-height:1;cursor:pointer;box-sizing:border-box;border:1px solid transparent;transition:background-color var(--bvs-transition-fast),color var(--bvs-transition-fast),border-color var(--bvs-transition-fast),transform var(--bvs-transition-fast),box-shadow var(--bvs-transition-fast);white-space:nowrap;text-decoration:none;vertical-align:middle}:host:disabled{cursor:not-allowed;background-color:var(--bvs-color-surface-muted)!important;color:var(--bvs-color-text-disabled)!important;border-color:var(--bvs-color-border)!important;transform:none!important;box-shadow:none!important;pointer-events:none}:host.btn-block{display:flex;width:100%}:host.btn-sm{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);border-radius:var(--bvs-radius-full);min-height:1.75rem}:host.btn-md{padding:var(--bvs-space-3) var(--bvs-space-8);font-size:var(--bvs-font-size-sm);border-radius:var(--bvs-radius-full);min-height:2.5rem}:host.btn-lg{padding:var(--bvs-space-4) var(--bvs-space-10);font-size:var(--bvs-font-size-base);border-radius:var(--bvs-radius-full);min-height:3.5rem}:host.btn-primary{background-color:var(--bvs-color-brand);color:var(--bvs-color-neutral-0);border-color:transparent;box-shadow:var(--bvs-shadow-base)}:host.btn-primary:hover:not(:disabled){background-color:var(--bvs-color-brand-hover);transform:translateY(-2px);box-shadow:var(--bvs-shadow-md)}:host.btn-primary:active:not(:disabled){background-color:var(--bvs-color-brand-active);transform:translateY(0)}:host.btn-secondary{background:transparent;color:var(--bvs-color-brand);border-color:var(--bvs-color-brand);letter-spacing:.02em}:host.btn-secondary:hover:not(:disabled){background-color:var(--bvs-color-brand);color:var(--bvs-color-neutral-0);transform:translateY(-1px)}:host.btn-secondary:active:not(:disabled){transform:translateY(0)}:host.btn-danger{background-color:rgba(var(--bvs-color-error),.1);color:var(--bvs-color-error);border-color:var(--bvs-color-error)}:host.btn-danger:hover:not(:disabled){background-color:var(--bvs-color-error);color:var(--bvs-color-neutral-0)}:host.btn-ghost{background:transparent;color:var(--bvs-color-text-secondary);border-color:var(--bvs-color-border)}:host.btn-ghost:hover:not(:disabled){background-color:var(--bvs-color-surface-muted);color:var(--bvs-color-text-primary);border-color:var(--bvs-color-border-strong)}\n"] }]
167
168
  }], propDecorators: { variant: [{
168
169
  type: Input
@@ -182,7 +183,7 @@ class CardComponent {
182
183
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardComponent, decorators: [{
183
184
  type: Component,
184
185
  args: [{ selector: '[bvs-card]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
185
- '[class.bvs-card]': 'true'
186
+ '[class.bvs-card]': 'true',
186
187
  }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:block;position:relative;z-index:5;background-color:color-mix(in srgb,var(--bvs-color-surface) 75%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bvs-color-border);border-radius:var(--bvs-radius-lg);padding:var(--bvs-space-8);box-shadow:var(--bvs-shadow-xl);width:100%;max-width:420px;margin:0 auto;color:var(--bvs-color-text-primary);transition:background-color var(--bvs-transition-base),border-color var(--bvs-transition-base),color var(--bvs-transition-base),box-shadow var(--bvs-transition-base)}:host-context([data-theme=dark]){background-color:color-mix(in srgb,var(--bvs-color-surface) 25%,transparent);border-color:#ffffff14}\n"] }]
187
188
  }] });
188
189
 
@@ -203,7 +204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
203
204
  '[class.bvs-message-danger]': "color === 'danger'",
204
205
  '[class.bvs-message-warning]': "color === 'warning'",
205
206
  '[class.bvs-message-info]': "color === 'info'",
206
- '[class.bvs-message-success]': "color === 'success'"
207
+ '[class.bvs-message-success]': "color === 'success'",
207
208
  }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:block;padding:var(--bvs-space-3) var(--bvs-space-4);border-radius:var(--bvs-radius-md);font-family:var(--bvs-font-family-sans);font-size:var(--bvs-font-size-sm);font-weight:var(--bvs-font-weight-medium);line-height:1.5;transition:all var(--bvs-transition-fast);box-sizing:border-box;border:1px solid transparent}:host.bvs-message-neutral{background-color:var(--bvs-color-surface-muted);color:var(--bvs-color-text-secondary);border-color:var(--bvs-color-border)}:host.bvs-message-danger{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}:host.bvs-message-warning{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}:host.bvs-message-info{background-color:#e0f2fe;color:#075985;border-color:#7dd3fc}:host.bvs-message-success{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}:host-context([data-theme=dark]).bvs-message-neutral{background-color:#ffffff0f;color:var(--bvs-color-text-secondary);border-color:var(--bvs-color-border)}:host-context([data-theme=dark]).bvs-message-danger{background-color:#ef44441f;color:#f87171;border-color:#ef444440}:host-context([data-theme=dark]).bvs-message-warning{background-color:#f59e0b1f;color:#fbbf24;border-color:#f59e0b40}:host-context([data-theme=dark]).bvs-message-info{background-color:#0ea5e91f;color:#38bdf8;border-color:#0ea5e940}:host-context([data-theme=dark]).bvs-message-success{background-color:#10b9811f;color:#34d399;border-color:#10b98140}\n"] }]
208
209
  }], propDecorators: { color: [{
209
210
  type: Input
@@ -214,33 +215,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
214
215
  */
215
216
  class InputComponent {
216
217
  /** Semantic variant. */
217
- variant = 'primary';
218
+ variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
218
219
  /** Size variant. */
219
- size = 'md';
220
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
220
221
  /** Whether the input takes full width. */
221
- block = false;
222
+ block = input(false, ...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
222
223
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
223
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: InputComponent, isStandalone: true, selector: "input[bvs-input], textarea[bvs-input]", inputs: { variant: "variant", size: "size", block: "block" }, host: { properties: { "class.bvs-input": "true", "class.input-primary": "variant === 'primary'", "class.input-secondary": "variant === 'secondary'", "class.input-danger": "variant === 'danger'", "class.input-sm": "size === 'sm'", "class.input-md": "size === 'md'", "class.input-lg": "size === 'lg'", "class.input-block": "block" } }, ngImport: i0, template: '', isInline: true, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{width:auto;background-color:var(--bvs-color-surface-subtle)!important;border:1px solid var(--bvs-color-border)!important;color:var(--bvs-color-text-primary)!important;font-family:var(--bvs-font-family-sans);transition:all var(--bvs-transition-base);outline:none;display:inline-flex;align-items:center;box-sizing:border-box}:host::placeholder{color:var(--bvs-color-text-disabled)}:host:focus{background-color:var(--bvs-color-surface)!important;border-color:var(--bvs-color-brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-brand) 20%,transparent)}:host:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bvs-color-surface-muted)!important}:host.input-sm{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);border-radius:var(--bvs-radius-md);min-height:1.75rem}:host.input-md{padding:var(--bvs-space-2) var(--bvs-space-4);font-size:var(--bvs-font-size-sm);border-radius:var(--bvs-radius-md);min-height:2.125rem}:host.input-lg{padding:var(--bvs-space-3) var(--bvs-space-5);font-size:var(--bvs-font-size-base);border-radius:var(--bvs-radius-md);min-height:2.625rem}:host.input-block{display:flex;width:100%}:host.input-danger{border-color:var(--bvs-color-error)!important;color:var(--bvs-color-error)!important}:host.input-danger:focus{border-color:var(--bvs-color-error-dark)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-error) 20%,transparent)}:host-context([data-theme=dark]){background-color:color-mix(in srgb,var(--bvs-color-surface) 20%,transparent)!important;border-color:#ffffff14!important;color:var(--bvs-color-text-primary)!important}:host-context([data-theme=dark]):focus{background-color:color-mix(in srgb,var(--bvs-color-surface) 35%,transparent)!important}:host-context([data-theme=dark]):disabled{background-color:#ffffff03!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
224
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: InputComponent, isStandalone: true, selector: "input[bvs-input], textarea[bvs-input], select[bvs-input]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.bvs-input": "true", "class.input-primary": "variant() === 'primary'", "class.input-secondary": "variant() === 'secondary'", "class.input-danger": "variant() === 'danger'", "class.input-sm": "size() === 'sm'", "class.input-md": "size() === 'md'", "class.input-lg": "size() === 'lg'", "class.input-block": "block()" } }, ngImport: i0, template: '', isInline: true, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{width:auto;background-color:var(--bvs-color-surface-subtle)!important;border:1px solid var(--bvs-color-border)!important;color:var(--bvs-color-text-primary)!important;font-family:var(--bvs-font-family-sans);transition:all var(--bvs-transition-base);outline:none;display:inline-flex;align-items:center;box-sizing:border-box}:host::placeholder{color:var(--bvs-color-text-disabled)}:host:focus{background-color:var(--bvs-color-surface)!important;border-color:var(--bvs-color-brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-brand) 20%,transparent)}:host:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bvs-color-surface-muted)!important}:host.input-sm{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);border-radius:var(--bvs-radius-md);min-height:1.75rem}:host.input-md{padding:var(--bvs-space-2) var(--bvs-space-4);font-size:var(--bvs-font-size-sm);border-radius:var(--bvs-radius-md);min-height:2.125rem}:host.input-lg{padding:var(--bvs-space-3) var(--bvs-space-5);font-size:var(--bvs-font-size-base);border-radius:var(--bvs-radius-md);min-height:2.625rem}:host.input-block{display:flex;width:100%}:host.input-danger{border-color:var(--bvs-color-error)!important;color:var(--bvs-color-error)!important}:host.input-danger:focus{border-color:var(--bvs-color-error-dark)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-error) 20%,transparent)}:host[multiple]{height:auto;min-height:auto}:host(select){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.25rem}:host(select).input-sm{background-position:right .5rem center;padding-right:1.75rem}:host(select).input-lg{background-position:right 1rem center;padding-right:2.75rem}:host-context([data-theme=dark]){background-color:color-mix(in srgb,var(--bvs-color-surface) 20%,transparent)!important;border-color:#ffffff14!important;color:var(--bvs-color-text-primary)!important}:host-context([data-theme=dark]):focus{background-color:color-mix(in srgb,var(--bvs-color-surface) 35%,transparent)!important}:host-context([data-theme=dark]):disabled{background-color:#ffffff03!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
224
225
  }
225
226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputComponent, decorators: [{
226
227
  type: Component,
227
- args: [{ selector: 'input[bvs-input], textarea[bvs-input]', standalone: true, template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
228
+ args: [{ selector: 'input[bvs-input], textarea[bvs-input], select[bvs-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
228
229
  '[class.bvs-input]': 'true',
229
- '[class.input-primary]': "variant === 'primary'",
230
- '[class.input-secondary]': "variant === 'secondary'",
231
- '[class.input-danger]': "variant === 'danger'",
232
- '[class.input-sm]': "size === 'sm'",
233
- '[class.input-md]': "size === 'md'",
234
- '[class.input-lg]': "size === 'lg'",
235
- '[class.input-block]': 'block'
236
- }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{width:auto;background-color:var(--bvs-color-surface-subtle)!important;border:1px solid var(--bvs-color-border)!important;color:var(--bvs-color-text-primary)!important;font-family:var(--bvs-font-family-sans);transition:all var(--bvs-transition-base);outline:none;display:inline-flex;align-items:center;box-sizing:border-box}:host::placeholder{color:var(--bvs-color-text-disabled)}:host:focus{background-color:var(--bvs-color-surface)!important;border-color:var(--bvs-color-brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-brand) 20%,transparent)}:host:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bvs-color-surface-muted)!important}:host.input-sm{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);border-radius:var(--bvs-radius-md);min-height:1.75rem}:host.input-md{padding:var(--bvs-space-2) var(--bvs-space-4);font-size:var(--bvs-font-size-sm);border-radius:var(--bvs-radius-md);min-height:2.125rem}:host.input-lg{padding:var(--bvs-space-3) var(--bvs-space-5);font-size:var(--bvs-font-size-base);border-radius:var(--bvs-radius-md);min-height:2.625rem}:host.input-block{display:flex;width:100%}:host.input-danger{border-color:var(--bvs-color-error)!important;color:var(--bvs-color-error)!important}:host.input-danger:focus{border-color:var(--bvs-color-error-dark)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-error) 20%,transparent)}:host-context([data-theme=dark]){background-color:color-mix(in srgb,var(--bvs-color-surface) 20%,transparent)!important;border-color:#ffffff14!important;color:var(--bvs-color-text-primary)!important}:host-context([data-theme=dark]):focus{background-color:color-mix(in srgb,var(--bvs-color-surface) 35%,transparent)!important}:host-context([data-theme=dark]):disabled{background-color:#ffffff03!important}\n"] }]
237
- }], propDecorators: { variant: [{
238
- type: Input
239
- }], size: [{
240
- type: Input
241
- }], block: [{
242
- type: Input
243
- }] } });
230
+ '[class.input-primary]': "variant() === 'primary'",
231
+ '[class.input-secondary]': "variant() === 'secondary'",
232
+ '[class.input-danger]': "variant() === 'danger'",
233
+ '[class.input-sm]': "size() === 'sm'",
234
+ '[class.input-md]': "size() === 'md'",
235
+ '[class.input-lg]': "size() === 'lg'",
236
+ '[class.input-block]': 'block()',
237
+ }, styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{width:auto;background-color:var(--bvs-color-surface-subtle)!important;border:1px solid var(--bvs-color-border)!important;color:var(--bvs-color-text-primary)!important;font-family:var(--bvs-font-family-sans);transition:all var(--bvs-transition-base);outline:none;display:inline-flex;align-items:center;box-sizing:border-box}:host::placeholder{color:var(--bvs-color-text-disabled)}:host:focus{background-color:var(--bvs-color-surface)!important;border-color:var(--bvs-color-brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-brand) 20%,transparent)}:host:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bvs-color-surface-muted)!important}:host.input-sm{padding:var(--bvs-space-1) var(--bvs-space-3);font-size:var(--bvs-font-size-xs);border-radius:var(--bvs-radius-md);min-height:1.75rem}:host.input-md{padding:var(--bvs-space-2) var(--bvs-space-4);font-size:var(--bvs-font-size-sm);border-radius:var(--bvs-radius-md);min-height:2.125rem}:host.input-lg{padding:var(--bvs-space-3) var(--bvs-space-5);font-size:var(--bvs-font-size-base);border-radius:var(--bvs-radius-md);min-height:2.625rem}:host.input-block{display:flex;width:100%}:host.input-danger{border-color:var(--bvs-color-error)!important;color:var(--bvs-color-error)!important}:host.input-danger:focus{border-color:var(--bvs-color-error-dark)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bvs-color-error) 20%,transparent)}:host[multiple]{height:auto;min-height:auto}:host(select){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.25rem}:host(select).input-sm{background-position:right .5rem center;padding-right:1.75rem}:host(select).input-lg{background-position:right 1rem center;padding-right:2.75rem}:host-context([data-theme=dark]){background-color:color-mix(in srgb,var(--bvs-color-surface) 20%,transparent)!important;border-color:#ffffff14!important;color:var(--bvs-color-text-primary)!important}:host-context([data-theme=dark]):focus{background-color:color-mix(in srgb,var(--bvs-color-surface) 35%,transparent)!important}:host-context([data-theme=dark]):disabled{background-color:#ffffff03!important}\n"] }]
238
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: false }] }] } });
244
239
 
245
240
  /**
246
241
  * FormField molecule — groups label, input and errors.
@@ -264,6 +259,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
264
259
  type: Input
265
260
  }] } });
266
261
 
262
+ /**
263
+ * Stepper molecule — displays progress through a sequence of steps.
264
+ */
265
+ class StepperComponent {
266
+ /** The list of steps to display. */
267
+ steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
268
+ /** The 0-based index of the active step. */
269
+ activeStepIndex = input(0, ...(ngDevMode ? [{ debugName: "activeStepIndex" }] : /* istanbul ignore next */ []));
270
+ /** Emits when a step is clicked. */
271
+ stepChange = new EventEmitter();
272
+ /**
273
+ * Handles clicking on a step.
274
+ * Only allows navigating to already completed steps or the next immediately available step
275
+ * to ensure structured progression, or any step if desired by parent. We emit the index.
276
+ */
277
+ onStepClick(index) {
278
+ this.stepChange.emit(index);
279
+ }
280
+ isCompleted(index) {
281
+ return index < this.activeStepIndex();
282
+ }
283
+ isActive(index) {
284
+ return index === this.activeStepIndex();
285
+ }
286
+ isPending(index) {
287
+ return index > this.activeStepIndex();
288
+ }
289
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
290
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StepperComponent, isStandalone: true, selector: "bvs-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeStepIndex: { classPropertyName: "activeStepIndex", publicName: "activeStepIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: "<div class=\"bvs-stepper\">\n @for (step of steps(); track step.label; let i = $index; let last = $last) {\n <div\n class=\"bvs-stepper-step\"\n [class.is-active]=\"isActive(i)\"\n [class.is-completed]=\"isCompleted(i)\"\n [class.is-pending]=\"isPending(i)\"\n >\n <button\n type=\"button\"\n class=\"bvs-stepper-trigger\"\n (click)=\"onStepClick(i)\"\n [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n >\n <span class=\"bvs-stepper-indicator\">\n @if (!isCompleted(i)) {\n <span class=\"bvs-stepper-number\">{{ i + 1 }}</span>\n } @else {\n <svg\n class=\"bvs-stepper-check-icon\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"20 6 9 17 4 12\"></polyline>\n </svg>\n }\n </span>\n <span class=\"bvs-stepper-content\">\n <span class=\"bvs-stepper-label\">{{ step.label }}</span>\n @if (step.description) {\n <span class=\"bvs-stepper-description\">{{ step.description }}</span>\n }\n </span>\n </button>\n @if (!last) {\n <div class=\"bvs-stepper-line\"></div>\n }\n </div>\n }\n</div>\n", styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:block;width:100%}.bvs-stepper{display:flex;align-items:center;justify-content:space-between;width:100%;overflow-x:auto;padding:var(--bvs-space-4) 0}.bvs-stepper-step{display:flex;align-items:center;flex:1;position:relative}.bvs-stepper-step:last-child{flex:0 auto}.bvs-stepper-trigger{display:flex;align-items:center;background:none;border:none;padding:0 var(--bvs-space-4);margin:0;cursor:pointer;text-align:left;outline:none;color:inherit;font-family:inherit}.bvs-stepper-trigger:focus-visible{border-radius:var(--bvs-radius-md);box-shadow:0 0 0 2px var(--bvs-color-brand)}.bvs-stepper-indicator{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:var(--bvs-font-size-sm);font-weight:var(--bvs-font-weight-semibold);transition:all var(--bvs-transition-base);margin-right:var(--bvs-space-3);box-sizing:border-box}.bvs-stepper-check-icon{width:1rem;height:1rem}.bvs-stepper-content{display:flex;flex-direction:column}.bvs-stepper-label{font-size:var(--bvs-font-size-sm);font-weight:var(--bvs-font-weight-semibold);transition:color var(--bvs-transition-base);color:var(--bvs-color-text-muted)}.bvs-stepper-description{font-size:var(--bvs-font-size-xs);color:var(--bvs-color-text-disabled);margin-top:var(--bvs-space-1)}.bvs-stepper-line{flex:1;height:2px;background-color:var(--bvs-color-border);margin:0 var(--bvs-space-4);transition:background-color var(--bvs-transition-base)}.bvs-stepper-step.is-pending .bvs-stepper-indicator{background-color:var(--bvs-color-surface-subtle);border:2px solid var(--bvs-color-border);color:var(--bvs-color-text-disabled)}.bvs-stepper-step.is-active .bvs-stepper-indicator{background-color:var(--bvs-color-brand);border:2px solid var(--bvs-color-brand);color:#fff}.bvs-stepper-step.is-active .bvs-stepper-label{color:var(--bvs-color-text-primary)}.bvs-stepper-step.is-completed .bvs-stepper-indicator{background-color:color-mix(in srgb,var(--bvs-color-brand) 10%,transparent);border:2px solid var(--bvs-color-brand);color:var(--bvs-color-brand)}.bvs-stepper-step.is-completed .bvs-stepper-label{color:var(--bvs-color-text-primary)}.bvs-stepper-step.is-completed .bvs-stepper-line{background-color:var(--bvs-color-brand)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
291
+ }
292
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StepperComponent, decorators: [{
293
+ type: Component,
294
+ args: [{ selector: 'bvs-stepper', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bvs-stepper\">\n @for (step of steps(); track step.label; let i = $index; let last = $last) {\n <div\n class=\"bvs-stepper-step\"\n [class.is-active]=\"isActive(i)\"\n [class.is-completed]=\"isCompleted(i)\"\n [class.is-pending]=\"isPending(i)\"\n >\n <button\n type=\"button\"\n class=\"bvs-stepper-trigger\"\n (click)=\"onStepClick(i)\"\n [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n >\n <span class=\"bvs-stepper-indicator\">\n @if (!isCompleted(i)) {\n <span class=\"bvs-stepper-number\">{{ i + 1 }}</span>\n } @else {\n <svg\n class=\"bvs-stepper-check-icon\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"20 6 9 17 4 12\"></polyline>\n </svg>\n }\n </span>\n <span class=\"bvs-stepper-content\">\n <span class=\"bvs-stepper-label\">{{ step.label }}</span>\n @if (step.description) {\n <span class=\"bvs-stepper-description\">{{ step.description }}</span>\n }\n </span>\n </button>\n @if (!last) {\n <div class=\"bvs-stepper-line\"></div>\n }\n </div>\n }\n</div>\n", styles: [":root{--bvs-color-primary-50: #eff6ff;--bvs-color-primary-100: #dbeafe;--bvs-color-primary-200: #bfdbfe;--bvs-color-primary-300: #93c5fd;--bvs-color-primary-400: #60a5fa;--bvs-color-primary-500: #3b82f6;--bvs-color-primary-600: #2563eb;--bvs-color-primary-700: #1d4ed8;--bvs-color-primary-800: #1e40af;--bvs-color-primary-900: #1e3a8a;--bvs-color-secondary-50: #f5f3ff;--bvs-color-secondary-100: #ede9fe;--bvs-color-secondary-200: #ddd6fe;--bvs-color-secondary-300: #c4b5fd;--bvs-color-secondary-400: #a78bfa;--bvs-color-secondary-500: #8b5cf6;--bvs-color-secondary-600: #7c3aed;--bvs-color-secondary-700: #6d28d9;--bvs-color-secondary-800: #5b21b6;--bvs-color-secondary-900: #4c1d95;--bvs-color-neutral-0: #ffffff;--bvs-color-neutral-50: #f8fafc;--bvs-color-neutral-100: #f1f5f9;--bvs-color-neutral-200: #e2e8f0;--bvs-color-neutral-300: #cbd5e1;--bvs-color-neutral-400: #94a3b8;--bvs-color-neutral-500: #64748b;--bvs-color-neutral-600: #475569;--bvs-color-neutral-700: #334155;--bvs-color-neutral-800: #1e293b;--bvs-color-neutral-900: #0f172a;--bvs-color-neutral-950: #090d16;--bvs-color-neutral-1000: #000000;--bvs-color-success-light: #d1fae5;--bvs-color-success: #10b981;--bvs-color-success-dark: #065f46;--bvs-color-warning-light: #fef3c7;--bvs-color-warning: #f59e0b;--bvs-color-warning-dark: #92400e;--bvs-color-error-light: #fee2e2;--bvs-color-error: #ef4444;--bvs-color-error-dark: #991b1b;--bvs-color-info-light: #e0f2fe;--bvs-color-info: #0ea5e9;--bvs-color-info-dark: #075985;--bvs-space-0: 0;--bvs-space-1: .25rem;--bvs-space-2: .5rem;--bvs-space-3: .75rem;--bvs-space-4: 1rem;--bvs-space-5: 1.25rem;--bvs-space-6: 1.5rem;--bvs-space-8: 2rem;--bvs-space-10: 2.5rem;--bvs-space-12: 3rem;--bvs-space-16: 4rem;--bvs-space-20: 5rem;--bvs-space-24: 6rem;--bvs-font-size-xs: .75rem;--bvs-font-size-sm: .875rem;--bvs-font-size-base: 1rem;--bvs-font-size-lg: 1.125rem;--bvs-font-size-xl: 1.25rem;--bvs-font-size-2xl: 1.5rem;--bvs-font-size-3xl: 1.875rem;--bvs-font-size-4xl: 2.25rem;--bvs-font-weight-light: 300;--bvs-font-weight-regular: 400;--bvs-font-weight-medium: 500;--bvs-font-weight-semibold: 600;--bvs-font-weight-bold: 700;--bvs-line-height-tight: 1.25;--bvs-line-height-normal: 1.5;--bvs-line-height-loose: 1.75;--bvs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bvs-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bvs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bvs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--bvs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bvs-radius-none: 0;--bvs-radius-sm: .125rem;--bvs-radius-base: .25rem;--bvs-radius-md: .375rem;--bvs-radius-lg: .5rem;--bvs-radius-xl: .75rem;--bvs-radius-2xl: 1rem;--bvs-radius-full: 9999px;--bvs-breakpoint-sm: 640px;--bvs-breakpoint-md: 768px;--bvs-breakpoint-lg: 1024px;--bvs-breakpoint-xl: 1280px;--bvs-breakpoint-2xl: 1536px;--bvs-transition-fast: .15s ease-in-out;--bvs-transition-base: .2s ease-in-out;--bvs-transition-slow: .3s ease-in-out;--bvs-transition-slower: .5s ease-in-out;--bvs-z-dropdown: 1000;--bvs-z-sticky: 1020;--bvs-z-fixed: 1030;--bvs-z-modal: 1040;--bvs-z-popover: 1050;--bvs-z-tooltip: 1060;--bvs-z-toast: 1070;--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=light]{--bvs-color-brand: #2563eb;--bvs-color-brand-hover: #1d4ed8;--bvs-color-brand-active: #1e40af;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=default][data-theme=dark]{--bvs-color-brand: #60a5fa;--bvs-color-brand-hover: #93c5fd;--bvs-color-brand-active: #bfdbfe;--bvs-color-surface: #090d16;--bvs-color-surface-subtle: #0f172a;--bvs-color-surface-muted: #1e293b;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #94a3b8;--bvs-color-text-disabled: #475569;--bvs-color-border: #0f172a;--bvs-color-border-strong: #334155}[data-brand=emerald][data-theme=light]{--bvs-color-brand: #10b981;--bvs-color-brand-hover: #065f46;--bvs-color-brand-active: #044331;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=emerald][data-theme=dark]{--bvs-color-brand: #34d399;--bvs-color-brand-hover: #10b981;--bvs-color-brand-active: #065f46;--bvs-color-surface: #03100b;--bvs-color-surface-subtle: #061f17;--bvs-color-surface-muted: #0c2d22;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #a7f3d0;--bvs-color-text-disabled: #065f46;--bvs-color-border: #0a261d;--bvs-color-border-strong: #065f46}[data-brand=sunset][data-theme=light]{--bvs-color-brand: #ea580c;--bvs-color-brand-hover: #c2410c;--bvs-color-brand-active: #9a3412;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=sunset][data-theme=dark]{--bvs-color-brand: #f97316;--bvs-color-brand-hover: #fb923c;--bvs-color-brand-active: #fdba74;--bvs-color-surface: #120905;--bvs-color-surface-subtle: #27140c;--bvs-color-surface-muted: #3d1d11;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fed7aa;--bvs-color-text-disabled: #9a3412;--bvs-color-border: #2b140b;--bvs-color-border-strong: #9a3412}[data-brand=amethyst][data-theme=light]{--bvs-color-brand: #7c3aed;--bvs-color-brand-hover: #6d28d9;--bvs-color-brand-active: #5b21b6;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=amethyst][data-theme=dark]{--bvs-color-brand: #a78bfa;--bvs-color-brand-hover: #c4b5fd;--bvs-color-brand-active: #ddd6fe;--bvs-color-surface: #0d0717;--bvs-color-surface-subtle: #1e1135;--bvs-color-surface-muted: #2e1b4e;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #ddd6fe;--bvs-color-text-disabled: #6d28d9;--bvs-color-border: #201138;--bvs-color-border-strong: #7c3aed}[data-brand=ruby][data-theme=light]{--bvs-color-brand: #ef4444;--bvs-color-brand-hover: #991b1b;--bvs-color-brand-active: #7f1d1d;--bvs-color-surface: #ffffff;--bvs-color-surface-subtle: #f8fafc;--bvs-color-surface-muted: #f1f5f9;--bvs-color-text-primary: #0f172a;--bvs-color-text-secondary: #475569;--bvs-color-text-disabled: #94a3b8;--bvs-color-border: #e2e8f0;--bvs-color-border-strong: #94a3b8}[data-brand=ruby][data-theme=dark]{--bvs-color-brand: #f87171;--bvs-color-brand-hover: #ef4444;--bvs-color-brand-active: #991b1b;--bvs-color-surface: #140505;--bvs-color-surface-subtle: #2d0c0c;--bvs-color-surface-muted: #471515;--bvs-color-text-primary: #f8fafc;--bvs-color-text-secondary: #fecaca;--bvs-color-text-disabled: #991b1b;--bvs-color-border: #360f0f;--bvs-color-border-strong: #991b1b}:host{display:block;width:100%}.bvs-stepper{display:flex;align-items:center;justify-content:space-between;width:100%;overflow-x:auto;padding:var(--bvs-space-4) 0}.bvs-stepper-step{display:flex;align-items:center;flex:1;position:relative}.bvs-stepper-step:last-child{flex:0 auto}.bvs-stepper-trigger{display:flex;align-items:center;background:none;border:none;padding:0 var(--bvs-space-4);margin:0;cursor:pointer;text-align:left;outline:none;color:inherit;font-family:inherit}.bvs-stepper-trigger:focus-visible{border-radius:var(--bvs-radius-md);box-shadow:0 0 0 2px var(--bvs-color-brand)}.bvs-stepper-indicator{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:var(--bvs-font-size-sm);font-weight:var(--bvs-font-weight-semibold);transition:all var(--bvs-transition-base);margin-right:var(--bvs-space-3);box-sizing:border-box}.bvs-stepper-check-icon{width:1rem;height:1rem}.bvs-stepper-content{display:flex;flex-direction:column}.bvs-stepper-label{font-size:var(--bvs-font-size-sm);font-weight:var(--bvs-font-weight-semibold);transition:color var(--bvs-transition-base);color:var(--bvs-color-text-muted)}.bvs-stepper-description{font-size:var(--bvs-font-size-xs);color:var(--bvs-color-text-disabled);margin-top:var(--bvs-space-1)}.bvs-stepper-line{flex:1;height:2px;background-color:var(--bvs-color-border);margin:0 var(--bvs-space-4);transition:background-color var(--bvs-transition-base)}.bvs-stepper-step.is-pending .bvs-stepper-indicator{background-color:var(--bvs-color-surface-subtle);border:2px solid var(--bvs-color-border);color:var(--bvs-color-text-disabled)}.bvs-stepper-step.is-active .bvs-stepper-indicator{background-color:var(--bvs-color-brand);border:2px solid var(--bvs-color-brand);color:#fff}.bvs-stepper-step.is-active .bvs-stepper-label{color:var(--bvs-color-text-primary)}.bvs-stepper-step.is-completed .bvs-stepper-indicator{background-color:color-mix(in srgb,var(--bvs-color-brand) 10%,transparent);border:2px solid var(--bvs-color-brand);color:var(--bvs-color-brand)}.bvs-stepper-step.is-completed .bvs-stepper-label{color:var(--bvs-color-text-primary)}.bvs-stepper-step.is-completed .bvs-stepper-line{background-color:var(--bvs-color-brand)}\n"] }]
295
+ }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], activeStepIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStepIndex", required: false }] }], stepChange: [{
296
+ type: Output
297
+ }] } });
298
+
267
299
  /**
268
300
  * Navbar organism — generic and reusable header component.
269
301
  * Provides content slots for brand and actions.
@@ -285,5 +317,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
285
317
  * Generated bundle index. Do not edit.
286
318
  */
287
319
 
288
- export { AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, FormFieldComponent, InputComponent, MessageComponent, NavbarComponent, ThemeService };
320
+ export { AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, FormFieldComponent, InputComponent, MessageComponent, NavbarComponent, StepperComponent, ThemeService };
289
321
  //# sourceMappingURL=bvs-tech-material.mjs.map