@zag-js/tabs 0.49.0 → 0.51.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/tabs.anatomy.ts","../src/tabs.connect.ts","../src/tabs.dom.ts","../src/tabs.machine.ts","../src/tabs.props.ts"],"sourcesContent":["export { anatomy } from \"./tabs.anatomy\"\nexport { connect } from \"./tabs.connect\"\nexport { machine } from \"./tabs.machine\"\nexport * from \"./tabs.props\"\nexport type {\n  MachineApi as Api,\n  ContentProps,\n  UserDefinedContext as Context,\n  ElementIds,\n  FocusChangeDetails,\n  IntlTranslations,\n  TriggerProps,\n  ValueChangeDetails,\n} from \"./tabs.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tabs\").parts(\"root\", \"list\", \"trigger\", \"content\", \"indicator\")\nexport const parts = anatomy.build()\n","import { getEventKey, getNativeEvent, type EventKeyMap } from \"@zag-js/dom-event\"\nimport { dataAttr, isSafari, isSelfTarget } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tabs.anatomy\"\nimport { dom } from \"./tabs.dom\"\nimport type { MachineApi, Send, State, TriggerProps, TriggerState } from \"./tabs.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const translations = state.context.translations\n  const focused = state.matches(\"focused\")\n\n  function getTriggerState(props: TriggerProps): TriggerState {\n    return {\n      selected: state.context.value === props.value,\n      focused: state.context.focusedValue === props.value,\n      disabled: !!props.disabled,\n    }\n  }\n\n  return {\n    value: state.context.value,\n    focusedValue: state.context.focusedValue,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setIndicatorRect(value) {\n      const id = dom.getTriggerId(state.context, value)\n      send({ type: \"SET_INDICATOR_RECT\", id })\n    },\n    getTriggerState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      id: dom.getRootId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      dir: state.context.dir,\n    }),\n\n    listProps: normalize.element({\n      ...parts.list.attrs,\n      id: dom.getListId(state.context),\n      role: \"tablist\",\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"aria-orientation\": state.context.orientation,\n      \"data-orientation\": state.context.orientation,\n      \"aria-label\": translations.listLabel,\n      onKeyDown(event) {\n        if (event.defaultPrevented) return\n        const evt = getNativeEvent(event)\n        if (!isSelfTarget(evt)) return\n\n        const keyMap: EventKeyMap = {\n          ArrowDown() {\n            send(\"ARROW_DOWN\")\n          },\n          ArrowUp() {\n            send(\"ARROW_UP\")\n          },\n          ArrowLeft() {\n            send(\"ARROW_LEFT\")\n          },\n          ArrowRight() {\n            send(\"ARROW_RIGHT\")\n          },\n          Home() {\n            send(\"HOME\")\n          },\n          End() {\n            send(\"END\")\n          },\n          Enter() {\n            send({ type: \"ENTER\", value: state.context.focusedValue })\n          },\n        }\n\n        let key = getEventKey(event, state.context)\n        const exec = keyMap[key]\n\n        if (exec) {\n          event.preventDefault()\n          exec(event)\n        }\n      },\n    }),\n\n    getTriggerProps(props) {\n      const { value, disabled } = props\n      const triggerState = getTriggerState(props)\n\n      return normalize.button({\n        ...parts.trigger.attrs,\n        role: \"tab\",\n        type: \"button\",\n        disabled,\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-disabled\": dataAttr(disabled),\n        \"aria-disabled\": disabled,\n        \"data-value\": value,\n        \"aria-selected\": triggerState.selected,\n        \"data-selected\": dataAttr(triggerState.selected),\n        \"data-focus\": dataAttr(triggerState.focused),\n        \"aria-controls\": dom.getContentId(state.context, value),\n        \"data-ownedby\": dom.getListId(state.context),\n        id: dom.getTriggerId(state.context, value),\n        tabIndex: triggerState.selected ? 0 : -1,\n        onFocus() {\n          send({ type: \"TAB_FOCUS\", value })\n        },\n        onBlur(event) {\n          const target = event.relatedTarget as HTMLElement | null\n          if (target?.getAttribute(\"role\") !== \"tab\") {\n            send({ type: \"TAB_BLUR\" })\n          }\n        },\n        onClick(event) {\n          if (event.defaultPrevented) return\n          if (disabled) return\n          if (isSafari()) {\n            event.currentTarget.focus()\n          }\n          send({ type: \"TAB_CLICK\", value })\n        },\n      })\n    },\n\n    getContentProps(props) {\n      const { value } = props\n      const selected = state.context.value === value\n      return normalize.element({\n        ...parts.content.attrs,\n        dir: state.context.dir,\n        id: dom.getContentId(state.context, value),\n        tabIndex: 0,\n        \"aria-labelledby\": dom.getTriggerId(state.context, value),\n        role: \"tabpanel\",\n        \"data-ownedby\": dom.getListId(state.context),\n        \"data-selected\": dataAttr(selected),\n        \"data-orientation\": state.context.orientation,\n        hidden: !selected,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, right, top, bottom, width, height\",\n        \"--left\": state.context.indicatorRect?.left,\n        \"--top\": state.context.indicatorRect?.top,\n        \"--width\": state.context.indicatorRect?.width,\n        \"--height\": state.context.indicatorRect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: state.context.canIndicatorTransition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [state.context.orientation === \"horizontal\" ? \"left\" : \"top\"]:\n          state.context.orientation === \"horizontal\" ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, itemById, nextById, prevById, queryAll } from \"@zag-js/dom-query\"\nimport { first, last } from \"@zag-js/utils\"\nimport type { MachineContext as Ctx } from \"./tabs.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `tabs:${ctx.id}`,\n  getListId: (ctx: Ctx) => ctx.ids?.list ?? `tabs:${ctx.id}:list`,\n  getContentId: (ctx: Ctx, id: string) => ctx.ids?.content ?? `tabs:${ctx.id}:content-${id}`,\n  getTriggerId: (ctx: Ctx, id: string) => ctx.ids?.trigger ?? `tabs:${ctx.id}:trigger-${id}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `tabs:${ctx.id}:indicator`,\n\n  getListEl: (ctx: Ctx) => dom.getById(ctx, dom.getListId(ctx)),\n  getContentEl: (ctx: Ctx, id: string) => dom.getById(ctx, dom.getContentId(ctx, id)),\n  getTriggerEl: (ctx: Ctx, id: string) => dom.getById(ctx, dom.getTriggerId(ctx, id)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getListId(ctx))\n    const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll(dom.getListEl(ctx), selector)\n  },\n\n  getFirstEl: (ctx: Ctx) => first(dom.getElements(ctx)),\n  getLastEl: (ctx: Ctx) => last(dom.getElements(ctx)),\n  getNextEl: (ctx: Ctx, id: string) => nextById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),\n  getPrevEl: (ctx: Ctx, id: string) => prevById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),\n  getActiveContentEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getContentEl(ctx, ctx.value)\n  },\n  getActiveTabEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getTriggerEl(ctx, ctx.value)\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => {\n    return {\n      left: el?.offsetLeft ?? 0,\n      top: el?.offsetTop ?? 0,\n      width: el?.offsetWidth ?? 0,\n      height: el?.offsetHeight ?? 0,\n    }\n  },\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const tab = itemById(dom.getElements(ctx), dom.getTriggerId(ctx, id))\n    return dom.resolveRect(dom.getOffsetRect(tab))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { clickIfLink } from \"@zag-js/dom-event\"\nimport { nextTick, raf } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { getFocusables } from \"@zag-js/tabbable\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./tabs.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tabs.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      initial: \"idle\",\n\n      context: {\n        dir: \"ltr\",\n        orientation: \"horizontal\",\n        activationMode: \"automatic\",\n        value: null,\n        focusedValue: null,\n        indicatorRect: {\n          left: \"0px\",\n          top: \"0px\",\n          width: \"0px\",\n          height: \"0px\",\n        },\n        canIndicatorTransition: false,\n        isIndicatorRendered: false,\n        loopFocus: true,\n        translations: {},\n        ...ctx,\n      },\n\n      computed: {\n        isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n        isVertical: (ctx) => ctx.orientation === \"vertical\",\n      },\n\n      entry: [\"checkRenderedElements\", \"syncIndicatorRect\", \"setContentTabIndex\"],\n\n      exit: [\"cleanupObserver\"],\n\n      watch: {\n        value: [\"enableIndicatorTransition\", \"syncIndicatorRect\", \"setContentTabIndex\", \"clickIfLink\"],\n        dir: [\"syncIndicatorRect\"],\n        orientation: [\"syncIndicatorRect\"],\n      },\n\n      on: {\n        SET_VALUE: {\n          actions: \"setValue\",\n        },\n        CLEAR_VALUE: {\n          actions: \"clearValue\",\n        },\n        SET_INDICATOR_RECT: {\n          actions: \"setIndicatorRect\",\n        },\n      },\n\n      states: {\n        idle: {\n          on: {\n            TAB_FOCUS: [\n              {\n                guard: \"selectOnFocus\",\n                target: \"focused\",\n                actions: [\"setFocusedValue\", \"setValue\"],\n              },\n              {\n                target: \"focused\",\n                actions: \"setFocusedValue\",\n              },\n            ],\n            TAB_CLICK: {\n              target: \"focused\",\n              actions: [\"setFocusedValue\", \"setValue\"],\n            },\n          },\n        },\n        focused: {\n          on: {\n            TAB_CLICK: {\n              target: \"focused\",\n              actions: [\"setFocusedValue\", \"setValue\"],\n            },\n            ARROW_LEFT: {\n              guard: \"isHorizontal\",\n              actions: \"focusPrevTab\",\n            },\n            ARROW_RIGHT: {\n              guard: \"isHorizontal\",\n              actions: \"focusNextTab\",\n            },\n            ARROW_UP: {\n              guard: \"isVertical\",\n              actions: \"focusPrevTab\",\n            },\n            ARROW_DOWN: {\n              guard: \"isVertical\",\n              actions: \"focusNextTab\",\n            },\n            HOME: {\n              actions: \"focusFirstTab\",\n            },\n            END: {\n              actions: \"focusLastTab\",\n            },\n            ENTER: {\n              guard: not(\"selectOnFocus\"),\n              actions: \"setValue\",\n            },\n            TAB_FOCUS: [\n              {\n                guard: \"selectOnFocus\",\n                actions: [\"setFocusedValue\", \"setValue\"],\n              },\n              { actions: \"setFocusedValue\" },\n            ],\n            TAB_BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        isVertical: (ctx) => ctx.isVertical,\n        isHorizontal: (ctx) => ctx.isHorizontal,\n        selectOnFocus: (ctx) => ctx.activationMode === \"automatic\",\n      },\n\n      actions: {\n        setFocusedValue(ctx, evt) {\n          set.focusedValue(ctx, evt.value)\n        },\n        clearFocusedValue(ctx) {\n          set.focusedValue(ctx, null)\n        },\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        clearValue(ctx) {\n          set.value(ctx, null)\n        },\n        focusFirstTab(ctx) {\n          raf(() => dom.getFirstEl(ctx)?.focus())\n        },\n        focusLastTab(ctx) {\n          raf(() => dom.getLastEl(ctx)?.focus())\n        },\n        focusNextTab(ctx) {\n          if (!ctx.focusedValue) return\n          const next = dom.getNextEl(ctx, ctx.focusedValue)\n          raf(() => next?.focus())\n        },\n        focusPrevTab(ctx) {\n          if (!ctx.focusedValue) return\n          const prev = dom.getPrevEl(ctx, ctx.focusedValue)\n          raf(() => prev?.focus())\n        },\n        checkRenderedElements(ctx) {\n          ctx.isIndicatorRendered = !!dom.getIndicatorEl(ctx)\n        },\n        // if tab panel contains focusable elements, remove the tabindex attribute\n        setContentTabIndex(ctx) {\n          raf(() => {\n            const panel = dom.getActiveContentEl(ctx)\n            if (!panel) return\n            const focusables = getFocusables(panel)\n            if (focusables.length > 0) {\n              panel.removeAttribute(\"tabindex\")\n            } else {\n              panel.setAttribute(\"tabindex\", \"0\")\n            }\n          })\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        enableIndicatorTransition(ctx) {\n          ctx.canIndicatorTransition = true\n        },\n        setIndicatorRect(ctx, evt) {\n          const value = evt.id ?? ctx.value\n          if (!ctx.isIndicatorRendered || !value) return\n\n          const tabEl = dom.getTriggerEl(ctx, value)\n          if (!tabEl) return\n\n          ctx.indicatorRect = dom.getRectById(ctx, value)\n          nextTick(() => {\n            ctx.canIndicatorTransition = false\n          })\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          const value = ctx.value\n          if (!ctx.isIndicatorRendered || !value) return\n\n          const tabEl = dom.getActiveTabEl(ctx)\n          if (!tabEl) return\n\n          ctx.indicatorCleanup = trackElementRect(tabEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorRect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.canIndicatorTransition = false\n              })\n            },\n          })\n        },\n        clickIfLink(ctx) {\n          clickIfLink(dom.getActiveTabEl(ctx))\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n  focusChange: (ctx: MachineContext) => {\n    if (ctx.focusedValue == null) return\n    ctx.onFocusChange?.({ focusedValue: ctx.focusedValue })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string | null) => {\n    if (isEqual(value, ctx.value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n  focusedValue: (ctx: MachineContext, value: string | null) => {\n    if (isEqual(value, ctx.focusedValue)) return\n    ctx.focusedValue = value\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ContentProps, TriggerProps, UserDefinedContext } from \"./tabs.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"activationMode\",\n  \"dir\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"loopFocus\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"orientation\",\n  \"translations\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const triggerProps = createProps<TriggerProps>()([\"disabled\", \"value\"])\nexport const splitTriggerProps = createSplitProps<TriggerProps>(triggerProps)\n\nexport const contentProps = createProps<ContentProps>()([\"value\"])\nexport const splitContentProps = createSplitProps<ContentProps>(contentProps)\n"],"mappings":"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","names":["import_dom_query","props","import_dom_event","import_dom_query","import_utils","ctx","import_utils"]}
+{"version":3,"sources":["../src/index.ts","../src/tabs.anatomy.ts","../src/tabs.connect.ts","../src/tabs.dom.ts","../src/tabs.machine.ts","../src/tabs.props.ts"],"sourcesContent":["export { anatomy } from \"./tabs.anatomy\"\nexport { connect } from \"./tabs.connect\"\nexport { machine } from \"./tabs.machine\"\nexport * from \"./tabs.props\"\nexport type {\n  MachineApi as Api,\n  ContentProps,\n  UserDefinedContext as Context,\n  ElementIds,\n  FocusChangeDetails,\n  IntlTranslations,\n  TriggerProps,\n  ValueChangeDetails,\n} from \"./tabs.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tabs\").parts(\"root\", \"list\", \"trigger\", \"content\", \"indicator\")\nexport const parts = anatomy.build()\n","import { getEventKey, getNativeEvent, type EventKeyMap } from \"@zag-js/dom-event\"\nimport { dataAttr, isSafari, isSelfTarget } from \"@zag-js/dom-query\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tabs.anatomy\"\nimport { dom } from \"./tabs.dom\"\nimport type { MachineApi, Send, State, TriggerProps, TriggerState } from \"./tabs.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const translations = state.context.translations\n  const focused = state.matches(\"focused\")\n\n  const isVertical = state.context.orientation === \"vertical\"\n  const isHorizontal = state.context.orientation === \"horizontal\"\n  const composite = state.context.composite\n  const indicator = state.context.indicatorState\n\n  function getTriggerState(props: TriggerProps): TriggerState {\n    return {\n      selected: state.context.value === props.value,\n      focused: state.context.focusedValue === props.value,\n      disabled: !!props.disabled,\n    }\n  }\n\n  return {\n    value: state.context.value,\n    focusedValue: state.context.focusedValue,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setIndicatorRect(value) {\n      const id = dom.getTriggerId(state.context, value)\n      send({ type: \"SET_INDICATOR_RECT\", id })\n    },\n    syncTabIndex() {\n      send(\"SYNC_TAB_INDEX\")\n    },\n    selectNext(fromValue) {\n      send({ type: \"TAB_FOCUS\", value: fromValue, src: \"selectNext\" })\n      send({ type: \"ARROW_NEXT\", src: \"selectNext\" })\n    },\n    selectPrev(fromValue) {\n      send({ type: \"TAB_FOCUS\", value: fromValue, src: \"selectPrev\" })\n      send({ type: \"ARROW_PREV\", src: \"selectPrev\" })\n    },\n    focus() {\n      dom.getSelectedTriggerEl(state.context)?.focus()\n    },\n    getTriggerState,\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      id: dom.getRootId(state.context),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      dir: state.context.dir,\n    }),\n\n    listProps: normalize.element({\n      ...parts.list.attrs,\n      id: dom.getListId(state.context),\n      role: \"tablist\",\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"aria-orientation\": state.context.orientation,\n      \"data-orientation\": state.context.orientation,\n      \"aria-label\": translations?.listLabel,\n      onKeyDown(event) {\n        if (event.defaultPrevented) return\n        const evt = getNativeEvent(event)\n\n        if (!isSelfTarget(evt)) return\n        if (evt.isComposing) return\n\n        const keyMap: EventKeyMap = {\n          ArrowDown() {\n            if (isHorizontal) return\n            send({ type: \"ARROW_NEXT\", key: \"ArrowDown\" })\n          },\n          ArrowUp() {\n            if (isHorizontal) return\n            send({ type: \"ARROW_PREV\", key: \"ArrowUp\" })\n          },\n          ArrowLeft() {\n            if (isVertical) return\n            send({ type: \"ARROW_PREV\", key: \"ArrowLeft\" })\n          },\n          ArrowRight() {\n            if (isVertical) return\n            send({ type: \"ARROW_NEXT\", key: \"ArrowRight\" })\n          },\n          Home() {\n            send(\"HOME\")\n          },\n          End() {\n            send(\"END\")\n          },\n          Enter() {\n            send({ type: \"ENTER\" })\n          },\n        }\n\n        let key = getEventKey(event, state.context)\n        const exec = keyMap[key]\n\n        if (exec) {\n          event.preventDefault()\n          exec(event)\n        }\n      },\n    }),\n\n    getTriggerProps(props) {\n      const { value, disabled } = props\n      const triggerState = getTriggerState(props)\n\n      return normalize.button({\n        ...parts.trigger.attrs,\n        role: \"tab\",\n        type: \"button\",\n        disabled,\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-disabled\": dataAttr(disabled),\n        \"aria-disabled\": disabled,\n        \"data-value\": value,\n        \"aria-selected\": triggerState.selected,\n        \"data-selected\": dataAttr(triggerState.selected),\n        \"data-focus\": dataAttr(triggerState.focused),\n        \"aria-controls\": triggerState.selected ? dom.getContentId(state.context, value) : undefined,\n        \"data-ownedby\": dom.getListId(state.context),\n        id: dom.getTriggerId(state.context, value),\n        tabIndex: triggerState.selected && composite ? 0 : -1,\n        onFocus() {\n          send({ type: \"TAB_FOCUS\", value })\n        },\n        onBlur(event) {\n          const target = event.relatedTarget as HTMLElement | null\n          if (target?.getAttribute(\"role\") !== \"tab\") {\n            send({ type: \"TAB_BLUR\" })\n          }\n        },\n        onClick(event) {\n          if (event.defaultPrevented) return\n          if (disabled) return\n          if (isSafari()) {\n            event.currentTarget.focus()\n          }\n          send({ type: \"TAB_CLICK\", value })\n        },\n      })\n    },\n\n    getContentProps(props) {\n      const { value } = props\n      const selected = state.context.value === value\n      return normalize.element({\n        ...parts.content.attrs,\n        dir: state.context.dir,\n        id: dom.getContentId(state.context, value),\n        tabIndex: composite ? 0 : -1,\n        \"aria-labelledby\": dom.getTriggerId(state.context, value),\n        role: \"tabpanel\",\n        \"data-ownedby\": dom.getListId(state.context),\n        \"data-selected\": dataAttr(selected),\n        \"data-orientation\": state.context.orientation,\n        hidden: !selected,\n      })\n    },\n\n    indicatorProps: normalize.element({\n      id: dom.getIndicatorId(state.context),\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      \"data-orientation\": state.context.orientation,\n      style: {\n        \"--transition-property\": \"left, right, top, bottom, width, height\",\n        \"--left\": indicator.rect?.left,\n        \"--top\": indicator.rect?.top,\n        \"--width\": indicator.rect?.width,\n        \"--height\": indicator.rect?.height,\n        position: \"absolute\",\n        willChange: \"var(--transition-property)\",\n        transitionProperty: \"var(--transition-property)\",\n        transitionDuration: indicator.transition ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n        transitionTimingFunction: \"var(--transition-timing-function)\",\n        [isHorizontal ? \"left\" : \"top\"]: isHorizontal ? \"var(--left)\" : \"var(--top)\",\n      },\n    }),\n  }\n}\n","import { createScope, itemById, nextById, prevById, queryAll } from \"@zag-js/dom-query\"\nimport { first, last } from \"@zag-js/utils\"\nimport type { MachineContext as Ctx } from \"./tabs.types\"\n\nexport const dom = createScope({\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `tabs:${ctx.id}`,\n  getListId: (ctx: Ctx) => ctx.ids?.list ?? `tabs:${ctx.id}:list`,\n  getContentId: (ctx: Ctx, id: string) => ctx.ids?.content ?? `tabs:${ctx.id}:content-${id}`,\n  getTriggerId: (ctx: Ctx, id: string) => ctx.ids?.trigger ?? `tabs:${ctx.id}:trigger-${id}`,\n  getIndicatorId: (ctx: Ctx) => ctx.ids?.indicator ?? `tabs:${ctx.id}:indicator`,\n\n  getListEl: (ctx: Ctx) => dom.getById(ctx, dom.getListId(ctx)),\n  getContentEl: (ctx: Ctx, id: string) => dom.getById(ctx, dom.getContentId(ctx, id)),\n  getTriggerEl: (ctx: Ctx, id: string) => dom.getById(ctx, dom.getTriggerId(ctx, id)),\n  getIndicatorEl: (ctx: Ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),\n\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getListId(ctx))\n    const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`\n    return queryAll(dom.getListEl(ctx), selector)\n  },\n\n  getFirstTriggerEl: (ctx: Ctx) => first(dom.getElements(ctx)),\n  getLastTriggerEl: (ctx: Ctx) => last(dom.getElements(ctx)),\n  getNextTriggerEl: (ctx: Ctx, id: string) => nextById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),\n  getPrevTriggerEl: (ctx: Ctx, id: string) => prevById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),\n  getSelectedContentEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getContentEl(ctx, ctx.value)\n  },\n  getSelectedTriggerEl: (ctx: Ctx) => {\n    if (!ctx.value) return\n    return dom.getTriggerEl(ctx, ctx.value)\n  },\n\n  getOffsetRect: (el: HTMLElement | undefined) => {\n    return {\n      left: el?.offsetLeft ?? 0,\n      top: el?.offsetTop ?? 0,\n      width: el?.offsetWidth ?? 0,\n      height: el?.offsetHeight ?? 0,\n    }\n  },\n\n  getRectById: (ctx: Ctx, id: string) => {\n    const tab = itemById(dom.getElements(ctx), dom.getTriggerId(ctx, id))\n    return dom.resolveRect(dom.getOffsetRect(tab))\n  },\n\n  resolveRect: (rect: Record<\"width\" | \"height\" | \"left\" | \"top\", number>) => ({\n    width: `${rect.width}px`,\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    top: `${rect.top}px`,\n  }),\n})\n","import { createMachine, guards } from \"@zag-js/core\"\nimport { clickIfLink } from \"@zag-js/dom-event\"\nimport { nextTick, raf, getFocusables } from \"@zag-js/dom-query\"\nimport { trackElementRect } from \"@zag-js/element-rect\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./tabs.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tabs.types\"\n\nconst { not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      initial: \"idle\",\n\n      context: {\n        dir: \"ltr\",\n        orientation: \"horizontal\",\n        activationMode: \"automatic\",\n        value: null,\n        loopFocus: true,\n        composite: true,\n        ...ctx,\n        focusedValue: ctx.value ?? null,\n        indicatorState: {\n          rendered: false,\n          transition: false,\n          rect: { left: \"0px\", top: \"0px\", width: \"0px\", height: \"0px\" },\n        },\n      },\n\n      watch: {\n        value: [\"allowIndicatorTransition\", \"syncIndicatorRect\", \"syncTabIndex\", \"clickIfLink\"],\n        dir: [\"syncIndicatorRect\"],\n        orientation: [\"syncIndicatorRect\"],\n      },\n\n      on: {\n        SET_VALUE: {\n          actions: \"setValue\",\n        },\n        CLEAR_VALUE: {\n          actions: \"clearValue\",\n        },\n        SET_INDICATOR_RECT: {\n          actions: \"setIndicatorRect\",\n        },\n        SYNC_TAB_INDEX: {\n          actions: \"syncTabIndex\",\n        },\n      },\n\n      created: [\"syncFocusedValue\"],\n      entry: [\"checkRenderedElements\", \"syncIndicatorRect\", \"syncTabIndex\"],\n      exit: [\"cleanupObserver\"],\n\n      states: {\n        idle: {\n          on: {\n            TAB_FOCUS: {\n              target: \"focused\",\n              actions: \"setFocusedValue\",\n            },\n            TAB_CLICK: {\n              target: \"focused\",\n              actions: [\"setFocusedValue\", \"setValue\"],\n            },\n          },\n        },\n        focused: {\n          on: {\n            TAB_CLICK: {\n              target: \"focused\",\n              actions: [\"setFocusedValue\", \"setValue\"],\n            },\n            ARROW_PREV: [\n              {\n                guard: \"selectOnFocus\",\n                actions: [\"focusPrevTab\", \"selectFocusedTab\"],\n              },\n              {\n                actions: \"focusPrevTab\",\n              },\n            ],\n            ARROW_NEXT: [\n              {\n                guard: \"selectOnFocus\",\n                actions: [\"focusNextTab\", \"selectFocusedTab\"],\n              },\n              {\n                actions: \"focusNextTab\",\n              },\n            ],\n            HOME: [\n              {\n                guard: \"selectOnFocus\",\n                actions: [\"focusFirstTab\", \"selectFocusedTab\"],\n              },\n              {\n                actions: \"focusFirstTab\",\n              },\n            ],\n            END: [\n              {\n                guard: \"selectOnFocus\",\n                actions: [\"focusLastTab\", \"selectFocusedTab\"],\n              },\n              {\n                actions: \"focusLastTab\",\n              },\n            ],\n            ENTER: {\n              guard: not(\"selectOnFocus\"),\n              actions: \"selectFocusedTab\",\n            },\n            TAB_FOCUS: {\n              actions: [\"setFocusedValue\"],\n            },\n            TAB_BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        selectOnFocus: (ctx) => ctx.activationMode === \"automatic\",\n      },\n\n      actions: {\n        syncFocusedValue(ctx) {\n          if (ctx.value != null && ctx.focusedValue == null) {\n            ctx.focusedValue = ctx.value\n          }\n        },\n        selectFocusedTab(ctx) {\n          raf(() => {\n            set.value(ctx, ctx.focusedValue)\n          })\n        },\n        setFocusedValue(ctx, evt) {\n          if (evt.value == null) return\n          set.focusedValue(ctx, evt.value)\n        },\n        clearFocusedValue(ctx) {\n          set.focusedValue(ctx, null)\n        },\n        setValue(ctx, evt) {\n          set.value(ctx, evt.value)\n        },\n        clearValue(ctx) {\n          set.value(ctx, null)\n        },\n        focusFirstTab(ctx) {\n          raf(() => {\n            dom.getFirstTriggerEl(ctx)?.focus()\n          })\n        },\n        focusLastTab(ctx) {\n          raf(() => {\n            dom.getLastTriggerEl(ctx)?.focus()\n          })\n        },\n        focusNextTab(ctx) {\n          if (!ctx.focusedValue) return\n          const triggerEl = dom.getNextTriggerEl(ctx, ctx.focusedValue)\n          raf(() => {\n            if (ctx.composite) {\n              triggerEl?.focus()\n            } else if (triggerEl?.dataset.value != null) {\n              set.focusedValue(ctx, triggerEl.dataset.value)\n            }\n          })\n        },\n        focusPrevTab(ctx) {\n          if (!ctx.focusedValue) return\n          const triggerEl = dom.getPrevTriggerEl(ctx, ctx.focusedValue)\n          raf(() => {\n            if (ctx.composite) {\n              triggerEl?.focus()\n            } else if (triggerEl?.dataset.value != null) {\n              set.focusedValue(ctx, triggerEl.dataset.value)\n            }\n          })\n        },\n        checkRenderedElements(ctx) {\n          ctx.indicatorState.rendered = !!dom.getIndicatorEl(ctx)\n        },\n        syncTabIndex(ctx) {\n          raf(() => {\n            const contentEl = dom.getSelectedContentEl(ctx)\n            if (!contentEl) return\n            const focusables = getFocusables(contentEl)\n            if (focusables.length > 0) {\n              contentEl.removeAttribute(\"tabindex\")\n            } else {\n              contentEl.setAttribute(\"tabindex\", \"0\")\n            }\n          })\n        },\n        cleanupObserver(ctx) {\n          ctx.indicatorCleanup?.()\n        },\n        allowIndicatorTransition(ctx) {\n          ctx.indicatorState.transition = true\n        },\n        setIndicatorRect(ctx, evt) {\n          const value = evt.id ?? ctx.value\n          if (!ctx.indicatorState.rendered || !value) return\n\n          const triggerEl = dom.getTriggerEl(ctx, value)\n          if (!triggerEl) return\n\n          ctx.indicatorState.rect = dom.getRectById(ctx, value)\n          nextTick(() => {\n            ctx.indicatorState.transition = false\n          })\n        },\n        syncIndicatorRect(ctx) {\n          ctx.indicatorCleanup?.()\n\n          const value = ctx.value\n          if (!ctx.indicatorState.rendered || !value) return\n\n          const triggerEl = dom.getSelectedTriggerEl(ctx)\n          if (!triggerEl) return\n\n          ctx.indicatorCleanup = trackElementRect(triggerEl, {\n            getRect(el) {\n              return dom.getOffsetRect(el)\n            },\n            onChange(rect) {\n              ctx.indicatorState.rect = dom.resolveRect(rect)\n              nextTick(() => {\n                ctx.indicatorState.transition = false\n              })\n            },\n          })\n        },\n        clickIfLink(ctx) {\n          clickIfLink(dom.getSelectedTriggerEl(ctx))\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    if (ctx.value == null) return\n    ctx.onValueChange?.({ value: ctx.value })\n  },\n  focusChange: (ctx: MachineContext) => {\n    if (ctx.focusedValue == null) return\n    ctx.onFocusChange?.({ focusedValue: ctx.focusedValue })\n  },\n}\n\nconst set = {\n  value: (ctx: MachineContext, value: string | null) => {\n    if (isEqual(value, ctx.value)) return\n    ctx.value = value\n    invoke.change(ctx)\n  },\n  focusedValue: (ctx: MachineContext, value: string | null) => {\n    if (isEqual(value, ctx.focusedValue)) return\n    ctx.focusedValue = value\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ContentProps, TriggerProps, UserDefinedContext } from \"./tabs.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"activationMode\",\n  \"composite\",\n  \"dir\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"loopFocus\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"orientation\",\n  \"translations\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const triggerProps = createProps<TriggerProps>()([\"disabled\", \"value\"])\nexport const splitTriggerProps = createSplitProps<TriggerProps>(triggerProps)\n\nexport const contentProps = createProps<ContentProps>()([\"value\"])\nexport const splitContentProps = createSplitProps<ContentProps>(contentProps)\n"],"mappings":"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","names":["import_dom_query","props","import_dom_event","import_dom_query","import_utils","ctx","import_utils"]}

package/dist/index.mjs

@@ -1,497 +1,2 @@
-// src/tabs.anatomy.ts
-import { createAnatomy } from "@zag-js/anatomy";
-var anatomy = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
-var parts = anatomy.build();
-
-// src/tabs.connect.ts
-import { getEventKey, getNativeEvent } from "@zag-js/dom-event";
-import { dataAttr, isSafari, isSelfTarget } from "@zag-js/dom-query";
-
-// src/tabs.dom.ts
-import { createScope, itemById, nextById, prevById, queryAll } from "@zag-js/dom-query";
-import { first, last } from "@zag-js/utils";
-var dom = createScope({
-  getRootId: (ctx) => ctx.ids?.root ?? `tabs:${ctx.id}`,
-  getListId: (ctx) => ctx.ids?.list ?? `tabs:${ctx.id}:list`,
-  getContentId: (ctx, id) => ctx.ids?.content ?? `tabs:${ctx.id}:content-${id}`,
-  getTriggerId: (ctx, id) => ctx.ids?.trigger ?? `tabs:${ctx.id}:trigger-${id}`,
-  getIndicatorId: (ctx) => ctx.ids?.indicator ?? `tabs:${ctx.id}:indicator`,
-  getListEl: (ctx) => dom.getById(ctx, dom.getListId(ctx)),
-  getContentEl: (ctx, id) => dom.getById(ctx, dom.getContentId(ctx, id)),
-  getTriggerEl: (ctx, id) => dom.getById(ctx, dom.getTriggerId(ctx, id)),
-  getIndicatorEl: (ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),
-  getElements: (ctx) => {
-    const ownerId = CSS.escape(dom.getListId(ctx));
-    const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`;
-    return queryAll(dom.getListEl(ctx), selector);
-  },
-  getFirstEl: (ctx) => first(dom.getElements(ctx)),
-  getLastEl: (ctx) => last(dom.getElements(ctx)),
-  getNextEl: (ctx, id) => nextById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),
-  getPrevEl: (ctx, id) => prevById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loopFocus),
-  getActiveContentEl: (ctx) => {
-    if (!ctx.value)
-      return;
-    return dom.getContentEl(ctx, ctx.value);
-  },
-  getActiveTabEl: (ctx) => {
-    if (!ctx.value)
-      return;
-    return dom.getTriggerEl(ctx, ctx.value);
-  },
-  getOffsetRect: (el) => {
-    return {
-      left: el?.offsetLeft ?? 0,
-      top: el?.offsetTop ?? 0,
-      width: el?.offsetWidth ?? 0,
-      height: el?.offsetHeight ?? 0
-    };
-  },
-  getRectById: (ctx, id) => {
-    const tab = itemById(dom.getElements(ctx), dom.getTriggerId(ctx, id));
-    return dom.resolveRect(dom.getOffsetRect(tab));
-  },
-  resolveRect: (rect) => ({
-    width: `${rect.width}px`,
-    height: `${rect.height}px`,
-    left: `${rect.left}px`,
-    top: `${rect.top}px`
-  })
-});
-
-// src/tabs.connect.ts
-function connect(state, send, normalize) {
-  const translations = state.context.translations;
-  const focused = state.matches("focused");
-  function getTriggerState(props2) {
-    return {
-      selected: state.context.value === props2.value,
-      focused: state.context.focusedValue === props2.value,
-      disabled: !!props2.disabled
-    };
-  }
-  return {
-    value: state.context.value,
-    focusedValue: state.context.focusedValue,
-    setValue(value) {
-      send({ type: "SET_VALUE", value });
-    },
-    clearValue() {
-      send({ type: "CLEAR_VALUE" });
-    },
-    setIndicatorRect(value) {
-      const id = dom.getTriggerId(state.context, value);
-      send({ type: "SET_INDICATOR_RECT", id });
-    },
-    getTriggerState,
-    rootProps: normalize.element({
-      ...parts.root.attrs,
-      id: dom.getRootId(state.context),
-      "data-orientation": state.context.orientation,
-      "data-focus": dataAttr(focused),
-      dir: state.context.dir
-    }),
-    listProps: normalize.element({
-      ...parts.list.attrs,
-      id: dom.getListId(state.context),
-      role: "tablist",
-      dir: state.context.dir,
-      "data-focus": dataAttr(focused),
-      "aria-orientation": state.context.orientation,
-      "data-orientation": state.context.orientation,
-      "aria-label": translations.listLabel,
-      onKeyDown(event) {
-        if (event.defaultPrevented)
-          return;
-        const evt = getNativeEvent(event);
-        if (!isSelfTarget(evt))
-          return;
-        const keyMap = {
-          ArrowDown() {
-            send("ARROW_DOWN");
-          },
-          ArrowUp() {
-            send("ARROW_UP");
-          },
-          ArrowLeft() {
-            send("ARROW_LEFT");
-          },
-          ArrowRight() {
-            send("ARROW_RIGHT");
-          },
-          Home() {
-            send("HOME");
-          },
-          End() {
-            send("END");
-          },
-          Enter() {
-            send({ type: "ENTER", value: state.context.focusedValue });
-          }
-        };
-        let key = getEventKey(event, state.context);
-        const exec = keyMap[key];
-        if (exec) {
-          event.preventDefault();
-          exec(event);
-        }
-      }
-    }),
-    getTriggerProps(props2) {
-      const { value, disabled } = props2;
-      const triggerState = getTriggerState(props2);
-      return normalize.button({
-        ...parts.trigger.attrs,
-        role: "tab",
-        type: "button",
-        disabled,
-        dir: state.context.dir,
-        "data-orientation": state.context.orientation,
-        "data-disabled": dataAttr(disabled),
-        "aria-disabled": disabled,
-        "data-value": value,
-        "aria-selected": triggerState.selected,
-        "data-selected": dataAttr(triggerState.selected),
-        "data-focus": dataAttr(triggerState.focused),
-        "aria-controls": dom.getContentId(state.context, value),
-        "data-ownedby": dom.getListId(state.context),
-        id: dom.getTriggerId(state.context, value),
-        tabIndex: triggerState.selected ? 0 : -1,
-        onFocus() {
-          send({ type: "TAB_FOCUS", value });
-        },
-        onBlur(event) {
-          const target = event.relatedTarget;
-          if (target?.getAttribute("role") !== "tab") {
-            send({ type: "TAB_BLUR" });
-          }
-        },
-        onClick(event) {
-          if (event.defaultPrevented)
-            return;
-          if (disabled)
-            return;
-          if (isSafari()) {
-            event.currentTarget.focus();
-          }
-          send({ type: "TAB_CLICK", value });
-        }
-      });
-    },
-    getContentProps(props2) {
-      const { value } = props2;
-      const selected = state.context.value === value;
-      return normalize.element({
-        ...parts.content.attrs,
-        dir: state.context.dir,
-        id: dom.getContentId(state.context, value),
-        tabIndex: 0,
-        "aria-labelledby": dom.getTriggerId(state.context, value),
-        role: "tabpanel",
-        "data-ownedby": dom.getListId(state.context),
-        "data-selected": dataAttr(selected),
-        "data-orientation": state.context.orientation,
-        hidden: !selected
-      });
-    },
-    indicatorProps: normalize.element({
-      id: dom.getIndicatorId(state.context),
-      ...parts.indicator.attrs,
-      dir: state.context.dir,
-      "data-orientation": state.context.orientation,
-      style: {
-        "--transition-property": "left, right, top, bottom, width, height",
-        "--left": state.context.indicatorRect?.left,
-        "--top": state.context.indicatorRect?.top,
-        "--width": state.context.indicatorRect?.width,
-        "--height": state.context.indicatorRect?.height,
-        position: "absolute",
-        willChange: "var(--transition-property)",
-        transitionProperty: "var(--transition-property)",
-        transitionDuration: state.context.canIndicatorTransition ? "var(--transition-duration, 150ms)" : "0ms",
-        transitionTimingFunction: "var(--transition-timing-function)",
-        [state.context.orientation === "horizontal" ? "left" : "top"]: state.context.orientation === "horizontal" ? "var(--left)" : "var(--top)"
-      }
-    })
-  };
-}
-
-// src/tabs.machine.ts
-import { createMachine, guards } from "@zag-js/core";
-import { clickIfLink } from "@zag-js/dom-event";
-import { nextTick, raf } from "@zag-js/dom-query";
-import { trackElementRect } from "@zag-js/element-rect";
-import { getFocusables } from "@zag-js/tabbable";
-import { compact, isEqual } from "@zag-js/utils";
-var { not } = guards;
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      initial: "idle",
-      context: {
-        dir: "ltr",
-        orientation: "horizontal",
-        activationMode: "automatic",
-        value: null,
-        focusedValue: null,
-        indicatorRect: {
-          left: "0px",
-          top: "0px",
-          width: "0px",
-          height: "0px"
-        },
-        canIndicatorTransition: false,
-        isIndicatorRendered: false,
-        loopFocus: true,
-        translations: {},
-        ...ctx
-      },
-      computed: {
-        isHorizontal: (ctx2) => ctx2.orientation === "horizontal",
-        isVertical: (ctx2) => ctx2.orientation === "vertical"
-      },
-      entry: ["checkRenderedElements", "syncIndicatorRect", "setContentTabIndex"],
-      exit: ["cleanupObserver"],
-      watch: {
-        value: ["enableIndicatorTransition", "syncIndicatorRect", "setContentTabIndex", "clickIfLink"],
-        dir: ["syncIndicatorRect"],
-        orientation: ["syncIndicatorRect"]
-      },
-      on: {
-        SET_VALUE: {
-          actions: "setValue"
-        },
-        CLEAR_VALUE: {
-          actions: "clearValue"
-        },
-        SET_INDICATOR_RECT: {
-          actions: "setIndicatorRect"
-        }
-      },
-      states: {
-        idle: {
-          on: {
-            TAB_FOCUS: [
-              {
-                guard: "selectOnFocus",
-                target: "focused",
-                actions: ["setFocusedValue", "setValue"]
-              },
-              {
-                target: "focused",
-                actions: "setFocusedValue"
-              }
-            ],
-            TAB_CLICK: {
-              target: "focused",
-              actions: ["setFocusedValue", "setValue"]
-            }
-          }
-        },
-        focused: {
-          on: {
-            TAB_CLICK: {
-              target: "focused",
-              actions: ["setFocusedValue", "setValue"]
-            },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "focusPrevTab"
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "focusNextTab"
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "focusPrevTab"
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "focusNextTab"
-            },
-            HOME: {
-              actions: "focusFirstTab"
-            },
-            END: {
-              actions: "focusLastTab"
-            },
-            ENTER: {
-              guard: not("selectOnFocus"),
-              actions: "setValue"
-            },
-            TAB_FOCUS: [
-              {
-                guard: "selectOnFocus",
-                actions: ["setFocusedValue", "setValue"]
-              },
-              { actions: "setFocusedValue" }
-            ],
-            TAB_BLUR: {
-              target: "idle",
-              actions: "clearFocusedValue"
-            }
-          }
-        }
-      }
-    },
-    {
-      guards: {
-        isVertical: (ctx2) => ctx2.isVertical,
-        isHorizontal: (ctx2) => ctx2.isHorizontal,
-        selectOnFocus: (ctx2) => ctx2.activationMode === "automatic"
-      },
-      actions: {
-        setFocusedValue(ctx2, evt) {
-          set.focusedValue(ctx2, evt.value);
-        },
-        clearFocusedValue(ctx2) {
-          set.focusedValue(ctx2, null);
-        },
-        setValue(ctx2, evt) {
-          set.value(ctx2, evt.value);
-        },
-        clearValue(ctx2) {
-          set.value(ctx2, null);
-        },
-        focusFirstTab(ctx2) {
-          raf(() => dom.getFirstEl(ctx2)?.focus());
-        },
-        focusLastTab(ctx2) {
-          raf(() => dom.getLastEl(ctx2)?.focus());
-        },
-        focusNextTab(ctx2) {
-          if (!ctx2.focusedValue)
-            return;
-          const next = dom.getNextEl(ctx2, ctx2.focusedValue);
-          raf(() => next?.focus());
-        },
-        focusPrevTab(ctx2) {
-          if (!ctx2.focusedValue)
-            return;
-          const prev = dom.getPrevEl(ctx2, ctx2.focusedValue);
-          raf(() => prev?.focus());
-        },
-        checkRenderedElements(ctx2) {
-          ctx2.isIndicatorRendered = !!dom.getIndicatorEl(ctx2);
-        },
-        // if tab panel contains focusable elements, remove the tabindex attribute
-        setContentTabIndex(ctx2) {
-          raf(() => {
-            const panel = dom.getActiveContentEl(ctx2);
-            if (!panel)
-              return;
-            const focusables = getFocusables(panel);
-            if (focusables.length > 0) {
-              panel.removeAttribute("tabindex");
-            } else {
-              panel.setAttribute("tabindex", "0");
-            }
-          });
-        },
-        cleanupObserver(ctx2) {
-          ctx2.indicatorCleanup?.();
-        },
-        enableIndicatorTransition(ctx2) {
-          ctx2.canIndicatorTransition = true;
-        },
-        setIndicatorRect(ctx2, evt) {
-          const value = evt.id ?? ctx2.value;
-          if (!ctx2.isIndicatorRendered || !value)
-            return;
-          const tabEl = dom.getTriggerEl(ctx2, value);
-          if (!tabEl)
-            return;
-          ctx2.indicatorRect = dom.getRectById(ctx2, value);
-          nextTick(() => {
-            ctx2.canIndicatorTransition = false;
-          });
-        },
-        syncIndicatorRect(ctx2) {
-          ctx2.indicatorCleanup?.();
-          const value = ctx2.value;
-          if (!ctx2.isIndicatorRendered || !value)
-            return;
-          const tabEl = dom.getActiveTabEl(ctx2);
-          if (!tabEl)
-            return;
-          ctx2.indicatorCleanup = trackElementRect(tabEl, {
-            getRect(el) {
-              return dom.getOffsetRect(el);
-            },
-            onChange(rect) {
-              ctx2.indicatorRect = dom.resolveRect(rect);
-              nextTick(() => {
-                ctx2.canIndicatorTransition = false;
-              });
-            }
-          });
-        },
-        clickIfLink(ctx2) {
-          clickIfLink(dom.getActiveTabEl(ctx2));
-        }
-      }
-    }
-  );
-}
-var invoke = {
-  change: (ctx) => {
-    if (ctx.value == null)
-      return;
-    ctx.onValueChange?.({ value: ctx.value });
-  },
-  focusChange: (ctx) => {
-    if (ctx.focusedValue == null)
-      return;
-    ctx.onFocusChange?.({ focusedValue: ctx.focusedValue });
-  }
-};
-var set = {
-  value: (ctx, value) => {
-    if (isEqual(value, ctx.value))
-      return;
-    ctx.value = value;
-    invoke.change(ctx);
-  },
-  focusedValue: (ctx, value) => {
-    if (isEqual(value, ctx.focusedValue))
-      return;
-    ctx.focusedValue = value;
-    invoke.focusChange(ctx);
-  }
-};
-
-// src/tabs.props.ts
-import { createProps } from "@zag-js/types";
-import { createSplitProps } from "@zag-js/utils";
-var props = createProps()([
-  "activationMode",
-  "dir",
-  "getRootNode",
-  "id",
-  "ids",
-  "loopFocus",
-  "onFocusChange",
-  "onValueChange",
-  "orientation",
-  "translations",
-  "value"
-]);
-var splitProps = createSplitProps(props);
-var triggerProps = createProps()(["disabled", "value"]);
-var splitTriggerProps = createSplitProps(triggerProps);
-var contentProps = createProps()(["value"]);
-var splitContentProps = createSplitProps(contentProps);
-export {
-  anatomy,
-  connect,
-  contentProps,
-  machine,
-  props,
-  splitContentProps,
-  splitProps,
-  splitTriggerProps,
-  triggerProps
-};
+import{createAnatomy}from"@zag-js/anatomy";var anatomy=createAnatomy("tabs").parts("root","list","trigger","content","indicator");var parts=anatomy.build();import{getEventKey,getNativeEvent}from"@zag-js/dom-event";import{dataAttr,isSafari,isSelfTarget}from"@zag-js/dom-query";import{createScope,itemById,nextById,prevById,queryAll}from"@zag-js/dom-query";import{first,last}from"@zag-js/utils";var dom=createScope({getRootId:ctx=>ctx.ids?.root??`tabs:${ctx.id}`,getListId:ctx=>ctx.ids?.list??`tabs:${ctx.id}:list`,getContentId:(ctx,id)=>ctx.ids?.content??`tabs:${ctx.id}:content-${id}`,getTriggerId:(ctx,id)=>ctx.ids?.trigger??`tabs:${ctx.id}:trigger-${id}`,getIndicatorId:ctx=>ctx.ids?.indicator??`tabs:${ctx.id}:indicator`,getListEl:ctx=>dom.getById(ctx,dom.getListId(ctx)),getContentEl:(ctx,id)=>dom.getById(ctx,dom.getContentId(ctx,id)),getTriggerEl:(ctx,id)=>dom.getById(ctx,dom.getTriggerId(ctx,id)),getIndicatorEl:ctx=>dom.getById(ctx,dom.getIndicatorId(ctx)),getElements:ctx=>{const ownerId=CSS.escape(dom.getListId(ctx));const selector=`[role=tab][data-ownedby='${ownerId}']:not([disabled])`;return queryAll(dom.getListEl(ctx),selector)},getFirstTriggerEl:ctx=>first(dom.getElements(ctx)),getLastTriggerEl:ctx=>last(dom.getElements(ctx)),getNextTriggerEl:(ctx,id)=>nextById(dom.getElements(ctx),dom.getTriggerId(ctx,id),ctx.loopFocus),getPrevTriggerEl:(ctx,id)=>prevById(dom.getElements(ctx),dom.getTriggerId(ctx,id),ctx.loopFocus),getSelectedContentEl:ctx=>{if(!ctx.value)return;return dom.getContentEl(ctx,ctx.value)},getSelectedTriggerEl:ctx=>{if(!ctx.value)return;return dom.getTriggerEl(ctx,ctx.value)},getOffsetRect:el=>{return{left:el?.offsetLeft??0,top:el?.offsetTop??0,width:el?.offsetWidth??0,height:el?.offsetHeight??0}},getRectById:(ctx,id)=>{const tab=itemById(dom.getElements(ctx),dom.getTriggerId(ctx,id));return dom.resolveRect(dom.getOffsetRect(tab))},resolveRect:rect=>({width:`${rect.width}px`,height:`${rect.height}px`,left:`${rect.left}px`,top:`${rect.top}px`})});function connect(state,send,normalize){const translations=state.context.translations;const focused=state.matches("focused");const isVertical=state.context.orientation==="vertical";const isHorizontal=state.context.orientation==="horizontal";const composite=state.context.composite;const indicator=state.context.indicatorState;function getTriggerState(props2){return{selected:state.context.value===props2.value,focused:state.context.focusedValue===props2.value,disabled:!!props2.disabled}}return{value:state.context.value,focusedValue:state.context.focusedValue,setValue(value){send({type:"SET_VALUE",value})},clearValue(){send({type:"CLEAR_VALUE"})},setIndicatorRect(value){const id=dom.getTriggerId(state.context,value);send({type:"SET_INDICATOR_RECT",id})},syncTabIndex(){send("SYNC_TAB_INDEX")},selectNext(fromValue){send({type:"TAB_FOCUS",value:fromValue,src:"selectNext"});send({type:"ARROW_NEXT",src:"selectNext"})},selectPrev(fromValue){send({type:"TAB_FOCUS",value:fromValue,src:"selectPrev"});send({type:"ARROW_PREV",src:"selectPrev"})},focus(){dom.getSelectedTriggerEl(state.context)?.focus()},getTriggerState,rootProps:normalize.element({...parts.root.attrs,id:dom.getRootId(state.context),"data-orientation":state.context.orientation,"data-focus":dataAttr(focused),dir:state.context.dir}),listProps:normalize.element({...parts.list.attrs,id:dom.getListId(state.context),role:"tablist",dir:state.context.dir,"data-focus":dataAttr(focused),"aria-orientation":state.context.orientation,"data-orientation":state.context.orientation,"aria-label":translations?.listLabel,onKeyDown(event){if(event.defaultPrevented)return;const evt=getNativeEvent(event);if(!isSelfTarget(evt))return;if(evt.isComposing)return;const keyMap={ArrowDown(){if(isHorizontal)return;send({type:"ARROW_NEXT",key:"ArrowDown"})},ArrowUp(){if(isHorizontal)return;send({type:"ARROW_PREV",key:"ArrowUp"})},ArrowLeft(){if(isVertical)return;send({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){if(isVertical)return;send({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){send("HOME")},End(){send("END")},Enter(){send({type:"ENTER"})}};let key=getEventKey(event,state.context);const exec=keyMap[key];if(exec){event.preventDefault();exec(event)}}}),getTriggerProps(props2){const{value,disabled}=props2;const triggerState=getTriggerState(props2);return normalize.button({...parts.trigger.attrs,role:"tab",type:"button",disabled,dir:state.context.dir,"data-orientation":state.context.orientation,"data-disabled":dataAttr(disabled),"aria-disabled":disabled,"data-value":value,"aria-selected":triggerState.selected,"data-selected":dataAttr(triggerState.selected),"data-focus":dataAttr(triggerState.focused),"aria-controls":triggerState.selected?dom.getContentId(state.context,value):void 0,"data-ownedby":dom.getListId(state.context),id:dom.getTriggerId(state.context,value),tabIndex:triggerState.selected&&composite?0:-1,onFocus(){send({type:"TAB_FOCUS",value})},onBlur(event){const target=event.relatedTarget;if(target?.getAttribute("role")!=="tab"){send({type:"TAB_BLUR"})}},onClick(event){if(event.defaultPrevented)return;if(disabled)return;if(isSafari()){event.currentTarget.focus()}send({type:"TAB_CLICK",value})}})},getContentProps(props2){const{value}=props2;const selected=state.context.value===value;return normalize.element({...parts.content.attrs,dir:state.context.dir,id:dom.getContentId(state.context,value),tabIndex:composite?0:-1,"aria-labelledby":dom.getTriggerId(state.context,value),role:"tabpanel","data-ownedby":dom.getListId(state.context),"data-selected":dataAttr(selected),"data-orientation":state.context.orientation,hidden:!selected})},indicatorProps:normalize.element({id:dom.getIndicatorId(state.context),...parts.indicator.attrs,dir:state.context.dir,"data-orientation":state.context.orientation,style:{"--transition-property":"left, right, top, bottom, width, height","--left":indicator.rect?.left,"--top":indicator.rect?.top,"--width":indicator.rect?.width,"--height":indicator.rect?.height,position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:indicator.transition?"var(--transition-duration, 150ms)":"0ms",transitionTimingFunction:"var(--transition-timing-function)",[isHorizontal?"left":"top"]:isHorizontal?"var(--left)":"var(--top)"}})}}import{createMachine,guards}from"@zag-js/core";import{clickIfLink}from"@zag-js/dom-event";import{nextTick,raf,getFocusables}from"@zag-js/dom-query";import{trackElementRect}from"@zag-js/element-rect";import{compact,isEqual}from"@zag-js/utils";var{not}=guards;function machine(userContext){const ctx=compact(userContext);return createMachine({initial:"idle",context:{dir:"ltr",orientation:"horizontal",activationMode:"automatic",value:null,loopFocus:true,composite:true,...ctx,focusedValue:ctx.value??null,indicatorState:{rendered:false,transition:false,rect:{left:"0px",top:"0px",width:"0px",height:"0px"}}},watch:{value:["allowIndicatorTransition","syncIndicatorRect","syncTabIndex","clickIfLink"],dir:["syncIndicatorRect"],orientation:["syncIndicatorRect"]},on:{SET_VALUE:{actions:"setValue"},CLEAR_VALUE:{actions:"clearValue"},SET_INDICATOR_RECT:{actions:"setIndicatorRect"},SYNC_TAB_INDEX:{actions:"syncTabIndex"}},created:["syncFocusedValue"],entry:["checkRenderedElements","syncIndicatorRect","syncTabIndex"],exit:["cleanupObserver"],states:{idle:{on:{TAB_FOCUS:{target:"focused",actions:"setFocusedValue"},TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]}}},focused:{on:{TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]},ARROW_PREV:[{guard:"selectOnFocus",actions:["focusPrevTab","selectFocusedTab"]},{actions:"focusPrevTab"}],ARROW_NEXT:[{guard:"selectOnFocus",actions:["focusNextTab","selectFocusedTab"]},{actions:"focusNextTab"}],HOME:[{guard:"selectOnFocus",actions:["focusFirstTab","selectFocusedTab"]},{actions:"focusFirstTab"}],END:[{guard:"selectOnFocus",actions:["focusLastTab","selectFocusedTab"]},{actions:"focusLastTab"}],ENTER:{guard:not("selectOnFocus"),actions:"selectFocusedTab"},TAB_FOCUS:{actions:["setFocusedValue"]},TAB_BLUR:{target:"idle",actions:"clearFocusedValue"}}}}},{guards:{selectOnFocus:ctx2=>ctx2.activationMode==="automatic"},actions:{syncFocusedValue(ctx2){if(ctx2.value!=null&&ctx2.focusedValue==null){ctx2.focusedValue=ctx2.value}},selectFocusedTab(ctx2){raf(()=>{set.value(ctx2,ctx2.focusedValue)})},setFocusedValue(ctx2,evt){if(evt.value==null)return;set.focusedValue(ctx2,evt.value)},clearFocusedValue(ctx2){set.focusedValue(ctx2,null)},setValue(ctx2,evt){set.value(ctx2,evt.value)},clearValue(ctx2){set.value(ctx2,null)},focusFirstTab(ctx2){raf(()=>{dom.getFirstTriggerEl(ctx2)?.focus()})},focusLastTab(ctx2){raf(()=>{dom.getLastTriggerEl(ctx2)?.focus()})},focusNextTab(ctx2){if(!ctx2.focusedValue)return;const triggerEl=dom.getNextTriggerEl(ctx2,ctx2.focusedValue);raf(()=>{if(ctx2.composite){triggerEl?.focus()}else if(triggerEl?.dataset.value!=null){set.focusedValue(ctx2,triggerEl.dataset.value)}})},focusPrevTab(ctx2){if(!ctx2.focusedValue)return;const triggerEl=dom.getPrevTriggerEl(ctx2,ctx2.focusedValue);raf(()=>{if(ctx2.composite){triggerEl?.focus()}else if(triggerEl?.dataset.value!=null){set.focusedValue(ctx2,triggerEl.dataset.value)}})},checkRenderedElements(ctx2){ctx2.indicatorState.rendered=!!dom.getIndicatorEl(ctx2)},syncTabIndex(ctx2){raf(()=>{const contentEl=dom.getSelectedContentEl(ctx2);if(!contentEl)return;const focusables=getFocusables(contentEl);if(focusables.length>0){contentEl.removeAttribute("tabindex")}else{contentEl.setAttribute("tabindex","0")}})},cleanupObserver(ctx2){ctx2.indicatorCleanup?.()},allowIndicatorTransition(ctx2){ctx2.indicatorState.transition=true},setIndicatorRect(ctx2,evt){const value=evt.id??ctx2.value;if(!ctx2.indicatorState.rendered||!value)return;const triggerEl=dom.getTriggerEl(ctx2,value);if(!triggerEl)return;ctx2.indicatorState.rect=dom.getRectById(ctx2,value);nextTick(()=>{ctx2.indicatorState.transition=false})},syncIndicatorRect(ctx2){ctx2.indicatorCleanup?.();const value=ctx2.value;if(!ctx2.indicatorState.rendered||!value)return;const triggerEl=dom.getSelectedTriggerEl(ctx2);if(!triggerEl)return;ctx2.indicatorCleanup=trackElementRect(triggerEl,{getRect(el){return dom.getOffsetRect(el)},onChange(rect){ctx2.indicatorState.rect=dom.resolveRect(rect);nextTick(()=>{ctx2.indicatorState.transition=false})}})},clickIfLink(ctx2){clickIfLink(dom.getSelectedTriggerEl(ctx2))}}})}var invoke={change:ctx=>{if(ctx.value==null)return;ctx.onValueChange?.({value:ctx.value})},focusChange:ctx=>{if(ctx.focusedValue==null)return;ctx.onFocusChange?.({focusedValue:ctx.focusedValue})}};var set={value:(ctx,value)=>{if(isEqual(value,ctx.value))return;ctx.value=value;invoke.change(ctx)},focusedValue:(ctx,value)=>{if(isEqual(value,ctx.focusedValue))return;ctx.focusedValue=value;invoke.focusChange(ctx)}};import{createProps}from"@zag-js/types";import{createSplitProps}from"@zag-js/utils";var props=createProps()(["activationMode","composite","dir","getRootNode","id","ids","loopFocus","onFocusChange","onValueChange","orientation","translations","value"]);var splitProps=createSplitProps(props);var triggerProps=createProps()(["disabled","value"]);var splitTriggerProps=createSplitProps(triggerProps);var contentProps=createProps()(["value"]);var splitContentProps=createSplitProps(contentProps);export{anatomy,connect,contentProps,machine,props,splitContentProps,splitProps,splitTriggerProps,triggerProps};
 //# sourceMappingURL=index.mjs.map