@luxfi/ui 7.4.13 → 7.4.15

package/dist/bank.d.cts

@@ -27,11 +27,11 @@ declare const bankColors: {
     readonly divider: "#222222";
     readonly disabled: "#444444";
 };
-declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     size?: "sm" | "md" | "lg" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankCardProps = GetProps<typeof BankCard>;
-declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     size?: "sm" | "md" | "lg" | undefined;
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
@@ -39,21 +39,21 @@ declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _ha
 type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
-declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     disabled?: boolean | undefined;
     variant?: "primary" | "secondary" | "ghost" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     variant?: "primary" | "secondary" | "ghost" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankButtonProps = GetProps<typeof BankButton>;
-declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _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_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
@@ -63,21 +63,21 @@ declare function BankField({ label, error, children, }: {
     error?: string;
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     status?: "error" | "success" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     status?: "error" | "success" | undefined;
     unstyled?: boolean | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankAlertProps = GetProps<typeof BankAlert>;
-declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankPinBoxProps = GetProps<typeof BankPinBox>;
-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>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _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

@@ -27,11 +27,11 @@ declare const bankColors: {
     readonly divider: "#222222";
     readonly disabled: "#444444";
 };
-declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     size?: "sm" | "md" | "lg" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankCardProps = GetProps<typeof BankCard>;
-declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     size?: "sm" | "md" | "lg" | undefined;
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
@@ -39,21 +39,21 @@ declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _ha
 type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
-declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     disabled?: boolean | undefined;
     variant?: "primary" | "secondary" | "ghost" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     variant?: "primary" | "secondary" | "ghost" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankButtonProps = GetProps<typeof BankButton>;
-declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _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_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
@@ -63,21 +63,21 @@ declare function BankField({ label, error, children, }: {
     error?: string;
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     status?: "error" | "success" | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     status?: "error" | "success" | undefined;
     unstyled?: boolean | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankAlertProps = GetProps<typeof BankAlert>;
-declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
 type BankPinBoxProps = GetProps<typeof BankPinBox>;
-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>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _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/button.cjs

@@ -495,17 +495,6 @@ var Button = React2__namespace.forwardRef(
     return button;
   }
 );
-var SIZE_CLASSES = {
-  "2xs": "px-2 h-5 min-w-5 text-xs rounded-sm gap-1",
-  xs: "px-2 h-6 min-w-6 text-sm rounded-sm gap-1",
-  sm: "px-3 h-8 min-w-8 text-sm rounded-md gap-1",
-  md: "px-3 h-10 min-w-10 text-base rounded-md gap-2"
-};
-function buttonVariants(opts) {
-  const v = opts?.variant ?? "solid";
-  const s = opts?.size ?? "md";
-  return [BASE_CLASSES, VARIANT_CLASSES[v] ?? "", SIZE_CLASSES[s] ?? ""].filter(Boolean).join(" ");
-}
 var ButtonGroup = React2__namespace.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
@@ -571,4 +560,3 @@ var ButtonGroupRadio = React2__namespace.forwardRef(
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupRadio = ButtonGroupRadio;
-exports.buttonVariants = buttonVariants;

package/dist/button.d.cts

@@ -35,10 +35,6 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     readonly 'data-call-strategy'?: string;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare function buttonVariants(opts?: {
-    variant?: string;
-    size?: string;
-}): string;
 interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -52,4 +48,4 @@ interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement
 }
 declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
+export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps };

package/dist/button.d.ts

@@ -35,10 +35,6 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     readonly 'data-call-strategy'?: string;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare function buttonVariants(opts?: {
-    variant?: string;
-    size?: string;
-}): string;
 interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -52,4 +48,4 @@ interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement
 }
 declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
+export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps };

package/dist/button.js

@@ -473,17 +473,6 @@ var Button = React2.forwardRef(
     return button;
   }
 );
-var SIZE_CLASSES = {
-  "2xs": "px-2 h-5 min-w-5 text-xs rounded-sm gap-1",
-  xs: "px-2 h-6 min-w-6 text-sm rounded-sm gap-1",
-  sm: "px-3 h-8 min-w-8 text-sm rounded-md gap-1",
-  md: "px-3 h-10 min-w-10 text-base rounded-md gap-2"
-};
-function buttonVariants(opts) {
-  const v = opts?.variant ?? "solid";
-  const s = opts?.size ?? "md";
-  return [BASE_CLASSES, VARIANT_CLASSES[v] ?? "", SIZE_CLASSES[s] ?? ""].filter(Boolean).join(" ");
-}
 var ButtonGroup = React2.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
@@ -546,4 +535,4 @@ var ButtonGroupRadio = React2.forwardRef(
   }
 );
 
-export { Button, ButtonGroup, ButtonGroupRadio, buttonVariants };
+export { Button, ButtonGroup, ButtonGroupRadio };

package/dist/dialog.d.cts

@@ -52,7 +52,7 @@ 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: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
     elevation?: number | _hanzogui_web.SizeTokens | undefined;
@@ -61,7 +61,7 @@ declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetF
     forceMount?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     forceMount?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
@@ -95,9 +95,9 @@ declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.G
 }, _hanzogui_web.StaticConfigPublic>;
 interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
 }
-declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
+declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     scope?: _hanzo_gui.DialogScopes;
 }, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 /**
@@ -105,11 +105,11 @@ declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFi
  * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
  * children in a close action.
  */
-declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;

package/dist/dialog.d.ts

@@ -52,7 +52,7 @@ 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: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
     elevation?: number | _hanzogui_web.SizeTokens | undefined;
@@ -61,7 +61,7 @@ declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetF
     forceMount?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     forceMount?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
@@ -95,9 +95,9 @@ declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.G
 }, _hanzogui_web.StaticConfigPublic>;
 interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
 }
-declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
+declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     scope?: _hanzo_gui.DialogScopes;
 }, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
 /**
@@ -105,11 +105,11 @@ declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFi
  * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
  * children in a close action.
  */
-declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;

package/dist/drawer.d.cts

@@ -56,11 +56,11 @@ declare const DrawerDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.G
     unstyled?: boolean | undefined;
     size?: _hanzogui_web.FontSizeTokens | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const DrawerActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+declare const DrawerActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;

package/dist/drawer.d.ts

@@ -56,11 +56,11 @@ declare const DrawerDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.G
     unstyled?: boolean | undefined;
     size?: _hanzogui_web.FontSizeTokens | undefined;
 }, _hanzogui_web.StaticConfigPublic>;
-declare const DrawerActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+declare const DrawerActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
     scope?: _hanzo_gui.DialogScopes;

package/dist/expiration-selector.cjs

@@ -38,18 +38,17 @@ var GROUP_LABELS = {
 var SHAPE = {
   selected: {
     borderColor: "transparent",
-    backgroundColor: "var(--color-selected-control-bg)",
-    color: "var(--color-selected-control-text)"
+    backgroundColor: "var(--color-selected-control-bg)"
   },
   resting: {
     borderColor: "var(--color-border-divider)",
     backgroundColor: "var(--card)",
-    color: "var(--color-text-secondary)",
-    hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
+    hoverStyle: { borderColor: "var(--color-hover)" }
   }
 };
 function ExpirationPill({ exp, isSelected, onClick }) {
   const shape = isSelected ? SHAPE.selected : SHAPE.resting;
+  const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
   const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     gui.YStack,
@@ -68,7 +67,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
       cursor: "pointer",
       ...shape,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
+        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           gui.Text,
           {

package/dist/expiration-selector.js

@@ -16,18 +16,17 @@ var GROUP_LABELS = {
 var SHAPE = {
   selected: {
     borderColor: "transparent",
-    backgroundColor: "var(--color-selected-control-bg)",
-    color: "var(--color-selected-control-text)"
+    backgroundColor: "var(--color-selected-control-bg)"
   },
   resting: {
     borderColor: "var(--color-border-divider)",
     backgroundColor: "var(--card)",
-    color: "var(--color-text-secondary)",
-    hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
+    hoverStyle: { borderColor: "var(--color-hover)" }
   }
 };
 function ExpirationPill({ exp, isSelected, onClick }) {
   const shape = isSelected ? SHAPE.selected : SHAPE.resting;
+  const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
   const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
   return /* @__PURE__ */ jsxs(
     YStack,
@@ -46,7 +45,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
       cursor: "pointer",
       ...shape,
       children: [
-        /* @__PURE__ */ jsx(Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
+        /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
         /* @__PURE__ */ jsxs(
           Text,
           {

package/dist/heading.cjs

@@ -12,9 +12,18 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 // src/heading.tsx
 var TAG = { "1": gui.H1, "2": gui.H2, "3": gui.H3 };
 var RAMP = {
-  "1": { fontSize: 18, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 32, lineHeight: 40, letterSpacing: -0.5 } },
-  "2": { fontSize: 16, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 24, lineHeight: 32 } },
-  "3": { fontSize: 14, lineHeight: 20, fontWeight: "600", $lg: { fontSize: 18, lineHeight: 24, fontWeight: "500" } }
+  // Tokens, not numbers. `$n` publishes as `var(--text-*, <px>)` through the
+  // shared config, and @hanzo/design multiplies `--text-*` by `--type-scale` —
+  // so these three lines are what lets a person's type-size setting reach a
+  // heading at all. Written as `18` they would render identically today and
+  // never move again.
+  //
+  // lineHeight is deliberately absent: gui derives it from the resolved size,
+  // so it scales WITH the text. A fixed 24 next to an adjustable size is how
+  // you get 32px text in a 24px box.
+  "1": { fontSize: "$6", $lg: { fontSize: "$10", letterSpacing: -0.5 } },
+  "2": { fontSize: "$5", $lg: { fontSize: "$8" } },
+  "3": { fontSize: "$3", fontWeight: "600", $lg: { fontSize: "$6", fontWeight: "500" } }
 };
 var Heading = React__default.default.forwardRef(
   function Heading2({ level, ...rest }, ref) {

package/dist/heading.js

@@ -6,9 +6,18 @@ import { jsx } from 'react/jsx-runtime';
 // src/heading.tsx
 var TAG = { "1": H1, "2": H2, "3": H3 };
 var RAMP = {
-  "1": { fontSize: 18, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 32, lineHeight: 40, letterSpacing: -0.5 } },
-  "2": { fontSize: 16, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 24, lineHeight: 32 } },
-  "3": { fontSize: 14, lineHeight: 20, fontWeight: "600", $lg: { fontSize: 18, lineHeight: 24, fontWeight: "500" } }
+  // Tokens, not numbers. `$n` publishes as `var(--text-*, <px>)` through the
+  // shared config, and @hanzo/design multiplies `--text-*` by `--type-scale` —
+  // so these three lines are what lets a person's type-size setting reach a
+  // heading at all. Written as `18` they would render identically today and
+  // never move again.
+  //
+  // lineHeight is deliberately absent: gui derives it from the resolved size,
+  // so it scales WITH the text. A fixed 24 next to an adjustable size is how
+  // you get 32px text in a 24px box.
+  "1": { fontSize: "$6", $lg: { fontSize: "$10", letterSpacing: -0.5 } },
+  "2": { fontSize: "$5", $lg: { fontSize: "$8" } },
+  "3": { fontSize: "$3", fontWeight: "600", $lg: { fontSize: "$6", fontWeight: "500" } }
 };
 var Heading = React.forwardRef(
   function Heading2({ level, ...rest }, ref) {

package/dist/index.cjs

@@ -4,6 +4,7 @@
 var gui = require('@hanzo/gui');
 var reactQuery = require('@tanstack/react-query');
 var React32 = require('react');
+var guiConfig = require('@hanzo/ui/gui-config');
 var v5 = require('@hanzogui/config/v5');
 var v5Css = require('@hanzogui/config/v5-css');
 var jsxRuntime = require('react/jsx-runtime');
@@ -195,6 +196,7 @@ var luxThemes = {
 };
 var config = gui.createGui({
   ...v5.defaultConfig,
+  ...guiConfig.config,
   animations: v5Css.animations,
   settings: {
     ...v5.defaultConfig.settings,
@@ -2243,17 +2245,6 @@ var Button = React32__namespace.forwardRef(
     return button;
   }
 );
-var SIZE_CLASSES = {
-  "2xs": "px-2 h-5 min-w-5 text-xs rounded-sm gap-1",
-  xs: "px-2 h-6 min-w-6 text-sm rounded-sm gap-1",
-  sm: "px-3 h-8 min-w-8 text-sm rounded-md gap-1",
-  md: "px-3 h-10 min-w-10 text-base rounded-md gap-2"
-};
-function buttonVariants(opts) {
-  const v = opts?.variant ?? "solid";
-  const s = opts?.size ?? "md";
-  return [BASE_CLASSES, VARIANT_CLASSES[v] ?? "", SIZE_CLASSES[s] ?? ""].filter(Boolean).join(" ");
-}
 var ButtonGroup = React32__namespace.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
@@ -3279,9 +3270,18 @@ var Field = React32__namespace.forwardRef(
 );
 var TAG = { "1": gui.H1, "2": gui.H2, "3": gui.H3 };
 var RAMP = {
-  "1": { fontSize: 18, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 32, lineHeight: 40, letterSpacing: -0.5 } },
-  "2": { fontSize: 16, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 24, lineHeight: 32 } },
-  "3": { fontSize: 14, lineHeight: 20, fontWeight: "600", $lg: { fontSize: 18, lineHeight: 24, fontWeight: "500" } }
+  // Tokens, not numbers. `$n` publishes as `var(--text-*, <px>)` through the
+  // shared config, and @hanzo/design multiplies `--text-*` by `--type-scale` —
+  // so these three lines are what lets a person's type-size setting reach a
+  // heading at all. Written as `18` they would render identically today and
+  // never move again.
+  //
+  // lineHeight is deliberately absent: gui derives it from the resolved size,
+  // so it scales WITH the text. A fixed 24 next to an adjustable size is how
+  // you get 32px text in a 24px box.
+  "1": { fontSize: "$6", $lg: { fontSize: "$10", letterSpacing: -0.5 } },
+  "2": { fontSize: "$5", $lg: { fontSize: "$8" } },
+  "3": { fontSize: "$3", fontWeight: "600", $lg: { fontSize: "$6", fontWeight: "500" } }
 };
 var Heading = React32__namespace.default.forwardRef(
   function Heading2({ level, ...rest }, ref) {
@@ -3649,11 +3649,11 @@ var Image = React32__namespace.default.forwardRef(
   }
 );
 var SIZE5 = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: 12, borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: 14, borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: 16, borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: 18, borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: 20, borderRadius: 8 }
+  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
+  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
+  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
+  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
+  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
 };
 var VARIANT3 = {
   outline: { borderWidth: 1, borderStyle: "solid" },
@@ -5880,11 +5880,11 @@ var Tag = React32__namespace.forwardRef(
   }
 );
 var SIZE10 = {
-  xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: 12, borderRadius: 4 },
-  sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: 14, borderRadius: 6 },
-  md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: 16, borderRadius: 6 },
-  lg: { paddingHorizontal: 16, paddingVertical: 12, fontSize: 18, borderRadius: 8 },
-  "2xl": { paddingHorizontal: 16, paddingVertical: 12, fontSize: 20, borderRadius: 8 }
+  xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
+  sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
+  md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
+  lg: { paddingHorizontal: 16, paddingVertical: 12, fontSize: "$6", borderRadius: 8 },
+  "2xl": { paddingHorizontal: 16, paddingVertical: 12, fontSize: "$7", borderRadius: 8 }
 };
 var Textarea = React32__namespace.default.forwardRef(
   ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
@@ -7284,8 +7284,16 @@ function ActionButton({ onClick, children }) {
       paddingVertical: 4,
       backgroundColor: "var(--color-button-subtle-bg)",
       cursor: "pointer",
-      hoverStyle: { color: "var(--color-hover)" },
-      children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", color: "var(--color-button-subtle-fg)", children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        gui.Text,
+        {
+          fontSize: 12,
+          fontWeight: "500",
+          color: "var(--color-button-subtle-fg)",
+          hoverStyle: { color: "var(--color-hover)" },
+          children
+        }
+      )
     }
   );
 }
@@ -7308,18 +7316,17 @@ var GROUP_LABELS = {
 var SHAPE = {
   selected: {
     borderColor: "transparent",
-    backgroundColor: "var(--color-selected-control-bg)",
-    color: "var(--color-selected-control-text)"
+    backgroundColor: "var(--color-selected-control-bg)"
   },
   resting: {
     borderColor: "var(--color-border-divider)",
     backgroundColor: "var(--card)",
-    color: "var(--color-text-secondary)",
-    hoverStyle: { borderColor: "var(--color-hover)", color: "var(--color-hover)" }
+    hoverStyle: { borderColor: "var(--color-hover)" }
   }
 };
 function ExpirationPill({ exp, isSelected, onClick }) {
   const shape = isSelected ? SHAPE.selected : SHAPE.resting;
+  const dateColor = isSelected ? "var(--color-selected-control-text)" : "var(--color-text-secondary)";
   const dteColor = exp.dte <= 7 && !isSelected ? "var(--color-status-warn)" : isSelected ? "var(--color-selected-control-text)" : "var(--muted-foreground)";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     gui.YStack,
@@ -7338,7 +7345,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
       cursor: "pointer",
       ...shape,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { unstyled: true, fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, children: formatExpDate(exp.date) }),
+        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: 12, fontWeight: "500", style: { whiteSpace: "nowrap" }, color: dateColor, children: formatExpDate(exp.date) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           gui.Text,
           {
@@ -7805,7 +7812,6 @@ exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.UserMenu = UserMenu;
 exports.bankColors = bankColors;
-exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.config = config;
 exports.createListCollection = createListCollection;

package/dist/index.d.cts

@@ -10,7 +10,7 @@ export { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoo
 export { Alert, AlertProps } from './alert.cjs';
 export { Avatar, AvatarGroup, AvatarProps } from './avatar.cjs';
 export { Badge, BadgeProps } from './badge.cjs';
-export { Button, ButtonGroup, ButtonGroupProps, ButtonGroupRadio, ButtonGroupRadioProps, ButtonProps, buttonVariants } from './button.cjs';
+export { Button, ButtonGroup, ButtonGroupProps, ButtonGroupRadio, ButtonGroupRadioProps, ButtonProps } from './button.cjs';
 export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps } from './checkbox.cjs';
 export { CloseButton, CloseButtonProps } from './close-button.cjs';
 export { CollapsibleDetails, CollapsibleList } from './collapsible.cjs';
@@ -54,7 +54,7 @@ import '@tanstack/react-query';
 import 'react';
 import 'clsx';
 import '@hanzogui/web';
-import '@hanzogui/themes/v5';
+import '@hanzogui/config/v5';
 import '@hanzo/gui';
 import 'react/jsx-runtime';
 import '@hanzogui/core';