@tamagui/elements 1.89.0-1706308641099

package/dist/jsx/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/jsx/Tabs.native.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,WAChB,uCAAgB,UAAU;AAAA,MAE9B,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,WACF,uCAAgB,SAAS;AAAA,cAE7B,CAAC;AAAA,cACD,gBAAY,qCAAqB,MAAM,YAAY,MAAM;AACvD,uDAAgB,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,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,WACF,uCAAgB,SAAS;AAI3B,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,yDAAgB,SAAS;AAAA,gBAC3B,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/jsx/index.js

@@ -0,0 +1,45 @@
+import { View, styled } from "@tamagui/web";
+const Section = styled(View, {
+  name: "Section",
+  tag: "section",
+  flexDirection: "column",
+  accessibilityRole: "summary"
+}), Article = styled(View, {
+  name: "Article",
+  tag: "article",
+  flexDirection: "column"
+}), Main = styled(View, {
+  name: "Main",
+  tag: "main",
+  flexDirection: "column"
+}), Header = styled(View, {
+  name: "Header",
+  tag: "header",
+  accessibilityRole: "header",
+  flexDirection: "column"
+}), Aside = styled(View, {
+  name: "Aside",
+  tag: "aside",
+  flexDirection: "column"
+  // accessibilityRole: 'complementary',
+}), Footer = styled(View, {
+  name: "Footer",
+  tag: "footer",
+  flexDirection: "column"
+  // accessibilityRole: 'contentinfo',
+}), Nav = styled(View, {
+  name: "Nav",
+  tag: "nav",
+  flexDirection: "column"
+  // accessibilityRole: 'navigation',
+});
+export {
+  Article,
+  Aside,
+  Footer,
+  Header,
+  Main,
+  Nav,
+  Section
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,SAAS,MAAM,cAAc;AAEtB,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,OAAO,OAAO,MAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,QAAQ,OAAO,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,MAAM,OAAO,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,43 @@
+import { View, styled } from "@tamagui/web";
+const Section = styled(View, {
+    name: "Section",
+    tag: "section",
+    flexDirection: "column",
+    accessibilityRole: "summary"
+  }),
+  Article = styled(View, {
+    name: "Article",
+    tag: "article",
+    flexDirection: "column"
+  }),
+  Main = styled(View, {
+    name: "Main",
+    tag: "main",
+    flexDirection: "column"
+  }),
+  Header = styled(View, {
+    name: "Header",
+    tag: "header",
+    accessibilityRole: "header",
+    flexDirection: "column"
+  }),
+  Aside = styled(View, {
+    name: "Aside",
+    tag: "aside",
+    flexDirection: "column"
+    // accessibilityRole: 'complementary',
+  }),
+  Footer = styled(View, {
+    name: "Footer",
+    tag: "footer",
+    flexDirection: "column"
+    // accessibilityRole: 'contentinfo',
+  }),
+  Nav = styled(View, {
+    name: "Nav",
+    tag: "nav",
+    flexDirection: "column"
+    // accessibilityRole: 'navigation',
+  });
+
+export { Article, Aside, Footer, Header, Main, Nav, Section };

package/dist/jsx/index.native.js

@@ -0,0 +1,72 @@
+"use strict";
+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',
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Article,
+  Aside,
+  Footer,
+  Header,
+  Main,
+  Nav,
+  Section
+});
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B;AAEtB,MAAM,cAAU,mBAAO,iBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,cAAU,mBAAO,iBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,WAAO,mBAAO,iBAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,aAAS,mBAAO,iBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,YAAQ,mBAAO,iBAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,aAAS,mBAAO,iBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,UAAM,mBAAO,iBAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@tamagui/elements",
+  "version": "1.89.0-1706308641099",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "../../node_modules/.bin/biome check src",
+    "lint:fix": "../../node_modules/.bin/biome check --apply-unsafe src",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "react-native": "./dist/cjs/index.native.js"
+    }
+  },
+  "dependencies": {
+    "@tamagui/web": "1.89.0-1706308641099"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.89.0-1706308641099",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,48 @@
+import { View, styled } from '@tamagui/web'
+
+export const Section = styled(View, {
+  name: 'Section',
+  tag: 'section',
+  flexDirection: 'column',
+  accessibilityRole: 'summary',
+})
+
+export const Article = styled(View, {
+  name: 'Article',
+  tag: 'article',
+  flexDirection: 'column',
+})
+
+export const Main = styled(View, {
+  name: 'Main',
+  tag: 'main',
+  flexDirection: 'column',
+})
+
+export const Header = styled(View, {
+  name: 'Header',
+  tag: 'header',
+  accessibilityRole: 'header',
+  flexDirection: 'column',
+})
+
+export const Aside = styled(View, {
+  name: 'Aside',
+  tag: 'aside',
+  flexDirection: 'column',
+  // accessibilityRole: 'complementary',
+})
+
+export const Footer = styled(View, {
+  name: 'Footer',
+  tag: 'footer',
+  flexDirection: 'column',
+  // accessibilityRole: 'contentinfo',
+})
+
+export const Nav = styled(View, {
+  name: 'Nav',
+  tag: 'nav',
+  flexDirection: 'column',
+  // accessibilityRole: 'navigation',
+})

package/types/index.d.ts

@@ -0,0 +1,8 @@
+export declare const Section: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Article: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Main: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Header: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Aside: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Footer: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Nav: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,mPAKlB,CAAA;AAEF,eAAO,MAAM,OAAO,mPAIlB,CAAA;AAEF,eAAO,MAAM,IAAI,mPAIf,CAAA;AAEF,eAAO,MAAM,MAAM,mPAKjB,CAAA;AAEF,eAAO,MAAM,KAAK,mPAKhB,CAAA;AAEF,eAAO,MAAM,MAAM,mPAKjB,CAAA;AAEF,eAAO,MAAM,GAAG,mPAKd,CAAA"}