@verbb/plugin-kit-web 2.0.22 → 2.0.24

package/dist/chunks/pk-autocomplete-qy2Psvqm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-autocomplete-qy2Psvqm.js","names":[],"sources":["../../src/components/autocomplete/pk-autocomplete.styles.ts","../../src/components/autocomplete/pk-autocomplete.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { iconStyles } from '../../base/icon.styles.js';\nimport { popupContentAnimationStyles } from '../../styles/popup-content-animation.styles.js';\n\n/**\n * Autocomplete chrome matches `pk-input` (text field), not Combobox’s slate\n * select fill / chevron affordance. Panel / listbox tokens stay shared with\n * Combobox so suggestion rows look the same.\n */\nexport const pkAutocompleteStyles = [\n    popupContentAnimationStyles,\n    css`\n    ${iconStyles}\n    @layer pk-component {\n        :host {\n            display: block;\n            position: relative;\n            width: 100%;\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n            /* Match pk-input control tokens — not Combobox slate fill. */\n            --pk-autocomplete-padding-block: 6px;\n            --pk-autocomplete-padding-inline: 8px;\n            --pk-autocomplete-control-gap: 6px;\n            --pk-autocomplete-decoration-size: 0.75rem;\n            --pk-autocomplete-font-size: var(--pk-font-size-base);\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 6px;\n            --pk-select-item-padding-inline: 10px;\n            --pk-select-item-padding-inline-end: 2rem;\n            --pk-select-item-font-size: 14px;\n            --pk-select-item-line-height: 1.4;\n            --pk-select-item-indicator-size: 0.75rem;\n            --pk-select-item-indicator-inset: 0.5rem;\n            --pk-select-group-label-font-size: 12px;\n        }\n\n        /* width=\"full\" is the documented stretch opt-in; host already fills by default. */\n        :host([width='full']) {\n            display: block;\n            width: 100%;\n        }\n\n        .control {\n            display: flex;\n            align-items: center;\n            gap: var(--pk-autocomplete-control-gap);\n            width: 100%;\n            max-width: 100%;\n            min-width: 0;\n            margin: 0;\n            padding-block: var(--pk-autocomplete-padding-block);\n            padding-inline: var(--pk-autocomplete-padding-inline);\n            border: var(--pk-input-border);\n            border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));\n            background: var(--pk-input-bg);\n            background-clip: padding-box;\n            color: var(--pk-color-gray-700);\n            font: inherit;\n            font-size: var(--pk-autocomplete-font-size);\n            line-height: var(--pk-input-control-line-height, 1.25rem);\n            white-space: nowrap;\n            cursor: text;\n            outline: none;\n            box-sizing: border-box;\n            transition: border-color 0.12s ease, box-shadow 0.12s ease;\n        }\n\n        /*\n         * Craft text focus: resting border stays; ring is box-shadow only\n         * (--pk-input-focus-shadow already includes the 1px edge). Same when the\n         * suggestion panel is open — still a text field, not a select trigger.\n         */\n        :host(:not([invalid]):not(:state(user-invalid))) .control:focus-within,\n        :host(:not([invalid]):not(:state(user-invalid))[data-state='focus-visible']) .control,\n        :host(:not([invalid]):not(:state(user-invalid))) .control[data-popup-open] {\n            box-shadow: var(--pk-input-focus-shadow);\n        }\n\n        .control.is-disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .control-start,\n        .control-end {\n            display: inline-flex;\n            align-items: center;\n            flex-shrink: 0;\n            line-height: 0;\n            color: var(--pk-color-gray-400);\n        }\n\n        slot[name='start']::slotted(svg),\n        slot[name='end']::slotted(svg) {\n            width: var(--pk-autocomplete-decoration-size);\n            height: var(--pk-autocomplete-decoration-size);\n        }\n\n        .autocomplete-input {\n            flex: 1 1 auto;\n            width: 100%;\n            min-width: 0;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            background: transparent;\n            color: inherit;\n            font: inherit;\n            line-height: var(--pk-input-control-line-height, 1.25rem);\n            outline: none;\n        }\n\n        .autocomplete-input::placeholder {\n            color: var(--pk-input-placeholder-color, var(--pk-color-gray-400));\n        }\n\n        /* Clear: flex trailing action — same contract as pk-input / Combobox clear. */\n        .clear-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            align-self: stretch;\n            box-sizing: border-box;\n            width: calc(var(--pk-autocomplete-decoration-size) + var(--pk-autocomplete-padding-inline));\n            height: auto;\n            min-height: var(--pk-autocomplete-decoration-size);\n            margin-block: calc(-1 * var(--pk-autocomplete-padding-block));\n            /* Match pk-copy-button[slot=end]: pull into padding but leave a 4px glyph inset. */\n            margin-inline-end: calc(-1 * var(--pk-autocomplete-padding-inline) + 4px);\n            margin-inline-start: 0;\n            padding: 0;\n            border: 0;\n            border-radius: 0;\n            background: transparent;\n            color: var(--pk-color-gray-600);\n            cursor: pointer;\n            outline: none;\n        }\n\n        .clear-button:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .clear-button-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 0;\n            pointer-events: none;\n        }\n\n        .clear-button-icon svg {\n            display: block;\n            width: 0.75rem;\n            height: 0.75rem;\n        }\n\n        .value-input {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        .panel ::slotted(pk-separator) {\n            margin: 4px 0;\n        }\n\n        .panel {\n            width: max-content;\n            min-width: var(--pk-autocomplete-anchor-width, 8rem);\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: var(--pk-color-white);\n            box-shadow: var(--pk-shadow-popup);\n            color: var(--pk-color-gray-700);\n            outline: none;\n        }\n\n        .panel-body {\n            max-height: 16rem;\n            overflow: auto;\n        }\n\n        .panel:not([data-open]):not(.closing) {\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        .panel[data-open]:not(.closing) {\n            opacity: 1;\n            pointer-events: auto;\n        }\n\n        .panel[hidden] {\n            display: none !important;\n        }\n\n        .empty,\n        .async-status {\n            display: flex;\n            align-items: center;\n            margin: 0;\n            min-height: var(--pk-select-item-min-height, var(--pk-input-height));\n            padding-block: var(--pk-select-item-padding-block);\n            padding-inline: var(--pk-select-item-padding-inline);\n            border: var(--pk-select-trigger-border-width, 1px) solid transparent;\n            box-sizing: border-box;\n            color: var(--pk-color-gray-500);\n            font-size: var(--pk-select-item-font-size);\n            line-height: var(--pk-select-item-line-height);\n        }\n\n        :host([invalid]) .control,\n        :host(:state(user-invalid)) .control {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        :host([invalid]) .control:focus-within,\n        :host([invalid][data-state='focus-visible']) .control,\n        :host(:state(user-invalid)) .control:focus-within,\n        :host(:state(user-invalid)[data-state='focus-visible']) .control {\n            box-shadow: var(--pk-input-invalid-focus-shadow);\n        }\n\n        :host([size='xs']) {\n            --pk-autocomplete-padding-block: 4px;\n            --pk-autocomplete-padding-inline: 6px;\n            --pk-autocomplete-control-gap: 4px;\n            --pk-autocomplete-decoration-size: 0.625rem;\n            --pk-autocomplete-font-size: 11px;\n            --pk-select-item-padding-block: 4px;\n            --pk-select-item-padding-inline: 8px;\n            --pk-select-item-padding-inline-end: 1.75rem;\n            --pk-select-item-font-size: 11px;\n            --pk-select-group-label-font-size: 11px;\n        }\n\n        :host([size='xs']) .clear-button-icon svg {\n            width: 0.625rem;\n            height: 0.625rem;\n        }\n\n        :host([size='sm']) {\n            --pk-autocomplete-padding-block: 4px;\n            --pk-autocomplete-padding-inline: 8px;\n            --pk-autocomplete-control-gap: 4px;\n            --pk-autocomplete-decoration-size: 0.6875rem;\n            --pk-autocomplete-font-size: 12px;\n            --pk-select-item-padding-block: 6px;\n            --pk-select-item-padding-inline: 10px;\n            --pk-select-item-padding-inline-end: 1.75rem;\n            --pk-select-item-font-size: 12px;\n            --pk-select-group-label-font-size: 12px;\n        }\n\n        :host([size='sm']) .clear-button-icon svg {\n            width: 0.6875rem;\n            height: 0.6875rem;\n        }\n\n        :host([size='lg']) {\n            --pk-autocomplete-padding-block: 8px;\n            --pk-autocomplete-padding-inline: 12px;\n            --pk-autocomplete-control-gap: 8px;\n            --pk-autocomplete-decoration-size: 0.875rem;\n            --pk-autocomplete-font-size: var(--pk-font-size-base);\n            --pk-select-item-padding-block: 8px;\n            --pk-select-item-padding-inline: 12px;\n            --pk-select-item-font-size: 14px;\n            --pk-select-group-label-font-size: 14px;\n        }\n\n        :host([size='xl']) {\n            --pk-autocomplete-padding-block: 10px;\n            --pk-autocomplete-padding-inline: 16px;\n            --pk-autocomplete-control-gap: 8px;\n            --pk-autocomplete-decoration-size: 1rem;\n            --pk-autocomplete-font-size: 16px;\n            --pk-select-item-padding-block: 10px;\n            --pk-select-item-padding-inline: 14px;\n            --pk-select-item-padding-inline-end: 2.25rem;\n            --pk-select-item-font-size: 14px;\n            --pk-select-group-label-font-size: 16px;\n        }\n\n        :host([size='xl']) .clear-button-icon svg {\n            width: 0.875rem;\n            height: 0.875rem;\n        }\n    }\n`,\n];\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport type { PropertyValues } from 'lit';\n\nimport { xmark, renderIconHtml } from '../../icons/index.js';\nimport { LiveRegion, uniqueId } from '../../a11y/focus.js';\nimport { isTopDismissible, registerDismissible, unregisterDismissible } from '../../a11y/dismissible-stack.js';\nimport { scrollIntoView } from '../../a11y/scroll-lock.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { PkClearEvent } from '../../events/pk-clear.js';\nimport {\n    PkAfterHideEvent,\n    PkAfterShowEvent,\n    PkHideEvent,\n    PkShowEvent,\n    type PkOverlaySource,\n} from '../../events/overlay-lifecycle.js';\nimport type { PkValidator } from '../../validators/types.js';\nimport { MirrorValidator } from '../../validators/mirror-validator.js';\n// Keep the internal element registered when production builds erase type-only imports.\nimport '../popup/pk-popup.js';\nimport type { PkPopup, PkPopupPlacement } from '../popup/pk-popup.js';\nimport {\n    handleListboxKeyDown,\n    isListboxTypeToSelectKey,\n    LISTBOX_NAVIGATION_KEYS,\n} from '../../utils/listbox-keyboard.js';\nimport {\n    syncPopupPlacementAnimation,\n    waitForPopupReposition,\n} from '../../utils/popup-placement-animation.js';\nimport { waitForPopupContentExitAnimation } from '../../utils/popup-content-exit.js';\nimport { isEventInsideOverlay, isPointerInsideOverlay } from '../../utils/popup-pointer.js';\nimport { syncFilteredOptions } from '../../internal/sync-filtered-options.js';\nimport {\n    AsyncOptionFetcher,\n    type PkAsyncOptionFetchHandler,\n    type PkAsyncOptionItem,\n} from '../../utils/async-option-fetch.js';\nimport { matchesOptionFilter, type PkOptionFilter } from '../../utils/option-filter.js';\nimport type { PkOption } from '../select/pk-option.js';\nimport type { PkOptionGroup } from '../select/pk-option-group.js';\n// Freeform field chrome matches pk-input — not Combobox’s select fill / chevron.\nimport { pkAutocompleteStyles } from './pk-autocomplete.styles.js';\n\nexport type PkAutocompleteSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\n\nexport type PkAutocompleteFilter = PkOptionFilter;\n\nexport type PkAutocompleteAsyncOption = PkAsyncOptionItem;\n\nexport type PkAutocompleteFetchHandler = PkAsyncOptionFetchHandler;\n\nconst XMARK_ICON = renderIconHtml(xmark);\n\n/**\n * Autocomplete — freeform text field with optional list suggestions.\n *\n * Unlike Combobox, the committed `value` *is* the input text. Choosing a\n * suggestion inserts that option’s value into the field; typing always wins.\n *\n * @slot start - Presentational decoration before the input (e.g. icons)\n * @slot end - Presentational decoration before the clear control\n * @slot - `pk-option` and `pk-option-group` items\n *\n * @csspart control - Input control wrapper\n * @csspart start - Host start decoration container\n * @csspart end - Host end decoration container\n * @csspart input - Autocomplete text input\n * @csspart clear-button - Clear value button\n * @csspart panel-body - Scrollable listbox region inside the popup panel\n * @csspart empty - Empty-state message\n * @csspart async-status - Async search status message\n *\n * @dependency pk-popup - Positioned suggestion panel host.\n */\n@customElement('pk-autocomplete')\nexport class PkAutocomplete extends PkFormAssociatedElement {\n    static override styles = pkAutocompleteStyles;\n\n    static override get validators(): PkValidator[] {\n        return [\n            ...super.validators,\n            MirrorValidator(),\n            {\n                observedAttributes: ['required'],\n                checkValidity: (element) => {\n                    const field = element as unknown as PkAutocomplete;\n                    const result = {\n                        message: 'Please fill out this field.',\n                        isValid: true,\n                        invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n                    };\n\n                    if (!field.required || field.value.trim()) {\n                        return result;\n                    }\n\n                    result.isValid = false;\n                    result.invalidKeys.push('valueMissing');\n                    return result;\n                },\n            },\n        ];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @property({ type: Boolean, reflect: true })\n    open = false;\n\n    @property({ reflect: true })\n    placement: PkPopupPlacement = 'bottom-start';\n\n    /** Gap between the control and listbox panel in px (default: 6). */\n    @property({ attribute: 'side-offset', type: Number })\n    sideOffset = 6;\n\n    @property({ type: Boolean, reflect: true })\n    clearable = false;\n\n    @property({ attribute: 'with-clear', type: Boolean })\n    withClear = false;\n\n    /** When true, the first matching option is highlighted on open or when filtering. */\n    @property({ attribute: 'auto-highlight', type: Boolean })\n    autoHighlight = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    @property({ reflect: true })\n    size: PkAutocompleteSize = 'default';\n\n    /** When `full`, the control stretches to the host width. */\n    @property({ reflect: true })\n    width?: 'full';\n\n    /** Empty by default — consumers opt in when a prompt is useful. */\n    @property()\n    placeholder = '';\n\n    @property({ attribute: 'empty-message' })\n    emptyMessage = 'No options found.';\n\n    /** Freeform field value — always mirrors the visible input text. */\n    @property()\n    value = '';\n\n    @property({ attribute: 'default-value' })\n    defaultValue = '';\n\n    @property()\n    label = '';\n\n    @property()\n    instructions = '';\n\n    @property({ attribute: 'aria-label' })\n    ariaLabel: string | null = null;\n\n    /**\n     * Whether arrow-key focus loops from the last option back to the first (and vice versa).\n     * Default: `true` (same as Combobox).\n     */\n    @property({ attribute: 'loop-focus', type: Boolean })\n    loopFocus = true;\n\n    /** Custom filter — `(option, query) => boolean`. Defaults to label/value substring match. */\n    @property({ attribute: false })\n    filter: PkAutocompleteFilter | null = null;\n\n    /**\n     * When true, options are loaded via `fetchOptions` as the user types instead of\n     * filtering static `pk-option` children.\n     */\n    @property({ type: Boolean, reflect: true })\n    async = false;\n\n    /** Message shown while async results are loading. */\n    @property({ attribute: 'loading-message' })\n    loadingMessage = 'Searching…';\n\n    /** Message shown before the user types in async mode. */\n    @property({ attribute: 'start-typing-message' })\n    startTypingMessage = 'Start typing to search…';\n\n    /** Remote search handler — `(query, signal) => Promise<options>`. */\n    @property({ attribute: false })\n    fetchOptions: PkAutocompleteFetchHandler | null = null;\n\n    private readonly hasSlotController = new HasSlotController(this, 'start', 'end');\n\n    private readonly listboxId = uniqueId('pk-autocomplete-listbox');\n    private readonly inputId = uniqueId('pk-autocomplete-input');\n\n    @query('pk-popup')\n    private popupElement!: PkPopup;\n\n    @query('.control')\n    private controlElement!: HTMLElement;\n\n    @query('.control-input')\n    private controlInput?: HTMLInputElement;\n\n    @query('.value-input')\n    override input!: HTMLInputElement;\n\n    private get panelElement(): HTMLDivElement | null {\n        return this.popupElement?.getContentElement() as HTMLDivElement | null ?? null;\n    }\n\n    private get panelBodyElement(): HTMLDivElement | undefined {\n        return this.panelElement?.querySelector('.panel-body') as HTMLDivElement | undefined;\n    }\n\n    private get listScrollContainer(): HTMLElement {\n        return this.panelBodyElement ?? this.panelElement ?? this;\n    }\n\n    private options: PkOption[] = [];\n\n    @state()\n    private highlightedIndex = -1;\n\n    @state()\n    private closing = false;\n\n    @state()\n    private panelAnimated = false;\n\n    private dismissRegistered = false;\n    private panelEventTarget: HTMLElement | null = null;\n    private optionsObserver?: MutationObserver;\n    private liveRegion?: LiveRegion;\n    private asyncFetcher: AsyncOptionFetcher | null = null;\n\n    @state()\n    private asyncLoading = false;\n\n    @state()\n    private asyncError: string | null = null;\n\n    override connectedCallback(): void {\n        this.instructions = this.getAttribute('hint') ?? this.instructions;\n        this.refreshOptions();\n        super.connectedCallback();\n        this.syncHasValueAttribute();\n        this.addEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.optionsObserver = new MutationObserver(() => {\n            this.handleOptionsMutation({ render: true });\n        });\n        this.optionsObserver.observe(this, { childList: true, subtree: true });\n    }\n\n    override disconnectedCallback(): void {\n        this.unbindPanelEvents();\n        this.removeEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.optionsObserver?.disconnect();\n        this.liveRegion?.destroy();\n        this.liveRegion = undefined;\n        this.asyncFetcher?.cancel();\n        void this.closePanel('api');\n        super.disconnectedCallback();\n    }\n\n    override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n\n        if (!this.value && this.defaultValue) {\n            this.value = this.defaultValue;\n        }\n\n        this.applyOptionState();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value')) {\n            this.syncHasValueAttribute();\n            this.applyOptionState();\n        }\n\n        super.updated(changed);\n    }\n\n    protected override get validationTarget(): HTMLElement | undefined {\n        return this.controlInput ?? this.controlElement;\n    }\n\n    protected override getAriaMirrorTarget(): HTMLElement | null {\n        return this.controlInput ?? this.controlElement ?? null;\n    }\n\n    protected override syncFormValue(): void {\n        if (!this.name) {\n            this.setFormValue(null);\n            return;\n        }\n\n        this.setFormValue(this.value);\n    }\n\n    private syncHasValueAttribute(): void {\n        this.toggleAttribute('data-has-value', Boolean(this.value));\n    }\n\n    private refreshOptions(): void {\n        this.options = [...this.querySelectorAll('pk-option')] as PkOption[];\n    }\n\n    private handleOptionsMutation(options: { render?: boolean } = {}): void {\n        this.refreshOptions();\n        this.applyOptionState();\n\n        if (options.render) {\n            this.requestUpdate();\n        }\n    }\n\n    private bindPanelEvents(): void {\n        const panel = this.panelElement;\n\n        if (!panel || this.panelEventTarget === panel) {\n            return;\n        }\n\n        this.unbindPanelEvents();\n        this.panelEventTarget = panel;\n        panel.addEventListener('pk-option-select', this.handleOptionSelect as EventListener);\n        panel.addEventListener('pk-option-highlight', this.handleOptionHighlight as EventListener);\n        panel.addEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n    }\n\n    private unbindPanelEvents(): void {\n        if (!this.panelEventTarget) {\n            return;\n        }\n\n        this.panelEventTarget.removeEventListener('pk-option-select', this.handleOptionSelect as EventListener);\n        this.panelEventTarget.removeEventListener('pk-option-highlight', this.handleOptionHighlight as EventListener);\n        this.panelEventTarget.removeEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.panelEventTarget = null;\n    }\n\n    private isOptionInHiddenGroup(option: PkOption): boolean {\n        const group = option.closest('pk-option-group') as PkOptionGroup | null;\n        return Boolean(group?.hidden);\n    }\n\n    private getFilterQuery(): string {\n        if (!this.open) {\n            return '';\n        }\n\n        return this.value.trim().toLowerCase();\n    }\n\n    private get usesAsyncSearch(): boolean {\n        return this.async && Boolean(this.fetchOptions);\n    }\n\n    private getVisibleOptions(): PkOption[] {\n        if (this.usesAsyncSearch) {\n            return this.options.filter((option) => !this.isOptionInHiddenGroup(option));\n        }\n\n        const filter = this.getFilterQuery();\n\n        return this.options.filter((option) => {\n            if (this.isOptionInHiddenGroup(option)) {\n                return false;\n            }\n\n            if (!filter) {\n                return true;\n            }\n\n            return matchesOptionFilter(option, filter, this.filter);\n        });\n    }\n\n    private getEnabledVisibleOptions(): PkOption[] {\n        return this.getVisibleOptions().filter((option) => !option.disabled);\n    }\n\n    private clearAsyncOptionNodes(): void {\n        this.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator')\n            .forEach((node) => node.remove());\n    }\n\n    private renderAsyncOptionNodes(items: PkAutocompleteAsyncOption[]): void {\n        this.clearAsyncOptionNodes();\n\n        for (const item of items) {\n            const option = document.createElement('pk-option');\n            option.value = item.value;\n            option.textContent = item.label;\n            this.append(option);\n        }\n\n        this.handleOptionsMutation({ render: true });\n    }\n\n    private scheduleAsyncFetch(query: string): void {\n        this.ensureAsyncFetcher().schedule(query);\n    }\n\n    private ensureAsyncFetcher(): AsyncOptionFetcher {\n        if (!this.asyncFetcher) {\n            this.asyncFetcher = new AsyncOptionFetcher(\n                () => this.fetchOptions,\n                {\n                    errorLabel: 'autocomplete options',\n                    onLoading: () => {\n                        this.asyncLoading = true;\n                        this.asyncError = null;\n                        // Drop previous results so loading never stacks under a stale list.\n                        this.renderAsyncOptionNodes([]);\n                    },\n                    onResults: (results) => {\n                        this.renderAsyncOptionNodes(results);\n                    },\n                    onError: (message) => {\n                        this.asyncError = message;\n                    },\n                    onSettled: () => {\n                        this.asyncLoading = false;\n                    },\n                    onEmptyQuery: () => {\n                        this.asyncLoading = false;\n                        this.asyncError = null;\n                        this.renderAsyncOptionNodes([]);\n                    },\n                },\n            );\n        }\n\n        return this.asyncFetcher;\n    }\n\n    private getAsyncStatusMessage(): string | null {\n        if (!this.usesAsyncSearch || !this.open) {\n            return null;\n        }\n\n        if (this.asyncLoading) {\n            return this.loadingMessage;\n        }\n\n        if (this.asyncError) {\n            return this.asyncError;\n        }\n\n        const query = this.value.trim();\n\n        if (!query) {\n            return this.startTypingMessage;\n        }\n\n        if (this.getEnabledVisibleOptions().length === 0) {\n            return `No matches for \"${query}\".`;\n        }\n\n        return null;\n    }\n\n    private applyOptionState(): void {\n        const visible = this.getVisibleOptions();\n        const filterQuery = this.open ? this.getFilterQuery() : '';\n\n        // Freeform: never mark options as the “selected” form value — the text is.\n        syncFilteredOptions({\n            host: this,\n            options: this.options,\n            visible,\n            listboxId: this.listboxId,\n            filterQuery,\n            isSelected: () => false,\n        });\n\n        this.syncValueInput();\n\n        if (this.open) {\n            this.syncHighlight();\n            this.announceFilterResults();\n        }\n    }\n\n    private syncValueInput(): void {\n        if (!this.input) {\n            return;\n        }\n\n        this.input.value = this.value;\n        this.input.required = this.required;\n    }\n\n    private resetHighlightedIndexOnOpen(): void {\n        this.highlightedIndex = this.autoHighlight ? 0 : -1;\n    }\n\n    private syncHighlight(): void {\n        const enabled = this.getEnabledVisibleOptions();\n\n        for (const option of this.options) {\n            option.highlighted = false;\n            option.focusIndex = -1;\n        }\n\n        if (enabled.length === 0 || this.highlightedIndex < 0) {\n            return;\n        }\n\n        if (this.highlightedIndex >= enabled.length) {\n            this.highlightedIndex = enabled.length - 1;\n        }\n\n        const highlighted = enabled[this.highlightedIndex];\n\n        if (highlighted) {\n            highlighted.highlighted = true;\n            // Keep focus on the text field; use aria-activedescendant for the option.\n            highlighted.focusIndex = -1;\n            scrollIntoView(highlighted, this.listScrollContainer, 'vertical', 'auto');\n            this.controlInput?.focus({ preventScroll: true });\n        }\n    }\n\n    private getActiveDescendantId(): string | null {\n        const highlighted = this.getEnabledVisibleOptions()[this.highlightedIndex];\n        return highlighted?.optionId || null;\n    }\n\n    private announceFilterResults(): void {\n        if (!this.liveRegion) {\n            this.liveRegion = new LiveRegion('polite');\n        }\n\n        const count = this.getEnabledVisibleOptions().length;\n        const filter = this.getFilterQuery();\n\n        if (!filter) {\n            return;\n        }\n\n        this.liveRegion.announce(\n            count === 0\n                ? `${this.emptyMessage}`\n                : `${count} ${count === 1 ? 'result' : 'results'} available`,\n        );\n    }\n\n    private openPanel(): Promise<void> {\n        const anchor = this.controlElement;\n\n        if (!anchor) {\n            return Promise.resolve();\n        }\n\n        if (this.open) {\n            this.controlInput?.focus({ preventScroll: true });\n            return Promise.resolve();\n        }\n\n        if (this.closing) {\n            return Promise.resolve();\n        }\n\n        this.dispatchEvent(new PkShowEvent());\n        this.closing = false;\n        this.panelAnimated = false;\n        this.open = true;\n        this.applyOptionState();\n        this.resetHighlightedIndexOnOpen();\n\n        if (this.usesAsyncSearch) {\n            this.asyncError = null;\n            // Freeform async: value is the query. Clear stale nodes and show loading\n            // immediately when reopening with text so “Searching…” never sits under\n            // the previous result list during debounce.\n            this.renderAsyncOptionNodes([]);\n            const query = this.value.trim();\n            this.asyncLoading = Boolean(query);\n            this.scheduleAsyncFetch(query);\n        }\n\n        this.style.setProperty('--pk-autocomplete-anchor-width', `${anchor.getBoundingClientRect().width}px`);\n        this.popupElement.active = true;\n\n        if (this.panelElement) {\n            this.panelElement.hidden = false;\n            syncPopupPlacementAnimation(this.panelElement, this.placement);\n        }\n\n        this.registerDismissHandlers();\n        this.syncHighlight();\n        this.controlInput?.focus({ preventScroll: true });\n\n        return this.updateComplete.then(async () => {\n            const placement = await waitForPopupReposition(this.popupElement, this.placement, 300, {\n                requireEvent: true,\n            });\n\n            if (this.panelElement) {\n                syncPopupPlacementAnimation(this.panelElement, placement);\n            }\n\n            this.panelAnimated = true;\n            this.bindPanelEvents();\n            this.refreshOptions();\n            this.controlInput?.focus({ preventScroll: true });\n\n            this.dispatchEvent(new PkAfterShowEvent());\n            this.dispatchEvent(new CustomEvent('pk-open-change', {\n                detail: { open: true },\n                bubbles: true,\n                composed: true,\n            }));\n        });\n    }\n\n    private async closePanel(source: PkOverlaySource = 'unknown'): Promise<void> {\n        if (!this.open || this.closing) {\n            return;\n        }\n\n        const hideEvent = new PkHideEvent(source);\n\n        if (!this.dispatchEvent(hideEvent)) {\n            return;\n        }\n\n        this.unbindPanelEvents();\n        this.closing = true;\n        this.panelAnimated = false;\n        await waitForPopupContentExitAnimation(this.panelElement);\n\n        this.open = false;\n        this.closing = false;\n        this.panelAnimated = false;\n\n        if (this.panelElement) {\n            this.panelElement.hidden = true;\n            this.panelElement.removeAttribute('data-side');\n        }\n\n        this.popupElement.active = false;\n        this.unregisterDismissHandlers();\n        this.applyOptionState();\n\n        if (this.usesAsyncSearch) {\n            this.asyncFetcher?.cancel();\n            this.asyncLoading = false;\n            this.asyncError = null;\n            this.renderAsyncOptionNodes([]);\n        }\n\n        if (source !== 'light-dismiss' && source !== 'pointer-dismiss') {\n            this.controlInput?.focus({ preventScroll: true });\n        } else {\n            this.controlInput?.blur();\n        }\n\n        this.dispatchEvent(new PkAfterHideEvent());\n        this.dispatchEvent(new CustomEvent('pk-open-change', {\n            detail: { open: false },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private registerDismissHandlers(): void {\n        registerDismissible(this);\n        this.dismissRegistered = true;\n        document.addEventListener('pointerdown', this.onDocumentPointerDown, true);\n        document.addEventListener('keydown', this.onDocumentKeyDown, true);\n    }\n\n    private unregisterDismissHandlers(): void {\n        if (this.dismissRegistered) {\n            unregisterDismissible(this);\n            this.dismissRegistered = false;\n        }\n\n        document.removeEventListener('pointerdown', this.onDocumentPointerDown, true);\n        document.removeEventListener('keydown', this.onDocumentKeyDown, true);\n    }\n\n    private onDocumentPointerDown = (event: PointerEvent): void => {\n        if (isPointerInsideOverlay(event, {\n            anchor: this.controlElement,\n            panel: this.panelElement,\n        })) {\n            return;\n        }\n\n        void this.closePanel('light-dismiss');\n    };\n\n    private onDocumentKeyDown = (event: KeyboardEvent): void => {\n        if (!this.open) {\n            return;\n        }\n\n        if (event.key === 'Escape') {\n            if (!isTopDismissible(this)) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            void this.closePanel('escape');\n            return;\n        }\n\n        const isListboxKey = LISTBOX_NAVIGATION_KEYS.has(event.key) || isListboxTypeToSelectKey(event);\n\n        if (!isListboxKey) {\n            return;\n        }\n\n        const panel = this.panelElement;\n        const path = event.composedPath();\n        const focusInPortaledPanel = Boolean(panel && path.includes(panel));\n\n        if (!focusInPortaledPanel) {\n            return;\n        }\n\n        if (!isEventInsideOverlay(event, {\n            anchor: this.controlElement,\n            panel,\n        })) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.onListboxKeyDown(event);\n    };\n\n    private handleOptionSelect = (event: CustomEvent<{ value: string }>): void => {\n        const { value } = event.detail;\n        this.commitValue(value, { close: true });\n    };\n\n    private handleOptionHighlight = (event: CustomEvent<{ value: string }>): void => {\n        if (!this.open) {\n            return;\n        }\n\n        const enabled = this.getEnabledVisibleOptions();\n        const index = enabled.findIndex((option) => option.value === event.detail.value);\n\n        if (index === -1 || index === this.highlightedIndex) {\n            return;\n        }\n\n        this.highlightedIndex = index;\n        this.syncHighlight();\n    };\n\n    private commitValue(next: string, { close = false, emit = true } = {}): void {\n        const changed = this.value !== next;\n        this.value = next;\n        this.syncHasValueAttribute();\n        this.applyOptionState();\n\n        if (close) {\n            void this.closePanel('api');\n        }\n\n        if (changed && emit) {\n            this.emitValueChange();\n        }\n    }\n\n    private handleClear(event: Event): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.commitValue('');\n        this.dispatchEvent(new PkClearEvent());\n        this.controlInput?.focus();\n    }\n\n    private emitValueChange(): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value: this.value },\n            bubbles: true,\n            composed: true,\n        }));\n\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private handleInput(event: Event): void {\n        const next = (event.target as HTMLInputElement).value;\n        this.value = next;\n        this.syncHasValueAttribute();\n        this.highlightedIndex = this.autoHighlight ? 0 : -1;\n        this.applyOptionState();\n        this.emitValueChange();\n\n        if (this.usesAsyncSearch) {\n            this.asyncError = null;\n            this.scheduleAsyncFetch(next.trim());\n        }\n\n        if (!this.open) {\n            void this.openPanel();\n        }\n    }\n\n    private handleControlMouseDown = (event: MouseEvent): void => {\n        if (this.disabled) {\n            return;\n        }\n\n        const path = event.composedPath();\n        const isInteractiveChild = path.some((node) => {\n            if (!(node instanceof HTMLElement)) {\n                return false;\n            }\n\n            return node.classList.contains('clear-button');\n        });\n\n        if (isInteractiveChild) {\n            return;\n        }\n\n        const isInput = event.target === this.controlInput;\n\n        if (!this.open && !this.closing) {\n            if (!isInput) {\n                event.preventDefault();\n            }\n\n            this.controlInput?.focus({ preventScroll: true });\n            void this.openPanel();\n            return;\n        }\n\n        if (!isInput) {\n            event.preventDefault();\n            this.controlInput?.focus({ preventScroll: true });\n        }\n    };\n\n    private handleInputKeyDown(event: KeyboardEvent): void {\n        if (event.key === 'Escape' && this.open) {\n            event.preventDefault();\n            void this.closePanel('escape');\n            return;\n        }\n\n        if (event.key === 'ArrowDown' && !this.open) {\n            event.preventDefault();\n            void this.openPanel();\n            return;\n        }\n\n        if (!this.open) {\n            return;\n        }\n\n        if (event.key === 'Enter') {\n            const enabled = this.getEnabledVisibleOptions();\n\n            if (this.highlightedIndex >= 0 && enabled[this.highlightedIndex]) {\n                event.preventDefault();\n                this.commitValue(enabled[this.highlightedIndex]!.value, { close: true });\n            } else {\n                void this.closePanel('api');\n            }\n\n            return;\n        }\n\n        if (LISTBOX_NAVIGATION_KEYS.has(event.key) && event.key !== 'Enter' && event.key !== 'Escape') {\n            this.onListboxKeyDown(event);\n        }\n    }\n\n    private onListboxKeyDown(event: KeyboardEvent): void {\n        const enabled = this.getEnabledVisibleOptions() as unknown as HTMLElement[];\n\n        this.highlightedIndex = handleListboxKeyDown(event, {\n            items: enabled,\n            currentIndex: this.highlightedIndex,\n            loop: this.loopFocus,\n            onSelect: (index) => {\n                const option = this.getEnabledVisibleOptions()[index];\n\n                if (option) {\n                    this.commitValue(option.value, { close: true });\n                }\n            },\n            onClose: () => {\n                void this.closePanel('escape');\n            },\n            focusItem: (index) => {\n                this.highlightedIndex = index;\n                this.syncHighlight();\n            },\n        });\n    }\n\n    private handleListboxKeyDownEvent = (event: CustomEvent<{ keyboardEvent: KeyboardEvent }>): void => {\n        this.onListboxKeyDown(event.detail.keyboardEvent);\n    };\n\n    async hide(source: PkOverlaySource = 'api'): Promise<void> {\n        await this.closePanel(source);\n    }\n\n    private renderHostDecorationSlot(name: 'start' | 'end') {\n        if (!this.hasSlotController.test(name)) {\n            return nothing;\n        }\n\n        return html`<slot name=${name} part=${name} class=${name === 'start' ? 'control-start' : 'control-end'}></slot>`;\n    }\n\n    override render() {\n        const visibleOptions = this.getEnabledVisibleOptions();\n        // Async empty / loading / errors use `async-status` only — do not also paint\n        // `emptyMessage` or the panel shows two notices for the same empty result.\n        const showEmpty = this.open && !this.usesAsyncSearch && visibleOptions.length === 0;\n        const asyncStatus = this.getAsyncStatusMessage();\n        const showClear = (this.clearable || this.withClear) && Boolean(this.value) && !this.disabled;\n        const activeDescendant = this.open ? this.getActiveDescendantId() : null;\n\n        return html`\n            <input\n                class=\"value-input\"\n                part=\"value-input\"\n                tabindex=\"-1\"\n                aria-hidden=\"true\"\n                .value=${this.value}\n                ?required=${this.required}\n                @input=${() => this.updateValidity()}\n            />\n            <div\n                part=\"control\"\n                class=${classMap({\n                    control: true,\n                    'is-disabled': this.disabled,\n                })}\n                data-popup-open=${this.open || this.closing ? '' : nothing}\n                @mousedown=${this.handleControlMouseDown}\n            >\n                ${this.renderHostDecorationSlot('start')}\n                <input\n                    part=\"input\"\n                    class=\"autocomplete-input control-input\"\n                    type=\"text\"\n                    role=\"combobox\"\n                    id=${this.inputId}\n                    .value=${this.value}\n                    placeholder=${this.placeholder || nothing}\n                    ?disabled=${this.disabled}\n                    aria-label=${this.ariaLabel ?? nothing}\n                    aria-expanded=${this.open ? 'true' : 'false'}\n                    aria-controls=${this.listboxId}\n                    aria-autocomplete=\"both\"\n                    aria-activedescendant=${activeDescendant ?? nothing}\n                    @input=${this.handleInput}\n                    @keydown=${this.handleInputKeyDown}\n                />\n                ${this.renderHostDecorationSlot('end')}\n                ${showClear\n                    ? html`\n                        <button\n                            type=\"button\"\n                            class=\"clear-button\"\n                            part=\"clear-button\"\n                            aria-label=\"Clear\"\n                            ?disabled=${this.disabled}\n                            @click=${this.handleClear}\n                        >\n                            <span class=\"clear-button-icon\" aria-hidden=\"true\">${unsafeSVG(XMARK_ICON)}</span>\n                        </button>\n                    `\n                    : nothing}\n            </div>\n            <pk-popup\n                .active=${this.open || this.closing}\n                .anchor=${this.controlElement ?? ''}\n                .placement=${this.placement}\n                .distance=${this.sideOffset}\n                .sync=${'width'}\n                flip\n                shift\n            >\n                <div\n                    part=\"panel\"\n                    class=${classMap({\n                        panel: true,\n                        'pk-popup-content': true,\n                        closing: this.closing,\n                    })}\n                    tabindex=\"-1\"\n                    ?hidden=${!this.open && !this.closing}\n                    data-open=${this.panelAnimated && !this.closing ? '' : nothing}\n                >\n                    <div\n                        part=\"panel-body\"\n                        class=\"panel-body\"\n                        id=${this.listboxId}\n                        role=\"listbox\"\n                        aria-busy=${this.usesAsyncSearch && this.asyncLoading ? 'true' : nothing}\n                    >\n                        <slot></slot>\n                        ${asyncStatus\n                            ? html`\n                                <div part=\"async-status\" class=\"async-status\" role=\"status\">${asyncStatus}</div>\n                            `\n                            : nothing}\n                        ${showEmpty\n                            ? html`\n                                <div part=\"empty\" class=\"empty\">${this.emptyMessage}</div>\n                            `\n                            : nothing}\n                    </div>\n                </div>\n            </pk-popup>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-autocomplete': PkAutocomplete;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-button-BrH4u4Qr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-BrH4u4Qr.js","names":[],"sources":["../../src/components/button/pk-button.styles.ts","../../src/components/button/pk-button.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { hostDisplayInlineBlock } from '../../base/styles.js';\nimport { iconStyles } from '../../base/icon.styles.js';\nimport {\n    buttonGroupBorderJoinStyles,\n    buttonGroupCornerRadiusStyles,\n    buttonGroupCornerRoleStyles,\n    buttonGroupIndentStyles,\n} from '../button-group/button-group-item.styles.js';\n\nexport const pkButtonStyles = [\n    hostDisplayInlineBlock,\n    iconStyles,\n    buttonGroupCornerRoleStyles(),\n    buttonGroupCornerRadiusStyles('.button'),\n    buttonGroupIndentStyles(),\n    buttonGroupBorderJoinStyles('.button'),\n    css`\n        @layer pk-component {\n            :host {\n                font-family: var(--pk-font-family);\n                cursor: pointer;\n                --pk-btn-height: var(--pk-btn-height-default);\n                --pk-btn-font: var(--pk-btn-font-default);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-default);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-default);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-default);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-default);\n                --pk-btn-radius: var(--pk-btn-radius-default);\n                /*\n                 * Slotted labels inherit from the host — pin the size-token font\n                 * (and button line-height) so Craft CP / Tailwind hosts match.\n                 */\n                font-size: var(--pk-btn-font);\n                line-height: 1.2;\n            }\n\n            :host([disabled]) {\n                cursor: not-allowed;\n                pointer-events: none;\n            }\n\n            :host([loading]):not([disabled]) {\n                pointer-events: none;\n            }\n\n            .button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: var(--pk-btn-icon-gap);\n                box-sizing: border-box;\n                width: auto;\n                margin: 0;\n                /* Every button carries a 1px border (transparent for fill/plain variants) so the box\n                 * model is identical across variants and states. Prevents width shift when swapping a\n                 * button between filled and outline/dashed, or toggling states. Matches Bootstrap\n                 * (transparent baseline) and  (border always present, only color changes).\n                 */\n                border: 1px solid transparent;\n                border-radius: var(--pk-btn-radius);\n                font: inherit;\n                font-size: var(--pk-btn-font);\n                font-weight: 400;\n                line-height: 1.2;\n                text-decoration: none;\n                white-space: nowrap;\n                /* Inherit host cursor so className/style (e.g. cursor-move) pierce shadow. */\n                cursor: inherit;\n                user-select: none;\n                vertical-align: middle;\n                appearance: none;\n                background: var(--pk-btn-fill, var(--pk-action-fill));\n                color: var(--pk-btn-on, var(--pk-action-on));\n                height: var(--pk-btn-height);\n                min-height: var(--pk-btn-height);\n                /* Block padding defaults to 0 (height tokens center content). Override for nav rows. */\n                padding-block: var(--pk-btn-padding-block, 0);\n                padding-inline: var(--pk-btn-padding-inline);\n                transition: background-color 0.12s ease, box-shadow 0.12s ease, color 0.12s ease;\n            }\n\n            .button:disabled {\n                opacity: 0.5;\n            }\n\n            .icon-slot {\n                display: none;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                line-height: 0;\n            }\n\n            .icon-slot--has-content {\n                display: inline-flex;\n            }\n\n            /* Fixed token sizes for all icons (labeled or icon-only) — matches plugin-kit-react Button. */\n            .icon-slot slot::slotted(svg),\n            slot[name='start']::slotted(svg),\n            slot[name='end']::slotted(svg) {\n                display: block;\n                width: var(--pk-btn-icon-size);\n                height: var(--pk-btn-icon-size);\n                flex-shrink: 0;\n                pointer-events: none;\n            }\n\n            .icon-slot slot::slotted(img),\n            slot[name='start']::slotted(img),\n            slot[name='end']::slotted(img) {\n                display: block;\n                width: var(--pk-btn-icon-size);\n                height: var(--pk-btn-icon-size);\n                object-fit: contain;\n                flex-shrink: 0;\n                pointer-events: none;\n            }\n\n            /* pk-icon sizes itself from font-size (1em), so scale it to the\n             * icon token. This keeps the idiomatic slotted pk-icon usage in\n             * sync with raw slotted svg. Set width/height explicitly — %/size-full\n             * collapses when the icon-slot has no definite box.\n             */\n            .icon-slot slot::slotted(pk-icon),\n            slot[name='start']::slotted(pk-icon),\n            slot[name='end']::slotted(pk-icon) {\n                font-size: var(--pk-btn-icon-size);\n                width: var(--pk-btn-icon-size);\n                height: var(--pk-btn-icon-size);\n                /* Kill pk-icon's text-baseline nudge (-0.125em) — flex slots center optically. */\n                vertical-align: 0;\n                flex-shrink: 0;\n                pointer-events: none;\n            }\n\n            .label {\n                display: inline-flex;\n                align-items: center;\n                min-width: 0;\n                line-height: 1.2;\n            }\n\n            /* Trailing slot (status): grow + clip the label so end sits at the far edge\n             * and long titles truncate instead of colliding with the indicator.\n             */\n            .button:has(.icon-slot--end.icon-slot--has-content) .label:not(.is-empty) {\n                flex: 1 1 auto;\n                overflow: hidden;\n            }\n\n            .label.is-empty {\n                display: none;\n            }\n\n            /* Icon-only (no label): square hit box = size height. Button owns the target;\n             * glyph size comes from --pk-btn-icon-size. Do not Tailwind-size the Icon.\n             * Opt out with icon (compact), size=none, or group-trigger (narrow disclosure cap).\n             */\n            :host(:not([icon]):not([size='none']):not([group-trigger])) .button:not(.has-label) {\n                width: var(--pk-btn-height);\n                min-width: var(--pk-btn-height);\n                padding-inline: 0;\n            }\n\n            /* Compact density (icon attr): padless box that hugs the glyph.\n             * size still drives --pk-btn-icon-size; height/width tiers do not apply.\n             * Use for dense x / ellipsis in cells — not for table action rows (prefer square above).\n             * line-height: 0 collapses whitespace flex-struts so the glyph sits dead-center.\n             */\n            :host([icon]) {\n                display: inline-flex;\n                line-height: 0;\n                vertical-align: middle;\n            }\n\n            :host([icon]) .button {\n                display: flex;\n                width: auto;\n                min-width: 0;\n                height: auto;\n                min-height: 0;\n                padding-inline: 0.25rem;\n                padding-block: 0;\n                line-height: 0;\n                align-items: center;\n                justify-content: center;\n            }\n\n            /* Keep label space while loading even before slotchange runs. */\n            .button.loading .label.is-empty {\n                display: inline-flex;\n                visibility: hidden;\n            }\n\n            /* Sizes — token-driven scale (see tokens.css) */\n            :host([size='xxs']) {\n                --pk-btn-height: var(--pk-btn-height-xxs);\n                --pk-btn-font: var(--pk-btn-font-xxs);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-xxs);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-xxs);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-xxs);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-xxs);\n                --pk-btn-radius: var(--pk-btn-radius-xxs);\n            }\n\n            :host([size='xs']) {\n                --pk-btn-height: var(--pk-btn-height-xs);\n                --pk-btn-font: var(--pk-btn-font-xs);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-xs);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-xs);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-xs);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-xs);\n                --pk-btn-radius: var(--pk-btn-radius-xs);\n            }\n\n            :host([size='sm']) {\n                --pk-btn-height: var(--pk-btn-height-sm);\n                --pk-btn-font: var(--pk-btn-font-sm);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-sm);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-sm);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-sm);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-sm);\n                --pk-btn-radius: var(--pk-btn-radius-sm);\n            }\n\n            :host([size='default']) {\n                --pk-btn-height: var(--pk-btn-height-default);\n                --pk-btn-font: var(--pk-btn-font-default);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-default);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-default);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-default);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-default);\n                --pk-btn-radius: var(--pk-btn-radius-default);\n            }\n\n            :host([size='lg']) {\n                --pk-btn-height: var(--pk-btn-height-lg);\n                --pk-btn-font: var(--pk-btn-font-lg);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-lg);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-lg);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-lg);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-lg);\n                --pk-btn-radius: var(--pk-btn-radius-lg);\n            }\n\n            :host([size='xl']) {\n                --pk-btn-height: var(--pk-btn-height-xl);\n                --pk-btn-font: var(--pk-btn-font-xl);\n                --pk-btn-padding-inline: var(--pk-btn-padding-inline-xl);\n                --pk-btn-icon-size: var(--pk-btn-icon-size-xl);\n                --pk-btn-icon-gap: var(--pk-btn-icon-gap-xl);\n                --pk-btn-caret-size: var(--pk-btn-caret-size-xl);\n                --pk-btn-radius: var(--pk-btn-radius-xl);\n            }\n\n            /* No preset scale — size to content or set --pk-btn-* on the host for one-off dimensions\n             * (height, padding, font, icon, radius) without fighting a named size tier.\n             * Pair with icon for a padless glyph host, or set --pk-btn-padding-inline / --pk-btn-height yourself.\n             */\n            :host([size='none']) {\n                --pk-btn-height: auto;\n                --pk-btn-font: inherit;\n                --pk-btn-padding-inline: 0px;\n                --pk-btn-padding-block: 0px;\n                --pk-btn-icon-size: 1em;\n                --pk-btn-icon-gap: 0px;\n                --pk-btn-caret-size: 1em;\n                --pk-btn-radius: 0px;\n            }\n\n            :host([size='none']) .button {\n                height: auto;\n                min-height: auto;\n                width: 100%;\n            }\n\n            /* Variants */\n            :host([variant='default']) {\n                --pk-btn-fill: var(--pk-action-fill);\n                --pk-btn-fill-hover: var(--pk-action-fill-hover);\n                --pk-btn-fill-active: var(--pk-action-fill-active);\n                --pk-btn-on: var(--pk-action-on);\n            }\n\n            :host([variant='primary']) {\n                --pk-btn-fill: var(--pk-action-primary-fill);\n                --pk-btn-fill-hover: var(--pk-action-primary-fill-hover);\n                --pk-btn-fill-active: var(--pk-action-primary-fill-active);\n                --pk-btn-on: var(--pk-action-primary-on);\n            }\n\n            :host([variant='primary']) .button,\n            :host([variant='secondary']) .button {\n                -moz-osx-font-smoothing: grayscale;\n                -webkit-font-smoothing: antialiased;\n            }\n\n            :host([variant='secondary']) {\n                --pk-btn-fill: var(--pk-color-gray-500);\n                --pk-btn-fill-hover: var(--pk-color-gray-550);\n                --pk-btn-fill-active: var(--pk-color-gray-600);\n                --pk-btn-on: var(--pk-color-white);\n            }\n\n            :host([variant='outline']) .button {\n                background: transparent;\n                border-color: var(--pk-color-slate-400);\n                color: var(--pk-color-gray-700);\n            }\n\n            :host([variant='transparent']) .button {\n                background: transparent;\n                color: var(--pk-color-gray-700);\n            }\n\n            /* link/none opt out of the shared transparent 1px border: they never render a border, so\n             * carrying one only pads the box by 2px inline (and 2px block at size='none', where height\n             * is auto). These are the \"inline text\" / \"no chrome\" variants — content-sized is the point,\n             * and neither participates in button-group border joins. Other variants keep the stable box.\n             */\n            /*\n             * Craft CP sets --link-color on :root (inherits into shadow). Prefer that,\n             * then kit --pk-color-link — not sky-700 (reads as a different “CP blue”).\n             * Color on :host so consumer utilities (e.g. text-[var(--link-color)]) can override.\n             * Height must be content-sized — default --pk-btn-height (34px) bloated table rows.\n             */\n            :host([variant='link']) {\n                color: var(--link-color, var(--pk-color-link));\n                --pk-btn-height: auto;\n                --pk-btn-padding-inline: 0;\n                --pk-btn-padding-block: 0;\n            }\n\n            :host([variant='link']) .button {\n                background: transparent;\n                border-width: 0;\n                border-radius: 0;\n                color: inherit;\n                width: auto;\n                height: auto;\n                min-height: 0;\n                padding: 0;\n                text-underline-offset: 2px;\n            }\n\n            :host([variant='dashed']) .button {\n                background: transparent;\n                border-style: dashed;\n                border-color: var(--pk-color-slate-500);\n                color: var(--pk-color-gray-700);\n            }\n\n            :host([variant='none']) .button {\n                border-width: 0;\n                border-radius: 0;\n                background: transparent;\n                color: inherit;\n            }\n\n            /* Interaction — pseudo-classes only; playground matrices use dev/pk-button-demo-states.css */\n            .button:hover:not(:disabled) {\n                background: var(--pk-btn-fill-hover, var(--pk-btn-fill));\n            }\n\n            :host([variant='outline']) .button:hover:not(:disabled),\n            :host([variant='transparent']) .button:hover:not(:disabled),\n            :host([variant='dashed']) .button:hover:not(:disabled) {\n                background: var(--pk-color-slate-150);\n            }\n\n            :host([variant='link']) .button:hover:not(:disabled) {\n                background: transparent;\n                text-decoration: underline;\n            }\n\n            :host([variant='none']) .button:hover:not(:disabled) {\n                background: transparent;\n            }\n\n            .button:active:not(:disabled) {\n                background: var(--pk-btn-fill-active, var(--pk-btn-fill-hover, var(--pk-btn-fill)));\n            }\n\n            :host([variant='outline']) .button:active:not(:disabled),\n            :host([variant='transparent']) .button:active:not(:disabled),\n            :host([variant='dashed']) .button:active:not(:disabled) {\n                background: var(--pk-color-slate-200);\n            }\n\n            :host([variant='link']) .button:active:not(:disabled),\n            :host([variant='none']) .button:active:not(:disabled) {\n                background: transparent;\n            }\n\n            .button:focus {\n                outline: none;\n            }\n\n            .button:focus-visible {\n                box-shadow: var(--pk-shadow-focus);\n            }\n\n            /* Bordered variants: fold the button's own border into the focus ring by recoloring it to\n             * the accent (and solidifying dashed) so focus reads as one cohesive ring instead of a\n             * doubled border. The ring is thinned to 1px here because the recolored 1px border already\n             * supplies the other half — total 2px, matching the filled variants' ring weight.\n             */\n            :host([variant='outline']) .button:focus-visible,\n            :host([variant='dashed']) .button:focus-visible {\n                border-color: var(--pk-color-sky-600);\n                box-shadow: 0 0 0 1px var(--pk-color-sky-600), 0 0 5px 1px hsl(from var(--pk-color-sky-600) h s l / 0.7);\n            }\n\n            :host([variant='dashed']) .button:focus-visible {\n                border-style: solid;\n            }\n\n            :host(.pk-dialog__close) .button:focus-visible {\n                box-shadow: 0 0 0 2px var(--pk-color-gray-600);\n            }\n\n            :host-context(pk-button-group) {\n                position: relative;\n            }\n\n            :host-context(pk-button-group[orientation='vertical']) {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                box-sizing: border-box;\n            }\n\n            :host-context(pk-button-group[orientation='vertical']) .button {\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            :host-context(pk-button-group:focus-visible) {\n                z-index: 2;\n            }\n\n            /* Bordered variants — matching border divider (filled uses margin gap via buttonGroupIndentStyles) */\n\n            :host([variant='primary']) .button:focus-visible,\n            :host([variant='secondary']) .button:focus-visible {\n                box-shadow: var(--pk-shadow-focus-inset);\n            }\n\n            :host-context(pk-button-group[exclusive]):host([aria-pressed='true']) .button {\n                background: var(--pk-color-gray-500);\n                color: var(--pk-color-white);\n            }\n\n            :host-context(pk-button-group[exclusive]):host([aria-pressed='true']) .button:hover:not(:disabled) {\n                background: var(--pk-color-gray-550);\n            }\n\n            :host-context(pk-button-group[exclusive]):host([aria-pressed='true']) .button:active:not(:disabled) {\n                background: var(--pk-color-gray-600);\n            }\n\n            :host-context(pk-button-group[exclusive]):host([aria-pressed='true']) .button:focus-visible {\n                box-shadow: var(--pk-shadow-focus);\n            }\n\n            :host([variant='link']) .button:focus-visible {\n                box-shadow: none;\n                text-decoration: underline;\n            }\n\n            .button.loading {\n                position: relative;\n                cursor: default;\n                pointer-events: none;\n            }\n\n            .label.loading {\n                visibility: hidden;\n            }\n\n            .button.loading .icon-slot,\n            .button.loading slot[name='start']::slotted(*),\n            .button.loading slot[name='end']::slotted(*) {\n                visibility: hidden;\n            }\n\n            .button.caret .icon-slot--end.icon-slot--has-content {\n                display: none;\n            }\n\n            /* Scope to the caret span — the button host also gets class caret when\n               with-caret is set; an unscoped .caret rule was adding 2px margin\n               to the whole button and shifting dropdown anchors left. */\n            .button > .caret {\n                display: inline-flex;\n                align-self: center;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                line-height: 0;\n                /* Sits slightly further from the label than the flex gap alone. */\n                margin-inline-start: 2px;\n            }\n\n            /* Caret has its own per-size token (--pk-btn-caret-size), kept deliberately smaller than\n             * --pk-btn-icon-size so it reads as a subordinate dropdown affordance next to real icons.\n             */\n            .button > .caret svg {\n                display: block;\n                width: var(--pk-btn-caret-size);\n                height: var(--pk-btn-caret-size);\n            }\n\n            :host([group-trigger]) .button {\n                padding-inline: 6px;\n            }\n\n            /* Compact disclosure cap — hide content, keep only the shared SVG caret (centered). */\n            :host([group-trigger]) .label,\n            :host([group-trigger]) .icon-slot {\n                display: none;\n            }\n\n            :host([group-trigger]) .button > .caret {\n                margin-inline-start: 0;\n            }\n\n            :host([size='sm'][group-trigger]) .button,\n            :host([size='xs'][group-trigger]) .button,\n            :host([size='xxs'][group-trigger]) .button {\n                padding-inline: 6px;\n            }\n\n            :host([size='lg'][group-trigger]) .button {\n                padding-inline: 10px;\n            }\n\n            :host([size='xl'][group-trigger]) .button {\n                padding-inline: 12px;\n            }\n\n            :host-context(pk-button-group[orientation='horizontal']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='outline']) .button,\n            :host-context(pk-button-group[orientation='horizontal']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='dashed']) .button,\n            :host-context(pk-button-group[orientation='horizontal']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='transparent']) .button {\n                border-left-width: 0;\n            }\n\n            :host-context(pk-button-group[orientation='vertical']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='outline']) .button,\n            :host-context(pk-button-group[orientation='vertical']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='dashed']) .button,\n            :host-context(pk-button-group[orientation='vertical']):host([data-pk-group-join]:not([data-pk-group-divider])[variant='transparent']) .button {\n                border-top-width: 0;\n            }\n\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])[variant='outline']) .button,\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])[variant='dashed']) .button,\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])[variant='transparent']) .button {\n                border-left-width: 0;\n            }\n\n            :host([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])[variant='outline']) .button,\n            :host([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])[variant='dashed']) .button,\n            :host([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])[variant='transparent']) .button {\n                border-top-width: 0;\n            }\n\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][variant='outline']) .button {\n                box-shadow: none;\n                border-left-width: 1px;\n                border-left-style: solid;\n                border-left-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            }\n\n            :host([data-pk-group-orientation='vertical'][data-pk-group-divider][variant='outline']) .button {\n                box-shadow: none;\n                border-top-width: 1px;\n                border-top-style: solid;\n                border-top-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            }\n\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][variant='dashed']) .button {\n                box-shadow: none;\n                border-left-width: 1px;\n                border-left-style: dashed;\n                border-left-color: var(--pk-btn-group-divider-color-dashed, var(--pk-color-slate-500));\n            }\n\n            :host([data-pk-group-orientation='vertical'][data-pk-group-divider][variant='dashed']) .button {\n                box-shadow: none;\n                border-top-width: 1px;\n                border-top-style: dashed;\n                border-top-color: var(--pk-btn-group-divider-color-dashed, var(--pk-color-slate-500));\n            }\n\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][variant='outline']) .button:focus-visible,\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][variant='dashed']) .button:focus-visible {\n                box-shadow: var(--pk-shadow-focus);\n            }\n\n            :host([data-pk-group-orientation='vertical'][data-pk-group-divider][variant='outline']) .button:focus-visible,\n            :host([data-pk-group-orientation='vertical'][data-pk-group-divider][variant='dashed']) .button:focus-visible {\n                box-shadow: var(--pk-shadow-focus);\n            }\n\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='outline']) .button,\n            :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='dashed']) .button {\n                border-right-width: 0;\n            }\n\n            :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='outline']) .button,\n            :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='dashed']) .button {\n                border-bottom-width: 0;\n            }\n        }\n    `,\n];\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, state } from '../../decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { chevronDown, iconToSvg } from '@verbb/plugin-kit-icons';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { getButtonSpinnerSize, resolveSpinnerVariant } from '../spinner/spinner-utils.js';\nimport type { PkSpinnerSize, PkSpinnerTone, PkSpinnerVariant } from '../spinner/pk-spinner.js';\n\nexport type { PkSpinnerSize };\nimport '../spinner/pk-spinner.js';\nimport { pkButtonStyles } from './pk-button.styles.js';\n\nexport type PkButtonVariant =\n    | 'default'\n    | 'primary'\n    | 'secondary'\n    | 'outline'\n    | 'transparent'\n    | 'link'\n    | 'dashed'\n    | 'none';\n\nexport type PkButtonSize = 'default' | 'xxs' | 'xs' | 'sm' | 'lg' | 'xl' | 'none';\n\nconst CARET_ICON = iconToSvg(chevronDown);\n\n/**\n * Craft-aligned action button.\n *\n * @slot - Button label\n * @slot start - Leading icon or prefix\n * @slot end - Trailing icon or suffix\n *\n * @csspart base - The native button / link element\n *\n * @cssproperty [--pk-btn-height=var(--pk-btn-height-default)] - Control height (also min-height).\n * @cssproperty [--pk-btn-font=var(--pk-btn-font-default)] - Label font size.\n * @cssproperty [--pk-btn-padding-inline=var(--pk-btn-padding-inline-default)] - Horizontal padding.\n * @cssproperty [--pk-btn-padding-block=0] - Vertical padding override.\n * @cssproperty [--pk-btn-icon-size=var(--pk-btn-icon-size-default)] - Start/end slot glyph size.\n * @cssproperty [--pk-btn-icon-gap=var(--pk-btn-icon-gap-default)] - Gap between icons and label.\n * @cssproperty [--pk-btn-caret-size=var(--pk-btn-caret-size-default)] - Built-in caret glyph size.\n * @cssproperty [--pk-btn-radius=var(--pk-btn-radius-default)] - Border radius.\n * @cssproperty [--pk-btn-fill] - Background fill (filled variants).\n * @cssproperty [--pk-btn-fill-hover] - Hover fill.\n * @cssproperty [--pk-btn-fill-active] - Active / pressed fill.\n * @cssproperty [--pk-btn-on] - Foreground color on filled variants.\n *\n * @dependency pk-spinner - Loading indicator rendered while `loading` is set.\n */\n@customElement('pk-button')\nexport class PkButton extends PkElement {\n    static override shadowRootOptions: ShadowRootInit = {\n        mode: 'open',\n        delegatesFocus: true,\n    };\n\n    static override styles = pkButtonStyles;\n\n    /** Visual treatment — filled, outline, link, etc. */\n    @property({ reflect: true })\n    variant: PkButtonVariant = 'default';\n\n    /** Shared CP size scale (`xxs` … `xl`); `none` skips presets for host token overrides. */\n    @property({ reflect: true })\n    size: PkButtonSize = 'default';\n\n    /** Disables the control and blocks activation. */\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    /** Shows an inline spinner and prevents activation while busy. */\n    @property({ type: Boolean, reflect: true })\n    loading = false;\n\n    /**\n     * Override loading spinner size. When unset, derived from `size` via\n     * `getButtonSpinnerSize` — same defaults as v1 Button (xxs/xs → xxs, lg/xl → sm, else xs).\n     * Formie New Form passes `xs` on `size=\"lg\"` so the ring stays size-4 (1rem), not sm (1.5rem).\n     */\n    @property({ reflect: true, attribute: 'spinner-size' })\n    spinnerSize?: PkSpinnerSize;\n\n    /** Loading spinner visual style. Defaults from the button variant when unset. */\n    @property({ reflect: true, attribute: 'spinner-variant' })\n    spinnerVariant?: PkSpinnerVariant;\n\n    /** Loading spinner tone. Defaults from the button variant when unset. */\n    @property({ reflect: true, attribute: 'spinner-tone' })\n    spinnerTone?: PkSpinnerTone;\n\n    /** Shows a disclosure caret after the label. */\n    @property({ type: Boolean, reflect: true, attribute: 'with-caret' })\n    withCaret = false;\n\n    /**\n     * Compact chevron-only trigger for grouped split actions — Craft `.menubtn`.\n     *\n     * Not a variant or size: set this boolean on the disclosure end-cap in a split group.\n     * Hides label/icons and draws a CSS `::after` chevron (0.4375rem, 2px borders).\n     * Inherits `variant`/`size` from sibling buttons; inline padding narrows to 8px.\n     * Do not pass a chevron icon — use `icon` + a start-slot icon for a padless square control.\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'group-trigger' })\n    groupTrigger = false;\n\n    /**\n     * Compact icon density: padless box that hugs the glyph (no square hit target).\n     *\n     * Prefer default icon-only usage for action rows — without this flag, icon-only\n     * buttons are square (`width`/`height` = size height) with the glyph from\n     * `--pk-btn-icon-size`. Use `icon` for dense × / ⋯ in cells.\n     * For one-off dimensions use `size=\"none\"` and set `--pk-btn-*` on the host.\n     */\n    @property({ type: Boolean, reflect: true })\n    icon = false;\n\n    /** When set, renders as an anchor instead of a button. */\n    @property()\n    href?: string;\n\n    /** Anchor `target` when `href` is set. */\n    @property()\n    target?: string;\n\n    /** Anchor `rel` when `href` is set. */\n    @property()\n    rel?: string;\n\n    /** Native `name` when used as a submit/reset control. */\n    @property()\n    name?: string;\n\n    /** Native `value` when used as a submit control. */\n    @property()\n    value?: string;\n\n    /**\n     * Accessible name for icon-only / unlabeled controls.\n     * Applied as `aria-label` — never as HTML `title` (no native hover tooltip).\n     * Prefer the `aria-label` attribute when setting from markup; `title` remains\n     * as a concise alias for the same accessible name.\n     */\n    @property()\n    title = '';\n\n    /** Accessible name — wins over {@link title} when both are set. */\n    @property({ attribute: 'aria-label' })\n    ariaLabel: string | null = null;\n\n    /** Native button type — ignored when `href` is set. */\n    @property()\n    type: 'button' | 'submit' | 'reset' = 'button';\n\n    /**\n     * HTML form owner id — same as native `<button form=\"…\">`.\n     * Needed when the submit control lives outside the `<form>` (e.g. dialog footer).\n     */\n    @property({ reflect: true })\n    form?: string;\n\n    @state()\n    private hasDefaultSlotContent = false;\n\n    @state()\n    private hasStartSlotContent = false;\n\n    @state()\n    private hasEndSlotContent = false;\n\n    private defaultSlotChanged(event: Event): void {\n        const slot = event.target as HTMLSlotElement;\n        this.hasDefaultSlotContent = slot.assignedNodes({ flatten: true }).some((node) => {\n            if (node.nodeType === Node.TEXT_NODE) {\n                return node.textContent?.trim();\n            }\n\n            return node.nodeType === Node.ELEMENT_NODE;\n        });\n    }\n\n    private iconSlotChanged(event: Event, which: 'start' | 'end'): void {\n        const slot = event.target as HTMLSlotElement;\n        const hasContent = slot.assignedNodes({ flatten: true }).some((node) => {\n            if (node.nodeType === Node.TEXT_NODE) {\n                return node.textContent?.trim();\n            }\n\n            return node.nodeType === Node.ELEMENT_NODE;\n        });\n\n        if (which === 'start') {\n            this.hasStartSlotContent = hasContent;\n        } else {\n            this.hasEndSlotContent = hasContent;\n        }\n    }\n\n    private startSlotChanged = (event: Event): void => {\n        this.iconSlotChanged(event, 'start');\n    };\n\n    private endSlotChanged = (event: Event): void => {\n        this.iconSlotChanged(event, 'end');\n    };\n\n    private buttonClasses() {\n        return classMap({\n            button: true,\n            'has-label': this.hasDefaultSlotContent,\n            loading: this.loading,\n            caret: this.withCaret,\n            'group-trigger': this.groupTrigger,\n        });\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.setAttribute('data-slot', 'button');\n        this.addEventListener('click', this.handleHostClick);\n    }\n\n    override disconnectedCallback(): void {\n        this.removeEventListener('click', this.handleHostClick);\n        super.disconnectedCallback();\n    }\n\n    /**\n     * Resolve the light-DOM form for submit/reset.\n     * Prefer `form` id (dialog footer submitters), then ancestor `<form>`.\n     * Never target Craft’s `#main` shell.\n     */\n    private resolveAssociatedForm(): HTMLFormElement | null {\n        const byId = (this.form || this.getAttribute('form') || '').trim();\n\n        if (byId) {\n            const el = this.ownerDocument?.getElementById(byId);\n\n            if (el instanceof HTMLFormElement && el.id !== 'main') {\n                return el;\n            }\n        }\n\n        const closest = this.closest('form');\n\n        if (closest && closest.id !== 'main') {\n            return closest;\n        }\n\n        return null;\n    }\n\n    /**\n     * Shadow inner `<button type=\"submit|reset\">` is not a form owner for an\n     * ancestor light-DOM `<form>` — bridge click → `requestSubmit` / `reset`.\n     * Skip Craft’s `#main` shell form (same guard as implicit Enter submit).\n     */\n    private handleHostClick = (event: MouseEvent): void => {\n        if (this.disabled || this.loading || this.href) {\n            return;\n        }\n\n        if (this.type !== 'submit' && this.type !== 'reset') {\n            return;\n        }\n\n        const form = this.resolveAssociatedForm();\n\n        if (!form) {\n            return;\n        }\n\n        // Stop the inner shadow button’s non-associated default; we own submit/reset.\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.type === 'reset') {\n            form.reset();\n            return;\n        }\n\n        if (typeof form.requestSubmit === 'function') {\n            form.requestSubmit();\n            return;\n        }\n\n        form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));\n    };\n\n    override render() {\n        // Explicit spinner-size wins (v1 Button `spinnerSize`); else map from button size.\n        const spinnerSize = this.spinnerSize || getButtonSpinnerSize(this.size);\n        const spinnerVariant = resolveSpinnerVariant(this.variant, this.spinnerVariant);\n        const isLink = Boolean(this.href);\n        // Accessible name only — never HTML title (native tooltips get in the way).\n        const accessibleName = this.ariaLabel || this.title || '';\n\n        return html`\n            ${isLink\n                ? html`\n                    <a\n                        part=\"base\"\n                        class=${this.buttonClasses()}\n                        href=${this.href!}\n                        target=${this.target ?? nothing}\n                        rel=${this.rel ?? nothing}\n                        aria-label=${accessibleName || nothing}\n                    >\n                        ${this.renderInner(spinnerSize, spinnerVariant)}\n                    </a>\n                `\n                : html`\n                    <button\n                        part=\"base\"\n                        class=${this.buttonClasses()}\n                        type=${this.type}\n                        ?disabled=${this.disabled}\n                        aria-disabled=${this.disabled ? 'true' : nothing}\n                        aria-busy=${this.loading ? 'true' : nothing}\n                        aria-label=${accessibleName || nothing}\n                        name=${this.name ?? nothing}\n                        value=${this.value ?? nothing}\n                    >\n                        ${this.renderInner(spinnerSize, spinnerVariant)}\n                    </button>\n                `}\n        `;\n    }\n\n    private renderInner(spinnerSize: PkSpinnerSize, spinnerVariant: PkSpinnerVariant) {\n        return html`\n            <span\n                class=${classMap({\n                    'icon-slot': true,\n                    'icon-slot--start': true,\n                    'icon-slot--has-content': this.hasStartSlotContent,\n                })}\n            >\n                <slot name=\"start\" @slotchange=${this.startSlotChanged}></slot>\n            </span>\n            ${this.loading\n                ? html`\n                    <pk-spinner\n                        variant=${spinnerVariant}\n                        size=${spinnerSize}\n                        tone=${this.spinnerTone ?? nothing}\n                        centered\n                    ></pk-spinner>\n                `\n                : nothing}\n            <span\n                class=${classMap({\n                    label: true,\n                    'is-empty': !this.hasDefaultSlotContent,\n                    loading: this.loading,\n                })}\n            >\n                <slot @slotchange=${this.defaultSlotChanged}></slot>\n            </span>\n            <span\n                class=${classMap({\n                    'icon-slot': true,\n                    'icon-slot--end': true,\n                    'icon-slot--has-content': this.hasEndSlotContent,\n                })}\n            >\n                <slot name=\"end\" @slotchange=${this.endSlotChanged}></slot>\n            </span>\n            ${this.withCaret || this.groupTrigger\n                ? html`<span part=\"caret\" class=\"caret\">${unsafeSVG(CARET_ICON)}</span>`\n                : nothing}\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button': PkButton;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-button-group-BSz5T5iS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-group-BSz5T5iS.js","names":[],"sources":["../../src/components/button-group/pk-button-group.styles.ts","../../src/components/button-group/pk-button-group.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkButtonGroupStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-flex;\n            width: fit-content;\n            vertical-align: middle;\n        }\n\n        .group {\n            display: flex;\n            position: relative;\n            isolation: isolate;\n            flex-wrap: nowrap;\n            gap: 0;\n            width: fit-content;\n            max-width: 100%;\n            align-items: stretch;\n        }\n\n        :host([orientation='horizontal']) .group {\n            flex-direction: row;\n        }\n\n        :host([orientation='vertical']) .group {\n            flex-direction: column;\n            align-items: stretch;\n        }\n\n        :host([orientation='vertical']) ::slotted(pk-button),\n        :host([orientation='vertical']) ::slotted(pk-toggle),\n        :host([orientation='vertical']) ::slotted(pk-input),\n        :host([orientation='vertical']) ::slotted(pk-input-group),\n        :host([orientation='vertical']) ::slotted(.button-group-text),\n        :host([orientation='vertical']) ::slotted(select.button-group-select) {\n            align-self: stretch;\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n\n        @media (hover: hover) {\n            .group > :hover,\n            ::slotted(:hover) {\n                z-index: 1;\n            }\n        }\n\n        .group > :focus-visible,\n        ::slotted(:focus-visible),\n        ::slotted(:focus-within),\n        ::slotted([aria-checked='true']),\n        ::slotted([checked]) {\n            position: relative;\n            z-index: 2;\n        }\n\n        /* Flush join: filled controls sit edge-to-edge; outlined controls overlap 1px to collapse borders */\n        :host([orientation='horizontal']) {\n            --pk-bg-horizontal-indent: 0;\n            --pk-bg-horizontal-indent-outlined: -1px;\n            --pk-btn-group-gap: 1px;\n            --pk-btn-group-divider-color-outline: var(--pk-color-slate-400);\n            --pk-btn-group-divider-color-dashed: var(--pk-color-slate-500);\n        }\n\n        :host([orientation='vertical']) {\n            --pk-bg-vertical-indent: 0;\n            --pk-bg-vertical-indent-outlined: -1px;\n            --pk-btn-group-gap: 1px;\n            --pk-btn-group-divider-color-outline: var(--pk-color-slate-400);\n            --pk-btn-group-divider-color-dashed: var(--pk-color-slate-500);\n        }\n\n        :host([separators][orientation='horizontal']) {\n            --pk-bg-horizontal-indent: 0;\n        }\n\n        :host([separators][orientation='vertical']) {\n            --pk-bg-vertical-indent: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-item-first]:not([data-pk-group-item-last])) {\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-item-last]:not([data-pk-group-item-first])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-end-start-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical'][data-pk-group-item-first]:not([data-pk-group-item-last])) {\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical'][data-pk-group-item-last]:not([data-pk-group-item-first])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n        }\n\n        :host([exclusive]) ::slotted(pk-button[aria-pressed='true']) {\n            --pk-btn-fill: var(--pk-color-gray-500);\n            --pk-btn-fill-hover: var(--pk-color-gray-550);\n            --pk-btn-fill-active: var(--pk-color-gray-600);\n            --pk-btn-on: var(--pk-color-white);\n        }\n\n        :host:has(::slotted(pk-button-group-separator)) {\n            --pk-btn-group-separator-color: transparent;\n        }\n\n        ::slotted(pk-input),\n        ::slotted(pk-input-group) {\n            width: auto;\n            flex: 0 1 auto;\n            align-self: stretch;\n        }\n\n        ::slotted(pk-popover),\n        ::slotted(pk-dropdown-menu) {\n            display: inline-flex;\n            align-self: auto;\n            flex: 0 0 auto;\n        }\n\n        ::slotted(.button-group-text) {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            min-height: var(--pk-btn-height-default);\n            padding: 0 0.625rem;\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(--pk-color-slate-400);\n            background: var(--pk-color-gray-100);\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-sm);\n            font-weight: 500;\n            line-height: var(--pk-line-height);\n            box-sizing: border-box;\n            white-space: nowrap;\n            border-top-left-radius: var(--pk-bg-start-start-radius, var(--pk-radius-lg));\n            border-top-right-radius: var(--pk-bg-start-end-radius, var(--pk-radius-lg));\n            border-bottom-left-radius: var(--pk-bg-end-start-radius, var(--pk-radius-lg));\n            border-bottom-right-radius: var(--pk-bg-end-end-radius, var(--pk-radius-lg));\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider]).button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])pk-input-group) {\n            margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n            border-left-width: 0;\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider]).button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])pk-input-group) {\n            margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n            border-top-width: 0;\n        }\n\n        ::slotted(select.button-group-select) {\n            display: block;\n            margin: 0;\n            padding: 0 10px;\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(--pk-color-slate-400);\n            background: var(--pk-color-white);\n            color: var(--pk-color-gray-900);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1.4;\n            appearance: none;\n            box-sizing: border-box;\n            align-self: stretch;\n            min-height: var(--pk-btn-height-default);\n            height: var(--pk-btn-height-default);\n            border-top-left-radius: var(--pk-bg-start-start-radius, var(--pk-radius-lg));\n            border-top-right-radius: var(--pk-bg-start-end-radius, var(--pk-radius-lg));\n            border-bottom-left-radius: var(--pk-bg-end-start-radius, var(--pk-radius-lg));\n            border-bottom-right-radius: var(--pk-bg-end-end-radius, var(--pk-radius-lg));\n        }\n\n        ::slotted(pk-separator) {\n            align-self: stretch;\n        }\n\n        ::slotted(pk-separator[orientation='vertical']),\n        ::slotted(pk-button-group-separator) {\n            height: auto;\n            flex-shrink: 0;\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join].button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join]select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join]pk-input-group) {\n            margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join].button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join]select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join]pk-input-group) {\n            margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n        }\n\n        :host([orientation='horizontal']) ::slotted(.button-group-text[data-pk-group-divider]),\n        :host([orientation='horizontal']) ::slotted(select.button-group-select[data-pk-group-divider]),\n        :host([orientation='horizontal']) ::slotted(pk-input-group[data-pk-group-divider]) {\n            border-left-width: 1px;\n            border-left-style: solid;\n            border-left-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            box-shadow: none;\n        }\n\n        :host([orientation='vertical']) ::slotted(.button-group-text[data-pk-group-divider]),\n        :host([orientation='vertical']) ::slotted(select.button-group-select[data-pk-group-divider]),\n        :host([orientation='vertical']) ::slotted(pk-input-group[data-pk-group-divider]) {\n            border-top-width: 1px;\n            border-top-style: solid;\n            border-top-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            box-shadow: none;\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail].button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail].button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail]select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail]pk-input-group) {\n            border-right-width: 0;\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail].button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail].button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail]select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail]pk-input-group) {\n            border-bottom-width: 0;\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupStyles } from './pk-button-group.styles.js';\n\nexport type PkButtonGroupOrientation = 'horizontal' | 'vertical';\n\nconst GROUP_JOIN_ATTR = 'data-pk-group-join';\nconst GROUP_DIVIDER_ATTR = 'data-pk-group-divider';\nconst GROUP_ITEM_FIRST = 'data-pk-group-item-first';\nconst GROUP_ITEM_LAST = 'data-pk-group-item-last';\nconst GROUP_INTERNAL_TRAIL = 'data-pk-group-internal-trail';\nconst GROUP_BTN_LAST = 'data-pk-group-btn-last';\nconst GROUP_ORIENTATION_ATTR = 'data-pk-group-orientation';\nconst GROUP_SEPARATOR_TAGS = new Set(['PK-SEPARATOR', 'PK-BUTTON-GROUP-SEPARATOR']);\nconst OVERLAY_WRAPPER_TAGS = new Set(['PK-POPOVER', 'PK-DROPDOWN-MENU']);\n\n/** Boolean attribute defaulting to true — absent means on; `separators=\"false\"` opts out. */\nconst separatorsConverter = {\n    fromAttribute(value: string | null): boolean {\n        if (value === null) {\n            return true;\n        }\n\n        return value !== 'false';\n    },\n    toAttribute(value: boolean): string | null {\n        if (value) {\n            return '';\n        }\n\n        return 'false';\n    },\n};\n\nfunction isGroupSeparator(element: Element): boolean {\n    return GROUP_SEPARATOR_TAGS.has(element.tagName);\n}\n\nfunction getLayoutTarget(element: Element): Element {\n    if (OVERLAY_WRAPPER_TAGS.has(element.tagName)) {\n        return element.querySelector('[slot=\"trigger\"]') ?? element;\n    }\n\n    return element;\n}\n\nfunction getLayoutTargets(element: Element): Element[] {\n    if (OVERLAY_WRAPPER_TAGS.has(element.tagName)) {\n        const trigger = getLayoutTarget(element);\n\n        return trigger === element ? [element] : [element, trigger];\n    }\n\n    return [element];\n}\n\nfunction getCornerTargets(element: Element, surface: Element): Element[] {\n    return element === surface ? [element] : [element, surface];\n}\n\nfunction collectSyncTargets(element: Element): Element[] {\n    const surface = getLayoutTarget(element);\n\n    return [...new Set([...getLayoutTargets(element), ...getCornerTargets(element, surface)])];\n}\n\nfunction clearLayoutAttrs(element: Element): void {\n    for (const target of collectSyncTargets(element)) {\n        target.removeAttribute(GROUP_JOIN_ATTR);\n        target.removeAttribute(GROUP_DIVIDER_ATTR);\n        target.removeAttribute(GROUP_ITEM_FIRST);\n        target.removeAttribute(GROUP_ITEM_LAST);\n        target.removeAttribute(GROUP_INTERNAL_TRAIL);\n        target.removeAttribute(GROUP_BTN_LAST);\n        target.removeAttribute(GROUP_ORIENTATION_ATTR);\n    }\n}\n\nfunction isGroupTrigger(element: Element): boolean {\n    const target = getLayoutTarget(element);\n\n    return target.hasAttribute('group-trigger')\n        || element.hasAttribute('group-trigger');\n}\n\nfunction splitSegments(items: Element[]): Element[][] {\n    const segments: Element[][] = [];\n    let current: Element[] = [];\n\n    for (const item of items) {\n        if (isGroupSeparator(item)) {\n            if (current.length) {\n                segments.push(current);\n            }\n\n            current = [];\n            continue;\n        }\n\n        current.push(item);\n    }\n\n    if (current.length) {\n        segments.push(current);\n    }\n\n    return segments;\n}\n\n/**\n * Visually groups related buttons —  `pk-button-group` pattern (CSS var join, no JS).\n *\n * @slot - Buttons, toolbars, and overlay triggers\n *\n * @csspart base - Group container\n */\n@customElement('pk-button-group')\nexport class PkButtonGroup extends PkElement {\n    static override styles = pkButtonGroupStyles;\n\n    @property({ reflect: true })\n    orientation: PkButtonGroupOrientation = 'horizontal';\n\n    /**\n     * Draw 1px dividers between adjacent controls (Craft default).\n     * Set `separators=\"false\"` for flush join. Explicit `pk-button-group-separator` elements always work for segment splits.\n     */\n    @property({ type: Boolean, reflect: true, converter: separatorsConverter })\n    separators = true;\n\n    /**\n     * Exclusive icon/text toggle styling — Craft `.btngroup--exclusive`.\n     * Use with `pk-toggle` items for view-mode pickers.\n     */\n    @property({ type: Boolean, reflect: true })\n    exclusive = false;\n\n    /** Accessible label for the group —  `pk-button-group.label`. */\n    @property()\n    label = '';\n\n    @query('slot:not([name])')\n    private defaultSlot!: HTMLSlotElement;\n\n    override firstUpdated(): void {\n        this.scheduleSyncGroupLayout();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('orientation')) {\n            this.setAttribute('aria-orientation', this.orientation);\n            this.scheduleSyncGroupLayout();\n        }\n\n        if (changed.has('label')) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (changed.has('separators') || changed.has('exclusive')) {\n            this.scheduleSyncGroupLayout();\n        }\n    }\n\n    private scheduleSyncGroupLayout(): void {\n        this.syncGroupLayout();\n        queueMicrotask(() => this.syncGroupLayout());\n    }\n\n    private handleSlotChange(): void {\n        this.scheduleSyncGroupLayout();\n    }\n\n    /** Overlap-join adjacent items within each segment; 1px divider between joins when `separators` is on. */\n    private syncGroupLayout(): void {\n        const items = this.defaultSlot?.assignedElements({ flatten: true }) ?? [];\n        const segments = splitSegments(items);\n\n        for (const element of items) {\n            clearLayoutAttrs(element);\n        }\n\n        for (const element of items) {\n            for (const target of collectSyncTargets(element)) {\n                target.setAttribute(GROUP_ORIENTATION_ATTR, this.orientation);\n            }\n        }\n\n        for (let segmentIndex = 0; segmentIndex < segments.length; segmentIndex++) {\n            const segment = segments[segmentIndex];\n            const isFirstSegment = segmentIndex === 0;\n            const isLastSegment = segmentIndex === segments.length - 1;\n\n            for (let index = 0; index < segment.length; index++) {\n                const element = segment[index];\n                const surface = getLayoutTarget(element);\n                const cornerTargets = getCornerTargets(element, surface);\n                const isOnly = segment.length === 1;\n                const isFirst = index === 0;\n                const isLast = index === segment.length - 1;\n\n                for (const target of cornerTargets) {\n                    if (isOnly) {\n                        if (isFirstSegment) {\n                            target.setAttribute(GROUP_ITEM_FIRST, '');\n                        }\n\n                        if (isLastSegment) {\n                            target.setAttribute(GROUP_ITEM_LAST, '');\n                        }\n                    } else {\n                        if (isFirst) {\n                            target.setAttribute(GROUP_ITEM_FIRST, '');\n                        }\n\n                        if (isLast) {\n                            target.setAttribute(GROUP_ITEM_LAST, '');\n                        }\n                    }\n                }\n\n                if (isFirst) {\n                    if (this.separators && !isLast) {\n                        for (const target of getLayoutTargets(element)) {\n                            target.setAttribute(GROUP_INTERNAL_TRAIL, '');\n                        }\n                    }\n\n                    continue;\n                }\n\n                for (const target of getLayoutTargets(element)) {\n                    target.setAttribute(GROUP_JOIN_ATTR, '');\n\n                    if (this.separators) {\n                        target.setAttribute(GROUP_DIVIDER_ATTR, '');\n                    }\n                }\n\n                if (this.separators && !isLast) {\n                    for (const target of getLayoutTargets(element)) {\n                        target.setAttribute(GROUP_INTERNAL_TRAIL, '');\n                    }\n                }\n\n                if (isGroupTrigger(element)) {\n                    surface.setAttribute(GROUP_BTN_LAST, '');\n                }\n            }\n        }\n    }\n\n    override render() {\n        return html`\n            <div part=\"base\" class=\"group\" role=\"group\" aria-label=${this.label || nothing}>\n                <slot @slotchange=${this.handleSlotChange}></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group': PkButtonGroup;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-button-group-separator-DH3Rl24b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-group-separator-DH3Rl24b.js","names":[],"sources":["../../src/components/button-group/pk-button-group-separator.styles.ts","../../src/components/button-group/pk-button-group-separator.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkButtonGroupSeparatorStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            align-self: stretch;\n            flex-shrink: 0;\n        }\n\n        .separator {\n            display: block;\n            width: 1px;\n            height: 100%;\n            margin-block: 1px;\n            background: var(--pk-btn-group-separator-color, transparent);\n        }\n\n        :host-context(pk-button-group[orientation='vertical']) {\n            display: block;\n            width: 100%;\n            height: auto;\n        }\n\n        :host-context(pk-button-group[orientation='vertical']) .separator {\n            width: 100%;\n            height: 1px;\n            margin-block: 1px;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupSeparatorStyles } from './pk-button-group-separator.styles.js';\n\nexport type PkButtonGroupSeparatorOrientation = 'horizontal' | 'vertical';\n\n/**\n * Vertical separator for button groups.\n *\n * @csspart base - Separator element\n */\n@customElement('pk-button-group-separator')\nexport class PkButtonGroupSeparator extends PkElement {\n    static override styles = pkButtonGroupSeparatorStyles;\n\n    @property({ reflect: true })\n    orientation: PkButtonGroupSeparatorOrientation = 'vertical';\n\n    override render() {\n        return html`\n            <div\n                part=\"base\"\n                class=\"separator pk-btn-group__separator\"\n                role=\"separator\"\n                aria-orientation=${this.orientation}\n                data-orientation=${this.orientation}\n            ></div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group-separator': PkButtonGroupSeparator;\n    }\n}\n"],"mappings":";;;AAEA,IAAa,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACYxC,IAAA,yBAAA,MAAM,+BAA+B,UAAU;;;qBAID;;;gBAHxB;;CAKzB,SAAkB;AACd,SAAO,IAAI;;;;;mCAKgB,KAAK,YAAY;mCACjB,KAAK,YAAY;;;;;YAV/C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,eAAA,KAAA,EAAA;qCAJ/B,cAAc,4BAA4B,CAAA,EAAA,uBAAA"}

package/dist/chunks/pk-button-group-text-Qro_KmZb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-group-text-Qro_KmZb.js","names":[],"sources":["../../src/components/button-group/pk-button-group-text.styles.ts","../../src/components/button-group/pk-button-group-text.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { buttonGroupCornerRadiusStyles } from './button-group-item.styles.js';\n\nexport const pkButtonGroupTextStyles = [\n    buttonGroupCornerRadiusStyles('.text', 'var(--pk-radius-lg)'),\n    css`\n        @layer pk-component {\n            :host {\n                display: inline-flex;\n                vertical-align: middle;\n                margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n                margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n            }\n\n            .text {\n                display: flex;\n                align-items: center;\n                gap: 0.5rem;\n                padding: 0 0.625rem;\n                border: 1px solid var(--pk-color-slate-400);\n                background: var(--pk-color-gray-100);\n                color: var(--pk-color-gray-700);\n                font-family: var(--pk-font-family);\n                font-size: var(--pk-font-size-sm);\n                font-weight: 500;\n                line-height: var(--pk-line-height);\n                white-space: nowrap;\n            }\n        }\n    `,\n];\n","import { html } from 'lit';\nimport { customElement } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupTextStyles } from './pk-button-group-text.styles.js';\n\n/**\n * Prefix text span for URL / compound button groups.\n *\n * @slot - Prefix text content\n *\n * @csspart base - Text container\n */\n@customElement('pk-button-group-text')\nexport class PkButtonGroupText extends PkElement {\n    static override styles = pkButtonGroupTextStyles;\n\n    override render() {\n        return html`\n            <span part=\"base\" class=\"text pk-btn-group__text\">\n                <slot></slot>\n            </span>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group-text': PkButtonGroupText;\n    }\n}\n"],"mappings":";;;;AAIA,IAAa,0BAA0B,CACnC,8BAA8B,SAAS,sBAAsB,EAC7D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;MAyBN;;;ACjBM,IAAA,oBAAA,MAAM,0BAA0B,UAAU;;gBACpB;;CAEzB,SAAkB;AACd,SAAO,IAAI;;;;;;;gCALlB,cAAc,uBAAuB,CAAA,EAAA,kBAAA"}

package/dist/chunks/pk-calendar-Z7Y0PjeY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-calendar-Z7Y0PjeY.js","names":[],"sources":["../../src/utils/date.ts","../../src/utils/date-matchers.ts","../../src/utils/week-info.ts","../../src/components/calendar/pk-calendar.styles.ts","../../src/components/calendar/pk-calendar.ts"],"sourcesContent":["/** ISO date helpers — ported from  `date-picker/internal/iso`. */\n\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nexport function parseIsoDate(value: string | Date | null | undefined): Date | null {\n    if (value == null || value === '') {\n        return null;\n    }\n\n    // React/v1 DatePicker often passes a Date; never call string methods on it.\n    if (value instanceof Date) {\n        return coerceToDate(value);\n    }\n\n    if (typeof value !== 'string') {\n        return null;\n    }\n\n    const match = ISO_DATE.exec(value.trim());\n\n    if (!match) {\n        return null;\n    }\n\n    const year = Number(match[1]);\n    const month = Number(match[2]);\n    const day = Number(match[3]);\n\n    if (month < 1 || month > 12 || day < 1 || day > 31) {\n        return null;\n    }\n\n    const date = new Date(year, month - 1, day);\n\n    if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n        return null;\n    }\n\n    return date;\n}\n\nexport function formatIsoDate(date: Date | null | undefined): string {\n    if (!date || Number.isNaN(date.getTime())) {\n        return '';\n    }\n\n    const year = String(date.getFullYear()).padStart(4, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const day = String(date.getDate()).padStart(2, '0');\n\n    return `${year}-${month}-${day}`;\n}\n\nexport function coerceToDate(value: unknown): Date | null {\n    if (value == null) {\n        return null;\n    }\n\n    if (value instanceof Date) {\n        if (Number.isNaN(value.getTime())) {\n            return null;\n        }\n\n        return new Date(value.getFullYear(), value.getMonth(), value.getDate());\n    }\n\n    return parseIsoDate(String(value));\n}\n\nexport type DateRange = {\n    from: Date | null;\n    to: Date | null;\n};\n\nexport function parseRange(value: string | null | undefined): DateRange {\n    if (!value) {\n        return { from: null, to: null };\n    }\n\n    const parts = value.split('/');\n\n    if (parts.length === 1) {\n        return { from: parseIsoDate(parts[0]), to: null };\n    }\n\n    const from = parseIsoDate(parts[0]);\n    const to = parseIsoDate(parts[1]);\n\n    if (!from || !to) {\n        return { from, to };\n    }\n\n    return from.getTime() <= to.getTime()\n        ? { from, to }\n        : { from: to, to: from };\n}\n\nexport function formatRange(range: DateRange | null | undefined): string {\n    if (!range) {\n        return '';\n    }\n\n    const { from, to } = range;\n\n    if (!from && !to) {\n        return '';\n    }\n\n    if (from && !to) {\n        return formatIsoDate(from);\n    }\n\n    if (!from && to) {\n        return formatIsoDate(to);\n    }\n\n    return `${formatIsoDate(from)}/${formatIsoDate(to)}`;\n}\n\n/**\n * Multi-date (\"multiple\" mode) serialization: a comma-separated list of ISO dates.\n * Always parsed/emitted deduped and sorted ascending so the stored value is stable\n * regardless of the order the user clicked days.\n */\nexport function parseDateList(value: string | null | undefined): Date[] {\n    if (!value) {\n        return [];\n    }\n\n    const seen = new Set<string>();\n    const dates: Date[] = [];\n\n    for (const part of value.split(',')) {\n        const date = parseIsoDate(part.trim());\n\n        if (!date) {\n            continue;\n        }\n\n        const iso = formatIsoDate(date);\n\n        if (seen.has(iso)) {\n            continue;\n        }\n\n        seen.add(iso);\n        dates.push(date);\n    }\n\n    dates.sort((a, b) => a.getTime() - b.getTime());\n\n    return dates;\n}\n\nexport function formatDateList(dates: ReadonlyArray<Date | null | undefined>): string {\n    const seen = new Set<string>();\n\n    for (const date of dates) {\n        const iso = formatIsoDate(date ?? null);\n\n        if (iso) {\n            seen.add(iso);\n        }\n    }\n\n    return [...seen].sort().join(',');\n}\n\n/** Toggle a day in/out of a multi-date list, returning the new sorted CSV value. */\nexport function toggleDateInList(value: string | null | undefined, date: Date): string {\n    const iso = formatIsoDate(date);\n\n    if (!iso) {\n        return value ?? '';\n    }\n\n    const existing = parseDateList(value);\n    const next = existing.some((entry) => isSameDay(entry, date))\n        ? existing.filter((entry) => !isSameDay(entry, date))\n        : [...existing, date];\n\n    return formatDateList(next);\n}\n\nexport function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean {\n    if (!a || !b) {\n        return false;\n    }\n\n    return a.getFullYear() === b.getFullYear()\n        && a.getMonth() === b.getMonth()\n        && a.getDate() === b.getDate();\n}\n\nexport function isSameMonth(a: Date, b: Date): boolean {\n    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\n}\n\nexport function addDays(date: Date, days: number): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\nexport function addMonths(date: Date, months: number): Date {\n    const target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n    const lastDay = daysInMonth(target.getFullYear(), target.getMonth());\n\n    return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));\n}\n\nexport function addYears(date: Date, years: number): Date {\n    return addMonths(date, years * 12);\n}\n\nexport function daysInMonth(year: number, month: number): number {\n    return new Date(year, month + 1, 0).getDate();\n}\n\nexport function startOfMonth(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function todayDate(): Date {\n    const now = new Date();\n\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n}\n\nexport function diffDays(a: Date, b: Date): number {\n    const ms = a.getTime() - b.getTime();\n\n    return Math.round(ms / 86_400_000);\n}\n\n/** ISO 8601 week number for the given date. */\nexport function isoWeekNumber(date: Date): number {\n    const target = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n    const dayNum = (target.getDay() + 6) % 7;\n    target.setDate(target.getDate() - dayNum + 3);\n\n    const firstThursday = new Date(target.getFullYear(), 0, 4);\n    const firstDayNum = (firstThursday.getDay() + 6) % 7;\n    firstThursday.setDate(firstThursday.getDate() - firstDayNum + 3);\n\n    return 1 + Math.round((target.getTime() - firstThursday.getTime()) / (7 * 86_400_000));\n}\n\nexport function formatDisplayDate(date: Date, locale?: string): string {\n    return new Intl.DateTimeFormat(locale || undefined, {\n        year: 'numeric',\n        month: 'short',\n        day: 'numeric',\n    }).format(date);\n}\n","/** Date disabling matchers — ported from  `date-picker/internal/matchers`. */\n\nimport {\n    isSameDay,\n    parseIsoDate,\n} from './date.js';\n\nexport type DisabledMatcherOptions = {\n    min?: Date | null;\n    max?: Date | null;\n    disabledDates?: Date[];\n    disabledDaysOfWeek?: number[];\n    disablePast?: boolean;\n    disableFuture?: boolean;\n    today: Date;\n    isDateDisabled?: (date: Date) => boolean;\n};\n\nexport function buildDisabledMatcher(options: DisabledMatcherOptions): (date: Date) => boolean {\n    const {\n        min,\n        max,\n        disabledDates = [],\n        disabledDaysOfWeek = [],\n        disablePast = false,\n        disableFuture = false,\n        today,\n        isDateDisabled,\n    } = options;\n\n    const minTime = min?.getTime() ?? Number.NEGATIVE_INFINITY;\n    const maxTime = max?.getTime() ?? Number.POSITIVE_INFINITY;\n    const todayTime = today.getTime();\n    const dayOfWeekSet = new Set(disabledDaysOfWeek);\n    const dateTimeSet = new Set(disabledDates.map((date) => date.getTime()));\n\n    return function isDisabled(date: Date): boolean {\n        const time = date.getTime();\n\n        if (time < minTime || time > maxTime) {\n            return true;\n        }\n\n        if (disablePast && time < todayTime) {\n            return true;\n        }\n\n        if (disableFuture && time > todayTime) {\n            return true;\n        }\n\n        if (dayOfWeekSet.size && dayOfWeekSet.has(date.getDay())) {\n            return true;\n        }\n\n        if (dateTimeSet.size && dateTimeSet.has(time)) {\n            return true;\n        }\n\n        if (isDateDisabled?.(date)) {\n            return true;\n        }\n\n        return false;\n    };\n}\n\nexport function parseDisabledDates(value: string | string[] | Date[] | null | undefined): Date[] {\n    if (value == null || value === '') {\n        return [];\n    }\n\n    const list = Array.isArray(value) ? value : value.split(/\\s+/);\n    const out: Date[] = [];\n\n    for (const item of list) {\n        if (item instanceof Date) {\n            if (!Number.isNaN(item.getTime())) {\n                out.push(new Date(item.getFullYear(), item.getMonth(), item.getDate()));\n            }\n\n            continue;\n        }\n\n        const parsed = parseIsoDate(String(item).trim());\n\n        if (parsed) {\n            out.push(parsed);\n        }\n    }\n\n    return out;\n}\n\nconst WEEKDAY_NAMES = {\n    sun: 0,\n    mon: 1,\n    tue: 2,\n    wed: 3,\n    thu: 4,\n    fri: 5,\n    sat: 6,\n} as const;\n\nexport type WeekdayName = keyof typeof WEEKDAY_NAMES;\n\nexport function parseDaysOfWeek(value: string | null | undefined): number[] {\n    if (value == null || value === '') {\n        return [];\n    }\n\n    const tokens = String(value).toLowerCase().split(/\\s+/).filter(Boolean);\n    const out = new Set<number>();\n\n    for (const token of tokens) {\n        if (token in WEEKDAY_NAMES) {\n            out.add(WEEKDAY_NAMES[token as WeekdayName]);\n        }\n    }\n\n    return [...out];\n}\n\nexport function includesDay(arr: Date[], target: Date): boolean {\n    return arr.some((date) => isSameDay(date, target));\n}\n\nexport function anyDisabledInRange(\n    start: Date,\n    end: Date,\n    isDisabled: (date: Date) => boolean,\n): boolean {\n    const rangeStart = start.getTime() <= end.getTime() ? start : end;\n    const rangeEnd = start.getTime() <= end.getTime() ? end : start;\n    const cursor = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate());\n\n    while (cursor.getTime() <= rangeEnd.getTime()) {\n        if (isDisabled(cursor)) {\n            return true;\n        }\n\n        cursor.setDate(cursor.getDate() + 1);\n    }\n\n    return false;\n}\n\nexport function allDisabledInRange(\n    start: Date,\n    end: Date,\n    isDisabled: (date: Date) => boolean,\n): boolean {\n    const rangeStart = start.getTime() <= end.getTime() ? start : end;\n    const rangeEnd = start.getTime() <= end.getTime() ? end : start;\n    const cursor = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate());\n\n    while (cursor.getTime() <= rangeEnd.getTime()) {\n        if (!isDisabled(cursor)) {\n            return false;\n        }\n\n        cursor.setDate(cursor.getDate() + 1);\n    }\n\n    return true;\n}\n","/** Locale week info — ported from  `date-picker/internal/week-info`. */\n\nexport type WeekdayName = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n\nexport type WeekInfo = {\n    /** First day of the week (1=Monday … 7=Sunday, per Intl spec). */\n    firstDay: number;\n    /** Weekend day numbers (1=Monday … 7=Sunday). */\n    weekend: number[];\n};\n\nconst SUNDAY_FIRST = new Set([\n    'US', 'CA', 'MX', 'BR', 'JP', 'PH', 'IL', 'AU', 'NZ', 'ZA',\n    'CO', 'VE', 'PE', 'EC', 'GT', 'HN', 'NI', 'SV', 'CR', 'PA',\n    'DO', 'PR', 'JM', 'TT', 'BS', 'BB', 'BZ', 'BO', 'BM', 'TW',\n    'HK', 'MO', 'SG', 'TH', 'ET', 'KE',\n]);\n\nconst SATURDAY_FIRST = new Set(['SA', 'AE', 'QA', 'KW', 'BH', 'OM', 'YE', 'JO', 'SY', 'IQ', 'EG', 'SD', 'DZ', 'LY']);\n\nconst FRI_SAT_WEEKEND = new Set([\n    'SA', 'AE', 'QA', 'KW', 'BH', 'OM', 'YE', 'JO', 'EG', 'SD',\n    'DZ', 'LY', 'SY', 'IQ', 'IL',\n]);\n\nfunction regionFromLocale(locale: string): string | null {\n    try {\n        const parsed = new Intl.Locale(locale);\n        const region = parsed.maximize().region;\n\n        return region ?? null;\n    } catch {\n        return null;\n    }\n}\n\nfunction fallbackWeekInfo(locale: string): WeekInfo {\n    const region = regionFromLocale(locale);\n    let firstDay = 1;\n\n    if (region && SUNDAY_FIRST.has(region)) {\n        firstDay = 7;\n    } else if (region && SATURDAY_FIRST.has(region)) {\n        firstDay = 6;\n    }\n\n    const weekend = region && FRI_SAT_WEEKEND.has(region) ? [5, 6] : [6, 7];\n\n    return { firstDay, weekend };\n}\n\nexport function getWeekInfo(locale: string): WeekInfo {\n    try {\n        const parsed = new Intl.Locale(locale) as Intl.Locale & {\n            getWeekInfo?: () => WeekInfo;\n            weekInfo?: WeekInfo;\n        };\n\n        const info = typeof parsed.getWeekInfo === 'function'\n            ? parsed.getWeekInfo()\n            : parsed.weekInfo;\n\n        if (info && typeof info.firstDay === 'number' && Array.isArray(info.weekend)) {\n            return { firstDay: info.firstDay, weekend: info.weekend };\n        }\n    } catch {\n        // fall through\n    }\n\n    return fallbackWeekInfo(locale);\n}\n\n/** Convert Intl first day (1=Mon..7=Sun) to JS `Date.getDay()` (0=Sun..6=Sat). */\nexport function intlFirstDayToJsDay(intlFirstDay: number): number {\n    return intlFirstDay === 7 ? 0 : intlFirstDay;\n}\n\nexport function intlWeekendToJsDays(intlWeekend: number[]): number[] {\n    return intlWeekend.map(intlFirstDayToJsDay);\n}\n\nexport function resolveFirstDayOfWeek(\n    attribute: 'auto' | WeekdayName,\n    locale: string,\n): number {\n    if (attribute !== 'auto') {\n        const map: Record<WeekdayName, number> = {\n            sun: 0,\n            mon: 1,\n            tue: 2,\n            wed: 3,\n            thu: 4,\n            fri: 5,\n            sat: 6,\n        };\n\n        return map[attribute];\n    }\n\n    return intlFirstDayToJsDay(getWeekInfo(locale).firstDay);\n}\n","import { css } from 'lit';\n\nimport { iconStyles } from '../../base/icon.styles.js';\n\nexport const pkCalendarStyles = css`\n    ${iconStyles}\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            width: fit-content;\n            max-width: 100%;\n            color: var(--pk-color-gray-900);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1;\n            --pk-date-cell-size: 1.75rem;\n            --pk-date-cell-radius: 100%;\n            --pk-date-gap: 0.25rem;\n            --pk-date-column-min: var(--pk-date-cell-size);\n            --pk-date-column-gap: 0;\n        }\n\n        :host([weekday-format='short']) {\n            --pk-date-column-min: 2.125rem;\n            --pk-date-column-gap: 0.125rem;\n        }\n\n        :host([weekday-format='long']) {\n            --pk-date-column-min: 3.375rem;\n            --pk-date-column-gap: 0.125rem;\n        }\n\n        :host([weekday-format='long']) .weekday {\n            font-size: 0.7rem;\n        }\n\n        :host([size='xs']) {\n            --pk-date-cell-size: 1.5rem;\n            font-size: 11px;\n        }\n\n        :host([size='sm']) {\n            --pk-date-cell-size: 1.625rem;\n            font-size: 12px;\n        }\n\n        :host([size='lg']) {\n            --pk-date-cell-size: 2rem;\n            font-size: 14px;\n        }\n\n        :host([size='xl']) {\n            --pk-date-cell-size: 2.25rem;\n            font-size: 15px;\n        }\n\n        :host([disabled]) {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        .base {\n            display: flex;\n            flex-direction: column;\n            gap: var(--pk-date-gap);\n            width: fit-content;\n            padding: 0.5rem;\n            border: var(--pk-calendar-border, var(--pk-input-border));\n            border-radius: var(--pk-radius-md);\n            background: var(--pk-calendar-background, var(--pk-color-white));\n        }\n\n        :host(:not([bordered])) {\n            --pk-calendar-border: 0;\n            --pk-calendar-background: transparent;\n        }\n\n        .header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 0.25rem;\n            min-height: var(--pk-date-cell-size);\n            padding-inline: 0.125rem;\n        }\n\n        .title {\n            flex: 1;\n            margin: 0;\n            padding: 0.25rem 0.5rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            font-weight: 500;\n            line-height: 1.2;\n            text-align: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .title:hover:not(:disabled) {\n            background: var(--pk-color-slate-100);\n        }\n\n        .nav-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--pk-date-cell-size);\n            height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0.25rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-600);\n            cursor: pointer;\n        }\n\n        .nav-button:hover:not(:disabled) {\n            background: var(--pk-color-slate-100);\n            color: var(--pk-color-gray-900);\n        }\n\n        .nav-button:disabled {\n            opacity: 0.35;\n            cursor: not-allowed;\n        }\n\n        .nav-button .icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 12px;\n            height: 12px;\n            flex-shrink: 0;\n        }\n\n        .nav-button .icon svg {\n            display: block;\n            width: 12px;\n            height: 12px;\n        }\n\n        .months {\n            display: flex;\n            gap: 1rem;\n        }\n\n        .month {\n            display: flex;\n            flex-direction: column;\n            width: fit-content;\n            min-width: calc(var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6);\n        }\n\n        :host([data-week-numbers]) .month {\n            min-width: calc(\n                var(--pk-date-cell-size) + var(--pk-date-column-gap) + var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6\n            );\n        }\n\n        .month-label {\n            margin-bottom: 0.5rem;\n            font-size: 12px;\n            font-weight: 500;\n            text-align: center;\n            color: var(--pk-color-gray-700);\n        }\n\n        .weekdays,\n        .week {\n            display: grid;\n            grid-template-columns: repeat(7, minmax(var(--pk-date-column-min), 1fr));\n            column-gap: var(--pk-date-column-gap);\n            align-items: center;\n            width: 100%;\n        }\n\n        :host([data-week-numbers]) .weekdays,\n        :host([data-week-numbers]) .week {\n            grid-template-columns: var(--pk-date-cell-size) repeat(7, minmax(var(--pk-date-column-min), 1fr));\n        }\n\n        .grid {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            width: 100%;\n            margin-top: 0.2rem;\n        }\n\n        .weeknumber-header,\n        .weeknumber {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: var(--pk-date-cell-size);\n            color: var(--pk-color-gray-500);\n            font-size: 0.8rem;\n            font-weight: 400;\n            user-select: none;\n        }\n\n        .weekday {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: var(--pk-date-column-min);\n            height: var(--pk-date-cell-size);\n            padding-inline: 0.125rem;\n            color: var(--pk-color-gray-500);\n            font-size: 0.8rem;\n            font-weight: 400;\n            line-height: 1.1;\n            text-align: center;\n            white-space: nowrap;\n            user-select: none;\n        }\n\n        .day,\n        .day.is-placeholder {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            justify-self: center;\n            width: var(--pk-date-cell-size);\n            min-width: var(--pk-date-cell-size);\n            max-width: var(--pk-date-cell-size);\n            height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: 0;\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            font-weight: 400;\n            line-height: 1;\n            cursor: pointer;\n        }\n\n        .day.is-range-start,\n        .day.is-range-end,\n        .day.is-range-inner,\n        .day.is-range-preview {\n            justify-self: stretch;\n            width: 100%;\n            min-width: 0;\n            max-width: none;\n        }\n\n        .day.is-range-start.is-range-end {\n            justify-self: center;\n            width: var(--pk-date-cell-size);\n            min-width: var(--pk-date-cell-size);\n            max-width: var(--pk-date-cell-size);\n        }\n\n        .day:focus-visible {\n            outline: 2px solid var(--pk-color-blue-500);\n            outline-offset: 1px;\n            z-index: 1;\n        }\n\n        .day.is-outside {\n            opacity: 0.6;\n        }\n\n        .day.is-disabled {\n            opacity: 0.4;\n            cursor: not-allowed;\n        }\n\n        /* Day grid — circular today ring (fixed cell size, not column width) */\n        .day.is-today:not(.is-range-start):not(.is-range-end):not(.is-range-inner)::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid var(--pk-color-blue-500);\n            border-radius: var(--pk-date-cell-radius);\n            pointer-events: none;\n        }\n\n        .day.is-selected:not(.is-range-start):not(.is-range-end):not(.is-range-inner) {\n            background: var(--pk-color-gray-200);\n            border-radius: var(--pk-date-cell-radius);\n            color: var(--pk-color-gray-900);\n            font-weight: 400;\n        }\n\n        .day.is-range-start,\n        .day.is-range-end {\n            background: var(--pk-color-gray-200);\n            color: var(--pk-color-gray-900);\n            font-weight: 400;\n        }\n\n        .day.is-range-start.is-range-end {\n            border-radius: var(--pk-date-cell-radius);\n        }\n\n        .day.is-range-start:not(.is-range-end) {\n            border-radius: var(--pk-date-cell-radius) 0 0 var(--pk-date-cell-radius);\n        }\n\n        .day.is-range-end:not(.is-range-start) {\n            border-radius: 0 var(--pk-date-cell-radius) var(--pk-date-cell-radius) 0;\n        }\n\n        .day.is-range-inner {\n            background: var(--pk-color-gray-200);\n            border-radius: 0;\n        }\n\n        .day.is-range-preview:not(.is-range-start):not(.is-range-end) {\n            background: var(--pk-color-gray-200);\n            opacity: 0.7;\n        }\n\n        .day.is-placeholder {\n            visibility: hidden;\n            pointer-events: none;\n        }\n\n        .live-region {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        slot[name='footer']::slotted(*) {\n            display: block;\n            padding-top: 0.25rem;\n        }\n\n        .view-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(var(--pk-date-cell-size), 1fr));\n            gap: 0.25rem;\n            width: 100%;\n            min-width: calc(var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6);\n        }\n\n        .view-row {\n            display: contents;\n        }\n\n        .view-cell {\n            display: contents;\n        }\n\n        .view-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0.375rem 0.5rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            cursor: pointer;\n        }\n\n        .view-item.is-selected {\n            background: var(--pk-color-gray-200);\n            font-weight: 500;\n        }\n\n        /* Month/year grid — rectangular today outline */\n        .view-item.is-today:not(.is-selected) {\n            box-shadow: inset 0 0 0 1px var(--pk-color-blue-500);\n            border-radius: var(--pk-radius-sm);\n        }\n\n        .view-item.is-disabled {\n            opacity: 0.4;\n            cursor: not-allowed;\n        }\n\n        .view-item:focus-visible {\n            outline: 2px solid var(--pk-color-blue-500);\n            outline-offset: 1px;\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, state } from '../../decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type { PropertyValues } from 'lit';\n\nimport { chevronLeft, chevronRight, renderIconHtml } from '../../icons/index.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport {\n    addDays,\n    addMonths,\n    addYears,\n    coerceToDate,\n    diffDays,\n    formatDisplayDate,\n    formatIsoDate,\n    formatRange,\n    isoWeekNumber,\n    isSameDay,\n    isSameMonth,\n    parseDateList,\n    parseIsoDate,\n    parseRange,\n    startOfMonth,\n    todayDate,\n    toggleDateInList,\n    type DateRange,\n} from '../../utils/date.js';\nimport {\n    allDisabledInRange,\n    buildDisabledMatcher,\n    parseDaysOfWeek,\n    parseDisabledDates,\n} from '../../utils/date-matchers.js';\nimport {\n    getWeekInfo,\n    intlWeekendToJsDays,\n    resolveFirstDayOfWeek,\n    type WeekdayName,\n} from '../../utils/week-info.js';\nimport { pkCalendarStyles } from './pk-calendar.styles.js';\n\nexport type PkCalendarMode = 'single' | 'range' | 'multiple';\nexport type PkCalendarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\nexport type PkCalendarFirstDayOfWeek = 'auto' | WeekdayName;\nexport type PkCalendarView = 'days' | 'months' | 'years';\nexport type PkCalendarPageBy = 'months' | 'single';\nexport type PkCalendarDayContent = (date: Date) => string | null;\n\nconst CHEVRON_LEFT = renderIconHtml(chevronLeft);\nconst CHEVRON_RIGHT = renderIconHtml(chevronRight);\n\ntype DayState = {\n    date: Date;\n    monthAnchor: Date;\n    outside: boolean;\n    today: boolean;\n    weekend: boolean;\n    disabled: boolean;\n    selected: boolean;\n    rangeStart: boolean;\n    rangeEnd: boolean;\n    rangeInner: boolean;\n    rangePreview: boolean;\n    roving: boolean;\n};\n\n/**\n * Inline calendar grid — mirrors React `Calendar` ( `pk-date-picker` API).\n *\n * @slot previous-icon\n * @slot next-icon\n * @slot footer\n * @slot day-YYYY-MM-DD - Custom content for a specific day cell\n *\n * @event input - Value changes during interaction\n * @event change - User commits a new value\n * @event pk-focus-day - Focused day changed; `detail.date`\n * @event pk-view-change - View changed; `detail.view`, `detail.date`\n */\n@customElement('pk-calendar')\nexport class PkCalendar extends PkElement {\n    static override styles = pkCalendarStyles;\n\n    private readonly hasSlotController = new HasSlotController(this, 'footer', 'previous-icon', 'next-icon');\n\n    @property({ reflect: true })\n    mode: PkCalendarMode = 'single';\n\n    @property({ reflect: true })\n    size: PkCalendarSize = 'default';\n\n    @property({ reflect: true })\n    value = '';\n\n    @property({ reflect: true })\n    min = '';\n\n    @property({ reflect: true })\n    max = '';\n\n    @property({ reflect: true })\n    today = '';\n\n    @property({ reflect: true })\n    view: PkCalendarView = 'days';\n\n    @property({ type: Number, reflect: true })\n    months: 1 | 2 = 1;\n\n    @property({ attribute: 'page-by', reflect: true })\n    pageBy: PkCalendarPageBy = 'months';\n\n    @property({ attribute: 'focused-date', reflect: true })\n    focusedDate = '';\n\n    @property({ attribute: 'first-day-of-week', reflect: true })\n    firstDayOfWeek: PkCalendarFirstDayOfWeek = 'auto';\n\n    @property({ attribute: 'with-outside-days', type: Boolean, reflect: true })\n    withOutsideDays = true;\n\n    @property({ attribute: 'with-week-numbers', type: Boolean, reflect: true })\n    withWeekNumbers = false;\n\n    @property({ attribute: 'weekday-format', reflect: true })\n    weekdayFormat: 'narrow' | 'short' | 'long' = 'narrow';\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    /** When false, omits the outer frame — use inside popovers (e.g. `pk-date-picker`). */\n    @property({ type: Boolean, reflect: true })\n    bordered = true;\n\n    @property({ attribute: 'disabled-dates' })\n    disabledDatesRaw = '';\n\n    @property({ attribute: 'disabled-days-of-week', reflect: true })\n    disabledDaysOfWeek = '';\n\n    @property({ attribute: 'disable-past', type: Boolean, reflect: true })\n    disablePast = false;\n\n    @property({ attribute: 'disable-future', type: Boolean, reflect: true })\n    disableFuture = false;\n\n    @property({ attribute: 'min-range', type: Number })\n    minRange = 0;\n\n    @property({ attribute: 'max-range', type: Number })\n    maxRange = 0;\n\n    @property({ reflect: true })\n    locale = '';\n\n    @property({ attribute: false })\n    isDateDisabled?: (date: Date) => boolean;\n\n    @property({ attribute: false })\n    dayContent?: PkCalendarDayContent;\n\n    @state()\n    private viewAnchor = startOfMonth(todayDate());\n\n    @state()\n    private rangeAnchor: Date | null = null;\n\n    @state()\n    private hoverDate: Date | null = null;\n\n    @state()\n    private liveAnnouncement = '';\n\n    @state()\n    private focusedMonth: number | null = null;\n\n    @state()\n    private focusedYear: number | null = null;\n\n    @state()\n    private daySlotNames: string[] = [];\n\n    private childrenObserver?: MutationObserver;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.syncViewAnchor();\n        this.syncCustomStates();\n        this.updateDaySlots();\n        this.childrenObserver = new MutationObserver(() => this.updateDaySlots());\n        this.childrenObserver.observe(this, { childList: true, attributes: true, attributeFilter: ['slot'] });\n    }\n\n    override disconnectedCallback(): void {\n        this.childrenObserver?.disconnect();\n        super.disconnectedCallback();\n    }\n\n    protected override willUpdate(changed: PropertyValues): void {\n        if (changed.has('value') || changed.has('focusedDate') || changed.has('mode')) {\n            this.syncViewAnchor();\n        }\n\n        if (changed.has('disabled') || changed.has('readonly') || changed.has('mode') || changed.has('withWeekNumbers')) {\n            this.syncCustomStates();\n        }\n\n        if (changed.has('view')) {\n            this.emitViewChange();\n        }\n\n        super.willUpdate(changed);\n    }\n\n    private updateDaySlots(): void {\n        const names = [...this.children]\n            .map((child) => child.getAttribute('slot'))\n            .filter((name): name is string => Boolean(name?.startsWith('day-')));\n\n        if (names.join(',') !== this.daySlotNames.join(',')) {\n            this.daySlotNames = names;\n        }\n    }\n\n    private syncCustomStates(): void {\n        this.toggleAttribute('data-range', this.mode === 'range');\n        this.toggleAttribute('data-multiple', this.mode === 'multiple');\n        this.toggleAttribute('data-week-numbers', this.withWeekNumbers);\n    }\n\n    private get resolvedLocale(): string {\n        return this.locale || this.lang || document.documentElement.lang || 'en';\n    }\n\n    private get resolvedToday(): Date {\n        return parseIsoDate(this.today) ?? todayDate();\n    }\n\n    /** Representative selected date used to anchor the view/focus across all modes. */\n    private get primarySelectedDate(): Date | null {\n        if (this.mode === 'single') {\n            return parseIsoDate(this.value);\n        }\n\n        if (this.mode === 'multiple') {\n            return parseDateList(this.value)[0] ?? null;\n        }\n\n        return parseRange(this.value).from;\n    }\n\n    private get resolvedFocusedDate(): Date {\n        return parseIsoDate(this.focusedDate)\n            ?? coerceToDate(this.primarySelectedDate)\n            ?? this.resolvedToday;\n    }\n\n    private get isDisabledMatcher(): (date: Date) => boolean {\n        return buildDisabledMatcher({\n            min: parseIsoDate(this.min),\n            max: parseIsoDate(this.max),\n            disabledDates: parseDisabledDates(this.disabledDatesRaw),\n            disabledDaysOfWeek: parseDaysOfWeek(this.disabledDaysOfWeek),\n            disablePast: this.disablePast,\n            disableFuture: this.disableFuture,\n            today: this.resolvedToday,\n            isDateDisabled: this.isDateDisabled,\n        });\n    }\n\n    private get weekendDays(): Set<number> {\n        return new Set(intlWeekendToJsDays(getWeekInfo(this.resolvedLocale).weekend));\n    }\n\n    private get pageStep(): number {\n        return this.pageBy === 'single' ? 1 : this.months;\n    }\n\n    private get visibleMonthAnchors(): Date[] {\n        const anchors = [this.viewAnchor];\n\n        if (this.months === 2) {\n            anchors.push(startOfMonth(addMonths(this.viewAnchor, 1)));\n        }\n\n        return anchors;\n    }\n\n    private syncViewAnchor(): void {\n        const focus = this.resolvedFocusedDate;\n\n        if (!this.visibleMonthAnchors.some((anchor) => isSameMonth(focus, anchor))) {\n            this.viewAnchor = startOfMonth(focus);\n        }\n    }\n\n    get valueAsDate(): Date | null {\n        return this.mode === 'single' ? parseIsoDate(this.value) : null;\n    }\n\n    get valueAsRange(): DateRange {\n        return parseRange(this.value);\n    }\n\n    /** Sorted, deduped selection for `multiple` mode (empty otherwise). */\n    get valueAsDates(): Date[] {\n        return this.mode === 'multiple' ? parseDateList(this.value) : [];\n    }\n\n    focus(options?: FocusOptions): void {\n        const selector = this.view === 'days'\n            ? '.day.is-roving'\n            : this.view === 'months'\n                ? '.view-item.is-roving'\n                : '.view-item.is-roving';\n\n        this.renderRoot.querySelector<HTMLButtonElement>(selector)?.focus(options);\n    }\n\n    goToDate(date: string | Date): void {\n        const parsed = coerceToDate(date);\n\n        if (!parsed) {\n            return;\n        }\n\n        this.viewAnchor = startOfMonth(parsed);\n        this.focusedDate = formatIsoDate(parsed);\n        this.view = 'days';\n    }\n\n    goToToday(): void {\n        this.goToDate(this.resolvedToday);\n    }\n\n    clear(): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        this.value = '';\n        this.rangeAnchor = null;\n        this.hoverDate = null;\n        this.emitInput();\n        this.emitChange();\n    }\n\n    private emitInput(): void {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    }\n\n    private emitChange(): void {\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private emitFocusDay(date: Date): void {\n        this.dispatchEvent(new CustomEvent('pk-focus-day', {\n            detail: { date },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private emitViewChange(): void {\n        this.dispatchEvent(new CustomEvent('pk-view-change', {\n            detail: { view: this.view, date: this.resolvedFocusedDate },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private announce(message: string): void {\n        this.liveAnnouncement = `${message}\\u200B`;\n    }\n\n    private setView(next: PkCalendarView): void {\n        if (this.view === next) {\n            return;\n        }\n\n        this.view = next;\n    }\n\n    private handlePrevious = (): void => {\n        if (this.view === 'days') {\n            this.viewAnchor = addMonths(this.viewAnchor, -this.pageStep);\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.viewAnchor = addYears(this.viewAnchor, -1);\n            return;\n        }\n\n        this.viewAnchor = addYears(this.viewAnchor, -12);\n    };\n\n    private handleNext = (): void => {\n        if (this.view === 'days') {\n            this.viewAnchor = addMonths(this.viewAnchor, this.pageStep);\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.viewAnchor = addYears(this.viewAnchor, 1);\n            return;\n        }\n\n        this.viewAnchor = addYears(this.viewAnchor, 12);\n    };\n\n    private handleTitleClick = (): void => {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.view === 'days') {\n            this.setView('months');\n            this.focusedMonth = this.resolvedFocusedDate.getMonth();\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.setView('years');\n            this.focusedYear = this.resolvedFocusedDate.getFullYear();\n        }\n    };\n\n    private handleDayClick(date: Date, disabled: boolean): void {\n        if (this.disabled || this.readonly || disabled) {\n            return;\n        }\n\n        if (this.mode === 'single') {\n            this.value = formatIsoDate(date);\n            this.focusedDate = formatIsoDate(date);\n            this.emitInput();\n            this.emitChange();\n            this.announce(formatDisplayDate(date, this.resolvedLocale));\n            return;\n        }\n\n        if (this.mode === 'multiple') {\n            // Each click toggles the day in/out of the set; the picker keeps the panel\n            // open so several dates can be chosen before dismissing.\n            const wasSelected = parseDateList(this.value).some((entry) => isSameDay(entry, date));\n            this.value = toggleDateInList(this.value, date);\n            this.focusedDate = formatIsoDate(date);\n            this.emitInput();\n            this.emitChange();\n            this.announce(\n                `${wasSelected ? 'Removed' : 'Added'} ${formatDisplayDate(date, this.resolvedLocale)}`,\n            );\n            return;\n        }\n\n        if (!this.rangeAnchor) {\n            this.rangeAnchor = date;\n            this.value = formatIsoDate(date);\n            this.focusedDate = formatIsoDate(date);\n            this.emitInput();\n            return;\n        }\n\n        const from = this.rangeAnchor;\n        const to = date;\n        const ordered = from.getTime() <= to.getTime()\n            ? { from, to }\n            : { from: to, to: from };\n\n        if (this.minRange > 0 && diffDays(ordered.to, ordered.from) + 1 < this.minRange) {\n            this.announce(`Range must be at least ${this.minRange} days`);\n            return;\n        }\n\n        if (this.maxRange > 0 && diffDays(ordered.to, ordered.from) + 1 > this.maxRange) {\n            this.announce(`Range must be at most ${this.maxRange} days`);\n            return;\n        }\n\n        this.value = formatRange(ordered);\n        this.focusedDate = formatIsoDate(date);\n        this.rangeAnchor = null;\n        this.hoverDate = null;\n        this.emitInput();\n        this.emitChange();\n        this.announce(`${formatDisplayDate(ordered.from, this.resolvedLocale)} – ${formatDisplayDate(ordered.to, this.resolvedLocale)}`);\n    }\n\n    private handleDayHover(date: Date): void {\n        if (this.mode !== 'range' || !this.rangeAnchor) {\n            return;\n        }\n\n        this.hoverDate = date;\n        this.emitFocusDay(date);\n    }\n\n    private handleGridMouseLeave = (): void => {\n        this.hoverDate = null;\n    };\n\n    private handleMonthPick(monthIndex: number): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        const next = new Date(this.viewAnchor.getFullYear(), monthIndex, 1);\n\n        if (this.isMonthFullyDisabled(next)) {\n            return;\n        }\n\n        this.viewAnchor = next;\n        this.focusedDate = formatIsoDate(next);\n        this.setView('days');\n    }\n\n    private handleYearPick(year: number): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        const next = new Date(year, this.viewAnchor.getMonth(), 1);\n\n        if (this.isYearFullyDisabled(year)) {\n            return;\n        }\n\n        this.viewAnchor = next;\n        this.focusedDate = formatIsoDate(next);\n        this.setView('months');\n        this.focusedMonth = next.getMonth();\n    }\n\n    private handleDayKeyDown(event: KeyboardEvent, date: Date, disabled: boolean): void {\n        if (disabled) {\n            return;\n        }\n\n        let next: Date | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                next = addDays(date, -1);\n                break;\n            case 'ArrowRight':\n                next = addDays(date, 1);\n                break;\n            case 'ArrowUp':\n                next = addDays(date, -7);\n                break;\n            case 'ArrowDown':\n                next = addDays(date, 7);\n                break;\n            case 'PageUp':\n                next = addMonths(date, -1);\n                break;\n            case 'PageDown':\n                next = addMonths(date, 1);\n                break;\n            case 'Home':\n                next = startOfMonth(date);\n                break;\n            case 'End':\n                next = new Date(date.getFullYear(), date.getMonth() + 1, 0);\n                break;\n            case 'Enter':\n            case ' ':\n                event.preventDefault();\n                this.handleDayClick(date, disabled);\n                return;\n            case 'Escape':\n                if (this.rangeAnchor) {\n                    event.preventDefault();\n                    this.rangeAnchor = null;\n                    this.hoverDate = null;\n                    this.requestUpdate();\n                }\n\n                return;\n            default:\n                return;\n        }\n\n        event.preventDefault();\n\n        if (!next) {\n            return;\n        }\n\n        this.focusedDate = formatIsoDate(next);\n\n        if (!this.visibleMonthAnchors.some((anchor) => isSameMonth(next!, anchor))) {\n            this.viewAnchor = startOfMonth(next);\n        }\n\n        this.emitFocusDay(next);\n        this.requestUpdate();\n        queueMicrotask(() => this.focus());\n    }\n\n    private isMonthFullyDisabled(monthStart: Date): boolean {\n        const end = new Date(monthStart.getFullYear(), monthStart.getMonth() + 1, 0);\n        return allDisabledInRange(monthStart, end, this.isDisabledMatcher);\n    }\n\n    private isYearFullyDisabled(year: number): boolean {\n        const start = new Date(year, 0, 1);\n        const end = new Date(year, 11, 31);\n        return allDisabledInRange(start, end, this.isDisabledMatcher);\n    }\n\n    private formatWeekdayLabel(date: Date): string {\n        if (this.weekdayFormat === 'narrow') {\n            // Match react-day-picker cccccc — two-letter labels (Su, Mo, Tu…)\n            const short = new Intl.DateTimeFormat(this.resolvedLocale, { weekday: 'short' }).format(date);\n            return short.slice(0, 2);\n        }\n\n        return new Intl.DateTimeFormat(this.resolvedLocale, { weekday: this.weekdayFormat }).format(date);\n    }\n\n    private buildWeekdayLabels(): string[] {\n        const firstDay = resolveFirstDayOfWeek(this.firstDayOfWeek, this.resolvedLocale);\n        const labels: string[] = [];\n\n        for (let index = 0; index < 7; index += 1) {\n            const day = (firstDay + index) % 7;\n            const date = new Date(2024, 0, day === 0 ? 7 : day);\n            labels.push(this.formatWeekdayLabel(date));\n        }\n\n        return labels;\n    }\n\n    private buildMonthDays(monthAnchor: Date): Date[] {\n        const firstDay = resolveFirstDayOfWeek(this.firstDayOfWeek, this.resolvedLocale);\n        const monthStart = startOfMonth(monthAnchor);\n        const offset = (monthStart.getDay() - firstDay + 7) % 7;\n        const gridStart = addDays(monthStart, -offset);\n        const days: Date[] = [];\n\n        for (let index = 0; index < 42; index += 1) {\n            days.push(addDays(gridStart, index));\n        }\n\n        return days;\n    }\n\n    private computeDayState(date: Date, monthAnchor: Date): DayState {\n        const isDisabled = this.isDisabledMatcher(date);\n        const range = parseRange(this.value);\n        const selectedSingle = this.mode === 'single' && isSameDay(parseIsoDate(this.value), date);\n        const selectedMultiple = this.mode === 'multiple'\n            && parseDateList(this.value).some((entry) => isSameDay(entry, date));\n        const rangeStart = this.mode === 'range' && isSameDay(range.from, date);\n        const rangeEnd = this.mode === 'range' && isSameDay(range.to, date);\n        const rangeInner = this.mode === 'range'\n            && range.from\n            && range.to\n            && date.getTime() > range.from.getTime()\n            && date.getTime() < range.to.getTime();\n\n        let rangePreview = false;\n\n        if (this.mode === 'range' && this.rangeAnchor && this.hoverDate) {\n            const anchor = this.rangeAnchor;\n            const hover = this.hoverDate;\n            const start = anchor.getTime() <= hover.getTime() ? anchor : hover;\n            const end = anchor.getTime() <= hover.getTime() ? hover : anchor;\n\n            rangePreview = date.getTime() >= start.getTime() && date.getTime() <= end.getTime();\n        }\n\n        return {\n            date,\n            monthAnchor,\n            outside: !isSameMonth(date, monthAnchor),\n            today: isSameDay(date, this.resolvedToday),\n            weekend: this.weekendDays.has(date.getDay()),\n            disabled: isDisabled,\n            selected: selectedSingle || selectedMultiple || rangeStart || rangeEnd,\n            rangeStart,\n            rangeEnd,\n            rangeInner: Boolean(rangeInner),\n            rangePreview,\n            roving: isSameDay(date, this.resolvedFocusedDate),\n        };\n    }\n\n    private renderDayContent(state: DayState) {\n        const slotName = `day-${formatIsoDate(state.date)}`;\n\n        if (this.daySlotNames.includes(slotName)) {\n            return html`<slot name=${slotName}></slot>`;\n        }\n\n        const custom = this.dayContent?.(state.date);\n\n        if (custom) {\n            return unsafeHTML(custom);\n        }\n\n        return html`<span part=\"day-label\">${state.date.getDate()}</span>`;\n    }\n\n    private renderDay(state: DayState) {\n        if (!this.withOutsideDays && state.outside) {\n            return html`<span part=\"day-placeholder\" class=\"day is-placeholder\" aria-hidden=\"true\"></span>`;\n        }\n\n        const label = formatDisplayDate(state.date, this.resolvedLocale);\n\n        return html`\n            <button\n                type=\"button\"\n                part=\"day\"\n                class=${classMap({\n                    day: true,\n                    'is-outside': state.outside,\n                    'is-today': state.today,\n                    'is-weekend': state.weekend,\n                    'is-disabled': state.disabled,\n                    'is-selected': state.selected,\n                    'is-range-start': state.rangeStart,\n                    'is-range-end': state.rangeEnd,\n                    'is-range-inner': state.rangeInner,\n                    'is-range-preview': state.rangePreview,\n                    'is-roving': state.roving,\n                })}\n                tabindex=${state.roving ? '0' : '-1'}\n                ?disabled=${state.disabled}\n                aria-label=${label}\n                aria-selected=${state.selected ? 'true' : 'false'}\n                aria-current=${state.today ? 'date' : nothing}\n                @click=${() => this.handleDayClick(state.date, state.disabled)}\n                @mouseenter=${() => this.handleDayHover(state.date)}\n                @keydown=${(event: KeyboardEvent) => this.handleDayKeyDown(event, state.date, state.disabled)}\n            >\n                ${this.renderDayContent(state)}\n            </button>\n        `;\n    }\n\n    private getMonthWeeks(monthAnchor: Date): Date[][] {\n        const days = this.buildMonthDays(monthAnchor);\n        const weeks: Date[][] = [];\n\n        for (let index = 0; index < days.length; index += 7) {\n            weeks.push(days.slice(index, index + 7));\n        }\n\n        if (this.withOutsideDays) {\n            return weeks;\n        }\n\n        return weeks.filter((week) => week.some((date) => isSameMonth(date, monthAnchor)));\n    }\n\n    private renderMonth(monthAnchor: Date, showLabel = false) {\n        const weekdays = this.buildWeekdayLabels();\n        const title = new Intl.DateTimeFormat(this.resolvedLocale, {\n            month: 'long',\n            year: 'numeric',\n        }).format(monthAnchor);\n\n        const weeks = this.getMonthWeeks(monthAnchor);\n\n        return html`\n            <div part=\"month\" class=\"month\">\n                ${showLabel\n                    ? html`<div part=\"month-label\" class=\"month-label\">${title}</div>`\n                    : nothing}\n                <div part=\"weekdays\" class=\"weekdays\" role=\"row\">\n                    ${this.withWeekNumbers\n                        ? html`<span part=\"weeknumbers\" class=\"weeknumber-header\" role=\"columnheader\">#</span>`\n                        : nothing}\n                    ${weekdays.map((weekday) => html`\n                        <span part=\"weekday\" class=\"weekday\" role=\"columnheader\">${weekday}</span>\n                    `)}\n                </div>\n                <div\n                    part=\"grid\"\n                    class=\"grid\"\n                    role=\"grid\"\n                    aria-label=${title}\n                    @mouseleave=${this.handleGridMouseLeave}\n                >\n                    ${weeks.map((week) => html`\n                        <div part=\"week\" class=\"week\" role=\"row\">\n                            ${this.withWeekNumbers\n                                ? html`<span part=\"weeknumber\" class=\"weeknumber\" role=\"gridcell\">${isoWeekNumber(week[0])}</span>`\n                                : nothing}\n                            ${week.map((date) => this.renderDay(this.computeDayState(date, monthAnchor)))}\n                        </div>\n                    `)}\n                </div>\n            </div>\n        `;\n    }\n\n    private renderViewRows(items: Array<ReturnType<typeof html>>) {\n        const rows: Array<ReturnType<typeof html>> = [];\n\n        for (let index = 0; index < items.length; index += 3) {\n            rows.push(html`\n                <div part=\"view-row\" class=\"view-row\" role=\"row\">\n                    ${items.slice(index, index + 3)}\n                </div>\n            `);\n        }\n\n        return rows;\n    }\n\n    private renderMonthsView() {\n        const year = this.viewAnchor.getFullYear();\n        const formatter = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long' });\n        const selectedDate = this.primarySelectedDate;\n        const selectedMonth = selectedDate?.getMonth();\n        const rovingMonth = this.focusedMonth ?? this.resolvedFocusedDate.getMonth();\n        const items = [];\n\n        for (let monthIndex = 0; monthIndex < 12; monthIndex += 1) {\n            const monthStart = new Date(year, monthIndex, 1);\n            const disabled = this.isMonthFullyDisabled(monthStart);\n            const selected = selectedMonth === monthIndex;\n            const todayMonth = this.resolvedToday.getFullYear() === year && this.resolvedToday.getMonth() === monthIndex;\n            const roving = rovingMonth === monthIndex;\n\n            items.push(html`\n                <div part=\"view-cell\" class=\"view-cell\" role=\"gridcell\">\n                    <button\n                        type=\"button\"\n                        part=\"view-item ${todayMonth ? 'view-item-today' : ''} ${selected ? 'view-item-selected' : ''} ${disabled ? 'view-item-disabled' : ''}\"\n                        class=${classMap({\n                            'view-item': true,\n                            'is-today': todayMonth,\n                            'is-selected': selected,\n                            'is-disabled': disabled,\n                            'is-roving': roving,\n                        })}\n                        tabindex=${roving ? '0' : '-1'}\n                        ?disabled=${disabled}\n                        @click=${() => this.handleMonthPick(monthIndex)}\n                    >\n                        ${formatter.format(monthStart)}\n                    </button>\n                </div>\n            `);\n        }\n\n        return html`\n            <div part=\"view-grid\" class=\"view-grid\" role=\"grid\">\n                ${this.renderViewRows(items)}\n            </div>\n        `;\n    }\n\n    private renderYearsView() {\n        const centerYear = this.viewAnchor.getFullYear();\n        const decadeStart = Math.floor(centerYear / 12) * 12;\n        const selectedDate = this.primarySelectedDate;\n        const selectedYear = selectedDate?.getFullYear();\n        const rovingYear = this.focusedYear ?? this.resolvedFocusedDate.getFullYear();\n        const items = [];\n\n        for (let offset = 0; offset < 12; offset += 1) {\n            const year = decadeStart + offset;\n            const disabled = this.isYearFullyDisabled(year);\n            const selected = selectedYear === year;\n            const todayYear = this.resolvedToday.getFullYear() === year;\n            const roving = rovingYear === year;\n\n            items.push(html`\n                <div part=\"view-cell\" class=\"view-cell\" role=\"gridcell\">\n                    <button\n                        type=\"button\"\n                        part=\"view-item ${todayYear ? 'view-item-today' : ''} ${selected ? 'view-item-selected' : ''} ${disabled ? 'view-item-disabled' : ''}\"\n                        class=${classMap({\n                            'view-item': true,\n                            'is-today': todayYear,\n                            'is-selected': selected,\n                            'is-disabled': disabled,\n                            'is-roving': roving,\n                        })}\n                        tabindex=${roving ? '0' : '-1'}\n                        ?disabled=${disabled}\n                        @click=${() => this.handleYearPick(year)}\n                    >\n                        ${year}\n                    </button>\n                </div>\n            `);\n        }\n\n        return html`\n            <div part=\"view-grid\" class=\"view-grid\" role=\"grid\">\n                ${this.renderViewRows(items)}\n            </div>\n        `;\n    }\n\n    private renderHeaderTitle() {\n        if (this.view === 'months') {\n            return String(this.viewAnchor.getFullYear());\n        }\n\n        if (this.view === 'years') {\n            const centerYear = this.viewAnchor.getFullYear();\n            const decadeStart = Math.floor(centerYear / 12) * 12;\n            return `${decadeStart} – ${decadeStart + 11}`;\n        }\n\n        if (this.months === 2) {\n            const first = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long', year: 'numeric' }).format(this.viewAnchor);\n            const second = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long', year: 'numeric' }).format(addMonths(this.viewAnchor, 1));\n            return `${first} – ${second}`;\n        }\n\n        return new Intl.DateTimeFormat(this.resolvedLocale, {\n            month: 'long',\n            year: 'numeric',\n        }).format(this.viewAnchor);\n    }\n\n    override render() {\n        const showDualLabels = this.view === 'days' && this.months === 2;\n\n        return html`\n            <div part=\"base\" class=\"base\">\n                <div part=\"header\" class=\"header\">\n                    <button\n                        type=\"button\"\n                        part=\"previous\"\n                        class=\"nav-button\"\n                        aria-label=\"Previous\"\n                        ?disabled=${this.disabled}\n                        @click=${this.handlePrevious}\n                    >\n                        <slot name=\"previous-icon\">\n                            <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CHEVRON_LEFT)}</span>\n                        </slot>\n                    </button>\n                    <button\n                        type=\"button\"\n                        part=\"title\"\n                        class=\"title\"\n                        ?disabled=${this.disabled}\n                        @click=${this.view === 'years' ? undefined : this.handleTitleClick}\n                    >\n                        ${this.renderHeaderTitle()}\n                    </button>\n                    <button\n                        type=\"button\"\n                        part=\"next\"\n                        class=\"nav-button\"\n                        aria-label=\"Next\"\n                        ?disabled=${this.disabled}\n                        @click=${this.handleNext}\n                    >\n                        <slot name=\"next-icon\">\n                            <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CHEVRON_RIGHT)}</span>\n                        </slot>\n                    </button>\n                </div>\n\n                <div part=\"months\" class=\"months\">\n                    ${this.view === 'days'\n                        ? this.visibleMonthAnchors.map((anchor) => this.renderMonth(anchor, showDualLabels))\n                        : this.view === 'months'\n                            ? this.renderMonthsView()\n                            : this.renderYearsView()}\n                </div>\n\n                ${this.hasSlotController.test('footer')\n                    ? html`<div part=\"footer\"><slot name=\"footer\"></slot></div>`\n                    : nothing}\n\n                <div class=\"live-region\" aria-live=\"polite\" aria-atomic=\"true\">\n                    ${this.liveAnnouncement}\n                </div>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-calendar': PkCalendar;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-checkbox-13ArHSmt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-checkbox-13ArHSmt.js","names":[],"sources":["../../src/icons/checkbox-indicators.ts","../../src/base/checkbox-control.styles.ts","../../src/components/checkbox/pk-checkbox.styles.ts","../../src/components/checkbox/pk-checkbox.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\n\n/** Craft checkbox tick — matches plugin-kit-react Checkbox.tsx */\nexport function renderCheckboxCheckIcon(): TemplateResult {\n    return html`\n        <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\" viewBox=\"0 0 640 640\">\n            <path\n                fill=\"currentColor\"\n                d=\"M557.5 192L534.9 214.6L278.9 470.6C266.4 483.1 246.1 483.1 233.6 470.6L105.6 342.6L83 320L128.3 274.7C129.6 276 172.3 318.7 256.3 402.7L489.7 169.3L512.3 146.7L557.6 192z\"\n            />\n        </svg>\n    `;\n}\n\n/** Craft checkbox indeterminate mark — matches plugin-kit-react Checkbox.tsx */\nexport function renderCheckboxIndeterminateIcon(): TemplateResult {\n    return html`\n        <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\" viewBox=\"0 0 640 640\">\n            <path fill=\"currentColor\" d=\"M96 352V288H544V352H96z\" />\n        </svg>\n    `;\n}\n","import { css } from 'lit';\n\n/** Shared checkbox/radio control box — Craft tokens, border-box sizing. */\nexport const checkboxControlStyles = css`\n    @layer pk-component {\n        .control {\n            display: inline-flex;\n            flex-shrink: 0;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            box-sizing: border-box;\n            width: var(--pk-checkbox-size);\n            height: var(--pk-checkbox-size);\n            border: 1px solid var(--pk-checkbox-border-color, #c0cbd9);\n            border-radius: var(--pk-radius-sm);\n            background: var(--pk-color-white);\n            cursor: pointer;\n            transition: border-color 0.12s ease, box-shadow 0.12s ease;\n        }\n\n        :host([disabled]) .control {\n            cursor: not-allowed;\n        }\n\n        .input:focus-visible + .control {\n            border-color: var(--pk-color-sky-600);\n            box-shadow: 0 0 0 1px var(--pk-color-sky-600), 0 0 4px 0 hsl(from var(--pk-color-sky-600) h s l / 0.7);\n        }\n\n        :host([invalid]) .control,\n        .input[aria-invalid='true'] + .control {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        :host([invalid]) .input:focus-visible + .control,\n        .input[aria-invalid='true']:focus-visible + .control {\n            border-color: var(--pk-color-rose-600);\n            box-shadow: 0 0 0 1px var(--pk-color-rose-600), 0 0 4px 0 hsl(from var(--pk-color-rose-600) h s l / 0.7);\n        }\n\n        .indicator {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--pk-color-gray-900);\n        }\n\n        .icon-check,\n        .icon-indeterminate {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        .icon-check svg {\n            width: 14px;\n            height: 14px;\n            transform: translateY(1px) scale(1.2);\n        }\n\n        .icon-indeterminate svg {\n            width: 12px;\n            height: 12px;\n        }\n\n        :host([checked]) .icon-check,\n        .input:checked + .control .icon-check {\n            opacity: 1;\n        }\n\n        :host([indeterminate]) .icon-check,\n        .input:indeterminate + .control .icon-check {\n            opacity: 0;\n        }\n\n        :host([indeterminate]) .icon-indeterminate,\n        .input:indeterminate + .control .icon-indeterminate {\n            opacity: 1;\n        }\n    }\n`;\n","import { css } from 'lit';\n\nimport { checkboxControlStyles } from '../../base/checkbox-control.styles.js';\n\nconst pkCheckboxLayoutStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-flex;\n            vertical-align: middle;\n            /* Hit target is the content-sized .root label (Craft checkbox-select), not the host. */\n            cursor: default;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n        }\n\n        :host([disabled]) {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .root {\n            display: inline-flex;\n            flex-shrink: 0;\n            align-items: center;\n            justify-content: flex-start;\n            gap: var(--pk-control-label-gap);\n            /* Content-sized like Craft's <label> beside the checkbox — not full-row. */\n            width: fit-content;\n            max-width: 100%;\n            margin: 0;\n            min-height: 0;\n            cursor: pointer;\n            user-select: none;\n            position: relative;\n        }\n\n        :host([disabled]) .root {\n            cursor: not-allowed;\n        }\n\n        .root--with-hint {\n            align-items: flex-start;\n        }\n\n        .input {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n            opacity: 0;\n            appearance: none;\n        }\n\n        .text {\n            display: flex;\n            flex-direction: column;\n            gap: 0.125rem;\n            min-width: 0;\n        }\n\n        .label {\n            line-height: max(1rem, var(--pk-checkbox-size));\n            /* Match form-control / Craft body labels (gray-700), not gray-900. */\n            color: var(--pk-color-gray-700);\n            cursor: pointer;\n        }\n\n        :host([disabled]) .label {\n            cursor: not-allowed;\n        }\n\n        :host(.all-option) .label {\n            font-weight: 700;\n        }\n\n        .hint {\n            margin: 0;\n            color: var(--pk-color-gray-500);\n            font-size: var(--pk-font-size-sm);\n            line-height: var(--pk-line-height);\n        }\n\n        .hint:empty {\n            display: none;\n        }\n    }\n`;\n\nexport const pkCheckboxStyles = [checkboxControlStyles, pkCheckboxLayoutStyles];\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { renderCheckboxCheckIcon, renderCheckboxIndeterminateIcon } from '../../icons/checkbox-indicators.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { RequiredValidator } from '../../validators/index.js';\nimport { pkCheckboxStyles } from './pk-checkbox.styles.js';\n\n/**\n * –aligned checkbox control.\n *\n * @slot - Checkbox label text\n * @slot hint - Descriptive hint (or use the `hint` attribute)\n *\n * @csspart base - Root label element\n * @csspart input - Native checkbox input\n * @csspart control - Visual checkbox box\n * @csspart label - Label text container\n * @csspart hint - Hint text container\n * @csspart checked-icon - Checked state icon\n * @csspart indeterminate-icon - Indeterminate state icon\n */\n@customElement('pk-checkbox')\nexport class PkCheckbox extends PkFormAssociatedElement {\n    static override shadowRootOptions: ShadowRootInit = {\n        mode: 'open',\n        delegatesFocus: true,\n    };\n\n    static override styles = pkCheckboxStyles;\n\n    static override get validators() {\n        return [...super.validators, RequiredValidator({ validationProperty: 'checked' })];\n    }\n\n    override assumeInteractionOn = ['change'];\n\n    private readonly hasSlotController = new HasSlotController(this, 'hint');\n\n    @property({ type: Boolean, reflect: true })\n    checked = false;\n\n    @property({ type: Boolean, reflect: true })\n    indeterminate = false;\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    @property()\n    checkboxValue = 'on';\n\n    @property({ attribute: 'default-checked', type: Boolean })\n    defaultChecked = false;\n\n    @property({ attribute: 'aria-label' })\n    ariaLabel: string | null = null;\n\n    /** Descriptive hint — use the `hint` slot for HTML content. */\n    @property()\n    hint = '';\n\n    /** Only required for SSR when slotting a hint. */\n    @property({ type: Boolean, attribute: 'with-hint' })\n    withHint = false;\n\n    @query('.input')\n    override input!: HTMLInputElement;\n\n    @state()\n    private hasDefaultSlotContent = false;\n\n    protected override get validationTarget(): HTMLElement {\n        return this.input;\n    }\n\n    protected override syncFormValue(): void {\n        this.setFormValue(this.checked ? this.checkboxValue : null, this.checked ? 'on' : 'off');\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.checked = this.defaultChecked;\n        this.indeterminate = false;\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (state === 'on' || state === this.checkboxValue) {\n            this.checked = true;\n        } else {\n            this.checked = false;\n        }\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (!this.input) {\n            super.updated(changed);\n            return;\n        }\n\n        if (changed.has('checkboxValue')) {\n            this.syncFormValue();\n        }\n\n        if (changed.has('indeterminate') || changed.has('checked')) {\n            this.input.indeterminate = this.indeterminate;\n            this.input.checked = this.checked;\n        }\n\n        super.updated(changed);\n    }\n\n    private defaultSlotChanged(event: Event): void {\n        const slot = event.target as HTMLSlotElement;\n        this.hasDefaultSlotContent = slot.assignedNodes({ flatten: true }).some((node) => {\n            if (node.nodeType === Node.TEXT_NODE) {\n                return node.textContent?.trim();\n            }\n\n            return node.nodeType === Node.ELEMENT_NODE;\n        });\n    }\n\n    private handleChange(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.checked = input.checked;\n        this.indeterminate = false;\n\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { checked: this.checked },\n            bubbles: true,\n            composed: true,\n        }));\n\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    override render() {\n        const hasLabel = this.hasDefaultSlotContent;\n        const hasHint = Boolean(this.hint) || this.hasSlotController.test('hint', this.withHint);\n\n        return html`\n            <label\n                part=\"base\"\n                class=${classMap({\n                    root: true,\n                    'root--with-hint': hasHint,\n                })}\n            >\n                <input\n                    part=\"input\"\n                    class=\"input\"\n                    type=\"checkbox\"\n                    .checked=${this.checked}\n                    ?disabled=${this.disabled}\n                    ?required=${this.required}\n                    name=${this.name ?? nothing}\n                    value=${this.checkboxValue}\n                    aria-labelledby=${hasLabel ? 'label' : nothing}\n                    aria-describedby=${hasHint ? 'hint' : nothing}\n                    aria-label=${!hasLabel ? (this.ariaLabel ?? nothing) : nothing}\n                    aria-invalid=${this.invalid ? 'true' : nothing}\n                    @change=${this.handleChange}\n                />\n                <span part=\"control\" class=\"control\">\n                    <span part=\"checked-icon\" class=\"icon-check\">${renderCheckboxCheckIcon()}</span>\n                    <span part=\"indeterminate-icon\" class=\"icon-indeterminate\">${renderCheckboxIndeterminateIcon()}</span>\n                </span>\n                ${hasLabel || hasHint\n                    ? html`\n                        <span class=\"text\">\n                            ${hasLabel\n                                ? html`\n                                    <span part=\"label\" class=\"label\" id=\"label\">\n                                        <slot @slotchange=${this.defaultSlotChanged}></slot>\n                                    </span>\n                                `\n                                : html`<slot @slotchange=${this.defaultSlotChanged} hidden></slot>`}\n                            ${hasHint\n                                ? html`\n                                    <span part=\"hint\" class=\"hint\" id=\"hint\">\n                                        <slot name=\"hint\">${this.hint}</slot>\n                                    </span>\n                                `\n                                : nothing}\n                        </span>\n                    `\n                    : html`<slot @slotchange=${this.defaultSlotChanged} hidden></slot>`}\n            </label>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-checkbox': PkCheckbox;\n    }\n}\n"],"mappings":"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"}