@hanzogui/tabs 2.0.0

package/dist/cjs/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/cjs/createTabs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createTabs_exports","__export","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","__toESM","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","key","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/cjs/index.cjs

@@ -0,0 +1,35 @@
+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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(index_exports);
+var import_createTabs = require("./createTabs.cjs"),
+  import_Tabs = require("./Tabs.cjs");
+__reExport(index_exports, require("./createTabs.cjs"), module.exports);
+__reExport(index_exports, require("./StyledContext.cjs"), module.exports);
+const Tabs = (0, import_createTabs.createTabs)({
+  ContentFrame: import_Tabs.DefaultTabsContentFrame,
+  TabFrame: import_Tabs.DefaultTabsTabFrame,
+  TabsFrame: import_Tabs.DefaultTabsFrame
+});

package/dist/cjs/index.native.js

@@ -0,0 +1,38 @@
+"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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(index_exports);
+var import_createTabs = require("./createTabs.native.js"),
+  import_Tabs = require("./Tabs.native.js");
+__reExport(index_exports, require("./createTabs.native.js"), module.exports);
+__reExport(index_exports, require("./StyledContext.native.js"), module.exports);
+var Tabs = (0, import_createTabs.createTabs)({
+  ContentFrame: import_Tabs.DefaultTabsContentFrame,
+  TabFrame: import_Tabs.DefaultTabsTabFrame,
+  TabsFrame: import_Tabs.DefaultTabsFrame
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","Tabs","module","exports","import_createTabs","require","import_Tabs","__reExport","createTabs","ContentFrame","DefaultTabsContentFrame","TabFrame","DefaultTabsTabFrame","TabsFrame","DefaultTabsFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,aAAA;AAE3B,IAAAK,iBAAA,GAAAC,OAAc;EAAAC,WAFd,GAAAD,OAAA;AAGAE,UAAA,CAAAR,aAAA,EAAcM,OAAA,4BAAAH,MAHd,CAAAC,OAAA;AAKOI,UAAM,CAAAR,aAAO,EAAAM,OAAA,4BAAW,GAAAH,MAAA,CAAAC,OAAA;AAAA,IAC7BF,IAAA,OAAAG,iBAAc,CAAAI,UAAA;EACdC,YAAU,EAAAH,WAAA,CAAAI,uBAAA;EACVC,QAAA,EAAAL,WAAW,CAAAM,mBAAA;EACZC,SAAA,EAAAP,WAAA,CAAAQ","ignoreList":[]}

package/dist/esm/StyledContext.mjs

@@ -0,0 +1,7 @@
+import { createStyledContext } from "@hanzo/gui-core";
+const {
+  Provider: TabsProvider,
+  useStyledContext: useTabsContext
+} = createStyledContext();
+export { TabsProvider, useTabsContext };
+//# sourceMappingURL=StyledContext.mjs.map

package/dist/esm/StyledContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","Provider","TabsProvider","useStyledContext","useTabsContext"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAgB7B,MAAM;EAAEC,QAAA,EAAUC,YAAA;EAAcC,gBAAA,EAAkBC;AAAe,IACtEJ,mBAAA,CAAsC","ignoreList":[]}

package/dist/esm/StyledContext.native.js

@@ -0,0 +1,7 @@
+import { createStyledContext } from "@hanzo/gui-core";
+var {
+  Provider: TabsProvider,
+  useStyledContext: useTabsContext
+} = createStyledContext();
+export { TabsProvider, useTabsContext };
+//# sourceMappingURL=StyledContext.native.js.map

package/dist/esm/StyledContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","Provider","TabsProvider","useStyledContext","useTabsContext"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAgB7B;EAAMC,QAAE,EAAAC,YAAU;EAAAC,gBAAc,EAAAC;AAAkB,IAAeJ,mBACtE","ignoreList":[]}

package/dist/esm/Tabs.mjs

@@ -0,0 +1,56 @@
+import { styled, View } from "@hanzo/gui-core";
+import { getButtonSized } from "@hanzo/gui-get-button-sized";
+import { SizableStack, ThemeableStack } from "@hanzo/gui-stacks";
+const TABS_NAME = "Tabs",
+  DefaultTabsFrame = styled(SizableStack, {
+    name: TABS_NAME
+  }),
+  TRIGGER_NAME = "TabsTrigger",
+  DefaultTabsTabFrame = styled(View, {
+    name: TRIGGER_NAME,
+    role: "tab",
+    variants: {
+      size: {
+        "...size": 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 = styled(ThemeableStack, {
+    name: CONTENT_NAME
+  });
+export { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/esm/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/esm/Tabs.native.js

@@ -0,0 +1,56 @@
+import { styled, View } from "@hanzo/gui-core";
+import { getButtonSized } from "@hanzo/gui-get-button-sized";
+import { SizableStack, ThemeableStack } from "@hanzo/gui-stacks";
+var TABS_NAME = "Tabs",
+  DefaultTabsFrame = styled(SizableStack, {
+    name: TABS_NAME
+  }),
+  TRIGGER_NAME = "TabsTrigger",
+  DefaultTabsTabFrame = styled(View, {
+    name: TRIGGER_NAME,
+    role: "tab",
+    variants: {
+      size: {
+        "...size": 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 = styled(ThemeableStack, {
+    name: CONTENT_NAME
+  });
+export { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame };
+//# sourceMappingURL=Tabs.native.js.map

package/dist/esm/Tabs.native.js.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,IAAAC,SAAM,SAAY;EAAAC,gBACL,GAAAN,MAAmB,CAAAG,YAAO;IACrCI,IAAA,EAAMF;EACR,CAAC;EAEKG,YAAA,GAAe;EAERC,mBAAA,GAAsBT,MAAA,CAAAC,IAAA;IACjCM,IAAA,EAAAC,YAAA;IACAE,IAAA;IAAAC,QACQ;MACNC,IAAA,EAAM;QAEN,SAAU,EAAAV;MAAA;MACFW,QACJ;QACFC,IAAA;UAEAC,aAAU;QAAA;MACF;MACWC,QACjB;QACFC,KAAA;UAEAC,WAAU;UACRC,eAAO;UAAAC,UACL,QAAa;UAAAC,cACb,UAAiB;UAAAC,UACjB,UAAY;UAAAC,QACZ,UAAgB;UAAAC,aAChB,EAAY;UAAAC,MACZ,WAAU;UAAAC,UACV;YACAP,eAAQ;UAAA;UAEIQ,iBACV;YACFC,YAAA;YAEAC,YAAA;YAAmBC,YACjB,SAAc;YAAAC,MACd;UAAc;QACA;MACN;IACV;IACFC,eACF;MACFhB,QAAA,EAAAiB,OAAA,CAAAC,GAAA,CAAAC,kBAAA;IAAA;EAEiB;IAC8BC,MAC/C;MACFC,WAAA;IACA;EAAA;EACEC,YAAQ;EAAAC,uBAAA,GAAAvC,MAAA,CAAAI,cAAA;IAAAG,IACN,EAAA+B;EAAa;AACf,SAEJC,uBAEqB,EAGnBjC,gBAAM,EACPG,mBAAA","ignoreList":[]}