@vialiq/web-components 0.25.0 → 0.26.0

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 (14) hide show
  1. package/badge/vi-badge.js +1 -1
  2. package/button/vi-button.js +1 -1
  3. package/checkbox/vi-checkbox.js +1 -1
  4. package/date-picker/vi-date-picker-input.js +1 -1
  5. package/date-picker/vi-date-picker.d.ts +1 -1
  6. package/date-picker/vi-date-picker.d.ts.map +1 -1
  7. package/date-picker/vi-date-picker.js +4 -4
  8. package/input/vi-input.js +1 -1
  9. package/label/vi-label.js +1 -1
  10. package/link/vi-link.js +1 -1
  11. package/package.json +3 -3
  12. package/radio/vi-radio-group.js +1 -1
  13. package/radio/vi-radio.js +1 -1
  14. package/tooltip/vi-tooltip.js +1 -1
package/badge/vi-badge.js CHANGED
@@ -2,7 +2,7 @@ import { unsafeCSS, css, html } from 'lit';
2
2
  import { customElement, property, state } from 'lit/decorators.js';
3
3
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
4
4
 
5
- const badgeStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;font-size:var(--vi-badge-font-size, 11px);font-weight:var(--vi-badge-font-weight, var(--vi-font-weight-semibold, 600));padding:var(--vi-badge-padding, 2px 8px);border-radius:var(--vi-badge-border-radius, 9999px);gap:var(--vi-badge-gap, 4px);border:var(--vi-border-width-thin, 1px) solid transparent}.dot{display:inline-block;width:var(--vi-badge-dot-size, 8px);height:var(--vi-badge-dot-size, 8px);border-radius:50%;background-color:currentColor;flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}}:host{display:inline-block;vertical-align:middle}:host([hidden]),:host([count=\"0\"]:not([show-zero])){display:none!important}:host([size=sm]){--vi-badge-font-size: 10px;--vi-badge-padding: 0 6px;--vi-badge-gap: 2px;--vi-badge-dot-size: 6px}:host([size=md]){--vi-badge-font-size: 11px;--vi-badge-padding: 2px 8px;--vi-badge-gap: 4px;--vi-badge-dot-size: 8px}:host([size=lg]){--vi-badge-font-size: 13px;--vi-badge-padding: 4px 12px;--vi-badge-gap: 6px;--vi-badge-dot-size: 10px}:host([pill]){--vi-badge-border-radius: 9999px}:host(:not([pill])){--vi-badge-border-radius: var(--vi-border-radius-sm, 2px)}.badge.dot-only{--vi-badge-padding: 4px}:host([variant=neutral]) .badge{background-color:var(--vi-badge-neutral-bg, var(--vi-border-02, #eeeeee));color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563))}:host([variant=primary]) .badge{background-color:var(--vi-badge-primary-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0))}:host([variant=success]) .badge{background-color:var(--vi-badge-success-bg, var(--vi-bg-success, #e6f9f0));color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d))}:host([variant=warning]) .badge{background-color:var(--vi-badge-warning-bg, var(--vi-bg-warning, #fff8e1));color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300))}:host([variant=danger]) .badge{background-color:var(--vi-badge-danger-bg, var(--vi-bg-error, #ffebee));color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b))}:host([variant=info]) .badge{background-color:var(--vi-badge-info-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0))}:host([outline][variant=neutral]) .badge{background-color:transparent;color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563));border-color:var(--vi-badge-neutral-border, var(--vi-border-03, #e0e0e0))}:host([outline][variant=primary]) .badge{background-color:transparent;color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-primary-border, var(--vi-color-primary, #3676d0))}:host([outline][variant=success]) .badge{background-color:transparent;color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d));border-color:var(--vi-badge-success-border, var(--vi-color-success, #489167))}:host([outline][variant=warning]) .badge{background-color:transparent;color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300));border-color:var(--vi-badge-warning-border, var(--vi-color-warning, #ffba00))}:host([outline][variant=danger]) .badge{background-color:transparent;color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b));border-color:var(--vi-badge-danger-border, var(--vi-color-error, #ef4444))}:host([outline][variant=info]) .badge{background-color:transparent;color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-info-border, var(--vi-color-info, #3676d0))}.icon{display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}";
5
+ const badgeStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;height:var(--vi-badge-height, 20px);font-size:var(--vi-badge-font-size, var(--vi-font-size-xs, .75rem));font-weight:var(--vi-badge-font-weight, var(--vi-font-weight-semibold, 600));padding:var(--vi-badge-padding, 0 var(--vi-spacing-xs, .5rem));border-radius:var(--vi-badge-border-radius, var(--vi-border-radius-full, 9999px));gap:var(--vi-badge-gap, var(--vi-spacing-unit, .25rem));border:var(--vi-border-width-thin, 1px) solid transparent}.dot{display:inline-block;width:var(--vi-badge-dot-size, var(--vi-spacing-xs, .5rem));height:var(--vi-badge-dot-size, var(--vi-spacing-xs, .5rem));border-radius:50%;background-color:currentColor;flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}}:host{display:inline-block;vertical-align:middle}:host([hidden]),:host([count=\"0\"]:not([show-zero])){display:none!important}:host([size=sm]) .badge{font-size:var(--vi-badge-font-size, var(--vi-font-size-xs, .75rem));padding:var(--vi-badge-padding, 0 var(--vi-spacing-unit, .25rem));gap:var(--vi-badge-gap, var(--vi-spacing-unit, .25rem))}:host([size=md]) .badge{height:var(--vi-badge-height, 1.25rem);font-size:var(--vi-badge-font-size, var(--vi-font-size-xs, .75rem));padding:var(--vi-badge-padding, 0 var(--vi-spacing-xs, .5rem));gap:var(--vi-badge-gap, var(--vi-spacing-unit, .25rem))}:host([size=lg]) .badge{font-size:var(--vi-badge-font-size, var(--vi-font-size-base, .875rem));padding:var(--vi-badge-padding, var(--vi-spacing-unit, .25rem) var(--vi-spacing-sm, .75rem));gap:var(--vi-badge-gap, var(--vi-spacing-xs, .5rem))}:host([pill]) .badge{border-radius:var(--vi-badge-border-radius, var(--vi-border-radius-full, 9999px))}:host(:not([pill])) .badge{border-radius:var(--vi-badge-border-radius, var(--vi-border-radius-sm, 4px))}.badge.dot-only{--vi-badge-padding: var(--vi-spacing-unit, .25rem)}:host([variant=neutral]) .badge{background-color:var(--vi-badge-neutral-bg, var(--vi-border-02, #eeeeee));color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563))}:host([variant=primary]) .badge{background-color:var(--vi-badge-primary-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0))}:host([variant=success]) .badge{background-color:var(--vi-badge-success-bg, var(--vi-bg-success, #e6f9f0));color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d))}:host([variant=warning]) .badge{background-color:var(--vi-badge-warning-bg, var(--vi-bg-warning, #fff8e1));color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300))}:host([variant=danger]) .badge{background-color:var(--vi-badge-danger-bg, var(--vi-bg-error, #ffebee));color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b))}:host([variant=info]) .badge{background-color:var(--vi-badge-info-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0))}:host([outline][variant=neutral]) .badge{background-color:transparent;color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563));border-color:var(--vi-badge-neutral-border, var(--vi-border-03, #e0e0e0))}:host([outline][variant=primary]) .badge{background-color:transparent;color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-primary-border, var(--vi-color-primary, #3676d0))}:host([outline][variant=success]) .badge{background-color:transparent;color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d));border-color:var(--vi-badge-success-border, var(--vi-color-success, #489167))}:host([outline][variant=warning]) .badge{background-color:transparent;color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300));border-color:var(--vi-badge-warning-border, var(--vi-color-warning, #ffba00))}:host([outline][variant=danger]) .badge{background-color:transparent;color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b));border-color:var(--vi-badge-danger-border, var(--vi-color-error, #ef4444))}:host([outline][variant=info]) .badge{background-color:transparent;color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-info-border, var(--vi-color-info, #3676d0))}.icon{display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}";
6
6
 
7
7
  function applyDecs2203RFactory() {
8
8
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/button/vi-button.js CHANGED
@@ -3,7 +3,7 @@ import { customElement, property, state } from 'lit/decorators.js';
3
3
  import { F as FocusableMixin } from '../focusable-mixin-CmxOyPX5.js';
4
4
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
5
5
 
6
- const buttonStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vi-spacing-xs, 8px);border:var(--vi-border-width-thin, 1px) solid transparent;border-radius:var(--vi-button-shape-border-radius, var(--vi-border-radius-md, 4px));padding:var(--vi-button-spacing-padding-block, var(--vi-spacing-sm, 16px)) var(--vi-button-spacing-padding-inline, var(--vi-spacing-md, 24px));font-size:var(--vi-button-typography-font-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-button-typography-font-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-line-height-tight, 1.2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--vi-button-effect-transition-duration, .16s) ease,box-shadow var(--vi-button-effect-transition-duration, .16s) ease,transform var(--vi-button-effect-transition-duration, .16s) ease}}:host{display:inline-block}:host([size=xs]){--vi-button-spacing-padding-block: 2px;--vi-button-spacing-padding-inline: 8px;--vi-button-typography-font-size: var(--vi-font-size-xs, 12px)}:host([size=sm]){--vi-button-spacing-padding-block: 4px;--vi-button-spacing-padding-inline: 12px;--vi-button-typography-font-size: var(--vi-font-size-sm, 14px)}:host([size=lg]){--vi-button-spacing-padding-block: 12px;--vi-button-spacing-padding-inline: 24px;--vi-button-typography-font-size: var(--vi-font-size-lg, 18px)}:host([full-width]){display:block}:host([full-width]) .button{width:100%}:host([icon-only]) .button{aspect-ratio:1/1;padding:var(--vi-button-spacing-padding-block, var(--vi-spacing-sm, 16px));justify-content:center}:host([icon-only]) .label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([variant=primary]) .button{background-color:var(--vi-button-surface-primary-background-color, var(--vi-color-primary, #3676d0));color:var(--vi-button-surface-primary-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=secondary]) .button{background-color:var(--vi-button-surface-secondary-background-color, var(--vi-color-secondary, #f0f4f8));color:var(--vi-button-surface-secondary-text-color, var(--vi-color-foreground, #111827));border-color:var(--vi-color-border, #e5e7eb)}:host([variant=danger]) .button{background-color:var(--vi-button-surface-danger-background-color, var(--vi-color-error, #ef4444));color:var(--vi-button-surface-danger-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=success]) .button{background-color:var(--vi-button-surface-success-background-color, var(--vi-color-success, #489167));color:var(--vi-button-surface-success-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=info]) .button{background-color:var(--vi-button-surface-info-background-color, var(--vi-color-info, #3676d0));color:var(--vi-button-surface-info-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=ghost]) .button{background-color:var(--vi-button-surface-ghost-background-color, transparent);color:var(--vi-button-surface-ghost-text-color, var(--vi-color-primary, #3676d0))}:host([disabled]) .button,.button:disabled{opacity:.6;cursor:not-allowed}.button:not(:disabled){box-shadow:var(--vi-button-effect-shadow-raised, inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .08))}.button:hover:not(:disabled){opacity:.92;box-shadow:var(--vi-button-effect-shadow-hover, inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 8px rgba(0, 0, 0, .22), 0 2px 4px rgba(0, 0, 0, .1));transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:var(--vi-button-effect-shadow-pressed, inset 0 2px 4px rgba(0, 0, 0, .22), 0 1px 1px rgba(0, 0, 0, .06));transform:translateY(1px);opacity:1}:host([variant=ghost]) .button:hover:not(:disabled){background-color:#0000000a;text-decoration:underline;opacity:1}:host([variant=ghost]) .button:not(:disabled){box-shadow:none}:host([variant=ghost]) .button:active:not(:disabled){box-shadow:inset 0 1px 3px #00000024;transform:translateY(0)}.button:focus-visible:not(:disabled){outline:var(--vi-border-width-base, 2px) solid var(--vi-button-focus-ring-color, var(--vi-color-primary, #3676d0));outline-offset:3px;box-shadow:var(--vi-button-effect-shadow-raised, inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .08)),0 0 0 3px var(--vi-button-focus-ring-glow, var(--vi-color-primary, #3676d0))}@media(prefers-reduced-motion:reduce){.button{transform:none!important;transition-property:color,background-color,border-color,box-shadow,opacity!important}}.icon{order:-1;display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}:host([icon-placement=end]) .icon{order:1}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}.label{flex:1 1 auto;min-width:0}";
6
+ const buttonStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vi-spacing-xs, .5rem);border:var(--vi-border-width-thin, 1px) solid transparent;border-radius:var(--vi-button-shape-border-radius, var(--vi-border-radius-md, 6px));padding:var(--vi-button-spacing-padding-block, var(--vi-spacing-sm, .75rem)) var(--vi-button-spacing-padding-inline, var(--vi-spacing-md, 1rem));font-size:var(--vi-button-typography-font-size, var(--vi-font-size-base, .875rem));font-weight:var(--vi-button-typography-font-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-line-height-tight, 1.2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--vi-button-effect-transition-duration, .16s) ease,box-shadow var(--vi-button-effect-transition-duration, .16s) ease,transform var(--vi-button-effect-transition-duration, .16s) ease}}:host{display:inline-block}.button{padding-block:var(--vi-button-spacing-padding-block, var(--vi-spacing-unit, .25rem));height:var(--vi-button-sizing-min-height, 2rem)}:host([size=xs]) .button{padding-block:var(--vi-button-spacing-padding-block, 0);padding-inline:var(--vi-button-spacing-padding-inline, var(--vi-spacing-unit, .25rem));font-size:var(--vi-button-typography-font-size, var(--vi-font-size-xs, .75rem));border-radius:var(--vi-button-shape-border-radius, var(--vi-border-radius-sm, 4px));height:var(--vi-button-sizing-min-height, 1.25rem)}:host([size=sm]) .button{padding-block:var(--vi-button-spacing-padding-block, 0);padding-inline:var(--vi-button-spacing-padding-inline, var(--vi-spacing-xs, .5rem));font-size:var(--vi-button-typography-font-size, var(--vi-font-size-base, .875rem));border-radius:var(--vi-button-shape-border-radius, var(--vi-border-radius-sm, 4px));height:var(--vi-button-sizing-min-height, 1.5rem)}:host([size=lg]) .button{padding-block:var(--vi-button-spacing-padding-block, var(--vi-spacing-xs, .5rem));padding-inline:var(--vi-button-spacing-padding-inline, var(--vi-spacing-md, 1rem));font-size:var(--vi-button-typography-font-size, var(--vi-font-size-lg, 1rem));border-radius:var(--vi-button-shape-border-radius, var(--vi-border-radius-lg, 8px));height:var(--vi-button-sizing-min-height, 2.5rem)}:host([full-width]){display:block}:host([full-width]) .button{width:100%}:host([icon-only]) .button{aspect-ratio:1/1;padding:0;justify-content:center}:host([icon-only]) .label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([variant=primary]) .button{background-color:var(--vi-button-surface-primary-background-color, var(--vi-color-primary, #3676d0));color:var(--vi-button-surface-primary-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=secondary]) .button{background-color:var(--vi-button-surface-secondary-background-color, var(--vi-color-secondary, #f0f4f8));color:var(--vi-button-surface-secondary-text-color, var(--vi-color-foreground, #111827));border-color:var(--vi-color-border, #e5e7eb)}:host([variant=danger]) .button{background-color:var(--vi-button-surface-danger-background-color, var(--vi-color-error, #ef4444));color:var(--vi-button-surface-danger-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=success]) .button{background-color:var(--vi-button-surface-success-background-color, var(--vi-color-success, #489167));color:var(--vi-button-surface-success-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=info]) .button{background-color:var(--vi-button-surface-info-background-color, var(--vi-color-info, #3676d0));color:var(--vi-button-surface-info-text-color, var(--vi-color-grey-100, #f5f5f5))}:host([variant=ghost]) .button{background-color:var(--vi-button-surface-ghost-background-color, transparent);color:var(--vi-button-surface-ghost-text-color, var(--vi-color-primary, #3676d0))}:host([disabled]) .button,.button:disabled{opacity:.6;cursor:not-allowed}.button:not(:disabled){box-shadow:var(--vi-button-effect-shadow-raised, inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .08))}.button:hover:not(:disabled){opacity:.92;box-shadow:var(--vi-button-effect-shadow-hover, inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 8px rgba(0, 0, 0, .22), 0 2px 4px rgba(0, 0, 0, .1));transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:var(--vi-button-effect-shadow-pressed, inset 0 2px 4px rgba(0, 0, 0, .22), 0 1px 1px rgba(0, 0, 0, .06));transform:translateY(1px);opacity:1}:host([variant=ghost]) .button:hover:not(:disabled){background-color:#0000000a;text-decoration:underline;opacity:1}:host([variant=ghost]) .button:not(:disabled){box-shadow:none}:host([variant=ghost]) .button:active:not(:disabled){box-shadow:inset 0 1px 3px #00000024;transform:translateY(0)}.button:focus-visible:not(:disabled){outline:var(--vi-border-width-base, 2px) solid var(--vi-button-focus-ring-color, var(--vi-color-primary, #3676d0));outline-offset:0;box-shadow:var(--vi-button-effect-shadow-raised, inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .08))}@media(prefers-reduced-motion:reduce){.button{transform:none!important;transition-property:color,background-color,border-color,box-shadow,opacity!important}}.icon{order:-1;display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}:host([icon-placement=end]) .icon{order:1}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}.label{flex:1 1 auto;min-width:0}";
7
7
 
8
8
  function applyDecs2203RFactory() {
9
9
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/checkbox/vi-checkbox.js CHANGED
@@ -5,7 +5,7 @@ import { V as ValidityMixin } from '../validity-mixin-DO0ycRH2.js';
5
5
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
6
6
  import { classMap } from 'lit/directives/class-map.js';
7
7
 
8
- const checkboxStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--vi-checkbox-label-gap, 8px);cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-checkbox-label-font-size, var(--vi-font-size-base, 16px));line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-checkbox-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none;align-items:center}.checkbox-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.checkbox-box{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-checkbox-size, 18px);height:var(--vi-checkbox-size, 18px);border:var(--vi-border-width-base, 2px) solid var(--vi-checkbox-border-color, var(--vi-outline, #e5e7eb));border-radius:var(--vi-checkbox-border-radius, 3px);background-color:var(--vi-checkbox-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;flex-shrink:0}.checkbox-check{width:100%;height:100%;fill:none;stroke:var(--vi-checkbox-check-color, var(--vi-text-primary-inverse, #ffffff));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.check-mark,.check-dash{opacity:0;transform:scale(0);transform-origin:center;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.checkbox-input:checked:not(:indeterminate)~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked, var(--vi-color-primary, #3676d0));background-color:var(--vi-checkbox-background-checked, var(--vi-color-primary, #3676d0))}.checkbox-input:checked:not(:indeterminate)~.checkbox-box .check-mark{opacity:1;transform:scale(1)}.checkbox-input:indeterminate~.checkbox-box,.checkbox-input.checkbox-input--indeterminate~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked, var(--vi-color-primary, #3676d0));background-color:var(--vi-checkbox-background-checked, var(--vi-color-primary, #3676d0))}.checkbox-input:indeterminate~.checkbox-box .check-dash,.checkbox-input.checkbox-input--indeterminate~.checkbox-box .check-dash{opacity:1;transform:scale(1)}.checkbox-input:focus-visible~.checkbox-box{outline:var(--vi-border-width-base, 2px) solid var(--vi-checkbox-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-checkbox-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-box{border-color:var(--vi-checkbox-border-color-hover, var(--vi-border-inverse-03, #757575))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input:checked:not(:indeterminate)~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input:indeterminate~.checkbox-box,.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input.checkbox-input--indeterminate~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.checkbox-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-checkbox-disabled-opacity, .5)}.checkbox-wrapper--disabled .checkbox-box{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-03, #e0e0e0)}.checkbox-wrapper--disabled .checkbox-check{stroke:var(--vi-text-primary-inverse, #ffffff)}.checkbox-wrapper--disabled .checkbox-input:checked~.checkbox-box,.checkbox-wrapper--disabled .checkbox-input:indeterminate~.checkbox-box,.checkbox-wrapper--disabled .checkbox-input.checkbox-input--indeterminate~.checkbox-box{background-color:var(--vi-text-disabled, #9e9e9e);border-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.checkbox-box,.check-mark,.check-dash{transition:none}}}:host{display:inline-block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([status=invalid]){--vi-checkbox-border-color: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-hover: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-checked: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-checked-hover: var(--vi-color-error, #ef4444);--vi-checkbox-background-checked: var(--vi-color-error, #ef4444);--vi-checkbox-focus-ring-color: var(--vi-color-error, #ef4444);--vi-checkbox-focus-ring-glow: var(--vi-color-red-100, #ffccce);--vi-checkbox-label-color: var(--vi-color-error, #ef4444)}:host([status=valid]){--vi-checkbox-border-color: var(--vi-color-success, #489167);--vi-checkbox-border-color-hover: var(--vi-color-success, #489167);--vi-checkbox-border-color-checked: var(--vi-color-success, #489167);--vi-checkbox-border-color-checked-hover: var(--vi-color-success, #489167);--vi-checkbox-background-checked: var(--vi-color-success, #489167);--vi-checkbox-focus-ring-color: var(--vi-color-success, #489167);--vi-checkbox-focus-ring-glow: var(--vi-color-green-100, #e6f0eb)}:host([size=xs]){--vi-checkbox-size: 12px;--vi-checkbox-border-radius: 2px;--vi-checkbox-label-gap: 4px;--vi-checkbox-label-font-size: var(--vi-font-size-xs, 12px)}:host([size=sm]){--vi-checkbox-size: 14px;--vi-checkbox-border-radius: 2px;--vi-checkbox-label-gap: 6px;--vi-checkbox-label-font-size: var(--vi-font-size-sm, 14px)}:host([size=lg]){--vi-checkbox-size: 22px;--vi-checkbox-border-radius: 4px;--vi-checkbox-label-gap: 10px;--vi-checkbox-label-font-size: var(--vi-font-size-lg, 18px)}";
8
+ const checkboxStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--vi-checkbox-label-gap, var(--vi-spacing-xs, .5rem));cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-checkbox-label-font-size, var(--vi-font-size-base, .875rem));line-height:var(--vi-line-height-normal, 1.5715);color:var(--vi-checkbox-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none;align-items:center}.checkbox-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.checkbox-box{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-checkbox-size, var(--vi-spacing-md, 1rem));height:var(--vi-checkbox-size, var(--vi-spacing-md, 1rem));border:var(--vi-border-width-base, 2px) solid var(--vi-checkbox-border-color, var(--vi-outline, #e5e7eb));border-radius:var(--vi-checkbox-border-radius, .25rem);background-color:var(--vi-checkbox-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;flex-shrink:0}.checkbox-check{width:100%;height:100%;fill:none;stroke:var(--vi-checkbox-check-color, var(--vi-text-primary-inverse, #ffffff));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.check-mark,.check-dash{opacity:0;transform:scale(0);transform-origin:center;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.checkbox-input:checked:not(:indeterminate)~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked, var(--vi-color-primary, #3676d0));background-color:var(--vi-checkbox-background-checked, var(--vi-color-primary, #3676d0))}.checkbox-input:checked:not(:indeterminate)~.checkbox-box .check-mark{opacity:1;transform:scale(1)}.checkbox-input:indeterminate~.checkbox-box,.checkbox-input.checkbox-input--indeterminate~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked, var(--vi-color-primary, #3676d0));background-color:var(--vi-checkbox-background-checked, var(--vi-color-primary, #3676d0))}.checkbox-input:indeterminate~.checkbox-box .check-dash,.checkbox-input.checkbox-input--indeterminate~.checkbox-box .check-dash{opacity:1;transform:scale(1)}.checkbox-input:focus-visible~.checkbox-box{outline:var(--vi-border-width-base, 2px) solid var(--vi-checkbox-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-checkbox-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-box{border-color:var(--vi-checkbox-border-color-hover, var(--vi-border-inverse-03, #757575))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input:checked:not(:indeterminate)~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input:indeterminate~.checkbox-box,.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-input.checkbox-input--indeterminate~.checkbox-box{border-color:var(--vi-checkbox-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.checkbox-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-checkbox-disabled-opacity, .5)}.checkbox-wrapper--disabled .checkbox-box{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-03, #e0e0e0)}.checkbox-wrapper--disabled .checkbox-check{stroke:var(--vi-text-primary-inverse, #ffffff)}.checkbox-wrapper--disabled .checkbox-input:checked~.checkbox-box,.checkbox-wrapper--disabled .checkbox-input:indeterminate~.checkbox-box,.checkbox-wrapper--disabled .checkbox-input.checkbox-input--indeterminate~.checkbox-box{background-color:var(--vi-text-disabled, #9e9e9e);border-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.checkbox-box,.check-mark,.check-dash{transition:none}}}:host{display:inline-block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([status=invalid]){--vi-checkbox-border-color: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-hover: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-checked: var(--vi-color-error, #ef4444);--vi-checkbox-border-color-checked-hover: var(--vi-color-error, #ef4444);--vi-checkbox-background-checked: var(--vi-color-error, #ef4444);--vi-checkbox-focus-ring-color: var(--vi-color-error, #ef4444);--vi-checkbox-focus-ring-glow: var(--vi-color-red-100, #ffccce);--vi-checkbox-label-color: var(--vi-color-error, #ef4444)}:host([status=valid]){--vi-checkbox-border-color: var(--vi-color-success, #489167);--vi-checkbox-border-color-hover: var(--vi-color-success, #489167);--vi-checkbox-border-color-checked: var(--vi-color-success, #489167);--vi-checkbox-border-color-checked-hover: var(--vi-color-success, #489167);--vi-checkbox-background-checked: var(--vi-color-success, #489167);--vi-checkbox-focus-ring-color: var(--vi-color-success, #489167);--vi-checkbox-focus-ring-glow: var(--vi-color-green-100, #e6f0eb)}:host([size=xs]){--vi-checkbox-size: 12px;--vi-checkbox-border-radius: .125rem;--vi-checkbox-label-gap: 4px;--vi-checkbox-label-font-size: var(--vi-font-size-xs, .75rem)}:host([size=sm]){--vi-checkbox-size: 14px;--vi-checkbox-border-radius: .125rem;--vi-checkbox-label-gap: 6px;--vi-checkbox-label-font-size: var(--vi-font-size-sm, .8125rem)}:host([size=lg]){--vi-checkbox-size: 22px;--vi-checkbox-border-radius: .25rem;--vi-checkbox-label-gap: 10px;--vi-checkbox-label-font-size: var(--vi-font-size-lg, 1rem)}";
9
9
 
10
10
  function applyDecs2203RFactory() {
11
11
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/date-picker/vi-date-picker-input.js CHANGED
@@ -2,7 +2,7 @@ import { LitElement, nothing, html, unsafeCSS, css } from 'lit';
2
2
  import { customElement, property, query } from 'lit/decorators.js';
3
3
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
4
4
 
5
- const datePickerInputStyles = "@charset \"UTF-8\";@layer reset,components,utilities;:host{display:block;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif))}.input-wrapper{display:flex;flex-direction:column;gap:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px))}.label{font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, 14px));color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500))}:host([disabled]){cursor:not-allowed;opacity:var(--vi-disabled-opacity, .6)}:host([disabled]) .label,:host([disabled]) .trigger{pointer-events:none}.trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--vi-input-height, 40px);padding:0 var(--vi-spacing-md, var(--vi-spacing-md, 24px));background:var(--vi-input-bg, var(--vi-layer-01, #ffffff));border:1px solid var(--vi-input-trigger-border-color, var(--vi-border-02, #eeeeee));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));color:var(--vi-text-primary, var(--vi-text-primary, #111827));font-family:inherit;font-size:var(--vi-font-size-base, var(--vi-font-size-base, 16px));text-align:left;cursor:pointer;transition:all .2s ease}.trigger:hover:not(:disabled){background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6));border-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}:host(:focus-within) .trigger{outline:none;border-color:var(--vi-focus, var(--vi-focus, #3676d0));box-shadow:0 0 0 1px var(--vi-focus, var(--vi-focus, #3676d0))}.trigger:disabled{background:var(--vi-layer-disabled, var(--vi-layer-02, #f3f4f6));color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));cursor:not-allowed;border-color:var(--vi-border-disabled, var(--vi-border-02, #eeeeee))}.display-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--vi-text-placeholder, var(--vi-text-secondary, #4b5563))}.icon{flex-shrink:0;display:flex;align-items:center;color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));margin-left:var(--vi-spacing-sm, var(--vi-spacing-sm, 16px))}.trigger:disabled .icon{color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}";
5
+ const datePickerInputStyles = "@charset \"UTF-8\";@layer reset,components,utilities;:host{display:block;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif))}.input-wrapper{display:flex;flex-direction:column;gap:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem))}.label{font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem));color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500))}:host([disabled]){cursor:not-allowed;opacity:var(--vi-disabled-opacity, .6)}:host([disabled]) .label,:host([disabled]) .trigger{pointer-events:none}.trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--vi-input-sizing-min-height, 2rem);padding:var(--vi-input-spacing-padding-block, .25rem) var(--vi-input-spacing-padding-inline, .6875rem);background:var(--vi-input-bg, var(--vi-layer-01, #ffffff));border:1px solid var(--vi-input-trigger-border-color, var(--vi-border-02, #eeeeee));border-radius:var(--vi-border-radius-md, .375rem);color:var(--vi-text-primary, var(--vi-text-primary, #111827));font-family:inherit;font-size:var(--vi-input-typography-font-size, .875rem);text-align:left;cursor:pointer;transition:all .2s ease}.trigger:hover:not(:disabled){background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6));border-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}:host(:focus-within) .trigger{outline:none;border-color:var(--vi-focus, var(--vi-focus, #3676d0));box-shadow:0 0 0 1px var(--vi-focus, var(--vi-focus, #3676d0))}:host([invalid]) .trigger{border-color:var(--vi-input-error-border-color, var(--vi-color-error, #ef4444))}:host([invalid]:focus-within) .trigger{border-color:var(--vi-input-error-border-color, var(--vi-color-error, #ef4444));box-shadow:0 0 0 1px var(--vi-input-error-border-color, var(--vi-color-error, #ef4444))}.trigger:disabled{background:var(--vi-layer-disabled, var(--vi-layer-02, #f3f4f6));color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));cursor:not-allowed;border-color:var(--vi-border-disabled, var(--vi-border-02, #eeeeee))}.display-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--vi-text-placeholder, var(--vi-text-secondary, #4b5563))}.icon{flex-shrink:0;display:flex;align-items:center;color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));margin-left:var(--vi-spacing-sm, var(--vi-spacing-sm, .75rem))}.trigger:disabled .icon{color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}";
6
6
 
7
7
  function applyDecs2203RFactory() {
8
8
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/date-picker/vi-date-picker.d.ts CHANGED
@@ -40,7 +40,7 @@ export declare class ViDatePicker extends ViDatePicker_base {
40
40
  private accessor _resolvedLocale;
41
41
  private accessor _displayValue;
42
42
  private accessor _fpInput;
43
- private accessor _floatingMenuContainer?;
43
+ private accessor _floatingMenuContainer;
44
44
  private accessor _inputs;
45
45
  /** Light DOM container for flatpickr inline mode to inherit global CSS */
46
46
  private _inlineContainer?;
package/date-picker/vi-date-picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vi-date-picker.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/date-picker/vi-date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAShE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAgBlD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,YAAY,CAAC;AAEpB,4EAA4E;AAC5E,eAAO,MAAM,aAAa,kBAAkB,CAAC;;AAE7C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,YAAa,SAAQ,iBAAwC;IAG7B,QAAQ,CAAC,KAAK,SAAM;IACnC,QAAQ,CAAC,IAAI,SAAM;IACJ,QAAQ,CAAC,IAAI,EAAE,cAAc,CAC/D;IACmC,QAAQ,CAAC,IAAI,UAAS;IACrC,QAAQ,CAAC,KAAK,UAAS;IACxB,QAAQ,CAAC,GAAG,SAAM;IAClB,QAAQ,CAAC,GAAG,SAAM;IAClB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtB,QAAQ,CAAC,QAAQ,UAAS;IACd,QAAQ,CAAC,WAAW,UACpE;IAC8C,QAAQ,CAAC,UAAU,EACrE,MAAM,GACN,SAAS,CAAa;IAIjB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAQ;IACxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAM;IAEzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAEjE,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAiB;IAEzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAC/C,0EAA0E;IAC1E,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAE1C,OAAO,CAAC,aAAa,CAAM;IAG3B,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAa;IAGxD,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAa;IAGxD,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAa;IAG1D,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzD,OAAO,CAAC,mBAAmB,CAWxB;IAIH,SAAS,CAAC,oBAAoB;;;;;;;;IAa9B,SAAS,CAAC,aAAa,IAAI,OAAO,CAAC,kBAAkB,CAAC;IA0F7C,iBAAiB;IAajB,oBAAoB;IAU7B,iBAAiB;IAaF,YAAY,CAAC,kBAAkB,EAAE,cAAc;YAWhD,eAAe;IAqBd,OAAO,CAAC,OAAO,EAAE,cAAc;cAkF3B,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAMpD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAUrC,sDAAsD;IACtD,YAAY,IAAI,IAAI;IAIpB,uDAAuD;IACvD,aAAa,IAAI,IAAI;IAIrB,mCAAmC;IACnC,KAAK,IAAI,IAAI;IAYb,OAAO,CAAC,cAAc;IAyHtB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,gBAAgB;IA8CxB,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,iBAAiB;YA4BX,iBAAiB;IAsB/B,OAAO,CAAC,kBAAkB;cAkBP,MAAM;IAoCzB,OAAgB,MAAM,0BAEpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"vi-date-picker.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/date-picker/vi-date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAShE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAgBlD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,YAAY,CAAC;AAEpB,4EAA4E;AAC5E,eAAO,MAAM,aAAa,kBAAkB,CAAC;;AAE7C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,YAAa,SAAQ,iBAAwC;IAG7B,QAAQ,CAAC,KAAK,SAAM;IACnC,QAAQ,CAAC,IAAI,SAAM;IACJ,QAAQ,CAAC,IAAI,EAAE,cAAc,CAC/D;IACmC,QAAQ,CAAC,IAAI,UAAS;IACrC,QAAQ,CAAC,KAAK,UAAS;IACxB,QAAQ,CAAC,GAAG,SAAM;IAClB,QAAQ,CAAC,GAAG,SAAM;IAClB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtB,QAAQ,CAAC,QAAQ,UAAS;IACd,QAAQ,CAAC,WAAW,UACpE;IAC8C,QAAQ,CAAC,UAAU,EACrE,MAAM,GACN,SAAS,CAAa;IAIjB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAQ;IACxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAM;IAEzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAEjE,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAkB;IAEzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAC/C,0EAA0E;IAC1E,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAE1C,OAAO,CAAC,aAAa,CAAM;IAG3B,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAa;IAGxD,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAa;IAGxD,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAa;IAG1D,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzD,OAAO,CAAC,mBAAmB,CAWxB;IAIH,SAAS,CAAC,oBAAoB;;;;;;;;IAa9B,SAAS,CAAC,aAAa,IAAI,OAAO,CAAC,kBAAkB,CAAC;IA0F7C,iBAAiB;IAajB,oBAAoB;IAU7B,iBAAiB;IAaF,YAAY,CAAC,kBAAkB,EAAE,cAAc;YAWhD,eAAe;IAqBd,OAAO,CAAC,OAAO,EAAE,cAAc;cAkF3B,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAMpD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAUrC,sDAAsD;IACtD,YAAY,IAAI,IAAI;IAIpB,uDAAuD;IACvD,aAAa,IAAI,IAAI;IAIrB,mCAAmC;IACnC,KAAK,IAAI,IAAI;IAYb,OAAO,CAAC,cAAc;IAyHtB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,gBAAgB;IA8CxB,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,iBAAiB;YA4BX,iBAAiB;IAsB/B,OAAO,CAAC,kBAAkB;cAkBP,MAAM;IAoCzB,OAAgB,MAAM,0BAEpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
package/date-picker/vi-date-picker.js CHANGED
@@ -734,7 +734,7 @@ function _apply_decs_2203_r$1(targetClass, memberDecs, classDecs, parentClass) {
734
734
  return FlatpickrMixinClass;
735
735
  }
736
736
 
737
- const datePickerStyles = "@charset \"UTF-8\";@layer reset,components,utilities;.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:var(--vi-color-background, #ffffff);-webkit-box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)));box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)))}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:none;box-shadow:none}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\"\";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--vi-color-background, #ffffff)}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--vi-color-background, #ffffff)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:var(--vi-text-primary, #111827);fill:var(--vi-text-primary, #111827);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:var(--vi-text-primary, #111827);fill:var(--vi-text-primary, #111827)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:var(--vi-text-secondary, #4b5563)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--vi-color-error, #ef4444)}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid var(--vi-border-02, #eeeeee);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.numInputWrapper span:active{background:var(--vi-layer-hover-02, #e5e7eb)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--vi-text-secondary, #4b5563);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--vi-text-secondary, #4b5563);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:var(--vi-text-secondary, #4b5563)}.numInputWrapper:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\fffd;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:var(--vi-text-primary, #111827)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:var(--vi-text-primary, #111827)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:var(--vi-text-secondary, #4b5563);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:var(--vi-text-secondary, #4b5563);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 var(--vi-color-border, #e5e7eb);box-shadow:-1px 0 0 var(--vi-color-border, #e5e7eb)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vi-text-primary, #111827);cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:var(--vi-color-border, #e5e7eb);border-color:var(--vi-color-border, #e5e7eb)}.flatpickr-day.today{border-color:var(--vi-text-secondary, #4b5563)}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--vi-text-secondary, #4b5563);background:var(--vi-text-secondary, #4b5563);color:var(--vi-color-background, #ffffff)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--vi-color-primary, #3676d0);-webkit-box-shadow:none;box-shadow:none;color:var(--vi-color-background, #ffffff);border-color:var(--vi-color-primary, #3676d0)}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 var(--vi-color-primary, #3676d0);box-shadow:-10px 0 0 var(--vi-color-primary, #3676d0)}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 var(--vi-layer-03, #e5e7eb),5px 0 0 var(--vi-layer-03, #e5e7eb);box-shadow:-5px 0 0 var(--vi-layer-03, #e5e7eb),5px 0 0 var(--vi-layer-03, #e5e7eb)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--vi-text-disabled, #9e9e9e);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:var(--vi-layer-disabled, #f3f4f6)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 var(--vi-color-primary, #3676d0),5px 0 0 var(--vi-color-primary, #3676d0);box-shadow:-5px 0 0 var(--vi-color-primary, #3676d0),5px 0 0 var(--vi-color-primary, #3676d0)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 var(--vi-color-border, #e5e7eb);box-shadow:1px 0 0 var(--vi-color-border, #e5e7eb)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:var(--vi-text-disabled, #9e9e9e);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--vi-text-primary, #111827)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--vi-text-primary, #111827)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--vi-text-primary, #111827);font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:var(--vi-text-primary, #111827);font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.flatpickr-calendar{background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)));border-radius:var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px));border:1px solid var(--vi-border-03, var(--vi-border-03, #e0e0e0));font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));color:var(--vi-text-primary, var(--vi-text-primary, #111827));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px)) 0;width:max-content}.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff))}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff))}.flatpickr-calendar .flatpickr-innerContainer{justify-content:center}.flatpickr-months .flatpickr-month{color:var(--vi-text-primary, var(--vi-text-primary, #111827));fill:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));fill:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));transition:background-color .2s ease}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));color:var(--vi-text-primary, var(--vi-text-primary, #111827));fill:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-current-month{font-size:var(--vi-font-size-base, var(--vi-font-size-base, 16px));font-weight:var(--vi-font-weight-semibold, var(--vi-font-weight-semibold, 600));color:inherit}.flatpickr-current-month .flatpickr-monthDropdown-months{background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));padding:4px}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.flatpickr-current-month input.cur-year{font-weight:inherit;color:inherit}.flatpickr-current-month input.cur-year:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:grid;grid-template-columns:repeat(7,var(--vi-date-picker-day-size, 32px));justify-items:center;width:max-content}.flatpickr-weekdays .flatpickr-weekday{color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));font-size:var(--vi-font-size-xs, var(--vi-font-size-xs, 12px));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500))}.flatpickr-days{width:auto}.dayContainer{display:grid;grid-template-columns:repeat(7,var(--vi-date-picker-day-size, 32px));justify-items:center;width:max-content;min-width:auto;max-width:none}.flatpickr-day{color:var(--vi-text-primary, var(--vi-text-primary, #111827));border-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));margin:0;width:var(--vi-date-picker-day-size, 32px);max-width:var(--vi-date-picker-day-size, 32px);height:var(--vi-date-picker-day-size, 32px);line-height:var(--vi-date-picker-day-size, 32px);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.flatpickr-day:hover,.flatpickr-day:focus{background:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6));border-color:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6))}.flatpickr-day.today{border-color:var(--vi-date-picker-day-today-border, var(--vi-color-primary, #3676d0))}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--vi-date-picker-day-today-border, var(--vi-color-primary, #3676d0));background:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6))}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff))}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover.inRange,.flatpickr-day.prevMonthDay:hover.inRange,.flatpickr-day.nextMonthDay:hover.inRange{background:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-color:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-radius:0;box-shadow:none;color:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));background:transparent;border-color:transparent}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed}.vi-calendar-header{display:flex;justify-content:space-between;align-items:center;padding:4px var(--vi-spacing-xs, var(--vi-spacing-xs, 8px));border-bottom:1px solid var(--vi-border-02, var(--vi-border-02, #eeeeee));margin-bottom:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px))}.vi-calendar-selectors{display:flex;gap:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px));align-items:center}.vi-calendar-month-toggle{background:transparent;border:1px solid transparent;border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));padding:4px 8px;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-weight:var(--vi-font-weight-semibold, var(--vi-font-weight-semibold, 600));font-size:var(--vi-font-size-base, var(--vi-font-size-base, 16px));color:var(--vi-text-primary, var(--vi-text-primary, #111827));cursor:pointer;transition:all .2s ease}.vi-calendar-month-toggle:hover{background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.vi-calendar-month-toggle:focus-visible{outline:none;background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));box-shadow:0 0 0 2px var(--vi-focus, var(--vi-focus, #3676d0))}.vi-calendar-year-select{min-width:76px;--vi-select-spacing-padding-inline: 4px;--vi-select-option-padding-inline: 8px;--vi-select-sizing-min-height: 32px}.vi-calendar-nav{display:flex;gap:2px}.vi-calendar-nav-btn{background:transparent;border:none;border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));cursor:pointer;transition:all .2s ease}.vi-calendar-nav-btn:hover{background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));color:var(--vi-text-primary, var(--vi-text-primary, #111827))}.vi-calendar-month-grid{position:absolute;inset:50px 0 0;background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));z-index:10;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px;padding:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px));border-radius:0 0 var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px)) var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px))}.vi-month-mode .vi-calendar-month-grid{position:relative;top:0;margin-top:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px))}.vi-calendar-month-btn{background:transparent;border:1px solid transparent;border-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px)) 0;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, 14px));color:var(--vi-text-primary, var(--vi-text-primary, #111827));cursor:pointer;transition:all .2s ease}.vi-calendar-month-btn:hover{background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6))}.vi-calendar-month-btn.active{background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-text-primary-inverse, var(--vi-text-primary-inverse, #ffffff))}.flatpickr-day.inRange:nth-child(7n+1),.flatpickr-day.inRange:hover:nth-child(7n+1){border-top-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.inRange:nth-child(7n),.flatpickr-day.inRange:hover:nth-child(7n){border-top-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.week.selected{background:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-color:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));color:var(--vi-text-primary, var(--vi-text-primary, #111827));border-radius:0;box-shadow:none}.flatpickr-day.week.selected:nth-child(7n+1){background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff));border-top-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.week.selected:nth-child(7n){background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff));border-top-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.vi-calendar-footer{padding:4px var(--vi-spacing-xs, var(--vi-spacing-xs, 8px));border-top:1px solid var(--vi-border-02, var(--vi-border-02, #eeeeee));display:flex;justify-content:flex-end}.vi-calendar-today-btn{background:transparent;border:none;color:var(--vi-color-primary, var(--vi-color-primary, #3676d0));font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500));font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, 14px));cursor:pointer;padding:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px)) var(--vi-spacing-sm, var(--vi-spacing-sm, 16px));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));transition:background-color .2s ease}.vi-calendar-today-btn:hover{background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6))}:host{display:inline-block;font-family:var(--vi-font-family, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));position:relative}#fp-input{position:absolute;top:0;left:0;opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;border:0}.control{display:flex;flex-direction:column;gap:var(--vi-date-picker-spacing-field-gap, var(--vi-spacing-xs, 8px))}.inputs-container{display:flex;flex-direction:row;align-items:flex-start;gap:var(--vi-date-picker-spacing-inputs-gap, var(--vi-spacing-md, 24px));width:100%}:host([status=invalid]) .inputs-container ::slotted(vi-date-picker-input){--vi-input-border-color: var( --vi-date-picker-error-color, tokens.$color-error )}.validity-msg{font-size:var(--vi-date-picker-validity-font-size, var(--vi-font-size-xs, 12px));color:var(--vi-date-picker-error-color, var(--vi-color-error, #ef4444))}#floating-menu-container{position:absolute}";
737
+ const datePickerStyles = "@charset \"UTF-8\";@layer reset,components,utilities;.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:.875rem;line-height:24px;border-radius:.3125rem;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:var(--vi-color-background, #ffffff);-webkit-box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)));box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)))}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:none;box-shadow:none}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\"\";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--vi-color-background, #ffffff)}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--vi-color-border, #e5e7eb)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--vi-color-background, #ffffff)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:var(--vi-text-primary, #111827);fill:var(--vi-text-primary, #111827);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:var(--vi-text-primary, #111827);fill:var(--vi-text-primary, #111827)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:var(--vi-text-secondary, #4b5563)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--vi-color-error, #ef4444)}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid var(--vi-border-02, #eeeeee);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.numInputWrapper span:active{background:var(--vi-layer-hover-02, #e5e7eb)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--vi-text-secondary, #4b5563);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--vi-text-secondary, #4b5563);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:var(--vi-text-secondary, #4b5563)}.numInputWrapper:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\fffd;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:var(--vi-text-primary, #111827)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:var(--vi-text-primary, #111827)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:var(--vi-text-secondary, #4b5563);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:var(--vi-text-secondary, #4b5563);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 var(--vi-color-border, #e5e7eb);box-shadow:-1px 0 0 var(--vi-color-border, #e5e7eb)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:9.375rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vi-text-primary, #111827);cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:var(--vi-color-border, #e5e7eb);border-color:var(--vi-color-border, #e5e7eb)}.flatpickr-day.today{border-color:var(--vi-text-secondary, #4b5563)}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--vi-text-secondary, #4b5563);background:var(--vi-text-secondary, #4b5563);color:var(--vi-color-background, #ffffff)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--vi-color-primary, #3676d0);-webkit-box-shadow:none;box-shadow:none;color:var(--vi-color-background, #ffffff);border-color:var(--vi-color-primary, #3676d0)}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:3.125rem 0 0 3.125rem}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 3.125rem 3.125rem 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 var(--vi-color-primary, #3676d0);box-shadow:-10px 0 0 var(--vi-color-primary, #3676d0)}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:3.125rem}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 var(--vi-layer-03, #e5e7eb),5px 0 0 var(--vi-layer-03, #e5e7eb);box-shadow:-5px 0 0 var(--vi-layer-03, #e5e7eb),5px 0 0 var(--vi-layer-03, #e5e7eb)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--vi-text-disabled, #9e9e9e);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:var(--vi-layer-disabled, #f3f4f6)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 var(--vi-color-primary, #3676d0),5px 0 0 var(--vi-color-primary, #3676d0);box-shadow:-5px 0 0 var(--vi-color-primary, #3676d0),5px 0 0 var(--vi-color-primary, #3676d0)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 var(--vi-color-border, #e5e7eb);box-shadow:1px 0 0 var(--vi-color-border, #e5e7eb)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:var(--vi-text-disabled, #9e9e9e);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--vi-text-primary, #111827)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--vi-text-primary, #111827)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--vi-text-primary, #111827);font-size:.875rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:var(--vi-text-primary, #111827);font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:var(--vi-layer-hover-01, #f3f4f6)}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.flatpickr-calendar{background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));box-shadow:var(--vi-date-picker-calendar-shadow, var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1)));border-radius:var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px));border:1px solid var(--vi-border-03, var(--vi-border-03, #e0e0e0));font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));color:var(--vi-text-primary, var(--vi-text-primary, #111827));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem)) 0;width:max-content}.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff))}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff))}.flatpickr-calendar .flatpickr-innerContainer{justify-content:center}.flatpickr-months .flatpickr-month{color:var(--vi-text-primary, var(--vi-text-primary, #111827));fill:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));fill:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 6px));transition:background-color .2s ease}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));color:var(--vi-text-primary, var(--vi-text-primary, #111827));fill:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-current-month{font-size:var(--vi-font-size-base, var(--vi-font-size-base, .875rem));font-weight:var(--vi-font-weight-semibold, var(--vi-font-weight-semibold, 600));color:inherit}.flatpickr-current-month .flatpickr-monthDropdown-months{background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 6px));padding:4px}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.flatpickr-current-month input.cur-year{font-weight:inherit;color:inherit}.flatpickr-current-month input.cur-year:hover{background-color:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:grid;grid-template-columns:repeat(7,var(--vi-date-picker-day-size, 32px));justify-items:center;width:max-content}.flatpickr-weekdays .flatpickr-weekday{color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));font-size:var(--vi-font-size-xs, var(--vi-font-size-xs, .75rem));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500))}.flatpickr-days{width:auto}.dayContainer{display:grid;grid-template-columns:repeat(7,var(--vi-date-picker-day-size, 32px));justify-items:center;width:max-content;min-width:auto;max-width:none}.flatpickr-day{color:var(--vi-text-primary, var(--vi-text-primary, #111827));border-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));margin:0;width:var(--vi-date-picker-day-size, 32px);max-width:var(--vi-date-picker-day-size, 32px);height:var(--vi-date-picker-day-size, 32px);line-height:var(--vi-date-picker-day-size, 32px);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.flatpickr-day:hover,.flatpickr-day:focus{background:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6));border-color:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6))}.flatpickr-day.today{border-color:var(--vi-date-picker-day-today-border, var(--vi-color-primary, #3676d0))}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--vi-date-picker-day-today-border, var(--vi-color-primary, #3676d0));background:var(--vi-date-picker-day-hover-bg, var(--vi-layer-hover-01, #f3f4f6))}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff))}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover.inRange,.flatpickr-day.prevMonthDay:hover.inRange,.flatpickr-day.nextMonthDay:hover.inRange{background:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-color:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-radius:0;box-shadow:none;color:var(--vi-text-primary, var(--vi-text-primary, #111827))}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));background:transparent;border-color:transparent}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed}.vi-calendar-header{display:flex;justify-content:space-between;align-items:center;padding:4px var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem));border-bottom:1px solid var(--vi-border-02, var(--vi-border-02, #eeeeee));margin-bottom:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem))}.vi-calendar-selectors{display:flex;gap:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem));align-items:center}.vi-calendar-month-toggle{background:transparent;border:1px solid transparent;border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 6px));padding:4px 8px;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-weight:var(--vi-font-weight-semibold, var(--vi-font-weight-semibold, 600));font-size:var(--vi-font-size-base, var(--vi-font-size-base, .875rem));color:var(--vi-text-primary, var(--vi-text-primary, #111827));cursor:pointer;transition:all .2s ease}.vi-calendar-month-toggle:hover{background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb))}.vi-calendar-month-toggle:focus-visible{outline:none;background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));box-shadow:0 0 0 2px var(--vi-focus, var(--vi-focus, #3676d0))}.vi-calendar-year-select{min-width:76px;--vi-select-spacing-padding-inline: 4px;--vi-select-option-padding-inline: 8px;--vi-select-sizing-min-height: 32px}.vi-calendar-nav{display:flex;gap:2px}.vi-calendar-nav-btn{background:transparent;border:none;border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 6px));width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));cursor:pointer;transition:all .2s ease}.vi-calendar-nav-btn:hover{background:var(--vi-layer-hover-02, var(--vi-layer-hover-02, #e5e7eb));color:var(--vi-text-primary, var(--vi-text-primary, #111827))}.vi-calendar-month-grid{position:absolute;inset:50px 0 0;background:var(--vi-date-picker-calendar-bg, var(--vi-layer-01, #ffffff));z-index:10;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px;padding:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem));border-radius:0 0 var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px)) var(--vi-border-radius-lg, var(--vi-border-radius-lg, 8px))}.vi-month-mode .vi-calendar-month-grid{position:relative;top:0;margin-top:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem))}.vi-calendar-month-btn{background:transparent;border:1px solid transparent;border-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));padding:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem)) 0;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem));color:var(--vi-text-primary, var(--vi-text-primary, #111827));cursor:pointer;transition:all .2s ease}.vi-calendar-month-btn:hover{background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6))}.vi-calendar-month-btn.active{background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-text-primary-inverse, var(--vi-text-primary-inverse, #ffffff))}.flatpickr-day.inRange:nth-child(7n+1),.flatpickr-day.inRange:hover:nth-child(7n+1){border-top-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.inRange:nth-child(7n),.flatpickr-day.inRange:hover:nth-child(7n){border-top-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.week.selected{background:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));border-color:var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff));color:var(--vi-text-primary, var(--vi-text-primary, #111827));border-radius:0;box-shadow:none}.flatpickr-day.week.selected:nth-child(7n+1){background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff));border-top-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-left-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.flatpickr-day.week.selected:nth-child(7n){background:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));border-color:var(--vi-date-picker-day-selected-bg, var(--vi-color-primary, #3676d0));color:var(--vi-date-picker-day-selected-color, var(--vi-text-primary-inverse, #ffffff));border-top-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px));border-bottom-right-radius:var(--vi-border-radius-full, var(--vi-border-radius-full, 9999px))}.vi-calendar-footer{padding:4px var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem));border-top:1px solid var(--vi-border-02, var(--vi-border-02, #eeeeee));display:flex;justify-content:flex-end}.vi-calendar-today-btn{background:transparent;border:none;color:var(--vi-color-primary, var(--vi-color-primary, #3676d0));font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500));font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem));cursor:pointer;padding:var(--vi-spacing-xs, var(--vi-spacing-xs, .5rem)) var(--vi-spacing-sm, var(--vi-spacing-sm, .75rem));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 6px));transition:background-color .2s ease}.vi-calendar-today-btn:hover{background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6))}:host{display:inline-block;font-family:var(--vi-font-family, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));position:relative}#fp-input{position:absolute;top:0;left:0;opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;border:0}.control{display:flex;flex-direction:column;gap:var(--vi-date-picker-spacing-field-gap, var(--vi-spacing-xs, .5rem))}.inputs-container{display:flex;flex-direction:row;align-items:flex-start;gap:var(--vi-date-picker-spacing-inputs-gap, var(--vi-spacing-md, 1rem));width:100%}.validity-msg{font-size:var(--vi-date-picker-validity-font-size, var(--vi-font-size-xs, .75rem));color:var(--vi-date-picker-error-color, var(--vi-color-error, #ef4444))}#floating-menu-container{position:absolute}";
738
738
 
739
739
  /**
740
740
  * Calculates the ISO 8601 week number of a given date.
@@ -1935,12 +1935,12 @@ new class extends _identity {
1935
1935
  this._setFpValue(this.value);
1936
1936
  }
1937
1937
  }
1938
- if (changed.has('disabled') || changed.has('invalid') || changed.has('validityMessage') || changed.has('required')) {
1938
+ if (changed.has('disabled') || changed.has('status') || changed.has('validityMessage') || changed.has('required')) {
1939
1939
  if (this._inputs) {
1940
1940
  this._inputs.forEach((input)=>{
1941
1941
  input.disabled = this.disabled;
1942
1942
  input.required = this.required;
1943
- input.invalid = this.invalid;
1943
+ input.invalid = this.status === 'invalid';
1944
1944
  input.validityMessage = this.validityMessage;
1945
1945
  });
1946
1946
  }
@@ -2216,7 +2216,7 @@ new class extends _identity {
2216
2216
  this._inputs.forEach((input)=>{
2217
2217
  input.disabled = this.disabled;
2218
2218
  input.required = this.required;
2219
- input.invalid = this.invalid;
2219
+ input.invalid = this.status === 'invalid';
2220
2220
  input.validityMessage = this.validityMessage;
2221
2221
  });
2222
2222
  // We should re-init flatpickr to register the range plugin if the 'to' input was just slotted
package/input/vi-input.js CHANGED
@@ -5,7 +5,7 @@ import { V as ValidityMixin } from '../validity-mixin-DO0ycRH2.js';
5
5
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
6
6
  import { i as ifNonEmpty } from '../if-non-empty-DX8UGa-B.js';
7
7
 
8
- const inputStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.input-field{display:flex;flex-direction:column;gap:var(--vi-input-spacing-field-gap, var(--vi-spacing-xs, 8px));width:100%}.input-control{appearance:none;-webkit-appearance:none;display:block;width:100%;box-sizing:border-box;min-height:var(--vi-input-sizing-min-height, 40px);border:var(--vi-border-width-thin, 1px) solid var(--vi-input-border-color, var(--vi-outline, #e5e7eb));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-lg, 8px));padding:var(--vi-input-spacing-padding-block, var(--vi-spacing-xs, 8px)) var(--vi-input-spacing-padding-inline, var(--vi-spacing-sm, 16px));font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-input-typography-font-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-font-weight-normal, 400);line-height:var(--vi-input-typography-line-height, var(--vi-line-height-normal, 1.5));color:var(--vi-input-text-color, var(--vi-text-primary, #111827));background-color:var(--vi-input-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease}.input-control:hover:not(:focus-visible){border-color:var(--vi-input-border-color-hover, var(--vi-text-secondary, #4b5563))}.input-control:focus-visible,.input-control:focus{outline:var(--vi-border-width-base, 2px) solid var(--vi-input-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:0;box-shadow:0 0 0 3px var(--vi-input-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.input-control::placeholder{color:var(--vi-input-placeholder-color, var(--vi-text-secondary, #4b5563))}.input-control:disabled{cursor:not-allowed;background-color:var(--vi-input-bg-disabled, var(--vi-layer-disabled, #f3f4f6));color:var(--vi-input-text-disabled, var(--vi-text-disabled, #9e9e9e));border-color:var(--vi-input-border-disabled, var(--vi-border-02, #eeeeee))}.input-helper{font-size:var(--vi-input-helper-size, var(--vi-font-size-xs, 12px));line-height:var(--vi-input-helper-leading, var(--vi-line-height-normal, 1.5));color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}.input-error{font-size:var(--vi-input-error-size, var(--vi-font-size-xs, 12px));line-height:var(--vi-input-error-leading, var(--vi-line-height-normal, 1.5));color:var(--vi-input-error-color, var(--vi-color-error, #ef4444))}@media(prefers-reduced-motion:reduce){.input-control{transition:none}}}:host{display:block;outline:none}:host([disabled]){cursor:not-allowed}:host([status=invalid]){--vi-input-border-color: var(--vi-color-error, #ef4444);--vi-input-border-color-hover: var(--vi-color-error, #ef4444);--vi-input-focus-ring-color: var(--vi-color-error, #ef4444);--vi-input-focus-ring-glow: var(--vi-color-red-100, #ffccce);--vi-input-label-color: var(--vi-color-error, #ef4444)}:host([status=valid]){--vi-input-border-color: var(--vi-color-success, #489167);--vi-input-border-color-hover: var(--vi-color-success, #489167);--vi-input-focus-ring-color: var(--vi-color-success, #489167);--vi-input-focus-ring-glow: var(--vi-color-green-100, #e6f0eb)}.input-validation{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-font-size-xs, 12px);line-height:var(--vi-line-height-normal, 1.5);letter-spacing:var(--vi-letter-spacing-wider, .05em);color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}.input-validation--invalid{color:var(--vi-input-error-color, var(--vi-color-error, #ef4444))}.input-validation--valid{color:var(--vi-input-success-color, var(--vi-color-success, #489167))}::slotted([slot=helper]){font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-font-size-xs, 12px);line-height:var(--vi-line-height-normal, 1.5);letter-spacing:var(--vi-letter-spacing-wider, .05em);color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}:host([size=xs]){--vi-input-spacing-padding-block: 2px;--vi-input-spacing-padding-inline: 8px;--vi-input-typography-font-size: var(--vi-font-size-xs, 12px)}:host([size=sm]){--vi-input-spacing-padding-block: 4px;--vi-input-spacing-padding-inline: 12px;--vi-input-typography-font-size: var(--vi-font-size-sm, 14px)}:host([size=lg]){--vi-input-spacing-padding-block: 12px;--vi-input-spacing-padding-inline: 20px;--vi-input-typography-font-size: var(--vi-font-size-lg, 18px)}";
8
+ const inputStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.input-field{display:flex;flex-direction:column;gap:var(--vi-input-spacing-field-gap, var(--vi-spacing-xs, .5rem));width:100%}.input-control{appearance:none;-webkit-appearance:none;display:block;width:100%;box-sizing:border-box;min-height:var(--vi-input-sizing-min-height, 40px);border:var(--vi-border-width-thin, 1px) solid var(--vi-input-border-color, var(--vi-outline, #e5e7eb));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-lg, 8px));padding:var(--vi-input-spacing-padding-block, var(--vi-spacing-xs, .5rem)) var(--vi-input-spacing-padding-inline, var(--vi-spacing-sm, .75rem));font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-input-typography-font-size, var(--vi-font-size-base, .875rem));font-weight:var(--vi-font-weight-normal, 400);line-height:var(--vi-input-typography-line-height, var(--vi-line-height-normal, 1.5715));color:var(--vi-input-text-color, var(--vi-text-primary, #111827));background-color:var(--vi-input-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease}.input-control:hover:not(:focus-visible){border-color:var(--vi-input-border-color-hover, var(--vi-text-secondary, #4b5563))}.input-control:focus-visible,.input-control:focus{outline:var(--vi-border-width-base, 2px) solid var(--vi-input-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:0;box-shadow:0 0 0 3px var(--vi-input-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.input-control::placeholder{color:var(--vi-input-placeholder-color, var(--vi-text-secondary, #4b5563))}.input-control:disabled{cursor:not-allowed;background-color:var(--vi-input-bg-disabled, var(--vi-layer-disabled, #f3f4f6));color:var(--vi-input-text-disabled, var(--vi-text-disabled, #9e9e9e));border-color:var(--vi-input-border-disabled, var(--vi-border-02, #eeeeee))}.input-helper{font-size:var(--vi-input-helper-size, var(--vi-font-size-xs, .75rem));line-height:var(--vi-input-helper-leading, var(--vi-line-height-normal, 1.5715));color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}.input-error{font-size:var(--vi-input-error-size, var(--vi-font-size-xs, .75rem));line-height:var(--vi-input-error-leading, var(--vi-line-height-normal, 1.5715));color:var(--vi-input-error-color, var(--vi-color-error, #ef4444))}@media(prefers-reduced-motion:reduce){.input-control{transition:none}}}:host{display:block;outline:none}.input-control{padding-block:var(--vi-input-spacing-padding-block, var(--vi-spacing-unit, .25rem));padding-inline:var(--vi-input-spacing-padding-inline, var(--vi-spacing-sm, .75rem));font-size:var(--vi-input-typography-font-size, var(--vi-font-size-base, .875rem));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-md, 6px));min-height:var(--vi-input-sizing-min-height, 32px)}:host([disabled]){cursor:not-allowed}:host([status=invalid]){--vi-input-border-color: var(--vi-color-error, #ef4444);--vi-input-border-color-hover: var(--vi-color-error, #ef4444);--vi-input-focus-ring-color: var(--vi-color-error, #ef4444);--vi-input-focus-ring-glow: var(--vi-color-red-100, #ffccce);--vi-input-label-color: var(--vi-color-error, #ef4444)}:host([status=valid]){--vi-input-border-color: var(--vi-color-success, #489167);--vi-input-border-color-hover: var(--vi-color-success, #489167);--vi-input-focus-ring-color: var(--vi-color-success, #489167);--vi-input-focus-ring-glow: var(--vi-color-green-100, #e6f0eb)}.input-validation{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-font-size-xs, .75rem);line-height:var(--vi-line-height-normal, 1.5715);letter-spacing:var(--vi-letter-spacing-wider, .05em);color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}.input-validation--invalid{color:var(--vi-input-error-color, var(--vi-color-error, #ef4444))}.input-validation--valid{color:var(--vi-input-success-color, var(--vi-color-success, #489167))}::slotted([slot=helper]){font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-font-size-xs, .75rem);line-height:var(--vi-line-height-normal, 1.5715);letter-spacing:var(--vi-letter-spacing-wider, .05em);color:var(--vi-input-helper-color, var(--vi-text-helper, #9e9e9e))}:host([size=xs]) .input-control{padding-block:var(--vi-input-spacing-padding-block, 0px);padding-inline:var(--vi-input-spacing-padding-inline, var(--vi-spacing-unit, .25rem));font-size:var(--vi-input-typography-font-size, var(--vi-font-size-xs, .75rem));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-sm, 4px));min-height:var(--vi-input-sizing-min-height, 20px)}:host([size=sm]) .input-control{padding-block:var(--vi-input-spacing-padding-block, 0px);padding-inline:var(--vi-input-spacing-padding-inline, var(--vi-spacing-xs, .5rem));font-size:var(--vi-input-typography-font-size, var(--vi-font-size-base, .875rem));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-sm, 4px));min-height:var(--vi-input-sizing-min-height, 24px)}:host([size=lg]) .input-control{padding-block:var(--vi-input-spacing-padding-block, var(--vi-spacing-xs, .5rem));padding-inline:var(--vi-input-spacing-padding-inline, var(--vi-spacing-sm, .75rem));font-size:var(--vi-input-typography-font-size, var(--vi-font-size-lg, 1rem));border-radius:var(--vi-input-shape-border-radius, var(--vi-border-radius-lg, 8px));min-height:var(--vi-input-sizing-min-height, 40px)}";
9
9
 
10
10
  function applyDecs2203RFactory() {
11
11
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/label/vi-label.js CHANGED
@@ -3,7 +3,7 @@ import { customElement, property } from 'lit/decorators.js';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
5
5
 
6
- const labelStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.vi-label{--vi-label-font-size: var(--vi-font-size-sm, var(--vi-font-size-sm, 14px));--vi-label-font-weight: var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500));--vi-label-color: var(--vi-text-primary, var(--vi-text-primary, #111827));--vi-label-color-disabled: var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));--vi-label-required-color: var(--vi-color-error, var(--vi-color-error, #ef4444));--vi-label-optional-color: var(--vi-text-helper, var(--vi-text-helper, #9e9e9e));--vi-label-gap: 4px}.vi-label{display:inline-flex;align-items:center;gap:var(--vi-label-gap);font-size:var(--vi-label-font-size);font-weight:var(--vi-label-font-weight);color:var(--vi-label-color);line-height:1.5;margin:0}.vi-label.size-sm{--vi-label-font-size: var(--vi-font-size-xs, var(--vi-font-size-xs, 12px))}.vi-label.size-lg{--vi-label-font-size: var(--vi-font-size-base, var(--vi-font-size-base, 16px))}.vi-label.is-disabled{color:var(--vi-label-color-disabled);cursor:default}.vi-label-required{color:var(--vi-label-required-color)}.vi-label-optional{color:var(--vi-label-optional-color);font-weight:400}}:host{display:inline-block;vertical-align:middle;color:var(--vi-label-color, var(--vi-text-primary, var(--vi-text-primary, #111827)));font-size:var(--vi-label-font-size, var(--vi-font-size-sm, var(--vi-font-size-sm, 14px)));font-weight:var(--vi-label-font-weight, var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500)))}:host([layout=stacked]){display:block;margin-bottom:var(--vi-label-margin-bottom, 8px)}:host([layout=inline]){display:inline-flex;align-items:center;margin-right:var(--vi-label-margin-inline, 12px);margin-bottom:0}:host([size=sm]){--vi-label-font-size: var(--vi-font-size-xs, var(--vi-font-size-xs, 12px))}:host([size=lg]){--vi-label-font-size: var(--vi-font-size-base, var(--vi-font-size-base, 16px))}:host([disabled]){color:var(--vi-label-color-disabled, var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e)));cursor:default}:host([type=primary]){--vi-label-color: var(--vi-color-text-primary, var(--vi-text-primary, #111827))}:host([type=secondary]){--vi-label-color: var(--vi-color-text-secondary, var(--vi-text-secondary, #4b5563))}::slotted(vi-tooltip){margin-inline-start:var(--vi-label-gap, 4px)}";
6
+ const labelStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.vi-label{--vi-label-font-size: var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem));--vi-label-font-weight: var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500));--vi-label-color: var(--vi-text-primary, var(--vi-text-primary, #111827));--vi-label-color-disabled: var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));--vi-label-required-color: var(--vi-color-error, var(--vi-color-error, #ef4444));--vi-label-optional-color: var(--vi-text-helper, var(--vi-text-helper, #9e9e9e));--vi-label-gap: var(--vi-spacing-unit, .25rem)}.vi-label{display:inline-flex;align-items:center;gap:var(--vi-label-gap);font-size:var(--vi-label-font-size);font-weight:var(--vi-label-font-weight);color:var(--vi-label-color);line-height:var(--vi-line-height-normal, 1.5715);margin:0}.vi-label.size-sm{--vi-label-font-size: var(--vi-font-size-xs, var(--vi-font-size-xs, .75rem))}.vi-label.size-lg{--vi-label-font-size: var(--vi-font-size-base, var(--vi-font-size-base, .875rem))}.vi-label.is-disabled{color:var(--vi-label-color-disabled);cursor:default}.vi-label-required{color:var(--vi-label-required-color)}.vi-label-optional{color:var(--vi-label-optional-color);font-weight:400}}:host{display:inline-block;vertical-align:middle;color:var(--vi-label-color, var(--vi-text-primary, var(--vi-text-primary, #111827)));font-size:var(--vi-label-font-size, var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem)));font-weight:var(--vi-label-font-weight, var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500)))}:host([layout=stacked]){display:block;margin-bottom:var(--vi-label-margin-bottom, 8px)}:host([layout=inline]){display:inline-flex;align-items:center;margin-right:var(--vi-label-margin-inline, 12px);margin-bottom:0}:host([size=sm]){--vi-label-font-size: var(--vi-font-size-xs, var(--vi-font-size-xs, .75rem))}:host([size=lg]){--vi-label-font-size: var(--vi-font-size-base, var(--vi-font-size-base, .875rem))}:host([disabled]){color:var(--vi-label-color-disabled, var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e)));cursor:default}:host([type=primary]){--vi-label-color: var(--vi-color-text-primary, var(--vi-text-primary, #111827))}:host([type=secondary]){--vi-label-color: var(--vi-color-text-secondary, var(--vi-text-secondary, #4b5563))}::slotted(vi-tooltip){margin-inline-start:var(--vi-label-gap, 4px)}";
7
7
 
8
8
  function applyDecs2203RFactory() {
9
9
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/link/vi-link.js CHANGED
@@ -4,7 +4,7 @@ import { V as ViElement } from '../vi-element-C6GfDPs3.js';
4
4
  import { F as FocusableMixin } from '../focusable-mixin-CmxOyPX5.js';
5
5
  import '../icons/vi-icon.js';
6
6
 
7
- const linkStyles = "@charset \"UTF-8\";@layer reset,components,utilities;:host{display:inline-block}.link{color:var(--vi-link-color, var(--vi-link-color, var(--vi-color-primary, #3676d0)));text-decoration-thickness:1px;text-underline-offset:var(--vi-link-underline-offset, 2px);cursor:pointer;transition:color .2s ease,text-decoration-color .2s ease;outline:none;text-decoration:underline}.link.underline-none,.link.underline-hover{text-decoration:none}.link.underline-hover:hover{text-decoration:underline}.link.size-inherit{font-size:inherit}.link.size-sm{font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, 14px))}.link.size-md{font-size:var(--vi-font-size-base, var(--vi-font-size-base, 16px))}.link.size-lg{font-size:var(--vi-font-size-lg, var(--vi-font-size-lg, 18px))}.link.variant-secondary{--vi-link-color: var(--vi-link-color-secondary, var(--vi-link-color-secondary, var(--vi-color-grey-700, #616161)));--vi-link-color-hover: var(--vi-link-color-secondary-hover, var(--vi-color-grey-800, #424242));--vi-link-color-active: var(--vi-link-color-secondary-active, var(--vi-color-grey-900, #212121));--vi-link-color-visited: var(--vi-link-color-secondary-visited, var(--vi-color-grey-700, #616161))}.link.variant-muted{--vi-link-color: var(--vi-link-color-muted, var(--vi-link-color-muted, var(--vi-color-grey-500, #9e9e9e)));--vi-link-color-hover: var(--vi-link-color-muted-hover, var(--vi-color-grey-600, #757575));--vi-link-color-active: var(--vi-link-color-muted-active, var(--vi-color-grey-700, #616161));--vi-link-color-visited: var(--vi-link-color-muted-visited, var(--vi-color-grey-500, #9e9e9e))}.link:visited{color:var(--vi-link-color-visited, var(--vi-link-color-visited, var(--vi-color-purple-600, #6507c9)))}.link:hover{color:var(--vi-link-color-hover, var(--vi-link-color-hover, var(--vi-color-blue-800, #2d5fa8)))}.link:active{color:var(--vi-link-color-active, var(--vi-link-color-active, var(--vi-color-blue-900, #254882)))}.link:focus-visible{outline:var(--vi-border-width-base, 2px) solid var(--vi-focus-ring-color, var(--vi-link-color, var(--vi-color-primary, #3676d0)));outline-offset:0;box-shadow:0 0 0 3px var(--vi-focus-ring-glow, transparent)}.link[aria-disabled=true],.link.disabled{color:var(--vi-link-color-disabled, var(--vi-link-color-disabled, var(--vi-color-grey-400, #bdbdbd)));pointer-events:none;cursor:not-allowed;text-decoration:none}.link{display:inline-flex;align-items:center}::slotted([slot=icon]){display:inline-flex;margin-inline-end:.25rem}[part=external-icon]{display:inline-flex;align-items:center;margin-inline-start:.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}";
7
+ const linkStyles = "@charset \"UTF-8\";@layer reset,components,utilities;:host{display:inline-block}.link{color:var(--vi-link-color, var(--vi-link-color, var(--vi-color-primary, #3676d0)));text-decoration-thickness:1px;text-underline-offset:var(--vi-link-underline-offset, 2px);cursor:pointer;transition:color .2s ease,text-decoration-color .2s ease;outline:none;text-decoration:underline}.link.underline-none,.link.underline-hover{text-decoration:none}.link.underline-hover:hover{text-decoration:underline}.link.size-inherit{font-size:inherit}.link.size-sm{font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, .8125rem))}.link.size-md{font-size:var(--vi-font-size-base, var(--vi-font-size-base, .875rem))}.link.size-lg{font-size:var(--vi-font-size-lg, var(--vi-font-size-lg, 1rem))}.link.variant-secondary{--vi-link-color: var(--vi-link-color-secondary, var(--vi-link-color-secondary, var(--vi-color-grey-700, #616161)));--vi-link-color-hover: var(--vi-link-color-secondary-hover, var(--vi-color-grey-800, #424242));--vi-link-color-active: var(--vi-link-color-secondary-active, var(--vi-color-grey-900, #212121));--vi-link-color-visited: var(--vi-link-color-secondary-visited, var(--vi-color-grey-700, #616161))}.link.variant-muted{--vi-link-color: var(--vi-link-color-muted, var(--vi-link-color-muted, var(--vi-color-grey-500, #9e9e9e)));--vi-link-color-hover: var(--vi-link-color-muted-hover, var(--vi-color-grey-600, #757575));--vi-link-color-active: var(--vi-link-color-muted-active, var(--vi-color-grey-700, #616161));--vi-link-color-visited: var(--vi-link-color-muted-visited, var(--vi-color-grey-500, #9e9e9e))}.link:visited{color:var(--vi-link-color-visited, var(--vi-link-color-visited, var(--vi-color-purple-600, #6507c9)))}.link:hover{color:var(--vi-link-color-hover, var(--vi-link-color-hover, var(--vi-color-blue-800, #2d5fa8)))}.link:active{color:var(--vi-link-color-active, var(--vi-link-color-active, var(--vi-color-blue-900, #254882)))}.link:focus-visible{outline:var(--vi-border-width-base, 2px) solid var(--vi-focus-ring-color, var(--vi-link-color, var(--vi-color-primary, #3676d0)));outline-offset:0;box-shadow:0 0 0 3px var(--vi-focus-ring-glow, transparent)}.link[aria-disabled=true],.link.disabled{color:var(--vi-link-color-disabled, var(--vi-link-color-disabled, var(--vi-color-grey-400, #bdbdbd)));pointer-events:none;cursor:not-allowed;text-decoration:none}.link{display:inline-flex;align-items:center}::slotted([slot=icon]){display:inline-flex;margin-inline-end:.25rem}[part=external-icon]{display:inline-flex;align-items:center;margin-inline-start:.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}";
8
8
 
9
9
  function applyDecs2203RFactory() {
10
10
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vialiq/web-components",
3
- "version": "0.25.0",
3
+ "version": "0.26.0",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -147,8 +147,8 @@
147
147
  },
148
148
  "peerDependencies": {
149
149
  "@floating-ui/dom": ">=1.0.0",
150
- "@vialiq/flux-ui": "^0.20.0",
151
- "@vialiq/icons": "^0.5.0",
150
+ "@vialiq/flux-ui": "^0.21.0",
151
+ "@vialiq/icons": ">=0.0.3 <0.1.0",
152
152
  "flatpickr": ">=4.6.0",
153
153
  "lit": "^3.0.0"
154
154
  },
package/radio/vi-radio-group.js CHANGED
@@ -3,7 +3,7 @@ import { customElement, property } from 'lit/decorators.js';
3
3
  import { V as ValidityMixin } from '../validity-mixin-DO0ycRH2.js';
4
4
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
5
5
 
6
- const radioGroupStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.radio-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--vi-radio-group-spacing-field-gap, var(--vi-spacing-xs, 8px));width:100%}.radio-group-legend{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-label-font-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-font-weight-semibold, 600);color:var(--vi-radio-group-label-color, var(--vi-text-primary, #111827));padding:0;margin:0;margin-block-end:var(--vi-radio-group-legend-margin-bottom, var(--vi-spacing-xs, 8px))}.radio-group-items{display:flex;gap:var(--vi-radio-group-gap, 8px)}.radio-group-items[orientation=vertical]{flex-direction:column}.radio-group-items[orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vi-radio-group-gap-horizontal, 24px)}.radio-group-helper{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-helper-font-size, var(--vi-font-size-xs, 12px));color:var(--vi-radio-group-helper-color, var(--vi-text-helper, #9e9e9e))}.radio-group-validation{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-validation-font-size, var(--vi-font-size-xs, 12px));color:var(--vi-radio-group-validation-color, var(--vi-text-helper, #9e9e9e));margin-block-start:var(--vi-radio-group-validation-margin-top, var(--vi-spacing-xs, 8px))}.radio-group-validation.radio-group-validation--invalid{color:var(--vi-radio-group-error-color, var(--vi-color-error, #ef4444))}.radio-group-validation.radio-group-validation--valid{color:var(--vi-radio-group-success-color, var(--vi-color-success, #489167))}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--vi-radio-label-gap, 8px);cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-label-font-size, var(--vi-font-size-base, 16px));line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-radio-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none}.radio-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.radio-circle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-radio-size, 18px);height:var(--vi-radio-size, 18px);border:var(--vi-border-width-base, 2px) solid var(--vi-radio-border-color, var(--vi-outline, #e5e7eb));border-radius:50%;background-color:var(--vi-radio-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.radio-dot{box-sizing:border-box;width:var(--vi-radio-dot-size, 8px);height:var(--vi-radio-dot-size, 8px);border-radius:50%;background-color:var(--vi-radio-dot-color, var(--vi-color-primary, #3676d0));transform:scale(0);opacity:0;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked, var(--vi-color-primary, #3676d0))}.radio-input:checked+.radio-circle .radio-dot{transform:scale(1);opacity:1}.radio-input:focus-visible+.radio-circle{outline:var(--vi-border-width-base, 2px) solid var(--vi-radio-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-radio-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-circle{border-color:var(--vi-radio-border-color-hover, var(--vi-border-inverse-03, #757575))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.radio-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-radio-disabled-opacity, .5)}.radio-wrapper--disabled .radio-circle{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-02, #eeeeee)}.radio-wrapper--disabled .radio-dot{background-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}}:host{display:block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([status=invalid]){--vi-radio-group-label-color: var(--vi-color-error, #ef4444)}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([size=xs]){--vi-radio-group-label-font-size: var(--vi-font-size-xs, 12px);--vi-radio-group-legend-margin-bottom: 4px}:host([size=sm]){--vi-radio-group-label-font-size: var(--vi-font-size-sm, 14px);--vi-radio-group-legend-margin-bottom: 6px}:host([size=lg]){--vi-radio-group-label-font-size: var(--vi-font-size-lg, 18px);--vi-radio-group-legend-margin-bottom: 10px}";
6
+ const radioGroupStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.radio-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--vi-radio-group-spacing-field-gap, var(--vi-spacing-xs, .5rem));width:100%}.radio-group-legend{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-label-font-size, var(--vi-font-size-base, .875rem));font-weight:var(--vi-font-weight-semibold, 600);color:var(--vi-radio-group-label-color, var(--vi-text-primary, #111827));padding:0;margin:0;margin-block-end:var(--vi-radio-group-legend-margin-bottom, var(--vi-spacing-xs, .5rem))}.radio-group-items{display:flex;gap:var(--vi-radio-group-gap, var(--vi-spacing-xs, .5rem))}.radio-group-items[orientation=vertical]{flex-direction:column}.radio-group-items[orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vi-radio-group-gap-horizontal, 24px)}.radio-group-helper{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-helper-font-size, var(--vi-font-size-xs, .75rem));color:var(--vi-radio-group-helper-color, var(--vi-text-helper, #9e9e9e))}.radio-group-validation{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-validation-font-size, var(--vi-font-size-xs, .75rem));color:var(--vi-radio-group-validation-color, var(--vi-text-helper, #9e9e9e));margin-block-start:var(--vi-radio-group-validation-margin-top, var(--vi-spacing-xs, .5rem))}.radio-group-validation.radio-group-validation--invalid{color:var(--vi-radio-group-error-color, var(--vi-color-error, #ef4444))}.radio-group-validation.radio-group-validation--valid{color:var(--vi-radio-group-success-color, var(--vi-color-success, #489167))}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--vi-radio-label-gap, var(--vi-spacing-xs, .5rem));cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-label-font-size, var(--vi-font-size-base, .875rem));line-height:var(--vi-line-height-normal, 1.5715);color:var(--vi-radio-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none}.radio-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.radio-circle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-radio-size, var(--vi-spacing-md, 1rem));height:var(--vi-radio-size, var(--vi-spacing-md, 1rem));border:var(--vi-border-width-base, 2px) solid var(--vi-radio-border-color, var(--vi-outline, #e5e7eb));border-radius:50%;background-color:var(--vi-radio-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.radio-dot{box-sizing:border-box;width:var(--vi-radio-dot-size, calc(var(--vi-spacing-md, 1rem) / 2));height:var(--vi-radio-dot-size, calc(var(--vi-spacing-md, 1rem) / 2));border-radius:50%;background-color:var(--vi-radio-dot-color, var(--vi-color-primary, #3676d0));transform:scale(0);opacity:0;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked, var(--vi-color-primary, #3676d0))}.radio-input:checked+.radio-circle .radio-dot{transform:scale(1);opacity:1}.radio-input:focus-visible+.radio-circle{outline:var(--vi-border-width-base, 2px) solid var(--vi-radio-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-radio-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-circle{border-color:var(--vi-radio-border-color-hover, var(--vi-border-inverse-03, #757575))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.radio-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-radio-disabled-opacity, .5)}.radio-wrapper--disabled .radio-circle{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-02, #eeeeee)}.radio-wrapper--disabled .radio-dot{background-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}}:host{display:block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([status=invalid]){--vi-radio-group-label-color: var(--vi-color-error, #ef4444)}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([size=xs]){--vi-radio-group-label-font-size: var(--vi-font-size-xs, .75rem);--vi-radio-group-legend-margin-bottom: 4px}:host([size=sm]){--vi-radio-group-label-font-size: var(--vi-font-size-sm, .8125rem);--vi-radio-group-legend-margin-bottom: 6px}:host([size=lg]){--vi-radio-group-label-font-size: var(--vi-font-size-lg, 1rem);--vi-radio-group-legend-margin-bottom: 10px}";
7
7
 
8
8
  function applyDecs2203RFactory() {
9
9
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/radio/vi-radio.js CHANGED
@@ -3,7 +3,7 @@ import { customElement, property } from 'lit/decorators.js';
3
3
  import { F as FocusableMixin } from '../focusable-mixin-CmxOyPX5.js';
4
4
  import { V as ViElement } from '../vi-element-C6GfDPs3.js';
5
5
 
6
- const radioStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.radio-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--vi-radio-group-spacing-field-gap, var(--vi-spacing-xs, 8px));width:100%}.radio-group-legend{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-label-font-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-font-weight-semibold, 600);color:var(--vi-radio-group-label-color, var(--vi-text-primary, #111827));padding:0;margin:0;margin-block-end:var(--vi-radio-group-legend-margin-bottom, var(--vi-spacing-xs, 8px))}.radio-group-items{display:flex;gap:var(--vi-radio-group-gap, 8px)}.radio-group-items[orientation=vertical]{flex-direction:column}.radio-group-items[orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vi-radio-group-gap-horizontal, 24px)}.radio-group-helper{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-helper-font-size, var(--vi-font-size-xs, 12px));color:var(--vi-radio-group-helper-color, var(--vi-text-helper, #9e9e9e))}.radio-group-validation{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-validation-font-size, var(--vi-font-size-xs, 12px));color:var(--vi-radio-group-validation-color, var(--vi-text-helper, #9e9e9e));margin-block-start:var(--vi-radio-group-validation-margin-top, var(--vi-spacing-xs, 8px))}.radio-group-validation.radio-group-validation--invalid{color:var(--vi-radio-group-error-color, var(--vi-color-error, #ef4444))}.radio-group-validation.radio-group-validation--valid{color:var(--vi-radio-group-success-color, var(--vi-color-success, #489167))}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--vi-radio-label-gap, 8px);cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-label-font-size, var(--vi-font-size-base, 16px));line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-radio-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none}.radio-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.radio-circle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-radio-size, 18px);height:var(--vi-radio-size, 18px);border:var(--vi-border-width-base, 2px) solid var(--vi-radio-border-color, var(--vi-outline, #e5e7eb));border-radius:50%;background-color:var(--vi-radio-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.radio-dot{box-sizing:border-box;width:var(--vi-radio-dot-size, 8px);height:var(--vi-radio-dot-size, 8px);border-radius:50%;background-color:var(--vi-radio-dot-color, var(--vi-color-primary, #3676d0));transform:scale(0);opacity:0;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked, var(--vi-color-primary, #3676d0))}.radio-input:checked+.radio-circle .radio-dot{transform:scale(1);opacity:1}.radio-input:focus-visible+.radio-circle{outline:var(--vi-border-width-base, 2px) solid var(--vi-radio-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-radio-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-circle{border-color:var(--vi-radio-border-color-hover, var(--vi-border-inverse-03, #757575))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.radio-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-radio-disabled-opacity, .5)}.radio-wrapper--disabled .radio-circle{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-02, #eeeeee)}.radio-wrapper--disabled .radio-dot{background-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}}:host{display:inline-block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([size=xs]){--vi-radio-size: 12px;--vi-radio-dot-size: 5px;--vi-radio-label-gap: 4px;--vi-radio-label-font-size: var(--vi-font-size-xs, 12px)}:host([size=sm]){--vi-radio-size: 14px;--vi-radio-dot-size: 6px;--vi-radio-label-gap: 6px;--vi-radio-label-font-size: var(--vi-font-size-sm, 14px)}:host([size=lg]){--vi-radio-size: 22px;--vi-radio-dot-size: 10px;--vi-radio-label-gap: 10px;--vi-radio-label-font-size: var(--vi-font-size-lg, 18px)}";
6
+ const radioStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.radio-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--vi-radio-group-spacing-field-gap, var(--vi-spacing-xs, .5rem));width:100%}.radio-group-legend{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-label-font-size, var(--vi-font-size-base, .875rem));font-weight:var(--vi-font-weight-semibold, 600);color:var(--vi-radio-group-label-color, var(--vi-text-primary, #111827));padding:0;margin:0;margin-block-end:var(--vi-radio-group-legend-margin-bottom, var(--vi-spacing-xs, .5rem))}.radio-group-items{display:flex;gap:var(--vi-radio-group-gap, var(--vi-spacing-xs, .5rem))}.radio-group-items[orientation=vertical]{flex-direction:column}.radio-group-items[orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vi-radio-group-gap-horizontal, 24px)}.radio-group-helper{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-helper-font-size, var(--vi-font-size-xs, .75rem));color:var(--vi-radio-group-helper-color, var(--vi-text-helper, #9e9e9e))}.radio-group-validation{display:block;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-group-validation-font-size, var(--vi-font-size-xs, .75rem));color:var(--vi-radio-group-validation-color, var(--vi-text-helper, #9e9e9e));margin-block-start:var(--vi-radio-group-validation-margin-top, var(--vi-spacing-xs, .5rem))}.radio-group-validation.radio-group-validation--invalid{color:var(--vi-radio-group-error-color, var(--vi-color-error, #ef4444))}.radio-group-validation.radio-group-validation--valid{color:var(--vi-radio-group-success-color, var(--vi-color-success, #489167))}.radio-wrapper{display:inline-flex;align-items:center;gap:var(--vi-radio-label-gap, var(--vi-spacing-xs, .5rem));cursor:pointer;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);font-size:var(--vi-radio-label-font-size, var(--vi-font-size-base, .875rem));line-height:var(--vi-line-height-normal, 1.5715);color:var(--vi-radio-label-color, var(--vi-text-primary, #111827));position:relative;-webkit-user-select:none;user-select:none}.radio-input{position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.radio-circle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--vi-radio-size, var(--vi-spacing-md, 1rem));height:var(--vi-radio-size, var(--vi-spacing-md, 1rem));border:var(--vi-border-width-base, 2px) solid var(--vi-radio-border-color, var(--vi-outline, #e5e7eb));border-radius:50%;background-color:var(--vi-radio-background-color, var(--vi-color-background, #ffffff));transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.radio-dot{box-sizing:border-box;width:var(--vi-radio-dot-size, calc(var(--vi-spacing-md, 1rem) / 2));height:var(--vi-radio-dot-size, calc(var(--vi-spacing-md, 1rem) / 2));border-radius:50%;background-color:var(--vi-radio-dot-color, var(--vi-color-primary, #3676d0));transform:scale(0);opacity:0;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease}.radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked, var(--vi-color-primary, #3676d0))}.radio-input:checked+.radio-circle .radio-dot{transform:scale(1);opacity:1}.radio-input:focus-visible+.radio-circle{outline:var(--vi-border-width-base, 2px) solid var(--vi-radio-focus-ring-color, var(--vi-focus, #3676d0));outline-offset:2px;box-shadow:0 0 0 3px var(--vi-radio-focus-ring-glow, var(--vi-color-blue-200, #cee6ff))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-circle{border-color:var(--vi-radio-border-color-hover, var(--vi-border-inverse-03, #757575))}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-input:checked+.radio-circle{border-color:var(--vi-radio-border-color-checked-hover, var(--vi-color-primary, #3676d0))}.radio-wrapper--disabled{cursor:not-allowed;opacity:var(--vi-radio-disabled-opacity, .5)}.radio-wrapper--disabled .radio-circle{background-color:var(--vi-layer-disabled, #f3f4f6);border-color:var(--vi-border-02, #eeeeee)}.radio-wrapper--disabled .radio-dot{background-color:var(--vi-text-disabled, #9e9e9e)}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}}:host{display:inline-block;outline:none}:host([disabled]){cursor:not-allowed;pointer-events:none}::slotted(*){font-family:inherit;font-size:inherit;color:inherit}:host([size=xs]){--vi-radio-size: 12px;--vi-radio-dot-size: 5px;--vi-radio-label-gap: 4px;--vi-radio-label-font-size: var(--vi-font-size-xs, .75rem)}:host([size=sm]){--vi-radio-size: 14px;--vi-radio-dot-size: 6px;--vi-radio-label-gap: 6px;--vi-radio-label-font-size: var(--vi-font-size-sm, .8125rem)}:host([size=lg]){--vi-radio-size: 22px;--vi-radio-dot-size: 10px;--vi-radio-label-gap: 10px;--vi-radio-label-font-size: var(--vi-font-size-lg, 1rem)}";
7
7
 
8
8
  function applyDecs2203RFactory() {
9
9
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
package/tooltip/vi-tooltip.js CHANGED
@@ -4,7 +4,7 @@ import { V as ViElement } from '../vi-element-C6GfDPs3.js';
4
4
  import { autoUpdate, offset, flip, shift, arrow, computePosition } from '@floating-ui/dom';
5
5
  import { O as OverlayManager } from '../overlay-manager-Ch_6fr_D.js';
6
6
 
7
- const tooltipStyles = "@charset \"UTF-8\";@layer reset,components,utilities;.tooltip-panel{position:fixed;z-index:var(--vi-tooltip-z-index, var(--vi-tooltip-z-index, 1070));pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out;margin:0;border:none;background:transparent;padding:0;overflow:visible;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif)}.tooltip-panel[popover]:popover-open{display:block;pointer-events:auto;opacity:1;transform:scale(1)}.tooltip-panel{transition-property:opacity,transform,display,overlay;transition-behavior:allow-discrete}@media(prefers-reduced-motion:reduce){.tooltip-panel{transition:none;transform:none}}.tooltip-content{background-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827));color:var(--vi-tooltip-color, var(--vi-text-primary-inverse, #ffffff));font-size:var(--vi-tooltip-font-size, 12px);line-height:1.4;padding:var(--vi-tooltip-padding, 6px 10px);border-radius:var(--vi-tooltip-border-radius, 4px);box-shadow:var(--vi-tooltip-shadow, var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1)));max-width:var(--vi-tooltip-max-width, 240px);word-wrap:break-word;white-space:normal;position:relative}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;pointer-events:none}.tooltip-panel[placement^=top] .tooltip-arrow,.tooltip-panel[data-placement^=top] .tooltip-arrow{bottom:calc(-1 * var(--vi-tooltip-arrow-size, 6px));left:50%;transform:translate(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) 0;border-top-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement^=bottom] .tooltip-arrow,.tooltip-panel[data-placement^=bottom] .tooltip-arrow{top:calc(-1 * var(--vi-tooltip-arrow-size, 6px));left:50%;transform:translate(-50%);border-width:0 var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px);border-bottom-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement=left] .tooltip-arrow,.tooltip-panel[data-placement=left] .tooltip-arrow{right:calc(-1 * var(--vi-tooltip-arrow-size, 6px));top:50%;transform:translateY(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) 0 var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px);border-left-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement=right] .tooltip-arrow,.tooltip-panel[data-placement=right] .tooltip-arrow{left:calc(-1 * var(--vi-tooltip-arrow-size, 6px));top:50%;transform:translateY(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) 0;border-right-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement$=-start] .tooltip-arrow,.tooltip-panel[data-placement$=-start] .tooltip-arrow{left:12px;transform:none}.tooltip-panel[placement$=-end] .tooltip-arrow,.tooltip-panel[data-placement$=-end] .tooltip-arrow{left:auto;right:12px;transform:none}:host{display:inline-block}";
7
+ const tooltipStyles = "@charset \"UTF-8\";@layer reset,components,utilities;.tooltip-panel{position:fixed;z-index:var(--vi-tooltip-z-index, var(--vi-tooltip-z-index, 1070));pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out;margin:0;border:none;background:transparent;padding:0;overflow:visible;font-family:var(--vi-tooltip-font-family, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif))}.tooltip-panel[popover]:popover-open{display:block;pointer-events:auto;opacity:1;transform:scale(1)}.tooltip-panel{transition-property:opacity,transform,display,overlay;transition-behavior:allow-discrete}@media(prefers-reduced-motion:reduce){.tooltip-panel{transition:none;transform:none}}.tooltip-content{background-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827));color:var(--vi-tooltip-color, var(--vi-text-primary-inverse, #ffffff));font-size:var(--vi-tooltip-font-size, var(--vi-font-size-xs, .75rem));line-height:1.4;padding:var(--vi-tooltip-padding, var(--vi-spacing-unit, .25rem) var(--vi-spacing-xs, .5rem));border-radius:var(--vi-tooltip-border-radius, var(--vi-border-radius-sm, 4px));box-shadow:var(--vi-tooltip-shadow, var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1)));max-width:var(--vi-tooltip-max-width, 240px);word-wrap:break-word;white-space:normal;position:relative}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;pointer-events:none}.tooltip-panel[placement^=top] .tooltip-arrow,.tooltip-panel[data-placement^=top] .tooltip-arrow{bottom:calc(-1 * var(--vi-tooltip-arrow-size, 6px));left:50%;transform:translate(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) 0;border-top-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement^=bottom] .tooltip-arrow,.tooltip-panel[data-placement^=bottom] .tooltip-arrow{top:calc(-1 * var(--vi-tooltip-arrow-size, 6px));left:50%;transform:translate(-50%);border-width:0 var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px);border-bottom-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement=left] .tooltip-arrow,.tooltip-panel[data-placement=left] .tooltip-arrow{right:calc(-1 * var(--vi-tooltip-arrow-size, 6px));top:50%;transform:translateY(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) 0 var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px);border-left-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement=right] .tooltip-arrow,.tooltip-panel[data-placement=right] .tooltip-arrow{left:calc(-1 * var(--vi-tooltip-arrow-size, 6px));top:50%;transform:translateY(-50%);border-width:var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) var(--vi-tooltip-arrow-size, 6px) 0;border-right-color:var(--vi-tooltip-background, var(--vi-layer-inverse, #111827))}.tooltip-panel[placement$=-start] .tooltip-arrow,.tooltip-panel[data-placement$=-start] .tooltip-arrow{left:12px;transform:none}.tooltip-panel[placement$=-end] .tooltip-arrow,.tooltip-panel[data-placement$=-end] .tooltip-arrow{left:auto;right:12px;transform:none}:host{display:inline-block}";
8
8
 
9
9
  function applyDecs2203RFactory() {
10
10
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {