@vireo-ai/trellis-ui 0.1.57 → 0.1.59

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

@@ -1 +1 @@
-{"version":3,"file":"entry.generated-Cb-VMAE1.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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"}
+{"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":"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"}

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

@@ -1,2 +1,2 @@
-import{n as e}from"./dom-invalidation-Dw6clnS4.js";import{o as t}from"./capability-shortcut-DZUQHJ3A.js";import{t as n}from"./controller-CalXJ5hB.js";var r=new WeakSet,i=t=>{r.has(t)||(r.add(t),t.addInitSelector(()=>`[x-ui-keybinding]`),t.directive(`ui-keybinding`,t.skipDuringClone((t,{expression:r},i)=>{if(!(t instanceof HTMLElement))return;let a=n(t),o=i.evaluateLater(r),s;i.effect(()=>o(e=>{s=e,a.setValue(e)}));let c=e(t,{invalidateDom:()=>a.setValue(s)});i.cleanup(()=>{c(),a.destroy()})})))},a=new WeakSet,o=e=>{a.has(e)||(a.add(e),t(e),i(e))};export{o as t};
-//# sourceMappingURL=entry.generated-DaXIKPN9.js.map
+import{n as e}from"./dom-invalidation-Dw6clnS4.js";import{o as t}from"./capability-shortcut-DZUQHJ3A.js";import{t as n}from"./controller-C8xqwkr0.js";var r=new WeakSet,i=t=>{r.has(t)||(r.add(t),t.addInitSelector(()=>`[x-ui-keybinding]`),t.directive(`ui-keybinding`,t.skipDuringClone((t,{expression:r},i)=>{if(!(t instanceof HTMLElement))return;let a=n(t),o=i.evaluateLater(r),s;i.effect(()=>o(e=>{s=e,a.setValue(e)}));let c=e(t,{invalidateDom:()=>a.setValue(s)});i.cleanup(()=>{c(),a.destroy()})})))},a=new WeakSet,o=e=>{a.has(e)||(a.add(e),t(e),i(e))};export{o as t};
+//# sourceMappingURL=entry.generated-HqE8R7N1.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"entry.generated-DaXIKPN9.js","names":[],"sources":["../../../../../../../../client/src/components/keybinding/index.ts","../../../../../../../../client/src/components/keybinding/entry.generated.ts"],"sourcesContent":["import type Alpine from 'alpinejs';\n\nimport {registerDomInvalidationOwner} from '@client/runtime/dom-invalidation';\nimport {createKeybindingController} from './controller';\n\nconst registered = new WeakSet<Alpine.Alpine>();\n\nconst registerKeybinding = (AlpineInstance: Alpine.Alpine): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    AlpineInstance.addInitSelector(() => '[x-ui-keybinding]');\n    AlpineInstance.directive('ui-keybinding', AlpineInstance.skipDuringClone((el, {expression}, utilities) => {\n        if (!(el instanceof HTMLElement)) return;\n        const controller = createKeybindingController(el);\n        const evaluator = utilities.evaluateLater(expression);\n        let currentValue: unknown;\n        utilities.effect(() => evaluator((value) => {\n            currentValue = value;\n            controller.setValue(value);\n        }));\n        const unregisterInvalidationOwner = registerDomInvalidationOwner(el, {\n            invalidateDom: () => controller.setValue(currentValue),\n        });\n        utilities.cleanup(() => {\n            unregisterInvalidationOwner();\n            controller.destroy();\n        });\n    }));\n};\n\nexport {createKeybindingController, registerKeybinding};\nexport type {KeybindingController} from './controller';\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 {registerShortcutCapability} from '../../capabilities/shortcut';\nimport {registerKeybinding as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerKeybinding = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    registerShortcutCapability(AlpineInstance);\n    registerComponent(AlpineInstance);\n};\n\nexport {registerKeybinding};\nexport default registerKeybinding;\nexport * from './index';\n"],"mappings":"sJAKA,IAAM,EAAa,IAAI,QAEjB,EAAsB,GAAwC,CAC5D,EAAW,IAAI,CAAc,IACjC,EAAW,IAAI,CAAc,EAC7B,EAAe,oBAAsB,mBAAmB,EACxD,EAAe,UAAU,gBAAiB,EAAe,iBAAiB,EAAI,CAAC,cAAa,IAAc,CACtG,GAAI,EAAE,aAAc,aAAc,OAClC,IAAM,EAAa,EAA2B,CAAE,EAC1C,EAAY,EAAU,cAAc,CAAU,EAChD,EACJ,EAAU,WAAa,EAAW,GAAU,CACxC,EAAe,EACf,EAAW,SAAS,CAAK,CAC7B,CAAC,CAAC,EACF,IAAM,EAA8B,EAA6B,EAAI,CACjE,kBAAqB,EAAW,SAAS,CAAY,CACzD,CAAC,EACD,EAAU,YAAc,CACpB,EAA4B,EAC5B,EAAW,QAAQ,CACvB,CAAC,CACL,CAAC,CAAC,EACN,ECtBM,EAAa,IAAI,QAEjB,EAAsB,GAAqC,CACzD,EAAW,IAAI,CAAc,IACjC,EAAW,IAAI,CAAc,EAC7B,EAA2B,CAAc,EACzC,EAAkB,CAAc,EACpC"}
+{"version":3,"file":"entry.generated-HqE8R7N1.js","names":[],"sources":["../../../../../../../../client/src/components/keybinding/index.ts","../../../../../../../../client/src/components/keybinding/entry.generated.ts"],"sourcesContent":["import type Alpine from 'alpinejs';\n\nimport {registerDomInvalidationOwner} from '@client/runtime/dom-invalidation';\nimport {createKeybindingController} from './controller';\n\nconst registered = new WeakSet<Alpine.Alpine>();\n\nconst registerKeybinding = (AlpineInstance: Alpine.Alpine): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    AlpineInstance.addInitSelector(() => '[x-ui-keybinding]');\n    AlpineInstance.directive('ui-keybinding', AlpineInstance.skipDuringClone((el, {expression}, utilities) => {\n        if (!(el instanceof HTMLElement)) return;\n        const controller = createKeybindingController(el);\n        const evaluator = utilities.evaluateLater(expression);\n        let currentValue: unknown;\n        utilities.effect(() => evaluator((value) => {\n            currentValue = value;\n            controller.setValue(value);\n        }));\n        const unregisterInvalidationOwner = registerDomInvalidationOwner(el, {\n            invalidateDom: () => controller.setValue(currentValue),\n        });\n        utilities.cleanup(() => {\n            unregisterInvalidationOwner();\n            controller.destroy();\n        });\n    }));\n};\n\nexport {createKeybindingController, registerKeybinding};\nexport type {KeybindingController} from './controller';\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 {registerShortcutCapability} from '../../capabilities/shortcut';\nimport {registerKeybinding as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerKeybinding = (AlpineInstance: AlpineType): void => {\n    if (registered.has(AlpineInstance)) return;\n    registered.add(AlpineInstance);\n    registerShortcutCapability(AlpineInstance);\n    registerComponent(AlpineInstance);\n};\n\nexport {registerKeybinding};\nexport default registerKeybinding;\nexport * from './index';\n"],"mappings":"sJAKA,IAAM,EAAa,IAAI,QAEjB,EAAsB,GAAwC,CAC5D,EAAW,IAAI,CAAc,IACjC,EAAW,IAAI,CAAc,EAC7B,EAAe,oBAAsB,mBAAmB,EACxD,EAAe,UAAU,gBAAiB,EAAe,iBAAiB,EAAI,CAAC,cAAa,IAAc,CACtG,GAAI,EAAE,aAAc,aAAc,OAClC,IAAM,EAAa,EAA2B,CAAE,EAC1C,EAAY,EAAU,cAAc,CAAU,EAChD,EACJ,EAAU,WAAa,EAAW,GAAU,CACxC,EAAe,EACf,EAAW,SAAS,CAAK,CAC7B,CAAC,CAAC,EACF,IAAM,EAA8B,EAA6B,EAAI,CACjE,kBAAqB,EAAW,SAAS,CAAY,CACzD,CAAC,EACD,EAAU,YAAc,CACpB,EAA4B,EAC5B,EAAW,QAAQ,CACvB,CAAC,CACL,CAAC,CAAC,EACN,ECtBM,EAAa,IAAI,QAEjB,EAAsB,GAAqC,CACzD,EAAW,IAAI,CAAc,IACjC,EAAW,IAAI,CAAc,EAC7B,EAA2B,CAAc,EACzC,EAAkB,CAAc,EACpC"}

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

@@ -1,2 +1,2 @@
-import{r as e,t}from"./dom-DiTFTWeR.js";import{d as n,o as r}from"./motion-DI5H1Js0.js";import{t as i}from"./capability-motion-BGVnZE_T.js";import{t as a}from"./flip-Bzn312Nc.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-BREj4oHG.js.map
+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