@vireo-ai/trellis-ui 0.1.60 → 0.1.61

package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DDrayI_M.js.map → entry.generated-BRaKxvab.js.map}

@@ -1 +1 @@
-{"version":3,"file":"entry.generated-DDrayI_M.js","names":[],"sources":["../../../../../../../../client/src/components/tabs/contract.ts","../../../../../../../../client/src/components/tabs/machine.ts","../../../../../../../../client/src/components/tabs/index.ts","../../../../../../../../client/src/components/tabs/entry.generated.ts"],"sourcesContent":["import {bool, oneOf, string, type SchemaToProps} from '../../runtime';\nimport {\n    INTERACTION_TREATMENTS,\n    LAYOUT_SPACES,\n    ORIENTATIONS,\n    SELECTION_COLORS,\n    type ControlSize,\n    type LayoutSpace,\n    type Orientation,\n} from '../common';\n\nconst TABS_ACTIVATIONS = ['manual', 'automatic'] as const;\nconst TABS_ORIENTATIONS = ORIENTATIONS;\nconst TABS_LIST_ORIENTATIONS = ['inherit', ...TABS_ORIENTATIONS] as const;\nconst TABS_LIST_GAPS = ['auto', ...LAYOUT_SPACES] as const;\nconst TABS_VARIANTS = ['subtle', 'line', 'segmented', 'pills'] as const;\nconst TABS_SIZES = ['sm', 'md'] as const satisfies readonly ControlSize[];\nconst TABS_COLORS = SELECTION_COLORS;\nconst TABS_INTERACTIONS = INTERACTION_TREATMENTS;\n\nconst tabsSchema = {\n    id: string.default('ui-tabs'),\n    animate: bool,\n    defaultValue: string,\n    value: string,\n    activation: oneOf(TABS_ACTIVATIONS, 'manual'),\n    orientation: oneOf(TABS_ORIENTATIONS, 'horizontal'),\n    gap: oneOf(TABS_LIST_GAPS, 'auto'),\n    loop: bool.default(true),\n    panels: string,\n    class: string,\n};\n\ntype TabsActivation = typeof TABS_ACTIVATIONS[number];\ntype TabsOrientation = Orientation;\ntype TabsGap = 'auto' | LayoutSpace;\ntype TabsListOrientation = typeof TABS_LIST_ORIENTATIONS[number];\ntype TabsListGap = TabsGap;\ntype TabsVariant = typeof TABS_VARIANTS[number];\ntype TabsSize = typeof TABS_SIZES[number];\ntype TabsColor = typeof TABS_COLORS[number];\ntype TabsInteraction = typeof TABS_INTERACTIONS[number];\ntype TabsProps = SchemaToProps<typeof tabsSchema>;\n\nexport {\n    TABS_ACTIVATIONS,\n    TABS_COLORS,\n    TABS_INTERACTIONS,\n    TABS_LIST_ORIENTATIONS,\n    TABS_LIST_GAPS,\n    TABS_ORIENTATIONS,\n    TABS_SIZES,\n    TABS_VARIANTS,\n    tabsSchema,\n};\nexport type {\n    TabsActivation,\n    TabsColor,\n    TabsGap,\n    TabsListOrientation,\n    TabsInteraction,\n    TabsListGap,\n    TabsOrientation,\n    TabsProps,\n    TabsSize,\n    TabsVariant,\n};\n","import {\n    createMachine,\n    propsChanged,\n    propsChangedEvent,\n    type Machine,\n    type MachineEventObject,\n    type MachineScope,\n} from '../../runtime/state-machine';\nimport {defineHook, type TransitionHookDefinition} from '../../runtime/transition-coordinator';\nimport type {TabsProps} from './contract';\n\ntype TabsContext = {\n    selection: {value: string};\n    change: {previousValue: string; value: string; panelId: string};\n    collection: {values: string[]; disabledValues: string[]; panelIds: Record<string, string>};\n};\n\ntype TabsTransitionData = TabsContext['change'];\n\ntype TabsMachineEffects = {\n    prepareSwitch(scope: MachineScope<TabsContext, TabsProps>): void;\n    finishSwitch(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncDom(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncProps(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncItems(scope: MachineScope<TabsContext, TabsProps>): void;\n};\n\ntype CreateTabsMachineOptions = {\n    props: TabsProps;\n    context: TabsContext;\n    effects: TabsMachineEffects;\n};\n\nconst switchingHook = defineHook({\n    name: 'switching',\n    state: 'switching',\n    project: (snapshot) => snapshot.context.change,\n    onDone: 'SWITCH_DONE',\n    onError: 'SWITCH_ERROR',\n    sends: {\n        select: (value: string) => ({type: 'SELECT', value}),\n    },\n} satisfies TransitionHookDefinition<TabsContext, TabsProps, TabsTransitionData, 'switching'>);\n\nconst tabsHooks = [switchingHook] as const;\n\nconst stringValue = (value: unknown): string => typeof value === 'string' ? value : '';\nconst stringValues = (value: unknown): string[] => Array.isArray(value)\n    ? value.filter((item): item is string => typeof item === 'string')\n    : [];\nconst panelIds = (value: unknown): Record<string, string> => {\n    if (!value || typeof value !== 'object' || Array.isArray(value)) return {};\n    return Object.fromEntries(Object.entries(value).filter((entry): entry is [string, string] => (\n        typeof entry[1] === 'string'\n    )));\n};\n\nconst nextProps = (scope: MachineScope<TabsContext, TabsProps>): TabsProps => (\n    propsChangedEvent<TabsProps>(scope.event)?.props ?? scope.props\n);\n\nconst nextCollection = (scope: MachineScope<TabsContext, TabsProps>): TabsContext['collection'] => {\n    if (scope.event.type !== 'ITEMS_CHANGED') return scope.context.collection;\n    return {\n        values: stringValues(scope.event.values),\n        disabledValues: stringValues(scope.event.disabledValues),\n        panelIds: panelIds(scope.event.panelIds),\n    };\n};\n\nconst normalizeValue = (value: string, collection: TabsContext['collection']): string => {\n    if (value && collection.values.includes(value) && !collection.disabledValues.includes(value)) return value;\n    return collection.values.find((item) => !collection.disabledValues.includes(item)) ?? '';\n};\n\nconst nextValue = (scope: MachineScope<TabsContext, TabsProps>): string => {\n    const collection = nextCollection(scope);\n    if (scope.event.type === 'SELECT') {\n        const requested = stringValue(scope.event.value);\n        return requested && collection.values.includes(requested) && !collection.disabledValues.includes(requested)\n            ? requested\n            : scope.context.selection.value;\n    }\n    if (scope.event.type === 'PROPS_CHANGED' && propsChanged<TabsProps>(scope.event, 'value')) {\n        return normalizeValue(nextProps(scope).value, collection);\n    }\n    return normalizeValue(scope.context.selection.value, collection);\n};\n\nconst selectionChanges = (scope: MachineScope<TabsContext, TabsProps>): boolean => (\n    scope.context.selection.value !== nextValue(scope)\n);\n\nconst transition = (target: 'switching', effects: 'prepareSwitch') => ({\n    target,\n    guard: selectionChanges,\n    reduce: 'applySwitch',\n    effects,\n} as const);\n\nconst createTabsMachine = ({\n    props,\n    context,\n    effects,\n}: CreateTabsMachineOptions): Machine<TabsContext, TabsProps> => createMachine<TabsContext, TabsProps>({\n    initial: 'stable',\n    on: {\n        DOM_INVALIDATED: {effects: 'syncDom'},\n    },\n    states: {\n        stable: {\n            tags: ['stable'],\n            on: {\n                SELECT: transition('switching', 'prepareSwitch'),\n                PROPS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncProps'},\n                ],\n                ITEMS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncItems'},\n                ],\n            },\n        },\n        switching: {\n            tags: ['switching', 'transitioning'],\n            on: {\n                SWITCH_DONE: {target: 'stable', effects: 'finishSwitch'},\n                SWITCH_ERROR: {target: 'stable', effects: 'finishSwitch'},\n                SELECT: transition('switching', 'prepareSwitch'),\n                PROPS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncProps'},\n                ],\n                ITEMS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncItems'},\n                ],\n            },\n        },\n    },\n}, {\n    context,\n    props,\n    reducers: {\n        applySwitch: (scope) => {\n            const collection = nextCollection(scope);\n            const value = nextValue(scope);\n            return {\n                props: nextProps(scope),\n                context: {\n                    ...scope.context,\n                    selection: {value},\n                    change: {\n                        previousValue: scope.context.selection.value,\n                        value,\n                        panelId: collection.panelIds[value] ?? '',\n                    },\n                    collection,\n                },\n            };\n        },\n        reconcile: (scope) => ({\n            props: nextProps(scope),\n            context: {\n                ...scope.context,\n                collection: nextCollection(scope),\n                selection: {value: nextValue(scope)},\n            },\n        }),\n    },\n    effects: {\n        prepareSwitch: effects.prepareSwitch,\n        finishSwitch: effects.finishSwitch,\n        syncDom: effects.syncDom,\n        syncProps: effects.syncProps,\n        syncItems: effects.syncItems,\n    },\n});\n\nexport {createTabsMachine, tabsHooks};\nexport type {\n    CreateTabsMachineOptions,\n    TabsContext,\n    TabsMachineEffects,\n    TabsTransitionData,\n};\n","import type Alpine from 'alpinejs';\n\nimport {\n    type AlpineMachine,\n    type BindingObject,\n    createAlpineMachine,\n    createCollectionNavigation,\n    type CollectionNavigation,\n    defineAlpineData,\n    type MachineSnapshot,\n    observeSemanticChanges,\n    type TransitionForHook,\n    type TrellisAlpineComponent,\n} from '@client/runtime';\nimport {\n    flip,\n    type MotionHandle,\n    type MotionTransitionSubject,\n} from '@client/motion';\nimport {noopHandle} from '@client/motion/animate';\nimport {asBool, dispatch, isRtl, setPresence} from '@client/utils';\nimport {\n    tabsSchema,\n    type TabsOrientation,\n    type TabsProps,\n    type TabsSize,\n    type TabsVariant,\n} from './contract';\nimport {\n    createTabsMachine,\n    type TabsContext,\n    tabsHooks,\n    type TabsTransitionData,\n} from './machine';\n\ntype TabsTransitionName = (typeof tabsHooks)[number]['name'];\ntype TabsTransition<TName extends TabsTransitionName = TabsTransitionName> = TransitionForHook<\n    Extract<(typeof tabsHooks)[number], {name: TName}>,\n    HTMLElement\n>;\n\ntype IndicatorFrame = {indicator: HTMLElement; styles: {\n    height: number;\n    left: number;\n    top: number;\n    width: number;\n}};\n\ntype TabsTabElement = HTMLButtonElement | HTMLAnchorElement;\n\ntype TabsItem = {\n    tab: TabsTabElement;\n    value: string;\n    disabled: boolean;\n    panel: HTMLElement | null;\n};\n\ntype TabsProjection = {\n    ownerId: string;\n    primaryList: HTMLElement | null;\n    panelsTarget: HTMLElement | null;\n    panels: HTMLElement[];\n    panelByValue: Map<string, HTMLElement>;\n    items: TabsItem[];\n    itemByValue: Map<string, TabsItem>;\n    itemByTab: Map<TabsTabElement, TabsItem>;\n    tabStop: TabsTabElement | null;\n};\n\ntype TabsChangeDetail = {value: string};\ntype TabsActivateDetail = {value: string; panelId: string};\n\n/**\n * Public Alpine API for `ui.tabs`.\n *\n * @public\n */\ninterface UiTabsApi {\n    /** Currently selected tab value. */\n    readonly value: string;\n\n    /** Select an enabled tab that belongs to this Tabs owner. */\n    select(value: string): void;\n\n    /** Whether `value` is currently selected. */\n    isActive(value: string): boolean;\n}\n\ntype TabsData = AlpineMachine<TabsContext, TabsProps, typeof tabsHooks> & UiTabsApi & {\n    readonly root: BindingObject;\n    init(): void;\n    destroy(): void;\n    transitionIndicator(transition: TabsMotionTransition): MotionHandle | Promise<void>;\n};\n\ntype TabsMotionTransition = MotionTransitionSubject & Readonly<{\n    el: unknown;\n    event: {motion?: boolean};\n    props: {animate: boolean};\n}>;\n\nconst DEFAULT_OWNER = 'ui-tabs';\nconst stateFor = (active: boolean): 'active' | 'inactive' => active ? 'active' : 'inactive';\nconst safeIdPart = (value: string): string => {\n    const sanitized = value.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');\n    return sanitized || 'tab';\n};\nconst tabIdFor = (owner: string, value: string): string => `${owner}-tab-${safeIdPart(value)}`;\nconst panelIdFor = (owner: string, value: string): string => `${owner}-panel-${safeIdPart(value)}`;\nconst isTabElement = (element: Element | null): element is TabsTabElement => (\n    element instanceof HTMLButtonElement || element instanceof HTMLAnchorElement\n);\nconst uniqueElements = <T extends HTMLElement>(elements: T[]): T[] => Array.from(new Set(elements));\n\nconst UiTabs = (): TrellisAlpineComponent<TabsData> => {\n    let rootEl: (HTMLElement & Alpine.ElementWithXAttributes) | null = null;\n    let collection: CollectionNavigation | null = null;\n    let disconnectObserver: (() => void) | null = null;\n    let resizeObserver: ResizeObserver | null = null;\n    let pointerFocusedTab: TabsTabElement | null = null;\n    let pointerFocusReset: number | undefined;\n    let connectingProps: TabsProps | null = null;\n\n    const root = (): HTMLElement & Alpine.ElementWithXAttributes => {\n        if (!rootEl) throw new Error('Tabs has not been initialized.');\n        return rootEl;\n    };\n    const owner = (): string => root().id || root().dataset.id || root().dataset.owner || DEFAULT_OWNER;\n    const owns = (element: Element): boolean => element.closest('[data-ui-tabs]') === root();\n    const boolDataset = (value: string | undefined): boolean => asBool({value});\n\n    const listVariant = (list: HTMLElement | null): TabsVariant => {\n        const value = list?.dataset.variant;\n        if (value === 'subtle' || value === 'segmented' || value === 'pills') return value;\n        return 'line';\n    };\n    const listSize = (list: HTMLElement | null): TabsSize => (\n        list?.dataset.size === 'sm' ? 'sm' : 'md'\n    );\n    const listOrientation = (list: HTMLElement | null): TabsOrientation => {\n        const value = list?.dataset.orientation;\n        return value === 'vertical' || value === 'horizontal' ? value : currentProps().orientation;\n    };\n\n    const createProjection = (selectedValue?: string): TabsProjection => {\n        const ownerId = owner();\n        const detached = (panel: HTMLElement): boolean => (\n            panel.dataset.uiTabsOwner === ownerId || panel.dataset.owner === ownerId\n        );\n        const primaryList = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-list]'),\n        ).find(owns) ?? null;\n        const foundPanels = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-panel]'),\n        ).filter(owns);\n        const selector = currentProps().panels;\n        const panelsTarget = selector ? document.querySelector<HTMLElement>(selector) : null;\n        if (panelsTarget) {\n            foundPanels.push(...Array.from(\n                panelsTarget.querySelectorAll<HTMLElement>('[data-ui-tabs-panel]'),\n            ).filter(detached));\n        }\n        foundPanels.push(...Array.from(document.querySelectorAll<HTMLElement>(\n            `[data-ui-tabs-panel][data-ui-tabs-owner=\"${CSS.escape(ownerId)}\"]`,\n        )).filter(detached));\n        const panels = uniqueElements(foundPanels);\n        const panelByValue = new Map<string, HTMLElement>();\n        panels.forEach((panel) => {\n            const value = panel.dataset.value || '';\n            if (!panelByValue.has(value)) panelByValue.set(value, panel);\n        });\n        const items = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-tab]'),\n        ).filter(owns).map((element, index) => {\n            if (!isTabElement(element)) return null;\n            element.dataset.value ||= `tab-${index + 1}`;\n            return {\n                tab: element,\n                value: element.dataset.value,\n                disabled: boolDataset(element.dataset.disabled) || element.hasAttribute('disabled'),\n                panel: panelByValue.get(element.dataset.value) ?? null,\n            } satisfies TabsItem;\n        }).filter((item): item is TabsItem => item !== null);\n        const itemByValue = new Map<string, TabsItem>();\n        const itemByTab = new Map<TabsTabElement, TabsItem>();\n        items.forEach((item) => {\n            if (!itemByValue.has(item.value)) itemByValue.set(item.value, item);\n            itemByTab.set(item.tab, item);\n        });\n        const focused = items.find((item) => (\n            document.activeElement === item.tab || item.tab.dataset.active === 'true'\n        ));\n        return {\n            ownerId,\n            primaryList,\n            panelsTarget,\n            panels,\n            panelByValue,\n            items,\n            itemByValue,\n            itemByTab,\n            tabStop: focused?.tab ?? (selectedValue ? itemByValue.get(selectedValue)?.tab ?? null : null),\n        };\n    };\n\n    const itemFrom = (target: EventTarget | null, projection: TabsProjection): TabsItem | null => {\n        if (!(target instanceof Element)) return null;\n        const tab = target.closest<HTMLElement>('[data-ui-tabs-tab]');\n        return tab && isTabElement(tab) && owns(tab) ? projection.itemByTab.get(tab) ?? null : null;\n    };\n\n    const collectionContext = (projection: TabsProjection): TabsContext['collection'] => {\n        const records = projection.items;\n        return {\n            values: records.map((item) => item.value),\n            disabledValues: records.filter((item) => item.disabled).map((item) => item.value),\n            panelIds: Object.fromEntries(records.map((item) => [\n                item.value,\n                item.panel?.id || panelIdFor(\n                    item.tab.dataset.uiTabsOwner || item.tab.dataset.owner || projection.ownerId,\n                    item.value,\n                ),\n            ])),\n        };\n    };\n\n    const initialContext = (props: TabsProps): TabsContext => {\n        const projection = createProjection();\n        const collectionState = collectionContext(projection);\n        const authoredTab = projection.items.find((item) => (\n            boolDataset(item.tab.dataset.selected) || item.tab.getAttribute('aria-selected') === 'true'\n        ));\n        const authoredPanel = projection.panels.find((panel) => boolDataset(panel.dataset.selected));\n        const requested = props.value || props.defaultValue || authoredTab?.value || authoredPanel?.dataset.value || '';\n        const value = requested\n            && collectionState.values.includes(requested)\n            && !collectionState.disabledValues.includes(requested)\n            ? requested\n            : collectionState.values.find((item) => !collectionState.disabledValues.includes(item)) ?? '';\n        return {\n            selection: {value},\n            change: {previousValue: '', value, panelId: collectionState.panelIds[value] ?? ''},\n            collection: collectionState,\n        };\n    };\n\n    const currentProps = (): Readonly<TabsProps> => (\n        connectingProps ?? bridge.getCommittedSnapshot().props\n    );\n    const currentContext = (): Readonly<TabsContext> => bridge.getCommittedSnapshot().context;\n\n    const activeValue = (): string => currentContext().selection.value;\n\n    const indicatorFor = (list: HTMLElement): HTMLElement | null => (\n        list.querySelector<HTMLElement>(':scope > [data-ui-tabs-indicator]')\n    );\n    const indicatorFrame = (tab: Element): IndicatorFrame | null => {\n        if (!(tab instanceof HTMLElement)) return null;\n        const list = tab.closest<HTMLElement>('[data-ui-tabs-list]');\n        const indicator = list ? indicatorFor(list) : null;\n        if (!list || !indicator) return null;\n        indicator.hidden = false;\n        const listRect = list.getBoundingClientRect();\n        const tabRect = tab.getBoundingClientRect();\n        const vertical = list.dataset.orientation === 'vertical';\n        const line = list.dataset.variant === 'line';\n        const width = line && vertical ? 2 : tabRect.width;\n        const height = line && !vertical ? 2 : tabRect.height;\n        const separatorWidth = line\n            ? Number.parseFloat(getComputedStyle(list).getPropertyValue('--border-width-edge-separator')) || 1\n            : 0;\n        const targetLeft = line && vertical\n            ? listRect.left - ((width - separatorWidth) / 2)\n            : tabRect.left;\n        const targetTop = line && !vertical\n            ? listRect.bottom - ((height + separatorWidth) / 2)\n            : tabRect.top;\n        return {\n            indicator,\n            styles: {\n                height,\n                left: targetLeft - listRect.left,\n                top: targetTop - listRect.top,\n                width,\n            },\n        };\n    };\n    const applyIndicatorFrame = (frame: IndicatorFrame): void => {\n        frame.indicator.style.height = `${frame.styles.height}px`;\n        frame.indicator.style.left = `${frame.styles.left}px`;\n        frame.indicator.style.top = `${frame.styles.top}px`;\n        frame.indicator.style.width = `${frame.styles.width}px`;\n    };\n    const positionIndicator = (list: HTMLElement, projection: TabsProjection): void => {\n        const indicator = indicatorFor(list);\n        if (!indicator) return;\n        const active = projection.items.find((item) => (\n            item.value === activeValue() && item.tab.closest('[data-ui-tabs-list]') === list\n        ));\n        if (!active) {\n            indicator.hidden = true;\n            list.dataset.uiTabsReady = '';\n            return;\n        }\n        const frame = indicatorFrame(active.tab);\n        if (frame) applyIndicatorFrame(frame);\n        list.dataset.uiTabsReady = '';\n    };\n\n    const syncRoot = (): void => {\n        const props = currentProps();\n        if (!root().id && props.id) root().id = props.id;\n        root().dataset.orientation = props.orientation;\n        root().dataset.activation = props.activation;\n        root().dataset.value = activeValue();\n        setPresence({el: root(), attr: 'data-animate', present: props.animate});\n    };\n\n    const syncList = (list: HTMLElement): void => {\n        const orientation = listOrientation(list);\n        list.setAttribute('role', 'tablist');\n        list.dataset.orientation = orientation;\n        if (orientation === 'vertical') list.setAttribute('aria-orientation', 'vertical');\n        else list.removeAttribute('aria-orientation');\n    };\n\n    const syncTab = (item: TabsItem, projection: TabsProjection): void => {\n        const active = item.value === activeValue();\n        const list = item.tab.closest<HTMLElement>('[data-ui-tabs-list]');\n        const orientation = listOrientation(list);\n        const variant = listVariant(list);\n        const size = listSize(list);\n        const ownerId = item.tab.dataset.uiTabsOwner || item.tab.dataset.owner || owner();\n        const selectedIcon = item.tab.querySelector<HTMLElement>('[data-ui-tabs-tab-selected-icon]');\n        const state = stateFor(active);\n\n        item.tab.id ||= tabIdFor(ownerId, item.value);\n        item.tab.dataset.state = state;\n        item.tab.dataset.orientation = orientation;\n        item.tab.dataset.variant = variant;\n        item.tab.dataset.size = size;\n        item.tab.setAttribute('role', 'tab');\n        item.tab.setAttribute('aria-selected', active ? 'true' : 'false');\n        item.tab.setAttribute('aria-controls', item.panel?.id || panelIdFor(ownerId, item.value));\n        item.tab.tabIndex = item.tab === projection.tabStop ? 0 : -1;\n        setPresence({el: item.tab, attr: 'data-selected', present: active});\n        if (selectedIcon) selectedIcon.style.visibility = active ? 'visible' : 'hidden';\n\n        setPresence({el: item.tab, attr: 'data-disabled', present: item.disabled});\n        if (item.disabled) {\n            item.tab.setAttribute('aria-disabled', 'true');\n            item.tab.tabIndex = -1;\n        } else item.tab.removeAttribute('aria-disabled');\n        if (item.tab instanceof HTMLButtonElement) item.tab.disabled = item.disabled;\n    };\n\n    const syncPanel = (panel: HTMLElement): void => {\n        const value = panel.dataset.value || '';\n        const active = value === activeValue();\n        const ownerId = panel.dataset.uiTabsOwner || panel.dataset.owner || owner();\n        const id = panelIdFor(ownerId, value);\n        if (value && !panel.id) panel.id = id;\n        if (value && !panel.hasAttribute('data-ui-key')) panel.setAttribute('data-ui-key', panel.id || id);\n        panel.dataset.state = stateFor(active);\n        panel.dataset.orientation = currentProps().orientation;\n        panel.setAttribute('role', 'tabpanel');\n        panel.setAttribute('aria-labelledby', tabIdFor(ownerId, value));\n        if (!panel.hasAttribute('tabindex')) panel.tabIndex = 0;\n        panel.hidden = !active;\n        setPresence({el: panel, attr: 'data-selected', present: active});\n    };\n\n    const syncAll = ({indicator = false}: {indicator?: boolean} = {}): TabsProjection => {\n        syncRoot();\n        const projection = createProjection(activeValue());\n        const tabList = projection.primaryList;\n        if (tabList) syncList(tabList);\n        projection.items.forEach((item) => syncTab(item, projection));\n        projection.panels.forEach(syncPanel);\n        if (indicator && tabList) positionIndicator(tabList, projection);\n        return projection;\n    };\n\n    const emitChange = (): void => {\n        dispatch<TabsChangeDetail>({el: root(), name: 'ui:change', detail: {value: activeValue()}});\n    };\n    const emitActivate = (tab: TabsTabElement, value: string, panelId: string): void => {\n        dispatch<TabsActivateDetail>({\n            el: tab,\n            name: 'ui:tabs:activate',\n            detail: {value, panelId},\n        });\n    };\n    const syncDom = (): void => {\n        const projection = syncAll({indicator: true});\n        setupObservers(projection);\n        setupResizeObserver(projection);\n    };\n\n    const bridge = createAlpineMachine({\n        schema: tabsSchema,\n        hooks: tabsHooks,\n        resolveTransitionElement: ({data}) => (\n            createProjection(activeValue()).itemByValue.get((data as TabsTransitionData).value)?.tab ?? null\n        ),\n        createMachine: ({props}) => {\n            connectingProps = props;\n            const context = initialContext(props);\n            connectingProps = null;\n            return createTabsMachine({\n                props,\n                context,\n                effects: {\n                    prepareSwitch: ({event}) => {\n                        syncAll();\n                        if (event.type === 'SELECT') emitChange();\n                    },\n                    finishSwitch: () => syncAll(),\n                    syncDom,\n                    syncProps: syncDom,\n                    syncItems: () => {\n                        const projection = syncAll({indicator: true});\n                        setupResizeObserver(projection);\n                    },\n                },\n            });\n        },\n    });\n\n    const collectionNav = (): CollectionNavigation => {\n        if (!collection) throw new Error('Tabs navigation has not been initialized.');\n        return collection;\n    };\n\n    const selectValue = (value: string, {tab, panel, motion = true}: {\n        tab?: TabsTabElement;\n        panel?: HTMLElement | null;\n        motion?: boolean;\n    } = {}): void => {\n        const previous = activeValue();\n        bridge.send({type: 'SELECT', value, motion});\n        if (activeValue() !== previous && tab) emitActivate(tab, activeValue(), panel?.id ?? '');\n    };\n\n    const handleClick = (event: Event): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item) return;\n        if (item.disabled) {\n            event.preventDefault();\n            return;\n        }\n        selectValue(item.value, {tab: item.tab, panel: item.panel});\n    };\n\n    const handlePointerDown = (event: Event): void => {\n        pointerFocusedTab = itemFrom(event.target, createProjection(activeValue()))?.tab ?? null;\n        window.clearTimeout(pointerFocusReset);\n        pointerFocusReset = window.setTimeout(() => {\n            pointerFocusedTab = null;\n            pointerFocusReset = undefined;\n        });\n    };\n\n    const handleFocus = (event: Event): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item || event.target !== item.tab || item.disabled) return;\n        collectionNav().activateItem({el: item.tab});\n        if (currentProps().activation === 'automatic' && pointerFocusedTab !== item.tab) {\n            selectValue(item.value, {tab: item.tab, panel: item.panel, motion: false});\n        } else syncAll();\n    };\n\n    const handleKeydown = (event: KeyboardEvent): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item || event.target !== item.tab) return;\n        if (event.key === ' ' && item.tab instanceof HTMLAnchorElement) {\n            event.preventDefault();\n            selectValue(item.value, {tab: item.tab, panel: item.panel, motion: false});\n            return;\n        }\n        const orientation = listOrientation(item.tab.closest<HTMLElement>('[data-ui-tabs-list]'));\n        if (event.key === 'Home') {\n            event.preventDefault();\n            collectionNav().focusFirst();\n            return;\n        }\n        if (event.key === 'End') {\n            event.preventDefault();\n            collectionNav().focusLast();\n            return;\n        }\n        if (orientation === 'vertical') {\n            if (event.key === 'ArrowDown') {\n                event.preventDefault();\n                collectionNav().focusNext();\n            } else if (event.key === 'ArrowUp') {\n                event.preventDefault();\n                collectionNav().focusPrevious();\n            }\n            return;\n        }\n        if (event.key === 'ArrowRight') {\n            event.preventDefault();\n            if (isRtl({el: root()})) collectionNav().focusPrevious();\n            else collectionNav().focusNext();\n        } else if (event.key === 'ArrowLeft') {\n            event.preventDefault();\n            if (isRtl({el: root()})) collectionNav().focusNext();\n            else collectionNav().focusPrevious();\n        }\n    };\n\n    const sendItemsChanged = (next: TabsContext['collection']): void => {\n        bridge.send({type: 'ITEMS_CHANGED', ...next});\n    };\n\n    const setupObservers = (projection: TabsProjection): void => {\n        disconnectObserver?.();\n        const targets = [root()];\n        if (projection.panelsTarget) targets.push(projection.panelsTarget);\n        disconnectObserver = observeSemanticChanges({\n            targets: uniqueElements(targets),\n            read: () => collectionContext(createProjection(activeValue())),\n            onChange: sendItemsChanged,\n            observer: {\n                childList: true,\n                subtree: true,\n                attributes: true,\n                attributeFilter: [\n                    'data-value',\n                    'data-disabled',\n                    'disabled',\n                    'data-ui-tabs-owner',\n                    'data-owner',\n                    'data-variant',\n                    'data-size',\n                    'data-orientation',\n                    'data-gap',\n                    'id',\n                ],\n            },\n        });\n    };\n\n    const setupResizeObserver = (projection: TabsProjection): void => {\n        resizeObserver?.disconnect();\n        if (typeof ResizeObserver === 'undefined') return;\n        resizeObserver = new ResizeObserver(() => {\n            if (!rootEl) return;\n            const next = createProjection(activeValue());\n            if (next.primaryList) positionIndicator(next.primaryList, next);\n        });\n        if (projection.primaryList) resizeObserver.observe(projection.primaryList);\n        projection.items.forEach((item) => resizeObserver?.observe(item.tab));\n    };\n\n    let component!: TrellisAlpineComponent<TabsData>;\n    component = {\n        ...bridge,\n        get value(): string {\n            return this.snapshot.current?.context.selection.value ?? '';\n        },\n        init(): void {\n            rootEl = this.$el;\n            bridge.connect(this.$el, this.snapshot);\n            collection = createCollectionNavigation({\n                root,\n                itemSelector: '[data-ui-tabs-tab]',\n                isDisabled: (element) => !owns(element)\n                    || boolDataset(element.dataset.disabled)\n                    || element.hasAttribute('disabled'),\n                loop: () => currentProps().loop,\n            });\n            const projection = syncAll({indicator: true});\n            setupObservers(projection);\n            setupResizeObserver(projection);\n        },\n        destroy(): void {\n            disconnectObserver?.();\n            disconnectObserver = null;\n            resizeObserver?.disconnect();\n            resizeObserver = null;\n            window.clearTimeout(pointerFocusReset);\n            pointerFocusedTab = null;\n            pointerFocusReset = undefined;\n            bridge.disconnect();\n            collection = null;\n            rootEl = null;\n        },\n        transitionIndicator(transition: TabsMotionTransition): MotionHandle | Promise<void> {\n            if (!(transition.el instanceof Element)) return Promise.resolve();\n            const frame = indicatorFrame(transition.el);\n            if (!frame) return Promise.resolve();\n            if (!transition.props.animate || transition.event.motion === false) {\n                applyIndicatorFrame(frame);\n                return noopHandle();\n            }\n\n            return flip(transition, {\n                target: frame.indicator,\n                update: () => applyIndicatorFrame(frame),\n                role: 'layoutSpring',\n                transition: {bounce: 0},\n            });\n        },\n        get root(): BindingObject {\n            return {\n                'data-ui-tabs': '',\n                ':data-orientation': () => currentProps().orientation,\n                ':data-activation': () => currentProps().activation,\n                ':data-animate': () => currentProps().animate ? '' : undefined,\n                '@pointerdown': handlePointerDown,\n                '@click': handleClick,\n                '@focusin': handleFocus,\n                '@keydown': (event: Event) => {\n                    if (event instanceof KeyboardEvent) handleKeydown(event);\n                },\n            };\n        },\n        select(value: string): void {\n            selectValue(value);\n        },\n        isActive(value: string): boolean {\n            return this.snapshot.current?.context.selection.value === value;\n        },\n    };\n\n    return component;\n};\n\nconst registerTabs = defineAlpineData('UiTabs', UiTabs);\n\nexport {registerTabs, UiTabs};\nexport type {TabsActivateDetail, TabsChangeDetail, TabsTransition, UiTabsApi};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\nimport {registerMotionCapability} from '../../capabilities/motion';\nimport {registerTabs as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerTabs = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    registerMotionCapability(AlpineInstance);\n    registerComponent(AlpineInstance);\n};\n\nexport {registerTabs};\nexport default registerTabs;\nexport * from './index';\n"],"mappings":"wlBAWA,IAAM,EAAmB,CAAC,SAAU,WAAW,EACzC,EAAoB,EACK,CAAY,GAAG,CAAiB,EAC/D,IAAM,EAAiB,CAAC,OAAQ,GAAG,CAAa,EAM1C,GAAa,CACf,GAAI,EAAO,QAAQ,SAAS,EAC5B,QAAS,EACT,aAAc,EACd,MAAO,EACP,WAAY,EAAM,EAAkB,QAAQ,EAC5C,YAAa,EAAM,EAAmB,YAAY,EAClD,IAAK,EAAM,EAAgB,MAAM,EACjC,KAAM,EAAK,QAAQ,EAAI,EACvB,OAAQ,EACR,MAAO,CACX,ECaM,GAAY,CAXI,EAAW,CAC7B,KAAM,YACN,MAAO,YACP,QAAU,GAAa,EAAS,QAAQ,OACxC,OAAQ,cACR,QAAS,eACT,MAAO,CACH,OAAS,IAAmB,CAAC,KAAM,SAAU,OAAK,EACtD,CACJ,CAEmB,CAAa,EAE1B,EAAe,GAA2B,OAAO,GAAU,SAAW,EAAQ,GAC9E,EAAgB,GAA6B,MAAM,QAAQ,CAAK,EAChE,EAAM,OAAQ,GAAyB,OAAO,GAAS,QAAQ,EAC/D,CAAC,EACD,EAAY,GACV,CAAC,GAAS,OAAO,GAAU,UAAY,MAAM,QAAQ,CAAK,EAAU,CAAC,EAClE,OAAO,YAAY,OAAO,QAAQ,CAAK,CAAC,CAAC,OAAQ,GACpD,OAAO,EAAM,IAAO,QACvB,CAAC,EAGA,EAAa,GACf,EAA6B,EAAM,KAAK,CAAC,EAAE,OAAS,EAAM,MAGxD,EAAkB,GAChB,EAAM,MAAM,OAAS,gBAClB,CACH,OAAQ,EAAa,EAAM,MAAM,MAAM,EACvC,eAAgB,EAAa,EAAM,MAAM,cAAc,EACvD,SAAU,EAAS,EAAM,MAAM,QAAQ,CAC3C,EALiD,EAAM,QAAQ,WAQ7D,GAAkB,EAAe,IAC/B,GAAS,EAAW,OAAO,SAAS,CAAK,GAAK,CAAC,EAAW,eAAe,SAAS,CAAK,EAAU,EAC9F,EAAW,OAAO,KAAM,GAAS,CAAC,EAAW,eAAe,SAAS,CAAI,CAAC,GAAK,GAGpF,EAAa,GAAwD,CACvE,IAAM,EAAa,EAAe,CAAK,EACvC,GAAI,EAAM,MAAM,OAAS,SAAU,CAC/B,IAAM,EAAY,EAAY,EAAM,MAAM,KAAK,EAC/C,OAAO,GAAa,EAAW,OAAO,SAAS,CAAS,GAAK,CAAC,EAAW,eAAe,SAAS,CAAS,EACpG,EACA,EAAM,QAAQ,UAAU,KAClC,CAIA,OAHI,EAAM,MAAM,OAAS,iBAAmB,EAAwB,EAAM,MAAO,OAAO,EAC7E,EAAe,EAAU,CAAK,CAAC,CAAC,MAAO,CAAU,EAErD,EAAe,EAAM,QAAQ,UAAU,MAAO,CAAU,CACnE,EAEM,EAAoB,GACtB,EAAM,QAAQ,UAAU,QAAU,EAAU,CAAK,EAG/C,GAAc,EAAqB,KAA8B,CACnE,SACA,MAAO,EACP,OAAQ,cACR,SACJ,GAEM,GAAqB,CACvB,QACA,UACA,aAC6D,EAAsC,CACnG,QAAS,SACT,GAAI,CACA,gBAAiB,CAAC,QAAS,SAAS,CACxC,EACA,OAAQ,CACJ,OAAQ,CACJ,KAAM,CAAC,QAAQ,EACf,GAAI,CACA,OAAQ,EAAW,YAAa,eAAe,EAC/C,cAAe,CACX,EAAW,YAAa,eAAe,EACvC,CAAC,OAAQ,YAAa,QAAS,WAAW,CAC9C,EACA,cAAe,CACX,EAAW,YAAa,eAAe,EACvC,CAAC,OAAQ,YAAa,QAAS,WAAW,CAC9C,CACJ,CACJ,EACA,UAAW,CACP,KAAM,CAAC,YAAa,eAAe,EACnC,GAAI,CACA,YAAa,CAAC,OAAQ,SAAU,QAAS,cAAc,EACvD,aAAc,CAAC,OAAQ,SAAU,QAAS,cAAc,EACxD,OAAQ,EAAW,YAAa,eAAe,EAC/C,cAAe,CACX,EAAW,YAAa,eAAe,EACvC,CAAC,OAAQ,YAAa,QAAS,WAAW,CAC9C,EACA,cAAe,CACX,EAAW,YAAa,eAAe,EACvC,CAAC,OAAQ,YAAa,QAAS,WAAW,CAC9C,CACJ,CACJ,CACJ,CACJ,EAAG,CACC,UACA,QACA,SAAU,CACN,YAAc,GAAU,CACpB,IAAM,EAAa,EAAe,CAAK,EACjC,EAAQ,EAAU,CAAK,EAC7B,MAAO,CACH,MAAO,EAAU,CAAK,EACtB,QAAS,CACL,GAAG,EAAM,QACT,UAAW,CAAC,OAAK,EACjB,OAAQ,CACJ,cAAe,EAAM,QAAQ,UAAU,MACvC,QACA,QAAS,EAAW,SAAS,IAAU,EAC3C,EACA,YACJ,CACJ,CACJ,EACA,UAAY,IAAW,CACnB,MAAO,EAAU,CAAK,EACtB,QAAS,CACL,GAAG,EAAM,QACT,WAAY,EAAe,CAAK,EAChC,UAAW,CAAC,MAAO,EAAU,CAAK,CAAC,CACvC,CACJ,EACJ,EACA,QAAS,CACL,cAAe,EAAQ,cACvB,aAAc,EAAQ,aACtB,QAAS,EAAQ,QACjB,UAAW,EAAQ,UACnB,UAAW,EAAQ,SACvB,CACJ,CAAC,EC7EK,EAAgB,UAChB,EAAY,GAA2C,EAAS,SAAW,WAC3E,EAAc,GACE,EAAM,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,gBAAiB,GAAG,CAAC,CAAC,QAAQ,WAAY,EACxF,GAAa,MAElB,GAAY,EAAe,IAA0B,GAAG,EAAM,OAAO,EAAW,CAAK,IACrF,GAAc,EAAe,IAA0B,GAAG,EAAM,SAAS,EAAW,CAAK,IACzF,EAAgB,GAClB,aAAmB,mBAAqB,aAAmB,kBAEzD,EAAyC,GAAuB,MAAM,KAAK,IAAI,IAAI,CAAQ,CAAC,EAE5F,MAAiD,CACnD,IAAI,EAA+D,KAC/D,EAA0C,KAC1C,EAA0C,KAC1C,EAAwC,KACxC,EAA2C,KAC3C,EACA,EAAoC,KAElC,MAA0D,CAC5D,GAAI,CAAC,EAAQ,MAAU,MAAM,gCAAgC,EAC7D,OAAO,CACX,EACM,MAAsB,EAAK,CAAC,CAAC,IAAM,EAAK,CAAC,CAAC,QAAQ,IAAM,EAAK,CAAC,CAAC,QAAQ,OAAS,EAChF,EAAQ,GAA8B,EAAQ,QAAQ,gBAAgB,IAAM,EAAK,EACjF,EAAe,GAAuC,EAAO,CAAC,OAAK,CAAC,EAEpE,EAAe,GAA0C,CAC3D,IAAM,EAAQ,GAAM,QAAQ,QAE5B,OADI,IAAU,UAAY,IAAU,aAAe,IAAU,QAAgB,EACtE,MACX,EACM,EAAY,GACd,GAAM,QAAQ,OAAS,KAAO,KAAO,KAEnC,EAAmB,GAA8C,CACnE,IAAM,EAAQ,GAAM,QAAQ,YAC5B,OAAO,IAAU,YAAc,IAAU,aAAe,EAAQ,EAAa,CAAC,CAAC,WACnF,EAEM,EAAoB,GAA2C,CACjE,IAAM,EAAU,EAAM,EAChB,EAAY,GACd,EAAM,QAAQ,cAAgB,GAAW,EAAM,QAAQ,QAAU,EAE/D,EAAc,MAAM,KACtB,EAAK,CAAC,CAAC,iBAA8B,qBAAqB,CAC9D,CAAC,CAAC,KAAK,CAAI,GAAK,KACV,EAAc,MAAM,KACtB,EAAK,CAAC,CAAC,iBAA8B,sBAAsB,CAC/D,CAAC,CAAC,OAAO,CAAI,EACP,EAAW,EAAa,CAAC,CAAC,OAC1B,EAAe,EAAW,SAAS,cAA2B,CAAQ,EAAI,KAC5E,GACA,EAAY,KAAK,GAAG,MAAM,KACtB,EAAa,iBAA8B,sBAAsB,CACrE,CAAC,CAAC,OAAO,CAAQ,CAAC,EAEtB,EAAY,KAAK,GAAG,MAAM,KAAK,SAAS,iBACpC,4CAA4C,IAAI,OAAO,CAAO,EAAE,GACpE,CAAC,CAAC,CAAC,OAAO,CAAQ,CAAC,EACnB,IAAM,EAAS,EAAe,CAAW,EACnC,EAAe,IAAI,IACzB,EAAO,QAAS,GAAU,CACtB,IAAM,EAAQ,EAAM,QAAQ,OAAS,GAChC,EAAa,IAAI,CAAK,GAAG,EAAa,IAAI,EAAO,CAAK,CAC/D,CAAC,EACD,IAAM,EAAQ,MAAM,KAChB,EAAK,CAAC,CAAC,iBAA8B,oBAAoB,CAC7D,CAAC,CAAC,OAAO,CAAI,CAAC,CAAC,KAAK,EAAS,IACpB,EAAa,CAAO,GACzB,EAAQ,QAAQ,QAAU,OAAO,EAAQ,IAClC,CACH,IAAK,EACL,MAAO,EAAQ,QAAQ,MACvB,SAAU,EAAY,EAAQ,QAAQ,QAAQ,GAAK,EAAQ,aAAa,UAAU,EAClF,MAAO,EAAa,IAAI,EAAQ,QAAQ,KAAK,GAAK,IACtD,GAPmC,IAQtC,CAAC,CAAC,OAAQ,GAA2B,IAAS,IAAI,EAC7C,EAAc,IAAI,IAClB,EAAY,IAAI,IAQtB,OAPA,EAAM,QAAS,GAAS,CACf,EAAY,IAAI,EAAK,KAAK,GAAG,EAAY,IAAI,EAAK,MAAO,CAAI,EAClE,EAAU,IAAI,EAAK,IAAK,CAAI,CAChC,CAAC,EAIM,CACH,UACA,cACA,eACA,SACA,eACA,QACA,cACA,YACA,QAZY,EAAM,KAAM,GACxB,SAAS,gBAAkB,EAAK,KAAO,EAAK,IAAI,QAAQ,SAAW,MAW1D,CAAA,EAAS,MAAQ,EAAgB,EAAY,IAAI,CAAa,CAAC,EAAE,KAAO,KAAO,KAC5F,CACJ,EAEM,GAAY,EAA4B,IAAgD,CAC1F,GAAI,EAAE,aAAkB,SAAU,OAAO,KACzC,IAAM,EAAM,EAAO,QAAqB,oBAAoB,EAC5D,OAAO,GAAO,EAAa,CAAG,GAAK,EAAK,CAAG,EAAI,EAAW,UAAU,IAAI,CAAG,GAAK,KAAO,IAC3F,EAEM,EAAqB,GAA0D,CACjF,IAAM,EAAU,EAAW,MAC3B,MAAO,CACH,OAAQ,EAAQ,IAAK,GAAS,EAAK,KAAK,EACxC,eAAgB,EAAQ,OAAQ,GAAS,EAAK,QAAQ,CAAC,CAAC,IAAK,GAAS,EAAK,KAAK,EAChF,SAAU,OAAO,YAAY,EAAQ,IAAK,GAAS,CAC/C,EAAK,MACL,EAAK,OAAO,IAAM,EACd,EAAK,IAAI,QAAQ,aAAe,EAAK,IAAI,QAAQ,OAAS,EAAW,QACrE,EAAK,KACT,CACJ,CAAC,CAAC,CACN,CACJ,EAEM,EAAkB,GAAkC,CACtD,IAAM,EAAa,EAAiB,EAC9B,EAAkB,EAAkB,CAAU,EAC9C,EAAc,EAAW,MAAM,KAAM,GACvC,EAAY,EAAK,IAAI,QAAQ,QAAQ,GAAK,EAAK,IAAI,aAAa,eAAe,IAAM,MACxF,EACK,EAAgB,EAAW,OAAO,KAAM,GAAU,EAAY,EAAM,QAAQ,QAAQ,CAAC,EACrF,EAAY,EAAM,OAAS,EAAM,cAAgB,GAAa,OAAS,GAAe,QAAQ,OAAS,GACvG,EAAQ,GACP,EAAgB,OAAO,SAAS,CAAS,GACzC,CAAC,EAAgB,eAAe,SAAS,CAAS,EACnD,EACA,EAAgB,OAAO,KAAM,GAAS,CAAC,EAAgB,eAAe,SAAS,CAAI,CAAC,GAAK,GAC/F,MAAO,CACH,UAAW,CAAC,OAAK,EACjB,OAAQ,CAAC,cAAe,GAAI,QAAO,QAAS,EAAgB,SAAS,IAAU,EAAE,EACjF,WAAY,CAChB,CACJ,EAEM,MACF,GAAmB,EAAO,qBAAqB,CAAC,CAAC,MAE/C,MAA8C,EAAO,qBAAqB,CAAC,CAAC,QAE5E,MAA4B,EAAe,CAAC,CAAC,UAAU,MAEvD,EAAgB,GAClB,EAAK,cAA2B,mCAAmC,EAEjE,EAAkB,GAAwC,CAC5D,GAAI,EAAE,aAAe,aAAc,OAAO,KAC1C,IAAM,EAAO,EAAI,QAAqB,qBAAqB,EACrD,EAAY,EAAO,EAAa,CAAI,EAAI,KAC9C,GAAI,CAAC,GAAQ,CAAC,EAAW,OAAO,KAChC,EAAU,OAAS,GACnB,IAAM,EAAW,EAAK,sBAAsB,EACtC,EAAU,EAAI,sBAAsB,EACpC,EAAW,EAAK,QAAQ,cAAgB,WACxC,EAAO,EAAK,QAAQ,UAAY,OAChC,EAAQ,GAAQ,EAAW,EAAI,EAAQ,MACvC,EAAS,GAAQ,CAAC,EAAW,EAAI,EAAQ,OACzC,EAAiB,EACjB,OAAO,WAAW,iBAAiB,CAAI,CAAC,CAAC,iBAAiB,+BAA+B,CAAC,GAAK,EAC/F,EACA,EAAa,GAAQ,EACrB,EAAS,MAAS,EAAQ,GAAkB,EAC5C,EAAQ,KACR,EAAY,GAAQ,CAAC,EACrB,EAAS,QAAW,EAAS,GAAkB,EAC/C,EAAQ,IACd,MAAO,CACH,YACA,OAAQ,CACJ,SACA,KAAM,EAAa,EAAS,KAC5B,IAAK,EAAY,EAAS,IAC1B,OACJ,CACJ,CACJ,EACM,EAAuB,GAAgC,CACzD,EAAM,UAAU,MAAM,OAAS,GAAG,EAAM,OAAO,OAAO,IACtD,EAAM,UAAU,MAAM,KAAO,GAAG,EAAM,OAAO,KAAK,IAClD,EAAM,UAAU,MAAM,IAAM,GAAG,EAAM,OAAO,IAAI,IAChD,EAAM,UAAU,MAAM,MAAQ,GAAG,EAAM,OAAO,MAAM,GACxD,EACM,GAAqB,EAAmB,IAAqC,CAC/E,IAAM,EAAY,EAAa,CAAI,EACnC,GAAI,CAAC,EAAW,OAChB,IAAM,EAAS,EAAW,MAAM,KAAM,GAClC,EAAK,QAAU,EAAY,GAAK,EAAK,IAAI,QAAQ,qBAAqB,IAAM,CAC/E,EACD,GAAI,CAAC,EAAQ,CACT,EAAU,OAAS,GACnB,EAAK,QAAQ,YAAc,GAC3B,MACJ,CACA,IAAM,EAAQ,EAAe,EAAO,GAAG,EACnC,GAAO,EAAoB,CAAK,EACpC,EAAK,QAAQ,YAAc,EAC/B,EAEM,MAAuB,CACzB,IAAM,EAAQ,EAAa,EACvB,CAAC,EAAK,CAAC,CAAC,IAAM,EAAM,KAAI,EAAK,CAAC,CAAC,GAAK,EAAM,IAC9C,EAAK,CAAC,CAAC,QAAQ,YAAc,EAAM,YACnC,EAAK,CAAC,CAAC,QAAQ,WAAa,EAAM,WAClC,EAAK,CAAC,CAAC,QAAQ,MAAQ,EAAY,EACnC,EAAY,CAAC,GAAI,EAAK,EAAG,KAAM,eAAgB,QAAS,EAAM,OAAO,CAAC,CAC1E,EAEM,EAAY,GAA4B,CAC1C,IAAM,EAAc,EAAgB,CAAI,EACxC,EAAK,aAAa,OAAQ,SAAS,EACnC,EAAK,QAAQ,YAAc,EACvB,IAAgB,WAAY,EAAK,aAAa,mBAAoB,UAAU,EAC3E,EAAK,gBAAgB,kBAAkB,CAChD,EAEM,GAAW,EAAgB,IAAqC,CAClE,IAAM,EAAS,EAAK,QAAU,EAAY,EACpC,EAAO,EAAK,IAAI,QAAqB,qBAAqB,EAC1D,EAAc,EAAgB,CAAI,EAClC,EAAU,EAAY,CAAI,EAC1B,EAAO,EAAS,CAAI,EACpB,EAAU,EAAK,IAAI,QAAQ,aAAe,EAAK,IAAI,QAAQ,OAAS,EAAM,EAC1E,EAAe,EAAK,IAAI,cAA2B,kCAAkC,EACrF,EAAQ,EAAS,CAAM,EAE7B,EAAK,IAAI,KAAO,EAAS,EAAS,EAAK,KAAK,EAC5C,EAAK,IAAI,QAAQ,MAAQ,EACzB,EAAK,IAAI,QAAQ,YAAc,EAC/B,EAAK,IAAI,QAAQ,QAAU,EAC3B,EAAK,IAAI,QAAQ,KAAO,EACxB,EAAK,IAAI,aAAa,OAAQ,KAAK,EACnC,EAAK,IAAI,aAAa,gBAAiB,EAAS,OAAS,OAAO,EAChE,EAAK,IAAI,aAAa,gBAAiB,EAAK,OAAO,IAAM,EAAW,EAAS,EAAK,KAAK,CAAC,EACxF,EAAK,IAAI,SAAW,EAAK,MAAQ,EAAW,QAAU,EAAI,GAC1D,EAAY,CAAC,GAAI,EAAK,IAAK,KAAM,gBAAiB,QAAS,CAAM,CAAC,EAC9D,IAAc,EAAa,MAAM,WAAa,EAAS,UAAY,UAEvE,EAAY,CAAC,GAAI,EAAK,IAAK,KAAM,gBAAiB,QAAS,EAAK,QAAQ,CAAC,EACrE,EAAK,UACL,EAAK,IAAI,aAAa,gBAAiB,MAAM,EAC7C,EAAK,IAAI,SAAW,IACjB,EAAK,IAAI,gBAAgB,eAAe,EAC3C,EAAK,eAAe,oBAAmB,EAAK,IAAI,SAAW,EAAK,SACxE,EAEM,EAAa,GAA6B,CAC5C,IAAM,EAAQ,EAAM,QAAQ,OAAS,GAC/B,EAAS,IAAU,EAAY,EAC/B,EAAU,EAAM,QAAQ,aAAe,EAAM,QAAQ,OAAS,EAAM,EACpE,EAAK,EAAW,EAAS,CAAK,EAChC,GAAS,CAAC,EAAM,KAAI,EAAM,GAAK,GAC/B,GAAS,CAAC,EAAM,aAAa,aAAa,GAAG,EAAM,aAAa,cAAe,EAAM,IAAM,CAAE,EACjG,EAAM,QAAQ,MAAQ,EAAS,CAAM,EACrC,EAAM,QAAQ,YAAc,EAAa,CAAC,CAAC,YAC3C,EAAM,aAAa,OAAQ,UAAU,EACrC,EAAM,aAAa,kBAAmB,EAAS,EAAS,CAAK,CAAC,EACzD,EAAM,aAAa,UAAU,IAAG,EAAM,SAAW,GACtD,EAAM,OAAS,CAAC,EAChB,EAAY,CAAC,GAAI,EAAO,KAAM,gBAAiB,QAAS,CAAM,CAAC,CACnE,EAEM,GAAW,CAAC,YAAY,IAAgC,CAAC,IAAsB,CACjF,EAAS,EACT,IAAM,EAAa,EAAiB,EAAY,CAAC,EAC3C,EAAU,EAAW,YAK3B,OAJI,GAAS,EAAS,CAAO,EAC7B,EAAW,MAAM,QAAS,GAAS,EAAQ,EAAM,CAAU,CAAC,EAC5D,EAAW,OAAO,QAAQ,CAAS,EAC/B,GAAa,GAAS,EAAkB,EAAS,CAAU,EACxD,CACX,EAEM,MAAyB,CAC3B,EAA2B,CAAC,GAAI,EAAK,EAAG,KAAM,YAAa,OAAQ,CAAC,MAAO,EAAY,CAAC,CAAC,CAAC,CAC9F,EACM,IAAgB,EAAqB,EAAe,IAA0B,CAChF,EAA6B,CACzB,GAAI,EACJ,KAAM,mBACN,OAAQ,CAAC,QAAO,SAAO,CAC3B,CAAC,CACL,EACM,MAAsB,CACxB,IAAM,EAAa,EAAQ,CAAC,UAAW,EAAI,CAAC,EAC5C,EAAe,CAAU,EACzB,EAAoB,CAAU,CAClC,EAEM,EAAS,EAAoB,CAC/B,OAAQ,GACR,MAAO,GACP,0BAA2B,CAAC,UACxB,EAAiB,EAAY,CAAC,CAAC,CAAC,YAAY,IAAK,EAA4B,KAAK,CAAC,EAAE,KAAO,KAEhG,eAAgB,CAAC,WAAW,CACxB,EAAkB,EAClB,IAAM,EAAU,EAAe,CAAK,EAEpC,MADA,GAAkB,KACX,EAAkB,CACrB,QACA,UACA,QAAS,CACL,eAAgB,CAAC,WAAW,CACxB,EAAQ,EACJ,EAAM,OAAS,UAAU,EAAW,CAC5C,EACA,iBAAoB,EAAQ,EAC5B,UACA,UAAW,EACX,cAAiB,CACb,IAAM,EAAa,EAAQ,CAAC,UAAW,EAAI,CAAC,EAC5C,EAAoB,CAAU,CAClC,CACJ,CACJ,CAAC,CACL,CACJ,CAAC,EAEK,MAA4C,CAC9C,GAAI,CAAC,EAAY,MAAU,MAAM,2CAA2C,EAC5E,OAAO,CACX,EAEM,GAAe,EAAe,CAAC,MAAK,QAAO,SAAS,IAItD,CAAC,IAAY,CACb,IAAM,EAAW,EAAY,EAC7B,EAAO,KAAK,CAAC,KAAM,SAAU,QAAO,QAAM,CAAC,EACvC,EAAY,IAAM,GAAY,GAAK,GAAa,EAAK,EAAY,EAAG,GAAO,IAAM,EAAE,CAC3F,EAEM,GAAe,GAAuB,CACxC,IAAM,EAAO,EAAS,EAAM,OAAQ,EAAiB,EAAY,CAAC,CAAC,EAC9D,KACL,IAAI,EAAK,SAAU,CACf,EAAM,eAAe,EACrB,MACJ,CACA,EAAY,EAAK,MAAO,CAAC,IAAK,EAAK,IAAK,MAAO,EAAK,KAAK,CAAC,CAD1D,CAEJ,EAEM,GAAqB,GAAuB,CAC9C,EAAoB,EAAS,EAAM,OAAQ,EAAiB,EAAY,CAAC,CAAC,CAAC,EAAE,KAAO,KACpF,OAAO,aAAa,CAAiB,EACrC,EAAoB,OAAO,eAAiB,CACxC,EAAoB,KACpB,EAAoB,IAAA,EACxB,CAAC,CACL,EAEM,GAAe,GAAuB,CACxC,IAAM,EAAO,EAAS,EAAM,OAAQ,EAAiB,EAAY,CAAC,CAAC,EAC9D,GAAQ,EAAM,SAAW,EAAK,KAAO,GAAK,WAC/C,EAAc,CAAC,CAAC,aAAa,CAAC,GAAI,EAAK,GAAG,CAAC,EACvC,EAAa,CAAC,CAAC,aAAe,aAAe,IAAsB,EAAK,IACxE,EAAY,EAAK,MAAO,CAAC,IAAK,EAAK,IAAK,MAAO,EAAK,MAAO,OAAQ,EAAK,CAAC,EACtE,EAAQ,EACnB,EAEM,GAAiB,GAA+B,CAClD,IAAM,EAAO,EAAS,EAAM,OAAQ,EAAiB,EAAY,CAAC,CAAC,EACnE,GAAI,CAAC,GAAQ,EAAM,SAAW,EAAK,IAAK,OACxC,GAAI,EAAM,MAAQ,KAAO,EAAK,eAAe,kBAAmB,CAC5D,EAAM,eAAe,EACrB,EAAY,EAAK,MAAO,CAAC,IAAK,EAAK,IAAK,MAAO,EAAK,MAAO,OAAQ,EAAK,CAAC,EACzE,MACJ,CACA,IAAM,EAAc,EAAgB,EAAK,IAAI,QAAqB,qBAAqB,CAAC,EACxF,GAAI,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAc,CAAC,CAAC,WAAW,EAC3B,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAc,CAAC,CAAC,UAAU,EAC1B,MACJ,CACA,GAAI,IAAgB,WAAY,CACxB,EAAM,MAAQ,aACd,EAAM,eAAe,EACrB,EAAc,CAAC,CAAC,UAAU,GACnB,EAAM,MAAQ,YACrB,EAAM,eAAe,EACrB,EAAc,CAAC,CAAC,cAAc,GAElC,MACJ,CACI,EAAM,MAAQ,cACd,EAAM,eAAe,EACjB,EAAM,CAAC,GAAI,EAAK,CAAC,CAAC,EAAG,EAAc,CAAC,CAAC,cAAc,EAClD,EAAc,CAAC,CAAC,UAAU,GACxB,EAAM,MAAQ,cACrB,EAAM,eAAe,EACjB,EAAM,CAAC,GAAI,EAAK,CAAC,CAAC,EAAG,EAAc,CAAC,CAAC,UAAU,EAC9C,EAAc,CAAC,CAAC,cAAc,EAE3C,EAEM,GAAoB,GAA0C,CAChE,EAAO,KAAK,CAAC,KAAM,gBAAiB,GAAG,CAAI,CAAC,CAChD,EAEM,EAAkB,GAAqC,CACzD,IAAqB,EACrB,IAAM,EAAU,CAAC,EAAK,CAAC,EACnB,EAAW,cAAc,EAAQ,KAAK,EAAW,YAAY,EACjE,EAAqB,EAAuB,CACxC,QAAS,EAAe,CAAO,EAC/B,SAAY,EAAkB,EAAiB,EAAY,CAAC,CAAC,EAC7D,SAAU,GACV,SAAU,CACN,UAAW,GACX,QAAS,GACT,WAAY,GACZ,gBAAiB,CACb,aACA,gBACA,WACA,qBACA,aACA,eACA,YACA,mBACA,WACA,IACJ,CACJ,CACJ,CAAC,CACL,EAEM,EAAuB,GAAqC,CAC9D,GAAgB,WAAW,EACvB,OAAO,eAAmB,MAC9B,EAAiB,IAAI,mBAAqB,CACtC,GAAI,CAAC,EAAQ,OACb,IAAM,EAAO,EAAiB,EAAY,CAAC,EACvC,EAAK,aAAa,EAAkB,EAAK,YAAa,CAAI,CAClE,CAAC,EACG,EAAW,aAAa,EAAe,QAAQ,EAAW,WAAW,EACzE,EAAW,MAAM,QAAS,GAAS,GAAgB,QAAQ,EAAK,GAAG,CAAC,EACxE,EAEI,EAuEJ,MAtEA,GAAY,CACR,GAAG,EACH,IAAI,OAAgB,CAChB,OAAO,KAAK,SAAS,SAAS,QAAQ,UAAU,OAAS,EAC7D,EACA,MAAa,CACT,EAAS,KAAK,IACd,EAAO,QAAQ,KAAK,IAAK,KAAK,QAAQ,EACtC,EAAa,EAA2B,CACpC,OACA,aAAc,qBACd,WAAa,GAAY,CAAC,EAAK,CAAO,GAC/B,EAAY,EAAQ,QAAQ,QAAQ,GACpC,EAAQ,aAAa,UAAU,EACtC,SAAY,EAAa,CAAC,CAAC,IAC/B,CAAC,EACD,IAAM,EAAa,EAAQ,CAAC,UAAW,EAAI,CAAC,EAC5C,EAAe,CAAU,EACzB,EAAoB,CAAU,CAClC,EACA,SAAgB,CACZ,IAAqB,EACrB,EAAqB,KACrB,GAAgB,WAAW,EAC3B,EAAiB,KACjB,OAAO,aAAa,CAAiB,EACrC,EAAoB,KACpB,EAAoB,IAAA,GACpB,EAAO,WAAW,EAClB,EAAa,KACb,EAAS,IACb,EACA,oBAAoB,EAAgE,CAChF,GAAI,EAAE,EAAW,cAAc,SAAU,OAAO,QAAQ,QAAQ,EAChE,IAAM,EAAQ,EAAe,EAAW,EAAE,EAO1C,OANK,EACD,CAAC,EAAW,MAAM,SAAW,EAAW,MAAM,SAAW,IACzD,EAAoB,CAAK,EAClB,EAAW,GAGf,EAAK,EAAY,CACpB,OAAQ,EAAM,UACd,WAAc,EAAoB,CAAK,EACvC,KAAM,eACN,WAAY,CAAC,OAAQ,CAAC,CAC1B,CAAC,EAXkB,QAAQ,QAAQ,CAYvC,EACA,IAAI,MAAsB,CACtB,MAAO,CACH,eAAgB,GAChB,wBAA2B,EAAa,CAAC,CAAC,YAC1C,uBAA0B,EAAa,CAAC,CAAC,WACzC,oBAAuB,EAAa,CAAC,CAAC,QAAU,GAAK,IAAA,GACrD,eAAgB,GAChB,SAAU,GACV,WAAY,GACZ,WAAa,GAAiB,CACtB,aAAiB,eAAe,GAAc,CAAK,CAC3D,CACJ,CACJ,EACA,OAAO,EAAqB,CACxB,EAAY,CAAK,CACrB,EACA,SAAS,EAAwB,CAC7B,OAAO,KAAK,SAAS,SAAS,QAAQ,UAAU,QAAU,CAC9D,CACJ,EAEO,CACX,EAEM,EAAe,EAAiB,SAAU,CAAM,EChnBhD,EAAa,IAAI,QAEjB,EAAgB,GAAqC,CACnD,EAAW,IAAI,CAAc,IACjC,EAAW,IAAI,CAAc,EAC7B,EAAyB,CAAc,EACvC,EAAkB,CAAc,EACpC"}
+{"version":3,"file":"entry.generated-BRaKxvab.js","names":[],"sources":["../../../../../../../../client/src/components/tabs/contract.ts","../../../../../../../../client/src/components/tabs/machine.ts","../../../../../../../../client/src/components/tabs/index.ts","../../../../../../../../client/src/components/tabs/entry.generated.ts"],"sourcesContent":["import {bool, oneOf, string, type SchemaToProps} from '../../runtime';\nimport {\n    INTERACTION_TREATMENTS,\n    LAYOUT_SPACES,\n    ORIENTATIONS,\n    SELECTION_COLORS,\n    type ControlSize,\n    type LayoutSpace,\n    type Orientation,\n} from '../common';\n\nconst TABS_ACTIVATIONS = ['manual', 'automatic'] as const;\nconst TABS_ORIENTATIONS = ORIENTATIONS;\nconst TABS_LIST_ORIENTATIONS = ['inherit', ...TABS_ORIENTATIONS] as const;\nconst TABS_LIST_GAPS = ['auto', ...LAYOUT_SPACES] as const;\nconst TABS_VARIANTS = ['subtle', 'line', 'segmented', 'pills'] as const;\nconst TABS_SIZES = ['sm', 'md'] as const satisfies readonly ControlSize[];\nconst TABS_COLORS = SELECTION_COLORS;\nconst TABS_INTERACTIONS = INTERACTION_TREATMENTS;\n\nconst tabsSchema = {\n    id: string.default('ui-tabs'),\n    animate: bool,\n    defaultValue: string,\n    value: string,\n    activation: oneOf(TABS_ACTIVATIONS, 'manual'),\n    orientation: oneOf(TABS_ORIENTATIONS, 'horizontal'),\n    gap: oneOf(TABS_LIST_GAPS, 'auto'),\n    loop: bool.default(true),\n    panels: string,\n    class: string,\n};\n\ntype TabsActivation = typeof TABS_ACTIVATIONS[number];\ntype TabsOrientation = Orientation;\ntype TabsGap = 'auto' | LayoutSpace;\ntype TabsListOrientation = typeof TABS_LIST_ORIENTATIONS[number];\ntype TabsListGap = TabsGap;\ntype TabsVariant = typeof TABS_VARIANTS[number];\ntype TabsSize = typeof TABS_SIZES[number];\ntype TabsColor = typeof TABS_COLORS[number];\ntype TabsInteraction = typeof TABS_INTERACTIONS[number];\ntype TabsProps = SchemaToProps<typeof tabsSchema>;\n\nexport {\n    TABS_ACTIVATIONS,\n    TABS_COLORS,\n    TABS_INTERACTIONS,\n    TABS_LIST_ORIENTATIONS,\n    TABS_LIST_GAPS,\n    TABS_ORIENTATIONS,\n    TABS_SIZES,\n    TABS_VARIANTS,\n    tabsSchema,\n};\nexport type {\n    TabsActivation,\n    TabsColor,\n    TabsGap,\n    TabsListOrientation,\n    TabsInteraction,\n    TabsListGap,\n    TabsOrientation,\n    TabsProps,\n    TabsSize,\n    TabsVariant,\n};\n","import {\n    createMachine,\n    propsChanged,\n    propsChangedEvent,\n    type Machine,\n    type MachineEventObject,\n    type MachineScope,\n} from '../../runtime/state-machine';\nimport {defineHook, type TransitionHookDefinition} from '../../runtime/transition-coordinator';\nimport type {TabsProps} from './contract';\n\ntype TabsContext = {\n    selection: {value: string};\n    change: {previousValue: string; value: string; panelId: string};\n    collection: {values: string[]; disabledValues: string[]; panelIds: Record<string, string>};\n};\n\ntype TabsTransitionData = TabsContext['change'];\n\ntype TabsMachineEffects = {\n    prepareSwitch(scope: MachineScope<TabsContext, TabsProps>): void;\n    finishSwitch(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncDom(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncProps(scope: MachineScope<TabsContext, TabsProps>): void;\n    syncItems(scope: MachineScope<TabsContext, TabsProps>): void;\n};\n\ntype CreateTabsMachineOptions = {\n    props: TabsProps;\n    context: TabsContext;\n    effects: TabsMachineEffects;\n};\n\nconst switchingHook = defineHook({\n    name: 'switching',\n    state: 'switching',\n    project: (snapshot) => snapshot.context.change,\n    onDone: 'SWITCH_DONE',\n    onError: 'SWITCH_ERROR',\n    sends: {\n        select: (value: string) => ({type: 'SELECT', value}),\n    },\n} satisfies TransitionHookDefinition<TabsContext, TabsProps, TabsTransitionData, 'switching'>);\n\nconst tabsHooks = [switchingHook] as const;\n\nconst stringValue = (value: unknown): string => typeof value === 'string' ? value : '';\nconst stringValues = (value: unknown): string[] => Array.isArray(value)\n    ? value.filter((item): item is string => typeof item === 'string')\n    : [];\nconst panelIds = (value: unknown): Record<string, string> => {\n    if (!value || typeof value !== 'object' || Array.isArray(value)) return {};\n    return Object.fromEntries(Object.entries(value).filter((entry): entry is [string, string] => (\n        typeof entry[1] === 'string'\n    )));\n};\n\nconst nextProps = (scope: MachineScope<TabsContext, TabsProps>): TabsProps => (\n    propsChangedEvent<TabsProps>(scope.event)?.props ?? scope.props\n);\n\nconst nextCollection = (scope: MachineScope<TabsContext, TabsProps>): TabsContext['collection'] => {\n    if (scope.event.type !== 'ITEMS_CHANGED') return scope.context.collection;\n    return {\n        values: stringValues(scope.event.values),\n        disabledValues: stringValues(scope.event.disabledValues),\n        panelIds: panelIds(scope.event.panelIds),\n    };\n};\n\nconst normalizeValue = (value: string, collection: TabsContext['collection']): string => {\n    if (value && collection.values.includes(value) && !collection.disabledValues.includes(value)) return value;\n    return collection.values.find((item) => !collection.disabledValues.includes(item)) ?? '';\n};\n\nconst nextValue = (scope: MachineScope<TabsContext, TabsProps>): string => {\n    const collection = nextCollection(scope);\n    if (scope.event.type === 'SELECT') {\n        const requested = stringValue(scope.event.value);\n        return requested && collection.values.includes(requested) && !collection.disabledValues.includes(requested)\n            ? requested\n            : scope.context.selection.value;\n    }\n    if (scope.event.type === 'PROPS_CHANGED' && propsChanged<TabsProps>(scope.event, 'value')) {\n        return normalizeValue(nextProps(scope).value, collection);\n    }\n    return normalizeValue(scope.context.selection.value, collection);\n};\n\nconst selectionChanges = (scope: MachineScope<TabsContext, TabsProps>): boolean => (\n    scope.context.selection.value !== nextValue(scope)\n);\n\nconst transition = (target: 'switching', effects: 'prepareSwitch') => ({\n    target,\n    guard: selectionChanges,\n    reduce: 'applySwitch',\n    effects,\n} as const);\n\nconst createTabsMachine = ({\n    props,\n    context,\n    effects,\n}: CreateTabsMachineOptions): Machine<TabsContext, TabsProps> => createMachine<TabsContext, TabsProps>({\n    initial: 'stable',\n    on: {\n        DOM_INVALIDATED: {effects: 'syncDom'},\n    },\n    states: {\n        stable: {\n            tags: ['stable'],\n            on: {\n                SELECT: transition('switching', 'prepareSwitch'),\n                PROPS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncProps'},\n                ],\n                ITEMS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncItems'},\n                ],\n            },\n        },\n        switching: {\n            tags: ['switching', 'transitioning'],\n            on: {\n                SWITCH_DONE: {target: 'stable', effects: 'finishSwitch'},\n                SWITCH_ERROR: {target: 'stable', effects: 'finishSwitch'},\n                SELECT: transition('switching', 'prepareSwitch'),\n                PROPS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncProps'},\n                ],\n                ITEMS_CHANGED: [\n                    transition('switching', 'prepareSwitch'),\n                    {reduce: 'reconcile', effects: 'syncItems'},\n                ],\n            },\n        },\n    },\n}, {\n    context,\n    props,\n    reducers: {\n        applySwitch: (scope) => {\n            const collection = nextCollection(scope);\n            const value = nextValue(scope);\n            return {\n                props: nextProps(scope),\n                context: {\n                    ...scope.context,\n                    selection: {value},\n                    change: {\n                        previousValue: scope.context.selection.value,\n                        value,\n                        panelId: collection.panelIds[value] ?? '',\n                    },\n                    collection,\n                },\n            };\n        },\n        reconcile: (scope) => ({\n            props: nextProps(scope),\n            context: {\n                ...scope.context,\n                collection: nextCollection(scope),\n                selection: {value: nextValue(scope)},\n            },\n        }),\n    },\n    effects: {\n        prepareSwitch: effects.prepareSwitch,\n        finishSwitch: effects.finishSwitch,\n        syncDom: effects.syncDom,\n        syncProps: effects.syncProps,\n        syncItems: effects.syncItems,\n    },\n});\n\nexport {createTabsMachine, tabsHooks};\nexport type {\n    CreateTabsMachineOptions,\n    TabsContext,\n    TabsMachineEffects,\n    TabsTransitionData,\n};\n","import type Alpine from 'alpinejs';\n\nimport {\n    type AlpineMachine,\n    type BindingObject,\n    createAlpineMachine,\n    createCollectionNavigation,\n    type CollectionNavigation,\n    defineAlpineData,\n    type MachineSnapshot,\n    observeSemanticChanges,\n    type TransitionForHook,\n    type TrellisAlpineComponent,\n} from '@client/runtime';\nimport {\n    flip,\n    type MotionHandle,\n    type MotionTransitionSubject,\n} from '@client/motion';\nimport {noopHandle} from '@client/motion/animate';\nimport {asBool, dispatch, isRtl, setPresence} from '@client/utils';\nimport {\n    tabsSchema,\n    type TabsOrientation,\n    type TabsProps,\n    type TabsSize,\n    type TabsVariant,\n} from './contract';\nimport {\n    createTabsMachine,\n    type TabsContext,\n    tabsHooks,\n    type TabsTransitionData,\n} from './machine';\n\ntype TabsTransitionName = (typeof tabsHooks)[number]['name'];\ntype TabsTransition<TName extends TabsTransitionName = TabsTransitionName> = TransitionForHook<\n    Extract<(typeof tabsHooks)[number], {name: TName}>,\n    HTMLElement\n>;\n\ntype IndicatorFrame = {indicator: HTMLElement; styles: {\n    height: number;\n    left: number;\n    top: number;\n    width: number;\n}};\n\ntype TabsTabElement = HTMLButtonElement | HTMLAnchorElement;\n\ntype TabsItem = {\n    tab: TabsTabElement;\n    value: string;\n    disabled: boolean;\n    panel: HTMLElement | null;\n};\n\ntype TabsProjection = {\n    ownerId: string;\n    primaryList: HTMLElement | null;\n    panelsTarget: HTMLElement | null;\n    panels: HTMLElement[];\n    panelByValue: Map<string, HTMLElement>;\n    items: TabsItem[];\n    itemByValue: Map<string, TabsItem>;\n    itemByTab: Map<TabsTabElement, TabsItem>;\n    tabStop: TabsTabElement | null;\n};\n\ntype TabsChangeDetail = {value: string};\ntype TabsActivateDetail = {value: string; panelId: string};\n\n/**\n * Public Alpine API for `ui.tabs`.\n *\n * @public\n */\ninterface UiTabsApi {\n    /** Currently selected tab value. */\n    readonly value: string;\n\n    /** Select an enabled tab that belongs to this Tabs owner. */\n    select(value: string): void;\n\n    /** Whether `value` is currently selected. */\n    isActive(value: string): boolean;\n}\n\ntype TabsData = AlpineMachine<TabsContext, TabsProps, typeof tabsHooks> & UiTabsApi & {\n    readonly root: BindingObject;\n    init(): void;\n    destroy(): void;\n    transitionIndicator(transition: TabsMotionTransition): MotionHandle | Promise<void>;\n};\n\ntype TabsMotionTransition = MotionTransitionSubject & Readonly<{\n    el: unknown;\n    event: {motion?: boolean};\n    props: {animate: boolean};\n}>;\n\nconst DEFAULT_OWNER = 'ui-tabs';\nconst stateFor = (active: boolean): 'active' | 'inactive' => active ? 'active' : 'inactive';\nconst safeIdPart = (value: string): string => {\n    const sanitized = value.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');\n    return sanitized || 'tab';\n};\nconst tabIdFor = (owner: string, value: string): string => `${owner}-tab-${safeIdPart(value)}`;\nconst panelIdFor = (owner: string, value: string): string => `${owner}-panel-${safeIdPart(value)}`;\nconst isTabElement = (element: Element | null): element is TabsTabElement => (\n    element instanceof HTMLButtonElement || element instanceof HTMLAnchorElement\n);\nconst uniqueElements = <T extends HTMLElement>(elements: T[]): T[] => Array.from(new Set(elements));\n\nconst UiTabs = (): TrellisAlpineComponent<TabsData> => {\n    let rootEl: (HTMLElement & Alpine.ElementWithXAttributes) | null = null;\n    let collection: CollectionNavigation | null = null;\n    let disconnectObserver: (() => void) | null = null;\n    let resizeObserver: ResizeObserver | null = null;\n    let pointerFocusedTab: TabsTabElement | null = null;\n    let pointerFocusReset: number | undefined;\n    let connectingProps: TabsProps | null = null;\n\n    const root = (): HTMLElement & Alpine.ElementWithXAttributes => {\n        if (!rootEl) throw new Error('Tabs has not been initialized.');\n        return rootEl;\n    };\n    const owner = (): string => root().id || root().dataset.id || root().dataset.owner || DEFAULT_OWNER;\n    const owns = (element: Element): boolean => element.closest('[data-ui-tabs]') === root();\n    const boolDataset = (value: string | undefined): boolean => asBool({value});\n\n    const listVariant = (list: HTMLElement | null): TabsVariant => {\n        const value = list?.dataset.variant;\n        if (value === 'subtle' || value === 'segmented' || value === 'pills') return value;\n        return 'line';\n    };\n    const listSize = (list: HTMLElement | null): TabsSize => (\n        list?.dataset.size === 'sm' ? 'sm' : 'md'\n    );\n    const listOrientation = (list: HTMLElement | null): TabsOrientation => {\n        const value = list?.dataset.orientation;\n        return value === 'vertical' || value === 'horizontal' ? value : currentProps().orientation;\n    };\n\n    const createProjection = (selectedValue?: string): TabsProjection => {\n        const ownerId = owner();\n        const detached = (panel: HTMLElement): boolean => (\n            panel.dataset.uiTabsOwner === ownerId || panel.dataset.owner === ownerId\n        );\n        const primaryList = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-list]'),\n        ).find(owns) ?? null;\n        const foundPanels = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-panel]'),\n        ).filter(owns);\n        const selector = currentProps().panels;\n        const panelsTarget = selector ? document.querySelector<HTMLElement>(selector) : null;\n        if (panelsTarget) {\n            foundPanels.push(...Array.from(\n                panelsTarget.querySelectorAll<HTMLElement>('[data-ui-tabs-panel]'),\n            ).filter(detached));\n        }\n        foundPanels.push(...Array.from(document.querySelectorAll<HTMLElement>(\n            `[data-ui-tabs-panel][data-ui-tabs-owner=\"${CSS.escape(ownerId)}\"]`,\n        )).filter(detached));\n        const panels = uniqueElements(foundPanels);\n        const panelByValue = new Map<string, HTMLElement>();\n        panels.forEach((panel) => {\n            const value = panel.dataset.value || '';\n            if (!panelByValue.has(value)) panelByValue.set(value, panel);\n        });\n        const items = Array.from(\n            root().querySelectorAll<HTMLElement>('[data-ui-tabs-tab]'),\n        ).filter(owns).map((element, index) => {\n            if (!isTabElement(element)) return null;\n            element.dataset.value ||= `tab-${index + 1}`;\n            return {\n                tab: element,\n                value: element.dataset.value,\n                disabled: boolDataset(element.dataset.disabled) || element.hasAttribute('disabled'),\n                panel: panelByValue.get(element.dataset.value) ?? null,\n            } satisfies TabsItem;\n        }).filter((item): item is TabsItem => item !== null);\n        const itemByValue = new Map<string, TabsItem>();\n        const itemByTab = new Map<TabsTabElement, TabsItem>();\n        items.forEach((item) => {\n            if (!itemByValue.has(item.value)) itemByValue.set(item.value, item);\n            itemByTab.set(item.tab, item);\n        });\n        const focused = items.find((item) => (\n            document.activeElement === item.tab || item.tab.dataset.active === 'true'\n        ));\n        return {\n            ownerId,\n            primaryList,\n            panelsTarget,\n            panels,\n            panelByValue,\n            items,\n            itemByValue,\n            itemByTab,\n            tabStop: focused?.tab ?? (selectedValue ? itemByValue.get(selectedValue)?.tab ?? null : null),\n        };\n    };\n\n    const itemFrom = (target: EventTarget | null, projection: TabsProjection): TabsItem | null => {\n        if (!(target instanceof Element)) return null;\n        const tab = target.closest<HTMLElement>('[data-ui-tabs-tab]');\n        return tab && isTabElement(tab) && owns(tab) ? projection.itemByTab.get(tab) ?? null : null;\n    };\n\n    const collectionContext = (projection: TabsProjection): TabsContext['collection'] => {\n        const records = projection.items;\n        return {\n            values: records.map((item) => item.value),\n            disabledValues: records.filter((item) => item.disabled).map((item) => item.value),\n            panelIds: Object.fromEntries(records.map((item) => [\n                item.value,\n                item.panel?.id || panelIdFor(\n                    item.tab.dataset.uiTabsOwner || item.tab.dataset.owner || projection.ownerId,\n                    item.value,\n                ),\n            ])),\n        };\n    };\n\n    const initialContext = (props: TabsProps): TabsContext => {\n        const projection = createProjection();\n        const collectionState = collectionContext(projection);\n        const authoredTab = projection.items.find((item) => (\n            boolDataset(item.tab.dataset.selected) || item.tab.getAttribute('aria-selected') === 'true'\n        ));\n        const authoredPanel = projection.panels.find((panel) => boolDataset(panel.dataset.selected));\n        const requested = props.value || props.defaultValue || authoredTab?.value || authoredPanel?.dataset.value || '';\n        const value = requested\n            && collectionState.values.includes(requested)\n            && !collectionState.disabledValues.includes(requested)\n            ? requested\n            : collectionState.values.find((item) => !collectionState.disabledValues.includes(item)) ?? '';\n        return {\n            selection: {value},\n            change: {previousValue: '', value, panelId: collectionState.panelIds[value] ?? ''},\n            collection: collectionState,\n        };\n    };\n\n    const currentProps = (): Readonly<TabsProps> => (\n        connectingProps ?? bridge.getCommittedSnapshot().props\n    );\n    const currentContext = (): Readonly<TabsContext> => bridge.getCommittedSnapshot().context;\n\n    const activeValue = (): string => currentContext().selection.value;\n\n    const indicatorFor = (list: HTMLElement): HTMLElement | null => (\n        list.querySelector<HTMLElement>(':scope > [data-ui-tabs-indicator]')\n    );\n    const indicatorFrame = (tab: Element): IndicatorFrame | null => {\n        if (!(tab instanceof HTMLElement)) return null;\n        const list = tab.closest<HTMLElement>('[data-ui-tabs-list]');\n        const indicator = list ? indicatorFor(list) : null;\n        if (!list || !indicator) return null;\n        indicator.hidden = false;\n        const listRect = list.getBoundingClientRect();\n        const tabRect = tab.getBoundingClientRect();\n        const vertical = list.dataset.orientation === 'vertical';\n        const line = list.dataset.variant === 'line';\n        const width = line && vertical ? 2 : tabRect.width;\n        const height = line && !vertical ? 2 : tabRect.height;\n        const separatorWidth = line\n            ? Number.parseFloat(getComputedStyle(list).getPropertyValue('--border-width-edge-separator')) || 1\n            : 0;\n        const targetLeft = line && vertical\n            ? listRect.left - ((width - separatorWidth) / 2)\n            : tabRect.left;\n        const targetTop = line && !vertical\n            ? listRect.bottom - ((height + separatorWidth) / 2)\n            : tabRect.top;\n        return {\n            indicator,\n            styles: {\n                height,\n                left: targetLeft - listRect.left,\n                top: targetTop - listRect.top,\n                width,\n            },\n        };\n    };\n    const applyIndicatorFrame = (frame: IndicatorFrame): void => {\n        frame.indicator.style.height = `${frame.styles.height}px`;\n        frame.indicator.style.left = `${frame.styles.left}px`;\n        frame.indicator.style.top = `${frame.styles.top}px`;\n        frame.indicator.style.width = `${frame.styles.width}px`;\n    };\n    const positionIndicator = (list: HTMLElement, projection: TabsProjection): void => {\n        const indicator = indicatorFor(list);\n        if (!indicator) return;\n        const active = projection.items.find((item) => (\n            item.value === activeValue() && item.tab.closest('[data-ui-tabs-list]') === list\n        ));\n        if (!active) {\n            indicator.hidden = true;\n            list.dataset.uiTabsReady = '';\n            return;\n        }\n        const frame = indicatorFrame(active.tab);\n        if (frame) applyIndicatorFrame(frame);\n        list.dataset.uiTabsReady = '';\n    };\n\n    const syncRoot = (): void => {\n        const props = currentProps();\n        if (!root().id && props.id) root().id = props.id;\n        root().dataset.orientation = props.orientation;\n        root().dataset.activation = props.activation;\n        root().dataset.value = activeValue();\n        setPresence({el: root(), attr: 'data-animate', present: props.animate});\n    };\n\n    const syncList = (list: HTMLElement): void => {\n        const orientation = listOrientation(list);\n        list.setAttribute('role', 'tablist');\n        list.dataset.orientation = orientation;\n        if (orientation === 'vertical') list.setAttribute('aria-orientation', 'vertical');\n        else list.removeAttribute('aria-orientation');\n    };\n\n    const syncTab = (item: TabsItem, projection: TabsProjection): void => {\n        const active = item.value === activeValue();\n        const list = item.tab.closest<HTMLElement>('[data-ui-tabs-list]');\n        const orientation = listOrientation(list);\n        const variant = listVariant(list);\n        const size = listSize(list);\n        const ownerId = item.tab.dataset.uiTabsOwner || item.tab.dataset.owner || owner();\n        const selectedIcon = item.tab.querySelector<HTMLElement>('[data-ui-tabs-tab-selected-icon]');\n        const state = stateFor(active);\n\n        item.tab.id ||= tabIdFor(ownerId, item.value);\n        item.tab.dataset.state = state;\n        item.tab.dataset.orientation = orientation;\n        item.tab.dataset.variant = variant;\n        item.tab.dataset.size = size;\n        item.tab.setAttribute('role', 'tab');\n        item.tab.setAttribute('aria-selected', active ? 'true' : 'false');\n        item.tab.setAttribute('aria-controls', item.panel?.id || panelIdFor(ownerId, item.value));\n        item.tab.tabIndex = item.tab === projection.tabStop ? 0 : -1;\n        setPresence({el: item.tab, attr: 'data-selected', present: active});\n        if (selectedIcon) selectedIcon.style.visibility = active ? 'visible' : 'hidden';\n\n        setPresence({el: item.tab, attr: 'data-disabled', present: item.disabled});\n        if (item.disabled) {\n            item.tab.setAttribute('aria-disabled', 'true');\n            item.tab.tabIndex = -1;\n        } else item.tab.removeAttribute('aria-disabled');\n        if (item.tab instanceof HTMLButtonElement) item.tab.disabled = item.disabled;\n    };\n\n    const syncPanel = (panel: HTMLElement): void => {\n        const value = panel.dataset.value || '';\n        const active = value === activeValue();\n        const ownerId = panel.dataset.uiTabsOwner || panel.dataset.owner || owner();\n        const id = panelIdFor(ownerId, value);\n        if (value && !panel.id) panel.id = id;\n        if (value && !panel.hasAttribute('data-ui-key')) panel.setAttribute('data-ui-key', panel.id || id);\n        panel.dataset.state = stateFor(active);\n        panel.dataset.orientation = currentProps().orientation;\n        panel.setAttribute('role', 'tabpanel');\n        panel.setAttribute('aria-labelledby', tabIdFor(ownerId, value));\n        if (!panel.hasAttribute('tabindex')) panel.tabIndex = 0;\n        panel.hidden = !active;\n        setPresence({el: panel, attr: 'data-selected', present: active});\n    };\n\n    const syncAll = ({indicator = false}: {indicator?: boolean} = {}): TabsProjection => {\n        syncRoot();\n        const projection = createProjection(activeValue());\n        const tabList = projection.primaryList;\n        if (tabList) syncList(tabList);\n        projection.items.forEach((item) => syncTab(item, projection));\n        projection.panels.forEach(syncPanel);\n        if (indicator && tabList) positionIndicator(tabList, projection);\n        return projection;\n    };\n\n    const emitChange = (): void => {\n        dispatch<TabsChangeDetail>({el: root(), name: 'ui:change', detail: {value: activeValue()}});\n    };\n    const emitActivate = (tab: TabsTabElement, value: string, panelId: string): void => {\n        dispatch<TabsActivateDetail>({\n            el: tab,\n            name: 'ui:tabs:activate',\n            detail: {value, panelId},\n        });\n    };\n    const syncDom = (): void => {\n        const projection = syncAll({indicator: true});\n        setupObservers(projection);\n        setupResizeObserver(projection);\n    };\n\n    const bridge = createAlpineMachine({\n        schema: tabsSchema,\n        hooks: tabsHooks,\n        resolveTransitionElement: ({data}) => (\n            createProjection(activeValue()).itemByValue.get((data as TabsTransitionData).value)?.tab ?? null\n        ),\n        createMachine: ({props}) => {\n            connectingProps = props;\n            const context = initialContext(props);\n            connectingProps = null;\n            return createTabsMachine({\n                props,\n                context,\n                effects: {\n                    prepareSwitch: ({event}) => {\n                        syncAll();\n                        if (event.type === 'SELECT') emitChange();\n                    },\n                    finishSwitch: () => syncAll(),\n                    syncDom,\n                    syncProps: syncDom,\n                    syncItems: () => {\n                        const projection = syncAll({indicator: true});\n                        setupResizeObserver(projection);\n                    },\n                },\n            });\n        },\n    });\n\n    const collectionNav = (): CollectionNavigation => {\n        if (!collection) throw new Error('Tabs navigation has not been initialized.');\n        return collection;\n    };\n\n    const selectValue = (value: string, {tab, panel, motion = true}: {\n        tab?: TabsTabElement;\n        panel?: HTMLElement | null;\n        motion?: boolean;\n    } = {}): void => {\n        const previous = activeValue();\n        bridge.send({type: 'SELECT', value, motion});\n        if (activeValue() !== previous && tab) emitActivate(tab, activeValue(), panel?.id ?? '');\n    };\n\n    const handleClick = (event: Event): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item) return;\n        if (item.disabled) {\n            event.preventDefault();\n            return;\n        }\n        selectValue(item.value, {tab: item.tab, panel: item.panel});\n    };\n\n    const handlePointerDown = (event: Event): void => {\n        pointerFocusedTab = itemFrom(event.target, createProjection(activeValue()))?.tab ?? null;\n        window.clearTimeout(pointerFocusReset);\n        pointerFocusReset = window.setTimeout(() => {\n            pointerFocusedTab = null;\n            pointerFocusReset = undefined;\n        });\n    };\n\n    const handleFocus = (event: Event): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item || event.target !== item.tab || item.disabled) return;\n        collectionNav().activateItem({el: item.tab});\n        if (currentProps().activation === 'automatic' && pointerFocusedTab !== item.tab) {\n            selectValue(item.value, {tab: item.tab, panel: item.panel, motion: false});\n        } else syncAll();\n    };\n\n    const handleKeydown = (event: KeyboardEvent): void => {\n        const item = itemFrom(event.target, createProjection(activeValue()));\n        if (!item || event.target !== item.tab) return;\n        if (event.key === ' ' && item.tab instanceof HTMLAnchorElement) {\n            event.preventDefault();\n            selectValue(item.value, {tab: item.tab, panel: item.panel, motion: false});\n            return;\n        }\n        const orientation = listOrientation(item.tab.closest<HTMLElement>('[data-ui-tabs-list]'));\n        if (event.key === 'Home') {\n            event.preventDefault();\n            collectionNav().focusFirst();\n            return;\n        }\n        if (event.key === 'End') {\n            event.preventDefault();\n            collectionNav().focusLast();\n            return;\n        }\n        if (orientation === 'vertical') {\n            if (event.key === 'ArrowDown') {\n                event.preventDefault();\n                collectionNav().focusNext();\n            } else if (event.key === 'ArrowUp') {\n                event.preventDefault();\n                collectionNav().focusPrevious();\n            }\n            return;\n        }\n        if (event.key === 'ArrowRight') {\n            event.preventDefault();\n            if (isRtl({el: root()})) collectionNav().focusPrevious();\n            else collectionNav().focusNext();\n        } else if (event.key === 'ArrowLeft') {\n            event.preventDefault();\n            if (isRtl({el: root()})) collectionNav().focusNext();\n            else collectionNav().focusPrevious();\n        }\n    };\n\n    const sendItemsChanged = (next: TabsContext['collection']): void => {\n        bridge.send({type: 'ITEMS_CHANGED', ...next});\n    };\n\n    const setupObservers = (projection: TabsProjection): void => {\n        disconnectObserver?.();\n        const targets = [root()];\n        if (projection.panelsTarget) targets.push(projection.panelsTarget);\n        disconnectObserver = observeSemanticChanges({\n            targets: uniqueElements(targets),\n            read: () => collectionContext(createProjection(activeValue())),\n            onChange: sendItemsChanged,\n            observer: {\n                childList: true,\n                subtree: true,\n                attributes: true,\n                attributeFilter: [\n                    'data-value',\n                    'data-disabled',\n                    'disabled',\n                    'data-ui-tabs-owner',\n                    'data-owner',\n                    'data-variant',\n                    'data-size',\n                    'data-orientation',\n                    'data-gap',\n                    'id',\n                ],\n            },\n        });\n    };\n\n    const setupResizeObserver = (projection: TabsProjection): void => {\n        resizeObserver?.disconnect();\n        if (typeof ResizeObserver === 'undefined') return;\n        resizeObserver = new ResizeObserver(() => {\n            if (!rootEl) return;\n            const next = createProjection(activeValue());\n            if (next.primaryList) positionIndicator(next.primaryList, next);\n        });\n        if (projection.primaryList) resizeObserver.observe(projection.primaryList);\n        projection.items.forEach((item) => resizeObserver?.observe(item.tab));\n    };\n\n    let component!: TrellisAlpineComponent<TabsData>;\n    component = {\n        ...bridge,\n        get value(): string {\n            return this.snapshot.current?.context.selection.value ?? '';\n        },\n        init(): void {\n            rootEl = this.$el;\n            bridge.connect(this.$el, this.snapshot);\n            collection = createCollectionNavigation({\n                root,\n                itemSelector: '[data-ui-tabs-tab]',\n                isDisabled: (element) => !owns(element)\n                    || boolDataset(element.dataset.disabled)\n                    || element.hasAttribute('disabled'),\n                loop: () => currentProps().loop,\n            });\n            const projection = syncAll({indicator: true});\n            setupObservers(projection);\n            setupResizeObserver(projection);\n        },\n        destroy(): void {\n            disconnectObserver?.();\n            disconnectObserver = null;\n            resizeObserver?.disconnect();\n            resizeObserver = null;\n            window.clearTimeout(pointerFocusReset);\n            pointerFocusedTab = null;\n            pointerFocusReset = undefined;\n            bridge.disconnect();\n            collection = null;\n            rootEl = null;\n        },\n        transitionIndicator(transition: TabsMotionTransition): MotionHandle | Promise<void> {\n            if (!(transition.el instanceof Element)) return Promise.resolve();\n            const frame = indicatorFrame(transition.el);\n            if (!frame) return Promise.resolve();\n            if (!transition.props.animate || transition.event.motion === false) {\n                applyIndicatorFrame(frame);\n                return noopHandle();\n            }\n\n            return flip(transition, {\n                target: frame.indicator,\n                update: () => applyIndicatorFrame(frame),\n                role: 'layoutSpring',\n                transition: {bounce: 0},\n            });\n        },\n        get root(): BindingObject {\n            return {\n                'data-ui-tabs': '',\n                ':data-orientation': () => currentProps().orientation,\n                ':data-activation': () => currentProps().activation,\n                ':data-animate': () => currentProps().animate ? '' : undefined,\n                '@pointerdown': handlePointerDown,\n                '@click': handleClick,\n                '@focusin': handleFocus,\n                '@keydown': (event: Event) => {\n                    if (event instanceof KeyboardEvent) handleKeydown(event);\n                },\n            };\n        },\n        select(value: string): void {\n            selectValue(value);\n        },\n        isActive(value: string): boolean {\n            return this.snapshot.current?.context.selection.value === value;\n        },\n    };\n\n    return component;\n};\n\nconst registerTabs = defineAlpineData('UiTabs', UiTabs);\n\nexport {registerTabs, UiTabs};\nexport type {TabsActivateDetail, TabsChangeDetail, TabsTransition, UiTabsApi};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\nimport {registerMotionCapability} from '../../capabilities/motion';\nimport {registerTabs as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerTabs = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    registerMotionCapability(AlpineInstance);\n    registerComponent(AlpineInstance);\n};\n\nexport {registerTabs};\nexport default registerTabs;\nexport * from './index';\n"],"mappings":"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"}

package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BnqcHAaF.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry.generated-BnqcHAaF.js","names":[],"sources":["../../../../../../../../client/src/components/scroll-area/contract.ts","../../../../../../../../client/src/components/scroll-area/machine.ts","../../../../../../../../client/src/components/scroll-area/styles.ts","../../../../../../../../client/src/components/scroll-area/index.ts","../../../../../../../../client/src/components/scroll-area/entry.generated.ts"],"sourcesContent":["import {bool, oneOf, string, type SchemaToProps} from '../../runtime';\n\nconst SCROLL_AREA_ORIENTATIONS = ['vertical', 'horizontal', 'both'] as const;\nconst SCROLL_AREA_TYPES = ['hover', 'always', 'scroll'] as const;\nconst scrollAreaSchema = {\n    orientation: oneOf(SCROLL_AREA_ORIENTATIONS, 'vertical'),\n    type: oneOf(SCROLL_AREA_TYPES, 'hover'),\n    fill: bool,\n    hideNative: bool.default(true),\n    disabled: bool,\n    class: string,\n    viewportClass: string,\n    scrollbarClass: string,\n    thumbClass: string,\n    cornerClass: string,\n};\n\ntype ScrollAreaOrientation = typeof SCROLL_AREA_ORIENTATIONS[number];\ntype ScrollAreaType = typeof SCROLL_AREA_TYPES[number];\ntype ScrollAreaProps = SchemaToProps<typeof scrollAreaSchema>;\n\nexport {\n    SCROLL_AREA_ORIENTATIONS,\n    SCROLL_AREA_TYPES,\n    scrollAreaSchema,\n};\nexport type {\n    ScrollAreaOrientation,\n    ScrollAreaProps,\n    ScrollAreaType,\n};\n","import {\n    createMachine,\n    propsChangedEvent,\n    type Machine,\n    type MachineEventObject,\n    type MachineScope,\n} from '../../runtime/state-machine';\nimport type {ScrollAreaProps} from './contract';\n\ntype ScrollAxis = 'x' | 'y';\n\ntype ScrollAreaContext = {\n    overflow: {x: boolean; y: boolean};\n};\n\ntype ScrollAreaMachineEffects = {\n    sync(scope: MachineScope<ScrollAreaContext, ScrollAreaProps>): void;\n};\n\ntype CreateScrollAreaMachineOptions = {\n    props: ScrollAreaProps;\n    context: ScrollAreaContext;\n    effects: ScrollAreaMachineEffects;\n};\n\n\nconst axisIs = (axis: ScrollAxis) => ({event}: MachineScope<ScrollAreaContext, ScrollAreaProps>): boolean => (\n    event.axis === axis\n);\n\nconst scrollAreaHooks = [] as const;\n\nconst createScrollAreaMachine = ({\n    props,\n    context,\n    effects,\n}: CreateScrollAreaMachineOptions): Machine<ScrollAreaContext, ScrollAreaProps> => createMachine<ScrollAreaContext, ScrollAreaProps>({\n    type: 'parallel',\n    on: {\n        PROPS_CHANGED: {reduce: 'replaceProps', effects: 'sync'},\n        MEASURED: {reduce: 'setOverflow', effects: 'sync'},\n    },\n    states: {\n        pointer: {\n            initial: 'outside',\n            states: {\n                outside: {on: {POINTER_ENTERED: {target: 'inside', effects: 'sync'}}},\n                inside: {tags: ['hovered'], on: {POINTER_LEFT: {target: 'outside', effects: 'sync'}}},\n            },\n        },\n        focus: {\n            initial: 'outside',\n            states: {\n                outside: {on: {FOCUS_ENTERED: {target: 'inside', effects: 'sync'}}},\n                inside: {tags: ['focused'], on: {FOCUS_LEFT: {target: 'outside', effects: 'sync'}}},\n            },\n        },\n        scrolling: {\n            initial: 'idle',\n            states: {\n                idle: {on: {SCROLLED: {target: 'active', effects: 'sync'}}},\n                active: {tags: ['scrolling'], on: {SCROLL_SETTLED: {target: 'idle', effects: 'sync'}}},\n            },\n        },\n        dragging: {\n            initial: 'idle',\n            states: {\n                idle: {\n                    on: {\n                        DRAG_STARTED: [\n                            {target: 'vertical', guard: axisIs('y'), effects: 'sync'},\n                            {target: 'horizontal', guard: axisIs('x'), effects: 'sync'},\n                        ],\n                    },\n                },\n                vertical: {tags: ['dragging', 'dragging-y'], on: {DRAG_ENDED: {target: 'idle', effects: 'sync'}}},\n                horizontal: {tags: ['dragging', 'dragging-x'], on: {DRAG_ENDED: {target: 'idle', effects: 'sync'}}},\n            },\n        },\n    },\n}, {\n    context,\n    props,\n    reducers: {\n        replaceProps: ({event}) => {\n            const next = propsChangedEvent<ScrollAreaProps>(event);\n            return next ? {props: next.props} : {};\n        },\n        setOverflow: ({context, event}) => ({\n            context: {\n                ...context,\n                overflow: {\n                    x: event.overflowX === true,\n                    y: event.overflowY === true,\n                },\n            },\n        }),\n    },\n    effects: {sync: effects.sync},\n});\n\nexport {createScrollAreaMachine, scrollAreaHooks};\nexport type {\n    CreateScrollAreaMachineOptions,\n    ScrollAreaContext,\n    ScrollAreaMachineEffects,\n    ScrollAxis,\n};\n","import {defineStyles} from '../../runtime';\n\nconst scrollAreaStyles = defineStyles({definition: {\n    component: 'ui.scroll-area',\n    parts: {\n        root: {\n            base: [\n                'relative min-w-0 overflow-hidden text-surface-ink',\n                'data-disabled:opacity-60',\n            ],\n            variants: {\n                fill: {\n                    true: 'flex min-h-0 flex-1 flex-col',\n                    false: '',\n                },\n            },\n            defaults: {\n                fill: false,\n            },\n        },\n        viewport: {\n            base: [\n                'min-h-0 min-w-0 outline-none',\n                'focus-visible:ui-focus-ring',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'h-full w-full overflow-x-hidden overflow-y-auto',\n                    horizontal: 'h-full w-full overflow-x-auto overflow-y-hidden',\n                    both: 'size-full overflow-auto',\n                },\n                fill: {\n                    true: 'flex-1',\n                    false: '',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n                fill: false,\n            },\n        },\n        content: {\n            base: 'min-w-0',\n            variants: {\n                orientation: {\n                    vertical: '',\n                    horizontal: 'w-max min-w-full',\n                    both: 'min-w-full',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        scrollbar: {\n            base: [\n                'pointer-events-none absolute z-10 rounded-scrollbar-thumb opacity-0',\n                'data-visible:pointer-events-auto data-visible:opacity-100 data-disabled:pointer-events-none',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'bottom-scrollbar-inset right-scrollbar-inset top-scrollbar-inset w-scrollbar',\n                    horizontal: 'bottom-scrollbar-inset left-scrollbar-inset right-scrollbar-inset h-scrollbar',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        thumb: {\n            base: [\n                'absolute rounded-scrollbar-thumb bg-scrollbar-thumb',\n                'hover:bg-scrollbar-thumb-hover data-dragging:bg-scrollbar-thumb-hover',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'left-0 top-0 w-full',\n                    horizontal: 'left-0 top-0 h-full',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        corner: {\n            base: [\n                'pointer-events-none absolute bottom-scrollbar-inset right-scrollbar-inset z-10 size-scrollbar rounded-scrollbar-thumb',\n                'bg-transparent opacity-0',\n                'data-visible:opacity-100',\n            ],\n        },\n    },\n}});\n\nexport {scrollAreaStyles};\n","import type Alpine from 'alpinejs';\n\nimport {\n    type AlpineMachine,\n    createAlpineMachine,\n    defineAlpineData,\n    mergeBindings,\n    type BindingObject,\n    type MachineSnapshot,\n    resolveStyle,\n    type TrellisAlpineComponent,\n} from '@client/runtime';\nimport {cleanupManagerFor} from '@client/runtime/alpine-data';\nimport type {CleanupManager} from '@client/runtime/cleanup-manager';\nimport {addListener, clamp, isRtl, setAttribute, setPresence} from '@client/utils';\nimport {scrollAreaSchema, type ScrollAreaOrientation, type ScrollAreaProps} from './contract';\nimport {\n    createScrollAreaMachine,\n    type ScrollAreaContext,\n    scrollAreaHooks,\n    type ScrollAxis,\n} from './machine';\nimport {scrollAreaStyles} from './styles';\n\ntype DragState = {\n    axis: ScrollAxis;\n    pointerId: number;\n    startPointer: number;\n    startScroll: number;\n    trackLength: number;\n    thumbLength: number;\n    maxScroll: number;\n};\n\ntype ScrollAreaElements = {\n    root: HTMLElement;\n    viewport: HTMLElement;\n    content: HTMLElement | null;\n    verticalScrollbar: HTMLElement | null;\n    horizontalScrollbar: HTMLElement | null;\n    verticalThumb: HTMLElement | null;\n    horizontalThumb: HTMLElement | null;\n    corner: HTMLElement | null;\n};\n\ntype AxisGeometry = {\n    trackLength: number;\n    thumbLength: number;\n    maxOffset: number;\n    maxScroll: number;\n};\n\n/**\n * Public Alpine API for `ui.scroll-area`.\n *\n * @public\n */\ninterface UiScrollAreaApi {\n    /** Whether content currently overflows the horizontal axis. */\n    readonly overflowX: boolean;\n    /** Whether content currently overflows the vertical axis. */\n    readonly overflowY: boolean;\n    /** Whether the native viewport is in an active scroll session. */\n    readonly isScrolling: boolean;\n    /** Whether a custom scrollbar thumb is being dragged. */\n    readonly isDragging: boolean;\n}\n\ntype ScrollAreaData = AlpineMachine<ScrollAreaContext, ScrollAreaProps, typeof scrollAreaHooks> & UiScrollAreaApi & {\n    readonly root: BindingObject;\n    init(): void;\n    destroy(): void;\n    viewport(el: HTMLElement): BindingObject;\n    scrollbar(el: HTMLElement): BindingObject;\n    thumb(el: HTMLElement): BindingObject;\n    corner(el: HTMLElement): BindingObject;\n};\n\nconst MIN_THUMB_SIZE = 18;\nconst SCROLL_CHROME_FADE_DELAY = 1000;\n\nlet rtlScrollType: 'negative' | 'reverse' | 'default' | null = null;\n\nconst includesAxis = (orientation: ScrollAreaOrientation, axis: ScrollAxis): boolean => (\n    orientation === 'both' || (orientation === 'horizontal' && axis === 'x') || (orientation === 'vertical' && axis === 'y')\n);\n\nconst detectRtlScrollType = (): 'negative' | 'reverse' | 'default' => {\n    if (rtlScrollType) return rtlScrollType;\n\n    const outer = document.createElement('div');\n    const inner = document.createElement('div');\n    outer.dir = 'rtl';\n    outer.style.cssText = 'position:absolute;left:-9999px;width:4px;height:1px;overflow:scroll;';\n    inner.style.cssText = 'width:8px;height:1px;';\n    outer.append(inner);\n    document.body.append(outer);\n\n    outer.scrollLeft = 1;\n    if (outer.scrollLeft === 0) rtlScrollType = 'negative';\n    else {\n        outer.scrollLeft = 0;\n        rtlScrollType = outer.scrollLeft === 0 ? 'reverse' : 'default';\n    }\n\n    outer.remove();\n    return rtlScrollType;\n};\n\nconst horizontalScrollPosition = (viewport: HTMLElement): number => {\n    const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n    if (!isRtl({el: viewport})) return viewport.scrollLeft;\n\n    const type = detectRtlScrollType();\n    if (type === 'negative') return -viewport.scrollLeft;\n    if (type === 'reverse') return max - viewport.scrollLeft;\n    return viewport.scrollLeft;\n};\n\nconst setHorizontalScrollPosition = (viewport: HTMLElement, value: number): void => {\n    const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n    const next = clamp(value, 0, max);\n    if (!isRtl({el: viewport})) {\n        viewport.scrollLeft = next;\n        return;\n    }\n\n    const type = detectRtlScrollType();\n    if (type === 'negative') viewport.scrollLeft = -next;\n    else if (type === 'reverse') viewport.scrollLeft = max - next;\n    else viewport.scrollLeft = next;\n};\n\nconst axisFromOrientation = (el: HTMLElement): ScrollAxis => (\n    el.dataset.orientation === 'horizontal' ? 'x' : 'y'\n);\n\nconst isHTMLElement = (value: Element | null): value is HTMLElement => value instanceof HTMLElement;\n\nconst queryDirectPart = (root: HTMLElement, selector: string): HTMLElement | null => {\n    const el = root.querySelector(`:scope > ${selector}`);\n    return isHTMLElement(el) ? el : null;\n};\n\nconst UiScrollArea = (): TrellisAlpineComponent<ScrollAreaData> => {\n    let rootEl: (HTMLElement & Alpine.ElementWithXAttributes) | null = null;\n    let cleanup: CleanupManager;\n    let resizeObserver: ResizeObserver | null = null;\n    let mutationObserver: MutationObserver | null = null;\n    let measureFrame = 0;\n    let positionFrame = 0;\n    let fadeTimer = 0;\n    let dragging: DragState | null = null;\n    let verticalGeometry: AxisGeometry | null = null;\n    let horizontalGeometry: AxisGeometry | null = null;\n\n    const root = (): HTMLElement => {\n        if (!rootEl) throw new Error('Scroll Area has not been initialized.');\n        return rootEl;\n    };\n    const currentSnapshot = (): MachineSnapshot<ScrollAreaContext, ScrollAreaProps> => (\n        bridge.getCommittedSnapshot()\n    );\n    const currentProps = (): Readonly<ScrollAreaProps> => currentSnapshot().props;\n    const hasTag = (tag: string): boolean => currentSnapshot().tags.includes(tag);\n    const elements = (): ScrollAreaElements => {\n        const rootElement = root();\n        const viewport = queryDirectPart(rootElement, '[data-ui-scroll-area-viewport]') ?? rootElement;\n        return {\n            root: rootElement,\n            viewport,\n            content: queryDirectPart(viewport, '[data-ui-scroll-area-content]'),\n            verticalScrollbar: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"]'),\n            horizontalScrollbar: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"]'),\n            verticalThumb: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"] > [data-ui-scroll-area-thumb][data-orientation=\"vertical\"]'),\n            horizontalThumb: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"] > [data-ui-scroll-area-thumb][data-orientation=\"horizontal\"]'),\n            corner: queryDirectPart(rootElement, '[data-ui-scroll-area-corner]'),\n        };\n    };\n\n    const clearFadeTimer = (): void => {\n        if (!fadeTimer) return;\n        window.clearTimeout(fadeTimer);\n        fadeTimer = 0;\n    };\n    const startFadeTimer = (): void => {\n        clearFadeTimer();\n        fadeTimer = window.setTimeout(() => {\n            fadeTimer = 0;\n            bridge.send('SCROLL_SETTLED');\n        }, SCROLL_CHROME_FADE_DELAY);\n    };\n\n    const updateThumbPositions = (parts = elements()): void => {\n        const {viewport} = parts;\n        if (parts.verticalThumb && verticalGeometry) {\n            const offset = verticalGeometry.maxOffset * clamp(viewport.scrollTop / verticalGeometry.maxScroll, 0, 1);\n            parts.verticalThumb.style.transform = `translate3d(0, ${offset}px, 0)`;\n        }\n        if (parts.horizontalThumb && horizontalGeometry) {\n            const offset = horizontalGeometry.maxOffset * clamp(\n                horizontalScrollPosition(viewport) / horizontalGeometry.maxScroll,\n                0,\n                1,\n            );\n            parts.horizontalThumb.style.transform = `translate3d(${offset}px, 0, 0)`;\n        }\n    };\n\n    const updateGeometry = (parts: ScrollAreaElements): void => {\n        const {viewport} = parts;\n        const updateAxis = (\n            axis: ScrollAxis,\n            scrollbar: HTMLElement | null,\n            thumb: HTMLElement | null,\n            overflow: boolean,\n        ): AxisGeometry | null => {\n            if (!scrollbar || !thumb || !overflow) {\n                if (thumb) {\n                    thumb.style.width = '';\n                    thumb.style.height = '';\n                    thumb.style.transform = '';\n                }\n                return null;\n            }\n\n            const trackLength = axis === 'y' ? scrollbar.clientHeight : scrollbar.clientWidth;\n            const viewportLength = axis === 'y' ? viewport.clientHeight : viewport.clientWidth;\n            const scrollLength = axis === 'y' ? viewport.scrollHeight : viewport.scrollWidth;\n            const maxScroll = Math.max(1, scrollLength - viewportLength);\n            const thumbLength = Math.min(\n                trackLength,\n                Math.max(MIN_THUMB_SIZE, (viewportLength / scrollLength) * trackLength),\n            );\n            const maxOffset = Math.max(0, trackLength - thumbLength);\n\n            if (axis === 'y') {\n                thumb.style.height = `${thumbLength}px`;\n                thumb.style.width = '';\n            } else {\n                thumb.style.width = `${thumbLength}px`;\n                thumb.style.height = '';\n            }\n            return {trackLength, thumbLength, maxOffset, maxScroll};\n        };\n\n        const {overflow} = currentSnapshot().context;\n        verticalGeometry = updateAxis('y', parts.verticalScrollbar, parts.verticalThumb, overflow.y);\n        horizontalGeometry = updateAxis('x', parts.horizontalScrollbar, parts.horizontalThumb, overflow.x);\n        updateThumbPositions(parts);\n    };\n\n    const updateVisibility = (parts: ScrollAreaElements): void => {\n        const props = currentProps();\n        const {overflow} = currentSnapshot().context;\n        const interacting = hasTag('hovered') || hasTag('focused') || hasTag('scrolling') || hasTag('dragging');\n        const visibleFor = (axisOverflows: boolean): boolean => {\n            if (!axisOverflows) return false;\n            if (props.type === 'always') return true;\n            if (props.type === 'scroll') return hasTag('scrolling') || hasTag('dragging');\n            return interacting;\n        };\n        const verticalVisible = visibleFor(overflow.y);\n        const horizontalVisible = visibleFor(overflow.x);\n\n        [parts.verticalScrollbar, parts.verticalThumb].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-visible', present: verticalVisible});\n        });\n        [parts.horizontalScrollbar, parts.horizontalThumb].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-visible', present: horizontalVisible});\n        });\n        [parts.verticalScrollbar, parts.horizontalScrollbar].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-disabled', present: props.disabled});\n        });\n        if (parts.verticalThumb) setPresence({el: parts.verticalThumb, attr: 'data-dragging', present: hasTag('dragging-y')});\n        if (parts.horizontalThumb) setPresence({el: parts.horizontalThumb, attr: 'data-dragging', present: hasTag('dragging-x')});\n        if (parts.corner) setPresence({el: parts.corner, attr: 'data-visible', present: verticalVisible && horizontalVisible});\n    };\n\n    const releaseDrag = (): void => {\n        if (!dragging) return;\n        const active = dragging;\n        dragging = null;\n        const parts = elements();\n        const thumb = active.axis === 'y' ? parts.verticalThumb : parts.horizontalThumb;\n        try {\n            thumb?.releasePointerCapture?.(active.pointerId);\n        } catch {\n            // Pointer capture cleanup is best-effort after interrupted gestures.\n        }\n        bridge.send({type: 'DRAG_ENDED', axis: active.axis});\n    };\n\n    const syncDom = (): void => {\n        const parts = elements();\n        const props = currentProps();\n        const {overflow} = currentSnapshot().context;\n        if (props.disabled && dragging) releaseDrag();\n\n        setPresence({el: parts.root, attr: 'data-overflow-x', present: overflow.x});\n        setPresence({el: parts.root, attr: 'data-overflow-y', present: overflow.y});\n        setPresence({el: parts.root, attr: 'data-scrolling', present: hasTag('scrolling')});\n        setPresence({el: parts.root, attr: 'data-dragging', present: hasTag('dragging')});\n        setPresence({el: parts.root, attr: 'data-disabled', present: props.disabled});\n        setAttribute({el: parts.viewport, attr: 'data-orientation', value: props.orientation});\n        setPresence({el: parts.viewport, attr: 'data-hide-native', present: props.hideNative});\n        updateGeometry(parts);\n        updateVisibility(parts);\n    };\n\n    const scheduleMeasure = (): void => {\n        if (measureFrame) return;\n        measureFrame = requestAnimationFrame(() => {\n            measureFrame = 0;\n            const parts = elements();\n            const props = currentProps();\n            const overflowX = includesAxis(props.orientation, 'x') && parts.viewport.scrollWidth > parts.viewport.clientWidth + 1;\n            const overflowY = includesAxis(props.orientation, 'y') && parts.viewport.scrollHeight > parts.viewport.clientHeight + 1;\n            const current = currentSnapshot().context.overflow;\n            if (overflowX !== current.x || overflowY !== current.y) {\n                bridge.send({type: 'MEASURED', overflowX, overflowY});\n            } else {\n                updateGeometry(parts);\n                updateVisibility(parts);\n            }\n        });\n    };\n    const schedulePosition = (): void => {\n        if (positionFrame) return;\n        positionFrame = requestAnimationFrame(() => {\n            positionFrame = 0;\n            updateThumbPositions();\n        });\n    };\n\n    const onScroll = (): void => {\n        schedulePosition();\n        if (!hasTag('scrolling')) bridge.send('SCROLLED');\n        if ((currentSnapshot().context.overflow.y && !verticalGeometry)\n            || (currentSnapshot().context.overflow.x && !horizontalGeometry)) scheduleMeasure();\n        startFadeTimer();\n    };\n\n    const startDrag = (event: PointerEvent, axis: ScrollAxis): void => {\n        if (currentProps().disabled) return;\n        const parts = elements();\n        const viewport = parts.viewport;\n        const scrollbar = axis === 'y' ? parts.verticalScrollbar : parts.horizontalScrollbar;\n        const thumb = axis === 'y' ? parts.verticalThumb : parts.horizontalThumb;\n        const overflow = axis === 'y' ? currentSnapshot().context.overflow.y : currentSnapshot().context.overflow.x;\n        if (!scrollbar || !thumb || !overflow) return;\n\n        const trackLength = axis === 'y' ? scrollbar.clientHeight : scrollbar.clientWidth;\n        const thumbLength = axis === 'y' ? thumb.offsetHeight : thumb.offsetWidth;\n        const maxScroll = axis === 'y'\n            ? Math.max(0, viewport.scrollHeight - viewport.clientHeight)\n            : Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n        dragging = {\n            axis,\n            pointerId: event.pointerId,\n            startPointer: axis === 'y' ? event.clientY : event.clientX,\n            startScroll: axis === 'y' ? viewport.scrollTop : horizontalScrollPosition(viewport),\n            trackLength,\n            thumbLength,\n            maxScroll,\n        };\n        try {\n            thumb.setPointerCapture?.(event.pointerId);\n        } catch {\n            dragging = null;\n            return;\n        }\n        clearFadeTimer();\n        bridge.send({type: 'DRAG_STARTED', axis});\n    };\n\n    const moveDrag = (event: PointerEvent): void => {\n        if (!dragging || dragging.pointerId !== event.pointerId) return;\n        event.preventDefault();\n        const {viewport} = elements();\n        const pointer = dragging.axis === 'y' ? event.clientY : event.clientX;\n        const delta = pointer - dragging.startPointer;\n        const maxOffset = Math.max(1, dragging.trackLength - dragging.thumbLength);\n        const nextScroll = dragging.startScroll + (delta / maxOffset) * dragging.maxScroll;\n        if (dragging.axis === 'y') viewport.scrollTop = clamp(nextScroll, 0, dragging.maxScroll);\n        else setHorizontalScrollPosition(viewport, nextScroll);\n        schedulePosition();\n    };\n\n    const endDrag = (event: PointerEvent): void => {\n        if (!dragging || dragging.pointerId !== event.pointerId) return;\n        releaseDrag();\n        startFadeTimer();\n    };\n\n    const bridge = createAlpineMachine({\n        schema: scrollAreaSchema,\n        hooks: scrollAreaHooks,\n        createMachine: ({props}) => createScrollAreaMachine({\n            props,\n            context: {overflow: {x: false, y: false}},\n            effects: {\n                sync: syncDom,\n            },\n        }),\n    });\n\n    let component!: TrellisAlpineComponent<ScrollAreaData>;\n    component = {\n        ...bridge,\n        get overflowX(): boolean {\n            return this.snapshot.current?.context.overflow.x ?? false;\n        },\n        get overflowY(): boolean {\n            return this.snapshot.current?.context.overflow.y ?? false;\n        },\n        get isScrolling(): boolean {\n            return this.snapshot.current?.tags.includes('scrolling') ?? false;\n        },\n        get isDragging(): boolean {\n            return this.snapshot.current?.tags.includes('dragging') ?? false;\n        },\n        init(): void {\n            cleanup = cleanupManagerFor(this);\n            rootEl = this.$el;\n            bridge.connect(this.$el, this.snapshot);\n            const parts = elements();\n            resizeObserver = new ResizeObserver(scheduleMeasure);\n            resizeObserver.observe(parts.viewport);\n            if (parts.content) resizeObserver.observe(parts.content);\n            mutationObserver = new MutationObserver(scheduleMeasure);\n            if (parts.content) mutationObserver.observe(parts.content, {childList: true, subtree: true, characterData: true});\n\n            addListener({target: parts.viewport, event: 'scroll', handler: onScroll, cleanup, options: {passive: true}});\n            addListener({target: document, event: 'pointermove', handler: (event) => moveDrag(event as PointerEvent), cleanup});\n            addListener({target: document, event: 'pointerup', handler: (event) => endDrag(event as PointerEvent), cleanup});\n            addListener({target: document, event: 'pointercancel', handler: (event) => endDrag(event as PointerEvent), cleanup});\n            scheduleMeasure();\n        },\n        destroy(): void {\n            releaseDrag();\n            clearFadeTimer();\n            if (measureFrame) cancelAnimationFrame(measureFrame);\n            if (positionFrame) cancelAnimationFrame(positionFrame);\n            measureFrame = 0;\n            positionFrame = 0;\n            resizeObserver?.disconnect();\n            mutationObserver?.disconnect();\n            resizeObserver = null;\n            mutationObserver = null;\n            bridge.disconnect();\n            rootEl = null;\n        },\n        get root(): BindingObject {\n            const props = this.snapshot.current?.props ?? currentProps();\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.root, props, className: props.class}),\n                {\n                    'data-ui-scroll-area': '',\n                    ':data-orientation': () => currentProps().orientation,\n                    ':data-type': () => currentProps().type,\n                    ':data-fill': () => currentProps().fill ? '' : undefined,\n                    ':data-disabled': () => currentProps().disabled ? '' : undefined,\n                    '@pointerenter': () => bridge.send('POINTER_ENTERED'),\n                    '@pointerleave': () => bridge.send('POINTER_LEFT'),\n                    '@focusin': () => bridge.send('FOCUS_ENTERED'),\n                    '@focusout': (event: FocusEvent) => {\n                        if (!(event.relatedTarget instanceof Node) || !root().contains(event.relatedTarget)) {\n                            bridge.send('FOCUS_LEFT');\n                        }\n                    },\n                },\n            ]});\n        },\n        viewport(el: HTMLElement): BindingObject {\n            return mergeBindings({inputs: [\n                resolveStyle({\n                    part: scrollAreaStyles.parts.viewport,\n                    props: {orientation: currentProps().orientation, fill: currentProps().fill},\n                    className: el.dataset.class,\n                }),\n                {\n                    tabindex: '0',\n                    'data-ui-scroll-area-viewport': '',\n                    ':data-orientation': () => currentProps().orientation,\n                    ':data-hide-native': () => currentProps().hideNative ? '' : undefined,\n                },\n            ]});\n        },\n        scrollbar(el: HTMLElement): BindingObject {\n            const orientation = axisFromOrientation(el) === 'x' ? 'horizontal' : 'vertical';\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.scrollbar, props: {orientation}, className: el.dataset.class}),\n                {\n                    'data-ui-scroll-area-scrollbar': '',\n                    'aria-hidden': 'true',\n                    ':data-disabled': () => currentProps().disabled ? '' : undefined,\n                },\n            ]});\n        },\n        thumb(el: HTMLElement): BindingObject {\n            const axis = axisFromOrientation(el);\n            const orientation = axis === 'x' ? 'horizontal' : 'vertical';\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.thumb, props: {orientation}, className: el.dataset.class}),\n                {\n                    'data-ui-scroll-area-thumb': '',\n                    'aria-hidden': 'true',\n                    '@pointerdown.prevent': (event: PointerEvent) => startDrag(event, axis),\n                    ':data-dragging': () => hasTag(axis === 'x' ? 'dragging-x' : 'dragging-y') ? '' : undefined,\n                },\n            ]});\n        },\n        corner(el: HTMLElement): BindingObject {\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.corner, className: el.dataset.class}),\n                {'data-ui-scroll-area-corner': '', 'aria-hidden': 'true'},\n            ]});\n        },\n    };\n\n    return component;\n};\n\nconst registerScrollArea = defineAlpineData('UiScrollArea', UiScrollArea);\n\nexport {registerScrollArea, UiScrollArea};\nexport type {ScrollAreaData, ScrollAreaElements, UiScrollAreaApi};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\n\nimport {registerScrollArea as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerScrollArea = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n\n    registerComponent(AlpineInstance);\n};\n\nexport {registerScrollArea};\nexport default registerScrollArea;\nexport * from './index';\n"],"mappings":"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"}
+{"version":3,"file":"entry.generated-BnqcHAaF.js","names":[],"sources":["../../../../../../../../client/src/components/scroll-area/contract.ts","../../../../../../../../client/src/components/scroll-area/machine.ts","../../../../../../../../client/src/components/scroll-area/styles.ts","../../../../../../../../client/src/components/scroll-area/index.ts","../../../../../../../../client/src/components/scroll-area/entry.generated.ts"],"sourcesContent":["import {bool, oneOf, string, type SchemaToProps} from '../../runtime';\n\nconst SCROLL_AREA_ORIENTATIONS = ['vertical', 'horizontal', 'both'] as const;\nconst SCROLL_AREA_TYPES = ['hover', 'always', 'scroll'] as const;\nconst scrollAreaSchema = {\n    orientation: oneOf(SCROLL_AREA_ORIENTATIONS, 'vertical'),\n    type: oneOf(SCROLL_AREA_TYPES, 'hover'),\n    fill: bool,\n    hideNative: bool.default(true),\n    disabled: bool,\n    class: string,\n    viewportClass: string,\n    scrollbarClass: string,\n    thumbClass: string,\n    cornerClass: string,\n};\n\ntype ScrollAreaOrientation = typeof SCROLL_AREA_ORIENTATIONS[number];\ntype ScrollAreaType = typeof SCROLL_AREA_TYPES[number];\ntype ScrollAreaProps = SchemaToProps<typeof scrollAreaSchema>;\n\nexport {\n    SCROLL_AREA_ORIENTATIONS,\n    SCROLL_AREA_TYPES,\n    scrollAreaSchema,\n};\nexport type {\n    ScrollAreaOrientation,\n    ScrollAreaProps,\n    ScrollAreaType,\n};\n","import {\n    createMachine,\n    propsChangedEvent,\n    type Machine,\n    type MachineEventObject,\n    type MachineScope,\n} from '../../runtime/state-machine';\nimport type {ScrollAreaProps} from './contract';\n\ntype ScrollAxis = 'x' | 'y';\n\ntype ScrollAreaContext = {\n    overflow: {x: boolean; y: boolean};\n};\n\ntype ScrollAreaMachineEffects = {\n    sync(scope: MachineScope<ScrollAreaContext, ScrollAreaProps>): void;\n};\n\ntype CreateScrollAreaMachineOptions = {\n    props: ScrollAreaProps;\n    context: ScrollAreaContext;\n    effects: ScrollAreaMachineEffects;\n};\n\n\nconst axisIs = (axis: ScrollAxis) => ({event}: MachineScope<ScrollAreaContext, ScrollAreaProps>): boolean => (\n    event.axis === axis\n);\n\nconst scrollAreaHooks = [] as const;\n\nconst createScrollAreaMachine = ({\n    props,\n    context,\n    effects,\n}: CreateScrollAreaMachineOptions): Machine<ScrollAreaContext, ScrollAreaProps> => createMachine<ScrollAreaContext, ScrollAreaProps>({\n    type: 'parallel',\n    on: {\n        PROPS_CHANGED: {reduce: 'replaceProps', effects: 'sync'},\n        MEASURED: {reduce: 'setOverflow', effects: 'sync'},\n    },\n    states: {\n        pointer: {\n            initial: 'outside',\n            states: {\n                outside: {on: {POINTER_ENTERED: {target: 'inside', effects: 'sync'}}},\n                inside: {tags: ['hovered'], on: {POINTER_LEFT: {target: 'outside', effects: 'sync'}}},\n            },\n        },\n        focus: {\n            initial: 'outside',\n            states: {\n                outside: {on: {FOCUS_ENTERED: {target: 'inside', effects: 'sync'}}},\n                inside: {tags: ['focused'], on: {FOCUS_LEFT: {target: 'outside', effects: 'sync'}}},\n            },\n        },\n        scrolling: {\n            initial: 'idle',\n            states: {\n                idle: {on: {SCROLLED: {target: 'active', effects: 'sync'}}},\n                active: {tags: ['scrolling'], on: {SCROLL_SETTLED: {target: 'idle', effects: 'sync'}}},\n            },\n        },\n        dragging: {\n            initial: 'idle',\n            states: {\n                idle: {\n                    on: {\n                        DRAG_STARTED: [\n                            {target: 'vertical', guard: axisIs('y'), effects: 'sync'},\n                            {target: 'horizontal', guard: axisIs('x'), effects: 'sync'},\n                        ],\n                    },\n                },\n                vertical: {tags: ['dragging', 'dragging-y'], on: {DRAG_ENDED: {target: 'idle', effects: 'sync'}}},\n                horizontal: {tags: ['dragging', 'dragging-x'], on: {DRAG_ENDED: {target: 'idle', effects: 'sync'}}},\n            },\n        },\n    },\n}, {\n    context,\n    props,\n    reducers: {\n        replaceProps: ({event}) => {\n            const next = propsChangedEvent<ScrollAreaProps>(event);\n            return next ? {props: next.props} : {};\n        },\n        setOverflow: ({context, event}) => ({\n            context: {\n                ...context,\n                overflow: {\n                    x: event.overflowX === true,\n                    y: event.overflowY === true,\n                },\n            },\n        }),\n    },\n    effects: {sync: effects.sync},\n});\n\nexport {createScrollAreaMachine, scrollAreaHooks};\nexport type {\n    CreateScrollAreaMachineOptions,\n    ScrollAreaContext,\n    ScrollAreaMachineEffects,\n    ScrollAxis,\n};\n","import {defineStyles} from '../../runtime';\n\nconst scrollAreaStyles = defineStyles({definition: {\n    component: 'ui.scroll-area',\n    parts: {\n        root: {\n            base: [\n                'relative min-w-0 overflow-hidden text-surface-ink',\n                'data-disabled:opacity-60',\n            ],\n            variants: {\n                fill: {\n                    true: 'flex min-h-0 flex-1 flex-col',\n                    false: '',\n                },\n            },\n            defaults: {\n                fill: false,\n            },\n        },\n        viewport: {\n            base: [\n                'min-h-0 min-w-0 outline-none',\n                'focus-visible:ui-focus-ring',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'h-full w-full overflow-x-hidden overflow-y-auto',\n                    horizontal: 'h-full w-full overflow-x-auto overflow-y-hidden',\n                    both: 'size-full overflow-auto',\n                },\n                fill: {\n                    true: 'flex-1',\n                    false: '',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n                fill: false,\n            },\n        },\n        content: {\n            base: 'min-w-0',\n            variants: {\n                orientation: {\n                    vertical: '',\n                    horizontal: 'w-max min-w-full',\n                    both: 'min-w-full',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        scrollbar: {\n            base: [\n                'pointer-events-none absolute z-10 rounded-scrollbar-thumb opacity-0',\n                'data-visible:pointer-events-auto data-visible:opacity-100 data-disabled:pointer-events-none',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'bottom-scrollbar-inset right-scrollbar-inset top-scrollbar-inset w-scrollbar',\n                    horizontal: 'bottom-scrollbar-inset left-scrollbar-inset right-scrollbar-inset h-scrollbar',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        thumb: {\n            base: [\n                'absolute rounded-scrollbar-thumb bg-scrollbar-thumb',\n                'hover:bg-scrollbar-thumb-hover data-dragging:bg-scrollbar-thumb-hover',\n            ],\n            variants: {\n                orientation: {\n                    vertical: 'left-0 top-0 w-full',\n                    horizontal: 'left-0 top-0 h-full',\n                },\n            },\n            defaults: {\n                orientation: 'vertical',\n            },\n        },\n        corner: {\n            base: [\n                'pointer-events-none absolute bottom-scrollbar-inset right-scrollbar-inset z-10 size-scrollbar rounded-scrollbar-thumb',\n                'bg-transparent opacity-0',\n                'data-visible:opacity-100',\n            ],\n        },\n    },\n}});\n\nexport {scrollAreaStyles};\n\nexport const styles = [scrollAreaStyles] as const;\n","import type Alpine from 'alpinejs';\n\nimport {\n    type AlpineMachine,\n    createAlpineMachine,\n    defineAlpineData,\n    mergeBindings,\n    type BindingObject,\n    type MachineSnapshot,\n    resolveStyle,\n    type TrellisAlpineComponent,\n} from '@client/runtime';\nimport {cleanupManagerFor} from '@client/runtime/alpine-data';\nimport type {CleanupManager} from '@client/runtime/cleanup-manager';\nimport {addListener, clamp, isRtl, setAttribute, setPresence} from '@client/utils';\nimport {scrollAreaSchema, type ScrollAreaOrientation, type ScrollAreaProps} from './contract';\nimport {\n    createScrollAreaMachine,\n    type ScrollAreaContext,\n    scrollAreaHooks,\n    type ScrollAxis,\n} from './machine';\nimport {scrollAreaStyles} from './styles';\n\ntype DragState = {\n    axis: ScrollAxis;\n    pointerId: number;\n    startPointer: number;\n    startScroll: number;\n    trackLength: number;\n    thumbLength: number;\n    maxScroll: number;\n};\n\ntype ScrollAreaElements = {\n    root: HTMLElement;\n    viewport: HTMLElement;\n    content: HTMLElement | null;\n    verticalScrollbar: HTMLElement | null;\n    horizontalScrollbar: HTMLElement | null;\n    verticalThumb: HTMLElement | null;\n    horizontalThumb: HTMLElement | null;\n    corner: HTMLElement | null;\n};\n\ntype AxisGeometry = {\n    trackLength: number;\n    thumbLength: number;\n    maxOffset: number;\n    maxScroll: number;\n};\n\n/**\n * Public Alpine API for `ui.scroll-area`.\n *\n * @public\n */\ninterface UiScrollAreaApi {\n    /** Whether content currently overflows the horizontal axis. */\n    readonly overflowX: boolean;\n    /** Whether content currently overflows the vertical axis. */\n    readonly overflowY: boolean;\n    /** Whether the native viewport is in an active scroll session. */\n    readonly isScrolling: boolean;\n    /** Whether a custom scrollbar thumb is being dragged. */\n    readonly isDragging: boolean;\n}\n\ntype ScrollAreaData = AlpineMachine<ScrollAreaContext, ScrollAreaProps, typeof scrollAreaHooks> & UiScrollAreaApi & {\n    readonly root: BindingObject;\n    init(): void;\n    destroy(): void;\n    viewport(el: HTMLElement): BindingObject;\n    scrollbar(el: HTMLElement): BindingObject;\n    thumb(el: HTMLElement): BindingObject;\n    corner(el: HTMLElement): BindingObject;\n};\n\nconst MIN_THUMB_SIZE = 18;\nconst SCROLL_CHROME_FADE_DELAY = 1000;\n\nlet rtlScrollType: 'negative' | 'reverse' | 'default' | null = null;\n\nconst includesAxis = (orientation: ScrollAreaOrientation, axis: ScrollAxis): boolean => (\n    orientation === 'both' || (orientation === 'horizontal' && axis === 'x') || (orientation === 'vertical' && axis === 'y')\n);\n\nconst detectRtlScrollType = (): 'negative' | 'reverse' | 'default' => {\n    if (rtlScrollType) return rtlScrollType;\n\n    const outer = document.createElement('div');\n    const inner = document.createElement('div');\n    outer.dir = 'rtl';\n    outer.style.cssText = 'position:absolute;left:-9999px;width:4px;height:1px;overflow:scroll;';\n    inner.style.cssText = 'width:8px;height:1px;';\n    outer.append(inner);\n    document.body.append(outer);\n\n    outer.scrollLeft = 1;\n    if (outer.scrollLeft === 0) rtlScrollType = 'negative';\n    else {\n        outer.scrollLeft = 0;\n        rtlScrollType = outer.scrollLeft === 0 ? 'reverse' : 'default';\n    }\n\n    outer.remove();\n    return rtlScrollType;\n};\n\nconst horizontalScrollPosition = (viewport: HTMLElement): number => {\n    const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n    if (!isRtl({el: viewport})) return viewport.scrollLeft;\n\n    const type = detectRtlScrollType();\n    if (type === 'negative') return -viewport.scrollLeft;\n    if (type === 'reverse') return max - viewport.scrollLeft;\n    return viewport.scrollLeft;\n};\n\nconst setHorizontalScrollPosition = (viewport: HTMLElement, value: number): void => {\n    const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n    const next = clamp(value, 0, max);\n    if (!isRtl({el: viewport})) {\n        viewport.scrollLeft = next;\n        return;\n    }\n\n    const type = detectRtlScrollType();\n    if (type === 'negative') viewport.scrollLeft = -next;\n    else if (type === 'reverse') viewport.scrollLeft = max - next;\n    else viewport.scrollLeft = next;\n};\n\nconst axisFromOrientation = (el: HTMLElement): ScrollAxis => (\n    el.dataset.orientation === 'horizontal' ? 'x' : 'y'\n);\n\nconst isHTMLElement = (value: Element | null): value is HTMLElement => value instanceof HTMLElement;\n\nconst queryDirectPart = (root: HTMLElement, selector: string): HTMLElement | null => {\n    const el = root.querySelector(`:scope > ${selector}`);\n    return isHTMLElement(el) ? el : null;\n};\n\nconst UiScrollArea = (): TrellisAlpineComponent<ScrollAreaData> => {\n    let rootEl: (HTMLElement & Alpine.ElementWithXAttributes) | null = null;\n    let cleanup: CleanupManager;\n    let resizeObserver: ResizeObserver | null = null;\n    let mutationObserver: MutationObserver | null = null;\n    let measureFrame = 0;\n    let positionFrame = 0;\n    let fadeTimer = 0;\n    let dragging: DragState | null = null;\n    let verticalGeometry: AxisGeometry | null = null;\n    let horizontalGeometry: AxisGeometry | null = null;\n\n    const root = (): HTMLElement => {\n        if (!rootEl) throw new Error('Scroll Area has not been initialized.');\n        return rootEl;\n    };\n    const currentSnapshot = (): MachineSnapshot<ScrollAreaContext, ScrollAreaProps> => (\n        bridge.getCommittedSnapshot()\n    );\n    const currentProps = (): Readonly<ScrollAreaProps> => currentSnapshot().props;\n    const hasTag = (tag: string): boolean => currentSnapshot().tags.includes(tag);\n    const elements = (): ScrollAreaElements => {\n        const rootElement = root();\n        const viewport = queryDirectPart(rootElement, '[data-ui-scroll-area-viewport]') ?? rootElement;\n        return {\n            root: rootElement,\n            viewport,\n            content: queryDirectPart(viewport, '[data-ui-scroll-area-content]'),\n            verticalScrollbar: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"]'),\n            horizontalScrollbar: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"]'),\n            verticalThumb: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"] > [data-ui-scroll-area-thumb][data-orientation=\"vertical\"]'),\n            horizontalThumb: queryDirectPart(rootElement, '[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"] > [data-ui-scroll-area-thumb][data-orientation=\"horizontal\"]'),\n            corner: queryDirectPart(rootElement, '[data-ui-scroll-area-corner]'),\n        };\n    };\n\n    const clearFadeTimer = (): void => {\n        if (!fadeTimer) return;\n        window.clearTimeout(fadeTimer);\n        fadeTimer = 0;\n    };\n    const startFadeTimer = (): void => {\n        clearFadeTimer();\n        fadeTimer = window.setTimeout(() => {\n            fadeTimer = 0;\n            bridge.send('SCROLL_SETTLED');\n        }, SCROLL_CHROME_FADE_DELAY);\n    };\n\n    const updateThumbPositions = (parts = elements()): void => {\n        const {viewport} = parts;\n        if (parts.verticalThumb && verticalGeometry) {\n            const offset = verticalGeometry.maxOffset * clamp(viewport.scrollTop / verticalGeometry.maxScroll, 0, 1);\n            parts.verticalThumb.style.transform = `translate3d(0, ${offset}px, 0)`;\n        }\n        if (parts.horizontalThumb && horizontalGeometry) {\n            const offset = horizontalGeometry.maxOffset * clamp(\n                horizontalScrollPosition(viewport) / horizontalGeometry.maxScroll,\n                0,\n                1,\n            );\n            parts.horizontalThumb.style.transform = `translate3d(${offset}px, 0, 0)`;\n        }\n    };\n\n    const updateGeometry = (parts: ScrollAreaElements): void => {\n        const {viewport} = parts;\n        const updateAxis = (\n            axis: ScrollAxis,\n            scrollbar: HTMLElement | null,\n            thumb: HTMLElement | null,\n            overflow: boolean,\n        ): AxisGeometry | null => {\n            if (!scrollbar || !thumb || !overflow) {\n                if (thumb) {\n                    thumb.style.width = '';\n                    thumb.style.height = '';\n                    thumb.style.transform = '';\n                }\n                return null;\n            }\n\n            const trackLength = axis === 'y' ? scrollbar.clientHeight : scrollbar.clientWidth;\n            const viewportLength = axis === 'y' ? viewport.clientHeight : viewport.clientWidth;\n            const scrollLength = axis === 'y' ? viewport.scrollHeight : viewport.scrollWidth;\n            const maxScroll = Math.max(1, scrollLength - viewportLength);\n            const thumbLength = Math.min(\n                trackLength,\n                Math.max(MIN_THUMB_SIZE, (viewportLength / scrollLength) * trackLength),\n            );\n            const maxOffset = Math.max(0, trackLength - thumbLength);\n\n            if (axis === 'y') {\n                thumb.style.height = `${thumbLength}px`;\n                thumb.style.width = '';\n            } else {\n                thumb.style.width = `${thumbLength}px`;\n                thumb.style.height = '';\n            }\n            return {trackLength, thumbLength, maxOffset, maxScroll};\n        };\n\n        const {overflow} = currentSnapshot().context;\n        verticalGeometry = updateAxis('y', parts.verticalScrollbar, parts.verticalThumb, overflow.y);\n        horizontalGeometry = updateAxis('x', parts.horizontalScrollbar, parts.horizontalThumb, overflow.x);\n        updateThumbPositions(parts);\n    };\n\n    const updateVisibility = (parts: ScrollAreaElements): void => {\n        const props = currentProps();\n        const {overflow} = currentSnapshot().context;\n        const interacting = hasTag('hovered') || hasTag('focused') || hasTag('scrolling') || hasTag('dragging');\n        const visibleFor = (axisOverflows: boolean): boolean => {\n            if (!axisOverflows) return false;\n            if (props.type === 'always') return true;\n            if (props.type === 'scroll') return hasTag('scrolling') || hasTag('dragging');\n            return interacting;\n        };\n        const verticalVisible = visibleFor(overflow.y);\n        const horizontalVisible = visibleFor(overflow.x);\n\n        [parts.verticalScrollbar, parts.verticalThumb].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-visible', present: verticalVisible});\n        });\n        [parts.horizontalScrollbar, parts.horizontalThumb].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-visible', present: horizontalVisible});\n        });\n        [parts.verticalScrollbar, parts.horizontalScrollbar].forEach((el) => {\n            if (el) setPresence({el, attr: 'data-disabled', present: props.disabled});\n        });\n        if (parts.verticalThumb) setPresence({el: parts.verticalThumb, attr: 'data-dragging', present: hasTag('dragging-y')});\n        if (parts.horizontalThumb) setPresence({el: parts.horizontalThumb, attr: 'data-dragging', present: hasTag('dragging-x')});\n        if (parts.corner) setPresence({el: parts.corner, attr: 'data-visible', present: verticalVisible && horizontalVisible});\n    };\n\n    const releaseDrag = (): void => {\n        if (!dragging) return;\n        const active = dragging;\n        dragging = null;\n        const parts = elements();\n        const thumb = active.axis === 'y' ? parts.verticalThumb : parts.horizontalThumb;\n        try {\n            thumb?.releasePointerCapture?.(active.pointerId);\n        } catch {\n            // Pointer capture cleanup is best-effort after interrupted gestures.\n        }\n        bridge.send({type: 'DRAG_ENDED', axis: active.axis});\n    };\n\n    const syncDom = (): void => {\n        const parts = elements();\n        const props = currentProps();\n        const {overflow} = currentSnapshot().context;\n        if (props.disabled && dragging) releaseDrag();\n\n        setPresence({el: parts.root, attr: 'data-overflow-x', present: overflow.x});\n        setPresence({el: parts.root, attr: 'data-overflow-y', present: overflow.y});\n        setPresence({el: parts.root, attr: 'data-scrolling', present: hasTag('scrolling')});\n        setPresence({el: parts.root, attr: 'data-dragging', present: hasTag('dragging')});\n        setPresence({el: parts.root, attr: 'data-disabled', present: props.disabled});\n        setAttribute({el: parts.viewport, attr: 'data-orientation', value: props.orientation});\n        setPresence({el: parts.viewport, attr: 'data-hide-native', present: props.hideNative});\n        updateGeometry(parts);\n        updateVisibility(parts);\n    };\n\n    const scheduleMeasure = (): void => {\n        if (measureFrame) return;\n        measureFrame = requestAnimationFrame(() => {\n            measureFrame = 0;\n            const parts = elements();\n            const props = currentProps();\n            const overflowX = includesAxis(props.orientation, 'x') && parts.viewport.scrollWidth > parts.viewport.clientWidth + 1;\n            const overflowY = includesAxis(props.orientation, 'y') && parts.viewport.scrollHeight > parts.viewport.clientHeight + 1;\n            const current = currentSnapshot().context.overflow;\n            if (overflowX !== current.x || overflowY !== current.y) {\n                bridge.send({type: 'MEASURED', overflowX, overflowY});\n            } else {\n                updateGeometry(parts);\n                updateVisibility(parts);\n            }\n        });\n    };\n    const schedulePosition = (): void => {\n        if (positionFrame) return;\n        positionFrame = requestAnimationFrame(() => {\n            positionFrame = 0;\n            updateThumbPositions();\n        });\n    };\n\n    const onScroll = (): void => {\n        schedulePosition();\n        if (!hasTag('scrolling')) bridge.send('SCROLLED');\n        if ((currentSnapshot().context.overflow.y && !verticalGeometry)\n            || (currentSnapshot().context.overflow.x && !horizontalGeometry)) scheduleMeasure();\n        startFadeTimer();\n    };\n\n    const startDrag = (event: PointerEvent, axis: ScrollAxis): void => {\n        if (currentProps().disabled) return;\n        const parts = elements();\n        const viewport = parts.viewport;\n        const scrollbar = axis === 'y' ? parts.verticalScrollbar : parts.horizontalScrollbar;\n        const thumb = axis === 'y' ? parts.verticalThumb : parts.horizontalThumb;\n        const overflow = axis === 'y' ? currentSnapshot().context.overflow.y : currentSnapshot().context.overflow.x;\n        if (!scrollbar || !thumb || !overflow) return;\n\n        const trackLength = axis === 'y' ? scrollbar.clientHeight : scrollbar.clientWidth;\n        const thumbLength = axis === 'y' ? thumb.offsetHeight : thumb.offsetWidth;\n        const maxScroll = axis === 'y'\n            ? Math.max(0, viewport.scrollHeight - viewport.clientHeight)\n            : Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n        dragging = {\n            axis,\n            pointerId: event.pointerId,\n            startPointer: axis === 'y' ? event.clientY : event.clientX,\n            startScroll: axis === 'y' ? viewport.scrollTop : horizontalScrollPosition(viewport),\n            trackLength,\n            thumbLength,\n            maxScroll,\n        };\n        try {\n            thumb.setPointerCapture?.(event.pointerId);\n        } catch {\n            dragging = null;\n            return;\n        }\n        clearFadeTimer();\n        bridge.send({type: 'DRAG_STARTED', axis});\n    };\n\n    const moveDrag = (event: PointerEvent): void => {\n        if (!dragging || dragging.pointerId !== event.pointerId) return;\n        event.preventDefault();\n        const {viewport} = elements();\n        const pointer = dragging.axis === 'y' ? event.clientY : event.clientX;\n        const delta = pointer - dragging.startPointer;\n        const maxOffset = Math.max(1, dragging.trackLength - dragging.thumbLength);\n        const nextScroll = dragging.startScroll + (delta / maxOffset) * dragging.maxScroll;\n        if (dragging.axis === 'y') viewport.scrollTop = clamp(nextScroll, 0, dragging.maxScroll);\n        else setHorizontalScrollPosition(viewport, nextScroll);\n        schedulePosition();\n    };\n\n    const endDrag = (event: PointerEvent): void => {\n        if (!dragging || dragging.pointerId !== event.pointerId) return;\n        releaseDrag();\n        startFadeTimer();\n    };\n\n    const bridge = createAlpineMachine({\n        schema: scrollAreaSchema,\n        hooks: scrollAreaHooks,\n        createMachine: ({props}) => createScrollAreaMachine({\n            props,\n            context: {overflow: {x: false, y: false}},\n            effects: {\n                sync: syncDom,\n            },\n        }),\n    });\n\n    let component!: TrellisAlpineComponent<ScrollAreaData>;\n    component = {\n        ...bridge,\n        get overflowX(): boolean {\n            return this.snapshot.current?.context.overflow.x ?? false;\n        },\n        get overflowY(): boolean {\n            return this.snapshot.current?.context.overflow.y ?? false;\n        },\n        get isScrolling(): boolean {\n            return this.snapshot.current?.tags.includes('scrolling') ?? false;\n        },\n        get isDragging(): boolean {\n            return this.snapshot.current?.tags.includes('dragging') ?? false;\n        },\n        init(): void {\n            cleanup = cleanupManagerFor(this);\n            rootEl = this.$el;\n            bridge.connect(this.$el, this.snapshot);\n            const parts = elements();\n            resizeObserver = new ResizeObserver(scheduleMeasure);\n            resizeObserver.observe(parts.viewport);\n            if (parts.content) resizeObserver.observe(parts.content);\n            mutationObserver = new MutationObserver(scheduleMeasure);\n            if (parts.content) mutationObserver.observe(parts.content, {childList: true, subtree: true, characterData: true});\n\n            addListener({target: parts.viewport, event: 'scroll', handler: onScroll, cleanup, options: {passive: true}});\n            addListener({target: document, event: 'pointermove', handler: (event) => moveDrag(event as PointerEvent), cleanup});\n            addListener({target: document, event: 'pointerup', handler: (event) => endDrag(event as PointerEvent), cleanup});\n            addListener({target: document, event: 'pointercancel', handler: (event) => endDrag(event as PointerEvent), cleanup});\n            scheduleMeasure();\n        },\n        destroy(): void {\n            releaseDrag();\n            clearFadeTimer();\n            if (measureFrame) cancelAnimationFrame(measureFrame);\n            if (positionFrame) cancelAnimationFrame(positionFrame);\n            measureFrame = 0;\n            positionFrame = 0;\n            resizeObserver?.disconnect();\n            mutationObserver?.disconnect();\n            resizeObserver = null;\n            mutationObserver = null;\n            bridge.disconnect();\n            rootEl = null;\n        },\n        get root(): BindingObject {\n            const props = this.snapshot.current?.props ?? currentProps();\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.root, props, className: props.class}),\n                {\n                    'data-ui-scroll-area': '',\n                    ':data-orientation': () => currentProps().orientation,\n                    ':data-type': () => currentProps().type,\n                    ':data-fill': () => currentProps().fill ? '' : undefined,\n                    ':data-disabled': () => currentProps().disabled ? '' : undefined,\n                    '@pointerenter': () => bridge.send('POINTER_ENTERED'),\n                    '@pointerleave': () => bridge.send('POINTER_LEFT'),\n                    '@focusin': () => bridge.send('FOCUS_ENTERED'),\n                    '@focusout': (event: FocusEvent) => {\n                        if (!(event.relatedTarget instanceof Node) || !root().contains(event.relatedTarget)) {\n                            bridge.send('FOCUS_LEFT');\n                        }\n                    },\n                },\n            ]});\n        },\n        viewport(el: HTMLElement): BindingObject {\n            return mergeBindings({inputs: [\n                resolveStyle({\n                    part: scrollAreaStyles.parts.viewport,\n                    props: {orientation: currentProps().orientation, fill: currentProps().fill},\n                    className: el.dataset.class,\n                }),\n                {\n                    tabindex: '0',\n                    'data-ui-scroll-area-viewport': '',\n                    ':data-orientation': () => currentProps().orientation,\n                    ':data-hide-native': () => currentProps().hideNative ? '' : undefined,\n                },\n            ]});\n        },\n        scrollbar(el: HTMLElement): BindingObject {\n            const orientation = axisFromOrientation(el) === 'x' ? 'horizontal' : 'vertical';\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.scrollbar, props: {orientation}, className: el.dataset.class}),\n                {\n                    'data-ui-scroll-area-scrollbar': '',\n                    'aria-hidden': 'true',\n                    ':data-disabled': () => currentProps().disabled ? '' : undefined,\n                },\n            ]});\n        },\n        thumb(el: HTMLElement): BindingObject {\n            const axis = axisFromOrientation(el);\n            const orientation = axis === 'x' ? 'horizontal' : 'vertical';\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.thumb, props: {orientation}, className: el.dataset.class}),\n                {\n                    'data-ui-scroll-area-thumb': '',\n                    'aria-hidden': 'true',\n                    '@pointerdown.prevent': (event: PointerEvent) => startDrag(event, axis),\n                    ':data-dragging': () => hasTag(axis === 'x' ? 'dragging-x' : 'dragging-y') ? '' : undefined,\n                },\n            ]});\n        },\n        corner(el: HTMLElement): BindingObject {\n            return mergeBindings({inputs: [\n                resolveStyle({part: scrollAreaStyles.parts.corner, className: el.dataset.class}),\n                {'data-ui-scroll-area-corner': '', 'aria-hidden': 'true'},\n            ]});\n        },\n    };\n\n    return component;\n};\n\nconst registerScrollArea = defineAlpineData('UiScrollArea', UiScrollArea);\n\nexport {registerScrollArea, UiScrollArea};\nexport type {ScrollAreaData, ScrollAreaElements, UiScrollAreaApi};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\n\nimport {registerScrollArea as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerScrollArea = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n\n    registerComponent(AlpineInstance);\n};\n\nexport {registerScrollArea};\nexport default registerScrollArea;\nexport * from './index';\n"],"mappings":"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"}

package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-OT_bt7F2.js → entry.generated-BzLNUDzF.js}

@@ -1,2 +1,2 @@
-import{r as e,t}from"./dom-DiTFTWeR.js";import{d as n,o as r}from"./motion-B90yNOaV.js";import{t as i}from"./capability-motion-D_BJBnwB.js";import{t as a}from"./flip-crNQSZEa.js";import{a as o,f as s,l as c,n as l,u as ee}from"./codecs-CQ7olTJL.js";import{i as u,t as d}from"./alpine-machine-CE2UN4Qu.js";import{t as f}from"./focus-pk_lz9sg.js";import{n as p,t as m}from"./alpine-data-Dvc_bXq6.js";import{n as h,t as g}from"./styles-CX2j92ex.js";import{t as _}from"./merge-bindings-BtqW3UgP.js";import{t as v}from"./machine-CNnHDbyo.js";import{t as te}from"./dismissable-layer-BROE-Ln2.js";import{i as y,n as ne}from"./focus-scope-BrYxsrhc.js";import{t as b}from"./capability-resizable-ByUbMIHF.js";import{t as re}from"./scroll-lock-C5dQtr4Y.js";import{B as x,d as S,z as C}from"./common-CBK89mIt.js";var w=e=>{let t=getComputedStyle(e).getPropertyValue(`--ui-shell-sidebar-breakpoint`),n=Number.parseFloat(t);return Number.isFinite(n)?n:1/0},T=[`left`,`right`],E=[`side`,`top`],D=[`drawer`,`fullscreen`],O=[`div`,`aside`,`header`],k=[`none`,`mobile`,`desktop`,`both`],A=[`toggle`,`open`,`close`,`stash`,`expand`],j=[`a`,`button`],M=[`ghost`,`surface`],N=[`neutral`,`accent`],P=C,F=S,I={as:c(O,`div`),id:s.default(`ui-sidebar`),placement:c(E,`side`),mobilePresentation:c(D,`drawer`),side:c(T,`left`),surface:c(P,`inherit`),elevation:c(F,`none`),drawerElevation:c(F,`2`),divider:l.default(!0),sticky:l.default(!0),collapse:c(k,`mobile`),open:l,stashed:l,persist:l.default(!0),edgeReveal:l.default(!0),resizable:l,class:s};c(j,`a`),c(M,`ghost`),c(N,`neutral`),l.default(!0);var L={target:s,icon:s.default(`side_panel`),label:s.default(`Toggle sidebar`),action:c(A,`toggle`),class:s},R=({context:e})=>({mode:e.responsive.mode,presentation:e.transition.presentation,width:e.layout.width,height:e.layout.height}),ie=[u({name:`opening`,state:`opening`,project:R,onDone:`OPENING_DONE`,onError:`OPENING_ERROR`}),u({name:`closing`,state:`closing`,project:R,onDone:`CLOSING_DONE`,onError:`CLOSING_ERROR`})],z=(e,t)=>typeof e.target==`string`?e.target:t,B=e=>e.presentation===`layout`?`layout`:`drawer`,ae=({props:e,mode:t,desktopStashed:n,effects:r})=>{let i=t===`mobile`?e.open?`mobileOpen`:`mobileClosed`:e.placement===`top`?`desktopTop`:n?`desktopStashed`:`desktopExpanded`,a={target:`opening`,reduce:`beginOpen`,effects:`prepareOpen`},o={target:`closing`,reduce:`beginClose`,effects:`prepareClose`},s={reduce:`replaceProps`,effects:`syncProps`};return v({initial:i,on:{MODE:[{target:`desktopTop`,guard:`toTop`,reduce:`setMode`,effects:`sync`},{target:`desktopDrawer`,guard:`toDesktopDrawer`,reduce:`setMode`,effects:`sync`},{target:`desktopStashed`,guard:`toDesktopStashed`,reduce:`setMode`,effects:`sync`},{target:`desktopExpanded`,guard:`toDesktop`,reduce:`setMode`,effects:`sync`},{target:`mobileOpen`,guard:`toMobileOpen`,reduce:`setMode`,effects:`sync`},{target:`mobileClosed`,reduce:`setMode`,effects:`sync`}],RESIZE:{reduce:`resize`,effects:`sync`}},states:{mobileClosed:{tags:[`mobile`,`closed`],on:{OPEN:a,EXPAND:a,PROPS_CHANGED:s}},mobileOpen:{tags:[`mobile`,`visible`,`expanded`,`open`],on:{CLOSE:o,STASH:o,TOGGLE:o,PROPS_CHANGED:s}},desktopExpanded:{tags:[`desktop`,`visible`,`expanded`,`open`,`layout`],on:{CLOSE:o,STASH:o,TOGGLE:o,OPEN:{},EXPAND:{},PROPS_CHANGED:s}},desktopStashed:{tags:[`desktop`,`stashed`,`closed`],on:{OPEN:a,EXPAND:a,TOGGLE:a,PROPS_CHANGED:s}},desktopDrawer:{tags:[`desktop`,`stashed`,`visible`,`expanded`,`open`,`drawer`],on:{CLOSE:o,STASH:o,TOGGLE:o,EXPAND:a,PROPS_CHANGED:s}},desktopTop:{tags:[`desktop`,`top`,`visible`,`expanded`,`open`,`layout`],on:{PROPS_CHANGED:s}},opening:{tags:[`visible`,`expanded`,`transitioning`],on:{OPENING_DONE:[{target:`mobileOpen`,guard:`targetsMobileOpen`,effects:`finishOpen`},{target:`desktopDrawer`,guard:`targetsDesktopDrawer`,effects:`finishOpen`},{target:`desktopTop`,guard:`targetsDesktopTop`,effects:`finishOpen`},{target:`desktopExpanded`,effects:`finishOpen`}],OPENING_ERROR:[{target:`mobileOpen`,guard:`targetsMobileOpen`,effects:`finishOpen`},{target:`desktopDrawer`,guard:`targetsDesktopDrawer`,effects:`finishOpen`},{target:`desktopTop`,guard:`targetsDesktopTop`,effects:`finishOpen`},{target:`desktopExpanded`,effects:`finishOpen`}],CLOSE:o,STASH:o,TOGGLE:o,PROPS_CHANGED:s}},closing:{tags:[`visible`,`transitioning`],on:{CLOSING_DONE:[{target:`mobileClosed`,guard:`targetsMobileClosed`,effects:`finishClose`},{target:`desktopStashed`,effects:`finishClose`}],CLOSING_ERROR:[{target:`mobileClosed`,guard:`targetsMobileClosed`,effects:`finishClose`},{target:`desktopStashed`,effects:`finishClose`}],OPEN:a,EXPAND:a,TOGGLE:a,PROPS_CHANGED:s}}}},{props:e,context:{responsive:{mode:t},layout:{desktopStashed:n,desktopDrawerOpen:!1,width:`var(--spacing-sidebar-width)`,height:``},transition:{target:i,presentation:i===`desktopExpanded`||i===`desktopTop`?`layout`:`drawer`}},reducers:{beginOpen:({context:e,event:t})=>{let n=z(t,`mobileOpen`);return{context:{...e,layout:{...e.layout,desktopStashed:n===`desktopDrawer`||n!==`desktopExpanded`&&e.layout.desktopStashed,desktopDrawerOpen:n===`desktopDrawer`||n===`mobileOpen`&&e.layout.desktopStashed},transition:{target:n,presentation:B(t)}}}},beginClose:({context:e,event:t})=>{let n=z(t,`mobileClosed`),r=n===`desktopStashed`||n===`mobileClosed`&&e.layout.desktopStashed;return{context:{...e,layout:{...e.layout,desktopStashed:n===`desktopStashed`||e.layout.desktopStashed,desktopDrawerOpen:!r&&e.layout.desktopDrawerOpen},transition:{target:n,presentation:B(t)}}}},setMode:({context:e,event:t})=>({context:{...e,responsive:{mode:t.mode===`desktop`?`desktop`:`mobile`}}}),replaceProps:({context:e,event:t})=>({props:t.props,context:e}),resize:({context:e,event:t})=>({context:{...e,layout:{...e.layout,width:typeof t.width==`string`?t.width:e.layout.width,height:typeof t.height==`string`?t.height:e.layout.height}}})},guards:{toTop:({event:e})=>e.mode===`desktop`&&e.placement===`top`,toDesktopDrawer:({event:e})=>e.mode===`desktop`&&e.stashed===!0&&e.open===!0,toDesktopStashed:({event:e})=>e.mode===`desktop`&&e.stashed===!0,toDesktop:({event:e})=>e.mode===`desktop`,toMobileOpen:({event:e})=>e.mode===`mobile`&&e.open===!0,targetsMobileOpen:({context:e})=>e.transition.target===`mobileOpen`,targetsMobileClosed:({context:e})=>e.transition.target===`mobileClosed`,targetsDesktopDrawer:({context:e})=>e.transition.target===`desktopDrawer`,targetsDesktopTop:({context:e})=>e.transition.target===`desktopTop`},effects:{prepareOpen:r.prepareOpen,finishOpen:r.finishOpen,prepareClose:r.prepareClose,finishClose:r.finishClose,sync:r.sync,syncProps:r.syncProps}})},V=x(`--ui-sidebar-resting-elevation`),H=x(`--ui-sidebar-drawer-elevation`),U=g({definition:{component:`ui.sidebar`,parts:{root:{base:[`fixed inset-y-2 z-dialog flex min-h-0 w-[var(--spacing-sidebar-drawer-width)] flex-col overflow-hidden rounded-overlay-md`,`border-separator outline-none`,`data-[drawer-state=open]:bg-surface`,`data-[mobile-state=closed]:-translate-x-full data-[mobile-state=open]:translate-x-0`,`data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0`,`data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto`,`[grid-area:sidebar]`,`data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center`],variants:{elevation:V,drawerElevation:H,mobilePresentation:{drawer:``,fullscreen:[`[&:not([data-responsive-mode=desktop])]:inset-0`,`[&:not([data-responsive-mode=desktop])]:h-dvh`,`[&:not([data-responsive-mode=desktop])]:w-full`,`[&:not([data-responsive-mode=desktop])]:max-w-none`,`[&:not([data-responsive-mode=desktop])]:rounded-none`,`[&:not([data-responsive-mode=desktop])]:border-0`].join(` `)},divider:{true:`data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider`,false:``},side:{left:`left-2 border-r-edge-divider data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto`,right:`right-2 border-l-edge-divider data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto`},sticky:{true:`data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:h-screen`,false:`data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:h-auto`}},defaults:{elevation:`none`,drawerElevation:`2`,mobilePresentation:`drawer`,divider:!0,side:`left`,sticky:!0}},header:{base:`flex min-h-control-xlg shrink-0 items-center gap-sidebar-header-gap px-sidebar-header-padding-inline py-sidebar-header-padding-block`},content:{base:[`min-h-0 flex-1 overflow-hidden`]},contentInner:{base:[`grid min-w-0 content-start gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block`,`[&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto`]},footer:{base:`grid shrink-0 gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block`},nav:{base:`grid gap-sidebar-content-gap`},item:{base:[`group/sidebar-item flex h-control-md w-full min-w-0 select-none items-center gap-2 rounded-control-md px-2`,`border border-transparent text-left text-sm font-medium outline-none`,`cursor-default`,`data-disabled:pointer-events-none`],variants:{variant:{ghost:``,surface:`data-current:border-transparent data-current:shadow-none`},color:{neutral:``,accent:``},withActions:{true:`pr-9`,false:``}},defaults:{variant:`ghost`,color:`neutral`,withActions:!1}},itemRow:{base:`group/sidebar-item-row relative min-w-0`},itemIcon:{base:`size-icon-xs shrink-0 fill-current text-icon`,variants:{position:{leading:``,trailing:`ml-auto`}},defaults:{position:`leading`}},itemLabel:{base:`min-w-0 flex-1`},itemBadge:{base:`ml-auto shrink-0 rounded-control-sm bg-interaction-hover px-1.5 py-0.5 text-xs text-surface-ink-muted`},itemActions:{base:`absolute right-1 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1`},group:{base:`relative grid gap-sidebar-content-gap`},groupSummary:{base:[`block h-control-md cursor-default select-none list-none rounded-control-md text-xs font-medium text-surface-ink-muted outline-none`,`hover:bg-interaction-hover hover:text-surface-ink focus-visible:ui-focus-ring`,`[&::-webkit-details-marker]:hidden`],variants:{hasActions:{true:``,false:``}},defaults:{hasActions:!1}},groupSummaryInner:{base:`flex h-full min-w-0 items-center gap-2 px-2`},groupHeading:{base:`flex min-h-control-md min-w-0 select-none items-center gap-2 px-2 py-1 cursor-default`},groupIcon:{base:`size-icon-xs shrink-0 fill-current text-icon group-open/sidebar-group:rotate-90`},groupLabel:{base:`min-w-0 flex-1`},groupHeadingLabel:{base:`min-w-0 flex-1`},groupActions:{base:`ml-auto flex shrink-0 items-center gap-1`},groupContent:{base:`grid gap-sidebar-content-gap`},toggle:{base:[`inline-flex h-control-md w-control-md shrink-0 items-center justify-center rounded-control-md text-surface-ink-muted outline-none`,`hover:bg-interaction-hover hover:text-surface-ink focus-visible:ui-focus-ring`]},toggleIcon:{base:`size-icon fill-current text-current`},edge:{base:[`fixed inset-y-0 z-30 hidden w-4 bg-transparent outline-none data-[state=visible]:block`,`focus-visible:ui-focus-ring-inset`,`data-[state=hidden]:hidden`],variants:{side:{left:`left-0`,right:`right-0`}},defaults:{side:`left`}},resizeHandle:{base:[`absolute inset-y-0 z-10 hidden w-3 cursor-col-resize touch-none outline-none group-data-[responsive-mode=desktop]/sidebar:block`,`data-disabled:hidden`,`group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:w-auto group-data-[placement=top]/sidebar:cursor-row-resize`],variants:{side:{left:`right-0`,right:`left-0`}},defaults:{side:`left`}}}}}),W={target:L.target,action:L.action,class:L.class},G=new Set,K=e=>e instanceof CustomEvent&&e.detail&&typeof e.detail==`object`?e.detail:{},oe=(()=>{let e=!1;return()=>{if(e||typeof document>`u`)return;let t=e=>t=>{if(t.target instanceof Element&&t.target.hasAttribute(`data-ui-sidebar`))return;let n=K(t);G.forEach(t=>{(!n.id||n.id===t.id)&&t.perform(n.action??e,n.trigger)})};document.addEventListener(`ui:sidebar-open`,t(`open`)),document.addEventListener(`ui:sidebar-close`,t(`close`)),document.addEventListener(`ui:sidebar-toggle`,t(`toggle`)),e=!0}})(),q=()=>{let i=null,s,c=null,l=`mobile`,u=null,p=null,g=()=>{if(!i)throw Error(`Sidebar has not been initialized.`);return i},v=()=>g().closest(`[data-ui-app]`),b=()=>v()?.querySelector(`[data-ui-app-backdrop]`)??null,x=()=>H.getSnapshot().props,S=()=>H.getSnapshot().context,C=()=>H.hasTag(`visible`)&&(H.hasTag(`drawer`)||l===`mobile`||H.hasTag(`transitioning`)&&S().transition.presentation===`drawer`),T=()=>C()&&l===`mobile`,E=()=>H.hasTag(`expanded`),D=()=>l===`mobile`&&H.matches(`closing`),O=()=>`trellis-ui-sidebar:${g().id||x().id}:stashed`,k=e=>{if(!e.persist)return null;try{let t=localStorage.getItem(`trellis-ui-sidebar:${g().id||e.id}:stashed`);return t===null?null:t===`true`}catch{return null}},A=()=>{let e=x();if(e.persist&&e.placement!==`top`)try{localStorage.setItem(O(),S().layout.desktopStashed?`true`:`false`)}catch{}},j=e=>{let t=v();e?t?.setAttribute(`data-sidebar-transitioning`,`true`):t?.removeAttribute(`data-sidebar-transitioning`)},M=()=>{let e=document.activeElement;if(!(e instanceof HTMLElement)||!g().contains(e))return;let t=u??Array.from(document.querySelectorAll(`[data-ui-sidebar-toggle]`)).find(e=>!g().contains(e)&&(!e.dataset.target||e.dataset.target===g().id));t&&document.contains(t)?f(t,{showIndicator:!1}):e.blur()},N=()=>{let e=E();document.querySelectorAll(`[data-ui-sidebar-toggle], [data-ui-sidebar-state-icon], [data-ui-sidebar-edge]`).forEach(t=>{t.dataset.target&&t.dataset.target!==g().id||(t.matches(`[data-ui-sidebar-edge]`)||(t.dataset.state=e?`open`:`closed`),t.matches(`[data-ui-sidebar-toggle], [data-ui-sidebar-edge]`)&&(t.setAttribute(`aria-controls`,g().id),t.setAttribute(`aria-expanded`,String(e))))})},P=({reflectControlled:e=!0}={})=>{let t=x(),r=H.hasTag(`visible`),i=E(),a=S().layout.desktopStashed,o=C(),s=g();e&&ee(l===`mobile`?{el:s,schema:I,key:`open`,value:i}:{el:s,schema:I,key:`stashed`,value:a}),s.dataset.state=i?`open`:`closed`,s.dataset.mobileState=l===`mobile`&&(i||D())?`open`:`closed`,s.dataset.desktopState=a?`stashed`:`expanded`,s.dataset.drawerState=o?`open`:`closed`,s.dataset.responsiveMode=l,s.dataset.placement=t.placement,s.dataset.mobilePresentation=t.mobilePresentation,s.dataset.side=t.side,s.hidden=!r&&(l!==`desktop`||t.placement!==`top`),s.toggleAttribute(`inert`,!i),i?s.removeAttribute(`aria-hidden`):s.setAttribute(`aria-hidden`,`true`);let c=!t.resizable||l!==`desktop`||o;s.toggleAttribute(`data-resize-disabled`,c);let d=s.querySelector(`[data-ui-sidebar-resize-handle]`);d?.toggleAttribute(`data-disabled`,c),d?.setAttribute(`aria-disabled`,String(c)),s.style.setProperty(`--ui-sidebar-width`,S().layout.width),S().layout.height&&s.style.setProperty(`--ui-sidebar-height`,S().layout.height);let f=v();f&&(f.style.setProperty(`--ui-app-sidebar-width`,S().layout.width),S().layout.height&&f.style.setProperty(`--ui-app-sidebar-height`,S().layout.height),f.dataset.sidebarState=a?`stashed`:`expanded`,f.dataset.sidebarSide=t.side,H.hasTag(`transitioning`)||(f.style.gridTemplateColumns=``));let m=b();if(m){let e=T();m.hidden=!e,m.dataset.state=e?`open`:`closed`}!o&&!H.hasTag(`transitioning`)&&(n(s),s.style.opacity=``,s.style.transform=``,m&&(n(m),m.style.opacity=``)),T()?p??=re(s.ownerDocument):(p?.(),p=null),document.querySelectorAll(`[data-ui-sidebar-edge]`).forEach(e=>{if(e.dataset.target&&e.dataset.target!==g().id)return;let n=o&&u===e,r=t.edgeReveal&&l===`desktop`&&t.placement===`side`&&a&&(!o||n);e.dataset.state=r?`visible`:`hidden`,e.hidden=!r}),N(),A()},F=({context:e})=>{let{presentation:t}=e.transition;j(t===`layout`),g().hidden=!1,t!==`layout`&&P(),T()&&queueMicrotask(()=>{T()&&ne(g(),{showIndicator:!1})})},L=()=>{j(!1),g().dataset.sidebarExiting=`false`,P(),e({el:g(),name:`ui:sidebar-open`,detail:{id:g().id}})},R=({context:e})=>{let{presentation:t}=e.transition;j(t===`layout`),M(),t===`layout`&&(g().dataset.sidebarExiting=`true`),t!==`layout`&&P()},z=()=>{j(!1),g().dataset.sidebarExiting=`false`,P(),e({el:g(),name:`ui:sidebar-close`,detail:{id:g().id}}),u=null},B=()=>{P({reflectControlled:!1}),queueMicrotask(()=>{let e=x();l===`desktop`?e.placement===`top`?H.hasTag(`top`)||H.send({type:`MODE`,mode:`desktop`,placement:`top`,stashed:!1,open:!0}):e.stashed!==S().layout.desktopStashed&&(e.stashed?Y():J()):e.open!==E()&&(e.open?K():q())})},V=()=>o({el:g(),schema:I}),H=d({schema:I,hooks:ie,createMachine:({props:e})=>ae({props:e,mode:l,desktopStashed:k(e)??e.stashed,effects:{prepareOpen:F,finishOpen:L,prepareClose:R,finishClose:z,sync:P,syncProps:B}})}),W=()=>{let e=x();return l===`mobile`?{target:`mobileOpen`,presentation:`drawer`}:e.placement===`top`?null:S().layout.desktopStashed?{target:`desktopDrawer`,presentation:`drawer`}:{target:`desktopExpanded`,presentation:`layout`}},K=e=>{e?.preventDefault(),e?.currentTarget instanceof HTMLElement&&(u=e.currentTarget);let t=W();t&&H.send({type:`OPEN`,...t})},q=e=>{e?.preventDefault(),(x().placement!==`top`||l!==`desktop`)&&H.send({type:`CLOSE`,target:l===`mobile`?`mobileClosed`:`desktopStashed`,presentation:C()?`drawer`:`layout`})},J=e=>{if(e?.preventDefault(),l===`mobile`){K(e);return}x().placement===`side`&&H.send({type:`EXPAND`,target:`desktopExpanded`,presentation:`layout`})},Y=e=>{if(e?.preventDefault(),l===`mobile`){q(e);return}x().placement===`side`&&H.send({type:`STASH`,target:`desktopStashed`,presentation:C()?`drawer`:`layout`})},X=e=>{if(e?.preventDefault(),x().placement!==`top`||l!==`desktop`){if(l===`desktop`&&x().placement===`side`&&S().layout.desktopStashed&&!C()){J(e);return}E()?q(e):K(e)}},Z=e=>{let t=x(),n=e>=w(v()??g())?`desktop`:`mobile`;if(n===l)return;l=n;let r=S().layout.desktopStashed;H.send({type:`MODE`,mode:n,placement:t.placement,stashed:r,open:n===`desktop`&&r&&S().layout.desktopDrawerOpen})},Q=e=>{let t=e instanceof CustomEvent?e.detail:null;t&&l===`desktop`&&!C()&&(x().placement===`top`&&Number.isFinite(t.height)?(H.send({type:`RESIZE`,height:`${Math.round(t.height)}px`}),g().style.setProperty(`--ui-sidebar-height`,`${Math.round(t.height)}px`),v()?.style.setProperty(`--ui-app-sidebar-height`,`${Math.round(t.height)}px`)):Number.isFinite(t.width)&&(H.send({type:`RESIZE`,width:`${Math.round(t.width)}px`}),g().style.setProperty(`--ui-sidebar-width`,`${Math.round(t.width)}px`),v()?.style.setProperty(`--ui-app-sidebar-width`,`${Math.round(t.width)}px`)))},se=e=>{if(!(e instanceof PointerEvent)||l!==`desktop`||!C()||!u?.matches(`[data-ui-sidebar-edge]`))return;let t=e.relatedTarget;t instanceof Node&&(g().contains(t)||u.contains(t))||q(e)},ce=e=>{if(!(e instanceof MouseEvent)||l!==`mobile`||!E()||e.defaultPrevented||e.button!==0||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;let t=e.target instanceof Element?e.target.closest(`a[data-ui-sidebar-item]`):null;t&&g().contains(t)&&t.getAttribute(`aria-disabled`)!==`true`&&(t.hasAttribute(`download`)||t.hasAttribute(`target`)||q())},$;return $={...H,get id(){return g().id||x().id},get isOpen(){return E()},get isDesktop(){return l===`desktop`},get isStashed(){return S().layout.desktopStashed},get width(){return S().layout.width},get height(){return S().layout.height},init(){s=m(this),i=this.$el;let n=v()??g();l=n.getBoundingClientRect().width>=w(n)?`desktop`:`mobile`,H.connect(this.$el,this.snapshot),g().id||=x().id,G.add($),oe(),c=new ResizeObserver(e=>Z(e[0]?.contentRect.width??n.clientWidth)),c.observe(n),s.add(te({isEnabled:C,roots:()=>[g()],onDismiss:q})),t({target:document,event:`keydown`,handler:e=>{e instanceof KeyboardEvent&&C()&&(e.key===`Escape`?q(e):T()&&y(e,g()))},cleanup:s}),t({target:g(),event:`ui:resize`,handler:Q,cleanup:s}),t({target:g(),event:`ui:resize-end`,handler:Q,cleanup:s}),t({target:g(),event:`pointerleave`,handler:se,cleanup:s}),t({target:g(),event:`click`,handler:ce,cleanup:s}),g().querySelectorAll(`details[data-ui-sidebar-group]`).forEach(n=>t({target:n,event:`toggle`,handler:()=>{n.dataset.state=n.open?`open`:`closed`,e({el:n,name:`ui:sidebar-group-change`,detail:{open:n.open}})},cleanup:s})),P()},destroy(){j(!1),G.delete($),c?.disconnect(),c=null,p?.(),p=null,H.disconnect(),i=null},transitionSidebar(e){if(e.data.presentation===`layout`){let t=Array.from(v()?.querySelectorAll(`:scope > [data-ui-app-header], :scope > [data-ui-app-main], :scope > [data-ui-app-footer]`)??[]);return a(e,{target:t,update:P,role:`layoutSpring`})}let t=g().dataset.side===`right`?1:-1,n=e.to===`opening`,i=t===1?`translateX(calc(100% + 0.5rem))`:`translateX(calc(-100% - 0.5rem))`,o=r(e).animate({opacity:n?[0,1]:1,transform:n?[i,`none`]:i}).role(`presence`),s=b();return s&&e.data.mode===`mobile`&&(o=o.with(s,{opacity:n?[0,1]:0}).role(`feedback`)),o.play()},get root(){let e=this.snapshot.current?.props??V();return _({inputs:[h({part:U.parts.root,props:e,className:e.class}),{"data-ui-sidebar":``}]})},open:K,close:q,toggle:X,stash:Y,expand:J,isExpanded:E,perform(e,t){(e===`open`||e===`toggle`&&!E())&&(u=t??null),{open:K,close:q,toggle:X,stash:Y,expand:J}[e]?.()},syncToggles:N},$},J=()=>{let e={};return{get props(){return e},init(){e=o({el:this.$el,schema:W})},destroy(){},get root(){return _({inputs:[h({part:U.parts.toggle,props:{},className:e.class}),{"data-ui-sidebar-toggle":``,":data-target":()=>e.target,":data-action":()=>e.action,"@click":e=>this.trigger(e)}]})},trigger(t){t?.preventDefault(),document.dispatchEvent(new CustomEvent(`ui:sidebar-toggle`,{detail:{id:e.target||`ui-sidebar`,action:e.action,trigger:this.$el}}))}}},Y=()=>{let e={};return{get props(){return e},init(){e=o({el:this.$el,schema:W})},destroy(){},get root(){return _({inputs:[h({part:U.parts.edge,props:{side:this.$el.dataset.side||`left`},className:e.class}),{"data-ui-sidebar-edge":``,":data-target":()=>e.target,"@pointerenter":e=>this.trigger(e),"@pointerleave":e=>this.leave(e),"@focus":e=>this.trigger(e),"@click":e=>this.trigger(e)}]})},trigger(t){t?.preventDefault(),document.dispatchEvent(new CustomEvent(`ui:sidebar-open`,{detail:{id:e.target||`ui-sidebar`,action:`open`,trigger:this.$el}}))},leave(t){let n=t instanceof PointerEvent?t.relatedTarget:null,r=document.getElementById(e.target||`ui-sidebar`);n instanceof Node&&r?.contains(n)||document.dispatchEvent(new CustomEvent(`ui:sidebar-close`,{detail:{id:e.target||`ui-sidebar`,action:`close`,trigger:this.$el}}))}}},X=e=>{p(`UiSidebar`,q)(e),p(`UiSidebarEdge`,Y)(e),p(`UiSidebarToggle`,J)(e)},Z=new WeakSet,Q=e=>{Z.has(e)||(Z.add(e),i(e),b(e),X(e))};export{J as i,q as n,Y as r,Q as t};
-//# sourceMappingURL=entry.generated-OT_bt7F2.js.map
+import{r as e,t}from"./dom-DiTFTWeR.js";import{d as n,o as r}from"./motion-RwlK04Cy.js";import{t as i}from"./capability-motion-B32HePGn.js";import{t as a}from"./flip-BKThFI4L.js";import{a as o,f as s,l as c,n as l,u as ee}from"./codecs-CQ7olTJL.js";import{i as u,t as d}from"./alpine-machine-CE2UN4Qu.js";import{t as f}from"./focus-pk_lz9sg.js";import{n as p,t as m}from"./alpine-data-Dvc_bXq6.js";import{n as h,t as g}from"./styles-CX2j92ex.js";import{t as _}from"./merge-bindings-BtqW3UgP.js";import{t as v}from"./machine-CNnHDbyo.js";import{t as te}from"./dismissable-layer-BROE-Ln2.js";import{i as y,n as ne}from"./focus-scope-BrYxsrhc.js";import{t as b}from"./capability-resizable-ByUbMIHF.js";import{t as re}from"./scroll-lock-C5dQtr4Y.js";import{B as x,d as S,z as C}from"./common-CBK89mIt.js";var w=e=>{let t=getComputedStyle(e).getPropertyValue(`--ui-shell-sidebar-breakpoint`),n=Number.parseFloat(t);return Number.isFinite(n)?n:1/0},T=[`left`,`right`],E=[`side`,`top`],D=[`drawer`,`fullscreen`],O=[`div`,`aside`,`header`],k=[`none`,`mobile`,`desktop`,`both`],A=[`toggle`,`open`,`close`,`stash`,`expand`],j=[`a`,`button`],M=[`ghost`,`surface`],N=[`neutral`,`accent`],P=C,F=S,I={as:c(O,`div`),id:s.default(`ui-sidebar`),placement:c(E,`side`),mobilePresentation:c(D,`drawer`),side:c(T,`left`),surface:c(P,`inherit`),elevation:c(F,`none`),drawerElevation:c(F,`2`),divider:l.default(!0),sticky:l.default(!0),collapse:c(k,`mobile`),open:l,stashed:l,persist:l.default(!0),edgeReveal:l.default(!0),resizable:l,class:s};c(j,`a`),c(M,`ghost`),c(N,`neutral`),l.default(!0);var L={target:s,icon:s.default(`side_panel`),label:s.default(`Toggle sidebar`),action:c(A,`toggle`),class:s},R=({context:e})=>({mode:e.responsive.mode,presentation:e.transition.presentation,width:e.layout.width,height:e.layout.height}),ie=[u({name:`opening`,state:`opening`,project:R,onDone:`OPENING_DONE`,onError:`OPENING_ERROR`}),u({name:`closing`,state:`closing`,project:R,onDone:`CLOSING_DONE`,onError:`CLOSING_ERROR`})],z=(e,t)=>typeof e.target==`string`?e.target:t,B=e=>e.presentation===`layout`?`layout`:`drawer`,ae=({props:e,mode:t,desktopStashed:n,effects:r})=>{let i=t===`mobile`?e.open?`mobileOpen`:`mobileClosed`:e.placement===`top`?`desktopTop`:n?`desktopStashed`:`desktopExpanded`,a={target:`opening`,reduce:`beginOpen`,effects:`prepareOpen`},o={target:`closing`,reduce:`beginClose`,effects:`prepareClose`},s={reduce:`replaceProps`,effects:`syncProps`};return v({initial:i,on:{MODE:[{target:`desktopTop`,guard:`toTop`,reduce:`setMode`,effects:`sync`},{target:`desktopDrawer`,guard:`toDesktopDrawer`,reduce:`setMode`,effects:`sync`},{target:`desktopStashed`,guard:`toDesktopStashed`,reduce:`setMode`,effects:`sync`},{target:`desktopExpanded`,guard:`toDesktop`,reduce:`setMode`,effects:`sync`},{target:`mobileOpen`,guard:`toMobileOpen`,reduce:`setMode`,effects:`sync`},{target:`mobileClosed`,reduce:`setMode`,effects:`sync`}],RESIZE:{reduce:`resize`,effects:`sync`}},states:{mobileClosed:{tags:[`mobile`,`closed`],on:{OPEN:a,EXPAND:a,PROPS_CHANGED:s}},mobileOpen:{tags:[`mobile`,`visible`,`expanded`,`open`],on:{CLOSE:o,STASH:o,TOGGLE:o,PROPS_CHANGED:s}},desktopExpanded:{tags:[`desktop`,`visible`,`expanded`,`open`,`layout`],on:{CLOSE:o,STASH:o,TOGGLE:o,OPEN:{},EXPAND:{},PROPS_CHANGED:s}},desktopStashed:{tags:[`desktop`,`stashed`,`closed`],on:{OPEN:a,EXPAND:a,TOGGLE:a,PROPS_CHANGED:s}},desktopDrawer:{tags:[`desktop`,`stashed`,`visible`,`expanded`,`open`,`drawer`],on:{CLOSE:o,STASH:o,TOGGLE:o,EXPAND:a,PROPS_CHANGED:s}},desktopTop:{tags:[`desktop`,`top`,`visible`,`expanded`,`open`,`layout`],on:{PROPS_CHANGED:s}},opening:{tags:[`visible`,`expanded`,`transitioning`],on:{OPENING_DONE:[{target:`mobileOpen`,guard:`targetsMobileOpen`,effects:`finishOpen`},{target:`desktopDrawer`,guard:`targetsDesktopDrawer`,effects:`finishOpen`},{target:`desktopTop`,guard:`targetsDesktopTop`,effects:`finishOpen`},{target:`desktopExpanded`,effects:`finishOpen`}],OPENING_ERROR:[{target:`mobileOpen`,guard:`targetsMobileOpen`,effects:`finishOpen`},{target:`desktopDrawer`,guard:`targetsDesktopDrawer`,effects:`finishOpen`},{target:`desktopTop`,guard:`targetsDesktopTop`,effects:`finishOpen`},{target:`desktopExpanded`,effects:`finishOpen`}],CLOSE:o,STASH:o,TOGGLE:o,PROPS_CHANGED:s}},closing:{tags:[`visible`,`transitioning`],on:{CLOSING_DONE:[{target:`mobileClosed`,guard:`targetsMobileClosed`,effects:`finishClose`},{target:`desktopStashed`,effects:`finishClose`}],CLOSING_ERROR:[{target:`mobileClosed`,guard:`targetsMobileClosed`,effects:`finishClose`},{target:`desktopStashed`,effects:`finishClose`}],OPEN:a,EXPAND:a,TOGGLE:a,PROPS_CHANGED:s}}}},{props:e,context:{responsive:{mode:t},layout:{desktopStashed:n,desktopDrawerOpen:!1,width:`var(--spacing-sidebar-width)`,height:``},transition:{target:i,presentation:i===`desktopExpanded`||i===`desktopTop`?`layout`:`drawer`}},reducers:{beginOpen:({context:e,event:t})=>{let n=z(t,`mobileOpen`);return{context:{...e,layout:{...e.layout,desktopStashed:n===`desktopDrawer`||n!==`desktopExpanded`&&e.layout.desktopStashed,desktopDrawerOpen:n===`desktopDrawer`||n===`mobileOpen`&&e.layout.desktopStashed},transition:{target:n,presentation:B(t)}}}},beginClose:({context:e,event:t})=>{let n=z(t,`mobileClosed`),r=n===`desktopStashed`||n===`mobileClosed`&&e.layout.desktopStashed;return{context:{...e,layout:{...e.layout,desktopStashed:n===`desktopStashed`||e.layout.desktopStashed,desktopDrawerOpen:!r&&e.layout.desktopDrawerOpen},transition:{target:n,presentation:B(t)}}}},setMode:({context:e,event:t})=>({context:{...e,responsive:{mode:t.mode===`desktop`?`desktop`:`mobile`}}}),replaceProps:({context:e,event:t})=>({props:t.props,context:e}),resize:({context:e,event:t})=>({context:{...e,layout:{...e.layout,width:typeof t.width==`string`?t.width:e.layout.width,height:typeof t.height==`string`?t.height:e.layout.height}}})},guards:{toTop:({event:e})=>e.mode===`desktop`&&e.placement===`top`,toDesktopDrawer:({event:e})=>e.mode===`desktop`&&e.stashed===!0&&e.open===!0,toDesktopStashed:({event:e})=>e.mode===`desktop`&&e.stashed===!0,toDesktop:({event:e})=>e.mode===`desktop`,toMobileOpen:({event:e})=>e.mode===`mobile`&&e.open===!0,targetsMobileOpen:({context:e})=>e.transition.target===`mobileOpen`,targetsMobileClosed:({context:e})=>e.transition.target===`mobileClosed`,targetsDesktopDrawer:({context:e})=>e.transition.target===`desktopDrawer`,targetsDesktopTop:({context:e})=>e.transition.target===`desktopTop`},effects:{prepareOpen:r.prepareOpen,finishOpen:r.finishOpen,prepareClose:r.prepareClose,finishClose:r.finishClose,sync:r.sync,syncProps:r.syncProps}})},V=x(`--ui-sidebar-resting-elevation`),H=x(`--ui-sidebar-drawer-elevation`),U=g({definition:{component:`ui.sidebar`,parts:{root:{base:[`fixed inset-y-2 z-dialog flex min-h-0 w-[var(--spacing-sidebar-drawer-width)] flex-col overflow-hidden rounded-overlay-md`,`border-separator outline-none`,`data-[drawer-state=open]:bg-surface`,`data-[mobile-state=closed]:-translate-x-full data-[mobile-state=open]:translate-x-0`,`data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0`,`data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed`,`data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto`,`[grid-area:sidebar]`,`data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto`,`data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center`],variants:{elevation:V,drawerElevation:H,mobilePresentation:{drawer:``,fullscreen:[`[&:not([data-responsive-mode=desktop])]:inset-0`,`[&:not([data-responsive-mode=desktop])]:h-dvh`,`[&:not([data-responsive-mode=desktop])]:w-full`,`[&:not([data-responsive-mode=desktop])]:max-w-none`,`[&:not([data-responsive-mode=desktop])]:rounded-none`,`[&:not([data-responsive-mode=desktop])]:border-0`].join(` `)},divider:{true:`data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider`,false:``},side:{left:`left-2 border-r-edge-divider data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto`,right:`right-2 border-l-edge-divider data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto`},sticky:{true:`data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:h-screen`,false:`data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:h-auto`}},defaults:{elevation:`none`,drawerElevation:`2`,mobilePresentation:`drawer`,divider:!0,side:`left`,sticky:!0}},header:{base:`flex min-h-control-xlg shrink-0 items-center gap-sidebar-header-gap px-sidebar-header-padding-inline py-sidebar-header-padding-block`},content:{base:[`min-h-0 flex-1 overflow-hidden`]},contentInner:{base:[`grid min-w-0 content-start gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block`,`[&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto`]},footer:{base:`grid shrink-0 gap-sidebar-content-gap px-sidebar-content-padding-inline py-sidebar-content-padding-block`},nav:{base:`grid gap-sidebar-content-gap`},item:{base:[`group/sidebar-item flex h-control-md w-full min-w-0 select-none items-center gap-2 rounded-control-md px-2`,`border border-transparent text-left text-sm font-medium outline-none`,`cursor-default`,`data-disabled:pointer-events-none`],variants:{variant:{ghost:``,surface:`data-current:border-transparent data-current:shadow-none`},color:{neutral:``,accent:``},withActions:{true:`pr-9`,false:``}},defaults:{variant:`ghost`,color:`neutral`,withActions:!1}},itemRow:{base:`group/sidebar-item-row relative min-w-0`},itemIcon:{base:`size-icon-xs shrink-0 fill-current text-icon`,variants:{position:{leading:``,trailing:`ml-auto`}},defaults:{position:`leading`}},itemLabel:{base:`min-w-0 flex-1`},itemBadge:{base:`ml-auto shrink-0 rounded-control-sm bg-interaction-hover px-1.5 py-0.5 text-xs text-surface-ink-muted`},itemActions:{base:`absolute right-1 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1`},group:{base:`relative grid gap-sidebar-content-gap`},groupSummary:{base:[`block h-control-md cursor-default select-none list-none rounded-control-md text-xs font-medium text-surface-ink-muted outline-none`,`hover:bg-interaction-hover hover:text-surface-ink focus-visible:ui-focus-ring`,`[&::-webkit-details-marker]:hidden`],variants:{hasActions:{true:``,false:``}},defaults:{hasActions:!1}},groupSummaryInner:{base:`flex h-full min-w-0 items-center gap-2 px-2`},groupHeading:{base:`flex min-h-control-md min-w-0 select-none items-center gap-2 px-2 py-1 cursor-default`},groupIcon:{base:`size-icon-xs shrink-0 fill-current text-icon group-open/sidebar-group:rotate-90`},groupLabel:{base:`min-w-0 flex-1`},groupHeadingLabel:{base:`min-w-0 flex-1`},groupActions:{base:`ml-auto flex shrink-0 items-center gap-1`},groupContent:{base:`grid gap-sidebar-content-gap`},toggle:{base:[`inline-flex h-control-md w-control-md shrink-0 items-center justify-center rounded-control-md text-surface-ink-muted outline-none`,`hover:bg-interaction-hover hover:text-surface-ink focus-visible:ui-focus-ring`]},toggleIcon:{base:`size-icon fill-current text-current`},edge:{base:[`fixed inset-y-0 z-30 hidden w-4 bg-transparent outline-none data-[state=visible]:block`,`focus-visible:ui-focus-ring-inset`,`data-[state=hidden]:hidden`],variants:{side:{left:`left-0`,right:`right-0`}},defaults:{side:`left`}},resizeHandle:{base:[`absolute inset-y-0 z-10 hidden w-3 cursor-col-resize touch-none outline-none group-data-[responsive-mode=desktop]/sidebar:block`,`data-disabled:hidden`,`group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:w-auto group-data-[placement=top]/sidebar:cursor-row-resize`],variants:{side:{left:`right-0`,right:`left-0`}},defaults:{side:`left`}}}}}),W={target:L.target,action:L.action,class:L.class},G=new Set,K=e=>e instanceof CustomEvent&&e.detail&&typeof e.detail==`object`?e.detail:{},oe=(()=>{let e=!1;return()=>{if(e||typeof document>`u`)return;let t=e=>t=>{if(t.target instanceof Element&&t.target.hasAttribute(`data-ui-sidebar`))return;let n=K(t);G.forEach(t=>{(!n.id||n.id===t.id)&&t.perform(n.action??e,n.trigger)})};document.addEventListener(`ui:sidebar-open`,t(`open`)),document.addEventListener(`ui:sidebar-close`,t(`close`)),document.addEventListener(`ui:sidebar-toggle`,t(`toggle`)),e=!0}})(),q=()=>{let i=null,s,c=null,l=`mobile`,u=null,p=null,g=()=>{if(!i)throw Error(`Sidebar has not been initialized.`);return i},v=()=>g().closest(`[data-ui-app]`),b=()=>v()?.querySelector(`[data-ui-app-backdrop]`)??null,x=()=>H.getSnapshot().props,S=()=>H.getSnapshot().context,C=()=>H.hasTag(`visible`)&&(H.hasTag(`drawer`)||l===`mobile`||H.hasTag(`transitioning`)&&S().transition.presentation===`drawer`),T=()=>C()&&l===`mobile`,E=()=>H.hasTag(`expanded`),D=()=>l===`mobile`&&H.matches(`closing`),O=()=>`trellis-ui-sidebar:${g().id||x().id}:stashed`,k=e=>{if(!e.persist)return null;try{let t=localStorage.getItem(`trellis-ui-sidebar:${g().id||e.id}:stashed`);return t===null?null:t===`true`}catch{return null}},A=()=>{let e=x();if(e.persist&&e.placement!==`top`)try{localStorage.setItem(O(),S().layout.desktopStashed?`true`:`false`)}catch{}},j=e=>{let t=v();e?t?.setAttribute(`data-sidebar-transitioning`,`true`):t?.removeAttribute(`data-sidebar-transitioning`)},M=()=>{let e=document.activeElement;if(!(e instanceof HTMLElement)||!g().contains(e))return;let t=u??Array.from(document.querySelectorAll(`[data-ui-sidebar-toggle]`)).find(e=>!g().contains(e)&&(!e.dataset.target||e.dataset.target===g().id));t&&document.contains(t)?f(t,{showIndicator:!1}):e.blur()},N=()=>{let e=E();document.querySelectorAll(`[data-ui-sidebar-toggle], [data-ui-sidebar-state-icon], [data-ui-sidebar-edge]`).forEach(t=>{t.dataset.target&&t.dataset.target!==g().id||(t.matches(`[data-ui-sidebar-edge]`)||(t.dataset.state=e?`open`:`closed`),t.matches(`[data-ui-sidebar-toggle], [data-ui-sidebar-edge]`)&&(t.setAttribute(`aria-controls`,g().id),t.setAttribute(`aria-expanded`,String(e))))})},P=({reflectControlled:e=!0}={})=>{let t=x(),r=H.hasTag(`visible`),i=E(),a=S().layout.desktopStashed,o=C(),s=g();e&&ee(l===`mobile`?{el:s,schema:I,key:`open`,value:i}:{el:s,schema:I,key:`stashed`,value:a}),s.dataset.state=i?`open`:`closed`,s.dataset.mobileState=l===`mobile`&&(i||D())?`open`:`closed`,s.dataset.desktopState=a?`stashed`:`expanded`,s.dataset.drawerState=o?`open`:`closed`,s.dataset.responsiveMode=l,s.dataset.placement=t.placement,s.dataset.mobilePresentation=t.mobilePresentation,s.dataset.side=t.side,s.hidden=!r&&(l!==`desktop`||t.placement!==`top`),s.toggleAttribute(`inert`,!i),i?s.removeAttribute(`aria-hidden`):s.setAttribute(`aria-hidden`,`true`);let c=!t.resizable||l!==`desktop`||o;s.toggleAttribute(`data-resize-disabled`,c);let d=s.querySelector(`[data-ui-sidebar-resize-handle]`);d?.toggleAttribute(`data-disabled`,c),d?.setAttribute(`aria-disabled`,String(c)),s.style.setProperty(`--ui-sidebar-width`,S().layout.width),S().layout.height&&s.style.setProperty(`--ui-sidebar-height`,S().layout.height);let f=v();f&&(f.style.setProperty(`--ui-app-sidebar-width`,S().layout.width),S().layout.height&&f.style.setProperty(`--ui-app-sidebar-height`,S().layout.height),f.dataset.sidebarState=a?`stashed`:`expanded`,f.dataset.sidebarSide=t.side,H.hasTag(`transitioning`)||(f.style.gridTemplateColumns=``));let m=b();if(m){let e=T();m.hidden=!e,m.dataset.state=e?`open`:`closed`}!o&&!H.hasTag(`transitioning`)&&(n(s),s.style.opacity=``,s.style.transform=``,m&&(n(m),m.style.opacity=``)),T()?p??=re(s.ownerDocument):(p?.(),p=null),document.querySelectorAll(`[data-ui-sidebar-edge]`).forEach(e=>{if(e.dataset.target&&e.dataset.target!==g().id)return;let n=o&&u===e,r=t.edgeReveal&&l===`desktop`&&t.placement===`side`&&a&&(!o||n);e.dataset.state=r?`visible`:`hidden`,e.hidden=!r}),N(),A()},F=({context:e})=>{let{presentation:t}=e.transition;j(t===`layout`),g().hidden=!1,t!==`layout`&&P(),T()&&queueMicrotask(()=>{T()&&ne(g(),{showIndicator:!1})})},L=()=>{j(!1),g().dataset.sidebarExiting=`false`,P(),e({el:g(),name:`ui:sidebar-open`,detail:{id:g().id}})},R=({context:e})=>{let{presentation:t}=e.transition;j(t===`layout`),M(),t===`layout`&&(g().dataset.sidebarExiting=`true`),t!==`layout`&&P()},z=()=>{j(!1),g().dataset.sidebarExiting=`false`,P(),e({el:g(),name:`ui:sidebar-close`,detail:{id:g().id}}),u=null},B=()=>{P({reflectControlled:!1}),queueMicrotask(()=>{let e=x();l===`desktop`?e.placement===`top`?H.hasTag(`top`)||H.send({type:`MODE`,mode:`desktop`,placement:`top`,stashed:!1,open:!0}):e.stashed!==S().layout.desktopStashed&&(e.stashed?Y():J()):e.open!==E()&&(e.open?K():q())})},V=()=>o({el:g(),schema:I}),H=d({schema:I,hooks:ie,createMachine:({props:e})=>ae({props:e,mode:l,desktopStashed:k(e)??e.stashed,effects:{prepareOpen:F,finishOpen:L,prepareClose:R,finishClose:z,sync:P,syncProps:B}})}),W=()=>{let e=x();return l===`mobile`?{target:`mobileOpen`,presentation:`drawer`}:e.placement===`top`?null:S().layout.desktopStashed?{target:`desktopDrawer`,presentation:`drawer`}:{target:`desktopExpanded`,presentation:`layout`}},K=e=>{e?.preventDefault(),e?.currentTarget instanceof HTMLElement&&(u=e.currentTarget);let t=W();t&&H.send({type:`OPEN`,...t})},q=e=>{e?.preventDefault(),(x().placement!==`top`||l!==`desktop`)&&H.send({type:`CLOSE`,target:l===`mobile`?`mobileClosed`:`desktopStashed`,presentation:C()?`drawer`:`layout`})},J=e=>{if(e?.preventDefault(),l===`mobile`){K(e);return}x().placement===`side`&&H.send({type:`EXPAND`,target:`desktopExpanded`,presentation:`layout`})},Y=e=>{if(e?.preventDefault(),l===`mobile`){q(e);return}x().placement===`side`&&H.send({type:`STASH`,target:`desktopStashed`,presentation:C()?`drawer`:`layout`})},X=e=>{if(e?.preventDefault(),x().placement!==`top`||l!==`desktop`){if(l===`desktop`&&x().placement===`side`&&S().layout.desktopStashed&&!C()){J(e);return}E()?q(e):K(e)}},Z=e=>{let t=x(),n=e>=w(v()??g())?`desktop`:`mobile`;if(n===l)return;l=n;let r=S().layout.desktopStashed;H.send({type:`MODE`,mode:n,placement:t.placement,stashed:r,open:n===`desktop`&&r&&S().layout.desktopDrawerOpen})},Q=e=>{let t=e instanceof CustomEvent?e.detail:null;t&&l===`desktop`&&!C()&&(x().placement===`top`&&Number.isFinite(t.height)?(H.send({type:`RESIZE`,height:`${Math.round(t.height)}px`}),g().style.setProperty(`--ui-sidebar-height`,`${Math.round(t.height)}px`),v()?.style.setProperty(`--ui-app-sidebar-height`,`${Math.round(t.height)}px`)):Number.isFinite(t.width)&&(H.send({type:`RESIZE`,width:`${Math.round(t.width)}px`}),g().style.setProperty(`--ui-sidebar-width`,`${Math.round(t.width)}px`),v()?.style.setProperty(`--ui-app-sidebar-width`,`${Math.round(t.width)}px`)))},se=e=>{if(!(e instanceof PointerEvent)||l!==`desktop`||!C()||!u?.matches(`[data-ui-sidebar-edge]`))return;let t=e.relatedTarget;t instanceof Node&&(g().contains(t)||u.contains(t))||q(e)},ce=e=>{if(!(e instanceof MouseEvent)||l!==`mobile`||!E()||e.defaultPrevented||e.button!==0||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;let t=e.target instanceof Element?e.target.closest(`a[data-ui-sidebar-item]`):null;t&&g().contains(t)&&t.getAttribute(`aria-disabled`)!==`true`&&(t.hasAttribute(`download`)||t.hasAttribute(`target`)||q())},$;return $={...H,get id(){return g().id||x().id},get isOpen(){return E()},get isDesktop(){return l===`desktop`},get isStashed(){return S().layout.desktopStashed},get width(){return S().layout.width},get height(){return S().layout.height},init(){s=m(this),i=this.$el;let n=v()??g();l=n.getBoundingClientRect().width>=w(n)?`desktop`:`mobile`,H.connect(this.$el,this.snapshot),g().id||=x().id,G.add($),oe(),c=new ResizeObserver(e=>Z(e[0]?.contentRect.width??n.clientWidth)),c.observe(n),s.add(te({isEnabled:C,roots:()=>[g()],onDismiss:q})),t({target:document,event:`keydown`,handler:e=>{e instanceof KeyboardEvent&&C()&&(e.key===`Escape`?q(e):T()&&y(e,g()))},cleanup:s}),t({target:g(),event:`ui:resize`,handler:Q,cleanup:s}),t({target:g(),event:`ui:resize-end`,handler:Q,cleanup:s}),t({target:g(),event:`pointerleave`,handler:se,cleanup:s}),t({target:g(),event:`click`,handler:ce,cleanup:s}),g().querySelectorAll(`details[data-ui-sidebar-group]`).forEach(n=>t({target:n,event:`toggle`,handler:()=>{n.dataset.state=n.open?`open`:`closed`,e({el:n,name:`ui:sidebar-group-change`,detail:{open:n.open}})},cleanup:s})),P()},destroy(){j(!1),G.delete($),c?.disconnect(),c=null,p?.(),p=null,H.disconnect(),i=null},transitionSidebar(e){if(e.data.presentation===`layout`){let t=Array.from(v()?.querySelectorAll(`:scope > [data-ui-app-header], :scope > [data-ui-app-main], :scope > [data-ui-app-footer]`)??[]);return a(e,{target:t,update:P,role:`layoutSpring`})}let t=g().dataset.side===`right`?1:-1,n=e.to===`opening`,i=t===1?`translateX(calc(100% + 0.5rem))`:`translateX(calc(-100% - 0.5rem))`,o=r(e).animate({opacity:n?[0,1]:1,transform:n?[i,`none`]:i}).role(`presence`),s=b();return s&&e.data.mode===`mobile`&&(o=o.with(s,{opacity:n?[0,1]:0}).role(`feedback`)),o.play()},get root(){let e=this.snapshot.current?.props??V();return _({inputs:[h({part:U.parts.root,props:e,className:e.class}),{"data-ui-sidebar":``}]})},open:K,close:q,toggle:X,stash:Y,expand:J,isExpanded:E,perform(e,t){(e===`open`||e===`toggle`&&!E())&&(u=t??null),{open:K,close:q,toggle:X,stash:Y,expand:J}[e]?.()},syncToggles:N},$},J=()=>{let e={};return{get props(){return e},init(){e=o({el:this.$el,schema:W})},destroy(){},get root(){return _({inputs:[h({part:U.parts.toggle,props:{},className:e.class}),{"data-ui-sidebar-toggle":``,":data-target":()=>e.target,":data-action":()=>e.action,"@click":e=>this.trigger(e)}]})},trigger(t){t?.preventDefault(),document.dispatchEvent(new CustomEvent(`ui:sidebar-toggle`,{detail:{id:e.target||`ui-sidebar`,action:e.action,trigger:this.$el}}))}}},Y=()=>{let e={};return{get props(){return e},init(){e=o({el:this.$el,schema:W})},destroy(){},get root(){return _({inputs:[h({part:U.parts.edge,props:{side:this.$el.dataset.side||`left`},className:e.class}),{"data-ui-sidebar-edge":``,":data-target":()=>e.target,"@pointerenter":e=>this.trigger(e),"@pointerleave":e=>this.leave(e),"@focus":e=>this.trigger(e),"@click":e=>this.trigger(e)}]})},trigger(t){t?.preventDefault(),document.dispatchEvent(new CustomEvent(`ui:sidebar-open`,{detail:{id:e.target||`ui-sidebar`,action:`open`,trigger:this.$el}}))},leave(t){let n=t instanceof PointerEvent?t.relatedTarget:null,r=document.getElementById(e.target||`ui-sidebar`);n instanceof Node&&r?.contains(n)||document.dispatchEvent(new CustomEvent(`ui:sidebar-close`,{detail:{id:e.target||`ui-sidebar`,action:`close`,trigger:this.$el}}))}}},X=e=>{p(`UiSidebar`,q)(e),p(`UiSidebarEdge`,Y)(e),p(`UiSidebarToggle`,J)(e)},Z=new WeakSet,Q=e=>{Z.has(e)||(Z.add(e),i(e),b(e),X(e))};export{J as i,q as n,Y as r,Q as t};
+//# sourceMappingURL=entry.generated-BzLNUDzF.js.map