@hanzogui/demos 3.0.6 → 4.4.0

package/dist/cjs/RadioGroupHeadlessDemo.cjs

@@ -2,49 +2,51 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var RadioGroupHeadlessDemo_exports = {};
 __export(RadioGroupHeadlessDemo_exports, {
   RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
 });
 module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
-var import_radio_headless = require("@hanzogui/radio-headless"),
-  import_roving_focus = require("@hanzogui/roving-focus"),
-  import_react = __toESM(require("react"), 1),
-  import_react_native = require("react-native-web"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const RadioGroupContext = import_react.default.createContext({}),
-  RadioGroupItemContext = import_react.default.createContext({
-    checked: !1,
-    disabled: !1
-  });
+var import_radio_headless = require("@hanzogui/radio-headless");
+var import_roving_focus = require("@hanzogui/roving-focus");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native-web");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const RadioGroupContext = import_react.default.createContext({});
+const RadioGroupItemContext = import_react.default.createContext({
+  checked: false,
+  disabled: false
+});
 function RadioGroupHeadlessDemo() {
   const {
     providerValue,
@@ -80,25 +82,25 @@ function RadioGroupHeadlessDemo() {
   });
 }
 function RadioGroupItem(props) {
-  const theme = (0, import_gui.useTheme)(),
-    {
-      value,
-      id,
-      label
-    } = props,
-    {
-      providerValue,
-      native,
-      bubbleInput,
-      rovingFocusGroupAttrs,
-      frameAttrs,
-      isFormControl,
-      checked
-    } = (0, import_radio_headless.useRadioGroupItem)({
-      radioGroupContext: RadioGroupContext,
-      value,
-      id
-    });
+  const theme = (0, import_gui.useTheme)();
+  const {
+    value,
+    id,
+    label
+  } = props;
+  const {
+    providerValue,
+    native,
+    bubbleInput,
+    rovingFocusGroupAttrs,
+    frameAttrs,
+    isFormControl,
+    checked
+  } = (0, import_radio_headless.useRadioGroupItem)({
+    radioGroupContext: RadioGroupContext,
+    value,
+    id
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
     value: providerValue,
     children: import_gui.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
@@ -129,18 +131,21 @@ function RadioGroupItem(props) {
   });
 }
 function RadioGroupItemIndicator() {
-  const theme = (0, import_gui.useTheme)(),
-    params = (0, import_radio_headless.useRadioGroupItemIndicator)({
-      radioGroupItemContext: RadioGroupItemContext,
-      disabled: !1
+  const theme = (0, import_gui.useTheme)();
+  const params = (0, import_radio_headless.useRadioGroupItemIndicator)({
+    radioGroupItemContext: RadioGroupItemContext,
+    disabled: false
+  });
+  if (params.checked) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      style: {
+        ...styles.radioGroupItemIndicator,
+        backgroundColor: theme.color?.get()
+      },
+      ...params
     });
-  return params.checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-    style: {
-      ...styles.radioGroupItemIndicator,
-      backgroundColor: theme.color?.get()
-    },
-    ...params
-  }) : null;
+  }
+  return null;
 }
 const styles = import_react_native.StyleSheet.create({
   radioGroup: {

package/dist/cjs/RadioGroupHeadlessDemo.native.js

@@ -4,49 +4,51 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var RadioGroupHeadlessDemo_exports = {};
 __export(RadioGroupHeadlessDemo_exports, {
   RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
 });
 module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_radio_headless = require("@hanzogui/radio-headless"),
-  import_roving_focus = require("@hanzogui/roving-focus"),
-  import_react = __toESM(require("react"), 1),
-  import_react_native = require("react-native"),
-  import_gui = require("@hanzo/gui"),
-  RadioGroupContext = /* @__PURE__ */import_react.default.createContext({}),
-  RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
-    checked: !1,
-    disabled: !1
-  });
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_radio_headless = require("@hanzogui/radio-headless");
+var import_roving_focus = require("@hanzogui/roving-focus");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_gui = require("@hanzo/gui");
+var RadioGroupContext = /* @__PURE__ */import_react.default.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
+  checked: false,
+  disabled: false
+});
 function RadioGroupHeadlessDemo() {
   var {
     providerValue,
@@ -82,28 +84,26 @@ function RadioGroupHeadlessDemo() {
   });
 }
 function RadioGroupItem(props) {
-  var _theme_borderColor,
-    _theme_background,
-    _theme_color,
-    theme = (0, import_gui.useTheme)(),
-    {
-      value,
-      id,
-      label
-    } = props,
-    {
-      providerValue,
-      native,
-      bubbleInput,
-      rovingFocusGroupAttrs,
-      frameAttrs,
-      isFormControl,
-      checked
-    } = (0, import_radio_headless.useRadioGroupItem)({
-      radioGroupContext: RadioGroupContext,
-      value,
-      id
-    });
+  var _theme_borderColor, _theme_background, _theme_color;
+  var theme = (0, import_gui.useTheme)();
+  var {
+    value,
+    id,
+    label
+  } = props;
+  var {
+    providerValue,
+    native,
+    bubbleInput,
+    rovingFocusGroupAttrs,
+    frameAttrs,
+    isFormControl,
+    checked
+  } = (0, import_radio_headless.useRadioGroupItem)({
+    radioGroupContext: RadioGroupContext,
+    value,
+    id
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
     value: providerValue,
     children: import_gui.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
@@ -134,11 +134,11 @@ function RadioGroupItem(props) {
   });
 }
 function RadioGroupItemIndicator() {
-  var theme = (0, import_gui.useTheme)(),
-    params = (0, import_radio_headless.useRadioGroupItemIndicator)({
-      radioGroupItemContext: RadioGroupItemContext,
-      disabled: !1
-    });
+  var theme = (0, import_gui.useTheme)();
+  var params = (0, import_radio_headless.useRadioGroupItemIndicator)({
+    radioGroupItemContext: RadioGroupItemContext,
+    disabled: false
+  });
   if (params.checked) {
     var _theme_color;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {

package/dist/cjs/RadioGroupHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupHeadlessDemo_exports","__export","RadioGroupHeadlessDemo","module","exports","import_jsx_runtime","require","import_radio_headless","import_roving_focus","import_react","__toESM","import_react_native","import_gui","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","orientation","name","defaultValue","jsx","Provider","children","RovingFocusGroup","jsxs","View","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","useTheme","native","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","radioGroupItemContainer","Item","Pressable","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","Text","color","params","useRadioGroupItemIndicator","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","RadioGroupHeadlessDemo_exports","RadioGroupHeadlessDemo","module","exports","import_jsx_runtime","require","import_radio_headless","import_roving_focus","import_react","import_react_native","import_gui","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","orientation","defaultValue","jsx","Provider","children","RovingFocusGroup","jsxs","View","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","useTheme","native","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","radioGroupItemContainer","Item","Pressable","radioGroupItem","borderColor","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","Text","color","params","useRadioGroupItemIndicator","radioGroupItemContext","radioGroupItemIndicator","StyleSheet","flexDirection","gap","alignItems","width","height","justifyContent"],"sources":["RadioGroupHeadlessDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroupHeadlessDemo_exports = {};\n__export(RadioGroupHeadlessDemo_exports, {\n  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo\n});\nmodule.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_radio_headless = require(\"@hanzogui/radio-headless\");\nvar import_roving_focus = require(\"@hanzogui/roving-focus\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_gui = require(\"@hanzo/gui\");\nvar RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({\n  checked: false,\n  disabled: false\n});\nfunction RadioGroupHeadlessDemo() {\n  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({\n    orientation: \"vertical\",\n    name: \"form\",\n    defaultValue: \"3\"\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n    value: providerValue,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n      ...rovingFocusGroupAttrs,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n        style: styles.radioGroup,\n        ...frameAttrs,\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"2\",\n            id: \"2\",\n            label: \"First Value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"3\",\n            id: \"3\",\n            label: \"Second Value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"4\",\n            id: \"4\",\n            label: \"Third Value\"\n          })\n        ]\n      })\n    })\n  });\n}\nfunction RadioGroupItem(props) {\n  var _theme_borderColor, _theme_background, _theme_color;\n  var theme = (0, import_gui.useTheme)();\n  var { value, id, label } = props;\n  var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = (0, import_radio_headless.useRadioGroupItem)({\n    radioGroupContext: RadioGroupContext,\n    value,\n    id\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n    value: providerValue,\n    children: import_gui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n      style: styles.radioGroupItemContainer,\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n          ...rovingFocusGroupAttrs,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n            style: {\n              ...styles.radioGroupItem,\n              borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),\n              ...checked ? {\n                borderWidth: 4\n              } : {\n                backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()\n              }\n            },\n            ...frameAttrs,\n            onFocus: frameAttrs.onFocus,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, {\n          style: {\n            color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n          },\n          children: label\n        }),\n        isFormControl && bubbleInput\n      ]\n    })\n  });\n}\nfunction RadioGroupItemIndicator() {\n  var theme = (0, import_gui.useTheme)();\n  var params = (0, import_radio_headless.useRadioGroupItemIndicator)({\n    radioGroupItemContext: RadioGroupItemContext,\n    disabled: false\n  });\n  if (params.checked) {\n    var _theme_color;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n      style: {\n        ...styles.radioGroupItemIndicator,\n        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n      },\n      ...params\n    });\n  }\n  return null;\n}\nvar styles = import_react_native.StyleSheet.create({\n  radioGroup: {\n    flexDirection: \"column\",\n    gap: 20,\n    alignItems: \"flex-start\"\n  },\n  radioGroupItem: {\n    borderWidth: 2,\n    width: 30,\n    height: 30,\n    justifyContent: \"center\",\n    alignItems: \"center\"\n  },\n  radioGroupItemIndicator: {\n    width: \"35%\",\n    height: \"35%\"\n  },\n  radioGroupItemContainer: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    gap: 12\n  }\n});\n//# sourceMappingURL=RadioGroupHeadlessDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/RadioGroupUnstyledDemo.cjs

@@ -3,107 +3,109 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var RadioGroupUnstyledDemo_exports = {};
 __export(RadioGroupUnstyledDemo_exports, {
   RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
 });
 module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-var import_gui = require("@hanzo/gui"),
-  import_radio_group = require("@hanzogui/radio-group"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
-  RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_ITEM_NAME,
-    render: "button",
-    rounded: 1e3,
-    bg: "$background",
-    items: "center",
-    justify: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    p: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover",
-      bg: "$backgroundHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorHover",
-      bg: "$backgroundHover"
-    },
-    focusVisibleStyle: {
-      outlineStyle: "solid",
-      outlineWidth: 2,
-      outlineColor: "$outlineColor"
-    },
-    pressStyle: {
-      borderColor: "$borderColorFocus",
-      bg: "$backgroundFocus"
-    },
-    variants: {
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          userSelect: "none",
-          cursor: "not-allowed",
-          hoverStyle: {
-            borderColor: "$borderColor",
-            bg: "$background"
-          },
-          pressStyle: {
-            borderColor: "$borderColor",
-            bg: "$background"
-          },
-          focusVisibleStyle: {
-            outlineWidth: 0
-          }
+var import_gui = require("@hanzo/gui");
+var import_radio_group = require("@hanzogui/radio-group");
+var import_jsx_runtime = require("react/jsx-runtime");
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+const RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  render: "button",
+  rounded: 1e3,
+  bg: "$background",
+  items: "center",
+  justify: "center",
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  p: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover",
+    bg: "$backgroundHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorHover",
+    bg: "$backgroundHover"
+  },
+  focusVisibleStyle: {
+    outlineStyle: "solid",
+    outlineWidth: 2,
+    outlineColor: "$outlineColor"
+  },
+  pressStyle: {
+    borderColor: "$borderColorFocus",
+    bg: "$backgroundFocus"
+  },
+  variants: {
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
+          borderColor: "$borderColor",
+          bg: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          bg: "$background"
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
         }
       }
     }
-  }),
-  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
-  RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_INDICATOR_NAME,
-    width: "53%",
-    height: "53%",
-    rounded: 1e3,
-    bg: "$color"
-  }),
-  RADIO_GROUP_NAME = "RadioGroup",
-  RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_NAME,
-    variants: {
-      orientation: {
-        horizontal: {
-          flexDirection: "row",
-          spaceDirection: "horizontal"
-        },
-        vertical: {
-          flexDirection: "column",
-          spaceDirection: "vertical"
-        }
+  }
+});
+const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+const RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  width: "53%",
+  height: "53%",
+  rounded: 1e3,
+  bg: "$color"
+});
+const RADIO_GROUP_NAME = "RadioGroup";
+const RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
       }
     }
-  }),
-  RadioGroup = (0, import_radio_group.createRadioGroup)({
-    Frame: RadioGroupFrame,
-    Indicator: RadioGroupIndicatorFrame,
-    Item: RadioGroupItemFrame
-  });
+  }
+});
+const RadioGroup = (0, import_radio_group.createRadioGroup)({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
 function RadioGroupUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup, {
     "aria-labelledby": "Select one item",