@tamagui/elements 1.89.0-1706308641099

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/Tabs.js

@@ -0,0 +1,275 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_get_button_sized = require("@tamagui/get-button-sized"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
+  name: TAB_LIST_NAME
+}), TabsList = TabsListFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup,
+        {
+          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+          orientation: context.orientation,
+          dir: context.dir,
+          loop,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsListFrame,
+            {
+              role: "tablist",
+              "aria-orientation": context.orientation,
+              ref: forwardedRef,
+              orientation: context.orientation,
+              ...listProps,
+              children
+            }
+          )
+        }
+      );
+    }
+  )
+);
+TabsList.displayName = TAB_LIST_NAME;
+const TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: TRIGGER_NAME,
+  tag: "button",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  userSelect: "none",
+  variants: {
+    size: {
+      "...size": import_get_button_sized.getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        pressStyle: {
+          backgroundColor: "$backgroundPress"
+        },
+        hoverStyle: {
+          backgroundColor: "$backgroundHover"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundFocus"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), TabsTrigger = TabsTriggerFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        __scopeTabs,
+        value,
+        disabled = !1,
+        onInteraction,
+        ...triggerProps
+      } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled: !!disabled });
+      return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
+        if (!triggerRef.current || !import_constants.isWeb)
+          return;
+        function getTriggerSize() {
+          triggerRef.current && setLayout({
+            width: triggerRef.current.offsetWidth,
+            height: triggerRef.current.offsetHeight,
+            x: triggerRef.current.offsetLeft,
+            y: triggerRef.current.offsetTop
+          });
+        }
+        getTriggerSize();
+        const observer = new ResizeObserver(getTriggerSize);
+        return observer.observe(triggerRef.current), () => {
+          triggerRef.current && observer.unobserve(triggerRef.current);
+        };
+      }, [context.triggersCount]), React.useEffect(() => {
+        isSelected && layout && onInteraction?.("select", layout);
+      }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: isSelected ? "active" : null, forceClassName: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup.Item,
+        {
+          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+          asChild: !0,
+          focusable: !disabled,
+          active: isSelected,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsTriggerFrame,
+            {
+              onLayout: (event) => {
+                import_constants.isWeb || setLayout(event.nativeEvent.layout);
+              },
+              onHoverIn: (0, import_helpers.composeEventHandlers)(props.onHoverIn, () => {
+                layout && onInteraction?.("hover", layout);
+              }),
+              onHoverOut: (0, import_helpers.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,
+              id: triggerId,
+              size: context.size,
+              ...groupItemProps,
+              ...triggerProps,
+              ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
+              onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, (event) => {
+                const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
+                !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
+              }),
+              ...import_constants.isWeb && {
+                type: "button",
+                onKeyDown: (0, import_helpers.composeEventHandlers)(
+                  props.onKeyDown,
+                  (event) => {
+                    [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
+                  }
+                ),
+                onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
+                  layout && onInteraction?.("focus", layout);
+                  const isAutomaticActivation = context.activationMode !== "manual";
+                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
+                }),
+                onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
+                  onInteraction?.("focus", null);
+                })
+              }
+            }
+          )
+        }
+      ) });
+    }
+  )
+);
+TabsTrigger.displayName = TRIGGER_NAME;
+const CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: CONTENT_NAME
+}), TabsContent = TabsContentFrame.styleable(
+  function(props, forwardedRef) {
+    const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
+    return show ? /* @__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
+    ) : null;
+  }
+), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
+  name: TABS_NAME
+}), TabsComponent = TabsFrame.styleable(
+  (props, forwardedRef) => {
+    const {
+      __scopeTabs,
+      value: valueProp,
+      onValueChange,
+      defaultValue,
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      size = "$true",
+      ...tabsProps
+    } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue ?? ""
+    }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TabsProvider,
+      {
+        scope: __scopeTabs,
+        baseId: React.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
+          }
+        )
+      }
+    );
+  }
+), Tabs = (0, import_helpers.withStaticProperties)(TabsComponent, {
+  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}`;
+}
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/Tabs.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tabs.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,mBAAsB,+BACtB,0BAA+B,sCAC/B,eAAgD,2BAChD,iBAA2D,6BAC3D,sBAAiC,kCACjC,gBAA6C,4BAC7C,gCAAqC,4CACrC,uBAA6B,mCAC7B,aAQO,yBACP,QAAuB,2BAsCb;AAnCV,MAAM,eAAe,eAMf,gBAAgB,YAEhB,oBAAgB,mBAAO,oBAAO;AAAA,EAClC,MAAM;AACR,CAAC,GAYK,WAAW,cAAc;AAAA,EAC7B,MAAM;AAAA,IACJ,CAAC,OAAmC,iBAAiB;AACnD,YAAM,EAAE,aAAa,OAAO,IAAM,UAAU,GAAG,UAAU,IAAI,OACvD,UAAU,eAAe,WAAW;AAE1C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB,eAAe;AAAA,UACxC,aAAa,QAAQ;AAAA,UACrB,KAAK,QAAQ;AAAA,UACb;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,oBAAkB,QAAQ;AAAA,cAC1B,KAAK;AAAA,cACL,aAAa,QAAQ;AAAA,cACpB,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,SAAS,cAAc;AAMvB,MAAM,eAAe,eAEf,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,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,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAuBK,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,OACE,UAAU,eAAe,WAAW,GACpC,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,aAAa,UAAU,QAAQ,OAC/B,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA2B,IAAI,GAC3D,aAAa,MAAM,OAA0B,IAAI,GACjD,qBAAiB,2BAAa,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC;AAE5D,mBAAM,UAAU,OACd,QAAQ,gBAAgB,GACjB,MAAM,QAAQ,kBAAkB,IACtC,CAAC,CAAC,GAEL,MAAM,UAAU,MAAM;AACpB,YAAI,CAAC,WAAW,WAAW,CAAC;AAAO;AAEnC,iBAAS,iBAAiB;AACxB,UAAK,WAAW,WAChB,UAAU;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,wBAAS,QAAQ,WAAW,OAAO,GAE5B,MAAM;AACX,UAAK,WAAW,WAChB,SAAS,UAAU,WAAW,OAAO;AAAA,QACvC;AAAA,MACF,GAAG,CAAC,QAAQ,aAAa,CAAC,GAE1B,MAAM,UAAU,MAAM;AACpB,QAAI,cAAc,UAChB,gBAAgB,UAAU,MAAM;AAAA,MAEpC,GAAG,CAAC,YAAY,OAAO,MAAM,CAAC,GAG5B,4CAAC,oBAAM,MAAM,aAAa,WAAW,MAAM,gBAAc,IACvD;AAAA,QAAC,qCAAiB;AAAA,QAAjB;AAAA,UACC,yBAAyB,eAAe;AAAA,UACxC,SAAO;AAAA,UACP,WAAW,CAAC;AAAA,UACZ,QAAQ;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,CAAC,UAAU;AACnB,gBAAK,0BACH,UAAU,MAAM,YAAY,MAAM;AAAA,cAEtC;AAAA,cACA,eAAW,qCAAqB,MAAM,WAAW,MAAM;AACrD,gBAAI,UACF,gBAAgB,SAAS,MAAM;AAAA,cAEnC,CAAC;AAAA,cACD,gBAAY,qCAAqB,MAAM,YAAY,MAAM;AACvD,gCAAgB,SAAS,IAAI;AAAA,cAC/B,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,cACH,GAAG;AAAA,cACJ,SAAK,iCAAY,cAAc,UAAU;AAAA,cACzC,aAAS,qCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AAInE,sBAAM,YACJ,CAAC,0BACC,MAAsC,WAAW,KAChD,MAAsC,YAAY;AACvD,gBAAI,CAAC,YAAY,CAAC,cAAc,YAC9B,QAAQ,SAAS,KAAK,IAGtB,MAAM,eAAe;AAAA,cAEzB,CAAC;AAAA,cACA,GAAI,0BAAS;AAAA,gBACZ,MAAM;AAAA,gBACN,eAAW;AAAA,kBACR,MAA6C;AAAA,kBAC9C,CAAC,UAAU;AACT,oBAAI,CAAC,KAAK,OAAO,EAAE,SAAS,MAAM,GAAG,MACnC,QAAQ,SAAS,KAAK,GACtB,MAAM,eAAe;AAAA,kBAEzB;AAAA,gBACF;AAAA,gBACA,aAAS,qCAAqB,MAAM,SAAS,CAAC,UAAU;AACtD,kBAAI,UACF,gBAAgB,SAAS,MAAM;AAIjC,wBAAM,wBAAwB,QAAQ,mBAAmB;AACzD,kBAAI,CAAC,cAAc,CAAC,YAAY,yBAC9B,QAAQ,SAAS,KAAK;AAAA,gBAE1B,CAAC;AAAA,gBACD,YAAQ,qCAAqB,MAAM,SAAS,MAAM;AAChD,kCAAgB,SAAS,IAAI;AAAA,gBAC/B,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,eAAe,eAEf,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AACR,CAAC,GAgBK,cAAc,iBAAiB;AAAA,EACnC,SAAqB,OAAsC,cAAc;AACvE,UAAM,EAAE,aAAa,OAAO,YAAY,UAAU,GAAG,aAAa,IAAI,OAChE,UAAU,eAAe,WAAW,GACpC,aAAa,UAAU,QAAQ,OAC/B,OAAO,cAAc,YAErB,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,YAAY,cAAc,QAAQ,QAAQ,KAAK;AAErD,WAAK,OAEH;AAAA,MAAC;AAAA;AAAA,QAEC,cAAY,aAAa,WAAW;AAAA,QACpC,oBAAkB,QAAQ;AAAA,QAC1B,MAAK;AAAA,QACL,mBAAiB;AAAA,QAEjB,QAAQ,CAAC;AAAA,QACT,IAAI;AAAA,QACJ,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ;AAAA;AAAA,MAZI;AAAA,IAaP,IAhBgB;AAAA,EAkBpB;AACF,GAMM,YAAY,QAqBZ,EAAE,UAAU,cAAc,kBAAkB,eAAe,QAC/D,gCAAsC,GAElC,gBAAY,mBAAO,4BAAc;AAAA,EACrC,MAAM;AACR,CAAC,GAgCK,gBAAgB,UAAU;AAAA,EAC9B,CAAC,OAA+B,iBAAiB;AAC/C,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI,OACE,gBAAY,mCAAa,GAAG,GAC5B,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,MAC7C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,gBAAgB;AAAA,IAC/B,CAAC,GACK,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,CAAC,GACpD,sBAAkB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC,GAC/D,wBAAoB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;AAEvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ,MAAM,MAAM;AAAA,QACpB;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YAEA,oBAAkB;AAAA,YACjB,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF,GAEa,WAAO,qCAAqB,eAAe;AAAA,EACtD,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,SAAS;AACX,CAAC;AACD,KAAK,cAAc;AAInB,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;AAEA,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;",
+  "names": []
+}

package/dist/cjs/Tabs.native.js

@@ -0,0 +1,280 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_get_button_sized = require("@tamagui/get-button-sized"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
+  name: TAB_LIST_NAME
+}), TabsList = TabsListFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup,
+        {
+          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+          orientation: context.orientation,
+          dir: context.dir,
+          loop,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsListFrame,
+            {
+              role: "tablist",
+              "aria-orientation": context.orientation,
+              ref: forwardedRef,
+              orientation: context.orientation,
+              ...listProps,
+              children
+            }
+          )
+        }
+      );
+    }
+  )
+);
+TabsList.displayName = TAB_LIST_NAME;
+const TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: TRIGGER_NAME,
+  tag: "button",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  userSelect: "none",
+  variants: {
+    size: {
+      "...size": import_get_button_sized.getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        pressStyle: {
+          backgroundColor: "$backgroundPress"
+        },
+        hoverStyle: {
+          backgroundColor: "$backgroundHover"
+        },
+        focusStyle: {
+          backgroundColor: "$backgroundFocus"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), TabsTrigger = TabsTriggerFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        __scopeTabs,
+        value,
+        disabled = !1,
+        onInteraction,
+        ...triggerProps
+      } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled: !!disabled });
+      return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
+        if (!triggerRef.current || !import_constants.isWeb)
+          return;
+        function getTriggerSize() {
+          triggerRef.current && setLayout({
+            width: triggerRef.current.offsetWidth,
+            height: triggerRef.current.offsetHeight,
+            x: triggerRef.current.offsetLeft,
+            y: triggerRef.current.offsetTop
+          });
+        }
+        getTriggerSize();
+        const observer = new ResizeObserver(getTriggerSize);
+        return observer.observe(triggerRef.current), () => {
+          triggerRef.current && observer.unobserve(triggerRef.current);
+        };
+      }, [context.triggersCount]), React.useEffect(() => {
+        isSelected && layout && (onInteraction == null || onInteraction("select", layout));
+      }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: isSelected ? "active" : null, forceClassName: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_roving_focus.RovingFocusGroup.Item,
+        {
+          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+          asChild: !0,
+          focusable: !disabled,
+          active: isSelected,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsTriggerFrame,
+            {
+              onLayout: (event) => {
+                import_constants.isWeb || setLayout(event.nativeEvent.layout);
+              },
+              onHoverIn: (0, import_helpers.composeEventHandlers)(props.onHoverIn, () => {
+                layout && (onInteraction == null || onInteraction("hover", layout));
+              }),
+              onHoverOut: (0, import_helpers.composeEventHandlers)(props.onHoverOut, () => {
+                onInteraction == null || 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,
+              ...groupItemProps,
+              ...triggerProps,
+              ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
+              onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, (event) => {
+                const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
+                !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
+              }),
+              ...import_constants.isWeb && {
+                type: "button",
+                onKeyDown: (0, import_helpers.composeEventHandlers)(
+                  props.onKeyDown,
+                  (event) => {
+                    [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
+                  }
+                ),
+                onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
+                  layout && (onInteraction == null || onInteraction("focus", layout));
+                  const isAutomaticActivation = context.activationMode !== "manual";
+                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
+                }),
+                onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
+                  onInteraction == null || onInteraction("focus", null);
+                })
+              }
+            }
+          )
+        }
+      ) });
+    }
+  )
+);
+TabsTrigger.displayName = TRIGGER_NAME;
+const CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  name: CONTENT_NAME
+}), TabsContent = TabsContentFrame.styleable(
+  function(props, forwardedRef) {
+    const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
+    return show ? /* @__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
+    ) : null;
+  }
+), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
+  name: TABS_NAME
+}), TabsComponent = TabsFrame.styleable(
+  (props, forwardedRef) => {
+    const {
+      __scopeTabs,
+      value: valueProp,
+      onValueChange,
+      defaultValue,
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      size = "$true",
+      ...tabsProps
+    } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue ?? ""
+    }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TabsProvider,
+      {
+        scope: __scopeTabs,
+        baseId: React.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
+          }
+        )
+      }
+    );
+  }
+), Tabs = (0, import_helpers.withStaticProperties)(TabsComponent, {
+  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.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tabs.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  Article: () => Article,
+  Aside: () => Aside,
+  Footer: () => Footer,
+  Header: () => Header,
+  Main: () => Main,
+  Nav: () => Nav,
+  Section: () => Section
+});
+module.exports = __toCommonJS(src_exports);
+var import_web = require("@tamagui/web");
+const Section = (0, import_web.styled)(import_web.View, {
+  name: "Section",
+  tag: "section",
+  flexDirection: "column",
+  accessibilityRole: "summary"
+}), Article = (0, import_web.styled)(import_web.View, {
+  name: "Article",
+  tag: "article",
+  flexDirection: "column"
+}), Main = (0, import_web.styled)(import_web.View, {
+  name: "Main",
+  tag: "main",
+  flexDirection: "column"
+}), Header = (0, import_web.styled)(import_web.View, {
+  name: "Header",
+  tag: "header",
+  accessibilityRole: "header",
+  flexDirection: "column"
+}), Aside = (0, import_web.styled)(import_web.View, {
+  name: "Aside",
+  tag: "aside",
+  flexDirection: "column"
+  // accessibilityRole: 'complementary',
+}), Footer = (0, import_web.styled)(import_web.View, {
+  name: "Footer",
+  tag: "footer",
+  flexDirection: "column"
+  // accessibilityRole: 'contentinfo',
+}), Nav = (0, import_web.styled)(import_web.View, {
+  name: "Nav",
+  tag: "nav",
+  flexDirection: "column"
+  // accessibilityRole: 'navigation',
+});
+//# sourceMappingURL=index.js.map