@tamagui/tabs 1.13.2 → 1.13.4

package/dist/jsx/Tabs.mjs

@@ -1,308 +1,2 @@
-import { createContextScope } from "@tamagui/create-context";
-import { getButtonSized } from "@tamagui/get-button-sized";
-import { Group, useGroupItem } from "@tamagui/group";
-import { RovingFocusGroup, createRovingFocusGroupScope } from "@tamagui/roving-focus";
-import { SizableStack, ThemeableStack } from "@tamagui/stacks";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDirection } from "@tamagui/use-direction";
-import {
-  Theme,
-  composeEventHandlers,
-  composeRefs,
-  isWeb,
-  styled,
-  useEvent,
-  useId,
-  withStaticProperties
-} from "@tamagui/web";
-import * as React from "react";
-const TAB_LIST_NAME = "TabsList";
-const TabsListFrame = styled(Group, {
-  name: TAB_LIST_NAME,
-  focusable: true
-  // defaultVariants: {
-  //   flexGrow: 0,
-  // },
-});
-const TabsList = TabsListFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeTabs, loop = true, children, ...listProps } = props;
-      const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
-      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
-      return <RovingFocusGroup
-        asChild
-        orientation={context.orientation}
-        dir={context.dir}
-        loop={loop}
-        {...rovingFocusGroupScope}
-      ><TabsListFrame
-        role="tablist"
-        aria-orientation={context.orientation}
-        ref={forwardedRef}
-        axis={context.orientation}
-        {...listProps}
-      >{children}</TabsListFrame></RovingFocusGroup>;
-    }
-  )
-);
-TabsList.displayName = TAB_LIST_NAME;
-const TRIGGER_NAME = "TabsTrigger";
-const TabsTriggerFrame = styled(ThemeableStack, {
-  name: TRIGGER_NAME,
-  justifyContent: "center",
-  alignItems: "center",
-  flexWrap: "nowrap",
-  flexDirection: "row",
-  cursor: "pointer",
-  focusable: true,
-  variants: {
-    size: {
-      "...size": getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    unstyled: {
-      false: {
-        backgroundColor: "$background",
-        pressStyle: {
-          backgroundColor: "$backgroundPress"
-        },
-        hoverStyle: {
-          backgroundColor: "$backgroundHover"
-        },
-        focusStyle: {
-          backgroundColor: "$backgroundFocus"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const TabsTrigger = TabsTriggerFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeTabs,
-        value,
-        disabled = false,
-        onInteraction,
-        ...triggerProps
-      } = props;
-      const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
-      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
-      const triggerId = makeTriggerId(context.baseId, value);
-      const contentId = makeContentId(context.baseId, value);
-      const isSelected = value === context.value;
-      const [layout, setLayout] = React.useState(null);
-      const triggerRef = React.useRef(null);
-      const groupItemProps = useGroupItem({ disabled });
-      React.useEffect(() => {
-        context.registerTrigger();
-        return () => context.unregisterTrigger();
-      }, []);
-      React.useEffect(() => {
-        if (!triggerRef.current || !isWeb)
-          return;
-        function getTriggerSize() {
-          if (!triggerRef.current)
-            return;
-          setLayout({
-            width: triggerRef.current.offsetWidth,
-            height: triggerRef.current.offsetHeight,
-            x: triggerRef.current.offsetLeft,
-            y: triggerRef.current.offsetTop
-          });
-        }
-        getTriggerSize();
-        const observer = new ResizeObserver(getTriggerSize);
-        observer.observe(triggerRef.current);
-        return () => {
-          if (!triggerRef.current)
-            return;
-          observer.unobserve(triggerRef.current);
-        };
-      }, [context.triggersCount]);
-      React.useEffect(() => {
-        if (isSelected && layout) {
-          onInteraction?.("select", layout);
-        }
-      }, [isSelected, value, layout]);
-      return <Theme forceClassName name={isSelected ? "active" : null}><RovingFocusGroup.Item
-        asChild
-        {...rovingFocusGroupScope}
-        focusable={!disabled}
-        active={isSelected}
-      ><TabsTriggerFrame
-        onLayout={(event) => {
-          if (!isWeb) {
-            setLayout(event.nativeEvent.layout);
-          }
-        }}
-        onHoverIn={composeEventHandlers(props.onHoverIn, () => {
-          if (layout) {
-            onInteraction?.("hover", layout);
-          }
-        })}
-        onHoverOut={composeEventHandlers(props.onHoverOut, () => {
-          onInteraction?.("hover", null);
-        })}
-        role="tab"
-        aria-selected={isSelected}
-        aria-controls={contentId}
-        data-state={isSelected ? "active" : "inactive"}
-        data-disabled={disabled ? "" : void 0}
-        disabled={disabled}
-        id={triggerId}
-        size={context.size}
-        {...triggerProps}
-        ref={composeRefs(forwardedRef, triggerRef)}
-        onPress={composeEventHandlers(props.onPress ?? void 0, (event) => {
-          const webChecks = !isWeb || event.button === 0 && event.ctrlKey === false;
-          if (!disabled && !isSelected && webChecks) {
-            context.onChange(value);
-          } else {
-            event.preventDefault();
-          }
-        })}
-        {...isWeb && {
-          type: "button",
-          onKeyDown: composeEventHandlers(
-            props.onKeyDown,
-            (event) => {
-              if ([" ", "Enter"].includes(event.key)) {
-                context.onChange(value);
-                event.preventDefault();
-              }
-            }
-          ),
-          onFocus: composeEventHandlers(props.onFocus, (event) => {
-            if (layout) {
-              onInteraction?.("focus", layout);
-            }
-            const isAutomaticActivation = context.activationMode !== "manual";
-            if (!isSelected && !disabled && isAutomaticActivation) {
-              context.onChange(value);
-            }
-          }),
-          onBlur: composeEventHandlers(props.onFocus, () => {
-            onInteraction?.("focus", null);
-          })
-        }}
-        {...groupItemProps}
-      /></RovingFocusGroup.Item></Theme>;
-    }
-  )
-);
-TabsTrigger.displayName = TRIGGER_NAME;
-const CONTENT_NAME = "TabsContent";
-const TabsContentFrame = styled(ThemeableStack, {
-  name: CONTENT_NAME
-});
-const TabsContent = TabsContentFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-      const context = useTabsContext(CONTENT_NAME, __scopeTabs);
-      const isSelected = value === context.value;
-      const show = forceMount || isSelected;
-      const triggerId = makeTriggerId(context.baseId, value);
-      const contentId = makeContentId(context.baseId, value);
-      if (!show)
-        return null;
-      return <TabsContentFrame
-        key={value}
-        data-state={isSelected ? "active" : "inactive"}
-        data-orientation={context.orientation}
-        role="tabpanel"
-        aria-labelledby={triggerId}
-        hidden={!show}
-        id={contentId}
-        tabIndex={0}
-        {...contentProps}
-        ref={forwardedRef}
-      >{children}</TabsContentFrame>;
-    }
-  )
-);
-TabsContent.displayName = CONTENT_NAME;
-const TABS_NAME = "Tabs";
-const [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
-  createRovingFocusGroupScope
-]);
-const useRovingFocusGroupScope = createRovingFocusGroupScope();
-const [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
-const TabsFrame = styled(SizableStack, {
-  name: TABS_NAME
-});
-const Tabs = withStaticProperties(
-  TabsFrame.extractable(
-    React.forwardRef(
-      (props, forwardedRef) => {
-        const {
-          __scopeTabs,
-          value: valueProp,
-          onValueChange,
-          defaultValue,
-          orientation = "horizontal",
-          dir,
-          activationMode = "automatic",
-          size = "$true",
-          ...tabsProps
-        } = props;
-        const direction = useDirection(dir);
-        const [value, setValue] = useControllableState({
-          prop: valueProp,
-          onChange: onValueChange,
-          defaultProp: defaultValue ?? ""
-        });
-        const [triggersCount, setTriggersCount] = React.useState(0);
-        const registerTrigger = useEvent(() => setTriggersCount((v) => v + 1));
-        const unregisterTrigger = useEvent(() => setTriggersCount((v) => v - 1));
-        return <TabsProvider
-          scope={__scopeTabs}
-          baseId={useId()}
-          value={value}
-          onChange={setValue}
-          orientation={orientation}
-          dir={direction}
-          activationMode={activationMode}
-          size={size}
-          registerTrigger={registerTrigger}
-          triggersCount={triggersCount}
-          unregisterTrigger={unregisterTrigger}
-        ><TabsFrame
-          direction={direction}
-          data-orientation={orientation}
-          {...tabsProps}
-          ref={forwardedRef}
-        /></TabsProvider>;
-      }
-    )
-  ),
-  {
-    List: TabsList,
-    /**
-     * @deprecated Use Tabs.Tab instead
-     */
-    Trigger: TabsTrigger,
-    Tab: TabsTrigger,
-    Content: TabsContent
-  }
-);
-Tabs.displayName = TABS_NAME;
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
-export {
-  Tabs
-};
+import{createContextScope as O}from"@tamagui/create-context";import{getButtonSized as W}from"@tamagui/get-button-sized";import{Group as K,useGroupItem as j}from"@tamagui/group";import{RovingFocusGroup as G,createRovingFocusGroupScope as M}from"@tamagui/roving-focus";import{SizableStack as q,ThemeableStack as k}from"@tamagui/stacks";import{useControllableState as J}from"@tamagui/use-controllable-state";import{useDirection as Q}from"@tamagui/use-direction";import{Theme as U,composeEventHandlers as f,composeRefs as X,isWeb as y,styled as C,useEvent as x,useId as Y,withStaticProperties as Z}from"@tamagui/web";import*as p from"react";const h="TabsList",_=C(K,{name:h,focusable:!0}),z=_.extractable(p.forwardRef((t,i)=>{const{__scopeTabs:g,loop:o=!0,children:s,...c}=t,u=E(h,g),e=$(g);return<G asChild orientation={u.orientation}dir={u.dir}loop={o}{...e}><_ role="tablist"aria-orientation={u.orientation}ref={i}axis={u.orientation}{...c}>{s}</_></G>}));z.displayName=h;const L="TabsTrigger",H=C(k,{name:L,justifyContent:"center",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",cursor:"pointer",focusable:!0,variants:{size:{"...size":W},disabled:{true:{pointerEvents:"none"}},unstyled:{false:{backgroundColor:"$background",pressStyle:{backgroundColor:"$backgroundPress"},hoverStyle:{backgroundColor:"$backgroundHover"},focusStyle:{backgroundColor:"$backgroundFocus"}}}},defaultVariants:{unstyled:!1}}),R=H.extractable(p.forwardRef((t,i)=>{const{__scopeTabs:g,value:o,disabled:s=!1,onInteraction:c,...u}=t,e=E(L,g),b=$(g),d=V(e.baseId,o),m=B(e.baseId,o),n=o===e.value,[l,v]=p.useState(null),a=p.useRef(null),P=j({disabled:s});return p.useEffect(()=>(e.registerTrigger(),()=>e.unregisterTrigger()),[]),p.useEffect(()=>{if(!a.current||!y)return;function r(){a.current&&v({width:a.current.offsetWidth,height:a.current.offsetHeight,x:a.current.offsetLeft,y:a.current.offsetTop})}r();const T=new ResizeObserver(r);return T.observe(a.current),()=>{a.current&&T.unobserve(a.current)}},[e.triggersCount]),p.useEffect(()=>{n&&l&&c?.("select",l)},[n,o,l]),<U forceClassName name={n?"active":null}><G.Item asChild{...b}focusable={!s}active={n}><H onLayout={r=>{y||v(r.nativeEvent.layout)}}onHoverIn={f(t.onHoverIn,()=>{l&&c?.("hover",l)})}onHoverOut={f(t.onHoverOut,()=>{c?.("hover",null)})}role="tab"aria-selected={n}aria-controls={m}data-state={n?"active":"inactive"}data-disabled={s?"":void 0}disabled={s}id={d}size={e.size}{...u}ref={X(i,a)}onPress={f(t.onPress??void 0,r=>{const T=!y||r.button===0&&r.ctrlKey===!1;!s&&!n&&T?e.onChange(o):r.preventDefault()})}{...y&&{type:"button",onKeyDown:f(t.onKeyDown,r=>{[" ","Enter"].includes(r.key)&&(e.onChange(o),r.preventDefault())}),onFocus:f(t.onFocus,r=>{l&&c?.("focus",l);const T=e.activationMode!=="manual";!n&&!s&&T&&e.onChange(o)}),onBlur:f(t.onFocus,()=>{c?.("focus",null)})}}{...P}/></G.Item></U>}));R.displayName=L;const I="TabsContent",N=C(k,{name:I}),D=N.extractable(p.forwardRef((t,i)=>{const{__scopeTabs:g,value:o,forceMount:s,children:c,...u}=t,e=E(I,g),b=o===e.value,d=s||b,m=V(e.baseId,o),n=B(e.baseId,o);return d?<N key={o}data-state={b?"active":"inactive"}data-orientation={e.orientation}role="tabpanel"aria-labelledby={m}hidden={!d}id={n}tabIndex={0}{...u}ref={i}>{c}</N>:null}));D.displayName=I;const F="Tabs",[ee,Ie]=O(F,[M]),$=M(),[Te,E]=ee(F),A=C(q,{name:F}),be=Z(A.extractable(p.forwardRef((t,i)=>{const{__scopeTabs:g,value:o,onValueChange:s,defaultValue:c,orientation:u="horizontal",dir:e,activationMode:b="automatic",size:d="$true",...m}=t,n=Q(e),[l,v]=J({prop:o,onChange:s,defaultProp:c??""}),[a,P]=p.useState(0),r=x(()=>P(S=>S+1)),T=x(()=>P(S=>S-1));return<Te scope={g}baseId={Y()}value={l}onChange={v}orientation={u}dir={n}activationMode={b}size={d}registerTrigger={r}triggersCount={a}unregisterTrigger={T}><A direction={n}data-orientation={u}{...m}ref={i}/></Te>})),{List:z,Trigger:R,Tab:R,Content:D});be.displayName=F;function V(t,i){return`${t}-trigger-${i}`}function B(t,i){return`${t}-content-${i}`}export{be as Tabs};
 //# sourceMappingURL=Tabs.mjs.map

package/dist/jsx/Tabs.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Tabs.tsx"],
   "sourcesContent": ["import type { Scope } from '@tamagui/create-context'\nimport { createContextScope } from '@tamagui/create-context'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { Group, GroupProps, useGroupItem } from '@tamagui/group'\nimport { RovingFocusGroup, createRovingFocusGroupScope } from '@tamagui/roving-focus'\nimport { SizableStack, ThemeableStack, ThemeableStackProps } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport {\n  GetProps,\n  SizeTokens,\n  Theme,\n  composeEventHandlers,\n  composeRefs,\n  isWeb,\n  styled,\n  useEvent,\n  useId,\n  withStaticProperties,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport type { LayoutRectangle } from 'react-native'\n\n/* -------------------------------------------------------------------------------------------------\n * TabsList\n * -----------------------------------------------------------------------------------------------*/\n\nconst TAB_LIST_NAME = 'TabsList'\n\nconst TabsListFrame = styled(Group, {\n  name: TAB_LIST_NAME,\n  focusable: true,\n  // defaultVariants: {\n  //   flexGrow: 0,\n  // },\n})\n\ntype TabsListFrameProps = GroupProps\n\ntype TabsListProps = TabsListFrameProps & {\n  /**\n   * Whether to loop over after reaching the end or start of the items\n   * @default true\n   */\n  loop?: boolean\n}\n\nconst TabsList = TabsListFrame.extractable(\n  React.forwardRef<HTMLDivElement, TabsListProps>(\n    (props: ScopedProps<TabsListProps>, forwardedRef) => {\n      const { __scopeTabs, loop = true, children, ...listProps } = props\n      const context = useTabsContext(TAB_LIST_NAME, __scopeTabs)\n      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs)\n\n      return (\n        <RovingFocusGroup\n          asChild\n          orientation={context.orientation}\n          dir={context.dir}\n          loop={loop}\n          {...rovingFocusGroupScope}\n        >\n          <TabsListFrame\n            role=\"tablist\"\n            aria-orientation={context.orientation}\n            ref={forwardedRef}\n            axis={context.orientation}\n            {...listProps}\n          >\n            {children}\n          </TabsListFrame>\n        </RovingFocusGroup>\n      )\n    }\n  )\n)\n\nTabsList.displayName = TAB_LIST_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * TabsTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TabsTrigger'\n\nconst TabsTriggerFrame = styled(ThemeableStack, {\n  name: TRIGGER_NAME,\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  flexDirection: 'row',\n  cursor: 'pointer',\n  focusable: true,\n\n  variants: {\n    size: {\n      '...size': getButtonSized,\n    },\n    disabled: {\n      true: {\n        pointerEvents: 'none',\n      },\n    },\n    unstyled: {\n      false: {\n        backgroundColor: '$background',\n\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n\n        focusStyle: {\n          backgroundColor: '$backgroundFocus',\n        },\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\n/**\n * @deprecated Use `TabLayout` instead\n */\ntype TabsTriggerLayout = LayoutRectangle\ntype TabLayout = LayoutRectangle\ntype InteractionType = 'select' | 'focus' | 'hover'\n\ntype TabsTriggerFrameProps = GetProps<typeof TabsTriggerFrame>\n/**\n * @deprecated use `TabTabsProps` instead\n */\ntype TabsTriggerProps = TabsTriggerFrameProps & {\n  /** The value for the tabs state to be changed to after activation of the trigger */\n  value: string\n\n  /** Used for making custom indicators when trigger interacted with */\n  onInteraction?: (type: InteractionType, layout: TabLayout | null) => void\n}\n\ntype TabsTabProps = TabsTriggerProps\n\nconst TabsTrigger = TabsTriggerFrame.extractable(\n  React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n    (props: ScopedProps<TabsTriggerProps>, forwardedRef) => {\n      const {\n        __scopeTabs,\n        value,\n        disabled = false,\n        onInteraction,\n        ...triggerProps\n      } = props\n      const context = useTabsContext(TRIGGER_NAME, __scopeTabs)\n      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs)\n      const triggerId = makeTriggerId(context.baseId, value)\n      const contentId = makeContentId(context.baseId, value)\n      const isSelected = value === context.value\n      const [layout, setLayout] = React.useState<TabLayout | null>(null)\n      const triggerRef = React.useRef<HTMLButtonElement>(null)\n      const groupItemProps = useGroupItem({ disabled })\n\n      React.useEffect(() => {\n        context.registerTrigger()\n        return () => context.unregisterTrigger()\n      }, [])\n\n      React.useEffect(() => {\n        if (!triggerRef.current || !isWeb) return\n\n        function getTriggerSize() {\n          if (!triggerRef.current) return\n          setLayout({\n            width: triggerRef.current.offsetWidth,\n            height: triggerRef.current.offsetHeight,\n            x: triggerRef.current.offsetLeft,\n            y: triggerRef.current.offsetTop,\n          })\n        }\n        getTriggerSize()\n\n        const observer = new ResizeObserver(getTriggerSize)\n        observer.observe(triggerRef.current)\n\n        return () => {\n          if (!triggerRef.current) return\n          observer.unobserve(triggerRef.current)\n        }\n      }, [context.triggersCount])\n\n      React.useEffect(() => {\n        if (isSelected && layout) {\n          onInteraction?.('select', layout)\n        }\n      }, [isSelected, value, layout])\n\n      return (\n        <Theme forceClassName name={isSelected ? 'active' : null}>\n          <RovingFocusGroup.Item\n            asChild\n            {...rovingFocusGroupScope}\n            focusable={!disabled}\n            active={isSelected}\n          >\n            <TabsTriggerFrame\n              onLayout={(event) => {\n                if (!isWeb) {\n                  setLayout(event.nativeEvent.layout)\n                }\n              }}\n              onHoverIn={composeEventHandlers(props.onHoverIn, () => {\n                if (layout) {\n                  onInteraction?.('hover', layout)\n                }\n              })}\n              onHoverOut={composeEventHandlers(props.onHoverOut, () => {\n                onInteraction?.('hover', null)\n              })}\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={contentId}\n              data-state={isSelected ? 'active' : 'inactive'}\n              data-disabled={disabled ? '' : undefined}\n              disabled={disabled}\n              id={triggerId}\n              // @ts-ignore\n              size={context.size}\n              {...triggerProps}\n              ref={composeRefs(forwardedRef, triggerRef)}\n              onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n                // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n                // but not when the control key is pressed (avoiding MacOS right click)\n\n                const webChecks =\n                  !isWeb ||\n                  ((event as unknown as React.MouseEvent).button === 0 &&\n                    (event as unknown as React.MouseEvent).ctrlKey === false)\n                if (!disabled && !isSelected && webChecks) {\n                  context.onChange(value)\n                } else {\n                  // prevent focus to avoid accidental activation\n                  event.preventDefault()\n                }\n              })}\n              {...(isWeb && {\n                type: 'button',\n                onKeyDown: composeEventHandlers(\n                  (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n                  (event) => {\n                    if ([' ', 'Enter'].includes(event.key)) {\n                      context.onChange(value)\n                      event.preventDefault()\n                    }\n                  }\n                ),\n                onFocus: composeEventHandlers(props.onFocus, (event) => {\n                  if (layout) {\n                    onInteraction?.('focus', layout)\n                  }\n                  // handle \"automatic\" activation if necessary\n                  // ie. activate tab following focus\n                  const isAutomaticActivation = context.activationMode !== 'manual'\n                  if (!isSelected && !disabled && isAutomaticActivation) {\n                    context.onChange(value)\n                  }\n                }),\n                onBlur: composeEventHandlers(props.onFocus, () => {\n                  onInteraction?.('focus', null)\n                }),\n              })}\n              {...groupItemProps}\n            />\n          </RovingFocusGroup.Item>\n        </Theme>\n      )\n    }\n  )\n)\n\nTabsTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * TabsContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TabsContent'\n\nconst TabsContentFrame = styled(ThemeableStack, {\n  name: CONTENT_NAME,\n})\ntype TabsContentFrameProps = GetProps<typeof TabsContentFrame>\ntype TabsContentProps = TabsContentFrameProps & {\n  /** Will show the content when the value matches the state of Tabs root */\n  value: string\n\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with Tamagui animations.\n   */\n  forceMount?: true\n}\n\nconst TabsContent = TabsContentFrame.extractable(\n  React.forwardRef<HTMLDivElement, TabsContentProps>(\n    (props: ScopedProps<TabsContentProps>, forwardedRef) => {\n      const { __scopeTabs, value, forceMount, children, ...contentProps } = props\n      const context = useTabsContext(CONTENT_NAME, __scopeTabs)\n      const isSelected = value === context.value\n      const show = forceMount || isSelected\n\n      const triggerId = makeTriggerId(context.baseId, value)\n      const contentId = makeContentId(context.baseId, value)\n\n      if (!show) return null\n      return (\n        <TabsContentFrame\n          key={value}\n          data-state={isSelected ? 'active' : 'inactive'}\n          data-orientation={context.orientation}\n          role=\"tabpanel\"\n          aria-labelledby={triggerId}\n          // @ts-ignore\n          hidden={!show}\n          id={contentId}\n          tabIndex={0}\n          {...contentProps}\n          ref={forwardedRef}\n        >\n          {children}\n        </TabsContentFrame>\n      )\n    }\n  )\n)\n\nTabsContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Tabs\n * -----------------------------------------------------------------------------------------------*/\n\nconst TABS_NAME = 'Tabs'\n\ntype ScopedProps<P> = P & { __scopeTabs?: Scope }\nconst [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope,\n])\nconst useRovingFocusGroupScope = createRovingFocusGroupScope()\n\ntype TabsContextValue = {\n  baseId: string\n  value?: string\n  onChange: (value: string) => void\n  orientation?: TabsProps['orientation']\n  dir?: TabsProps['dir']\n  activationMode?: TabsProps['activationMode']\n  size: SizeTokens\n  registerTrigger: () => void\n  unregisterTrigger: () => void\n  triggersCount: number\n}\n\nconst [TabsProvider, useTabsContext] = createTabsContext<TabsContextValue>(TABS_NAME)\n\nconst TabsFrame = styled(SizableStack, {\n  name: TABS_NAME,\n})\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>\ntype TabsFrameProps = GetProps<typeof TabsFrame>\ntype TabsProps = TabsFrameProps & {\n  /** The value for the selected tab, if controlled */\n  value?: string\n  /** The value of the tab to select by default, if uncontrolled */\n  defaultValue?: string\n  /** A function called when a new tab is selected */\n  onValueChange?: (value: string) => void\n  /**\n   * The orientation the tabs are layed out.\n   * Mainly so arrow navigation is done accordingly (left & right vs. up & down)\n   * @defaultValue horizontal\n   */\n  orientation?: RovingFocusGroupProps['orientation']\n  /**\n   * The direction of navigation between toolbar items.\n   */\n  dir?: RovingFocusGroupProps['dir']\n  /**\n   * Whether a tab is activated automatically or manually. Only supported in web.\n   * @defaultValue automatic\n   * */\n  activationMode?: 'automatic' | 'manual'\n}\n\nexport const Tabs = withStaticProperties(\n  TabsFrame.extractable(\n    React.forwardRef<HTMLDivElement, TabsProps>(\n      (props: ScopedProps<TabsProps>, forwardedRef) => {\n        const {\n          __scopeTabs,\n          value: valueProp,\n          onValueChange,\n          defaultValue,\n          orientation = 'horizontal',\n          dir,\n          activationMode = 'automatic',\n          size = '$true',\n          ...tabsProps\n        } = props\n        const direction = useDirection(dir)\n        const [value, setValue] = useControllableState({\n          prop: valueProp,\n          onChange: onValueChange,\n          defaultProp: defaultValue ?? '',\n        })\n        const [triggersCount, setTriggersCount] = React.useState(0)\n        const registerTrigger = useEvent(() => setTriggersCount((v) => v + 1))\n        const unregisterTrigger = useEvent(() => setTriggersCount((v) => v - 1))\n\n        return (\n          <TabsProvider\n            scope={__scopeTabs}\n            baseId={useId()}\n            value={value}\n            onChange={setValue}\n            orientation={orientation}\n            dir={direction}\n            activationMode={activationMode}\n            size={size}\n            registerTrigger={registerTrigger}\n            triggersCount={triggersCount}\n            unregisterTrigger={unregisterTrigger}\n          >\n            <TabsFrame\n              direction={direction}\n              //   dir={direction}\n              data-orientation={orientation}\n              {...tabsProps}\n              ref={forwardedRef}\n            />\n          </TabsProvider>\n        )\n      }\n    )\n  ),\n  {\n    List: TabsList,\n    /**\n     * @deprecated Use Tabs.Tab instead\n     */\n    Trigger: TabsTrigger,\n    Tab: TabsTrigger,\n    Content: TabsContent,\n  }\n)\nTabs.displayName = TABS_NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction makeTriggerId(baseId: string, value: string) {\n  return `${baseId}-trigger-${value}`\n}\n\nfunction makeContentId(baseId: string, value: string) {\n  return `${baseId}-content-${value}`\n}\n\nexport type {\n  TabsProps,\n  TabsListProps,\n  TabsTriggerProps,\n  TabsTriggerLayout,\n  TabsTabProps,\n  TabsContentProps,\n  TabLayout,\n}\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["createContextScope", "getButtonSized", "Group", "useGroupItem", "RovingFocusGroup", "createRovingFocusGroupScope", "SizableStack", "ThemeableStack", "useControllableState", "useDirection", "Theme", "composeEventHandlers", "composeRefs", "isWeb", "styled", "useEvent", "useId", "withStaticProperties", "React", "TAB_LIST_NAME", "TabsListFrame", "TabsList", "props", "forwardedRef", "__scopeTabs", "loop", "children", "listProps", "context", "useTabsContext", "rovingFocusGroupScope", "useRovingFocusGroupScope", "TRIGGER_NAME", "TabsTriggerFrame", "TabsTrigger", "value", "disabled", "onInteraction", "triggerProps", "triggerId", "makeTriggerId", "contentId", "makeContentId", "isSelected", "layout", "setLayout", "triggerRef", "groupItemProps", "getTriggerSize", "observer", "event", "webChecks", "isAutomaticActivation", "CONTENT_NAME", "TabsContentFrame", "TabsContent", "forceMount", "contentProps", "show", "TABS_NAME", "createTabsContext", "createTabsScope", "TabsProvider", "TabsFrame", "Tabs", "valueProp", "onValueChange", "defaultValue", "orientation", "dir", "activationMode", "size", "tabsProps", "direction", "setValue", "triggersCount", "setTriggersCount", "registerTrigger", "v", "unregisterTrigger", "baseId"]
 }

package/dist/jsx/index.js

@@ -1,2 +1,2 @@
-export * from "./Tabs";
+export*from"./Tabs";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tabs'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/index.mjs

@@ -1,2 +1,2 @@
-export * from "./Tabs";
+export*from"./Tabs";
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tabs'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tabs",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -25,21 +25,21 @@
     }
   },
   "dependencies": {
-    "@tamagui/create-context": "1.13.2",
-    "@tamagui/get-button-sized": "1.13.2",
-    "@tamagui/group": "1.13.2",
-    "@tamagui/roving-focus": "1.13.2",
-    "@tamagui/stacks": "1.13.2",
-    "@tamagui/use-controllable-state": "1.13.2",
-    "@tamagui/use-direction": "1.13.2",
-    "@tamagui/web": "1.13.2"
+    "@tamagui/create-context": "1.13.4",
+    "@tamagui/get-button-sized": "1.13.4",
+    "@tamagui/group": "1.13.4",
+    "@tamagui/roving-focus": "1.13.4",
+    "@tamagui/stacks": "1.13.4",
+    "@tamagui/use-controllable-state": "1.13.4",
+    "@tamagui/use-direction": "1.13.4",
+    "@tamagui/web": "1.13.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.13.2",
+    "@tamagui/build": "1.13.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },