@hanzogui/tabs 3.0.2 → 7.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/tabs",
-  "version": "3.0.2",
+  "version": "7.3.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -31,29 +31,29 @@
     "access": "public"
   },
   "scripts": {
-    "build": "hanzo-gui-build",
-    "watch": "hanzo-gui-build --watch",
-    "clean": "hanzo-gui-build clean",
-    "clean:build": "hanzo-gui-build clean:build"
+    "build": "gui-build",
+    "watch": "gui-build --watch",
+    "clean": "gui-build clean",
+    "clean:build": "gui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "3.0.1",
-    "@hanzogui/constants": "3.0.1",
-    "@hanzogui/core": "3.0.1",
-    "@hanzogui/create-context": "3.0.1",
-    "@hanzogui/element": "3.0.1",
-    "@hanzogui/get-button-sized": "3.0.1",
-    "@hanzogui/group": "3.0.1",
-    "@hanzogui/helpers": "3.0.1",
-    "@hanzogui/roving-focus": "3.0.1",
-    "@hanzogui/sizable-context": "3.0.1",
-    "@hanzogui/stacks": "3.0.1",
-    "@hanzogui/use-controllable-state": "3.0.1",
-    "@hanzogui/use-direction": "3.0.1",
-    "@hanzogui/web": "3.0.1"
+    "@hanzogui/compose-refs": "7.3.0",
+    "@hanzogui/constants": "7.3.0",
+    "@hanzogui/core": "7.3.0",
+    "@hanzogui/create-context": "7.3.0",
+    "@hanzogui/element": "7.3.0",
+    "@hanzogui/get-button-sized": "7.3.0",
+    "@hanzogui/group": "7.3.0",
+    "@hanzogui/helpers": "7.3.0",
+    "@hanzogui/roving-focus": "7.3.0",
+    "@hanzogui/sizable-context": "7.3.0",
+    "@hanzogui/stacks": "7.3.0",
+    "@hanzogui/use-controllable-state": "7.3.0",
+    "@hanzogui/use-direction": "7.3.0",
+    "@hanzogui/web": "7.3.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "3.0.1",
+    "@hanzogui/build": "7.3.0",
     "react": ">=19",
     "react-native": "0.83.2"
   },
@@ -61,5 +61,7 @@
     "react": ">=19",
     "react-native": "*"
   },
-  "module:jsx": "dist/jsx"
+  "module:jsx": "dist/jsx",
+  "license": "BSD-3-Clause",
+  "author": "Hanzo AI <dev@hanzo.ai>"
 }

package/src/Tabs.tsx

@@ -52,7 +52,7 @@ export const DefaultTabsTabFrame = styled(
     } as const,
 
     defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+      unstyled: process.env.GUI_HEADLESS === '1',
     },
   },
   {

package/src/createTabs.tsx

@@ -122,7 +122,7 @@ export function createTabs<
         observer.observe(el)
 
         return () => {
-          observer.unobserve(el)
+          observer.disconnect()
         }
       }, [context.triggersCount])
 
@@ -140,6 +140,11 @@ export function createTabs<
           active={isSelected}
         >
           <TabFrame
+            {...(!isWeb && {
+              onLayout: (event) => {
+                setLayout(event.nativeEvent.layout)
+              },
+            })}
             onMouseEnter={composeEventHandlers(props.onMouseEnter, () => {
               if (layout) {
                 onInteraction?.('hover', layout)

package/types/StyledContext.d.ts

@@ -1,4 +1,4 @@
-import type { SizeTokens } from '@gui/core';
+import type { SizeTokens } from '@hanzogui/core';
 import type { TabsProps } from './createTabs';
 export type TabsContextValue = {
     baseId: string;

package/types/StyledContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledContext.d.ts","sourceRoot":"","sources":["../src/StyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,IAAI,EAAE,UAAU,CAAA;IAChB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAkB,YAAY;;;IAAoB,cAAc,sCAC9B,CAAA"}

package/types/Tabs.d.ts

@@ -1,17 +1,17 @@
-export declare const DefaultTabsFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
-    size?: import("@gui/core").SizeTokens | undefined;
+export declare const DefaultTabsFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+    size?: import("@hanzogui/core").SizeTokens | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
     circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-}, import("@gui/core").StaticConfigPublic>;
-export declare const DefaultTabsTabFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/core").InferStyleProps<import("react").ForwardRefExoticComponent<Omit<import("@gui/core").RNGuiViewNonStyleProps, keyof import("@gui/core").StackStyleBase> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & import("react").RefAttributes<import("@gui/core").GuiElement>> & import("@gui/core").StaticComponentObject<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {}, {}> & Omit<{}, "staticConfig" | "styleable"> & {
-        __tama: [import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {}, {}];
+}, import("@hanzogui/core").StaticConfigPublic>;
+export declare const DefaultTabsTabFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/core").InferStyleProps<import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNViewNonStyleProps, keyof import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & import("react").RefAttributes<import("@hanzogui/core").GuiElement>> & import("@hanzogui/core").StaticComponentObject<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {}, {}> & Omit<{}, "staticConfig" | "styleable"> & {
+        __tama: [import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {}, {}];
     }, {
         accept: {
             readonly activeStyle: "style";
@@ -20,19 +20,19 @@ export declare const DefaultTabsTabFrame: import("@gui/core").GuiComponent<impor
 }, {
     disabled?: boolean | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@gui/core").SizeTokens | undefined;
+    size?: import("@hanzogui/core").SizeTokens | undefined;
 }, {
     accept: {
         readonly activeStyle: "style";
     };
 }>;
-export declare const DefaultTabsContentFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+export declare const DefaultTabsContentFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
     circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+}, import("@hanzogui/core").StaticConfigPublic>;
 //# sourceMappingURL=Tabs.d.ts.map

package/types/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB;;;;;;;;;;+CAE3B,CAAA;AAIF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;EAmD/B,CAAA;AAID,eAAO,MAAM,uBAAuB;;;;;;;;+CAElC,CAAA"}