@hanzogui/demos 8.3.0 → 8.3.2

package/dist/cjs/RadioGroupDemo.native.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-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: 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;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var RadioGroupDemo_exports = {};
-__export(RadioGroupDemo_exports, {
-  RadioGroupDemo: () => RadioGroupDemo,
-  RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
-});
-module.exports = __toCommonJS(RadioGroupDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function RadioGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-//# sourceMappingURL=RadioGroupDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupDemo_exports","__export","RadioGroupDemo","RadioGroupItemWithLabel","module","exports","import_jsx_runtime","require","import_gui","jsx","Theme","name","children","RadioGroup","defaultValue","jsxs","YStack","width","items","gap"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAyDV,YAAA,CAAAK,sBAAA;AAMjD,IAAAM,kBAAA,GAAAC,OAAA;AAJD,IAAAC,UAAS,GAAAD,OAAA,aAAiB;AAC/B,SACEL,eAAA;EAGM,0BAAAI,kBAAA,CAACG,GAAA,EAAAD,UAAA,CAAAE,KAAA;IACDC,IAAA;IACAC,QAAA,qBAAAN,kBAAC,CAAAG,GAAA,EAAAD,UAAA,CAAAK,UAAwB,EAAK;MAChC,iBAEJ;MAEJC,YAAA;MAEOH,IAAS;MAKdC,QAAW,iBAAc,CAAM,GAAAN,kBAAK,CAAAS,IAAA,EAAAP,UAAA,CAAAQ,MAAA;QACpCC,KACE;QACEC,KAAA;QAIAC,GAAA;QAGFP,QAAA,GAEJ,mBAAAN,kBAAA,CAAAG,GAAA,EAAAN,uBAAA","ignoreList":[]}

package/dist/cjs/RadioGroupHeadlessDemo.cjs

@@ -1,173 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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: 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;
-};
-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: 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");
-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,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = (0, import_radio_headless.useRadioGroup)({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
-    value: providerValue,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
-      ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
-        style: styles.radioGroup,
-        ...frameAttrs,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "2",
-          id: "2",
-          label: "First Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "3",
-          id: "3",
-          label: "Second Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "4",
-          id: "4",
-          label: "Third Value"
-        })]
-      })
-    })
-  });
-}
-function RadioGroupItem(props) {
-  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, {
-      style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-          style: {
-            ...styles.radioGroupItem,
-            borderColor: theme.borderColor?.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: theme.background?.get()
-            })
-          },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
-        style: {
-          color: theme.color?.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
-    })
-  });
-}
-function RadioGroupItemIndicator() {
-  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 null;
-}
-const styles = import_react_native.StyleSheet.create({
-  radioGroup: {
-    flexDirection: "column",
-    gap: 20,
-    alignItems: "flex-start"
-  },
-  radioGroupItem: {
-    borderWidth: 2,
-    width: 30,
-    height: 30,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  radioGroupItemIndicator: {
-    width: "35%",
-    height: "35%"
-  },
-  radioGroupItemContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12
-  }
-});

package/dist/cjs/RadioGroupHeadlessDemo.native.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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: 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;
-};
-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: 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");
-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,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = (0, import_radio_headless.useRadioGroup)({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
-    value: providerValue,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
-      ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
-        style: styles.radioGroup,
-        ...frameAttrs,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "2",
-          id: "2",
-          label: "First Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "3",
-          id: "3",
-          label: "Second Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "4",
-          id: "4",
-          label: "Third Value"
-        })]
-      })
-    })
-  });
-}
-function RadioGroupItem(props) {
-  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, {
-      style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-          style: {
-            ...styles.radioGroupItem,
-            borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()
-            })
-          },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
-        style: {
-          color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
-    })
-  });
-}
-function RadioGroupItemIndicator() {
-  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, {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-      },
-      ...params
-    });
-  }
-  return null;
-}
-var styles = import_react_native.StyleSheet.create({
-  radioGroup: {
-    flexDirection: "column",
-    gap: 20,
-    alignItems: "flex-start"
-  },
-  radioGroupItem: {
-    borderWidth: 2,
-    width: 30,
-    height: 30,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  radioGroupItemIndicator: {
-    width: "35%",
-    height: "35%"
-  },
-  radioGroupItemContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12
-  }
-});
-//# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAIAC,MAAA,CAAAC,OAAA,GAAAT,YAIO,CAAAK,8BAAA;AACP,IAAAK,kBAAA,GAAAC,OAAiC;AACjC,IAAAC,qBAAkB,GAAAD,OAAA;AAClB,IAAAE,mBAAA,GAAkDF,OAAA;AAClD,IAAAG,YAAA,GAAgCC,OAAA,CAAAJ,OAAA;AAiBxB,IAAAK,mBAAA,GAAAL,OAAA;AAfR,IAAAM,UAAM,GAAAN,OAAA,aAAoB;AAC1B,IAAAO,iBAAM,kBAAwBJ,YAAM,CAAAK,OAAA,CAAAC,aAA0C;AAAA,IAC5EC,qBAAS,kBAAAP,YAAA,CAAAK,OAAA,CAAAC,aAAA;EACTE,OAAA,OAAU;EACXC,QAAA;AAEM;AACL,SAAMhB,sBAAiBA,CAAA;EAAoD,IACzE;IAAAiB,aAAa;IAAAC,UAAA;IAAAC;EAAA,QAAAd,qBAAA,CAAAe,aAAA;IACbC,WAAM;IACNC,IAAA;IACDC,YAAA;EACD;EAIQ,0BAAApB,kBAAA,CAACqB,GAAA,EAAAb,iBAAe,CAAAc,QAAU;IAC1B5B,KAAA,EAAAoB,aAAA;IACAS,QAAA,qBAAAvB,kBAAC,CAAAqB,GAAA,EAAAlB,mBAAqB,CAAIqB,gBAAa;MACzC,GACFR,qBACF;MAEJO,QAAA,qBAAAvB,kBAAA,CAAAyB,IAAA,EAAAnB,mBAAA,CAAAoB,IAAA;QAEAC,KAAS,EAAAC,MAAA,CAAAC,UAAoE;QACrE,GAAAd,UAAQ;QACRQ,QAAE,EAAO,CACT,mBAAAvB,kBAAA,CAAAqB,GAAA,EAAAS,cAAA;UACJpC,KAAA;UACAqC,EAAA;UACAC,KAAA;QACA,IACA,mBAAAhC,kBAAA,CAAAqB,GAAA,EAAAS,cAAA;UACApC,KAAA;UACAqC,EAAA;UACEC,KAAA;QACF,IACA,mBAAAhC,kBAAA,CAAAqB,GAAA,EAAAS,cAAA;UACApC,KAAA;UACDqC,EAAA;UAGCC,KAAA;QAKM;MACG;IAAA;EACQ;AACK;AAC0B,SAAAF,cAEhCA,CAAAG,KAAE;EACyC,IAAAC,kBACjD,EAAAC,iBAAA,EAAAC,YAAA;EAAA,IAAAC,KACI,OAAA9B,UAAA,CAAA+B,QAAA;EAAA;IACJ5C,KAAA;IAAAqC,EAAS;IAAAC;EAAA,IAAWC,KAAA;EAAA;IAEpBnB,aAAA;IAAAyB,MAAA;IAAAC,WAAA;IAAAxB,qBAAC;IAAAD,UAAA;IAAA0B,aAAwB;IAAA7B;EAAA,QAAAV,qBAAA,CAAAwC,iBAAA;IAAAC,iBAAA,EAAAnC,iBAAA;IAC3Bd,KACF;IACAqC;EAAmD,EAClD;EAAiB,OAGxB,mBAAA/B,kBAAA,CAAAqB,GAAA,EAAAV,qBAAA,CAAAW,QAAA;IAEJ5B,KAAA,EAAAoB,aAAA;IAEAS,QAAS,EAAAhB,UAAA,CAAAqC,KAAA,IAAAL,MAA0B,GAAAC,WAAA,sBAAAxC,kBAAA,CAAAyB,IAAA,EAAAnB,mBAAA,CAAAoB,IAAA;MACjCC,KAAM,EAAAC,MAAA,CAAQiB,uBAAS;MACvBtB,QAAM,GACJ,mBAAuBvB,kBAAA,CAAAqB,GAAA,EAAAlB,mBAAA,CAAAqB,gBAAA,CAAAsB,IAAA;QACvB,GAAA9B,qBAAU;QACXO,QAAA,qBAAAvB,kBAAA,CAAAqB,GAAA,EAAAf,mBAAA,CAAAyC,SAAA;UACGpB,KAAO;YAEP,GAAAC,MAAA,CAAAoB,cAAA;YAACC,WAAA,GAAAf,kBAAA,GAAAG,KAAA,CAAAY,WAAA,cAAAf,kBAAA,uBAAAA,kBAAA,CAAAgB,GAAA;YAAA,IAAAtC,OAAA;cACQuC,WAAA;YACF;cACHC,eAAiB,EAAM,CAAAjB,iBAAW,GAAAE,KAAA,CAAAgB,UAAA,cAAAlB,iBAAA,uBAAAA,iBAAA,CAAAe,GAAA;YACpC;UACI;UAAA,GAAAnC,UAAA;UACNuC,OAAA,EAAAvC,UAAA,CAAAuC,OAAA;UAEJ/B,QAAA,qBAAAvB,kBAAA,CAAAqB,GAAA,EAAAkC,uBAAA;QACO;MACT,IAEM,eAAS,IAAAvD,kBAAW,CAAAqB,GAAA,EAAAf,mBAAO,CAAAkD,IAAA;QAC/B7B,KAAY;UACV8B,KAAA,EAAe,CAAArB,YAAA,GAAAC,KAAA,CAAAoB,KAAA,cAAArB,YAAA,uBAAAA,YAAA,CAAAc,GAAA;QACV;QACL3B,QAAY,EAAAS;MACd,IACAS,aAAgB,IAAAD,WAAA;IAEd;EAAO,EACP;AAAQ;AACQ,SAChBe,uBAAYA,CAAA;EACd,IAAAlB,KAAA,OAAA9B,UAAA,CAAA+B,QAAA;EACA,IAAAoB,MAAA,OAAAxD,qBAAyB,CAAAyD,0BAAA;IACvBC,qBAAO,EAAAjD,qBAAA;IACPE,QAAQ;EACV;EACA,IAAA6C,MAAA,CAAA9C,OAAA;IACE,IAAAwB,YAAgB;IAChB,sBAAY,IAAApC,kBAAA,CAAAqB,GAAA,EAAAf,mBAAA,CAAAoB,IAAA;MACZC,KAAA;QACA,GAAKC,MAAA,CAAAiC,uBAAA;QACPT,eAAA,GAAAhB,YAAA,GAAAC,KAAA,CAAAoB,KAAA,cAAArB,YAAA,uBAAAA,YAAA,CAAAc,GAAA;MACD","ignoreList":[]}

package/dist/cjs/RadioGroupUnstyledDemo.cjs

@@ -1,143 +0,0 @@
-var __defProp = Object.defineProperty;
-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: 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;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var RadioGroupUnstyledDemo_exports = {};
-__export(RadioGroupUnstyledDemo_exports, {
-  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
-});
-module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-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
-        }
-      }
-    }
-  }
-});
-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"
-      }
-    }
-  }
-});
-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",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}