@hanzogui/tabs 2.0.0

package/dist/jsx/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","View","getButtonSized","SizableStack","ThemeableStack","TABS_NAME","DefaultTabsFrame","name","TRIGGER_NAME","DefaultTabsTabFrame","role","variants","size","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","CONTENT_NAME","DefaultTabsContentFrame"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,EAAcC,cAAA,QAAsB;AAE7C,MAAMC,SAAA,GAAY;EACLC,gBAAA,GAAmBN,MAAA,CAAOG,YAAA,EAAc;IACnDI,IAAA,EAAMF;EACR,CAAC;EAEKG,YAAA,GAAe;EAERC,mBAAA,GAAsBT,MAAA,CACjCC,IAAA,EACA;IACEM,IAAA,EAAMC,YAAA;IACNE,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJ,WAAWV;MACb;MAEAW,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;QACjB;MACF;MAEAC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,WAAA,EAAa;UACbC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,UAAA,EAAY;UACZC,QAAA,EAAU;UACVC,aAAA,EAAe;UACfC,MAAA,EAAQ;UAERC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,MAAA,EAAQ;UACV;QACF;MACF;IACF;IAEAC,eAAA,EAAiB;MACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF;EAEMC,YAAA,GAAe;EAERC,uBAAA,GAA0BvC,MAAA,CAAOI,cAAA,EAAgB;IAC5DG,IAAA,EAAM+B;EACR,CAAC","ignoreList":[]}

package/dist/jsx/Tabs.native.js

@@ -0,0 +1,84 @@
+"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 Tabs_exports = {};
+__export(Tabs_exports, {
+  DefaultTabsContentFrame: () => DefaultTabsContentFrame,
+  DefaultTabsFrame: () => DefaultTabsFrame,
+  DefaultTabsTabFrame: () => DefaultTabsTabFrame
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_get_button_sized = require("@hanzo/gui-get-button-sized"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  TABS_NAME = "Tabs",
+  DefaultTabsFrame = (0, import_gui_core.styled)(import_gui_stacks.SizableStack, {
+    name: TABS_NAME
+  }),
+  TRIGGER_NAME = "TabsTrigger",
+  DefaultTabsTabFrame = (0, import_gui_core.styled)(import_gui_core.View, {
+    name: TRIGGER_NAME,
+    role: "tab",
+    variants: {
+      size: {
+        "...size": import_gui_get_button_sized.getButtonSized
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none"
+        }
+      },
+      unstyled: {
+        false: {
+          borderWidth: 0,
+          backgroundColor: "$background",
+          userSelect: "none",
+          justifyContent: "center",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          flexDirection: "row",
+          cursor: "pointer",
+          pressStyle: {
+            backgroundColor: "$backgroundPress"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineWidth: 2,
+            outlineStyle: "solid",
+            zIndex: 10
+          }
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  }),
+  CONTENT_NAME = "TabsContent",
+  DefaultTabsContentFrame = (0, import_gui_core.styled)(import_gui_stacks.ThemeableStack, {
+    name: CONTENT_NAME
+  });
+//# sourceMappingURL=Tabs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","module","exports","import_gui_core","require","import_gui_get_button_sized","import_gui_stacks","TABS_NAME","styled","SizableStack","TRIGGER_NAME","View","role","variants","size","getButtonSized","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsB;AAC/B,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAsB;AAE7C,IAAAC,iBAAkB,GAAAJ,MACL,CAAAK,mBAAmB;AAAqB,IACnDC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACR,IAEMC,QAAA,GAAAA,CAAAC,MAAe,EAAAC,GAAA;IAGnB,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EAAAC,WACQ,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IAAA,IACNF,IAAM,WAAAA,IAAA,uBAAAA,IAAA,gBAEN,SAAAG,GAAU,IAAAhB,iBAAA,CAAAa,IAAA,GACR,CAAAX,YAAM,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IAAA,OACJE,EAAA;EAAW;AACb,IAAAM,YAEU,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YACF;AAAAhB,QAAA,CAAAgB,YACJ;EAAeC,uBACjB,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,gBACF,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAEU,EAAAA,CAAA,KAAAA;AAAA;AACDC,MAAA,CAAAC,OACL,GAAAR,YAAa,CAAAG,YAAA;AAAA,IAAAM,eACb,GAAAC,OAAiB;EAAAC,2BAAA,GAAAD,OAAA;EAAAE,iBAAA,GAAAF,OAAA;EAAAG,SAAA;EAAAR,gBAAA,OAAAI,eAAA,CAAAK,MAAA,EAAAF,iBAAA,CAAAG,YAAA;IAAAzB,IAAA,EAAAuB;EACL;EAAAG,YACZ,gBAAgB;EAAAV,mBAAA,OAAAG,eAAA,CAAAK,MAAA,EAAAL,eAAA,CAAAQ,IAAA;IAAA3B,IAAA,EAAA0B,YAChB;IAAYE,IAAA,OACZ;IAAUC,QACV;MAAeC,IAAA,EACf;QAAQ,SAER,EAAAT,2BAAY,CAAAU;MAAA;MACOC,QACnB;QAAAC,IAEA;UAAmBC,aACjB;QAAc;MACA;MACAC,QACd;QAAQC,KACV;UACFC,WAAA;UACFC,eAAA;UACFC,UAAA;UAEAC,cAAiB;UACfC,UAAU,UAAY;UACxBC,QAAA;UACFC,aAAA;UACAC,MAAA;UACEC,UAAQ;YACNP,eAAa;UACf;UACFQ,iBAAA;YAGIC,YAAe,iBAER;YACLC,YAAA;YACPC,YAAA","ignoreList":[]}

package/dist/jsx/createTabs.mjs

@@ -0,0 +1,228 @@
+import { composeRefs } from "@hanzo/gui-compose-refs";
+import { isWeb } from "@hanzo/gui-constants";
+import { Group, useGroupItem } from "@hanzo/gui-group";
+import { composeEventHandlers, withStaticProperties } from "@hanzo/gui-helpers";
+import { RovingFocusGroup } from "@hanzo/gui-roving-focus";
+import { SizableContext } from "@hanzo/gui-sizable-context";
+import { useControllableState } from "@hanzo/gui-use-controllable-state";
+import { useDirection } from "@hanzo/gui-use-direction";
+import { useEvent } from "@hanzo/gui-web";
+import * as React from "react";
+import { TabsProvider, useTabsContext } from "./StyledContext.mjs";
+import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.mjs";
+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.mjs.map

package/dist/jsx/createTabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeRefs","isWeb","Group","useGroupItem","composeEventHandlers","withStaticProperties","RovingFocusGroup","SizableContext","useControllableState","useDirection","useEvent","React","TabsProvider","useTabsContext","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","jsx","createTabs","createProps","ContentFrame","TabFrame","TabsFrame","TABS_CONTEXT","TAB_LIST_NAME","TabsList","forwardRef","props","forwardedRef","__scopeTabs","loop","children","listProps","context","__scopeRovingFocusGroup","orientation","dir","asChild","role","componentName","ref","displayName","TRIGGER_NAME","TabsTrigger","styleable","value","disabled","onInteraction","activeStyle","activeTheme","unstyled","triggerProps","triggerId","makeTriggerId","baseId","contentId","makeContentId","isSelected","layout","setLayout","useState","triggerRef","useRef","groupItemProps","useEffect","registerTrigger","unregisterTrigger","current","el","getTriggerSize","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","observer","ResizeObserver","observe","unobserve","triggersCount","Item","focusable","active","onMouseEnter","onMouseLeave","id","theme","size","backgroundColor","onPress","event","webChecks","button","ctrlKey","onChange","onKeyDown","includes","key","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","valueProp","onValueChange","defaultValue","tabsProps","direction","setValue","prop","defaultProp","setTriggersCount","v","Provider","scope","useId","List","Trigger","Tab","Content"],"sources":["../../src/createTabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAC5B,SAASC,KAAA,QAAa;AAEtB,SAASC,KAAA,EAAOC,YAAA,QAAoB;AACpC,SAASC,oBAAA,EAAsBC,oBAAA,QAA4B;AAC3D,SAASC,gBAAA,QAAoD;AAC7D,SAASC,cAAA,QAAsB;AAC/B,SAASC,oBAAA,QAA4B;AACrC,SAASC,YAAA,QAAoB;AAE7B,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AAEvB,SAASC,YAAA,EAAcC,cAAA,QAAsB;AAC7C,SAASC,uBAAA,EAAyBC,gBAAA,EAAkBC,mBAAA,QAA2B;AAsCrE,SAAAC,GAAA;AAhCH,SAASC,WAIdC,WAAA,EAA6D;EAC7D,MAAM;MACJC,YAAA,GAAeN,uBAAA;MACfO,QAAA,GAAWL,mBAAA;MACXM,SAAA,GAAYP;IACd,IAAII,WAAA;IAMEI,YAAA,GAAe;IAEfC,aAAA,GAAgB;IAEhBC,QAAA,GAAWd,KAAA,CAAMe,UAAA,CACrB,CAACC,KAAA,EAAmCC,YAAA,KAAiB;MACnD,MAAM;UAAEC,WAAA;UAAaC,IAAA,GAAO;UAAMC,QAAA;UAAU,GAAGC;QAAU,IAAIL,KAAA;QACvDM,OAAA,GAAUpB,cAAA,CAAegB,WAAW;MAE1C,OACE,eAAAZ,GAAA,CAACX,gBAAA;QACC4B,uBAAA,EAAyBL,WAAA,IAAeN,YAAA;QACxCY,WAAA,EAAaF,OAAA,CAAQE,WAAA;QACrBC,GAAA,EAAKH,OAAA,CAAQG,GAAA;QACbN,IAAA;QACAO,OAAA,EAAO;QAEPN,QAAA,iBAAAd,GAAA,CAACf,KAAA;UACCoC,IAAA,EAAK;UACLC,aAAA,EAAef,aAAA;UACf,oBAAkBS,OAAA,CAAQE,WAAA;UAC1BK,GAAA,EAAKZ,YAAA;UACLO,WAAA,EAAaF,OAAA,CAAQE,WAAA;UACpB,GAAGH,SAAA;UAEHD;QAAA,CACH;MAAA,CACF;IAEJ,CACF;EAEAN,QAAA,CAASgB,WAAA,GAAcjB,aAAA;EAMvB,MAAMkB,YAAA,GAAe;IAMfC,WAAA,GAActB,QAAA,CAASuB,SAAA,CAC3B,CAACjB,KAAA,EAAOC,YAAA,KAAiB;MACvB,MAAM;UACJC,WAAA;UACAgB,KAAA;UACAC,QAAA,GAAW;UACXC,aAAA;UACAC,WAAA;UACAC,WAAA;UACAC,QAAA,GAAW;UACX,GAAGC;QACL,IAAIxB,KAAA;QACEM,OAAA,GAAUpB,cAAA,CAAegB,WAAW;QACpCuB,SAAA,GAAYC,aAAA,CAAcpB,OAAA,CAAQqB,MAAA,EAAQT,KAAK;QAC/CU,SAAA,GAAYC,aAAA,CAAcvB,OAAA,CAAQqB,MAAA,EAAQT,KAAK;QAC/CY,UAAA,GAAaZ,KAAA,KAAUZ,OAAA,CAAQY,KAAA;QAC/B,CAACa,MAAA,EAAQC,SAAS,IAAIhD,KAAA,CAAMiD,QAAA,CAA2B,IAAI;QAC3DC,UAAA,GAAalD,KAAA,CAAMmD,MAAA,CAAuB,IAAI;QAC9CC,cAAA,GAAiB5D,YAAA,CAAa;UAAE2C,QAAA,EAAU,CAAC,CAACA;QAAS,CAAC;MAE5D,OAAAnC,KAAA,CAAMqD,SAAA,CAAU,OACd/B,OAAA,CAAQgC,eAAA,CAAgB,GACjB,MAAMhC,OAAA,CAAQiC,iBAAA,CAAkB,IACtC,EAAE,GAELvD,KAAA,CAAMqD,SAAA,CAAU,MAAM;QACpB,IAAI,CAACH,UAAA,CAAWM,OAAA,IAAW,CAAClE,KAAA,EAAO;QAEnC,MAAMmE,EAAA,GAAKP,UAAA,CAAWM,OAAA;QAEtB,SAASE,eAAA,EAAiB;UACnBD,EAAA,IACLT,SAAA,CAAU;YACRW,KAAA,EAAOF,EAAA,CAAGG,WAAA;YACVC,MAAA,EAAQJ,EAAA,CAAGK,YAAA;YACXC,CAAA,EAAGN,EAAA,CAAGO,UAAA;YACNC,CAAA,EAAGR,EAAA,CAAGS;UACR,CAAC;QACH;QACAR,cAAA,CAAe;QAEf,MAAMS,QAAA,GAAW,IAAIC,cAAA,CAAeV,cAAc;QAClD,OAAAS,QAAA,CAASE,OAAA,CAAQZ,EAAE,GAEZ,MAAM;UACXU,QAAA,CAASG,SAAA,CAAUb,EAAE;QACvB;MACF,GAAG,CAACnC,OAAA,CAAQiD,aAAa,CAAC,GAE1BvE,KAAA,CAAMqD,SAAA,CAAU,MAAM;QAChBP,UAAA,IAAcC,MAAA,IAChBX,aAAA,GAAgB,UAAUW,MAAM;MAEpC,GAAG,CAACD,UAAA,EAAYZ,KAAA,EAAOa,MAAM,CAAC,GAG5B,eAAAzC,GAAA,CAACX,gBAAA,CAAiB6E,IAAA,EAAjB;QACCjD,uBAAA,EAAyBL,WAAA,IAAeN,YAAA;QACxCc,OAAA,EAAO;QACP+C,SAAA,EAAW,CAACtC,QAAA;QACZuC,MAAA,EAAQ5B,UAAA;QAER1B,QAAA,iBAAAd,GAAA,CAACI,QAAA;UACCiE,YAAA,EAAclF,oBAAA,CAAqBuB,KAAA,CAAM2D,YAAA,EAAc,MAAM;YACvD5B,MAAA,IACFX,aAAA,GAAgB,SAASW,MAAM;UAEnC,CAAC;UACD6B,YAAA,EAAcnF,oBAAA,CAAqBuB,KAAA,CAAM4D,YAAA,EAAc,MAAM;YAC3DxC,aAAA,GAAgB,SAAS,IAAI;UAC/B,CAAC;UACDT,IAAA,EAAK;UACL,iBAAemB,UAAA;UACf,iBAAeF,SAAA;UACf,cAAYE,UAAA,GAAa,WAAW;UACpC,iBAAeX,QAAA,GAAW,KAAK;UAC/B0C,EAAA,EAAIpC,SAAA;UACJqC,KAAA,EAAOxC,WAAA,IAAe;UACtBC,QAAA;UACC,IAAI,CAACA,QAAA,IAAY;YAChBwC,IAAA,EAAMzD,OAAA,CAAQyD;UAChB;UACC,IAAIjC,UAAA,IAAc;YACjB,IAAI,CAACP,QAAA,IACH,CAACF,WAAA,IAAe;cACd2C,eAAA,EAAiB;YACnB;YACF,GAAI3C;UACN;UACC,GAAGe,cAAA;UACJjB,QAAA,EAAUA,QAAA,IAAYiB,cAAA,CAAejB,QAAA;UACpC,GAAGK,YAAA;UACJX,GAAA,EAAKxC,WAAA,CAAY4B,YAAA,EAAciC,UAAU;UACzC+B,OAAA,EAASxF,oBAAA,CAAqBuB,KAAA,CAAMiE,OAAA,IAAW,QAAYC,KAAA,IAAU;YAInE,MAAMC,SAAA,GACJ,CAAC7F,KAAA,IACC4F,KAAA,CAAsCE,MAAA,KAAW,KAChDF,KAAA,CAAsCG,OAAA,KAAY;YACnD,CAAClD,QAAA,IAAY,CAACW,UAAA,IAAcqC,SAAA,IAC9B7D,OAAA,CAAQgE,QAAA,CAASpD,KAAK;UAE1B,CAAC;UACA,IAAI5C,KAAA,IAAS;YACZiG,SAAA,EAAW9F,oBAAA,CAAqBuB,KAAA,CAAMuE,SAAA,EAAYL,KAAA,IAAU;cACtD,CAAC,KAAK,OAAO,EAAEM,QAAA,CAASN,KAAA,CAAMO,GAAG,MACnCnE,OAAA,CAAQgE,QAAA,CAASpD,KAAK,GACtBgD,KAAA,CAAMQ,cAAA,CAAe;YAEzB,CAAC;YACDC,OAAA,EAASlG,oBAAA,CAAqBuB,KAAA,CAAM2E,OAAA,EAAUT,KAAA,IAAU;cAClDnC,MAAA,IACFX,aAAA,GAAgB,SAASW,MAAM;cAIjC,MAAM6C,qBAAA,GAAwBtE,OAAA,CAAQuE,cAAA,KAAmB;cACrD,CAAC/C,UAAA,IAAc,CAACX,QAAA,IAAYyD,qBAAA,IAC9BtE,OAAA,CAAQgE,QAAA,CAASpD,KAAK;YAE1B,CAAC;YACD4D,MAAA,EAAQrG,oBAAA,CAAqBuB,KAAA,CAAM8E,MAAA,EAAQ,MAAM;cAC/C1D,aAAA,GAAgB,SAAS,IAAI;YAC/B,CAAC;UACH;QAAA,CACF;MAAA,CACF;IAEJ,CACF;EAEAJ,WAAA,CAAYF,WAAA,GAAcC,YAAA;EAM1B,MAAMgE,WAAA,GAActF,YAAA,CAAawB,SAAA,CAAiC,UAChEjB,KAAA,EACAC,YAAA,EACA;MACA,MAAM;UAAEC,WAAA;UAAagB,KAAA;UAAO8D,UAAA;UAAY5E,QAAA;UAAU,GAAG6E;QAAa,IAAIjF,KAAA;QAChEM,OAAA,GAAUpB,cAAA,CAAegB,WAAW;QACpC4B,UAAA,GAAaZ,KAAA,KAAUZ,OAAA,CAAQY,KAAA;QAC/BgE,IAAA,GAAOF,UAAA,IAAclD,UAAA;QAErBL,SAAA,GAAYC,aAAA,CAAcpB,OAAA,CAAQqB,MAAA,EAAQT,KAAK;QAC/CU,SAAA,GAAYC,aAAA,CAAcvB,OAAA,CAAQqB,MAAA,EAAQT,KAAK;MAErD,OAAKgE,IAAA,GAKH,eAAA5F,GAAA,CAACG,YAAA;QAEC,cAAYqC,UAAA,GAAa,WAAW;QACpC,oBAAkBxB,OAAA,CAAQE,WAAA;QAC1BG,IAAA,EAAK;QACL,mBAAiBc,SAAA;QAEjB0D,MAAA,EAAQ,CAACD,IAAA;QACTrB,EAAA,EAAIjC,SAAA;QACJwD,QAAA,EAAU;QACT,GAAGH,YAAA;QACJpE,GAAA,EAAKZ,YAAA;QAEJG;MAAA,GAZIc,KAaP,IAlBO;IAoBX,CAAC;IAcKmE,aAAA,GAAgB1F,SAAA,CAAUsB,SAAA,CAA0B,UACxDjB,KAAA,EACAC,YAAA,EACA;MACA,MAAM;UACJC,WAAA;UACAgB,KAAA,EAAOoE,SAAA;UACPC,aAAA;UACAC,YAAA;UACAhF,WAAA,GAAc;UACdC,GAAA;UACAoE,cAAA,GAAiB;UACjBd,IAAA,GAAO;UACP,GAAG0B;QACL,IAAIzF,KAAA;QACE0F,SAAA,GAAY5G,YAAA,CAAa2B,GAAG;QAC5B,CAACS,KAAA,EAAOyE,QAAQ,IAAI9G,oBAAA,CAAqB;UAC7C+G,IAAA,EAAMN,SAAA;UACNhB,QAAA,EAAUiB,aAAA;UACVM,WAAA,EAAaL,YAAA,IAAgB;QAC/B,CAAC;QACK,CAACjC,aAAA,EAAeuC,gBAAgB,IAAI9G,KAAA,CAAMiD,QAAA,CAAS,CAAC;QACpDK,eAAA,GAAkBvD,QAAA,CAAS,MAAM+G,gBAAA,CAAkBC,CAAA,IAAMA,CAAA,GAAI,CAAC,CAAC;QAC/DxD,iBAAA,GAAoBxD,QAAA,CAAS,MAAM+G,gBAAA,CAAkBC,CAAA,IAAMA,CAAA,GAAI,CAAC,CAAC;MAEvE,OACE,eAAAzG,GAAA,CAACV,cAAA,CAAeoH,QAAA,EAAf;QAAwBjC,IAAA;QACvB3D,QAAA,iBAAAd,GAAA,CAACL,YAAA;UACCgH,KAAA,EAAO/F,WAAA;UACPyB,MAAA,EAAQ3C,KAAA,CAAMkH,KAAA,CAAM;UACpBhF,KAAA;UACAoD,QAAA,EAAUqB,QAAA;UACVnF,WAAA;UACAC,GAAA,EAAKiF,SAAA;UACLb,cAAA;UACAd,IAAA;UACAzB,eAAA;UACAiB,aAAA;UACAhB,iBAAA;UAEAnC,QAAA,iBAAAd,GAAA,CAACK,SAAA;YACC+F,SAAA;YACA,oBAAkBlF,WAAA;YACjB,GAAGiF,SAAA;YACJ5E,GAAA,EAAKZ;UAAA,CACP;QAAA,CACF;MAAA,CACF;IAEJ,CAAC;EASD,OAAOvB,oBAAA,CAAqB2G,aAAA,EAAe;IACzCc,IAAA,EAAMrG,QAAA;IAAA;AAAA;AAAA;IAINsG,OAAA,EAASpF,WAAA;IACTqF,GAAA,EAAKrF,WAAA;IACLsF,OAAA,EAASvB;EACX,CAAC;AACH;AAGA,SAASrD,cAAcC,MAAA,EAAgBT,KAAA,EAAe;EACpD,OAAO,GAAGS,MAAM,YAAYT,KAAK;AACnC;AAEA,SAASW,cAAcF,MAAA,EAAgBT,KAAA,EAAe;EACpD,OAAO,GAAGS,MAAM,YAAYT,KAAK;AACnC","ignoreList":[]}

package/dist/jsx/createTabs.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 createTabs_exports = {};
+__export(createTabs_exports, {
+  createTabs: () => createTabs
+});
+module.exports = __toCommonJS(createTabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_group = require("@hanzo/gui-group"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_roving_focus = require("@hanzo/gui-roving-focus"),
+  import_gui_sizable_context = require("@hanzo/gui-sizable-context"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  import_gui_use_direction = require("@hanzo/gui-use-direction"),
+  import_gui_web = require("@hanzo/gui-web"),
+  React = __toESM(require("react"), 1),
+  import_StyledContext = require("./StyledContext.native.js"),
+  import_Tabs = require("./Tabs.native.js");
+function createTabs(createProps) {
+  var {
+      ContentFrame = import_Tabs.DefaultTabsContentFrame,
+      TabFrame = import_Tabs.DefaultTabsTabFrame,
+      TabsFrame = import_Tabs.DefaultTabsFrame
+    } = createProps,
+    TABS_CONTEXT = "TabsContext",
+    TAB_LIST_NAME = "TabsList",
+    TabsList = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+      var {
+          __scopeTabs,
+          loop = !0,
+          children,
+          ...listProps
+        } = props,
+        context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup, {
+        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+        orientation: context.orientation,
+        dir: context.dir,
+        loop,
+        asChild: !0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_group.Group, {
+          role: "tablist",
+          componentName: TAB_LIST_NAME,
+          "aria-orientation": context.orientation,
+          ref: forwardedRef,
+          orientation: context.orientation,
+          ...listProps,
+          children
+        })
+      });
+    });
+  TabsList.displayName = TAB_LIST_NAME;
+  var TRIGGER_NAME = "TabsTrigger",
+    TabsTrigger = TabFrame.styleable(function (props, forwardedRef) {
+      var {
+          __scopeTabs,
+          value,
+          disabled = !1,
+          onInteraction,
+          activeStyle,
+          activeTheme,
+          unstyled = !1,
+          ...triggerProps
+        } = props,
+        context = (0, import_StyledContext.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_gui_group.useGroupItem)({
+          disabled: !!disabled
+        });
+      React.useEffect(function () {
+        return context.registerTrigger(), function () {
+          return context.unregisterTrigger();
+        };
+      }, []), React.useEffect(function () {
+        if (!triggerRef.current || !import_gui_constants.isWeb) return;
+        var el = triggerRef.current;
+        function getTriggerSize() {
+          el && setLayout({
+            width: el.offsetWidth,
+            height: el.offsetHeight,
+            x: el.offsetLeft,
+            y: el.offsetTop
+          });
+        }
+        getTriggerSize();
+        var observer = new ResizeObserver(getTriggerSize);
+        return observer.observe(el), function () {
+          observer.unobserve(el);
+        };
+      }, [context.triggersCount]), React.useEffect(function () {
+        isSelected && layout && onInteraction?.("select", layout);
+      }, [isSelected, value, layout]);
+      var _props_onPress;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup.Item, {
+        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+        asChild: !0,
+        focusable: !disabled,
+        active: isSelected,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabFrame, {
+          onMouseEnter: (0, import_gui_helpers.composeEventHandlers)(props.onMouseEnter, function () {
+            layout && onInteraction?.("hover", layout);
+          }),
+          onMouseLeave: (0, import_gui_helpers.composeEventHandlers)(props.onMouseLeave, function () {
+            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: (0, import_gui_compose_refs.composeRefs)(forwardedRef, triggerRef),
+          onPress: (0, import_gui_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function (event) {
+            var webChecks = !import_gui_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
+            !disabled && !isSelected && webChecks && context.onChange(value);
+          }),
+          ...(import_gui_constants.isWeb && {
+            onKeyDown: (0, import_gui_helpers.composeEventHandlers)(props.onKeyDown, function (event) {
+              [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
+            }),
+            onFocus: (0, import_gui_helpers.composeEventHandlers)(props.onFocus, function (event) {
+              layout && onInteraction?.("focus", layout);
+              var isAutomaticActivation = context.activationMode !== "manual";
+              !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
+            }),
+            onBlur: (0, import_gui_helpers.composeEventHandlers)(props.onBlur, function () {
+              onInteraction?.("focus", null);
+            })
+          })
+        })
+      });
+    });
+  TabsTrigger.displayName = TRIGGER_NAME;
+  var TabsContent = ContentFrame.styleable(function (props, forwardedRef) {
+      var {
+          __scopeTabs,
+          value,
+          forceMount,
+          children,
+          ...contentProps
+        } = props,
+        context = (0, import_StyledContext.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)(ContentFrame, {
+        "data-state": isSelected ? "active" : "inactive",
+        "data-orientation": context.orientation,
+        role: "tabpanel",
+        "aria-labelledby": triggerId,
+        // @ts-ignore
+        hidden: !show,
+        id: contentId,
+        tabIndex: 0,
+        ...contentProps,
+        ref: forwardedRef,
+        children
+      }, value) : null;
+    }),
+    TabsComponent = TabsFrame.styleable(function (props, forwardedRef) {
+      var {
+          __scopeTabs,
+          value: valueProp,
+          onValueChange,
+          defaultValue,
+          orientation = "horizontal",
+          dir,
+          activationMode = "manual",
+          size = "$true",
+          ...tabsProps
+        } = props,
+        direction = (0, import_gui_use_direction.useDirection)(dir),
+        [value, setValue] = (0, import_gui_use_controllable_state.useControllableState)({
+          prop: valueProp,
+          onChange: onValueChange,
+          defaultProp: defaultValue ?? ""
+        }),
+        [triggersCount, setTriggersCount] = React.useState(0),
+        registerTrigger = (0, import_gui_web.useEvent)(function () {
+          return setTriggersCount(function (v) {
+            return v + 1;
+          });
+        }),
+        unregisterTrigger = (0, import_gui_web.useEvent)(function () {
+          return setTriggersCount(function (v) {
+            return v - 1;
+          });
+        });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_sizable_context.SizableContext.Provider, {
+        size,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_StyledContext.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
+          })
+        })
+      });
+    });
+  return (0, import_gui_helpers.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}`;
+}
+//# sourceMappingURL=createTabs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","createTabs_exports","createTabs","module","exports","import_jsx_runtime","require","import_gui_compose_refs","import_gui_constants","import_gui_group","import_gui_helpers","import_gui_roving_focus","import_gui_sizable_context","import_gui_use_controllable_state","import_gui_use_direction","import_gui_web","React","import_StyledContext","import_Tabs","createProps","ContentFrame","DefaultTabsContentFrame","TabFrame","DefaultTabsTabFrame","TabsFrame","DefaultTabsFrame","TABS_CONTEXT","TAB_LIST_NAME","TabsList","forwardRef","props","forwardedRef","__scopeTabs","loop","children","listProps","context","useTabsContext","jsx","RovingFocusGroup","__scopeRovingFocusGroup","orientation","dir","asChild","Group","role","componentName","ref","displayName","TRIGGER_NAME","TabsTrigger","styleable","disabled","onInteraction","activeStyle","activeTheme","unstyled","triggerProps","triggerId","makeTriggerId","baseId","contentId","makeContentId","isSelected","layout","setLayout","useState","triggerRef","useRef","groupItemProps","useGroupItem","useEffect","registerTrigger","unregisterTrigger","current","isWeb","el","getTriggerSize","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","observer","ResizeObserver","observe","unobserve","triggersCount","_props_onPress","Item","focusable","active","onMouseEnter","composeEventHandlers","onMouseLeave","id","theme","size","backgroundColor","composeRefs","onPress","event","webChecks","button","ctrlKey","onChange","onKeyDown","includes","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","valueProp","onValueChange","defaultValue","tabsProps","direction","useDirection","setValue","useControllableState","prop","defaultProp","setTriggersCount","useEvent","v","SizableContext","Provider","TabsProvider","scope","useId","withStaticProperties","List","Trigger","Tab","Content"],"sources":["../../src/createTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/index.js

@@ -0,0 +1,11 @@
+import { createTabs } from "./createTabs.mjs";
+import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.mjs";
+export * from "./createTabs.mjs";
+export * from "./StyledContext.mjs";
+const Tabs = createTabs({
+  ContentFrame: DefaultTabsContentFrame,
+  TabFrame: DefaultTabsTabFrame,
+  TabsFrame: DefaultTabsFrame
+});
+export { Tabs };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTabs","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","Tabs","ContentFrame","TabFrame","TabsFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,uBAAA,EAAyBC,gBAAA,EAAkBC,mBAAA,QAA2B;AAC/E,cAAc;AACd,cAAc;AAEP,MAAMC,IAAA,GAAOJ,UAAA,CAAW;EAC7BK,YAAA,EAAcJ,uBAAA;EACdK,QAAA,EAAUH,mBAAA;EACVI,SAAA,EAAWL;AACb,CAAC","ignoreList":[]}