@hanzogui/tabs 8.3.0 → 8.3.2

package/dist/cjs/StyledContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsContext = exports.TabsProvider = void 0;
+const core_1 = require("@hanzogui/core");
+({ Provider: exports.TabsProvider, useStyledContext: exports.useTabsContext } = (0, core_1.createStyledContext)());
+//# sourceMappingURL=StyledContext.js.map

package/dist/cjs/StyledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledContext.js","sourceRoot":"","sources":["../../src/StyledContext.tsx"],"names":[],"mappings":";;;AACA,yCAAoD;AAgBpD,CAAa,EAAE,QAAQ,EAAE,QAAA,YAAY,EAAE,gBAAgB,EAAE,QAAA,cAAc,EAAE,GACvE,IAAA,0BAAmB,GAAoB,EAAA"}

package/dist/cjs/Tabs.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultTabsContentFrame = exports.DefaultTabsTabFrame = exports.DefaultTabsFrame = void 0;
+const core_1 = require("@hanzogui/core");
+const get_button_sized_1 = require("@hanzogui/get-button-sized");
+const stacks_1 = require("@hanzogui/stacks");
+const TABS_NAME = 'Tabs';
+exports.DefaultTabsFrame = (0, core_1.styled)(stacks_1.SizableStack, {
+    name: TABS_NAME,
+});
+const TRIGGER_NAME = 'TabsTrigger';
+exports.DefaultTabsTabFrame = (0, core_1.styled)(core_1.View, {
+    name: TRIGGER_NAME,
+    role: 'tab',
+    variants: {
+        size: {
+            '...size': get_button_sized_1.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.GUI_HEADLESS === '1',
+    },
+}, {
+    accept: {
+        activeStyle: 'style',
+    },
+});
+const CONTENT_NAME = 'TabsContent';
+exports.DefaultTabsContentFrame = (0, core_1.styled)(stacks_1.ThemeableStack, {
+    name: CONTENT_NAME,
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":";;;AAAA,yCAA6C;AAC7C,iEAA2D;AAC3D,6CAA+D;AAE/D,MAAM,SAAS,GAAG,MAAM,CAAA;AACX,QAAA,gBAAgB,GAAG,IAAA,aAAM,EAAC,qBAAY,EAAE;IACnD,IAAI,EAAE,SAAS;CAChB,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,aAAa,CAAA;AAErB,QAAA,mBAAmB,GAAG,IAAA,aAAM,EACvC,WAAI,EACJ;IACE,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,KAAK;IAEX,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,iCAAc;SAC1B;QAED,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,aAAa,EAAE,MAAM;aACtB;SACF;QAED,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,aAAa;gBAC9B,UAAU,EAAE,MAAM;gBAClB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,KAAK;gBACpB,MAAM,EAAE,SAAS;gBAEjB,UAAU,EAAE;oBACV,eAAe,EAAE,kBAAkB;iBACpC;gBAED,iBAAiB,EAAE;oBACjB,YAAY,EAAE,eAAe;oBAC7B,YAAY,EAAE,CAAC;oBACf,YAAY,EAAE,OAAO;oBACrB,MAAM,EAAE,EAAE;iBACX;aACF;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,EACD;IACE,MAAM,EAAE;QACN,WAAW,EAAE,OAAO;KACZ;CACX,CACF,CAAA;AAED,MAAM,YAAY,GAAG,aAAa,CAAA;AAErB,QAAA,uBAAuB,GAAG,IAAA,aAAM,EAAC,uBAAc,EAAE;IAC5D,IAAI,EAAE,YAAY;CACnB,CAAC,CAAA"}

package/dist/cjs/createTabs.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTabs = createTabs;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const compose_refs_1 = require("@hanzogui/compose-refs");
+const constants_1 = require("@hanzogui/constants");
+const group_1 = require("@hanzogui/group");
+const helpers_1 = require("@hanzogui/helpers");
+const roving_focus_1 = require("@hanzogui/roving-focus");
+const sizable_context_1 = require("@hanzogui/sizable-context");
+const use_controllable_state_1 = require("@hanzogui/use-controllable-state");
+const use_direction_1 = require("@hanzogui/use-direction");
+const web_1 = require("@hanzogui/web");
+const React = tslib_1.__importStar(require("react"));
+const StyledContext_tsx_1 = require("./StyledContext.js");
+const Tabs_tsx_1 = require("./Tabs.js");
+function createTabs(createProps) {
+    const { ContentFrame = Tabs_tsx_1.DefaultTabsContentFrame, TabFrame = Tabs_tsx_1.DefaultTabsTabFrame, TabsFrame = Tabs_tsx_1.DefaultTabsFrame, } = createProps;
+    const TABS_CONTEXT = 'TabsContext';
+    const TAB_LIST_NAME = 'TabsList';
+    const TabsList = React.forwardRef((props, forwardedRef) => {
+        const { __scopeTabs, loop = true, children, ...listProps } = props;
+        const context = (0, StyledContext_tsx_1.useTabsContext)(__scopeTabs);
+        return ((0, jsx_runtime_1.jsx)(roving_focus_1.RovingFocusGroup, { __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT, orientation: context.orientation, dir: context.dir, loop: loop, asChild: true, children: (0, jsx_runtime_1.jsx)(group_1.Group, { role: "tablist", componentName: TAB_LIST_NAME, "aria-orientation": context.orientation, ref: forwardedRef, orientation: context.orientation, ...listProps, children: children }) }));
+    });
+    TabsList.displayName = TAB_LIST_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * TabsTrigger
+     * -----------------------------------------------------------------------------------------------*/
+    const TRIGGER_NAME = 'TabsTrigger';
+    /**
+     * @deprecated Use `TabLayout` instead
+     */
+    const TabsTrigger = TabFrame.styleable((props, forwardedRef) => {
+        const { __scopeTabs, value, disabled = false, onInteraction, activeStyle, activeTheme, unstyled = false, ...triggerProps } = props;
+        const context = (0, StyledContext_tsx_1.useTabsContext)(__scopeTabs);
+        const triggerId = makeTriggerId(context.baseId, value);
+        const contentId = makeContentId(context.baseId, value);
+        const isSelected = value === context.value;
+        const [layout, setLayout] = React.useState(null);
+        const triggerRef = React.useRef(null);
+        const groupItemProps = (0, group_1.useGroupItem)({ disabled: !!disabled });
+        React.useEffect(() => {
+            context.registerTrigger();
+            return () => context.unregisterTrigger();
+        }, []);
+        React.useEffect(() => {
+            if (!triggerRef.current || !constants_1.isWeb)
+                return;
+            const el = triggerRef.current;
+            function getTriggerSize() {
+                if (!el)
+                    return;
+                setLayout({
+                    width: el.offsetWidth,
+                    height: el.offsetHeight,
+                    x: el.offsetLeft,
+                    y: el.offsetTop,
+                });
+            }
+            getTriggerSize();
+            const observer = new ResizeObserver(getTriggerSize);
+            observer.observe(el);
+            return () => {
+                observer.disconnect();
+            };
+        }, [context.triggersCount]);
+        React.useEffect(() => {
+            if (isSelected && layout) {
+                onInteraction?.('select', layout);
+            }
+        }, [isSelected, value, layout]);
+        return ((0, jsx_runtime_1.jsx)(roving_focus_1.RovingFocusGroup.Item, { __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT, asChild: true, focusable: !disabled, active: isSelected, children: (0, jsx_runtime_1.jsx)(TabFrame, { ...(!constants_1.isWeb && {
+                    onLayout: (event) => {
+                        setLayout(event.nativeEvent.layout);
+                    },
+                }), onMouseEnter: (0, helpers_1.composeEventHandlers)(props.onMouseEnter, () => {
+                    if (layout) {
+                        onInteraction?.('hover', layout);
+                    }
+                }), onMouseLeave: (0, helpers_1.composeEventHandlers)(props.onMouseLeave, () => {
+                    onInteraction?.('hover', null);
+                }), role: "tab", "aria-selected": isSelected, "aria-controls": contentId, "data-state": isSelected ? 'active' : 'inactive', "data-disabled": disabled ? '' : undefined, id: triggerId, theme: activeTheme ?? null, unstyled: unstyled, ...(!unstyled && {
+                    size: context.size,
+                }), ...(isSelected && {
+                    ...(!unstyled &&
+                        !activeStyle && {
+                        backgroundColor: '$backgroundActive',
+                    }),
+                    ...activeStyle,
+                }), ...groupItemProps, disabled: disabled ?? groupItemProps.disabled, ...triggerProps, ref: (0, compose_refs_1.composeRefs)(forwardedRef, triggerRef), onPress: (0, helpers_1.composeEventHandlers)(props.onPress ?? undefined, (event) => {
+                    // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)
+                    // but not when the control key is pressed (avoiding MacOS right click)
+                    const webChecks = !constants_1.isWeb ||
+                        (event.button === 0 &&
+                            event.ctrlKey === false);
+                    if (!disabled && !isSelected && webChecks) {
+                        context.onChange(value);
+                    }
+                }), ...(constants_1.isWeb && {
+                    onKeyDown: (0, helpers_1.composeEventHandlers)(props.onKeyDown, (event) => {
+                        if ([' ', 'Enter'].includes(event.key)) {
+                            context.onChange(value);
+                            event.preventDefault();
+                        }
+                    }),
+                    onFocus: (0, helpers_1.composeEventHandlers)(props.onFocus, (event) => {
+                        if (layout) {
+                            onInteraction?.('focus', layout);
+                        }
+                        // handle "automatic" activation if necessary
+                        // ie. activate tab following focus
+                        const isAutomaticActivation = context.activationMode !== 'manual';
+                        if (!isSelected && !disabled && isAutomaticActivation) {
+                            context.onChange(value);
+                        }
+                    }),
+                    onBlur: (0, helpers_1.composeEventHandlers)(props.onBlur, () => {
+                        onInteraction?.('focus', null);
+                    }),
+                }) }) }));
+    });
+    TabsTrigger.displayName = TRIGGER_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * TabsContent
+     * -----------------------------------------------------------------------------------------------*/
+    const TabsContent = ContentFrame.styleable(function TabsContent(props, forwardedRef) {
+        const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
+        const context = (0, StyledContext_tsx_1.useTabsContext)(__scopeTabs);
+        const isSelected = value === context.value;
+        const show = forceMount || isSelected;
+        const triggerId = makeTriggerId(context.baseId, value);
+        const contentId = makeContentId(context.baseId, value);
+        if (!show) {
+            return null;
+        }
+        return ((0, jsx_runtime_1.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: children }, value));
+    });
+    const TabsComponent = TabsFrame.styleable(function Tabs(props, forwardedRef) {
+        const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = 'horizontal', dir, activationMode = 'manual', size = '$true', ...tabsProps } = props;
+        const direction = (0, use_direction_1.useDirection)(dir);
+        const [value, setValue] = (0, use_controllable_state_1.useControllableState)({
+            prop: valueProp,
+            onChange: onValueChange,
+            defaultProp: defaultValue ?? '',
+        });
+        const [triggersCount, setTriggersCount] = React.useState(0);
+        const registerTrigger = (0, web_1.useEvent)(() => setTriggersCount((v) => v + 1));
+        const unregisterTrigger = (0, web_1.useEvent)(() => setTriggersCount((v) => v - 1));
+        return ((0, jsx_runtime_1.jsx)(sizable_context_1.SizableContext.Provider, { size: size, children: (0, jsx_runtime_1.jsx)(StyledContext_tsx_1.TabsProvider, { scope: __scopeTabs, baseId: React.useId(), value: value, onChange: setValue, orientation: orientation, dir: direction, activationMode: activationMode, size: size, registerTrigger: registerTrigger, triggersCount: triggersCount, unregisterTrigger: unregisterTrigger, children: (0, jsx_runtime_1.jsx)(TabsFrame, { direction: direction, "data-orientation": orientation, ...tabsProps, ref: forwardedRef }) }) }));
+    });
+    // make it so it can accept a generic
+    // this broke things outside our repo, but not sure why, all non style props were missing
+    // like onPress etc
+    // as <Tab = string>(
+    //   props: TabsProps<Tab> & { ref?: React.Ref<GuiElement> }
+    // ) => React.JSX.Element
+    return (0, helpers_1.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.js.map

package/dist/cjs/createTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTabs.js","sourceRoot":"","sources":["../../src/createTabs.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const tslib_1 = require("tslib");
+const createTabs_tsx_1 = require("./createTabs.js");
+const Tabs_tsx_1 = require("./Tabs.js");
+tslib_1.__exportStar(require("./createTabs.js"), exports);
+tslib_1.__exportStar(require("./StyledContext.js"), exports);
+exports.Tabs = (0, createTabs_tsx_1.createTabs)({
+    ContentFrame: Tabs_tsx_1.DefaultTabsContentFrame,
+    TabFrame: Tabs_tsx_1.DefaultTabsTabFrame,
+    TabsFrame: Tabs_tsx_1.DefaultTabsFrame,
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,oDAA6C;AAC7C,wCAImB;AACnB,0DAAgC;AAChC,6DAAmC;AAEtB,QAAA,IAAI,GAAG,IAAA,2BAAU,EAAC;IAC7B,YAAY,EAAE,kCAAuB;IACrC,QAAQ,EAAE,8BAAmB;IAC7B,SAAS,EAAE,2BAAgB;CAC5B,CAAC,CAAA"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/StyledContext.js

@@ -0,0 +1,3 @@
+import { createStyledContext } from '@hanzogui/core';
+export const { Provider: TabsProvider, useStyledContext: useTabsContext } = createStyledContext();
+//# sourceMappingURL=StyledContext.js.map

package/dist/esm/StyledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledContext.js","sourceRoot":"","sources":["../../src/StyledContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAgBpD,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,GACvE,mBAAmB,EAAoB,CAAA"}

package/dist/esm/Tabs.js

@@ -0,0 +1,55 @@
+import { styled, View } from '@hanzogui/core';
+import { getButtonSized } from '@hanzogui/get-button-sized';
+import { SizableStack, ThemeableStack } from '@hanzogui/stacks';
+const TABS_NAME = 'Tabs';
+export const DefaultTabsFrame = styled(SizableStack, {
+    name: TABS_NAME,
+});
+const TRIGGER_NAME = 'TabsTrigger';
+export const 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.GUI_HEADLESS === '1',
+    },
+}, {
+    accept: {
+        activeStyle: 'style',
+    },
+});
+const CONTENT_NAME = 'TabsContent';
+export const DefaultTabsContentFrame = styled(ThemeableStack, {
+    name: CONTENT_NAME,
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE/D,MAAM,SAAS,GAAG,MAAM,CAAA;AACxB,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,SAAS;CAChB,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,aAAa,CAAA;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CACvC,IAAI,EACJ;IACE,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,KAAK;IAEX,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,cAAc;SAC1B;QAED,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,aAAa,EAAE,MAAM;aACtB;SACF;QAED,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,aAAa;gBAC9B,UAAU,EAAE,MAAM;gBAClB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,KAAK;gBACpB,MAAM,EAAE,SAAS;gBAEjB,UAAU,EAAE;oBACV,eAAe,EAAE,kBAAkB;iBACpC;gBAED,iBAAiB,EAAE;oBACjB,YAAY,EAAE,eAAe;oBAC7B,YAAY,EAAE,CAAC;oBACf,YAAY,EAAE,OAAO;oBACrB,MAAM,EAAE,EAAE;iBACX;aACF;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,EACD;IACE,MAAM,EAAE;QACN,WAAW,EAAE,OAAO;KACZ;CACX,CACF,CAAA;AAED,MAAM,YAAY,GAAG,aAAa,CAAA;AAElC,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,cAAc,EAAE;IAC5D,IAAI,EAAE,YAAY;CACnB,CAAC,CAAA"}

package/dist/esm/createTabs.js

@@ -0,0 +1,174 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { composeRefs } from '@hanzogui/compose-refs';
+import { isWeb } from '@hanzogui/constants';
+import { Group, useGroupItem } from '@hanzogui/group';
+import { composeEventHandlers, withStaticProperties } from '@hanzogui/helpers';
+import { RovingFocusGroup } from '@hanzogui/roving-focus';
+import { SizableContext } from '@hanzogui/sizable-context';
+import { useControllableState } from '@hanzogui/use-controllable-state';
+import { useDirection } from '@hanzogui/use-direction';
+import { useEvent } from '@hanzogui/web';
+import * as React from 'react';
+import { TabsProvider, useTabsContext } from './StyledContext.js';
+import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame, } from './Tabs.js';
+export function createTabs(createProps) {
+    const { ContentFrame = DefaultTabsContentFrame, TabFrame = DefaultTabsTabFrame, TabsFrame = DefaultTabsFrame, } = createProps;
+    const TABS_CONTEXT = 'TabsContext';
+    const TAB_LIST_NAME = 'TabsList';
+    const TabsList = React.forwardRef((props, forwardedRef) => {
+        const { __scopeTabs, loop = true, children, ...listProps } = props;
+        const context = useTabsContext(__scopeTabs);
+        return (_jsx(RovingFocusGroup, { __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT, orientation: context.orientation, dir: context.dir, loop: loop, asChild: true, children: _jsx(Group, { role: "tablist", componentName: TAB_LIST_NAME, "aria-orientation": context.orientation, ref: forwardedRef, orientation: context.orientation, ...listProps, children: children }) }));
+    });
+    TabsList.displayName = TAB_LIST_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * TabsTrigger
+     * -----------------------------------------------------------------------------------------------*/
+    const TRIGGER_NAME = 'TabsTrigger';
+    /**
+     * @deprecated Use `TabLayout` instead
+     */
+    const TabsTrigger = TabFrame.styleable((props, forwardedRef) => {
+        const { __scopeTabs, value, disabled = false, onInteraction, activeStyle, activeTheme, unstyled = false, ...triggerProps } = props;
+        const context = useTabsContext(__scopeTabs);
+        const triggerId = makeTriggerId(context.baseId, value);
+        const contentId = makeContentId(context.baseId, value);
+        const isSelected = value === context.value;
+        const [layout, setLayout] = React.useState(null);
+        const triggerRef = React.useRef(null);
+        const groupItemProps = useGroupItem({ disabled: !!disabled });
+        React.useEffect(() => {
+            context.registerTrigger();
+            return () => context.unregisterTrigger();
+        }, []);
+        React.useEffect(() => {
+            if (!triggerRef.current || !isWeb)
+                return;
+            const el = triggerRef.current;
+            function getTriggerSize() {
+                if (!el)
+                    return;
+                setLayout({
+                    width: el.offsetWidth,
+                    height: el.offsetHeight,
+                    x: el.offsetLeft,
+                    y: el.offsetTop,
+                });
+            }
+            getTriggerSize();
+            const observer = new ResizeObserver(getTriggerSize);
+            observer.observe(el);
+            return () => {
+                observer.disconnect();
+            };
+        }, [context.triggersCount]);
+        React.useEffect(() => {
+            if (isSelected && layout) {
+                onInteraction?.('select', layout);
+            }
+        }, [isSelected, value, layout]);
+        return (_jsx(RovingFocusGroup.Item, { __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT, asChild: true, focusable: !disabled, active: isSelected, children: _jsx(TabFrame, { ...(!isWeb && {
+                    onLayout: (event) => {
+                        setLayout(event.nativeEvent.layout);
+                    },
+                }), onMouseEnter: composeEventHandlers(props.onMouseEnter, () => {
+                    if (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 ? '' : undefined, id: triggerId, theme: activeTheme ?? null, unstyled: 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 ?? undefined, (event) => {
+                    // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)
+                    // but not when the control key is pressed (avoiding MacOS right click)
+                    const webChecks = !isWeb ||
+                        (event.button === 0 &&
+                            event.ctrlKey === false);
+                    if (!disabled && !isSelected && webChecks) {
+                        context.onChange(value);
+                    }
+                }), ...(isWeb && {
+                    onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+                        if ([' ', 'Enter'].includes(event.key)) {
+                            context.onChange(value);
+                            event.preventDefault();
+                        }
+                    }),
+                    onFocus: composeEventHandlers(props.onFocus, (event) => {
+                        if (layout) {
+                            onInteraction?.('focus', layout);
+                        }
+                        // handle "automatic" activation if necessary
+                        // ie. activate tab following focus
+                        const isAutomaticActivation = context.activationMode !== 'manual';
+                        if (!isSelected && !disabled && isAutomaticActivation) {
+                            context.onChange(value);
+                        }
+                    }),
+                    onBlur: composeEventHandlers(props.onBlur, () => {
+                        onInteraction?.('focus', null);
+                    }),
+                }) }) }));
+    });
+    TabsTrigger.displayName = TRIGGER_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * TabsContent
+     * -----------------------------------------------------------------------------------------------*/
+    const TabsContent = ContentFrame.styleable(function TabsContent(props, forwardedRef) {
+        const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
+        const context = useTabsContext(__scopeTabs);
+        const isSelected = value === context.value;
+        const show = forceMount || isSelected;
+        const triggerId = makeTriggerId(context.baseId, value);
+        const contentId = makeContentId(context.baseId, value);
+        if (!show) {
+            return null;
+        }
+        return (_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: children }, value));
+    });
+    const TabsComponent = TabsFrame.styleable(function Tabs(props, forwardedRef) {
+        const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = 'horizontal', dir, activationMode = 'manual', size = '$true', ...tabsProps } = props;
+        const direction = useDirection(dir);
+        const [value, setValue] = useControllableState({
+            prop: valueProp,
+            onChange: onValueChange,
+            defaultProp: defaultValue ?? '',
+        });
+        const [triggersCount, setTriggersCount] = React.useState(0);
+        const registerTrigger = useEvent(() => setTriggersCount((v) => v + 1));
+        const unregisterTrigger = useEvent(() => setTriggersCount((v) => v - 1));
+        return (_jsx(SizableContext.Provider, { size: size, children: _jsx(TabsProvider, { scope: __scopeTabs, baseId: React.useId(), value: value, onChange: setValue, orientation: orientation, dir: direction, activationMode: activationMode, size: size, registerTrigger: registerTrigger, triggersCount: triggersCount, unregisterTrigger: unregisterTrigger, children: _jsx(TabsFrame, { direction: direction, "data-orientation": orientation, ...tabsProps, ref: forwardedRef }) }) }));
+    });
+    // make it so it can accept a generic
+    // this broke things outside our repo, but not sure why, all non style props were missing
+    // like onPress etc
+    // as <Tab = string>(
+    //   props: TabsProps<Tab> & { ref?: React.Ref<GuiElement> }
+    // ) => React.JSX.Element
+    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}`;
+}
+//# sourceMappingURL=createTabs.js.map

package/dist/esm/createTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTabs.js","sourceRoot":"","sources":["../../src/createTabs.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -1,11 +1,10 @@
-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
+import { createTabs } from './createTabs.js';
+import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame, } from './Tabs.js';
+export * from './createTabs.js';
+export * from './StyledContext.js';
+export const Tabs = createTabs({
+    ContentFrame: DefaultTabsContentFrame,
+    TabFrame: DefaultTabsTabFrame,
+    TabsFrame: DefaultTabsFrame,
 });
-export { Tabs };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +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":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAA;AAC7C,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,WAAY,CAAA;AACnB,cAAc,iBAAkB,CAAA;AAChC,cAAc,oBAAqB,CAAA;AAEnC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC;IAC7B,YAAY,EAAE,uBAAuB;IACrC,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,gBAAgB;CAC5B,CAAC,CAAA"}