@tamagui/tabs 1.14.0 → 1.14.2

package/dist/cjs/Tabs.js

@@ -1,2 +1,360 @@
-"use strict";var q=Object.create;var S=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var Y=(e,o)=>{for(var n in o)S(e,n,{get:o[n],enumerable:!0})},I=(e,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of Q(o))!X.call(e,i)&&i!==n&&S(e,i,{get:()=>o[i],enumerable:!(a=J(o,i))||a.enumerable});return e};var Z=(e,o,n)=>(n=e!=null?q(U(e)):{},I(o||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ee=e=>I(S({},"__esModule",{value:!0}),e);var re={};Y(re,{Tabs:()=>j});module.exports=ee(re);var b=require("react/jsx-runtime"),B=require("@tamagui/create-context"),O=require("@tamagui/get-button-sized"),L=require("@tamagui/group"),v=require("@tamagui/roving-focus"),y=require("@tamagui/stacks"),W=require("@tamagui/use-controllable-state"),K=require("@tamagui/use-direction"),t=require("@tamagui/web"),l=Z(require("react"));const E="TabsList",w=(0,t.styled)(L.Group,{name:E,focusable:!0}),_=w.extractable(l.forwardRef((e,o)=>{const{__scopeTabs:n,loop:a=!0,children:i,...r}=e,g=x(E,n),s=D(n);return(0,b.jsx)(v.RovingFocusGroup,{asChild:!0,orientation:g.orientation,dir:g.dir,loop:a,...s,children:(0,b.jsx)(w,{role:"tablist","aria-orientation":g.orientation,ref:o,axis:g.orientation,...r,children:i})})}));_.displayName=E;const G="TabsTrigger",z=(0,t.styled)(y.ThemeableStack,{name:G,justifyContent:"center",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",cursor:"pointer",focusable:!0,variants:{size:{"...size":O.getButtonSized},disabled:{true:{pointerEvents:"none"}},unstyled:{false:{backgroundColor:"$background",pressStyle:{backgroundColor:"$backgroundPress"},hoverStyle:{backgroundColor:"$backgroundHover"},focusStyle:{backgroundColor:"$backgroundFocus"}}}},defaultVariants:{unstyled:!1}}),M=z.extractable(l.forwardRef((e,o)=>{const{__scopeTabs:n,value:a,disabled:i=!1,onInteraction:r,...g}=e,s=x(G,n),f=D(n),m=A(s.baseId,a),P=V(s.baseId,a),c=a===s.value,[T,C]=l.useState(null),p=l.useRef(null),F=(0,L.useGroupItem)({disabled:i});return l.useEffect(()=>(s.registerTrigger(),()=>s.unregisterTrigger()),[]),l.useEffect(()=>{if(!p.current||!t.isWeb)return;function u(){p.current&&C({width:p.current.offsetWidth,height:p.current.offsetHeight,x:p.current.offsetLeft,y:p.current.offsetTop})}u();const d=new ResizeObserver(u);return d.observe(p.current),()=>{p.current&&d.unobserve(p.current)}},[s.triggersCount]),l.useEffect(()=>{c&&T&&(r==null||r("select",T))},[c,a,T]),(0,b.jsx)(t.Theme,{forceClassName:!0,name:c?"active":null,children:(0,b.jsx)(v.RovingFocusGroup.Item,{asChild:!0,...f,focusable:!i,active:c,children:(0,b.jsx)(z,{onLayout:u=>{t.isWeb||C(u.nativeEvent.layout)},onHoverIn:(0,t.composeEventHandlers)(e.onHoverIn,()=>{T&&(r==null||r("hover",T))}),onHoverOut:(0,t.composeEventHandlers)(e.onHoverOut,()=>{r==null||r("hover",null)}),role:"tab","aria-selected":c,"aria-controls":P,"data-state":c?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:m,size:s.size,...g,ref:(0,t.composeRefs)(o,p),onPress:(0,t.composeEventHandlers)(e.onPress??void 0,u=>{const d=!t.isWeb||u.button===0&&u.ctrlKey===!1;!i&&!c&&d?s.onChange(a):u.preventDefault()}),...t.isWeb&&{type:"button",onKeyDown:(0,t.composeEventHandlers)(e.onKeyDown,u=>{[" ","Enter"].includes(u.key)&&(s.onChange(a),u.preventDefault())}),onFocus:(0,t.composeEventHandlers)(e.onFocus,u=>{T&&(r==null||r("focus",T));const d=s.activationMode!=="manual";!c&&!i&&d&&s.onChange(a)}),onBlur:(0,t.composeEventHandlers)(e.onFocus,()=>{r==null||r("focus",null)})},...F})})})}));M.displayName=G;const k="TabsContent",H=(0,t.styled)(y.ThemeableStack,{name:k}),N=H.extractable(l.forwardRef((e,o)=>{const{__scopeTabs:n,value:a,forceMount:i,children:r,...g}=e,s=x(k,n),f=a===s.value,m=i||f,P=A(s.baseId,a),c=V(s.baseId,a);return m?(0,b.jsx)(H,{"data-state":f?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":P,hidden:!m,id:c,tabIndex:0,...g,ref:o,children:r},a):null}));N.displayName=k;const h="Tabs",[te,ce]=(0,B.createContextScope)(h,[v.createRovingFocusGroupScope]),D=(0,v.createRovingFocusGroupScope)(),[oe,x]=te(h),$=(0,t.styled)(y.SizableStack,{name:h}),j=(0,t.withStaticProperties)($.extractable(l.forwardRef((e,o)=>{const{__scopeTabs:n,value:a,onValueChange:i,defaultValue:r,orientation:g="horizontal",dir:s,activationMode:f="automatic",size:m="$true",...P}=e,c=(0,K.useDirection)(s),[T,C]=(0,W.useControllableState)({prop:a,onChange:i,defaultProp:r??""}),[p,F]=l.useState(0),u=(0,t.useEvent)(()=>F(R=>R+1)),d=(0,t.useEvent)(()=>F(R=>R-1));return(0,b.jsx)(oe,{scope:n,baseId:(0,t.useId)(),value:T,onChange:C,orientation:g,dir:c,activationMode:f,size:m,registerTrigger:u,triggersCount:p,unregisterTrigger:d,children:(0,b.jsx)($,{direction:c,"data-orientation":g,...P,ref:o})})})),{List:_,Trigger:M,Tab:M,Content:N});j.displayName=h;function A(e,o){return`${e}-trigger-${o}`}function V(e,o){return`${e}-content-${o}`}0&&(module.exports={Tabs});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_create_context = require("@tamagui/create-context");
+var import_get_button_sized = require("@tamagui/get-button-sized");
+var import_group = require("@tamagui/group");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_stacks = require("@tamagui/stacks");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_use_direction = require("@tamagui/use-direction");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"));
+const TAB_LIST_NAME = "TabsList";
+const TabsListFrame = (0, import_web.styled)(import_group.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 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup,
+        {
+          asChild: true,
+          orientation: context.orientation,
+          dir: context.dir,
+          loop,
+          ...rovingFocusGroupScope,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsListFrame,
+            {
+              role: "tablist",
+              "aria-orientation": context.orientation,
+              ref: forwardedRef,
+              axis: context.orientation,
+              ...listProps,
+              children
+            }
+          )
+        }
+      );
+    }
+  )
+);
+TabsList.displayName = TAB_LIST_NAME;
+const TRIGGER_NAME = "TabsTrigger";
+const TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: TRIGGER_NAME,
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  focusable: true,
+  variants: {
+    size: {
+      "...size": import_get_button_sized.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 = (0, import_group.useGroupItem)({ disabled });
+      React.useEffect(() => {
+        context.registerTrigger();
+        return () => context.unregisterTrigger();
+      }, []);
+      React.useEffect(() => {
+        if (!triggerRef.current || !import_web.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 == null ? void 0 : onInteraction("select", layout);
+        }
+      }, [isSelected, value, layout]);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { forceClassName: true, name: isSelected ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup.Item,
+        {
+          asChild: true,
+          ...rovingFocusGroupScope,
+          focusable: !disabled,
+          active: isSelected,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsTriggerFrame,
+            {
+              onLayout: (event) => {
+                if (!import_web.isWeb) {
+                  setLayout(event.nativeEvent.layout);
+                }
+              },
+              onHoverIn: (0, import_web.composeEventHandlers)(props.onHoverIn, () => {
+                if (layout) {
+                  onInteraction == null ? void 0 : onInteraction("hover", layout);
+                }
+              }),
+              onHoverOut: (0, import_web.composeEventHandlers)(props.onHoverOut, () => {
+                onInteraction == null ? void 0 : onInteraction("hover", null);
+              }),
+              role: "tab",
+              "aria-selected": isSelected,
+              "aria-controls": contentId,
+              "data-state": isSelected ? "active" : "inactive",
+              "data-disabled": disabled ? "" : void 0,
+              disabled,
+              id: triggerId,
+              size: context.size,
+              ...triggerProps,
+              ref: (0, import_web.composeRefs)(forwardedRef, triggerRef),
+              onPress: (0, import_web.composeEventHandlers)(props.onPress ?? void 0, (event) => {
+                const webChecks = !import_web.isWeb || event.button === 0 && event.ctrlKey === false;
+                if (!disabled && !isSelected && webChecks) {
+                  context.onChange(value);
+                } else {
+                  event.preventDefault();
+                }
+              }),
+              ...import_web.isWeb && {
+                type: "button",
+                onKeyDown: (0, import_web.composeEventHandlers)(
+                  props.onKeyDown,
+                  (event) => {
+                    if ([" ", "Enter"].includes(event.key)) {
+                      context.onChange(value);
+                      event.preventDefault();
+                    }
+                  }
+                ),
+                onFocus: (0, import_web.composeEventHandlers)(props.onFocus, (event) => {
+                  if (layout) {
+                    onInteraction == null ? void 0 : onInteraction("focus", layout);
+                  }
+                  const isAutomaticActivation = context.activationMode !== "manual";
+                  if (!isSelected && !disabled && isAutomaticActivation) {
+                    context.onChange(value);
+                  }
+                }),
+                onBlur: (0, import_web.composeEventHandlers)(props.onFocus, () => {
+                  onInteraction == null ? void 0 : onInteraction("focus", null);
+                })
+              },
+              ...groupItemProps
+            }
+          )
+        }
+      ) });
+    }
+  )
+);
+TabsTrigger.displayName = TRIGGER_NAME;
+const CONTENT_NAME = "TabsContent";
+const TabsContentFrame = (0, import_web.styled)(import_stacks.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 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        TabsContentFrame,
+        {
+          "data-state": isSelected ? "active" : "inactive",
+          "data-orientation": context.orientation,
+          role: "tabpanel",
+          "aria-labelledby": triggerId,
+          hidden: !show,
+          id: contentId,
+          tabIndex: 0,
+          ...contentProps,
+          ref: forwardedRef,
+          children
+        },
+        value
+      );
+    }
+  )
+);
+TabsContent.displayName = CONTENT_NAME;
+const TABS_NAME = "Tabs";
+const [createTabsContext, createTabsScope] = (0, import_create_context.createContextScope)(TABS_NAME, [
+  import_roving_focus.createRovingFocusGroupScope
+]);
+const useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)();
+const [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
+const TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
+  name: TABS_NAME
+});
+const Tabs = (0, import_web.withStaticProperties)(
+  TabsFrame.extractable(
+    React.forwardRef(
+      (props, forwardedRef) => {
+        const {
+          __scopeTabs,
+          value: valueProp,
+          onValueChange,
+          defaultValue,
+          orientation = "horizontal",
+          dir,
+          activationMode = "automatic",
+          size = "$true",
+          ...tabsProps
+        } = props;
+        const direction = (0, import_use_direction.useDirection)(dir);
+        const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+          prop: valueProp,
+          onChange: onValueChange,
+          defaultProp: defaultValue ?? ""
+        });
+        const [triggersCount, setTriggersCount] = React.useState(0);
+        const registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1));
+        const unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          TabsProvider,
+          {
+            scope: __scopeTabs,
+            baseId: (0, import_web.useId)(),
+            value,
+            onChange: setValue,
+            orientation,
+            dir: direction,
+            activationMode,
+            size,
+            registerTrigger,
+            triggersCount,
+            unregisterTrigger,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              TabsFrame,
+              {
+                direction,
+                "data-orientation": orientation,
+                ...tabsProps,
+                ref: forwardedRef
+              }
+            )
+          }
+        );
+      }
+    )
+  ),
+  {
+    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}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs
+});
 //# sourceMappingURL=Tabs.js.map

package/dist/cjs/Tabs.js.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": "2jBAAA,IAAAA,GAAA,GAAAC,EAAAD,GAAA,UAAAE,IAAA,eAAAC,GAAAH,IA8DU,IAAAI,EAAA,6BA7DVC,EAAmC,mCACnCC,EAA+B,qCAC/BC,EAAgD,0BAChDC,EAA8D,iCAC9DC,EAAkE,2BAClEC,EAAqC,2CACrCC,EAA6B,kCAC7BC,EAWO,wBACPC,EAAuB,oBAOvB,MAAMC,EAAgB,WAEhBC,KAAgB,UAAO,QAAO,CAClC,KAAMD,EACN,UAAW,EAIb,CAAC,EAYKE,EAAWD,EAAc,YAC7BF,EAAM,WACJ,CAACI,EAAmCC,IAAiB,CACnD,KAAM,CAAE,YAAAC,EAAa,KAAAC,EAAO,GAAM,SAAAC,EAAU,GAAGC,CAAU,EAAIL,EACvDM,EAAUC,EAAeV,EAAeK,CAAW,EACnDM,EAAwBC,EAAyBP,CAAW,EAElE,SACE,OAAC,oBACC,QAAO,GACP,YAAaI,EAAQ,YACrB,IAAKA,EAAQ,IACb,KAAMH,EACL,GAAGK,EAEJ,mBAACV,EAAA,CACC,KAAK,UACL,mBAAkBQ,EAAQ,YAC1B,IAAKL,EACL,KAAMK,EAAQ,YACb,GAAGD,EAEH,SAAAD,EACH,EACF,CAEJ,CACF,CACF,EAEAL,EAAS,YAAcF,EAMvB,MAAMa,EAAe,cAEfC,KAAmB,UAAO,iBAAgB,CAC9C,KAAMD,EACN,eAAgB,SAChB,WAAY,SACZ,SAAU,SACV,cAAe,MACf,OAAQ,UACR,UAAW,GAEX,SAAU,CACR,KAAM,CACJ,UAAW,gBACb,EACA,SAAU,CACR,KAAM,CACJ,cAAe,MACjB,CACF,EACA,SAAU,CACR,MAAO,CACL,gBAAiB,cAEjB,WAAY,CACV,gBAAiB,kBACnB,EAEA,WAAY,CACV,gBAAiB,kBACnB,EAEA,WAAY,CACV,gBAAiB,kBACnB,CACF,CACF,CACF,EACA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAuBKE,EAAcD,EAAiB,YACnCf,EAAM,WACJ,CAACI,EAAsCC,IAAiB,CACtD,KAAM,CACJ,YAAAC,EACA,MAAAW,EACA,SAAAC,EAAW,GACX,cAAAC,EACA,GAAGC,CACL,EAAIhB,EACEM,EAAUC,EAAeG,EAAcR,CAAW,EAClDM,EAAwBC,EAAyBP,CAAW,EAC5De,EAAYC,EAAcZ,EAAQ,OAAQO,CAAK,EAC/CM,EAAYC,EAAcd,EAAQ,OAAQO,CAAK,EAC/CQ,EAAaR,IAAUP,EAAQ,MAC/B,CAACgB,EAAQC,CAAS,EAAI3B,EAAM,SAA2B,IAAI,EAC3D4B,EAAa5B,EAAM,OAA0B,IAAI,EACjD6B,KAAiB,gBAAa,CAAE,SAAAX,CAAS,CAAC,EAEhD,OAAAlB,EAAM,UAAU,KACdU,EAAQ,gBAAgB,EACjB,IAAMA,EAAQ,kBAAkB,GACtC,CAAC,CAAC,EAELV,EAAM,UAAU,IAAM,CACpB,GAAI,CAAC4B,EAAW,SAAW,CAAC,QAAO,OAEnC,SAASE,GAAiB,CACnBF,EAAW,SAChBD,EAAU,CACR,MAAOC,EAAW,QAAQ,YAC1B,OAAQA,EAAW,QAAQ,aAC3B,EAAGA,EAAW,QAAQ,WACtB,EAAGA,EAAW,QAAQ,SACxB,CAAC,CACH,CACAE,EAAe,EAEf,MAAMC,EAAW,IAAI,eAAeD,CAAc,EAClD,OAAAC,EAAS,QAAQH,EAAW,OAAO,EAE5B,IAAM,CACNA,EAAW,SAChBG,EAAS,UAAUH,EAAW,OAAO,CACvC,CACF,EAAG,CAAClB,EAAQ,aAAa,CAAC,EAE1BV,EAAM,UAAU,IAAM,CAChByB,GAAcC,IAChBP,GAAA,MAAAA,EAAgB,SAAUO,GAE9B,EAAG,CAACD,EAAYR,EAAOS,CAAM,CAAC,KAG5B,OAAC,SAAM,eAAc,GAAC,KAAMD,EAAa,SAAW,KAClD,mBAAC,mBAAiB,KAAjB,CACC,QAAO,GACN,GAAGb,EACJ,UAAW,CAACM,EACZ,OAAQO,EAER,mBAACV,EAAA,CACC,SAAWiB,GAAU,CACd,SACHL,EAAUK,EAAM,YAAY,MAAM,CAEtC,EACA,aAAW,wBAAqB5B,EAAM,UAAW,IAAM,CACjDsB,IACFP,GAAA,MAAAA,EAAgB,QAASO,GAE7B,CAAC,EACD,cAAY,wBAAqBtB,EAAM,WAAY,IAAM,CACvDe,GAAA,MAAAA,EAAgB,QAAS,KAC3B,CAAC,EACD,KAAK,MACL,gBAAeM,EACf,gBAAeF,EACf,aAAYE,EAAa,SAAW,WACpC,gBAAeP,EAAW,GAAK,OAC/B,SAAUA,EACV,GAAIG,EAEJ,KAAMX,EAAQ,KACb,GAAGU,EACJ,OAAK,eAAYf,EAAcuB,CAAU,EACzC,WAAS,wBAAqBxB,EAAM,SAAW,OAAY4B,GAAU,CAInE,MAAMC,EACJ,CAAC,SACCD,EAAsC,SAAW,GAChDA,EAAsC,UAAY,GACnD,CAACd,GAAY,CAACO,GAAcQ,EAC9BvB,EAAQ,SAASO,CAAK,EAGtBe,EAAM,eAAe,CAEzB,CAAC,EACA,GAAI,SAAS,CACZ,KAAM,SACN,aAAW,wBACR5B,EAA6C,UAC7C4B,GAAU,CACL,CAAC,IAAK,OAAO,EAAE,SAASA,EAAM,GAAG,IACnCtB,EAAQ,SAASO,CAAK,EACtBe,EAAM,eAAe,EAEzB,CACF,EACA,WAAS,wBAAqB5B,EAAM,QAAU4B,GAAU,CAClDN,IACFP,GAAA,MAAAA,EAAgB,QAASO,IAI3B,MAAMQ,EAAwBxB,EAAQ,iBAAmB,SACrD,CAACe,GAAc,CAACP,GAAYgB,GAC9BxB,EAAQ,SAASO,CAAK,CAE1B,CAAC,EACD,UAAQ,wBAAqBb,EAAM,QAAS,IAAM,CAChDe,GAAA,MAAAA,EAAgB,QAAS,KAC3B,CAAC,CACH,EACC,GAAGU,EACN,EACF,EACF,CAEJ,CACF,CACF,EAEAb,EAAY,YAAcF,EAM1B,MAAMqB,EAAe,cAEfC,KAAmB,UAAO,iBAAgB,CAC9C,KAAMD,CACR,CAAC,EAaKE,EAAcD,EAAiB,YACnCpC,EAAM,WACJ,CAACI,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,MAAAW,EAAO,WAAAqB,EAAY,SAAA9B,EAAU,GAAG+B,CAAa,EAAInC,EAChEM,EAAUC,EAAewB,EAAc7B,CAAW,EAClDmB,EAAaR,IAAUP,EAAQ,MAC/B8B,EAAOF,GAAcb,EAErBJ,EAAYC,EAAcZ,EAAQ,OAAQO,CAAK,EAC/CM,EAAYC,EAAcd,EAAQ,OAAQO,CAAK,EAErD,OAAKuB,KAEH,OAACJ,EAAA,CAEC,aAAYX,EAAa,SAAW,WACpC,mBAAkBf,EAAQ,YAC1B,KAAK,WACL,kBAAiBW,EAEjB,OAAQ,CAACmB,EACT,GAAIjB,EACJ,SAAU,EACT,GAAGgB,EACJ,IAAKlC,EAEJ,SAAAG,GAZIS,CAaP,EAhBgB,IAkBpB,CACF,CACF,EAEAoB,EAAY,YAAcF,EAM1B,MAAMM,EAAY,OAGZ,CAACC,GAAmBC,EAAe,KAAI,sBAAmBF,EAAW,CACzE,6BACF,CAAC,EACK5B,KAA2B,+BAA4B,EAevD,CAAC+B,GAAcjC,CAAc,EAAI+B,GAAoCD,CAAS,EAE9EI,KAAY,UAAO,eAAc,CACrC,KAAMJ,CACR,CAAC,EA2BYpD,KAAO,wBAClBwD,EAAU,YACR7C,EAAM,WACJ,CAACI,EAA+BC,IAAiB,CAC/C,KAAM,CACJ,YAAAC,EACA,MAAOwC,EACP,cAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,aACd,IAAAC,EACA,eAAAC,EAAiB,YACjB,KAAAC,EAAO,QACP,GAAGC,CACL,EAAIjD,EACEkD,KAAY,gBAAaJ,CAAG,EAC5B,CAACjC,EAAOsC,CAAQ,KAAI,wBAAqB,CAC7C,KAAMT,EACN,SAAUC,EACV,YAAaC,GAAgB,EAC/B,CAAC,EACK,CAACQ,EAAeC,CAAgB,EAAIzD,EAAM,SAAS,CAAC,EACpD0D,KAAkB,YAAS,IAAMD,EAAkBE,GAAMA,EAAI,CAAC,CAAC,EAC/DC,KAAoB,YAAS,IAAMH,EAAkBE,GAAMA,EAAI,CAAC,CAAC,EAEvE,SACE,OAACf,GAAA,CACC,MAAOtC,EACP,UAAQ,SAAM,EACd,MAAOW,EACP,SAAUsC,EACV,YAAaN,EACb,IAAKK,EACL,eAAgBH,EAChB,KAAMC,EACN,gBAAiBM,EACjB,cAAeF,EACf,kBAAmBI,EAEnB,mBAACf,EAAA,CACC,UAAWS,EAEX,mBAAkBL,EACjB,GAAGI,EACJ,IAAKhD,EACP,EACF,CAEJ,CACF,CACF,EACA,CACE,KAAMF,EAIN,QAASa,EACT,IAAKA,EACL,QAASqB,CACX,CACF,EACAhD,EAAK,YAAcoD,EAInB,SAASnB,EAAcuC,EAAgB5C,EAAe,CACpD,MAAO,GAAG4C,aAAkB5C,GAC9B,CAEA,SAASO,EAAcqC,EAAgB5C,EAAe,CACpD,MAAO,GAAG4C,aAAkB5C,GAC9B",
-  "names": ["Tabs_exports", "__export", "Tabs", "__toCommonJS", "import_jsx_runtime", "import_create_context", "import_get_button_sized", "import_group", "import_roving_focus", "import_stacks", "import_use_controllable_state", "import_use_direction", "import_web", "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", "valueProp", "onValueChange", "defaultValue", "orientation", "dir", "activationMode", "size", "tabsProps", "direction", "setValue", "triggersCount", "setTriggersCount", "registerTrigger", "v", "unregisterTrigger", "baseId"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DU;AA7DV,4BAAmC;AACnC,8BAA+B;AAC/B,mBAAgD;AAChD,0BAA8D;AAC9D,oBAAkE;AAClE,oCAAqC;AACrC,2BAA6B;AAC7B,iBAWO;AACP,YAAuB;AAOvB,MAAM,gBAAgB;AAEtB,MAAM,oBAAgB,mBAAO,oBAAO;AAAA,EAClC,MAAM;AAAA,EACN,WAAW;AAAA;AAAA;AAAA;AAIb,CAAC;AAYD,MAAM,WAAW,cAAc;AAAA,EAC7B,MAAM;AAAA,IACJ,CAAC,OAAmC,iBAAiB;AACnD,YAAM,EAAE,aAAa,OAAO,MAAM,UAAU,GAAG,UAAU,IAAI;AAC7D,YAAM,UAAU,eAAe,eAAe,WAAW;AACzD,YAAM,wBAAwB,yBAAyB,WAAW;AAElE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UACP,aAAa,QAAQ;AAAA,UACrB,KAAK,QAAQ;AAAA,UACb;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,oBAAkB,QAAQ;AAAA,cAC1B,KAAK;AAAA,cACL,MAAM,QAAQ;AAAA,cACb,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,SAAS,cAAc;AAMvB,MAAM,eAAe;AAErB,MAAM,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QAEjB,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAuBD,MAAM,cAAc,iBAAiB;AAAA,EACnC,MAAM;AAAA,IACJ,CAAC,OAAsC,iBAAiB;AACtD,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,GAAG;AAAA,MACL,IAAI;AACJ,YAAM,UAAU,eAAe,cAAc,WAAW;AACxD,YAAM,wBAAwB,yBAAyB,WAAW;AAClE,YAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;AACrD,YAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;AACrD,YAAM,aAAa,UAAU,QAAQ;AACrC,YAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA2B,IAAI;AACjE,YAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,YAAM,qBAAiB,2BAAa,EAAE,SAAS,CAAC;AAEhD,YAAM,UAAU,MAAM;AACpB,gBAAQ,gBAAgB;AACxB,eAAO,MAAM,QAAQ,kBAAkB;AAAA,MACzC,GAAG,CAAC,CAAC;AAEL,YAAM,UAAU,MAAM;AACpB,YAAI,CAAC,WAAW,WAAW,CAAC;AAAO;AAEnC,iBAAS,iBAAiB;AACxB,cAAI,CAAC,WAAW;AAAS;AACzB,oBAAU;AAAA,YACR,OAAO,WAAW,QAAQ;AAAA,YAC1B,QAAQ,WAAW,QAAQ;AAAA,YAC3B,GAAG,WAAW,QAAQ;AAAA,YACtB,GAAG,WAAW,QAAQ;AAAA,UACxB,CAAC;AAAA,QACH;AACA,uBAAe;AAEf,cAAM,WAAW,IAAI,eAAe,cAAc;AAClD,iBAAS,QAAQ,WAAW,OAAO;AAEnC,eAAO,MAAM;AACX,cAAI,CAAC,WAAW;AAAS;AACzB,mBAAS,UAAU,WAAW,OAAO;AAAA,QACvC;AAAA,MACF,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,YAAM,UAAU,MAAM;AACpB,YAAI,cAAc,QAAQ;AACxB,yDAAgB,UAAU;AAAA,QAC5B;AAAA,MACF,GAAG,CAAC,YAAY,OAAO,MAAM,CAAC;AAE9B,aACE,4CAAC,oBAAM,gBAAc,MAAC,MAAM,aAAa,WAAW,MAClD;AAAA,QAAC,qCAAiB;AAAA,QAAjB;AAAA,UACC,SAAO;AAAA,UACN,GAAG;AAAA,UACJ,WAAW,CAAC;AAAA,UACZ,QAAQ;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,CAAC,UAAU;AACnB,oBAAI,CAAC,kBAAO;AACV,4BAAU,MAAM,YAAY,MAAM;AAAA,gBACpC;AAAA,cACF;AAAA,cACA,eAAW,iCAAqB,MAAM,WAAW,MAAM;AACrD,oBAAI,QAAQ;AACV,iEAAgB,SAAS;AAAA,gBAC3B;AAAA,cACF,CAAC;AAAA,cACD,gBAAY,iCAAqB,MAAM,YAAY,MAAM;AACvD,+DAAgB,SAAS;AAAA,cAC3B,CAAC;AAAA,cACD,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,cAAY,aAAa,WAAW;AAAA,cACpC,iBAAe,WAAW,KAAK;AAAA,cAC/B;AAAA,cACA,IAAI;AAAA,cAEJ,MAAM,QAAQ;AAAA,cACb,GAAG;AAAA,cACJ,SAAK,wBAAY,cAAc,UAAU;AAAA,cACzC,aAAS,iCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AAInE,sBAAM,YACJ,CAAC,oBACC,MAAsC,WAAW,KAChD,MAAsC,YAAY;AACvD,oBAAI,CAAC,YAAY,CAAC,cAAc,WAAW;AACzC,0BAAQ,SAAS,KAAK;AAAA,gBACxB,OAAO;AAEL,wBAAM,eAAe;AAAA,gBACvB;AAAA,cACF,CAAC;AAAA,cACA,GAAI,oBAAS;AAAA,gBACZ,MAAM;AAAA,gBACN,eAAW;AAAA,kBACR,MAA6C;AAAA,kBAC9C,CAAC,UAAU;AACT,wBAAI,CAAC,KAAK,OAAO,EAAE,SAAS,MAAM,GAAG,GAAG;AACtC,8BAAQ,SAAS,KAAK;AACtB,4BAAM,eAAe;AAAA,oBACvB;AAAA,kBACF;AAAA,gBACF;AAAA,gBACA,aAAS,iCAAqB,MAAM,SAAS,CAAC,UAAU;AACtD,sBAAI,QAAQ;AACV,mEAAgB,SAAS;AAAA,kBAC3B;AAGA,wBAAM,wBAAwB,QAAQ,mBAAmB;AACzD,sBAAI,CAAC,cAAc,CAAC,YAAY,uBAAuB;AACrD,4BAAQ,SAAS,KAAK;AAAA,kBACxB;AAAA,gBACF,CAAC;AAAA,gBACD,YAAQ,iCAAqB,MAAM,SAAS,MAAM;AAChD,iEAAgB,SAAS;AAAA,gBAC3B,CAAC;AAAA,cACH;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,eAAe;AAErB,MAAM,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AACR,CAAC;AAaD,MAAM,cAAc,iBAAiB;AAAA,EACnC,MAAM;AAAA,IACJ,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,OAAO,YAAY,UAAU,GAAG,aAAa,IAAI;AACtE,YAAM,UAAU,eAAe,cAAc,WAAW;AACxD,YAAM,aAAa,UAAU,QAAQ;AACrC,YAAM,OAAO,cAAc;AAE3B,YAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;AACrD,YAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;AAErD,UAAI,CAAC;AAAM,eAAO;AAClB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,cAAY,aAAa,WAAW;AAAA,UACpC,oBAAkB,QAAQ;AAAA,UAC1B,MAAK;AAAA,UACL,mBAAiB;AAAA,UAEjB,QAAQ,CAAC;AAAA,UACT,IAAI;AAAA,UACJ,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,KAAK;AAAA,UAEJ;AAAA;AAAA,QAZI;AAAA,MAaP;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,YAAY;AAGlB,MAAM,CAAC,mBAAmB,eAAe,QAAI,0CAAmB,WAAW;AAAA,EACzE;AACF,CAAC;AACD,MAAM,+BAA2B,iDAA4B;AAe7D,MAAM,CAAC,cAAc,cAAc,IAAI,kBAAoC,SAAS;AAEpF,MAAM,gBAAY,mBAAO,4BAAc;AAAA,EACrC,MAAM;AACR,CAAC;AA2BM,MAAM,WAAO;AAAA,EAClB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,CAAC,OAA+B,iBAAiB;AAC/C,cAAM;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd;AAAA,UACA,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,GAAG;AAAA,QACL,IAAI;AACJ,cAAM,gBAAY,mCAAa,GAAG;AAClC,cAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,UAC7C,MAAM;AAAA,UACN,UAAU;AAAA,UACV,aAAa,gBAAgB;AAAA,QAC/B,CAAC;AACD,cAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,CAAC;AAC1D,cAAM,sBAAkB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;AACrE,cAAM,wBAAoB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;AAEvE,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,YAAQ,kBAAM;AAAA,YACd;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBAEA,oBAAkB;AAAA,gBACjB,GAAG;AAAA,gBACJ,KAAK;AAAA;AAAA,YACP;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA;AAAA;AAAA;AAAA,IAIN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,EACX;AACF;AACA,KAAK,cAAc;AAInB,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,kBAAkB;AAC9B;AAEA,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,kBAAkB;AAC9B;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Tabs"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Tabs"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tabs'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,kBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,mBAAd;",
+  "names": []
 }