@hanzogui/toggle-group 3.0.1 → 7.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/toggle-group",
-  "version": "3.0.1",
+  "version": "7.0.0",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -30,31 +30,32 @@
     "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": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/constants": "3.0.0",
-    "@hanzogui/create-context": "3.0.0",
-    "@hanzogui/focusable": "3.0.0",
-    "@hanzogui/get-token": "3.0.0",
-    "@hanzogui/helpers": "3.0.0",
-    "@hanzogui/roving-focus": "3.0.0",
-    "@hanzogui/sizable-context": "3.0.0",
-    "@hanzogui/stacks": "3.0.0",
-    "@hanzogui/use-controllable-state": "3.0.0",
-    "@hanzogui/use-direction": "3.0.0",
-    "@hanzogui/font-size": "3.0.0",
-    "@hanzogui/web": "3.0.0"
+    "@hanzogui/constants": "^7.0.0",
+    "@hanzogui/create-context": "^7.0.0",
+    "@hanzogui/focusable": "^7.0.0",
+    "@hanzogui/get-token": "^7.0.0",
+    "@hanzogui/helpers": "^7.0.0",
+    "@hanzogui/component-helpers": "^7.0.0",
+    "@hanzogui/roving-focus": "^7.0.0",
+    "@hanzogui/sizable-context": "^7.0.0",
+    "@hanzogui/stacks": "^7.0.0",
+    "@hanzogui/use-controllable-state": "^7.0.0",
+    "@hanzogui/use-direction": "^7.0.0",
+    "@hanzogui/font-size": "^7.0.0",
+    "@hanzogui/web": "^7.0.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "3.0.0",
+    "@hanzogui/build": "^7.0.0",
     "react": ">=19"
   },
   "peerDependencies": {
     "react": ">=19"
   },
   "module:jsx": "dist/jsx"
-}
+}

package/src/Toggle.tsx

@@ -1,6 +1,6 @@
 import { composeEventHandlers } from '@hanzogui/helpers'
 import { useControllableState } from '@hanzogui/use-controllable-state'
-import type { GetProps, GuiElement, ViewStyle } from '@hanzogui/web'
+import type { GetProps, HanzoguiElement, ViewStyle } from '@hanzogui/web'
 import { styled, View } from '@hanzogui/web'
 import * as React from 'react'
 import { context } from './context'
@@ -74,7 +74,7 @@ export const ToggleFrame = styled(
     } as const,
 
     defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+      unstyled: process.env.HANZOGUI_HEADLESS === '1',
     },
   },
   {
@@ -99,7 +99,7 @@ type ToggleItemExtraProps = {
 
 export type ToggleProps = ToggleFrameProps & ToggleItemExtraProps
 
-export const Toggle = React.forwardRef<GuiElement, ToggleProps>(
+export const Toggle = React.forwardRef<HanzoguiElement, ToggleProps>(
   function Toggle(props, forwardedRef) {
     const {
       active: activeProp,

package/src/ToggleGroup.tsx

@@ -4,7 +4,7 @@ import { withStaticProperties } from '@hanzogui/helpers'
 import { RovingFocusGroup } from '@hanzogui/roving-focus'
 import { useControllableState } from '@hanzogui/use-controllable-state'
 import { useDirection } from '@hanzogui/use-direction'
-import type { GetProps, GuiElement } from '@hanzogui/web'
+import type { GetProps, HanzoguiElement } from '@hanzogui/web'
 import { createStyledContext, styled, View } from '@hanzogui/web'
 import React from 'react'
 
@@ -82,7 +82,7 @@ type ToggleGroupItemImplProps = Omit<ToggleProps, 'defaultActive' | 'onActiveCha
 }
 
 const ToggleGroupItemImpl = React.forwardRef<
-  GuiElement,
+  HanzoguiElement,
   ScopedProps<ToggleGroupItemImplProps>
 >((props, forwardedRef) => {
   const { __scopeToggleGroup, value, ...itemProps } = props
@@ -123,7 +123,7 @@ interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps
 
 const ToggleGroup = withStaticProperties(
-  React.forwardRef<GuiElement, ScopedProps<ToggleGroupProps>>(
+  React.forwardRef<HanzoguiElement, ScopedProps<ToggleGroupProps>>(
     (props, forwardedRef) => {
       const { type, ...toggleGroupProps } = props
 
@@ -183,7 +183,7 @@ interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
 }
 
 const ToggleGroupImplSingle = React.forwardRef<
-  GuiElement,
+  HanzoguiElement,
   ScopedProps<ToggleGroupImplSingleProps>
 >((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {
   const {
@@ -231,7 +231,7 @@ interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
 }
 
 const ToggleGroupImplMultiple = React.forwardRef<
-  GuiElement,
+  HanzoguiElement,
   ToggleGroupImplMultipleProps
 >((props: ScopedProps<ToggleGroupImplMultipleProps>, forwardedRef) => {
   const {
@@ -297,7 +297,7 @@ type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & {
   color?: string
 }
 
-const ToggleGroupImpl = ToggleGroupFrame.styleable<GuiElement, ToggleGroupImplProps>(
+const ToggleGroupImpl = ToggleGroupFrame.styleable<HanzoguiElement, ToggleGroupImplProps>(
   (props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {
     const {
       __scopeToggleGroup,

package/types/Toggle.d.ts

@@ -1,14 +1,14 @@
-import type { GetProps, GuiElement, ViewStyle } from '@gui/web';
+import type { GetProps, HanzoguiElement, ViewStyle } from '@hanzogui/web';
 import * as React from 'react';
-export declare const ToggleFrame: import("@gui/web").GuiComponent<import("@gui/web").TamaDefer, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+export declare const ToggleFrame: import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").TamaDefer, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
 }, {
     unstyled?: boolean | undefined;
-    size?: number | import("@gui/web").SizeTokens | undefined;
+    size?: number | import("@hanzogui/web").SizeTokens | undefined;
     defaultActiveStyle?: boolean | undefined;
 }, {
     accept: {
@@ -27,48 +27,48 @@ type ToggleItemExtraProps = {
     activeTheme?: string | null;
 };
 export type ToggleProps = ToggleFrameProps & ToggleItemExtraProps;
-export declare const Toggle: React.ForwardRefExoticComponent<Omit<import("@gui/web").StackNonStyleProps, "unstyled" | keyof import("@gui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<import("@hanzogui/web").StackNonStyleProps, "unstyled" | keyof import("@hanzogui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
 }> & {
     unstyled?: boolean | undefined;
-    size?: number | import("@gui/web").SizeTokens | undefined;
+    size?: number | import("@hanzogui/web").SizeTokens | undefined;
     defaultActiveStyle?: boolean | undefined;
-} & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+} & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
-}>> & import("@gui/web").WithPseudoProps<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+}>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
 }> & {
     unstyled?: boolean | undefined;
-    size?: number | import("@gui/web").SizeTokens | undefined;
+    size?: number | import("@hanzogui/web").SizeTokens | undefined;
     defaultActiveStyle?: boolean | undefined;
-} & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+} & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
-}>>> & import("@gui/web").WithMediaProps<import("@gui/web").WithThemeShorthandsAndPseudos<import("@gui/web").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+}>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase & {
+    readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
         accept: {
             readonly activeStyle: "style";
         };
     }>> | undefined;
 }, {
     unstyled?: boolean | undefined;
-    size?: number | import("@gui/web").SizeTokens | undefined;
+    size?: number | import("@hanzogui/web").SizeTokens | undefined;
     defaultActiveStyle?: boolean | undefined;
-}>> & ToggleItemExtraProps & React.RefAttributes<GuiElement>>;
+}>> & ToggleItemExtraProps & React.RefAttributes<HanzoguiElement>>;
 export {};
 //# sourceMappingURL=Toggle.d.ts.map

package/types/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
-import { RovingFocusGroup } from '@gui/roving-focus';
-import type { GetProps, GuiElement } from '@gui/web';
+import { RovingFocusGroup } from '@hanzogui/roving-focus';
+import type { GetProps, HanzoguiElement } from '@hanzogui/web';
 import React from 'react';
 import { ToggleFrame } from './Toggle';
 type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
@@ -17,74 +17,74 @@ interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
     type: 'multiple';
 }
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
-declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGroupProps> & React.RefAttributes<GuiElement>> & {
-    Item: import("@gui/web").GuiComponent<Omit<import("@gui/web").GetFinalProps<import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGroupProps> & React.RefAttributes<HanzoguiElement>> & {
+    Item: import("@hanzogui/web").HanzoguiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }, {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    }>, "theme" | "debug" | "style" | `$${string}` | `$${number}` | import("@gui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "render" | "hitSlop" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | keyof import("@gui/web").StackStyleBase | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "size" | "activeStyle" | "value" | "defaultActiveStyle" | keyof import("@gui/web").WithPseudoProps<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>, "theme" | "debug" | "style" | `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "render" | "hitSlop" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | keyof import("@hanzogui/web").StackStyleBase | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "size" | "activeStyle" | "value" | "defaultActiveStyle" | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }> & {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    } & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
-    }>>> | "__scopeToggleGroup"> & Omit<import("@gui/web").StackNonStyleProps, "unstyled" | keyof import("@gui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>>> | "__scopeToggleGroup"> & Omit<import("@hanzogui/web").StackNonStyleProps, "unstyled" | keyof import("@hanzogui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }> & {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    } & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
-    }>> & import("@gui/web").WithPseudoProps<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }> & {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    } & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
-    }>>> & import("@gui/web").WithMediaProps<import("@gui/web").WithThemeShorthandsAndPseudos<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }, {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
     }>> & {
         value: string;
@@ -92,47 +92,47 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGro
         disabled?: boolean;
     } & {
         __scopeToggleGroup?: string;
-    }, GuiElement, import("@gui/web").StackNonStyleProps & Omit<import("@gui/web").StackNonStyleProps, "unstyled" | keyof import("@gui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps & Omit<import("@hanzogui/web").StackNonStyleProps, "unstyled" | keyof import("@hanzogui/web").StackStyleBase | "size" | "activeStyle" | "defaultActiveStyle"> & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }> & {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    } & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
-    }>> & import("@gui/web").WithPseudoProps<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }> & {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
-    } & import("@gui/web").WithShorthands<import("@gui/web").WithThemeValues<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    } & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
-    }>>> & import("@gui/web").WithMediaProps<import("@gui/web").WithThemeShorthandsAndPseudos<import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }, {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
     }>> & {
         value: string;
@@ -140,15 +140,15 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGro
         disabled?: boolean;
     } & {
         __scopeToggleGroup?: string;
-    }, import("@gui/web").StackStyleBase & {
-        readonly activeStyle?: Partial<import("@gui/web").InferStyleProps<import("@gui/web").GuiComponent<import("@gui/web").ViewProps, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, {}>, {
+    }, import("@hanzogui/web").StackStyleBase & {
+        readonly activeStyle?: Partial<import("@hanzogui/web").InferStyleProps<import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").ViewProps, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, {}>, {
             accept: {
                 readonly activeStyle: "style";
             };
         }>> | undefined;
     }, {
         unstyled?: boolean | undefined;
-        size?: number | import("@gui/web").SizeTokens | undefined;
+        size?: number | import("@hanzogui/web").SizeTokens | undefined;
         defaultActiveStyle?: boolean | undefined;
     }, {
         accept: {
@@ -176,7 +176,7 @@ interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
     disableDeactivation?: never;
 }
 type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>;
-declare const ToggleGroupFrame: import("@gui/web").GuiComponent<import("@gui/web").TamaDefer, GuiElement, import("@gui/web").StackNonStyleProps, import("@gui/web").StackStyleBase, {}, import("@gui/web").StaticConfigPublic>;
+declare const ToggleGroupFrame: import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").TamaDefer, HanzoguiElement, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
 type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & {
     orientation?: 'horizontal' | 'vertical';
     rovingFocus?: boolean;

package/types/context.d.ts

@@ -1,4 +1,4 @@
-export declare const context: import("@gui/web").StyledContext<{
+export declare const context: import("@hanzogui/web").StyledContext<{
     color: string;
     active: boolean;
 }>;

package/types/types.d.ts

@@ -1,4 +1,4 @@
-import type { ViewStyle } from '@gui/web';
+import type { ViewStyle } from '@hanzogui/web';
 export type ToggleStylesBase = ViewStyle & {
     color?: string;
 };

package/dist/cjs/Toggle.cjs

@@ -1,145 +0,0 @@
-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 Toggle_exports = {};
-__export(Toggle_exports, {
-  Toggle: () => Toggle,
-  ToggleFrame: () => ToggleFrame
-});
-module.exports = __toCommonJS(Toggle_exports);
-var import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
-  import_gui_web = require("@hanzogui/web"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const NAME = "Toggle",
-  ToggleFrame = (0, import_gui_web.styled)(import_gui_web.View, {
-    name: NAME,
-    render: "button",
-    context: import_context.context,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          alignItems: "center",
-          justifyContent: "center",
-          display: "flex",
-          backgroundColor: "$background",
-          borderColor: "$borderColor",
-          borderWidth: 1,
-          margin: -1,
-          hoverStyle: {
-            backgroundColor: "$backgroundHover",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorPress"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            zIndex: 10
-          }
-        }
-      },
-      size: {
-        "...size": (val, {
-          tokens
-        }) => {
-          if (val) return {
-            width: tokens.size[val],
-            height: tokens.size[val]
-          };
-        },
-        ":number": val => ({
-          width: val,
-          height: val
-        })
-      },
-      defaultActiveStyle: {
-        true: {
-          backgroundColor: "$backgroundActive",
-          hoverStyle: {
-            backgroundColor: "$backgroundActive"
-          },
-          focusStyle: {
-            backgroundColor: "$backgroundActive"
-          }
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
-    }
-  }),
-  Toggle = React.forwardRef(function (props, forwardedRef) {
-    const {
-        active: activeProp,
-        activeStyle,
-        defaultActive = !1,
-        onActiveChange,
-        activeTheme,
-        unstyled = !1,
-        ...buttonProps
-      } = props,
-      [active = !1, setActive] = (0, import_gui_use_controllable_state.useControllableState)({
-        prop: activeProp,
-        onChange: onActiveChange,
-        defaultProp: defaultActive
-      });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
-      theme: activeTheme ?? null,
-      "aria-pressed": active,
-      "data-state": active ? "on" : "off",
-      "data-disabled": props.disabled ? "" : void 0,
-      unstyled,
-      ...(active && !activeStyle && !unstyled && {
-        defaultActiveStyle: !0
-      }),
-      ...(active && activeStyle && {
-        ...activeStyle,
-        hoverStyle: activeStyle,
-        focusStyle: activeStyle
-      }),
-      ...buttonProps,
-      ref: forwardedRef,
-      onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
-        props.disabled || setActive(prev => !prev);
-      })
-    });
-  });