@luxfi/ui 7.3.2 → 7.4.2

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, {
-    variant?: "primary" | "secondary" | "ghost" | undefined;
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     disabled?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | 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, {
+    unstyled?: boolean | undefined;
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | 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, {
-    variant?: "primary" | "secondary" | "ghost" | undefined;
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
     disabled?: boolean | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_core.StaticConfigPublic>;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | 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, {
+    unstyled?: boolean | undefined;
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | 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/checkbox.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var RadixCheckbox = require('@radix-ui/react-checkbox');
+var gui = require('@hanzo/gui');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -25,7 +25,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var RadixCheckbox__namespace = /*#__PURE__*/_interopNamespace(RadixCheckbox);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/checkbox.tsx
@@ -214,8 +213,9 @@ var CheckboxBase = React__namespace.forwardRef(
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            RadixCheckbox__namespace.Root,
+            gui.Checkbox,
             {
+              unstyled: true,
               checked: checkedState,
               onCheckedChange: handleCheckedChange,
               disabled: disabled || readOnly,
@@ -233,7 +233,7 @@ var CheckboxBase = React__namespace.forwardRef(
                 "transition-colors duration-150",
                 sizeClasses.control
               ),
-              children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(RadixCheckbox__namespace.Indicator, { className: cn("flex items-center justify-center", sizeClasses.icon), children: checkedState === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(IndeterminateIcon, { className: sizeClasses.icon }) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: sizeClasses.icon }) })
+              children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(gui.Checkbox.Indicator, { className: cn("flex items-center justify-center", sizeClasses.icon), children: checkedState === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(IndeterminateIcon, { className: sizeClasses.icon }) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: sizeClasses.icon }) })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(

package/dist/checkbox.d.cts

@@ -1,6 +1,7 @@
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as React from 'react';
 
+/** Tri-state, as the Chakra/Radix contract consumers already code against. */
+type CheckedState = boolean | 'indeterminate';
 interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
     value?: Array<string>;
     defaultValue?: Array<string>;
@@ -17,7 +18,7 @@ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'o
     rootRef?: React.Ref<HTMLLabelElement>;
     checked?: boolean | 'indeterminate';
     defaultChecked?: boolean;
-    onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
+    onCheckedChange?: (checked: CheckedState) => void;
     onChange?: React.FormEventHandler<HTMLLabelElement>;
     disabled?: boolean;
     readOnly?: boolean;

package/dist/checkbox.d.ts

@@ -1,6 +1,7 @@
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as React from 'react';
 
+/** Tri-state, as the Chakra/Radix contract consumers already code against. */
+type CheckedState = boolean | 'indeterminate';
 interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
     value?: Array<string>;
     defaultValue?: Array<string>;
@@ -17,7 +18,7 @@ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'o
     rootRef?: React.Ref<HTMLLabelElement>;
     checked?: boolean | 'indeterminate';
     defaultChecked?: boolean;
-    onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
+    onCheckedChange?: (checked: CheckedState) => void;
     onChange?: React.FormEventHandler<HTMLLabelElement>;
     disabled?: boolean;
     readOnly?: boolean;

package/dist/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { Checkbox } from '@hanzo/gui';
 import * as React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -104,7 +104,7 @@ var IndeterminateIcon = ({ className }) => /* @__PURE__ */ jsx(
   }
 );
 var CheckboxBase = React.forwardRef(
-  function Checkbox(props, ref) {
+  function Checkbox$1(props, ref) {
     const {
       icon,
       children,
@@ -191,8 +191,9 @@ var CheckboxBase = React.forwardRef(
         ...rest,
         children: [
           /* @__PURE__ */ jsx(
-            RadixCheckbox.Root,
+            Checkbox,
             {
+              unstyled: true,
               checked: checkedState,
               onCheckedChange: handleCheckedChange,
               disabled: disabled || readOnly,
@@ -210,7 +211,7 @@ var CheckboxBase = React.forwardRef(
                 "transition-colors duration-150",
                 sizeClasses.control
               ),
-              children: icon ?? /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: cn("flex items-center justify-center", sizeClasses.icon), children: checkedState === "indeterminate" ? /* @__PURE__ */ jsx(IndeterminateIcon, { className: sizeClasses.icon }) : /* @__PURE__ */ jsx(CheckIcon, { className: sizeClasses.icon }) })
+              children: icon ?? /* @__PURE__ */ jsx(Checkbox.Indicator, { className: cn("flex items-center justify-center", sizeClasses.icon), children: checkedState === "indeterminate" ? /* @__PURE__ */ jsx(IndeterminateIcon, { className: sizeClasses.icon }) : /* @__PURE__ */ jsx(CheckIcon, { className: sizeClasses.icon }) })
             }
           ),
           /* @__PURE__ */ jsx(