valtech-components 2.0.787 → 2.0.795

package/src/stories/LayoutAndWidths.mdx

@@ -0,0 +1,161 @@
+import { Meta } from '@storybook/blocks';
+
+<Meta title="Guides/Layout & Widths" />
+
+# Layout & Widths
+
+Cómo controlar el ancho del contenido en la lib. La meta: en una pantalla muy grande (LED 27", 32", 72") el UX no se desarma — el contenido se queda en un techo razonable y centrado, no viaja al infinito horizontalmente.
+
+---
+
+## El problema
+
+Sin un techo de ancho:
+
+- En desktop ancho, líneas de texto pasan los 120 chars → ilegible.
+- Cards y formularios estiran a 1800px+ → mouse recorre media pantalla.
+- Cada page resuelve a su manera (`max-width` hardcoded, `ion-col size-md=10`, etc.) → inconsistente.
+
+La lib resuelve esto con **3 niveles** de adopción. Eliges el que encaje con tu app.
+
+---
+
+## Tokens (CSS custom props)
+
+Definidos en `:root` por `variables.scss`. Disponibles en cualquier app que importe los estilos de la lib.
+
+| Token | Px | Uso típico |
+|---|---|---|
+| `--val-container-sm` | 540 | Forms, auth, modals |
+| `--val-container-md` | 720 | Detail pages, content |
+| `--val-container-lg` | 880 | Dashboards densos |
+| `--val-container-xl` | 1100 | App pages default |
+| `--val-container-padding` | 16 | Padding lateral default |
+
+**Breakpoints** (mobile-first):
+
+| Min-width | Cap aplicado |
+|---|---|
+| < 576px | 100% (fluido) |
+| ≥ 576px | `sm` |
+| ≥ 768px | `md` |
+| ≥ 992px | `lg` |
+| ≥ 1200px | `xl` |
+
+Cada `size` aplica caps progresivos: `xl` aplica `sm` en 576+, `md` en 768+, `lg` en 992+, `xl` en 1200+. Así un container `xl` se adapta limpio en cualquier viewport.
+
+---
+
+## Nivel 1 · CSS custom props (cualquier app, cero lib code)
+
+Para apps que no consumen componentes de la lib pero quieren los mismos tokens:
+
+```css
+.mi-container {
+  max-width: var(--val-container-xl);
+  margin: 0 auto;
+  padding: 0 var(--val-container-padding);
+}
+```
+
+Útil en proyectos legacy o estilos globales.
+
+---
+
+## Nivel 2 · `<val-container>` (atom standalone)
+
+Para uso puntual: una sección, un modal, una page específica.
+
+```ts
+import { ContainerComponent } from 'valtech-components';
+
+@Component({
+  imports: [ContainerComponent],
+  template: `
+    <val-container [props]="{ size: 'lg' }">
+      <!-- contenido cap-eado a 880px max -->
+    </val-container>
+  `
+})
+```
+
+**Props:**
+
+```ts
+interface ContainerMetadata {
+  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid';      // default: 'xl'
+  padding?: 'none' | 'compact' | 'comfortable';     // default: 'comfortable'
+  align?: 'start' | 'center';                       // default: 'center'
+}
+```
+
+Ver ejemplos vivos en **Atoms / Container**.
+
+---
+
+## Nivel 3 · `val-page-wrapper` con `contentMaxWidth` (app-wide)
+
+Para apps que usan el shell de la lib: una sola línea cap-ea **todas las pages routed** bajo el wrapper.
+
+```ts
+wrapperConfig: PageWrapperMetadata = {
+  contentMaxWidth: 'xl',  // 'sm' | 'md' | 'lg' | 'xl' | 'fluid'
+  homeRoute: '/',
+  header: { /* ... */ },
+};
+```
+
+```html
+<val-page-wrapper [props]="wrapperConfig" />
+```
+
+**Cero código por page.** Cualquier ruta nueva hereda el cap automáticamente. Si una page específica necesita más estrecha, envuelve su contenido en `<val-container size="md">` (el cap más estricto gana).
+
+**Default**: `'fluid'` (sin cap) — backwards-compatible para apps existentes.
+
+---
+
+## ¿Qué `size` elegir?
+
+| Tipo de page | Recomendado |
+|---|---|
+| App general (dashboard, listas, settings) | `xl` |
+| Detail page con contenido largo (artículo, doc) | `md` |
+| Form o auth flow | `sm` |
+| Landing/marketing con secciones full-bleed | `fluid` + caps internos por sección |
+
+Regla: el cap es del **contenido legible**, no del fondo. Para hero sections con bg full-width, deja el wrapper en `fluid` y usa `<val-container>` interno solo para el texto.
+
+---
+
+## Excepciones
+
+Cuando una page necesita romper el cap (p. ej. mapa full-width, galería edge-to-edge):
+
+1. Sigue dentro de `val-page-wrapper`.
+2. Esa page específica no usa `val-container`.
+3. Renderiza su contenido edge-to-edge libremente.
+
+El cap del wrapper aplica al `<main>`, así que un componente que rompa con `position: fixed` o que viva fuera de `<main>` no se ve afectado.
+
+---
+
+## Migración de pages existentes
+
+**Antes** (CSS duplicado por page):
+
+```ts
+styles: [`
+  .my-grid { max-width: 1100px; margin: 0 auto; padding: 16px; }
+  @media (min-width: 768px) { .my-grid { max-width: 720px; } }
+  // ... 30 líneas más
+`]
+```
+
+**Después** (en `app-layout` o donde vive el wrapper):
+
+```ts
+wrapperConfig = { contentMaxWidth: 'xl', /* ... */ };
+```
+
+Y en la page → eliminar el CSS de width. Solo queda padding/gap propios.

package/src/stories/helpers/mock-services.ts

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+/**
+ * Mock ThemeService for Storybook
+ */
+@Injectable({ providedIn: 'root' })
+export class MockThemeService {
+  private themeSubject = new BehaviorSubject<'light' | 'dark'>('light');
+
+  theme$ = this.themeSubject.asObservable();
+
+  get currentTheme(): 'light' | 'dark' {
+    return this.themeSubject.value;
+  }
+
+  setTheme(theme: 'light' | 'dark'): void {
+    this.themeSubject.next(theme);
+    document.body.classList.remove('light', 'dark');
+    document.body.classList.add(theme);
+  }
+
+  toggleTheme(): void {
+    const newTheme = this.currentTheme === 'light' ? 'dark' : 'light';
+    this.setTheme(newTheme);
+  }
+}

package/src/stories/helpers/storybook-helpers.ts

@@ -0,0 +1,89 @@
+import { FormControl, ValidatorFn } from '@angular/forms';
+import {
+  ButtonMetadata,
+  ComponentState,
+  ComponentStates,
+  InputMetadata,
+  InputType,
+} from '../../lib/components/types';
+
+/**
+ * Creates a ButtonMetadata with default values
+ */
+export const createButtonProps = (
+  overrides: Partial<ButtonMetadata> = {}
+): ButtonMetadata => ({
+  text: 'Button',
+  color: 'primary',
+  type: 'button',
+  state: ComponentStates.ENABLED,
+  fill: 'solid',
+  shape: 'round',
+  size: 'default',
+  ...overrides,
+});
+
+/**
+ * Creates an InputMetadata with default values
+ */
+export const createInputProps = (
+  name: string,
+  type: InputType = InputType.TEXT,
+  overrides: Partial<InputMetadata> = {}
+): InputMetadata => ({
+  control: new FormControl(''),
+  token: `input-${name}`,
+  label: name.charAt(0).toUpperCase() + name.slice(1),
+  name,
+  hint: '',
+  placeholder: `Enter ${name}`,
+  type,
+  order: 1,
+  validators: [],
+  errors: {},
+  state: ComponentStates.ENABLED,
+  ...overrides,
+});
+
+/**
+ * Creates a FormControl with optional validators
+ */
+export const createControl = (
+  value: any = '',
+  validators: ValidatorFn[] = []
+): FormControl => new FormControl(value, validators);
+
+/**
+ * Available component states
+ */
+export const COMPONENT_STATES: ComponentState[] = [
+  'ENABLED',
+  'DISABLED',
+  'WORKING',
+  'ERROR',
+];
+
+/**
+ * Available Ionic colors
+ */
+export const IONIC_COLORS = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'success',
+  'warning',
+  'danger',
+  'light',
+  'medium',
+  'dark',
+] as const;
+
+/**
+ * Available sizes
+ */
+export const SIZES = ['small', 'default', 'large'] as const;
+
+/**
+ * Available button fills
+ */
+export const FILLS = ['solid', 'outline', 'clear'] as const;

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": false,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "useDefineForClassFields": false,
+    "lib": ["ES2022", "dom"],
+    "paths": {
+      "valtech-components": ["./dist/valtech-components"]
+    }
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "removeComments": false,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2022/lib/components/atoms/avatar/avatar.component.mjs

@@ -1,94 +0,0 @@
-import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
-import { IonAvatar } from '@ionic/angular/standalone';
-import { PresetService } from '../../../services/presets';
-import * as i0 from "@angular/core";
-/**
- * val-avatar
- *
- * Displays a user or profile image, optionally with a box style and different sizes.
- * Supports presets for reusable configurations.
- *
- * @example With preset (recommended):
- * <val-avatar preset="profile" [props]="{ image: 'url' }" (onClick)="handler()"></val-avatar>
- *
- * @example Static (backwards compatible):
- * <val-avatar [props]="{ image: 'url', size: 'medium', box: true }" (onClick)="handler()"></val-avatar>
- *
- * @input preset: string - Name of preset to apply
- * @input props: AvatarMetadata - Configuration for the avatar (image, size, box, default image)
- * @output onClick - Emits when the avatar is clicked
- */
-export class AvatarComponent {
-    constructor() {
-        this.presets = inject(PresetService);
-        /**
-         * Avatar configuration object. Values here override preset values.
-         */
-        this.props = {};
-        /**
-         * Resolved props after merging preset + explicit props.
-         */
-        this.resolvedProps = {};
-        /**
-         * Event emitted when the avatar is clicked.
-         */
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() {
-        this.resolveProps();
-    }
-    ngOnChanges(changes) {
-        if (changes['preset'] || changes['props']) {
-            this.resolveProps();
-        }
-    }
-    /**
-     * Merge preset configuration with explicit props.
-     * Explicit props take precedence over preset values.
-     */
-    resolveProps() {
-        const presetProps = this.preset
-            ? this.presets.get('avatar', this.preset)
-            : {};
-        this.resolvedProps = {
-            ...presetProps,
-            ...this.props,
-        };
-    }
-    onClickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AvatarComponent, isStandalone: true, selector: "val-avatar", inputs: { preset: "preset", props: "props" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
-    <ion-avatar
-      aria-hidden="true"
-      [class]="resolvedProps.size"
-      [class.box]="resolvedProps.box"
-      [class.grayscale]="resolvedProps.grayscale"
-      (click)="onClickHandler()"
-    >
-      <img alt="profile image" [src]="resolvedProps.image || resolvedProps.default" />
-    </ion-avatar>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}.grayscale img{filter:grayscale(100%)}.grayscale:hover img{filter:grayscale(0%)}\n"], dependencies: [{ kind: "component", type: IonAvatar, selector: "ion-avatar" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-avatar', standalone: true, imports: [IonAvatar], template: `
-    <ion-avatar
-      aria-hidden="true"
-      [class]="resolvedProps.size"
-      [class.box]="resolvedProps.box"
-      [class.grayscale]="resolvedProps.grayscale"
-      (click)="onClickHandler()"
-    >
-      <img alt="profile image" [src]="resolvedProps.image || resolvedProps.default" />
-    </ion-avatar>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}.grayscale img{filter:grayscale(100%)}.grayscale:hover img{filter:grayscale(0%)}\n"] }]
-        }], propDecorators: { preset: [{
-                type: Input
-            }], props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBb0IxRDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxNQUFNLE9BQU8sZUFBZTtJQWpDNUI7UUFrQ1UsWUFBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQVd4Qzs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ0gsa0JBQWEsR0FBbUIsRUFBb0IsQ0FBQztRQUVyRDs7V0FFRztRQUVILFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBOEI5QjtJQTVCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssWUFBWTtRQUNsQixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTTtZQUM3QixDQUFDLENBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQTZCO1lBQ3RFLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFFUCxJQUFJLENBQUMsYUFBYSxHQUFHO1lBQ25CLEdBQUcsV0FBVztZQUNkLEdBQUcsSUFBSSxDQUFDLEtBQUs7U0FDSSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXZEVSxlQUFlO21HQUFmLGVBQWUsMEtBN0JoQjs7Ozs7Ozs7OztHQVVULCs4RkFYUyxTQUFTOzs0RkE4QlIsZUFBZTtrQkFqQzNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFNBQVMsQ0FBQyxZQUNWOzs7Ozs7Ozs7O0dBVVQ7OEJBNkJRLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBV04sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkF2YXRhciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgUHJlc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3ByZXNldHMnO1xuaW1wb3J0IHsgQXZhdGFyTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWF2YXRhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJb25BdmF0YXJdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxpb24tYXZhdGFyXG4gICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgW2NsYXNzXT1cInJlc29sdmVkUHJvcHMuc2l6ZVwiXG4gICAgICBbY2xhc3MuYm94XT1cInJlc29sdmVkUHJvcHMuYm94XCJcbiAgICAgIFtjbGFzcy5ncmF5c2NhbGVdPVwicmVzb2x2ZWRQcm9wcy5ncmF5c2NhbGVcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tIYW5kbGVyKClcIlxuICAgID5cbiAgICAgIDxpbWcgYWx0PVwicHJvZmlsZSBpbWFnZVwiIFtzcmNdPVwicmVzb2x2ZWRQcm9wcy5pbWFnZSB8fCByZXNvbHZlZFByb3BzLmRlZmF1bHRcIiAvPlxuICAgIDwvaW9uLWF2YXRhcj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiB2YWwtYXZhdGFyXG4gKlxuICogRGlzcGxheXMgYSB1c2VyIG9yIHByb2ZpbGUgaW1hZ2UsIG9wdGlvbmFsbHkgd2l0aCBhIGJveCBzdHlsZSBhbmQgZGlmZmVyZW50IHNpemVzLlxuICogU3VwcG9ydHMgcHJlc2V0cyBmb3IgcmV1c2FibGUgY29uZmlndXJhdGlvbnMuXG4gKlxuICogQGV4YW1wbGUgV2l0aCBwcmVzZXQgKHJlY29tbWVuZGVkKTpcbiAqIDx2YWwtYXZhdGFyIHByZXNldD1cInByb2ZpbGVcIiBbcHJvcHNdPVwieyBpbWFnZTogJ3VybCcgfVwiIChvbkNsaWNrKT1cImhhbmRsZXIoKVwiPjwvdmFsLWF2YXRhcj5cbiAqXG4gKiBAZXhhbXBsZSBTdGF0aWMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKTpcbiAqIDx2YWwtYXZhdGFyIFtwcm9wc109XCJ7IGltYWdlOiAndXJsJywgc2l6ZTogJ21lZGl1bScsIGJveDogdHJ1ZSB9XCIgKG9uQ2xpY2spPVwiaGFuZGxlcigpXCI+PC92YWwtYXZhdGFyPlxuICpcbiAqIEBpbnB1dCBwcmVzZXQ6IHN0cmluZyAtIE5hbWUgb2YgcHJlc2V0IHRvIGFwcGx5XG4gKiBAaW5wdXQgcHJvcHM6IEF2YXRhck1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIGF2YXRhciAoaW1hZ2UsIHNpemUsIGJveCwgZGVmYXVsdCBpbWFnZSlcbiAqIEBvdXRwdXQgb25DbGljayAtIEVtaXRzIHdoZW4gdGhlIGF2YXRhciBpcyBjbGlja2VkXG4gKi9cbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIHByaXZhdGUgcHJlc2V0cyA9IGluamVjdChQcmVzZXRTZXJ2aWNlKTtcblxuICAvKipcbiAgICogUHJlc2V0IG5hbWUgdG8gYXBwbHkuIFByZXNldHMgZGVmaW5lIHJldXNhYmxlIGF2YXRhciBjb25maWd1cmF0aW9uc1xuICAgKiB0aGF0IGNhbiBiZSByZWdpc3RlcmVkIGF0IGFwcCBsZXZlbCB2aWEgcHJvdmlkZVZhbHRlY2hQcmVzZXRzKCkuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDx2YWwtYXZhdGFyIHByZXNldD1cInByb2ZpbGVcIiBbcHJvcHNdPVwieyBpbWFnZTogJ3VybCcgfVwiPjwvdmFsLWF2YXRhcj5cbiAgICovXG4gIEBJbnB1dCgpIHByZXNldD86IHN0cmluZztcblxuICAvKipcbiAgICogQXZhdGFyIGNvbmZpZ3VyYXRpb24gb2JqZWN0LiBWYWx1ZXMgaGVyZSBvdmVycmlkZSBwcmVzZXQgdmFsdWVzLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IFBhcnRpYWw8QXZhdGFyTWV0YWRhdGE+ID0ge307XG5cbiAgLyoqXG4gICAqIFJlc29sdmVkIHByb3BzIGFmdGVyIG1lcmdpbmcgcHJlc2V0ICsgZXhwbGljaXQgcHJvcHMuXG4gICAqL1xuICByZXNvbHZlZFByb3BzOiBBdmF0YXJNZXRhZGF0YSA9IHt9IGFzIEF2YXRhck1ldGFkYXRhO1xuXG4gIC8qKlxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIGF2YXRhciBpcyBjbGlja2VkLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5yZXNvbHZlUHJvcHMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sncHJlc2V0J10gfHwgY2hhbmdlc1sncHJvcHMnXSkge1xuICAgICAgdGhpcy5yZXNvbHZlUHJvcHMoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogTWVyZ2UgcHJlc2V0IGNvbmZpZ3VyYXRpb24gd2l0aCBleHBsaWNpdCBwcm9wcy5cbiAgICogRXhwbGljaXQgcHJvcHMgdGFrZSBwcmVjZWRlbmNlIG92ZXIgcHJlc2V0IHZhbHVlcy5cbiAgICovXG4gIHByaXZhdGUgcmVzb2x2ZVByb3BzKCk6IHZvaWQge1xuICAgIGNvbnN0IHByZXNldFByb3BzID0gdGhpcy5wcmVzZXRcbiAgICAgID8gKHRoaXMucHJlc2V0cy5nZXQoJ2F2YXRhcicsIHRoaXMucHJlc2V0KSBhcyBQYXJ0aWFsPEF2YXRhck1ldGFkYXRhPilcbiAgICAgIDoge307XG5cbiAgICB0aGlzLnJlc29sdmVkUHJvcHMgPSB7XG4gICAgICAuLi5wcmVzZXRQcm9wcyxcbiAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgfSBhcyBBdmF0YXJNZXRhZGF0YTtcbiAgfVxuXG4gIG9uQ2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/atoms/avatar/types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYXZhdGFyL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFByb3BzIGZvciB2YWwtYXZhdGFyIGNvbXBvbmVudC5cbiAqXG4gKiBAcHJvcGVydHkgaW1hZ2UgLSBUaGUgaW1hZ2UgVVJMIHRvIGRpc3BsYXkuXG4gKiBAcHJvcGVydHkgZGVmYXVsdCAtIFRoZSBmYWxsYmFjayBpbWFnZSBVUkwgaWYgaW1hZ2UgaXMgbm90IHByb3ZpZGVkLlxuICogQHByb3BlcnR5IHNpemUgLSBUaGUgc2l6ZSBvZiB0aGUgYXZhdGFyICgnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnKS5cbiAqIEBwcm9wZXJ0eSBib3ggLSBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIGF2YXRhciB3aXRoIGEgYm94IHN0eWxlIChvcHRpb25hbCkuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQXZhdGFyTWV0YWRhdGEge1xuICBpbWFnZTogc3RyaW5nO1xuICBkZWZhdWx0OiBzdHJpbmc7XG4gIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSc7XG4gIGJveD86IGJvb2xlYW47XG4gIGdyYXlzY2FsZT86IGJvb2xlYW47XG59XG4iXX0=

package/esm2022/lib/components/atoms/box/box.component.mjs

@@ -1,88 +0,0 @@
-import { CommonModule, NgStyle } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IonCard, IonIcon } from '@ionic/angular/standalone';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../services/icons.service";
-import * as i2 from "@angular/common";
-/**
- * val-box
- *
- * A stylized card container for grouping content, with optional icon, color, border, and click event.
- *
- * @example
- * <val-box [props]="{ color: 'primary', rounded: true, icon: 'star' }" (onClick)="handler()">
- *   <div body>Content here</div>
- * </val-box>
- *
- * @input props: BoxMetadata - Configuration for the box (color, icon, border, etc.)
- * @output onClick - Emits when the box or its icon is clicked
- */
-export class BoxComponent {
-    constructor(icon) {
-        /**
-         * Event emitted when the box or its icon is clicked.
-         */
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() { }
-    clickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BoxComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BoxComponent, isStandalone: true, selector: "val-box", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
-    <ion-card
-      class="box"
-      [color]="props.color"
-      [class.rounded]="props.rounded"
-      [class.bordered]="props.bordered"
-      [class.transparent]="!props.color"
-      [class.left-border]="props.leftBorder"
-      [ngStyle]="{
-        padding: props.padding ? props.padding : '0px',
-      }"
-    >
-      @if (props.icon) {
-        <ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
-      }
-      <div
-        [ngStyle]="{
-          'margin-right': props.icon ? '24px' : '0px',
-        }"
-      >
-        <ng-content select="[body]"></ng-content>
-      </div>
-    </ion-card>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:0rem}.box.rounded{border-radius:1.125rem}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1.5rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:2rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BoxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-box', standalone: true, imports: [CommonModule, IonCard, IonIcon, NgStyle], template: `
-    <ion-card
-      class="box"
-      [color]="props.color"
-      [class.rounded]="props.rounded"
-      [class.bordered]="props.bordered"
-      [class.transparent]="!props.color"
-      [class.left-border]="props.leftBorder"
-      [ngStyle]="{
-        padding: props.padding ? props.padding : '0px',
-      }"
-    >
-      @if (props.icon) {
-        <ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
-      }
-      <div
-        [ngStyle]="{
-          'margin-right': props.icon ? '24px' : '0px',
-        }"
-      >
-        <ng-content select="[body]"></ng-content>
-      </div>
-    </ion-card>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:0rem}.box.rounded{border-radius:1.125rem}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1.5rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:2rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"] }]
-        }], ctorParameters: () => [{ type: i1.IconService }], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9ib3gvYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQWtDN0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsTUFBTSxPQUFPLFlBQVk7SUFvQnZCLFlBQVksSUFBaUI7UUFON0I7O1dBRUc7UUFFSCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVHLENBQUM7SUFFakMsUUFBUSxLQUFJLENBQUM7SUFFYixZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQTFCVSxZQUFZO21HQUFaLFlBQVksZ0lBdkNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVCxvMEdBeEJTLFlBQVksb0hBQUUsT0FBTyx5TEFBRSxPQUFPOzs0RkF3QzdCLFlBQVk7a0JBM0N4QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDeEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO2dGQTRCRCxLQUFLO3NCQURKLEtBQUs7Z0JBT04sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkNhcmQsIElvbkljb24gfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IEljb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaWNvbnMuc2VydmljZSc7XG5pbXBvcnQgeyBCb3hNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSW9uQ2FyZCwgSW9uSWNvbiwgTmdTdHlsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1jYXJkXG4gICAgICBjbGFzcz1cImJveFwiXG4gICAgICBbY29sb3JdPVwicHJvcHMuY29sb3JcIlxuICAgICAgW2NsYXNzLnJvdW5kZWRdPVwicHJvcHMucm91bmRlZFwiXG4gICAgICBbY2xhc3MuYm9yZGVyZWRdPVwicHJvcHMuYm9yZGVyZWRcIlxuICAgICAgW2NsYXNzLnRyYW5zcGFyZW50XT1cIiFwcm9wcy5jb2xvclwiXG4gICAgICBbY2xhc3MubGVmdC1ib3JkZXJdPVwicHJvcHMubGVmdEJvcmRlclwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgIHBhZGRpbmc6IHByb3BzLnBhZGRpbmcgPyBwcm9wcy5wYWRkaW5nIDogJzBweCcsXG4gICAgICB9XCJcbiAgICA+XG4gICAgICBAaWYgKHByb3BzLmljb24pIHtcbiAgICAgICAgPGlvbi1pY29uIGNsYXNzPVwiaWNvblwiIFtuYW1lXT1cInByb3BzLmljb25cIiAoY2xpY2spPVwiY2xpY2tIYW5kbGVyKClcIj48L2lvbi1pY29uPlxuICAgICAgfVxuICAgICAgPGRpdlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgJ21hcmdpbi1yaWdodCc6IHByb3BzLmljb24gPyAnMjRweCcgOiAnMHB4JyxcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltib2R5XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvaW9uLWNhcmQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2JveC5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWJveFxuICpcbiAqIEEgc3R5bGl6ZWQgY2FyZCBjb250YWluZXIgZm9yIGdyb3VwaW5nIGNvbnRlbnQsIHdpdGggb3B0aW9uYWwgaWNvbiwgY29sb3IsIGJvcmRlciwgYW5kIGNsaWNrIGV2ZW50LlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLWJveCBbcHJvcHNdPVwieyBjb2xvcjogJ3ByaW1hcnknLCByb3VuZGVkOiB0cnVlLCBpY29uOiAnc3RhcicgfVwiIChvbkNsaWNrKT1cImhhbmRsZXIoKVwiPlxuICogICA8ZGl2IGJvZHk+Q29udGVudCBoZXJlPC9kaXY+XG4gKiA8L3ZhbC1ib3g+XG4gKlxuICogQGlucHV0IHByb3BzOiBCb3hNZXRhZGF0YSAtIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBib3ggKGNvbG9yLCBpY29uLCBib3JkZXIsIGV0Yy4pXG4gKiBAb3V0cHV0IG9uQ2xpY2sgLSBFbWl0cyB3aGVuIHRoZSBib3ggb3IgaXRzIGljb24gaXMgY2xpY2tlZFxuICovXG5leHBvcnQgY2xhc3MgQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEJveCBjb25maWd1cmF0aW9uIG9iamVjdC5cbiAgICogQHR5cGUge0JveE1ldGFkYXRhfVxuICAgKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgY29sb3Igb2YgdGhlIGJveCAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAgICogQHByb3BlcnR5IGljb24gLSBUaGUgbmFtZSBvZiB0aGUgaWNvbiB0byBkaXNwbGF5IChvcHRpb25hbCkuXG4gICAqIEBwcm9wZXJ0eSBib3JkZXJlZCAtIFdoZXRoZXIgdGhlIGJveCBoYXMgYSBib3JkZXIgKG9wdGlvbmFsKS5cbiAgICogQHByb3BlcnR5IGxlZnRCb3JkZXIgLSBXaGV0aGVyIHRoZSBib3ggaGFzIGEgbGVmdCBib3JkZXIgKG9wdGlvbmFsKS5cbiAgICogQHByb3BlcnR5IHJvdW5kZWQgLSBXaGV0aGVyIHRoZSBib3ggaGFzIHJvdW5kZWQgY29ybmVycyAob3B0aW9uYWwpLlxuICAgKiBAcHJvcGVydHkgcGFkZGluZyAtIEN1c3RvbSBwYWRkaW5nIGZvciB0aGUgYm94IChvcHRpb25hbCkuXG4gICAqL1xuICBASW5wdXQoKVxuICBwcm9wczogQm94TWV0YWRhdGE7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgYm94IG9yIGl0cyBpY29uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihpY29uOiBJY29uU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgY2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/atoms/box/types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYm94L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcblxuLyoqXG4gKiBQcm9wcyBmb3IgdmFsLWJveCBjb21wb25lbnQuXG4gKlxuICogQHByb3BlcnR5IGNvbG9yIC0gVGhlIGNvbG9yIG9mIHRoZSBib3ggKElvbmljIGNvbG9yIHN0cmluZykuXG4gKiBAcHJvcGVydHkgaWNvbiAtIFRoZSBuYW1lIG9mIHRoZSBpY29uIHRvIGRpc3BsYXkgKG9wdGlvbmFsKS5cbiAqIEBwcm9wZXJ0eSBib3JkZXJlZCAtIFdoZXRoZXIgdGhlIGJveCBoYXMgYSBib3JkZXIgKG9wdGlvbmFsKS5cbiAqIEBwcm9wZXJ0eSBsZWZ0Qm9yZGVyIC0gV2hldGhlciB0aGUgYm94IGhhcyBhIGxlZnQgYm9yZGVyIChvcHRpb25hbCkuXG4gKiBAcHJvcGVydHkgcm91bmRlZCAtIFdoZXRoZXIgdGhlIGJveCBoYXMgcm91bmRlZCBjb3JuZXJzIChvcHRpb25hbCkuXG4gKiBAcHJvcGVydHkgcGFkZGluZyAtIEN1c3RvbSBwYWRkaW5nIGZvciB0aGUgYm94IChvcHRpb25hbCkuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQm94TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIGljb246IHN0cmluZztcbiAgYm9yZGVyZWQ/OiBib29sZWFuO1xuICBsZWZ0Qm9yZGVyPzogYm9vbGVhbjtcbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIHBhZGRpbmc/OiBzdHJpbmc7XG59XG4iXX0=