@tamagui/tabs 2.0.0-rc.8 → 2.0.0

package/dist/jsx/Tabs.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Tabs.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,YAAY;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,cAAc,sBAAsB;AAE7C,MAAM,YAAY,QACL,mBAAmB,OAAO,cAAc;AAAA,EACnD,MAAM;AACR,CAAC,GAEK,eAAe,eAER,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,OAAO;AAAA,UACL,aAAa;AAAA,UACb,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,eAAe;AAAA,UACf,QAAQ;AAAA,UAER,YAAY;AAAA,YACV,iBAAiB;AAAA,UACnB;AAAA,UAEA,mBAAmB;AAAA,YACjB,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AACF,GAEM,eAAe,eAER,0BAA0B,OAAO,gBAAgB;AAAA,EAC5D,MAAM;AACR,CAAC;",
-  "names": []
-}

package/dist/jsx/createTabs.js

@@ -1,217 +0,0 @@
-import { composeRefs } from "@tamagui/compose-refs";
-import { isWeb } from "@tamagui/constants";
-import { Group, useGroupItem } from "@tamagui/group";
-import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
-import { RovingFocusGroup } from "@tamagui/roving-focus";
-import { SizableContext } from "@tamagui/sizable-context";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDirection } from "@tamagui/use-direction";
-import { useEvent } from "@tamagui/web";
-import * as React from "react";
-import { TabsProvider, useTabsContext } from "./StyledContext";
-import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs";
-import { jsx } from "react/jsx-runtime";
-function createTabs(createProps) {
-  const {
-    ContentFrame = DefaultTabsContentFrame,
-    TabFrame = DefaultTabsTabFrame,
-    TabsFrame = DefaultTabsFrame
-  } = createProps, TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
-      return /* @__PURE__ */ jsx(
-        RovingFocusGroup,
-        {
-          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-          orientation: context.orientation,
-          dir: context.dir,
-          loop,
-          asChild: !0,
-          children: /* @__PURE__ */ jsx(
-            Group,
-            {
-              role: "tablist",
-              componentName: TAB_LIST_NAME,
-              "aria-orientation": context.orientation,
-              ref: forwardedRef,
-              orientation: context.orientation,
-              ...listProps,
-              children
-            }
-          )
-        }
-      );
-    }
-  );
-  TabsList.displayName = TAB_LIST_NAME;
-  const TRIGGER_NAME = "TabsTrigger", TabsTrigger = TabFrame.styleable(
-    (props, forwardedRef) => {
-      const {
-        __scopeTabs,
-        value,
-        disabled = !1,
-        onInteraction,
-        activeStyle,
-        activeTheme,
-        unstyled = !1,
-        ...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 = useGroupItem({ disabled: !!disabled });
-      return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
-        if (!triggerRef.current || !isWeb) return;
-        const el = triggerRef.current;
-        function getTriggerSize() {
-          el && setLayout({
-            width: el.offsetWidth,
-            height: el.offsetHeight,
-            x: el.offsetLeft,
-            y: el.offsetTop
-          });
-        }
-        getTriggerSize();
-        const observer = new ResizeObserver(getTriggerSize);
-        return observer.observe(el), () => {
-          observer.unobserve(el);
-        };
-      }, [context.triggersCount]), React.useEffect(() => {
-        isSelected && layout && onInteraction?.("select", layout);
-      }, [isSelected, value, layout]), /* @__PURE__ */ jsx(
-        RovingFocusGroup.Item,
-        {
-          __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-          asChild: !0,
-          focusable: !disabled,
-          active: isSelected,
-          children: /* @__PURE__ */ jsx(
-            TabFrame,
-            {
-              onMouseEnter: composeEventHandlers(props.onMouseEnter, () => {
-                layout && onInteraction?.("hover", layout);
-              }),
-              onMouseLeave: composeEventHandlers(props.onMouseLeave, () => {
-                onInteraction?.("hover", null);
-              }),
-              role: "tab",
-              "aria-selected": isSelected,
-              "aria-controls": contentId,
-              "data-state": isSelected ? "active" : "inactive",
-              "data-disabled": disabled ? "" : void 0,
-              id: triggerId,
-              theme: activeTheme ?? null,
-              unstyled,
-              ...!unstyled && {
-                size: context.size
-              },
-              ...isSelected && {
-                ...!unstyled && !activeStyle && {
-                  backgroundColor: "$backgroundActive"
-                },
-                ...activeStyle
-              },
-              ...groupItemProps,
-              disabled: disabled ?? groupItemProps.disabled,
-              ...triggerProps,
-              ref: composeRefs(forwardedRef, triggerRef),
-              onPress: composeEventHandlers(props.onPress ?? void 0, (event) => {
-                const webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
-                !disabled && !isSelected && webChecks && context.onChange(value);
-              }),
-              ...isWeb && {
-                onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-                  [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
-                }),
-                onFocus: composeEventHandlers(props.onFocus, (event) => {
-                  layout && onInteraction?.("focus", layout);
-                  const isAutomaticActivation = context.activationMode !== "manual";
-                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
-                }),
-                onBlur: composeEventHandlers(props.onBlur, () => {
-                  onInteraction?.("focus", null);
-                })
-              }
-            }
-          )
-        }
-      );
-    }
-  );
-  TabsTrigger.displayName = TRIGGER_NAME;
-  const TabsContent = ContentFrame.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__ */ jsx(
-      ContentFrame,
-      {
-        "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;
-  }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
-    const {
-      __scopeTabs,
-      value: valueProp,
-      onValueChange,
-      defaultValue,
-      orientation = "horizontal",
-      dir,
-      activationMode = "manual",
-      size = "$true",
-      ...tabsProps
-    } = props, direction = useDirection(dir), [value, setValue] = useControllableState({
-      prop: valueProp,
-      onChange: onValueChange,
-      defaultProp: defaultValue ?? ""
-    }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = useEvent(() => setTriggersCount((v) => v + 1)), unregisterTrigger = useEvent(() => setTriggersCount((v) => v - 1));
-    return /* @__PURE__ */ jsx(SizableContext.Provider, { size, children: /* @__PURE__ */ jsx(
-      TabsProvider,
-      {
-        scope: __scopeTabs,
-        baseId: React.useId(),
-        value,
-        onChange: setValue,
-        orientation,
-        dir: direction,
-        activationMode,
-        size,
-        registerTrigger,
-        triggersCount,
-        unregisterTrigger,
-        children: /* @__PURE__ */ jsx(
-          TabsFrame,
-          {
-            direction,
-            "data-orientation": orientation,
-            ...tabsProps,
-            ref: forwardedRef
-          }
-        )
-      }
-    ) });
-  });
-  return withStaticProperties(TabsComponent, {
-    List: TabsList,
-    /**
-     * @deprecated Use Tabs.Tab instead
-     */
-    Trigger: TabsTrigger,
-    Tab: TabsTrigger,
-    Content: TabsContent
-  });
-}
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
-export {
-  createTabs
-};
-//# sourceMappingURL=createTabs.js.map

package/dist/jsx/createTabs.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createTabs.tsx"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AAEtB,SAAS,OAAO,oBAAoB;AACpC,SAAS,sBAAsB,4BAA4B;AAC3D,SAAS,wBAAoD;AAC7D,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,gBAAgB;AACzB,YAAY,WAAW;AAEvB,SAAS,cAAc,sBAAsB;AAC7C,SAAS,yBAAyB,kBAAkB,2BAA2B;AAsCrE;AAhCH,SAAS,WAId,aAA6D;AAC7D,QAAM;AAAA,IACJ,eAAe;AAAA,IACf,WAAW;AAAA,IACX,YAAY;AAAA,EACd,IAAI,aAME,eAAe,eAEf,gBAAgB,YAEhB,WAAW,MAAM;AAAA,IACrB,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,UACA,SAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAe;AAAA,cACf,oBAAkB,QAAQ;AAAA,cAC1B,KAAK;AAAA,cACL,aAAa,QAAQ;AAAA,cACpB,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEA,WAAS,cAAc;AAMvB,QAAM,eAAe,eAMf,cAAc,SAAS;AAAA,IAC3B,CAAC,OAAO,iBAAiB;AACvB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,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,OAAuB,IAAI,GAC9C,iBAAiB,aAAa,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,MAAO;AAEnC,cAAM,KAAK,WAAW;AAEtB,iBAAS,iBAAiB;AACxB,UAAK,MACL,UAAU;AAAA,YACR,OAAO,GAAG;AAAA,YACV,QAAQ,GAAG;AAAA,YACX,GAAG,GAAG;AAAA,YACN,GAAG,GAAG;AAAA,UACR,CAAC;AAAA,QACH;AACA,uBAAe;AAEf,cAAM,WAAW,IAAI,eAAe,cAAc;AAClD,wBAAS,QAAQ,EAAE,GAEZ,MAAM;AACX,mBAAS,UAAU,EAAE;AAAA,QACvB;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;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,yBAAyB,eAAe;AAAA,UACxC,SAAO;AAAA,UACP,WAAW,CAAC;AAAA,UACZ,QAAQ;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,cAAc,qBAAqB,MAAM,cAAc,MAAM;AAC3D,gBAAI,UACF,gBAAgB,SAAS,MAAM;AAAA,cAEnC,CAAC;AAAA,cACD,cAAc,qBAAqB,MAAM,cAAc,MAAM;AAC3D,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,IAAI;AAAA,cACJ,OAAO,eAAe;AAAA,cACtB;AAAA,cACC,GAAI,CAAC,YAAY;AAAA,gBAChB,MAAM,QAAQ;AAAA,cAChB;AAAA,cACC,GAAI,cAAc;AAAA,gBACjB,GAAI,CAAC,YACH,CAAC,eAAe;AAAA,kBACd,iBAAiB;AAAA,gBACnB;AAAA,gBACF,GAAI;AAAA,cACN;AAAA,cACC,GAAG;AAAA,cACJ,UAAU,YAAY,eAAe;AAAA,cACpC,GAAG;AAAA,cACJ,KAAK,YAAY,cAAc,UAAU;AAAA,cACzC,SAAS,qBAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AAInE,sBAAM,YACJ,CAAC,SACC,MAAsC,WAAW,KAChD,MAAsC,YAAY;AACvD,gBAAI,CAAC,YAAY,CAAC,cAAc,aAC9B,QAAQ,SAAS,KAAK;AAAA,cAE1B,CAAC;AAAA,cACA,GAAI,SAAS;AAAA,gBACZ,WAAW,qBAAqB,MAAM,WAAW,CAAC,UAAU;AAC1D,kBAAI,CAAC,KAAK,OAAO,EAAE,SAAS,MAAM,GAAG,MACnC,QAAQ,SAAS,KAAK,GACtB,MAAM,eAAe;AAAA,gBAEzB,CAAC;AAAA,gBACD,SAAS,qBAAqB,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,QAAQ,qBAAqB,MAAM,QAAQ,MAAM;AAC/C,kCAAgB,SAAS,IAAI;AAAA,gBAC/B,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEA,cAAY,cAAc;AAM1B,QAAM,cAAc,aAAa,UAAiC,SAChE,OACA,cACA;AACA,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,OAKH;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,IAlBO;AAAA,EAoBX,CAAC,GAcK,gBAAgB,UAAU,UAA0B,SACxD,OACA,cACA;AACA,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,YAAY,aAAa,GAAG,GAC5B,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,MAC7C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,gBAAgB;AAAA,IAC/B,CAAC,GACK,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,CAAC,GACpD,kBAAkB,SAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC,GAC/D,oBAAoB,SAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;AAEvE,WACE,oBAAC,eAAe,UAAf,EAAwB,MACvB;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,YACA,oBAAkB;AAAA,YACjB,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,EAEJ,CAAC;AASD,SAAO,qBAAqB,eAAe;AAAA,IACzC,MAAM;AAAA;AAAA;AAAA;AAAA,IAIN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,EACX,CAAC;AACH;AAGA,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;AAEA,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;",
-  "names": []
-}