@hanzogui/tabs 2.0.0

package/dist/esm/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/esm/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":"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","ignoreList":[]}

package/dist/esm/createTabs.native.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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.native.js";
+import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.native.js";
+function createTabs(createProps) {
+  var {
+      ContentFrame = DefaultTabsContentFrame,
+      TabFrame = DefaultTabsTabFrame,
+      TabsFrame = DefaultTabsFrame
+    } = createProps,
+    TABS_CONTEXT = "TabsContext",
+    TAB_LIST_NAME = "TabsList",
+    TabsList = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+      var {
+          __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;
+  var TRIGGER_NAME = "TabsTrigger",
+    TabsTrigger = TabFrame.styleable(function (props, forwardedRef) {
+      var {
+          __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
+        });
+      React.useEffect(function () {
+        return context.registerTrigger(), function () {
+          return context.unregisterTrigger();
+        };
+      }, []), React.useEffect(function () {
+        if (!triggerRef.current || !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__ */_jsx(RovingFocusGroup.Item, {
+        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+        asChild: !0,
+        focusable: !disabled,
+        active: isSelected,
+        children: /* @__PURE__ */_jsx(TabFrame, {
+          onMouseEnter: composeEventHandlers(props.onMouseEnter, function () {
+            layout && onInteraction?.("hover", layout);
+          }),
+          onMouseLeave: 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: composeRefs(forwardedRef, triggerRef),
+          onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function (event) {
+            var webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
+            !disabled && !isSelected && webChecks && context.onChange(value);
+          }),
+          ...(isWeb && {
+            onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
+              [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
+            }),
+            onFocus: composeEventHandlers(props.onFocus, function (event) {
+              layout && onInteraction?.("focus", layout);
+              var isAutomaticActivation = context.activationMode !== "manual";
+              !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
+            }),
+            onBlur: 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 = 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,
+        // @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 = useDirection(dir),
+        [value, setValue] = useControllableState({
+          prop: valueProp,
+          onChange: onValueChange,
+          defaultProp: defaultValue ?? ""
+        }),
+        [triggersCount, setTriggersCount] = React.useState(0),
+        registerTrigger = useEvent(function () {
+          return setTriggersCount(function (v) {
+            return v + 1;
+          });
+        }),
+        unregisterTrigger = useEvent(function () {
+          return setTriggersCount(function (v) {
+            return 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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","composeRefs","isWeb","Group","useGroupItem","composeEventHandlers","withStaticProperties","RovingFocusGroup","SizableContext","useControllableState","useDirection","useEvent","React","TabsProvider","useTabsContext","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","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","_props_onPress","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":"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","ignoreList":[]}

package/dist/esm/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/esm/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":[]}

package/dist/esm/index.mjs

@@ -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.mjs.map

package/dist/esm/index.mjs.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":[]}

package/dist/esm/index.native.js

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

package/dist/esm/index.native.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,IAAAC,IAAM,GAAAJ,UAAO;EAClBK,YAAA,EAAcJ,uBAAA;EACdK,QAAA,EAAUH,mBAAA;EACVI,SAAA,EAAWL;AACb,CAAC","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/StyledContext.native.js

@@ -0,0 +1,34 @@
+"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 StyledContext_exports = {};
+__export(StyledContext_exports, {
+  TabsProvider: () => TabsProvider,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(StyledContext_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  {
+    Provider: TabsProvider,
+    useStyledContext: useTabsContext
+  } = (0, import_gui_core.createStyledContext)();
+//# sourceMappingURL=StyledContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAgBF,IAAAA,SAAQ,GAAAC,MAAU,CAAAC,cAAc","ignoreList":[]}

package/dist/jsx/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