@infonomic/uikit 6.0.4 → 6.1.0

package/dist/styles/components-vanilla.css

@@ -1 +1 @@
-@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.infonomic-card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(:is(.dark,[data-theme=dark]) .card-mqJaiW,:is(.dark,[data-theme=dark]) .infonomic-card){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.infonomic-card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.infonomic-card-hover:hover){background:oklch(from var(--theme-50) 1 .03 h)}:is(:is(.dark,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark,[data-theme=dark]) .infonomic-card-hover:hover){background:oklch(from var(--canvas-800) .2 c h)}:is(.card-header-XnoBkP,.infonomic-card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.infonomic-card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.infonomic-card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.infonomic-card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.infonomic-card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.infonomic-container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.infonomic-container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.infonomic-container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.infonomic-container){max-width:87.5rem}}:is(.badge-8xVidp,.infonomic-badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.infonomic-badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.infonomic-badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.infonomic-badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.infonomic-badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.infonomic-badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.infonomic-badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.infonomic-badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.infonomic-button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal), outline-color var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:1px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.infonomic-button:disabled,.infonomic-button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.infonomic-button:focus,.infonomic-button:active){outline-color:var(--ring-color)}.button-IjDhC0.square-P_6yde,.infonomic-button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.infonomic-button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.infonomic-button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.infonomic-button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.infonomic-button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.infonomic-button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.infonomic-button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.infonomic-button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.infonomic-button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.infonomic-button-filled:focus,.infonomic-button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.infonomic-button-filled:disabled,.infonomic-button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h))}:is(.filled-weak-QLU8bA,.infonomic-button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.infonomic-button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.infonomic-button-filled-weak:focus,.infonomic-button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.infonomic-button-filled-weak:disabled,.infonomic-button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h))}:is(.outlined-nZGbxu,.infonomic-button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.infonomic-button-outlined:disabled,.infonomic-button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h))}:is(.outlined-nZGbxu:hover,.infonomic-button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.infonomic-button-outlined:focus,.infonomic-button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.infonomic-button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.infonomic-button-gradient:disabled,.infonomic-button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h))}:is(.gradient-ySC3O3:hover,.infonomic-button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.infonomic-button-gradient:focus,.infonomic-button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.infonomic-button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.infonomic-button-text:disabled,.infonomic-button-text[disabled]){color:oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h)}:is(.text-GaxlcE:hover,.infonomic-button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.infonomic-button-text:focus,.infonomic-button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.infonomic-button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.infonomic-button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.infonomic-button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.infonomic-button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.infonomic-button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.infonomic-button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.infonomic-button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.infonomic-button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.infonomic-button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.infonomic-button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.infonomic-copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.infonomic-copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.infonomic-copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.infonomic-copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.infonomic-copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.infonomic-copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.infonomic-copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.infonomic-input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.infonomic-input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-voSL1w,.infonomic-input){outline-offset:2px;gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:1px solid #0000;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.infonomic-input:focus,.infonomic-input:active){outline-color:var(--ring-color)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.infonomic-input:disabled,.infonomic-input[disabled]){pointer-events:none}:is(.label-a8k0oS,.infonomic-input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.infonomic-input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.infonomic-input-md){min-height:36px;padding:.3rem .5rem;font-size:1rem;line-height:0}:is(.lg-Tn3YZZ,.infonomic-input-lg){min-height:40px;padding:.4rem .5rem;font-size:1.175rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.infonomic-input-start-adornment,.infonomic-input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.infonomic-input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.infonomic-input-end-adornment){right:5px}:is(.help-text-MZW4yX,.infonomic-input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.infonomic-input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.infonomic-input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.infonomic-input-outlined:focus,.infonomic-input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.infonomic-input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.infonomic-input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.infonomic-input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.infonomic-input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.infonomic-input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.infonomic-input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.infonomic-input-error),:is(.error-n0kSb0:hover,.infonomic-input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.infonomic-input-error:focus,.infonomic-input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.infonomic-input-underlined.input-start-adornment-padding,.infonomic-input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.infonomic-input-underlined.input-end-adornment-padding,.infonomic-input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.infonomic-input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.infonomic-input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.infonomic-input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.infonomic-input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.infonomic-input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.infonomic-input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.infonomic-input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.infonomic-input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.infonomic-input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.infonomic-input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.infonomic-input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.infonomic-input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.infonomic-text-area){width:100%;padding:.5rem;font-size:1rem}:is(.underlined-a9hkur,.infonomic-text-area--underlined){padding-left:0;padding-right:0}:is(.label-Q88hWY,.infonomic-label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.infonomic-label-required){color:var(--error)}:is(.text-xJE0DB,.infonomic-error-text){color:var(--error);font-size:.875rem}:is(.sm-jCozDb,.infonomic-error-text-sm){font-size:.85rem}:is(.md-b7GT8M,.infonomic-error-text-md){font-size:.875rem}:is(.lg-q2oWv7,.infonomic-error-text-lg){font-size:.9rem}:is(.text-U6KD9f,.infonomic-help-text){color:var(--muted);font-size:.875rem}:is(.sm-NX28sU,.infonomic-help-text-sm){font-size:.85rem}:is(.md-BEtXW1,.infonomic-help-text-md){font-size:.875rem}:is(.lg-han8YY,.infonomic-help-text-lg){font-size:.9rem}:is(.section-CEcZOp,.infonomic-section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.infonomic-scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.infonomic-scroll-to-top:hover,.infonomic-scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}
+@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.infonomic-card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(:is(.dark,[data-theme=dark]) .card-mqJaiW,:is(.dark,[data-theme=dark]) .infonomic-card){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.infonomic-card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.infonomic-card-hover:hover){background:oklch(from var(--theme-50) 1 .03 h)}:is(:is(.dark,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark,[data-theme=dark]) .infonomic-card-hover:hover){background:oklch(from var(--canvas-800) .2 c h)}:is(.card-header-XnoBkP,.infonomic-card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.infonomic-card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.infonomic-card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.infonomic-card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.infonomic-card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.infonomic-container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.infonomic-container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.infonomic-container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.infonomic-container){max-width:87.5rem}}:is(.badge-8xVidp,.infonomic-badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.infonomic-badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.infonomic-badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.infonomic-badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.infonomic-badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.infonomic-badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.infonomic-badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.infonomic-badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.infonomic-button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal), outline-color var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:1px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.infonomic-button:disabled,.infonomic-button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.infonomic-button:focus,.infonomic-button:active){outline-color:var(--ring-color)}.button-IjDhC0.square-P_6yde,.infonomic-button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.infonomic-button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.infonomic-button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.infonomic-button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.infonomic-button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.infonomic-button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.infonomic-button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.infonomic-button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.infonomic-button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.infonomic-button-filled:focus,.infonomic-button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.infonomic-button-filled:disabled,.infonomic-button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h))}:is(.filled-weak-QLU8bA,.infonomic-button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.infonomic-button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.infonomic-button-filled-weak:focus,.infonomic-button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.infonomic-button-filled-weak:disabled,.infonomic-button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h))}:is(.outlined-nZGbxu,.infonomic-button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.infonomic-button-outlined:disabled,.infonomic-button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h))}:is(.outlined-nZGbxu:hover,.infonomic-button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.infonomic-button-outlined:focus,.infonomic-button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.infonomic-button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.infonomic-button-gradient:disabled,.infonomic-button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h))}:is(.gradient-ySC3O3:hover,.infonomic-button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.infonomic-button-gradient:focus,.infonomic-button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.infonomic-button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.infonomic-button-text:disabled,.infonomic-button-text[disabled]){color:oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h)}:is(.text-GaxlcE:hover,.infonomic-button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.infonomic-button-text:focus,.infonomic-button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.infonomic-button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.infonomic-button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.infonomic-button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.infonomic-button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.infonomic-button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.infonomic-button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.infonomic-button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.infonomic-button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.infonomic-button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.infonomic-button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.infonomic-copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.infonomic-copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.infonomic-copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.infonomic-copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.infonomic-copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.infonomic-copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.infonomic-copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-OJAKML,.infonomic-input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-bU4yD2,.infonomic-input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-IWjcip,.infonomic-input){outline-offset:2px;gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:1px solid #0000;align-items:center;font-weight:400;display:inline-flex}:is(.input-IWjcip:focus,.input-IWjcip:active,.infonomic-input:focus,.infonomic-input:active){outline-color:var(--ring-color)}:is(.input-IWjcip:disabled,.input-IWjcip[disabled],.infonomic-input:disabled,.infonomic-input[disabled]){pointer-events:none}:is(.label-zIFfZp,.infonomic-input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-ZFjgnI,.infonomic-input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-unbc45,.infonomic-input-md){min-height:36px;padding:.3rem .5rem;font-size:1rem;line-height:0}:is(.lg-gpW386,.infonomic-input-lg){min-height:40px;padding:.4rem .5rem;font-size:1.175rem;line-height:0}:is(.start-adornment-PjWsd5,.end-adornment-xFqztV,.infonomic-input-start-adornment,.infonomic-input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-PjWsd5,.infonomic-input-start-adornment){left:5px}:is(.end-adornment-xFqztV,.infonomic-input-end-adornment){right:5px}:is(.help-text-aFXa9e,.infonomic-input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-jwv7LI,.infonomic-input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-jwv7LI:hover,.infonomic-input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-jwv7LI:focus,.outlined-jwv7LI:active,.infonomic-input-outlined:focus,.infonomic-input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-CSLRKX,.infonomic-input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-CSLRKX.sm-ZFjgnI,.infonomic-input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-CSLRKX.md-unbc45,.infonomic-input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-CSLRKX.lg-gpW386,.infonomic-input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-CSLRKX:hover,.infonomic-input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-zNQ9B3,.infonomic-input-filled){background-color:var(--input-variant-filled)}:is(.error-FQ2_hh,.infonomic-input-error),:is(.error-FQ2_hh:hover,.infonomic-input-error:hover){border:1px solid var(--red-400)}:is(.error-FQ2_hh:focus,.error-FQ2_hh:active,.infonomic-input-error:focus,.infonomic-input-error:active){--ring-color:var(--red-300)}.underlined-CSLRKX.start-adornment-padding-ya34Ht,.start-adornment-padding-ya34Ht,.infonomic-input-underlined.input-start-adornment-padding,.infonomic-input-start-adornment-padding{padding-left:2rem}.underlined-CSLRKX.end-adornment-padding-dYaxaB,.end-adornment-padding-dYaxaB,.infonomic-input-underlined.input-end-adornment-padding,.infonomic-input-end-adornment-padding{padding-right:2rem}.underlined-CSLRKX.start-adornment-PjWsd5,.infonomic-input-underlined.input-start-adornment{left:0}.underlined-CSLRKX.end-adornment-xFqztV,.infonomic-input-underlined.input-end-adornment{right:0}:is(.primary-SHCX1n,.infonomic-input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-ykH7ET,.infonomic-input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-aujnaG,.infonomic-input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-VsDfv9,.infonomic-input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-ogHmno,.infonomic-input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-FQYlHl,.infonomic-input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-patit2,.infonomic-input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-JKPOkF,.infonomic-input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-dXXMnl,.infonomic-input-adornment-start){justify-content:flex-start}:is(.end-dUE8qM,.infonomic-input-adornment-end){justify-content:flex-end}:is(.text-area-TY2VVE,.infonomic-text-area){width:100%;padding:.5rem;font-size:1rem}:is(.underlined-TE6gDa,.infonomic-text-area--underlined){padding-left:0;padding-right:0}:is(.label-pYbboO,.infonomic-label){color:var(--text);font-weight:500;display:block}:is(.required-UDJyfk,.infonomic-label-required){color:var(--error)}:is(.text-DoybHX,.infonomic-error-text){color:var(--error);font-size:.875rem}:is(.sm-qLUSGk,.infonomic-error-text-sm){font-size:.85rem}:is(.md-Ov9z3C,.infonomic-error-text-md){font-size:.875rem}:is(.lg-JCKzCI,.infonomic-error-text-lg){font-size:.9rem}:is(.text-tefb0a,.infonomic-help-text){color:var(--muted);font-size:.875rem}:is(.sm-nWkN9c,.infonomic-help-text-sm){font-size:.85rem}:is(.md-hbw9In,.infonomic-help-text-md){font-size:.875rem}:is(.lg-awNcfh,.infonomic-help-text-lg){font-size:.9rem}:is(.section-CEcZOp,.infonomic-section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.infonomic-scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.infonomic-scroll-to-top:hover,.infonomic-scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}

package/dist/widgets/datepicker/datepicker.d.ts

@@ -5,7 +5,7 @@
  * of https://github.com/Maliksidk19/shadcn-datetime-picker/
  */
 import type React from 'react';
-import type { Intent, Size, Variant } from '../../components/forms/@types/input.js';
+import type { Intent, Size, Variant } from '../../components/inputs/@types/input.js';
 export interface DatePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
     id: string;
     name: string;

package/dist/widgets/datepicker/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/widgets/datepicker/datepicker.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAEnF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK;QAC7B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,IAAI,CAAA;KACZ,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAiB,EACjB,aAAiB,EACjB,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,OAAmB,EACnB,YAAwB,EACxB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAoB,EACpB,kBAA2B,EAC3B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+QrC"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/widgets/datepicker/datepicker.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAEpF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK;QAC7B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,IAAI,CAAA;KACZ,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAiB,EACjB,aAAiB,EACjB,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,OAAmB,EACnB,YAAwB,EACxB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAoB,EACpB,kBAA2B,EAC3B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+QrC"}

package/dist/widgets/datepicker/datepicker.js

@@ -6,9 +6,9 @@ import classnames from "classnames";
 import { format } from "date-fns";
 import { Button } from "../../components/button/button.js";
 import { IconButton } from "../../components/button/icon-button.js";
-import { Calendar } from "../../components/forms/calendar.js";
-import { Input } from "../../components/forms/input.js";
-import { InputAdornment } from "../../components/forms/input-adornment.js";
+import { Calendar } from "../../components/inputs/calendar.js";
+import { Input } from "../../components/inputs/input.js";
+import { InputAdornment } from "../../components/inputs/input-adornment.js";
 import { ScrollArea } from "../../components/scroll-area/scroll-area.js";
 import { CalendarIcon } from "../../icons/calendar-icon.js";
 import { CloseIcon } from "../../icons/close-icon.js";

package/dist/widgets/search/search.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ClassName, Intent, Size, Variant } from '../../components/forms/@types/input.js';
+import type { ClassName, Intent, Size, Variant } from '../../components/inputs/@types/input.js';
 export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement> {
     variant?: Variant;
     inputSize?: Size;

package/dist/widgets/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAE9F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAE/F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}

package/dist/widgets/search/search.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { IconButton } from "../../components/button/index.js";
-import { Input } from "../../components/forms/input.js";
-import { InputAdornment } from "../../components/forms/input-adornment.js";
+import { Input } from "../../components/inputs/input.js";
+import { InputAdornment } from "../../components/inputs/input-adornment.js";
 import { CloseIcon, SearchIcon } from "../../icons/index.js";
 function fallbackSearchHandler(value) {
     const url = new URL(window.location.href);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "6.0.4",
+  "version": "6.1.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/astro.d.ts

@@ -7,12 +7,12 @@ import type CardFooterComponent from './components/card/card-footer.astro'
 import type CardHeaderComponent from './components/card/card-header.astro'
 import type CardTitleComponent from './components/card/card-title.astro'
 import type ContainerComponent from './components/container/container.astro'
-import type ErrorTextComponent from './components/forms/error-text.astro'
-import type HelpTextComponent from './components/forms/help-text.astro'
-import type InputComponent from './components/forms/input.astro'
-import type InputAdornmentComponent from './components/forms/input-adornment.astro'
-import type LabelComponent from './components/forms/label.astro'
 import type HamburgerComponent from './components/hamburger/hamburger.astro'
+import type ErrorTextComponent from './components/inputs/error-text.astro'
+import type HelpTextComponent from './components/inputs/help-text.astro'
+import type InputComponent from './components/inputs/input.astro'
+import type InputAdornmentComponent from './components/inputs/input-adornment.astro'
+import type LabelComponent from './components/inputs/label.astro'
 import type ScrollToTopComponent from './components/scroll-to-top/scroll-to-top.astro'
 import type SectionComponent from './components/section/section.astro'
 import type CloseIconComponent from './icons/close-icon.astro'

package/src/components/{forms → inputs}/calendar.stories.tsx

@@ -12,7 +12,7 @@ const meta: Meta<typeof CalendarComponent> = {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'Components/Forms/Calendar',
+  title: 'Components/Inputs/Calendar',
   component: CalendarComponent,
 }
 
@@ -45,12 +45,12 @@ export const Calendar = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
         <div style={{ paddingLeft: '1rem', paddingTop: '1rem' }}>
           {date ? `${format(date, 'PPPp')}` : 'No date selected'}
@@ -95,12 +95,12 @@ export const Multiple = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
       </div>
     </div>
@@ -128,12 +128,12 @@ export const Range = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
       </div>
     </div>

package/src/components/{forms → inputs}/calendar.tsx

@@ -18,9 +18,9 @@ import {
   type Dropdown as DropDownDayPicker,
 } from 'react-day-picker'
 
-import { ChevronsUpDown } from '../../icons/chevrons-up-down.js'
-import { Button } from '../button/button.js'
-import { ScrollArea } from '../scroll-area/scroll-area.js'
+import { ChevronsUpDown } from '../../icons/chevrons-up-down.jsx'
+import { Button } from '../button/button.jsx'
+import { ScrollArea } from '../scroll-area/scroll-area.jsx'
 import styles from './calendar.module.css'
 
 export type CalendarProps = DayPickerProps & {

package/src/components/{forms → inputs}/checkbox-group.stories.tsx

@@ -6,7 +6,7 @@ import { CheckboxGroup } from './checkbox-group.js'
 
 
 export default {
-  title: 'Components/Forms/CheckboxGroup',
+  title: 'Components/Inputs/CheckboxGroup',
   component: CheckboxGroup,
   argTypes: {},
 }

package/src/components/{forms → inputs}/checkbox-group.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react'
 
 import cx from 'classnames'
 
-import { Checkbox } from './checkbox.js'
+import { Checkbox } from './checkbox.jsx'
 import styles from './checkbox-group.module.css'
 
 export interface CheckboxGroupProps {

package/src/components/{forms → inputs}/checkbox.stories.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react'
 import { Checkbox } from './checkbox.js'
 
 export default {
-  title: 'Components/Forms/Checkbox',
+  title: 'Components/Inputs/Checkbox',
   component: Checkbox,
   argTypes: {},
 }

package/src/components/{forms → inputs}/checkbox.tsx

@@ -7,8 +7,8 @@ import cx from 'classnames'
 
 import { CheckIcon } from '../../icons/check-icon'
 import styles from './checkbox.module.css'
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import type { Intent, Size, Variant } from './@types/checkbox.js'
 
 export interface Props {

package/src/components/inputs/index.tsx

@@ -0,0 +1,8 @@
+export * from './checkbox.jsx'
+export * from './help-text.jsx'
+export * from './input.jsx'
+export * from './input-adornment.jsx'
+export * from './label.jsx'
+export * from './select.jsx'
+export * from './text-area.jsx'
+export * from './utils.js'

package/src/components/{forms → inputs}/input-password.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react'
 
-import { EyeClosedIcon } from '../../icons/eye-closed-icon.js'
-import { EyeOpenIcon } from '../../icons/eye-open-icon.js'
-import { Input } from './input'
-import type { InputProps } from './input'
+import { EyeClosedIcon } from '../../icons/eye-closed-icon.jsx'
+import { EyeOpenIcon } from '../../icons/eye-open-icon.jsx'
+import { Input } from './input.jsx'
+import type { InputProps } from './input.jsx'
 
 export function InputPassword({ ...props }: InputProps) {
   const [visible, setVisible] = useState(false)

package/src/components/{forms → inputs}/input.stories.tsx

@@ -9,7 +9,7 @@ import { Input, InputAdornment } from './index.js'
 import { InputPassword } from './input-password.js'
 
 export default {
-  title: 'Components/Forms/Text',
+  title: 'Components/Inputs/Text',
   component: Input,
   argTypes: {},
 }

package/src/components/{forms → inputs}/input.tsx

@@ -4,12 +4,12 @@ import type React from 'react'
 
 import cx from 'classnames'
 
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import styles from './input.module.css'
-import { Label } from './label.js'
+import { Label } from './label.jsx'
 import type { Intent, Size, Variant } from './@types/input.js'
-import type { InputAdornmentProps } from './input-adornment.js'
+import type { InputAdornmentProps } from './input-adornment.jsx'
 
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   id: string

package/src/components/{forms → inputs}/radio-group.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta = {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'Components/Forms/RadioGroup',
+  title: 'Components/Inputs/RadioGroup',
   component: RadioGroupComponent,
 }
 

package/src/components/inputs/select.stories.tsx

@@ -0,0 +1,54 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type React from 'react'
+
+import { Select, SelectItem, type SelectValue } from './select.js'
+
+export default {
+  title: 'Components/Inputs/Select',
+  component: Select,
+  argTypes: {},
+}
+
+const values: SelectValue[] = [
+  { label: 'One', value: '1' },
+  { label: 'Two', value: '2' },
+  { label: 'Three', value: '3' },
+  { label: 'Four', value: '4' },
+  { label: 'Five', value: '5' },
+]
+
+export const Default = (): React.JSX.Element => {
+  return (
+    <>
+      <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <Select items={values} size="xl" placeholder="Select one..." helpText="Extra Large select." />
+      </div>
+      <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <Select items={values} size="lg" placeholder="Select one..." helpText="Large select." />
+      </div>
+      <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <Select items={values} size="md" placeholder="Select one..." helpText="Medium select." />
+      </div>
+      <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <Select items={values} size="sm" placeholder="Select one..." helpText="Small select." />
+      </div>
+      <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <Select items={values} size="xs" placeholder="Select one..." helpText="Extra small select." />
+      </div>
+    </>
+  )
+}
+
+export const CustomChildren = (): React.JSX.Element => {
+  return (
+    <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
+      <Select items={values} size="md" placeholder="Select one..." helpText="Custom children rendering.">
+        {values.map((value) => (
+          <SelectItem key={value.value} value={value.value} label={value.label}>
+            {value.prefix}{value.label}{value.suffix}
+          </SelectItem>
+        ))}
+      </Select>
+    </div>
+  )
+}

package/src/components/{forms → inputs}/select.tsx

@@ -5,11 +5,11 @@ import type React from 'react'
 import { Select as SelectPrimitive } from '@base-ui/react/select'
 import cx from 'classnames'
 
-import { CheckIcon } from '../../icons/check-icon.js'
-import { ChevronDownIcon } from '../../icons/chevron-down-icon.js'
-import { ChevronUpIcon } from '../../icons/chevron-up-icon.js'
-import { Button } from '../button/button.js'
-import { HelpText } from './help-text.js'
+import { CheckIcon } from '../../icons/check-icon.jsx'
+import { ChevronDownIcon } from '../../icons/chevron-down-icon.jsx'
+import { ChevronUpIcon } from '../../icons/chevron-up-icon.jsx'
+import { Button } from '../button/button.jsx'
+import { HelpText } from './help-text.jsx'
 import styles from './select.module.css'
 import type { Intent } from '../@types/shared.js'
 import type { Size, Variant } from '../button/@types/button.js'
@@ -21,7 +21,7 @@ export interface SelectValue {
   suffix?: string
 }
 
-type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root> & {
+type SelectProps = Omit<React.ComponentProps<typeof SelectPrimitive.Root>, 'items'> & {
   id?: string
   intent?: Intent
   variant?: Variant
@@ -33,6 +33,7 @@ type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root> & {
   disabledValue?: string
   ariaLabel?: string
   helpText?: string
+  items?: SelectValue[]
 }
 
 export function Select({
@@ -48,11 +49,12 @@ export function Select({
   className,
   ariaLabel,
   helpText,
+  items,
   ...rest
 }: SelectProps): React.JSX.Element {
   return (
     <div className={cx('infonomic-select-container', containerClassName)}>
-      <SelectPrimitive.Root {...rest}>
+      <SelectPrimitive.Root items={items} {...rest}>
         <SelectPrimitive.Trigger
           aria-label={ariaLabel ?? 'Select'}
           render={
@@ -70,6 +72,7 @@ export function Select({
             <ChevronDownIcon />
           </SelectPrimitive.Icon>
         </SelectPrimitive.Trigger>
+
         <SelectPrimitive.Portal>
           <SelectPrimitive.Positioner
             className={styles.positioner}
@@ -80,7 +83,11 @@ export function Select({
             </SelectPrimitive.ScrollUpArrow>
             <SelectPrimitive.Popup className={cx(styles.popup, size != null && styles[`popup-${size}`])}>
               <SelectPrimitive.List className={styles.list}>
-                {children}
+                {children ?? items?.map((item) => (
+                  <SelectItem key={item.value} value={item.value} label={item.label}>
+                    {item.label}
+                  </SelectItem>
+                ))}
               </SelectPrimitive.List>
             </SelectPrimitive.Popup>
             <SelectPrimitive.ScrollDownArrow className={styles['scroll-arrow']}>
@@ -88,6 +95,7 @@ export function Select({
             </SelectPrimitive.ScrollDownArrow>
           </SelectPrimitive.Positioner>
         </SelectPrimitive.Portal>
+
       </SelectPrimitive.Root>
       {helpText != null && helpText?.length > 0 && <HelpText text={helpText} />}
     </div>
@@ -108,12 +116,12 @@ export const SelectItem = ({
       {...props}
       ref={forwardedRef}
     >
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
       <SelectPrimitive.ItemIndicator
         className={cx('infonomic-select-item-indicator', styles['select-item-indicator'])}
       >
         <CheckIcon />
       </SelectPrimitive.ItemIndicator>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
     </SelectPrimitive.Item>
   )
 }

package/src/components/{forms → inputs}/text-area.stories.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 import { TextArea } from './index.js'
 
 export default {
-  title: 'Components/Forms/TextArea',
+  title: 'Components/Inputs/TextArea',
   component: TextArea,
   argTypes: {},
 }

package/src/components/{forms → inputs}/text-area.tsx

@@ -2,10 +2,10 @@ import type * as React from 'react'
 
 import cx from 'classnames'
 
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import inputStyles from './input.module.css'
-import { Label } from './label.js'
+import { Label } from './label.jsx'
 import styles from './text-area.module.css'
 import type { Intent, Variant } from './@types/input.js'
 

package/src/react.ts

@@ -21,21 +21,21 @@ export * from './components/card/card.js'
 export * from './components/chips/chip.js'
 export * from './components/container/container.js'
 export * from './components/dropdown/dropdown.js'
-export * from './components/forms/calendar.js'
-export * from './components/forms/checkbox.js'
-export * from './components/forms/checkbox-group.js'
-export * from './components/forms/error-text.js'
-export * from './components/forms/errors.js'
-export * from './components/forms/help-text.js'
-export * from './components/forms/input.js'
-export * from './components/forms/input-adornment.js'
-export * from './components/forms/input-password.js'
-export * from './components/forms/label.js'
-export * from './components/forms/radio-group.js'
-export * from './components/forms/select.js'
-export * from './components/forms/text-area.js'
-export * from './components/forms/utils.js'
 export * from './components/hamburger/hamburger.js'
+export * from './components/inputs/calendar.jsx'
+export * from './components/inputs/checkbox.jsx'
+export * from './components/inputs/checkbox-group.jsx'
+export * from './components/inputs/error-text.jsx'
+export * from './components/inputs/errors.jsx'
+export * from './components/inputs/help-text.jsx'
+export * from './components/inputs/input.jsx'
+export * from './components/inputs/input-adornment.jsx'
+export * from './components/inputs/input-password.jsx'
+export * from './components/inputs/label.jsx'
+export * from './components/inputs/radio-group.jsx'
+export * from './components/inputs/select.jsx'
+export * from './components/inputs/text-area.jsx'
+export * from './components/inputs/utils.js'
 export * from './components/notifications/alert.js'
 export * from './components/notifications/toast.js'
 export * from './components/pager/pagination.js'