@luxfi/ui 7.3.1 → 7.4.0

package/dist/alert.cjs

@@ -4,7 +4,7 @@
 var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var core = require('@hanzogui/core');
+var gui = require('@hanzo/gui');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -32,7 +32,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = core.styled(core.View, {
+var CloseButtonFrame = gui.styled(gui.View, {
   name: "LuxCloseButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
   role: "button",

package/dist/alert.js

@@ -2,7 +2,7 @@
 import * as React2 from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { styled, View } from '@hanzogui/core';
+import { styled, View } from '@hanzo/gui';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/alert.tsx

package/dist/badge.cjs

@@ -5,7 +5,7 @@ var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var tooltip = require('@hanzogui/tooltip');
+var gui = require('@hanzo/gui');
 var usehooks = require('@uidotdev/usehooks');
 
 function _interopNamespace(e) {
@@ -300,8 +300,8 @@ var Tooltip = React2__namespace.forwardRef(
     const isPopover = variant === "popover";
     const placement = mapPlacement(positioning?.placement) ?? "top";
     const offset = positioning?.offset?.mainAxis ?? 4;
-    return /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipGroup, { delay: openDelay, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      tooltip.Tooltip,
+    return /* @__PURE__ */ jsxRuntime.jsx(gui.TooltipGroup, { delay: openDelay, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      gui.Tooltip,
       {
         open,
         onOpenChange: handleOpenChange,
@@ -311,7 +311,7 @@ var Tooltip = React2__namespace.forwardRef(
         unstyled: true,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            tooltip.Tooltip.Trigger,
+            gui.Tooltip.Trigger,
             {
               ref: open ? triggerRef : void 0,
               asChild: true,
@@ -321,7 +321,7 @@ var Tooltip = React2__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            tooltip.Tooltip.Content,
+            gui.Tooltip.Content,
             {
               ref,
               unstyled: true,
@@ -338,7 +338,7 @@ var Tooltip = React2__namespace.forwardRef(
               ...contentProps,
               children: [
                 showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-                  tooltip.Tooltip.Arrow,
+                  gui.Tooltip.Arrow,
                   {
                     unstyled: true,
                     className: cn(

package/dist/badge.js

@@ -4,7 +4,7 @@ import React2__default from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { TooltipGroup, Tooltip as Tooltip$1 } from '@hanzogui/tooltip';
+import { TooltipGroup, Tooltip as Tooltip$1 } from '@hanzo/gui';
 import { useClickAway } from '@uidotdev/usehooks';
 
 // src/badge.tsx

package/dist/bank.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var core = require('@hanzogui/core');
+var gui = require('@hanzo/gui');
 var jsxRuntime = require('react/jsx-runtime');
 
 var bankColors = {
@@ -27,7 +27,7 @@ var bankColors = {
   divider: "#222222",
   disabled: "#444444"
 };
-var BankCard = core.styled(core.View, {
+var BankCard = gui.styled(gui.View, {
   name: "BankCard",
   backgroundColor: bankColors.card,
   borderRadius: 24,
@@ -48,7 +48,7 @@ var BankCard = core.styled(core.View, {
     size: "md"
   }
 });
-var BankInput = core.styled(core.Text, {
+var BankInput = gui.styled(gui.Text, {
   name: "BankInput",
   render: "input",
   backgroundColor: bankColors.input,
@@ -84,7 +84,7 @@ var BankInput = core.styled(core.Text, {
     size: "md"
   }
 });
-var BankButton = core.styled(core.View, {
+var BankButton = gui.styled(gui.View, {
   name: "BankButton",
   render: "button",
   backgroundColor: bankColors.accent,
@@ -129,7 +129,7 @@ var BankButton = core.styled(core.View, {
     variant: "primary"
   }
 });
-var BankButtonText = core.styled(core.Text, {
+var BankButtonText = gui.styled(gui.Text, {
   name: "BankButtonText",
   color: "#000000",
   fontSize: 16,
@@ -143,7 +143,7 @@ var BankButtonText = core.styled(core.Text, {
     }
   }
 });
-var BankHeading = core.styled(core.Text, {
+var BankHeading = gui.styled(gui.Text, {
   name: "BankHeading",
   color: bankColors.text,
   fontWeight: "700",
@@ -160,7 +160,7 @@ var BankHeading = core.styled(core.Text, {
     size: "lg"
   }
 });
-var BankText = core.styled(core.Text, {
+var BankText = gui.styled(gui.Text, {
   name: "BankText",
   color: bankColors.textMuted,
   fontSize: 16,
@@ -184,13 +184,13 @@ function BankField({
   error,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.View, { gap: 8, width: "100%", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(gui.View, { gap: 8, width: "100%", children: [
     label && /* @__PURE__ */ jsxRuntime.jsx(BankText, { variant: "label", children: label }),
     children,
     error && /* @__PURE__ */ jsxRuntime.jsx(BankText, { variant: "error", children: error })
   ] });
 }
-var BankAlert = core.styled(core.View, {
+var BankAlert = gui.styled(gui.View, {
   name: "BankAlert",
   borderRadius: 12,
   padding: 16,
@@ -209,7 +209,7 @@ var BankAlert = core.styled(core.View, {
     }
   }
 });
-var BankAlertText = core.styled(core.Text, {
+var BankAlertText = gui.styled(gui.Text, {
   name: "BankAlertText",
   fontSize: 14,
   variants: {
@@ -219,7 +219,7 @@ var BankAlertText = core.styled(core.Text, {
     }
   }
 });
-var BankPinBox = core.styled(core.Text, {
+var BankPinBox = gui.styled(gui.Text, {
   name: "BankPinBox",
   render: "input",
   backgroundColor: bankColors.input,
@@ -242,13 +242,13 @@ var BankPinBox = core.styled(core.Text, {
     }
   }
 });
-var BankDivider = core.styled(core.View, {
+var BankDivider = gui.styled(gui.View, {
   name: "BankDivider",
   height: 1,
   width: "100%",
   backgroundColor: bankColors.divider
 });
-var BankPage = core.styled(core.View, {
+var BankPage = gui.styled(gui.View, {
   name: "BankPage",
   backgroundColor: bankColors.bg,
   minHeight: "100vh",

package/dist/bank.d.cts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _hanzogui_core from '@hanzogui/core';
-import { GetProps } from '@hanzogui/core';
+import * as _hanzogui_web from '@hanzogui/web';
 import React__default from 'react';
+import { GetProps } from '@hanzo/gui';
 
 declare const bankColors: {
     readonly bg: "#000000";
@@ -26,51 +27,57 @@ declare const bankColors: {
     readonly divider: "#222222";
     readonly disabled: "#444444";
 };
-declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     size?: "sm" | "md" | "lg" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankCardProps = GetProps<typeof BankCard>;
-declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     size?: "sm" | "md" | "lg" | undefined;
+    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
-declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
     disabled?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankButtonProps = GetProps<typeof BankButton>;
-declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankHeadingProps = GetProps<typeof BankHeading>;
-declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
-    variant?: "default" | "link" | "label" | "error" | "success" | "muted" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankTextProps = GetProps<typeof BankText>;
 declare function BankField({ label, error, children, }: {
     label?: string;
     error?: string;
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     status?: "error" | "success" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     status?: "error" | "success" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankAlertProps = GetProps<typeof BankAlert>;
-declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankPinBoxProps = GetProps<typeof BankPinBox>;
-declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
-declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 type BankPageProps = GetProps<typeof BankPage>;
 
 export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/bank.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _hanzogui_core from '@hanzogui/core';
-import { GetProps } from '@hanzogui/core';
+import * as _hanzogui_web from '@hanzogui/web';
 import React__default from 'react';
+import { GetProps } from '@hanzo/gui';
 
 declare const bankColors: {
     readonly bg: "#000000";
@@ -26,51 +27,57 @@ declare const bankColors: {
     readonly divider: "#222222";
     readonly disabled: "#444444";
 };
-declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     size?: "sm" | "md" | "lg" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankCardProps = GetProps<typeof BankCard>;
-declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     size?: "sm" | "md" | "lg" | undefined;
+    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
-declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
     disabled?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankButtonProps = GetProps<typeof BankButton>;
-declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankHeadingProps = GetProps<typeof BankHeading>;
-declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
-    variant?: "default" | "link" | "label" | "error" | "success" | "muted" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankTextProps = GetProps<typeof BankText>;
 declare function BankField({ label, error, children, }: {
     label?: string;
     error?: string;
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     status?: "error" | "success" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     status?: "error" | "success" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankAlertProps = GetProps<typeof BankAlert>;
-declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
 type BankPinBoxProps = GetProps<typeof BankPinBox>;
-declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
-declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 type BankPageProps = GetProps<typeof BankPage>;
 
 export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/bank.js

@@ -1,5 +1,5 @@
 "use client";
-import { styled, View, Text } from '@hanzogui/core';
+import { styled, View, Text } from '@hanzo/gui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var bankColors = {

package/dist/button.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var core = require('@hanzogui/core');
+var gui = require('@hanzo/gui');
 var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -218,7 +218,7 @@ React2__namespace.forwardRef(
     )) });
   }
 );
-var SpinnerFrame = core.styled(core.View, {
+var SpinnerFrame = gui.styled(gui.View, {
   name: "ButtonSpinner",
   render: /* @__PURE__ */ jsxRuntime.jsx("span", {}),
   width: 16,
@@ -242,7 +242,7 @@ function Spinner({ className }) {
     }
   );
 }
-var ButtonFrame = core.styled(core.View, {
+var ButtonFrame = gui.styled(gui.View, {
   name: "LuxButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }),
   role: "button",

package/dist/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { styled, View } from '@hanzogui/core';
+import { styled, View } from '@hanzo/gui';
 import * as React2 from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';

package/dist/close-button.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var core = require('@hanzogui/core');
+var gui = require('@hanzo/gui');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,7 +27,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/close-button.tsx
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = core.styled(core.View, {
+var CloseButtonFrame = gui.styled(gui.View, {
   name: "LuxCloseButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
   role: "button",

package/dist/close-button.js

@@ -1,5 +1,5 @@
 "use client";
-import { styled, View } from '@hanzogui/core';
+import { styled, View } from '@hanzo/gui';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/dialog.cjs

@@ -1,11 +1,10 @@
 "use client";
 'use strict';
 
-var dialog = require('@hanzogui/dialog');
+var gui = require('@hanzo/gui');
 var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var core = require('@hanzogui/core');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -33,7 +32,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = core.styled(core.View, {
+var CloseButtonFrame = gui.styled(gui.View, {
   name: "LuxCloseButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
   role: "button",
@@ -148,7 +147,7 @@ var DialogRoot = ({
   );
   const ctx = React2__namespace.useMemo(() => ({ size }), [size]);
   return /* @__PURE__ */ jsxRuntime.jsx(DialogSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    dialog.Dialog,
+    gui.Dialog,
     {
       open,
       defaultOpen,
@@ -174,9 +173,9 @@ var DialogContent = React2__namespace.forwardRef(function DialogContent2(props,
     ..._paddingTop !== void 0 ? { paddingTop: typeof _paddingTop === "number" ? `${_paddingTop * 4}px` : _paddingTop } : {}
   };
   const { size } = useDialogSizeContext();
-  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(gui.Dialog.Portal, { children: [
     backdrop && /* @__PURE__ */ jsxRuntime.jsx(
-      dialog.Dialog.Overlay,
+      gui.Dialog.Overlay,
       {
         unstyled: true,
         className: "fixed inset-0 z-[1400] bg-black/80"
@@ -191,7 +190,7 @@ var DialogContent = React2__namespace.forwardRef(function DialogContent2(props,
           "overflow-hidden"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          dialog.Dialog.Content,
+          gui.Dialog.Content,
           {
             ref,
             unstyled: true,
@@ -217,7 +216,7 @@ var DialogContent = React2__namespace.forwardRef(function DialogContent2(props,
 });
 var DialogCloseTrigger = React2__namespace.forwardRef(function DialogCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { ref, className, ...rest, children: props.children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { ref, className, ...rest, children: props.children }) });
 });
 var DialogHeader = React2__namespace.forwardRef(function DialogHeader2(props, ref) {
   const { startElement: startElementProp, onBackToClick, className, children, ...rest } = props;
@@ -234,7 +233,7 @@ var DialogHeader = React2__namespace.forwardRef(function DialogHeader2(props, re
       children: [
         startElement,
         /* @__PURE__ */ jsxRuntime.jsx(
-          dialog.Dialog.Title,
+          gui.Dialog.Title,
           {
             unstyled: true,
             className: cn(
@@ -276,11 +275,11 @@ var DialogFooter = React2__namespace.forwardRef(function DialogFooter2({ classNa
     }
   );
 });
-var DialogBackdrop = dialog.Dialog.Overlay;
-var DialogTitle = dialog.Dialog.Title;
-var DialogDescription = dialog.Dialog.Description;
-var DialogTrigger = dialog.Dialog.Trigger;
-var DialogActionTrigger = dialog.Dialog.Close;
+var DialogBackdrop = gui.Dialog.Overlay;
+var DialogTitle = gui.Dialog.Title;
+var DialogDescription = gui.Dialog.Description;
+var DialogTrigger = gui.Dialog.Trigger;
+var DialogActionTrigger = gui.Dialog.Close;
 
 exports.DialogActionTrigger = DialogActionTrigger;
 exports.DialogBackdrop = DialogBackdrop;

package/dist/dialog.d.cts

@@ -1,3 +1,6 @@
+import * as _hanzo_gui from '@hanzo/gui';
+import * as _hanzogui_web from '@hanzogui/web';
+import * as _hanzogui_core from '@hanzogui/core';
 import * as React from 'react';
 
 type DialogSize = 'sm' | 'md' | 'full' | 'cover';
@@ -49,17 +52,67 @@ declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & Reac
 interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-declare const DialogBackdrop: any;
-declare const DialogTitle: any;
-declare const DialogDescription: any;
+declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}>, "forceMount" | "scope"> & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
 interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
 }
-declare const DialogTrigger: any;
+declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 /**
  * `DialogActionTrigger` renders its child and closes the dialog on click.
  * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
  * children in a close action.
  */
-declare const DialogActionTrigger: any;
+declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 
 export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };