@aquera/nile-elements 2.0.0 → 2.0.2

package/dist/nile-combobox/nile-combobox.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-combobox.css.cjs.js","sources":["../../../src/nile-combobox/nile-combobox.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  /* ── Form control ── */\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  :host([disabled]) .form-control--has-label .form-control__label {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* ── Popup ── */\n\n  .combobox-popup {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .combobox-popup::part(popup) {\n    z-index: 9999;\n  }\n\n  .combobox-popup[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .combobox-popup[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* ── Trigger: outer row that never scrolls ── */\n\n  .combobox__trigger {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow, 150ms background-color;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    outline: none;\n  }\n\n  .combobox__trigger:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .combobox--open .combobox__trigger,\n  .combobox--focused .combobox__trigger {\n    border-color: var(--ng-colors-border-brand);\n    box-shadow: 0 0 0 1px var(--ng-colors-border-brand) inset;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox--disabled .combobox__trigger {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    user-select: none;\n  }\n\n  .combobox--warning .combobox__trigger {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .combobox--error .combobox__trigger {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n  }\n\n  .combobox--success .combobox__trigger {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Size: small */\n  .combobox--small .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    padding: var(--nile-spacing-md, var(--ng-spacing-sm)) var(--nile-spacing-md, var(--ng-spacing-md));\n    min-height: var(--nile-height-32px, var(--ng-height-32px));\n  }\n\n  /* Size: medium */\n  .combobox--medium .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    min-height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  /* Size: large */\n  .combobox--large .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    min-height: var(--nile-height-48px, var(--ng-height-48px));\n  }\n\n  .combobox--pill .combobox__trigger {\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-3xl));\n  }\n\n  .combobox--filled .combobox__trigger {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox--filled.combobox--open .combobox__trigger,\n  .combobox--filled.combobox--focused .combobox__trigger {\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* ── Inner area: holds tags + input ── */\n\n  .combobox__scroll-area {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 4px;\n    overflow: hidden;\n  }\n\n  /* Single-line: horizontal scroll for overflowing tags */\n  .combobox__scroll-area--single-line {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary)) transparent;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar {\n    height: 3px;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-thumb {\n    background: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary));\n    border-radius: 3px;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-thumb:hover {\n    background: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n\n  /* Wrap: tags flow to multiple lines, trigger grows in height */\n  .combobox__scroll-area--wrap {\n    flex-wrap: wrap;\n    overflow: visible;\n  }\n\n  /* ── Tags inside the scroll area ── */\n\n  .combobox__scroll-area nile-tag {\n    cursor: pointer;\n    flex-shrink: 0;\n  }\n\n  .combobox--disabled .combobox__scroll-area nile-tag {\n    cursor: not-allowed;\n  }\n\n  .combobox__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  /* ── Input wrapper inside scroll area ── */\n\n  .combobox__input-wrapper {\n    flex: 1;\n    min-width: 60px;\n    display: flex;\n    align-items: center;\n  }\n\n  .combobox__input {\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: inherit;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    text-overflow: ellipsis;\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n  }\n\n  .combobox__input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n  }\n\n  .combobox__input:focus {\n    outline: none;\n  }\n\n  .combobox--disabled .combobox__input {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* ── Hidden form value input ── */\n\n  .combobox__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  /* ── Action icons (clear, expand) ── */\n\n  .combobox__actions {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    margin-inline-start: auto;\n  }\n\n  .combobox__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: none;\n    padding: 0;\n    cursor: pointer;\n    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n    transition: 150ms color;\n  }\n\n  .combobox__clear:hover {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .combobox__clear:focus {\n    outline: none;\n  }\n\n  .combobox__expand-icon {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    transition: 250ms rotate ease;\n    rotate: 0;\n  }\n\n  .combobox--open .combobox__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* ── Prefix / suffix ── */\n\n  .combobox__prefix,\n  .combobox__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .combobox__prefix {\n    margin-inline-end: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  /* ── Listbox (dropdown) ── */\n\n  .combobox__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n    overscroll-behavior: none;\n    overflow-y: auto;\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  /* ── Options ── */\n\n  .combobox__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: rgb(133, 129, 129);\n    width: 100%;\n  }\n\n  .combobox__options.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .combobox__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    text-align: center;\n  }\n\n  .combobox__no-results-title {\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-700, var(--ng-colors-text-secondary-700));\n  }\n\n  .combobox__no-results-subtitle {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  /* ── Options (both virtual and plain) ── */\n\n  .combobox__options nile-option {\n    width: 100%;\n    display: block;\n  }\n\n  .combobox__options nile-option[selected] {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox__options nile-option[selected]::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  .combobox__options-plain {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .combobox__options-plain nile-option {\n    flex-shrink: 0;\n  }\n\n  /* ── Top actions (Select All + Selected/All filter toggle) ── */\n\n  .combobox__top-actions {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    user-select: none;\n  }\n\n  .combobox__top-actions--disabled {\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  .combobox__select-all {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    cursor: pointer;\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary));\n  }\n\n  .combobox__show-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    border: none;\n    background: none;\n    padding: 0;\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n    cursor: pointer;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n  }\n\n  .combobox__show-toggle[disabled] {\n    color: var(--nile-colors-primary-500, var(--ng-colors-fg-quaternary-400));\n    cursor: not-allowed;\n  }\n\n  /* ── Footer ── */\n\n  .combobox__footer {\n    position: sticky;\n    bottom: 0;\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-top: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .combobox__footer.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .combobox__footer-clear {\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: 0;\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .combobox__footer-clear:hover {\n    text-decoration: underline;\n  }\n\n  /* ── Loader ── */\n\n  .combobox__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .combobox__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: combobox-spin 0.6s linear infinite;\n  }\n\n  .combobox__loader--center {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 75%;\n  }\n\n  @keyframes combobox-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  .combobox__add-option::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* ── Grid layout ── */\n\n  :host([grid-columns]) .combobox__listbox {\n    overflow-y: auto;\n  }\n\n  .combobox__grid-row {\n    width: 100%;\n  }\n\n  .combobox__grid-row nile-option {\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .combobox__grid-row nile-option::part(base) {\n    border-radius: var(--nile-radius-xs, var(--ng-radius-sm));\n  }\n\n  /* ── Bidirectional grid layout (vertical + horizontal scroll) ── */\n\n  .combobox__listbox.combobox__listbox--bidirectional {\n    overflow: auto;\n    max-width: none;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary)) transparent;\n  }\n\n  .combobox__listbox--bidirectional .combobox__options {\n    width: max-content;\n    min-width: 100%;\n  }\n\n  .combobox__listbox--bidirectional .combobox__grid-row {\n    width: max-content;\n    min-width: 100%;\n  }\n\n  /* ── Horizontal grid layout ── */\n\n  .combobox__listbox.combobox__listbox--horizontal {\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-height: none;\n    max-width: none;\n    width: 100%;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary)) transparent;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar {\n    height: 6px;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-thumb {\n    background: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary));\n    border-radius: 3px;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-thumb:hover {\n    background: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .combobox__options--horizontal {\n    display: block;\n    width: max-content;\n    min-width: 100%;\n  }\n\n  .combobox__grid-col {\n    border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n  }\n\n  .combobox__grid-col:last-child {\n    border-right: none;\n  }\n\n  .combobox__grid-col nile-option {\n    width: 100%;\n    display: block;\n  }\n\n  .combobox__grid-col nile-option::part(base) {\n    border-radius: 0;\n  }\n\n  /* ── Group headers (data-driven grouping) ── */\n\n  /* Plain (non-virtualized) listbox: sticky relative to the scroll container.\n   * Activated only when the host has [sticky-group-header]. */\n  :host([sticky-group-header]) .combobox__options-plain .combobox__group-header {\n    position: sticky;\n    top: calc(var(--group-depth, 0) * 28px);\n    z-index: 1;\n  }\n\n  /* Virtualized listbox: each row is absolutely positioned by the virtualizer.\n   * Sticky doesn't pin against the scroll container because the row wrapper's\n   * transform creates a containing block. Instead we render a separate\n   * overlay inside the listbox that mirrors the currently-active group\n   * header (computed on scroll). */\n  .combobox__group-header-slot {\n    pointer-events: none;\n  }\n  .combobox__group-header-slot .combobox__group-header {\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .combobox__group-sticky-overlay {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .combobox__group-sticky-overlay .combobox__group-header {\n    box-shadow: 0 1px 0 0 var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n  }\n\n  .combobox__group-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    /* Match the listbox's natural inline padding so the header sits like a\n     * section divider, edge-to-edge with options. Nested groups indent by\n     * depth. Override with --combobox-group-header-indent if needed. */\n    padding-block: 8px;\n    padding-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-inline-start: calc(var(--combobox-group-header-indent, var(--nile-spacing-lg, var(--ng-spacing-lg))) + var(--group-depth, 0) * 16px);\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    line-height: 1;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .combobox__group-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .combobox__group-prefix {\n    flex-shrink: 0;\n    color: inherit;\n  }\n\n  /* ── Help / Error ── */\n\n  .form-control__help-text {\n    display: none;\n  }\n\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-combobox.css.cjs.js","sources":["../../../src/nile-combobox/nile-combobox.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  /* ── Form control ── */\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  :host([disabled]) .form-control--has-label .form-control__label {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* ── Popup ── */\n\n  .combobox-popup {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .combobox-popup::part(popup) {\n    z-index: 9999;\n  }\n\n  .combobox-popup[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .combobox-popup[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* ── Trigger: outer row that never scrolls ── */\n\n  .combobox__trigger {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow, 150ms background-color;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    outline: none;\n  }\n\n  .combobox__trigger:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .combobox--open .combobox__trigger,\n  .combobox--focused .combobox__trigger {\n    border-color: var(--ng-colors-border-brand);\n    box-shadow: 0 0 0 1px var(--ng-colors-border-brand) inset;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox--disabled .combobox__trigger {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    user-select: none;\n  }\n\n  .combobox--warning .combobox__trigger {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .combobox--error .combobox__trigger {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n  }\n\n  .combobox--success .combobox__trigger {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Size: small */\n  .combobox--small .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    padding: var(--nile-spacing-md, var(--ng-spacing-sm)) var(--nile-spacing-md, var(--ng-spacing-md));\n    min-height: var(--nile-height-32px, var(--ng-height-32px));\n  }\n\n  /* Size: medium */\n  .combobox--medium .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    min-height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  /* Size: large */\n  .combobox--large .combobox__trigger {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    min-height: var(--nile-height-48px, var(--ng-height-48px));\n  }\n\n  .combobox--pill .combobox__trigger {\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-3xl));\n  }\n\n  .combobox--filled .combobox__trigger {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox--filled.combobox--open .combobox__trigger,\n  .combobox--filled.combobox--focused .combobox__trigger {\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* ── Inner area: holds tags + input ── */\n\n  .combobox__scroll-area {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 4px;\n    overflow: hidden;\n  }\n\n  /* Single-line: horizontal scroll for overflowing tags */\n  .combobox__scroll-area--single-line {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary)) transparent;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar {\n    height: 3px;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-thumb {\n    background: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary));\n    border-radius: 3px;\n  }\n\n  .combobox__scroll-area--single-line::-webkit-scrollbar-thumb:hover {\n    background: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n\n  /* Wrap: tags flow to multiple lines, trigger grows in height */\n  .combobox__scroll-area--wrap {\n    flex-wrap: wrap;\n    overflow: visible;\n  }\n\n  /* ── Tags inside the scroll area ── */\n\n  .combobox__scroll-area nile-tag {\n    cursor: pointer;\n    flex-shrink: 0;\n  }\n\n  .combobox--disabled .combobox__scroll-area nile-tag {\n    cursor: not-allowed;\n  }\n\n  .combobox__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  /* ── Input wrapper inside scroll area ── */\n\n  .combobox__input-wrapper {\n    flex: 1;\n    min-width: 60px;\n    display: flex;\n    align-items: center;\n  }\n\n  .combobox__input {\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: inherit;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    text-overflow: ellipsis;\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n  }\n\n  .combobox__input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n  }\n\n  .combobox__input:focus {\n    outline: none;\n  }\n\n  .combobox--disabled .combobox__input {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* ── Hidden form value input ── */\n\n  .combobox__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  /* ── Action icons (clear, expand) ── */\n\n  .combobox__actions {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    margin-inline-start: auto;\n  }\n\n  .combobox__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: none;\n    padding: 0;\n    cursor: pointer;\n    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n    transition: 150ms color;\n  }\n\n  .combobox__clear:hover {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .combobox__clear:focus {\n    outline: none;\n  }\n\n  .combobox__expand-icon {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    transition: 250ms rotate ease;\n    rotate: 0;\n  }\n\n  .combobox--open .combobox__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* ── Prefix / suffix ── */\n\n  .combobox__prefix,\n  .combobox__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .combobox__prefix {\n    margin-inline-end: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  /* ── Listbox (dropdown) ── */\n\n  .combobox__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n    overscroll-behavior: none;\n    overflow-y: auto;\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  /* ── Options ── */\n\n  .combobox__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: rgb(133, 129, 129);\n    width: 100%;\n  }\n\n  .combobox__options.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .combobox__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    text-align: center;\n  }\n\n  .combobox__no-results-title {\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-700, var(--ng-colors-text-secondary-700));\n  }\n\n  .combobox__no-results-subtitle {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  /* ── Options (both virtual and plain) ── */\n\n  .combobox__options nile-option {\n    width: 100%;\n    display: block;\n  }\n\n  .combobox__options nile-option[selected] {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  .combobox__options nile-option[selected]::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  .combobox__options-plain {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .combobox__options-plain nile-option {\n    flex-shrink: 0;\n  }\n\n  /* ── Top actions (Select All + Selected/All filter toggle) ── */\n\n  .combobox__top-actions {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    user-select: none;\n  }\n\n  .combobox__top-actions--disabled {\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  .combobox__select-all {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    cursor: pointer;\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .combobox__show-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    border: none;\n    background: none;\n    padding: 0;\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n    cursor: pointer;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n  }\n\n  .combobox__show-toggle[disabled] {\n    color: var(--nile-colors-primary-500, var(--ng-colors-fg-quaternary-400));\n    cursor: not-allowed;\n  }\n\n  /* ── Footer ── */\n\n  .combobox__footer {\n    position: sticky;\n    bottom: 0;\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-top: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .combobox__footer.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .combobox__footer-clear {\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: 0;\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .combobox__footer-clear:hover {\n    text-decoration: underline;\n  }\n\n  /* ── Loader ── */\n\n  .combobox__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .combobox__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: combobox-spin 0.6s linear infinite;\n  }\n\n  .combobox__loader--center {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 75%;\n  }\n\n  @keyframes combobox-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  .combobox__add-option::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* ── Grid layout ── */\n\n  :host([grid-columns]) .combobox__listbox {\n    overflow-y: auto;\n  }\n\n  .combobox__grid-row {\n    width: 100%;\n  }\n\n  .combobox__grid-row nile-option {\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .combobox__grid-row nile-option::part(base) {\n    border-radius: var(--nile-radius-xs, var(--ng-radius-sm));\n  }\n\n  /* ── Bidirectional grid layout (vertical + horizontal scroll) ── */\n\n  .combobox__listbox.combobox__listbox--bidirectional {\n    overflow: auto;\n    max-width: none;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary)) transparent;\n  }\n\n  .combobox__listbox--bidirectional .combobox__options {\n    width: max-content;\n    min-width: 100%;\n  }\n\n  .combobox__listbox--bidirectional .combobox__grid-row {\n    width: max-content;\n    min-width: 100%;\n  }\n\n  /* ── Horizontal grid layout ── */\n\n  .combobox__listbox.combobox__listbox--horizontal {\n    overflow-x: auto;\n    overflow-y: hidden;\n    max-height: none;\n    max-width: none;\n    width: 100%;\n    scrollbar-width: thin;\n    scrollbar-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary)) transparent;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar {\n    height: 6px;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-thumb {\n    background: var(--nile-colors-neutral-500, var(--ng-colors-bg-quaternary));\n    border-radius: 3px;\n  }\n\n  .combobox__listbox--horizontal::-webkit-scrollbar-thumb:hover {\n    background: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .combobox__options--horizontal {\n    display: block;\n    width: max-content;\n    min-width: 100%;\n  }\n\n  .combobox__grid-col {\n    border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n  }\n\n  .combobox__grid-col:last-child {\n    border-right: none;\n  }\n\n  .combobox__grid-col nile-option {\n    width: 100%;\n    display: block;\n  }\n\n  .combobox__grid-col nile-option::part(base) {\n    border-radius: 0;\n  }\n\n  /* ── Group headers (data-driven grouping) ── */\n\n  /* Plain (non-virtualized) listbox: sticky relative to the scroll container.\n   * Activated only when the host has [sticky-group-header]. */\n  :host([sticky-group-header]) .combobox__options-plain .combobox__group-header {\n    position: sticky;\n    top: calc(var(--group-depth, 0) * 28px);\n    z-index: 1;\n  }\n\n  /* Virtualized listbox: each row is absolutely positioned by the virtualizer.\n   * Sticky doesn't pin against the scroll container because the row wrapper's\n   * transform creates a containing block. Instead we render a separate\n   * overlay inside the listbox that mirrors the currently-active group\n   * header (computed on scroll). */\n  .combobox__group-header-slot {\n    pointer-events: none;\n  }\n  .combobox__group-header-slot .combobox__group-header {\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .combobox__group-sticky-overlay {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .combobox__group-sticky-overlay .combobox__group-header {\n    box-shadow: 0 1px 0 0 var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n  }\n\n  .combobox__group-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    /* Match the listbox's natural inline padding so the header sits like a\n     * section divider, edge-to-edge with options. Nested groups indent by\n     * depth. Override with --combobox-group-header-indent if needed. */\n    padding-block: 8px;\n    padding-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-inline-start: calc(var(--combobox-group-header-indent, var(--nile-spacing-lg, var(--ng-spacing-lg))) + var(--group-depth, 0) * 16px);\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    line-height: 1;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .combobox__group-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .combobox__group-prefix {\n    flex-shrink: 0;\n    color: inherit;\n  }\n\n  /* ── Help / Error ── */\n\n  .form-control__help-text {\n    display: none;\n  }\n\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-combobox/nile-combobox.css.esm.js

@@ -445,7 +445,7 @@ import{css as o}from"lit";const r=o`
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     line-height: 14px;
     letter-spacing: 0.2px;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   }
 
   .combobox__show-toggle {

package/dist/nile-detail/nile-detail.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__content--empty {\n    display: none;\n    padding: 0;\n  }\n\n  /* \u2500\u2500 Preview state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail__body--preview {\n    position: relative;\n    cursor: pointer;\n  }\n\n  .detail__body--preview::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: var(--nile-detail-preview-fade-height, 40px);\n    background: linear-gradient(\n      to bottom,\n      transparent,\n      var(--nile-colors-white-base, var(--ng-colors-bg-primary))\n    );\n    pointer-events: none;\n  }\n\n  .detail__body--preview:focus {\n    outline: none;\n  }\n\n  .detail__body--preview:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: -3px;\n  }\n\n  .detail--disabled .detail__body--preview {\n    cursor: not-allowed;\n  }\n\n  /* \u2500\u2500 Selection variant \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot::slotted(*) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selected-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 4px 4px 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: visible;\n    padding-left: 4px;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n\n /* \u2500\u2500 Light variant \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail--light .detail__header {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .detail--light.detail--open .detail__header,\n  .detail--light.detail--preview .detail__header {\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n\n  .detail--light .detail__content,\n  .detail--light .detail__selection-content {\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__content--empty {\n    display: none;\n    padding: 0;\n  }\n\n  /* \u2500\u2500 Preview state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail__body--preview {\n    position: relative;\n    cursor: pointer;\n  }\n\n  .detail__body--preview::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: var(--nile-detail-preview-fade-height, 40px);\n    background: linear-gradient(\n      to bottom,\n      transparent,\n      var(--nile-colors-white-base, var(--ng-colors-bg-primary))\n    );\n    pointer-events: none;\n  }\n\n  .detail__body--preview:focus {\n    outline: none;\n  }\n\n  .detail__body--preview:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: -3px;\n  }\n\n  .detail--disabled .detail__body--preview {\n    cursor: not-allowed;\n  }\n\n  /* \u2500\u2500 Selection variant \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot::slotted(*) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selected-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 4px 4px 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: visible;\n    padding-left: 4px;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n\n /* \u2500\u2500 Light variant \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .detail--light .detail__header {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .detail--light.detail--open .detail__header,\n  .detail--light.detail--preview .detail__header {\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n\n  .detail--light .detail__content,\n  .detail--light .detail__selection-content {\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n"]))));}};});
 //# sourceMappingURL=nile-detail.css.cjs.js.map

package/dist/nile-detail/nile-detail.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-detail.css.cjs.js","sources":["../../../src/nile-detail/nile-detail.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__content--empty {\n    display: none;\n    padding: 0;\n  }\n\n  /* ── Preview state ──────────────────────────────────────────────────────── */\n\n  .detail__body--preview {\n    position: relative;\n    cursor: pointer;\n  }\n\n  .detail__body--preview::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: var(--nile-detail-preview-fade-height, 40px);\n    background: linear-gradient(\n      to bottom,\n      transparent,\n      var(--nile-colors-white-base, var(--ng-colors-bg-primary))\n    );\n    pointer-events: none;\n  }\n\n  .detail__body--preview:focus {\n    outline: none;\n  }\n\n  .detail__body--preview:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: -3px;\n  }\n\n  .detail--disabled .detail__body--preview {\n    cursor: not-allowed;\n  }\n\n  /* ── Selection variant ──────────────────────────────────────────────────── */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot::slotted(*) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selected-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 4px 4px 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: visible;\n    padding-left: 4px;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n\n /* ── Light variant ──────────────────────────────────────────────────────── */\n\n  .detail--light .detail__header {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .detail--light.detail--open .detail__header,\n  .detail--light.detail--preview .detail__header {\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n\n  .detail--light .detail__content,\n  .detail--light .detail__selection-content {\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-detail.css.cjs.js","sources":["../../../src/nile-detail/nile-detail.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__content--empty {\n    display: none;\n    padding: 0;\n  }\n\n  /* ── Preview state ──────────────────────────────────────────────────────── */\n\n  .detail__body--preview {\n    position: relative;\n    cursor: pointer;\n  }\n\n  .detail__body--preview::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: var(--nile-detail-preview-fade-height, 40px);\n    background: linear-gradient(\n      to bottom,\n      transparent,\n      var(--nile-colors-white-base, var(--ng-colors-bg-primary))\n    );\n    pointer-events: none;\n  }\n\n  .detail__body--preview:focus {\n    outline: none;\n  }\n\n  .detail__body--preview:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: -3px;\n  }\n\n  .detail--disabled .detail__body--preview {\n    cursor: not-allowed;\n  }\n\n  /* ── Selection variant ──────────────────────────────────────────────────── */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot::slotted(*) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selected-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 4px 4px 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: visible;\n    padding-left: 4px;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n\n /* ── Light variant ──────────────────────────────────────────────────────── */\n\n  .detail--light .detail__header {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .detail--light.detail--open .detail__header,\n  .detail--light.detail--preview .detail__header {\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n\n  .detail--light .detail__content,\n  .detail--light .detail__selection-content {\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-detail/nile-detail.css.esm.js

@@ -45,7 +45,7 @@ import{css as e}from"lit";const i=e`
     background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));
     font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));
     font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
-    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));
+    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));
     user-select: none;
     cursor: pointer;
     list-style: none;

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl, var(--ng-spacing-3xl));\n\tpadding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\tpadding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  padding-top: var(--nile-spacing-xs);\n gap: var(--nile-spacing-md, var(--ng-spacing-xl));\n  bottom: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: var(--nile-spacing-md, var(--ng-spacing-lg)); \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md, var(--ng-spacing-xs));\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  color: var(--nile-colors-dark-900, var(--ng-colors-graylightmode-900));\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl, var(--ng-spacing-3xl));\n\tpadding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\tpadding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  padding-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n gap: var(--nile-spacing-md, var(--ng-spacing-xl));\n  bottom: 0;\n  background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: var(--nile-spacing-md, var(--ng-spacing-lg)); \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md, var(--ng-spacing-xs));\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n"]))));}};});
 //# sourceMappingURL=nile-side-bar-footer.css.cjs.js.map

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer.css.cjs.js","sources":["../../../src/nile-side-bar-footer/nile-side-bar-footer.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarFooter CSS\n */\nexport const styles = css`\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl, var(--ng-spacing-3xl));\n\tpadding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\tpadding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  padding-top: var(--nile-spacing-xs);\n gap: var(--nile-spacing-md, var(--ng-spacing-xl));\n  bottom: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: var(--nile-spacing-md, var(--ng-spacing-lg)); \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md, var(--ng-spacing-xs));\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  color: var(--nile-colors-dark-900, var(--ng-colors-graylightmode-900));\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-footer.css.cjs.js","sources":["../../../src/nile-side-bar-footer/nile-side-bar-footer.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarFooter CSS\n */\nexport const styles = css`\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl, var(--ng-spacing-3xl));\n\tpadding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\tpadding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  padding-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n gap: var(--nile-spacing-md, var(--ng-spacing-xl));\n  bottom: 0;\n  background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: var(--nile-spacing-md, var(--ng-spacing-lg)); \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md, var(--ng-spacing-xs));\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.esm.js

@@ -5,10 +5,10 @@ import{css as a}from"lit";const n=a`
  padding-bottom: var(--nile-spacing-xl, var(--ng-spacing-3xl));
 	padding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));
 	padding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));
-  padding-top: var(--nile-spacing-xs);
+  padding-top: var(--nile-spacing-xs, var(--ng-spacing-xs));
  gap: var(--nile-spacing-md, var(--ng-spacing-xl));
   bottom: 0;
-  background: var(--nile-colors-neutral-100);
+  background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
 }
 
 .footer {
@@ -25,7 +25,7 @@ import{css as a}from"lit";const n=a`
   justify-content: center;
  
   font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-  color: var(--nile-colors-dark-900, var(--ng-colors-graylightmode-900));
+  color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   cursor: pointer;
   border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
   transition: background 0.2s ease;

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\t  justify-content: flex-start;\n    padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n    height: var(--nile-height-38px, var(--ng-spacing-5xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n  }\n \n  :host(:hover[type='support']) .footer-item {\n  background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n  height: var(--nile-height-38px, var(--ng-spacing-5xl));\n  }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\nmin-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400);\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 4px;\n \n}\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\t  justify-content: flex-start;\n    padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(\n      --nile-side-bar-footer-hover-bg,\n      var(--ng-colors-bg-primary-hover)\n    );\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(\n      --nile-side-bar-footer-icon-color,\n      var(--ng-colors-fg-quaternary-400)\n    );\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-secondary));\n    height: var(--nile-height-38px, var(--ng-spacing-5xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n  }\n \n  :host(:hover[type='support']) .footer-item {\n  background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n  height: var(--nile-height-38px, var(--ng-spacing-5xl));\n  }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\nmin-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400, var(--ng-colors-bg-active));\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 4px;\n \n}\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-footer-item.css.cjs.js.map

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer-item.css.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\t  justify-content: flex-start;\n    padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n    height: var(--nile-height-38px, var(--ng-spacing-5xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n  }\n \n  :host(:hover[type='support']) .footer-item {\n  background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n  height: var(--nile-height-38px, var(--ng-spacing-5xl));\n  }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\nmin-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400);\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 4px;\n \n}\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-footer-item.css.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\t  justify-content: flex-start;\n    padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: pointer;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(\n      --nile-side-bar-footer-hover-bg,\n      var(--ng-colors-bg-primary-hover)\n    );\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(\n      --nile-side-bar-footer-icon-color,\n      var(--ng-colors-fg-quaternary-400)\n    );\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-secondary));\n    height: var(--nile-height-38px, var(--ng-spacing-5xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n  }\n \n  :host(:hover[type='support']) .footer-item {\n  background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n  height: var(--nile-height-38px, var(--ng-spacing-5xl));\n  }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\nmin-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400, var(--ng-colors-bg-active));\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 4px;\n \n}\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.esm.js

@@ -1,4 +1,4 @@
-import{css as r}from"lit";const e=r`
+import{css as r}from"lit";const o=r`
   :host {
     display: block;
     width: 100%;
@@ -13,7 +13,7 @@ import{css as r}from"lit";const e=r`
     padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     cursor: pointer;
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     border-radius: var(--nile-radius-sm, var(--ng-radius-lg));
@@ -25,7 +25,10 @@ import{css as r}from"lit";const e=r`
   }
 
   .footer-item:hover {
-    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);
+    background: var(
+      --nile-side-bar-footer-hover-bg,
+      var(--ng-colors-bg-primary-hover)
+    );
   }
 
   /* left: icon */
@@ -48,13 +51,16 @@ import{css as r}from"lit";const e=r`
   ::slotted([slot='action']) {
     flex-shrink: 0;
     font-size: 1.25rem;
-    color: var(--nile-side-bar-footer-icon-color, #6b7280);
+    color: var(
+      --nile-side-bar-footer-icon-color,
+      var(--ng-colors-fg-quaternary-400)
+    );
     margin-left: auto;
   }
 
  
   :host([type='support']) .footer-item {
-    background: var(--nile-colors-neutral-400);
+    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-secondary));
     height: var(--nile-height-38px, var(--ng-spacing-5xl));
     border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
 
@@ -70,7 +76,7 @@ border: 1px solid var(--ng-colors-border-secondary);
 min-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));
 }
 :host([type='avatar'][active]) .footer-item {
-background: var(--nile-colors-neutral-400);
+background: var(--nile-colors-neutral-400, var(--ng-colors-bg-active));
 }
 
 
@@ -86,4 +92,4 @@ border: none;
   height: 38px;
   width: 38px;
 }
-`;export{e as s};
+`;export{o as s};

package/dist/nile-timestamp-builder/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-timestamp-builder.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-timestamp-builder.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../internal/form.cjs.js","../internal/default-value.cjs.js","./nile-timestamp-builder-utils.cjs.js","./timezones.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTimestampBuilderCjsJs){_export("NileTimestampBuilder",_nileTimestampBuilderCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileTimestampBuilderCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_internalFormCjsJs){},function(_internalDefaultValueCjsJs){},function(_nileTimestampBuilderUtilsCjsJs){},function(_timezonesCjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-timestamp-builder/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-timestamp-builder/index.esm.js

@@ -0,0 +1 @@
+export{N as NileTimestampBuilder}from"./nile-timestamp-builder.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-timestamp-builder.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/form.esm.js";import"../internal/default-value.esm.js";import"./nile-timestamp-builder-utils.esm.js";import"./timezones.esm.js";

package/dist/nile-timestamp-builder/nile-timestamp-builder-utils.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["./timezones.cjs.js"],function(_export,_context){"use strict";var n,t,h,d;function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n3){function n(){return _n3.apply(this,arguments);}n.toString=function(){return _n3.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function e(){return void 0!==globalThis.Temporal;}function r(){try{var _n=Intl.supportedValuesOf;if("function"==typeof _n){var _t=_n("timeZone");if(Array.isArray(_t)&&_t.length>0)return _t;}}catch(_unused){}return _toConsumableArray(n);}function o(){try{var _n2=Intl.DateTimeFormat().resolvedOptions().timeZone;if(_n2&&u(_n2))return _n2;}catch(_unused2){}return"UTC";}function u(n){if(!n||"string"!=typeof n)return!1;try{return new Intl.DateTimeFormat("en-US",{timeZone:n}),!0;}catch(_unused3){return!1;}}function i(n,t){return new Date(Date.UTC(n,t,0)).getUTCDate();}function a(n,t,e){return Number.isNaN(n)?t:Math.min(e,Math.max(t,n));}function c(n,t,e){var r=a(Math.trunc(n.year),t,e),o=a(Math.trunc(n.month),1,12);return{year:r,month:o,day:a(Math.trunc(n.day),1,i(r,o)),hour:a(Math.trunc(n.hour),0,23),minute:a(Math.trunc(n.minute),0,59),second:a(Math.trunc(n.second),0,59),millisecond:a(Math.trunc(n.millisecond),0,999)};}function s(n){var t=function t(n,_t2){return String(Math.abs(n)).padStart(_t2,"0");};return"".concat(t(n.year,4),"-").concat(t(n.month,2),"-").concat(t(n.day,2)," ").concat(t(n.hour,2),":").concat(t(n.minute,2),":").concat(t(n.second,2),".").concat(t(n.millisecond,3));}function f(n,t){if(e()){var _e=globalThis.Temporal.Instant.fromEpochMilliseconds(n).toZonedDateTimeISO(t);return{year:_e.year,month:_e.month,day:_e.day,hour:_e.hour,minute:_e.minute,second:_e.second,millisecond:_e.millisecond};}return function(n,t){var e=l(n,t),r=(n%1e3+1e3)%1e3;return _objectSpread(_objectSpread({},e),{},{millisecond:r});}(n,t);}function l(n,t){var e=new Intl.DateTimeFormat("en-US",{timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hourCycle:"h23"}),r={};var _iterator=_createForOfIteratorHelper(e.formatToParts(new Date(n))),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _t3=_step.value;"literal"!==_t3.type&&(r[_t3.type]=Number(_t3.value));}}catch(err){_iterator.e(err);}finally{_iterator.f();}var o=24===r.hour?0:r.hour;return{year:r.year,month:r.month,day:r.day,hour:o,minute:r.minute,second:r.second};}function m(n,t){var e=l(n,t),r=Date.UTC(e.year,e.month-1,e.day,e.hour,e.minute,e.second)-1e3*Math.floor(n/1e3);return 1e3*Math.round(r/1e3);}function $(n){var t=d.exec(n.trim());if(!t)return null;var _t4=_slicedToArray(t,4),e=_t4[1],r=_t4[2],o=_t4[3],i=new Date("".concat(e).concat(r));return Number.isNaN(i.getTime())||!u(o)||m(i.getTime(),o)!==function(n){return("-"===n[0]?-1:1)*(36e5*Number(n.slice(1,3))+6e4*Number(n.slice(4,6)));}(r)?null:{date:i,timezone:o};}function y(n){if(null==n)return null;var t=function t(n){return Number.isNaN(n.getTime())?null:n;};if(n instanceof Date)return t(n);if("number"==typeof n)return Number.isFinite(n)?t(new Date(n)):null;var e=n.trim();if(""===e)return null;var r=$(e);return r?r.date:/^-?\d+$/.test(e)?t(new Date(Number(e))):t(new Date(e));}function M(n,t){var e=b(n,t),r=6e4*Math.round(m(e,t)/6e4),o=function o(n){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:2;return String(Math.abs(n)).padStart(t,"0");},u=r>=0?"+":"-",i=Math.abs(r),a=Math.floor(i/36e5),c=Math.floor(i%36e5/6e4),s="".concat(u).concat(o(a),":").concat(o(c)),f=t||"UTC";return"".concat(o(n.year,4),"-").concat(o(n.month,2),"-").concat(o(n.day,2),"T").concat(o(n.hour,2),":").concat(o(n.minute,2),":").concat(o(n.second,2),".").concat(o(n.millisecond,3),"[GMT").concat(s," ").concat(f,"]");}function b(n,t){if(e()){return globalThis.Temporal.ZonedDateTime.from({year:n.year,month:n.month,day:n.day,hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond,timeZone:t},{disambiguation:"compatible"}).epochMilliseconds;}return function(n,t){var e=Date.UTC(n.year,n.month-1,n.day,n.hour,n.minute,n.second,n.millisecond),r=m(e,t),o=e-r,u=m(o,t);if(r===u)return o;return e-u;}(n,t);}_export({a:r,b:b,c:c,d:s,e:f,f:M,g:o,h:i,i:u,n:y,p:$,T:void 0});return{setters:[function(_timezonesCjsJs){n=_timezonesCjsJs.T;}],execute:function execute(){!function(n){n.Year="year",n.Month="month",n.Day="day",n.Hour="hour",n.Minute="minute",n.Second="second",n.Millisecond="millisecond";}(t||_export("T",t={}));_export("E",h=f(0,"UTC"));d=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?)\[GMT([+-]\d{2}:\d{2}) ([^\]]+)\]$/;}};});
+//# sourceMappingURL=nile-timestamp-builder-utils.cjs.js.map

package/dist/nile-timestamp-builder/nile-timestamp-builder-utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-timestamp-builder-utils.cjs.js","sources":["../../../src/nile-timestamp-builder/nile-timestamp-builder-utils.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2026\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Timezone-aware wall-clock helpers for `nile-timestamp-builder`.\n * ALL Temporal / Intl branching lives in this module. The component must never\n * call `Intl.DateTimeFormat` or `Temporal` inline — it always goes through here.\n */\n\nimport { TIMEZONES } from './timezones';\n\n/** The editable wall-clock fields exposed by `nile-timestamp-builder`. */\nexport enum TimestampField {\n  Year = 'year',\n  Month = 'month',\n  Day = 'day',\n  Hour = 'hour',\n  Minute = 'minute',\n  Second = 'second',\n  Millisecond = 'millisecond',\n}\n\nexport interface WallClock {\n  year: number;\n  month: number;\n  day: number;\n  hour: number;\n  minute: number;\n  second: number;\n  millisecond: number;\n}\n\nexport function hasTemporal(): boolean {\n  return typeof (globalThis as any).Temporal !== 'undefined';\n}\n\n/** Returns the list of supported IANA timezones using Intl or the bundled fallback list. */\nexport function getTimezoneList(): string[] {\n  try {\n    const supportedValuesOf = (Intl as any).supportedValuesOf;\n    if (typeof supportedValuesOf === 'function') {\n      const list = supportedValuesOf('timeZone') as string[];\n      if (Array.isArray(list) && list.length > 0) {\n        return list;\n      }\n    }\n  } catch {\n  }\n  return [...TIMEZONES];\n}\n\n/** Resolves the runtime's local IANA timezone, falling back to `UTC`. */\nexport function getLocalTimeZone(): string {\n  try {\n    const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    if (tz && isValidTimeZone(tz)) {\n      return tz;\n    }\n  } catch {\n  }\n  return 'UTC';\n}\n\n/** Returns true when `tz` is a timezone identifier the runtime can format. */\nexport function isValidTimeZone(tz: string): boolean {\n  if (!tz || typeof tz !== 'string') {\n    return false;\n  }\n  try {\n    new Intl.DateTimeFormat('en-US', { timeZone: tz });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function daysInMonth(year: number, month: number): number {\n  return new Date(Date.UTC(year, month, 0)).getUTCDate();\n}\n\n/** Clamps `value` into `[min, max]`; `NaN` collapses to `min`. */\nexport function clampField(value: number, min: number, max: number): number {\n  if (Number.isNaN(value)) {\n    return min;\n  }\n  return Math.min(max, Math.max(min, value));\n}\n\nexport function clampWallClock(\n  w: WallClock,\n  minYear: number,\n  maxYear: number\n): WallClock {\n  const year = clampField(Math.trunc(w.year), minYear, maxYear);\n  const month = clampField(Math.trunc(w.month), 1, 12);\n  const day = clampField(Math.trunc(w.day), 1, daysInMonth(year, month));\n  const hour = clampField(Math.trunc(w.hour), 0, 23);\n  const minute = clampField(Math.trunc(w.minute), 0, 59);\n  const second = clampField(Math.trunc(w.second), 0, 59);\n  const millisecond = clampField(Math.trunc(w.millisecond), 0, 999);\n  return { year, month, day, hour, minute, second, millisecond };\n}\n\n/** Formats a wall-clock as `YYYY-MM-DD HH:mm:ss.SSS` with zero padding. */\nexport function formatWallClock(w: WallClock): string {\n  const pad = (n: number, len: number) =>\n    String(Math.abs(n)).padStart(len, '0');\n  const y = pad(w.year, 4);\n  const mo = pad(w.month, 2);\n  const d = pad(w.day, 2);\n  const h = pad(w.hour, 2);\n  const mi = pad(w.minute, 2);\n  const s = pad(w.second, 2);\n  const ms = pad(w.millisecond, 3);\n  return `${y}-${mo}-${d} ${h}:${mi}:${s}.${ms}`;\n}\n\n/** Converts an epoch (ms) into the wall-clock fields observed in `tz`. Uses Temporal when present, otherwise an `Intl.DateTimeFormat` fallback. */\nexport function epochToFields(epochMs: number, tz: string): WallClock {\n  if (hasTemporal()) {\n    const Temporal = (globalThis as any).Temporal;\n    const zdt =\n      Temporal.Instant.fromEpochMilliseconds(epochMs).toZonedDateTimeISO(tz);\n    return {\n      year: zdt.year,\n      month: zdt.month,\n      day: zdt.day,\n      hour: zdt.hour,\n      minute: zdt.minute,\n      second: zdt.second,\n      millisecond: zdt.millisecond,\n    };\n  }\n  return intlEpochToFields(epochMs, tz);\n}\n\n/** Neutral wall-clock placeholder: the Unix epoch (`1970-01-01T00:00:00.000`) read in UTC.*/\nexport const EPOCH_WALLCLOCK: WallClock = epochToFields(0, 'UTC');\n\nfunction intlEpochToFields(epochMs: number, tz: string): WallClock {\n  const parts = formatEpochParts(epochMs, tz);\n  const millisecond = ((epochMs % 1000) + 1000) % 1000;\n  return { ...parts, millisecond };\n}\n\n/** Extracts numeric y/mo/d/h/mi/s parts of `epochMs` in `tz` (h23, no ms). */\nfunction formatEpochParts(\n  epochMs: number,\n  tz: string\n): Omit<WallClock, 'millisecond'> {\n  const formatter = new Intl.DateTimeFormat('en-US', {\n    timeZone: tz,\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n    hourCycle: 'h23',\n  });\n\n  const map: Record<string, number> = {};\n  for (const part of formatter.formatToParts(new Date(epochMs))) {\n    if (part.type !== 'literal') {\n      map[part.type] = Number(part.value);\n    }\n  }\n\n  // `hourCycle: 'h23'` can still surface hour 24 for midnight in some engines.\n  const hour = map.hour === 24 ? 0 : map.hour;\n\n  return {\n    year: map.year,\n    month: map.month,\n    day: map.day,\n    hour,\n    minute: map.minute,\n    second: map.second,\n  };\n}\n\n/** Returns the timezone offset (ms)  */\nexport function getTimeZoneOffsetMs(epochMs: number, tz: string): number {\n  const parts = formatEpochParts(epochMs, tz);\n  const asIfUTC = Date.UTC(\n    parts.year,\n    parts.month - 1,\n    parts.day,\n    parts.hour,\n    parts.minute,\n    parts.second\n  );\n  const epochSeconds = Math.floor(epochMs / 1000) * 1000;\n  const offset = asIfUTC - epochSeconds;\n  return Math.round(offset / 1000) * 1000;\n}\n\nconst ZONED_VALUE_RE =\n  /^(\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:\\.\\d+)?)\\[GMT([+-]\\d{2}:\\d{2}) ([^\\]]+)\\]$/;\n\n/** Converts a `±HH:MM` offset from {@link ZONED_VALUE_RE} into milliseconds. */\nfunction offsetStringToMs(offset: string): number {\n  const sign = offset[0] === '-' ? -1 : 1;\n  return (\n    sign * (Number(offset.slice(1, 3)) * 3600000 + Number(offset.slice(4, 6)) * 60000)\n  );\n}\n\nexport function parseZonedValue(\n  input: string\n): { date: Date; timezone: string } | null {\n  const match = ZONED_VALUE_RE.exec(input.trim());\n  if (!match) {\n    return null;\n  }\n  const [, iso, offset, timezone] = match;\n  const date = new Date(`${iso}${offset}`);\n  if (Number.isNaN(date.getTime()) || !isValidTimeZone(timezone)) {\n    return null;\n  }\n  if (\n    getTimeZoneOffsetMs(date.getTime(), timezone) !== offsetStringToMs(offset)\n  ) {\n    return null;\n  }\n  return { date, timezone };\n}\n\n/** Normalizes supported `value` inputs into epoch milliseconds, or `null` if invalid. */\nexport function normalizeValueInput(\n  input: Date | number | string | null | undefined\n): Date | null {\n  if (input === null || input === undefined) {\n    return null;\n  }\n  const valid = (d: Date) => (Number.isNaN(d.getTime()) ? null : d);\n  if (input instanceof Date) {\n    return valid(input);\n  }\n  if (typeof input === 'number') {\n    return Number.isFinite(input) ? valid(new Date(input)) : null;\n  }\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  const zoned = parseZonedValue(trimmed);\n  if (zoned) {\n    return zoned.date;\n  }\n  if (/^-?\\d+$/.test(trimmed)) {\n    return valid(new Date(Number(trimmed)));\n  }\n  return valid(new Date(trimmed));\n}\n\n/** Serializes a wall-clock into a zone-encoded string preserving its offset and IANA timezone. */\nexport function formatZonedValue(w: WallClock, tz: string): string {\n  const epoch = fieldsToEpoch(w, tz);\n  const offsetMs = Math.round(getTimeZoneOffsetMs(epoch, tz) / 60000) * 60000;\n  const pad = (n: number, len = 2) => String(Math.abs(n)).padStart(len, '0');\n  const sign = offsetMs >= 0 ? '+' : '-';\n  const abs = Math.abs(offsetMs);\n  const offH = Math.floor(abs / 3600000);\n  const offM = Math.floor((abs % 3600000) / 60000);\n  const off = `${sign}${pad(offH)}:${pad(offM)}`;\n  const zone = tz || 'UTC';\n  const y = pad(w.year, 4);\n  const mo = pad(w.month, 2);\n  const d = pad(w.day, 2);\n  const h = pad(w.hour, 2);\n  const mi = pad(w.minute, 2);\n  const s = pad(w.second, 2);\n  const ms = pad(w.millisecond, 3);\n  return `${y}-${mo}-${d}T${h}:${mi}:${s}.${ms}[GMT${off} ${zone}]`;\n}\n\n/** Converts wall-clock fields in `tz` to epoch milliseconds. */\nexport function fieldsToEpoch(w: WallClock, tz: string): number {\n  if (hasTemporal()) {\n    const Temporal = (globalThis as any).Temporal;\n    const zdt = Temporal.ZonedDateTime.from(\n      {\n        year: w.year,\n        month: w.month,\n        day: w.day,\n        hour: w.hour,\n        minute: w.minute,\n        second: w.second,\n        millisecond: w.millisecond,\n        timeZone: tz,\n      },\n      { disambiguation: 'compatible' }\n    );\n    return zdt.epochMilliseconds;\n  }\n  return intlFieldsToEpoch(w, tz);\n}\n\nfunction intlFieldsToEpoch(w: WallClock, tz: string): number {\n  const asUTC = Date.UTC(\n    w.year,\n    w.month - 1,\n    w.day,\n    w.hour,\n    w.minute,\n    w.second,\n    w.millisecond\n  );\n  const offset0 = getTimeZoneOffsetMs(asUTC, tz);\n  const guess = asUTC - offset0;\n  const offset1 = getTimeZoneOffsetMs(guess, tz);\n  if (offset0 === offset1) {\n    return guess;\n  }\n  return asUTC - offset1;\n}\n"],"names":["hasTemporal","globalThis","Temporal","getTimezoneList","r","supportedValuesOf","Intl","list","Array","isArray","length","_unused","_toConsumableArray","TIMEZONES","getLocalTimeZone","tz","DateTimeFormat","resolvedOptions","timeZone","isValidTimeZone","_unused2","_unused3","daysInMonth","year","month","Date","UTC","getUTCDate","clampField","value","min","max","Number","isNaN","Math","clampWallClock","w","minYear","maxYear","trunc","day","hour","minute","second","millisecond","formatWallClock","pad","n","len","String","abs","padStart","concat","epochToFields","epochMs","zdt","Instant","fromEpochMilliseconds","toZonedDateTimeISO","parts","formatEpochParts","_objectSpread","intlEpochToFields","formatter","hourCycle","map","_iterator","_createForOfIteratorHelper","formatToParts","s","_step","done","part","type","err","e","f","getTimeZoneOffsetMs","offset","floor","round","parseZonedValue","input","match","ZONED_VALUE_RE","exec","trim","_t4","_slicedToArray","date","iso","timezone","getTime","slice","offsetStringToMs","normalizeValueInput","valid","d","isFinite","trimmed","zoned","test","formatZonedValue","epoch","fieldsToEpoch","offsetMs","sign","offH","offM","off","zone","ZonedDateTime","from","disambiguation","epochMilliseconds","asUTC","offset0","guess","offset1","intlFieldsToEpoch","_export","a","TimestampField","Year","Month","Day","Hour","Minute","Second","Millisecond","EPOCH_WALLCLOCK"],"mappings":"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"}

package/dist/nile-timestamp-builder/nile-timestamp-builder-utils.esm.js

@@ -0,0 +1 @@
+import{T as n}from"./timezones.esm.js";var t;function e(){return void 0!==globalThis.Temporal}function r(){try{const n=Intl.supportedValuesOf;if("function"==typeof n){const t=n("timeZone");if(Array.isArray(t)&&t.length>0)return t}}catch{}return[...n]}function o(){try{const n=Intl.DateTimeFormat().resolvedOptions().timeZone;if(n&&u(n))return n}catch{}return"UTC"}function u(n){if(!n||"string"!=typeof n)return!1;try{return new Intl.DateTimeFormat("en-US",{timeZone:n}),!0}catch{return!1}}function i(n,t){return new Date(Date.UTC(n,t,0)).getUTCDate()}function a(n,t,e){return Number.isNaN(n)?t:Math.min(e,Math.max(t,n))}function c(n,t,e){const r=a(Math.trunc(n.year),t,e),o=a(Math.trunc(n.month),1,12);return{year:r,month:o,day:a(Math.trunc(n.day),1,i(r,o)),hour:a(Math.trunc(n.hour),0,23),minute:a(Math.trunc(n.minute),0,59),second:a(Math.trunc(n.second),0,59),millisecond:a(Math.trunc(n.millisecond),0,999)}}function s(n){const t=(n,t)=>String(Math.abs(n)).padStart(t,"0");return`${t(n.year,4)}-${t(n.month,2)}-${t(n.day,2)} ${t(n.hour,2)}:${t(n.minute,2)}:${t(n.second,2)}.${t(n.millisecond,3)}`}function f(n,t){if(e()){const e=globalThis.Temporal.Instant.fromEpochMilliseconds(n).toZonedDateTimeISO(t);return{year:e.year,month:e.month,day:e.day,hour:e.hour,minute:e.minute,second:e.second,millisecond:e.millisecond}}return function(n,t){const e=l(n,t),r=(n%1e3+1e3)%1e3;return{...e,millisecond:r}}(n,t)}!function(n){n.Year="year",n.Month="month",n.Day="day",n.Hour="hour",n.Minute="minute",n.Second="second",n.Millisecond="millisecond"}(t||(t={}));const h=f(0,"UTC");function l(n,t){const e=new Intl.DateTimeFormat("en-US",{timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hourCycle:"h23"}),r={};for(const t of e.formatToParts(new Date(n)))"literal"!==t.type&&(r[t.type]=Number(t.value));const o=24===r.hour?0:r.hour;return{year:r.year,month:r.month,day:r.day,hour:o,minute:r.minute,second:r.second}}function m(n,t){const e=l(n,t),r=Date.UTC(e.year,e.month-1,e.day,e.hour,e.minute,e.second)-1e3*Math.floor(n/1e3);return 1e3*Math.round(r/1e3)}const d=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?)\[GMT([+-]\d{2}:\d{2}) ([^\]]+)\]$/;function $(n){const t=d.exec(n.trim());if(!t)return null;const[,e,r,o]=t,i=new Date(`${e}${r}`);return Number.isNaN(i.getTime())||!u(o)||m(i.getTime(),o)!==function(n){return("-"===n[0]?-1:1)*(36e5*Number(n.slice(1,3))+6e4*Number(n.slice(4,6)))}(r)?null:{date:i,timezone:o}}function y(n){if(null==n)return null;const t=n=>Number.isNaN(n.getTime())?null:n;if(n instanceof Date)return t(n);if("number"==typeof n)return Number.isFinite(n)?t(new Date(n)):null;const e=n.trim();if(""===e)return null;const r=$(e);return r?r.date:/^-?\d+$/.test(e)?t(new Date(Number(e))):t(new Date(e))}function M(n,t){const e=b(n,t),r=6e4*Math.round(m(e,t)/6e4),o=(n,t=2)=>String(Math.abs(n)).padStart(t,"0"),u=r>=0?"+":"-",i=Math.abs(r),a=Math.floor(i/36e5),c=Math.floor(i%36e5/6e4),s=`${u}${o(a)}:${o(c)}`,f=t||"UTC";return`${o(n.year,4)}-${o(n.month,2)}-${o(n.day,2)}T${o(n.hour,2)}:${o(n.minute,2)}:${o(n.second,2)}.${o(n.millisecond,3)}[GMT${s} ${f}]`}function b(n,t){if(e()){return globalThis.Temporal.ZonedDateTime.from({year:n.year,month:n.month,day:n.day,hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond,timeZone:t},{disambiguation:"compatible"}).epochMilliseconds}return function(n,t){const e=Date.UTC(n.year,n.month-1,n.day,n.hour,n.minute,n.second,n.millisecond),r=m(e,t),o=e-r,u=m(o,t);if(r===u)return o;return e-u}(n,t)}export{h as E,t as T,r as a,b,c,s as d,f as e,M as f,o as g,i as h,u as i,y as n,$ as p};

package/dist/nile-timestamp-builder/nile-timestamp-builder.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-timestamp-builder.css.cjs.js","../internal/nile-element.cjs.js","../internal/form.cjs.js","../internal/default-value.cjs.js","./nile-timestamp-builder-utils.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","./timezones.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,l,n,a,h,r,o,u,d,c,p,b,m,v,y,$,f,g,_,z,j,w,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_C,k;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;s=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;l=_litDecoratorsJs.property;n=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_nileTimestampBuilderCssCjsJs){r=_nileTimestampBuilderCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalFormCjsJs){u=_internalFormCjsJs.F;},function(_internalDefaultValueCjsJs){d=_internalDefaultValueCjsJs.d;},function(_nileTimestampBuilderUtilsCjsJs){c=_nileTimestampBuilderUtilsCjsJs.g;p=_nileTimestampBuilderUtilsCjsJs.E;b=_nileTimestampBuilderUtilsCjsJs.e;m=_nileTimestampBuilderUtilsCjsJs.f;v=_nileTimestampBuilderUtilsCjsJs.p;y=_nileTimestampBuilderUtilsCjsJs.i;$=_nileTimestampBuilderUtilsCjsJs.n;f=_nileTimestampBuilderUtilsCjsJs.a;g=_nileTimestampBuilderUtilsCjsJs.b;_=_nileTimestampBuilderUtilsCjsJs.c;z=_nileTimestampBuilderUtilsCjsJs.d;j=_nileTimestampBuilderUtilsCjsJs.h;w=_nileTimestampBuilderUtilsCjsJs.T;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_timezonesCjsJs){}],execute:function execute(){_export("N",k=_C=/*#__PURE__*/function(_o){function C(){var _this;_classCallCheck(this,C);_this=_callSuper(this,C,arguments),_this.formControlController=null,_this.internalValueUpdate=!1,_this.internalTimezoneUpdate=!1,_this._value=null,_this.defaultValue=null,_this.timezone=c(),_this.name="",_this.disabled=!1,_this.required=!1,_this.readonly=!1,_this.copyable=!1,_this.form="",_this.open=!1,_this.label="",_this.minYear=1,_this.maxYear=9999,_this.wallClock=p,_this.timezoneList=[],_this.hasValue=!1,_this.justCopied=!1,_this.handleSetNow=function(){if(_this.disabled||_this.readonly)return;var t=Date.now();_this.wallClock=b(t,_this.timezone),_this.commit();},_this.handleCopy=/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var t;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!(_this.disabled||!_this.hasValue)){_context2.next=2;break;}return _context2.abrupt("return");case 2:t=m(_this.wallClock,_this.timezone);_context2.prev=3;_context2.next=6;return navigator.clipboard.writeText(t);case 6:_context2.next=11;break;case 8:_context2.prev=8;_context2.t0=_context2["catch"](3);return _context2.abrupt("return",void _this.emit("nile-copy-error",{value:t}));case 11:_this.justCopied=!0,window.clearTimeout(_this.copiedTimer),_this.copiedTimer=window.setTimeout(function(){_this.justCopied=!1;},_C.COPIED_FEEDBACK_MS),_this.emit("nile-copy",{value:t});case 12:case"end":return _context2.stop();}},_callee,null,[[3,8]]);})),_this.handleStageNow=function(){if(_this.disabled||_this.readonly)return;var t=Date.now();_this.wallClock=b(t,_this.timezone),_this.emit("nile-input",_this.liveDetail());},_this.handleUseLocalTz=function(){_this.disabled||_this.readonly||(_this.internalTimezoneUpdate=!0,_this.timezone=c(),_this.emit("nile-input",_this.liveDetail()));},_this.handleUseUtc=function(){_this.disabled||_this.readonly||(_this.internalTimezoneUpdate=!0,_this.timezone="UTC",_this.emit("nile-input",_this.liveDetail()));},_this.lastTapAt=0,_this.copiedTimer=0,_this.handleDisplayDoubleClick=function(){_this.handleEdit();},_this.handleDisplayPointerUp=function(t){if("mouse"===t.pointerType)return;var i=Date.now();if(i-_this.lastTapAt<=_C.DOUBLE_TAP_MS)return _this.lastTapAt=0,void _this.handleEdit();_this.lastTapAt=i;},_this.handleDisplayKeyDown=function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),_this.handleEdit());},_this.handleEdit=function(){_this.disabled||_this.readonly||_this.open||(null===_this.value&&(_this.wallClock=b(Date.now(),_this.timezone)),_this.open=!0,_this.emit("nile-expand",{open:!0}));},_this.handleDone=function(){_this.open=!1,_this.commit(),_this.emit("nile-collapse",{open:!1});};return _this;}_inherits(C,_o);return _createClass(C,[{key:"value",get:function get(){return this._value;},set:function set(t){if("string"==typeof t){var _i=v(t);_i&&y(_i.timezone)&&(this.timezone=_i.timezone);}var i=this._value,s=$(t);(s===null||s===void 0?void 0:s.getTime())!==(i===null||i===void 0?void 0:i.getTime())?(this._value=s,this.requestUpdate("value",i)):this.internalValueUpdate=!1;}},{key:"validity",get:function get(){var _this$valueInput;return(_this$valueInput=this.valueInput)===null||_this$valueInput===void 0?void 0:_this$valueInput.validity;}},{key:"validationMessage",get:function get(){var _this$valueInput$vali,_this$valueInput2;return(_this$valueInput$vali=(_this$valueInput2=this.valueInput)===null||_this$valueInput2===void 0?void 0:_this$valueInput2.validationMessage)!==null&&_this$valueInput$vali!==void 0?_this$valueInput$vali:"";}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(C,"connectedCallback",this,3)([]),this.timezoneList=f(),y(this.timezone)||(this.timezone=c()),null!==this.value?(this.wallClock=b(this.value.getTime(),this.timezone),this.hasValue=!0):(this.wallClock=b(Date.now(),this.timezone),this.hasValue=!1),this.formControlController=new u(this,{assumeInteractionOn:["nile-change"],value:function value(t){var _i$valueString;var i=t;return null===i.value?void 0:(_i$valueString=i.valueString())!==null&&_i$valueString!==void 0?_i$valueString:void 0;},defaultValue:function defaultValue(t){return t.defaultValue;},setValue:function setValue(t,i){t.value=i;}}),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(C,"disconnectedCallback",this,3)([]),window.clearTimeout(this.copiedTimer),this.emit("nile-destroy");}},{key:"willUpdate",value:function willUpdate(t){t.has("value")?this.internalValueUpdate?this.internalValueUpdate=!1:null===this.value?this.hasValue=!1:(this.wallClock=b(this.value.getTime(),this.timezone),this.hasValue=!0):this.isTimezoneReassigned(t)&&!this.open&&this.syncValueToTimezone();}},{key:"updated",value:function updated(t){this.isTimezoneReassigned(t)&&(this.internalTimezoneUpdate?this.internalTimezoneUpdate=!1:this.emit("nile-input",this.liveDetail()));}},{key:"isTimezoneReassigned",value:function isTimezoneReassigned(t){return t.has("timezone")&&void 0!==t.get("timezone");}},{key:"syncValueToTimezone",value:function syncValueToTimezone(){if(!this.hasValue||null===this.value)return;var t=g(this.wallClock,this.timezone);Number.isNaN(t)||t===this.value.getTime()||(this.internalValueUpdate=!0,this.value=new Date(t),this.syncHiddenInput());}},{key:"valueString",value:function valueString(){return null===this.value?null:this.value.toISOString();}},{key:"syncHiddenInput",value:function syncHiddenInput(){var _this$valueString,_this$formControlCont;this.valueInput&&(this.valueInput.value=(_this$valueString=this.valueString())!==null&&_this$valueString!==void 0?_this$valueString:""),(_this$formControlCont=this.formControlController)===null||_this$formControlCont===void 0?void 0:_this$formControlCont.updateValidity();}},{key:"changeDetail",value:function changeDetail(){if(null===this.value)return{value:null,localTimezoneValue:null,unix:null,timezone:this.timezone};var t=this.value.getTime();return{value:m(this.wallClock,this.timezone),localTimezoneValue:new Date(t),unix:t,timezone:this.timezone};}},{key:"liveDetail",value:function liveDetail(){var t=g(this.wallClock,this.timezone);return Number.isNaN(t)?{value:null,localTimezoneValue:null,unix:null,timezone:this.timezone}:{value:m(this.wallClock,this.timezone),localTimezoneValue:new Date(t),unix:t,timezone:this.timezone};}},{key:"commit",value:function commit(){var t=g(this.wallClock,this.timezone);this.internalValueUpdate=!0,this.value=new Date(t),this.hasValue=!0,this.syncHiddenInput(),this.emit("nile-change",this.changeDetail());}},{key:"onFieldChange",value:function onFieldChange(t){var _this2=this;return function(i){var _i$detail;i.stopPropagation();var s=Number((_i$detail=i.detail)===null||_i$detail===void 0?void 0:_i$detail.value),e=_(_objectSpread(_objectSpread({},_this2.wallClock),{},_defineProperty({},t,s)),_this2.minYear,_this2.maxYear);_this2.wallClock=e,_this2.emit("nile-input",_this2.liveDetail());};}},{key:"onTimezoneChange",value:function onTimezoneChange(t){var _t$detail;t.stopPropagation();var i=(_t$detail=t.detail)===null||_t$detail===void 0?void 0:_t$detail.value;"string"==typeof i&&y(i)&&(this.internalTimezoneUpdate=!0,this.timezone=i,this.emit("nile-input",this.liveDetail()));}},{key:"checkValidity",value:function checkValidity(){var _this$valueInput$chec,_this$valueInput3;return(_this$valueInput$chec=(_this$valueInput3=this.valueInput)===null||_this$valueInput3===void 0?void 0:_this$valueInput3.checkValidity())!==null&&_this$valueInput$chec!==void 0?_this$valueInput$chec:!0;}},{key:"reportValidity",value:function reportValidity(){var _this$valueInput$repo,_this$valueInput4;return(_this$valueInput$repo=(_this$valueInput4=this.valueInput)===null||_this$valueInput4===void 0?void 0:_this$valueInput4.reportValidity())!==null&&_this$valueInput$repo!==void 0?_this$valueInput$repo:!0;}},{key:"setCustomValidity",value:function setCustomValidity(t){var _this$valueInput5,_this$formControlCont2;(_this$valueInput5=this.valueInput)!==null&&_this$valueInput5!==void 0&&_this$valueInput5.setCustomValidity(t),(_this$formControlCont2=this.formControlController)===null||_this$formControlCont2===void 0?void 0:_this$formControlCont2.updateValidity();}},{key:"getForm",value:function getForm(){var _this$formControlCont3,_this$formControlCont4;return(_this$formControlCont3=(_this$formControlCont4=this.formControlController)===null||_this$formControlCont4===void 0?void 0:_this$formControlCont4.getForm())!==null&&_this$formControlCont3!==void 0?_this$formControlCont3:null;}},{key:"renderField",value:function renderField(t,s,e,l,n){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"tsb__field\" part=\"field\">\n        <nile-input\n          type=\"number\"\n          exportparts=\"base:field__base, input:field__input\"\n          size=\"medium\"\n          label=","\n          ?disabled=","\n          ?readonly=","\n          min=","\n          max=","\n          step=\"1\"\n          .value=","\n          @nile-change=","\n        ></nile-input>\n      </div>\n    "])),s,this.disabled,this.readonly,l,n,String(e),this.onFieldChange(t));}},{key:"renderCollapsed",value:function renderCollapsed(){var t=this.wallClock,e=!this.disabled&&!this.readonly;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"tsb__collapsed\" part=\"display\">\n        <div\n          class=","\n          part=\"display-content\"\n          role=","\n          tabindex=","\n          aria-labelledby=","\n          aria-readonly=","\n          @dblclick=","\n          @pointerup=","\n          @keydown=","\n        >\n          <span\n            id=\"tsb-display-value\"\n            class=","\n            part=\"value\"\n          >\n            ","\n          </span>\n          <span class=\"tsb__tz\" part=\"timezone-label\">","</span>\n        </div>\n        ","\n        ","\n      </div>\n    "])),h({tsb__display:!0,"tsb__display--editable":e}),e?"button":s,this.disabled?s:"0",this.label?"tsb-label tsb-display-value":s,this.readonly?"true":s,this.handleDisplayDoubleClick,this.handleDisplayPointerUp,this.handleDisplayKeyDown,h({tsb__value:!0,"tsb__value--empty":!this.hasValue}),this.hasValue?z(t):"No timestamp set",this.timezone,e?this.renderEditActions():s,this.copyable&&this.readonly&&!this.disabled?this.renderCopyAction():s);}},{key:"renderEditActions",value:function renderEditActions(){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"tsb__actions\" part=\"actions\">\n        <nile-button\n          variant=\"secondary-grey\"\n          ?disabled=","\n          @click=","\n          >Now</nile-button\n        >\n        <nile-button\n          variant=\"primary\"\n          title=\"Edit\"\n          ?disabled=","\n          @click=","\n          ><nile-glyph\n            name=\"ng-pencil\"\n            size=\"16\"\n            method=\"stroke\"\n            color=\"currentColor\"\n          ></nile-glyph\n        ></nile-button\n        >\n      </div>\n    "])),this.disabled,this.handleSetNow,this.disabled,this.handleEdit);}},{key:"renderCopyAction",value:function renderCopyAction(){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <div class=\"tsb__actions\" part=\"actions\">\n        <nile-button\n          variant=\"ghost\"\n          title=","\n          aria-label=","\n          ?disabled=","\n          @click=","\n          ><nile-glyph\n            name=","\n            size=\"16\"\n            method=\"stroke\"\n            color=\"currentColor\"\n          ></nile-glyph\n        ></nile-button>\n      </div>\n    "])),this.justCopied?"Copied":"Copy timestamp",this.justCopied?"Copied":"Copy timestamp",!this.hasValue,this.handleCopy,this.justCopied?"ng-copy-check":"ng-copy");}},{key:"renderExpanded",value:function renderExpanded(){var t=this.wallClock,s=j(t.year,t.month);return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <div class=\"tsb__expanded\" part=\"editor\">\n        <div class=\"tsb__fields\" part=\"fields\">\n          ","\n          ","\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n\n        <div class=\"tsb__timezone\" part=\"timezone-select\">\n          <nile-select\n            searchEnabled\n            label=\"Timezone\"\n            size=\"medium\"\n            ?disabled=","\n            .value=","\n            @nile-change=","\n          >\n            ","\n          </nile-select>\n        </div>\n\n        <div class=\"tsb__actions\" part=\"editor-actions\">\n          <nile-button\n            variant=\"secondary-grey\"\n            ?disabled=","\n            @click=","\n            >Set to Now</nile-button\n          >\n          <nile-button\n            variant=\"secondary-grey\"\n            ?disabled=","\n            @click=","\n            >Use Local Timezone</nile-button\n          >\n          <nile-button\n            variant=\"secondary-grey\"\n            ?disabled=","\n            @click=","\n            >Use UTC</nile-button\n          >\n          <nile-button\n            variant=\"primary\"\n            ?disabled=","\n            @click=","\n            >Done</nile-button\n          >\n        </div>\n      </div>\n    "])),this.renderField(w.Year,"Year",t.year,this.minYear,this.maxYear),this.renderField(w.Month,"Month",t.month,1,12),this.renderField(w.Day,"Day",t.day,1,s),this.renderField(w.Hour,"Hour",t.hour,0,23),this.renderField(w.Minute,"Minute",t.minute,0,59),this.renderField(w.Second,"Second",t.second,0,59),this.renderField(w.Millisecond,"Milliseconds",t.millisecond,0,999),this.disabled,this.timezone,this.onTimezoneChange,this.timezoneList.map(function(t){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-option value=",">","</nile-option>"])),t,t);}),this.disabled,this.handleStageNow,this.disabled,this.handleUseLocalTz,this.disabled,this.handleUseUtc,this.disabled,this.handleDone);}},{key:"render",value:function render(){var _this$valueString2;return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n      <div\n        class=\"tsb\"\n        part=\"base\"\n        role=\"group\"\n        aria-labelledby=","\n      >\n        ","\n        ","\n\n        <input\n          class=\"value-input\"\n          type=\"text\"\n          ?required=","\n          ?disabled=","\n          .value=","\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    "])),this.label?"tsb-label":s,this.label?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<label id=\"tsb-label\" class=\"tsb__label\" part=\"label\"\n              >","</label\n            >"])),this.label):"",this.open&&!this.readonly?this.renderExpanded():this.renderCollapsed(),this.required,this.disabled,(_this$valueString2=this.valueString())!==null&&_this$valueString2!==void 0?_this$valueString2:"");}}],[{key:"styles",get:function get(){return[r];}}]);}(o));k.DOUBLE_TAP_MS=300,k.COPIED_FEEDBACK_MS=1600,t([e(".value-input")],k.prototype,"valueInput",void 0),t([l({attribute:"value",converter:{fromAttribute:function fromAttribute(t){return t;},toAttribute:function toAttribute(t){return null===t?null:t.toISOString();}}})],k.prototype,"value",null),t([d()],k.prototype,"defaultValue",void 0),t([l({type:String,reflect:!0})],k.prototype,"timezone",void 0),t([l({type:String,reflect:!0})],k.prototype,"name",void 0),t([l({type:Boolean,reflect:!0})],k.prototype,"disabled",void 0),t([l({type:Boolean,reflect:!0})],k.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],k.prototype,"readonly",void 0),t([l({type:Boolean,reflect:!0})],k.prototype,"copyable",void 0),t([l({type:String,reflect:!0})],k.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],k.prototype,"open",void 0),t([l({type:String,reflect:!0})],k.prototype,"label",void 0),t([l({attribute:!0,type:Number,reflect:!0})],k.prototype,"minYear",void 0),t([l({attribute:!0,type:Number,reflect:!0})],k.prototype,"maxYear",void 0),t([n()],k.prototype,"wallClock",void 0),t([n()],k.prototype,"timezoneList",void 0),t([n()],k.prototype,"hasValue",void 0),t([n()],k.prototype,"justCopied",void 0),_export("N",k=_C=t([a("nile-timestamp-builder")],k));}};});
+//# sourceMappingURL=nile-timestamp-builder.cjs.js.map