@hanzogui/radio-group 7.0.0 → 7.3.0

package/dist/cjs/createRadioGroup.native.js

@@ -0,0 +1,178 @@
+"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 createRadioGroup_exports = {};
+__export(createRadioGroup_exports, {
+  createRadioGroup: () => createRadioGroup
+});
+module.exports = __toCommonJS(createRadioGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+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_RadioGroup = require("./RadioGroup.native.js");
+var ensureContext = function (x) {
+  if (!x.context) {
+    x.context = RadioGroupContext;
+  }
+};
+var RadioGroupContext = /* @__PURE__ */import_react.default.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
+  checked: false,
+  disabled: false
+});
+function createRadioGroup(createProps) {
+  var {
+    disableActiveTheme,
+    Frame = import_RadioGroup.RadioGroupFrame,
+    Indicator = import_RadioGroup.RadioGroupIndicatorFrame,
+    Item = import_RadioGroup.RadioGroupItemFrame
+  } = createProps;
+  ensureContext(Frame);
+  ensureContext(Indicator);
+  ensureContext(Item);
+  var RadioGroupImp = Frame.styleable(function (props, ref) {
+    var {
+      value,
+      defaultValue,
+      onValueChange,
+      required = false,
+      disabled = false,
+      name,
+      native,
+      accentColor,
+      orientation = "vertical",
+      ...rest
+    } = props;
+    var {
+      providerValue,
+      frameAttrs,
+      rovingFocusGroupAttrs
+    } = (0, import_radio_headless.useRadioGroup)({
+      orientation,
+      name,
+      defaultValue,
+      value,
+      onValueChange,
+      required,
+      disabled,
+      native,
+      accentColor
+    });
+    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.jsx)(import_RadioGroup.RadioGroupFrame, {
+          ...frameAttrs,
+          ref,
+          ...rest
+        })
+      })
+    });
+  });
+  var RadioGroupItemImp = Item.styleable(function (props, ref) {
+    var {
+      value,
+      labelledBy,
+      onPress,
+      onKeyDown,
+      disabled,
+      id,
+      ...rest
+    } = props;
+    var {
+      providerValue,
+      bubbleInput,
+      rovingFocusGroupAttrs,
+      frameAttrs,
+      isFormControl,
+      native
+    } = (0, import_radio_headless.useRadioGroupItem)({
+      radioGroupContext: RadioGroupContext,
+      value,
+      id,
+      labelledBy,
+      disabled,
+      onPress,
+      onKeyDown
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+      value: providerValue,
+      children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+          ...rovingFocusGroupAttrs,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupItemFrame, {
+            ...frameAttrs,
+            ref,
+            ...rest
+          })
+        }), isFormControl && bubbleInput]
+      })
+    });
+  });
+  RadioGroupItemImp.displayName = "RadioGroupItem";
+  var RadioIndicator = Indicator.styleable(function (props, forwardedRef) {
+    var {
+      forceMount,
+      disabled,
+      ...indicatorProps
+    } = props;
+    var {
+      checked,
+      ...useIndicatorRest
+    } = (0, import_radio_headless.useRadioGroupItemIndicator)({
+      radioGroupItemContext: RadioGroupItemContext,
+      disabled
+    });
+    if (forceMount || checked) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
+        ...useIndicatorRest,
+        ref: forwardedRef,
+        ...indicatorProps
+      });
+    }
+    return null;
+  });
+  RadioIndicator.displayName = "RadioIndicator";
+  var RadioGroup = (0, import_core.withStaticProperties)(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}
+//# sourceMappingURL=createRadioGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createRadioGroup_exports","__export","createRadioGroup","module","exports","import_jsx_runtime","require","import_core","import_radio_headless","import_roving_focus","import_react","__toESM","import_RadioGroup","ensureContext","x","context","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","createProps","disableActiveTheme","Frame","RadioGroupFrame","Indicator","RadioGroupIndicatorFrame","Item","RadioGroupItemFrame","RadioGroupImp","styleable","props","ref","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","jsx","Provider","children","RovingFocusGroup","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","jsxs","Fragment","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","useRadioGroupItemIndicator","radioGroupItemContext","RadioGroup","withStaticProperties"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA4C,CAAAK,wBAAA;AAK5C,IAAAK,kBAAA,GAAAC,OAIO;AACP,IAAAC,WAAA,GAAAD,OAAA,CAAiC;AACjC,IAAAE,qBAAkB,GAAAF,OAAA;AAClB,IAAAG,mBAAA,GAIOH,OAAA;AAwGG,IAAAI,YAAA,GAAAC,OAAA,CAAAL,OAAA;AAtGV,IAAAM,iBAAM,GAAiBN,OAAW;AAChC,IAAAO,aAAO,GAAS,SAAAA,CAAAC,CAAA;EACd,IAAE,CAAAA,CAAA,CAAAC,OAAU;IACdD,CAAA,CAAAC,OAAA,GAAAC,iBAAA;EACF;AAOA;AACA,IAAAA,iBAAM,kBAAwBN,YAAM,CAAAO,OAAA,CAAAC,aAA0C;AAAA,IAC5EC,qBAAS,kBAAAT,YAAA,CAAAO,OAAA,CAAAC,aAAA;EACTE,OAAA,OAAU;EACXC,QAAA;AA0BM;AAKL,SAAMnB,iBAAAoB,WAAA;EAAA,IACJ;IAAAC,kBAAA;IAAAC,KAAA,GAAAZ,iBAAA,CAAAa,eAAA;IAAAC,SAAA,GAAAd,iBAAA,CAAAe,wBAAA;IAAAC,IAAA,GAAAhB,iBAAA,CAAAiB;EAAA,IAAAP,WAAA;EAAAT,aACQ,CAAAW,KAAA;EAAAX,aACR,CAAYa,SAAA;EAAAb,aACL,CAAAe,IAAA;EACT,IAAIE,aAAA,GAAAN,KAAA,CAAAO,SAAA,WAAAC,KAAA,EAAAC,GAAA;IAOJ;MAAAlC,KAAA;MAAcmC,YAAK;MAAAC,aAAA;MAAAC,QAAA;MAAAf,QAAA;MAAAgB,IAAA;MAAAC,MAAA;MAAAC,WAAA;MAAAC,WAAA;MAAA,GAAAC;IAAA,IAAAT,KAAA;IACnB;MAAAU,aAAc;MAASC,UAAA;MAAAC;IAAA,QAAApC,qBAAA,CAAAqC,aAAA;MACvBL,WAAc;MAadH,IAAM;MACJH,YAAM;MACJnC,KAAA;MACAoC,aAAA;MACAC,QAAA;MACAf,QAAA;MACAiB,MAAA;MACAC;IAAA,EACA;IAAA,OACA,mBAAAlC,kBAAA,CAAAyC,GAAA,EAAA9B,iBAAA,CAAA+B,QAAA;MACAhD,KAAA,EAAA2C,aAAc;MACdM,QAAG,qBAAA3C,kBAAA,CAAAyC,GAAA,EAAArC,mBAAA,CAAAwC,gBAAA;QACD,GAAAL,qBAAA;QAEJI,QAAQ,iBAAe,IAAA3C,kBAAY,CAAAyC,GAAA,EAAsBlC,iBAAI,CAAAa,eAAA;UAC3D,GAAAkB,UAAA;UACAV,GAAA;UACA,GAAAQ;QACA;MACA;IAAA,EACA;EAAA;EACA,IACAS,iBAAA,GAAAtB,IAAA,CAAAG,SAAA,WAAAC,KAAA,EAAAC,GAAA;IAAA,IACA;MAAAlC,KAAA;MAAAoD,UAAA;MAAAC,OAAA;MAAAC,SAAA;MAAAhC,QAAA;MAAAiC,EAAA;MAAA,GAAAb;IAAA,IAAAT,KAAA;IACF,IAAC;MAAAU,aAAA;MAAAa,WAAA;MAAAX,qBAAA;MAAAD,UAAA;MAAAa,aAAA;MAAAlB;IAAA,QAAA9B,qBAAA,CAAAiD,iBAAA;MAEDC,iBACE,EAAA1C,iBAAA;MAMHjB,KAAA;MAEDuD,EAAM;MACJH,UAAQ;MAER9B,QAAM;MACJ+B,OAAA;MACAC;IAAA,EACA;IAAA,OACA,mBAAAhD,kBAAA,CAAAyC,GAAA,EAAA3B,qBAAA,CAAA4B,QAAA;MACAhD,KAAA,EAAA2C,aAAA;MACAM,QAAA,EAAAzC,WAAA,CAAAoD,KAAA,IAAArB,MAAA,GAAAiB,WAAA,sBAAAlD,kBAAA,CAAAuD,IAAA,EAAAvD,kBAAA,CAAAwD,QAAA;QACFb,QAAI,GACF,eAAmB,IAAA3C,kBAAA,CAAAyC,GAAA,EAAArC,mBAAA,CAAAwC,gBAAA,CAAArB,IAAA;UACnB,GAAAgB,qBAAA;UACAI,QAAA,qBAAA3C,kBAAA,CAAAyC,GAAA,EAAAlC,iBAAA,CAAAiB,mBAAA;YACA,GAAAc,UAAA;YACAV,GAAA;YACA,GAAAQ;UACA;QACD,IAEDe,aACE,IAAAD,WAAA;MAQO;IAAiB;EAK5B,CAAC;EAEDL,iBAAA,CAAkBY,WAAA,GAAc;EAEhC,IAAAC,cAAM,GAAArC,SAAiB,CAAAK,SAAU,WAAAC,KAAA,EAAAgC,YAAA;IAC/B,IAAC;MAAAC,UAA4B;MAAA5C,QAAiB;MAAA,GAAA6C;IAAA,IAAAlC,KAAA;IAC5C;MAAAZ,OAAQ;MAAA,GAAA+C;IAAyB,QAAA3D,qBAAmB,CAAA4D,0BAAA;MACpDC,qBAAoB,EAAAlD,qBAAiB;MAA+BE;IAC3C;IACvB,IACD4C,UAAA,IAAA7C,OAAA;MAED,OAAI,eAAc,IAASf,kBAAA,CAAAyC,GAAA,EAAApB,SAAA;QACzB,GAAAyC,gBAAO;QACTlC,GAAA,EAAA+B,YAAA;QAEA,GAAAE;MACF;IACF;IAEA;EAEA;EAAuDH,cAC/C,CAAAD,WAAA;EAAA,IACNQ,UAAW,OAAA/D,WAAA,CAAAgE,oBAAA,EAAAzC,aAAA;IACZF,IAAA,EAAAsB,iBAAA;IACDxB,SAAW,EAAAqC;EAEX;EACFO,UAAA,CAAAR,WAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,38 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(index_exports);
+var import_RadioGroup = require("./RadioGroup.cjs");
+var import_createRadioGroup = require("./createRadioGroup.cjs");
+__reExport(index_exports, require("./createRadioGroup.cjs"), module.exports);
+__reExport(index_exports, require("./RadioGroup.cjs"), module.exports);
+__reExport(index_exports, require("./RadioGroupStyledContext.cjs"), module.exports);
+const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
+  Frame: import_RadioGroup.RadioGroupFrame,
+  Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
+  Item: import_RadioGroup.RadioGroupItemFrame
+});

package/dist/cjs/index.native.js

@@ -0,0 +1,41 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(index_exports);
+var import_RadioGroup = require("./RadioGroup.native.js");
+var import_createRadioGroup = require("./createRadioGroup.native.js");
+__reExport(index_exports, require("./createRadioGroup.native.js"), module.exports);
+__reExport(index_exports, require("./RadioGroup.native.js"), module.exports);
+__reExport(index_exports, require("./RadioGroupStyledContext.native.js"), module.exports);
+var RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
+  Frame: import_RadioGroup.RadioGroupFrame,
+  Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
+  Item: import_RadioGroup.RadioGroupItemFrame
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","RadioGroup","module","exports","import_RadioGroup","require","import_createRadioGroup","__reExport","createRadioGroup","Frame","RadioGroupFrame","Indicator","RadioGroupIndicatorFrame","Item","RadioGroupItemFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAIO,CAAAK,aAAA;AACP,IAAAK,iBAAA,GAAAC,OAAiC;AAEjC,IAAAC,uBAAc,GAAAD,OAAA,+BAPd;AAQAE,UAAA,CAAAR,aAAA,EAAcM,OAAA,+BARd,GAAAH,MAAA,CAAAC,OAAA;AASAI,UAAA,CAAAR,aAAA,EAAcM,OAAA,4BAAAH,MAAA,CAAAC,OATd;AAWOI,UAAM,CAAAR,aAAa,EAAAM,OAAA,yCAAAH,MAAiB,CAAAC,OAAA;AAAA,IACzCF,UAAO,OAAAK,uBAAA,CAAAE,gBAAA;EACPC,KAAA,EAAAL,iBAAW,CAAAM,eAAA;EACXC,SAAM,EAAAP,iBAAA,CAAAQ,wBAAA;EACPC,IAAA,EAAAT,iBAAA,CAAAU","ignoreList":[]}

package/dist/esm/RadioGroup.mjs

@@ -0,0 +1,107 @@
+import { getVariableValue, styled } from "@hanzogui/core";
+import { getSize } from "@hanzogui/get-token";
+import { YStack } from "@hanzogui/stacks";
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+const RadioGroupItemFrame = styled(YStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  render: "button",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        borderRadius: 1e3,
+        backgroundColor: "$background",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        padding: 0,
+        hoverStyle: {
+          borderColor: "$borderColorHover",
+          backgroundColor: "$backgroundHover"
+        },
+        focusStyle: {
+          borderColor: "$borderColorHover",
+          backgroundColor: "$backgroundHover"
+        },
+        focusVisibleStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        pressStyle: {
+          borderColor: "$borderColorFocus",
+          backgroundColor: "$backgroundFocus"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        }
+      }
+    },
+    size: {
+      "...size": (value, {
+        props
+      }) => {
+        const size = Math.floor(getVariableValue(getSize(value)) * (props["scaleSize"] ?? 0.5));
+        return {
+          width: size,
+          height: size
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+const RadioGroupIndicatorFrame = styled(YStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        width: "33%",
+        height: "33%",
+        borderRadius: 1e3,
+        backgroundColor: "$color",
+        pressTheme: true
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const RADIO_GROUP_NAME = "RadioGroup";
+const RadioGroupFrame = styled(YStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      }
+    }
+  }
+});
+export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
+//# sourceMappingURL=RadioGroup.mjs.map

package/dist/esm/RadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","value","props","Math","floor","width","height","defaultVariants","process","env","GUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,MAAMC,qBAAA,GAAwB;AAEvB,MAAMC,mBAAA,GAAsBJ,MAAA,CAAOE,MAAA,EAAQ;EAChDG,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBC,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,OAAA,EAAS;QAETC,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAO,UAAA,EAAY;UACVH,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;QAEAC,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;MACF;IACF;IAEAa,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERX,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;IAEAZ,IAAA,EAAM;MACJ,WAAWoB,CAACC,KAAA,EAAO;QAAEC;MAAM,MAAM;QAC/B,MAAMtB,IAAA,GAAOuB,IAAA,CAAKC,KAAA,CAChBnC,gBAAA,CAAiBE,OAAA,CAAQ8B,KAAK,CAAC,KAAKC,KAAA,CAAM,WAAW,KAAK,IAC5D;QACA,OAAO;UACLG,KAAA,EAAOzB,IAAA;UACP0B,MAAA,EAAQ1B;QACV;MACF;IACF;EACF;EAEA2B,eAAA,EAAiB;IACf7B,QAAA,EAAU8B,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,MAAMC,0BAAA,GAA6B;AAE5B,MAAMC,wBAAA,GAA2B1C,MAAA,CAAOE,MAAA,EAAQ;EACrDG,IAAA,EAAMoC,0BAAA;EAENlC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACL0B,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRzB,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjB+B,UAAA,EAAY;MACd;IACF;EACF;EAEAN,eAAA,EAAiB;IACf7B,QAAA,EAAU8B,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,MAAMI,gBAAA,GAAmB;AAElB,MAAMC,eAAA,GAAkB7C,MAAA,CAAOE,MAAA,EAAQ;EAC5CG,IAAA,EAAMuC,gBAAA;EAENrC,QAAA,EAAU;IACRuC,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/RadioGroup.native.js

@@ -0,0 +1,109 @@
+import { getVariableValue, styled } from "@hanzogui/core";
+import { getSize } from "@hanzogui/get-token";
+import { YStack } from "@hanzogui/stacks";
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = styled(YStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  render: "button",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        borderRadius: 1e3,
+        backgroundColor: "$background",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        padding: 0,
+        hoverStyle: {
+          borderColor: "$borderColorHover",
+          backgroundColor: "$backgroundHover"
+        },
+        focusStyle: {
+          borderColor: "$borderColorHover",
+          backgroundColor: "$backgroundHover"
+        },
+        focusVisibleStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        pressStyle: {
+          borderColor: "$borderColorFocus",
+          backgroundColor: "$backgroundFocus"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        }
+      }
+    },
+    size: {
+      "...size": function (value, param) {
+        var {
+          props
+        } = param;
+        var _props_scaleSize;
+        var size = Math.floor(getVariableValue(getSize(value)) * ((_props_scaleSize = props["scaleSize"]) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
+        return {
+          width: size,
+          height: size
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+var RadioGroupIndicatorFrame = styled(YStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        width: "33%",
+        height: "33%",
+        borderRadius: 1e3,
+        backgroundColor: "$color",
+        pressTheme: true
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = styled(YStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      }
+    }
+  }
+});
+export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
+//# sourceMappingURL=RadioGroup.native.js.map

package/dist/esm/RadioGroup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","value","param","props","_props_scaleSize","Math","floor","width","height","defaultVariants","process","env","GUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,IAAAC,qBAAM,mBAAwB;AAEvB,IAAAC,mBAAM,GAAAJ,MAAsB,CAAAE,MAAO;EACxCG,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBC,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,OAAA,EAAS;QAETC,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAO,UAAA,EAAY;UACVH,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;QAEAC,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;MACF;IACF;IAEAa,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERX,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;IAEAZ,IAAA,EAAM;MACJ,WAAW,SAAAoB,CAAQC,KAAE,EAAMC,KAAA,EAAM;QAC/B;UAAMC;QAAA,CAAO,GAAAD,KAAK;QAAA,IAChBE,gBAAiB;QACnB,IAAAxB,IAAA,GAAAyB,IAAA,CAAAC,KAAA,CAAArC,gBAAA,CAAAE,OAAA,CAAA8B,KAAA,OAAAG,gBAAA,GAAAD,KAAA,2BAAAC,gBAAA,cAAAA,gBAAA;QACA,OAAO;UACLG,KAAA,EAAO3B,IAAA;UACP4B,MAAA,EAAQ5B;QACV;MACF;IACF;EACF;EAEA6B,eAAA,EAAiB;IACf/B,QAAA,EAAUgC,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,IAAAC,0BAAM,wBAA6B;AAE5B,IAAAC,wBAAM,GAAA5C,MAA2B,CAAAE,MAAO;EAC7CG,IAAA,EAAMsC,0BAAA;EAENpC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACL4B,KAAA,EAAO;QACPC,MAAA,EAAQ;QACR3B,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBiC,UAAA,EAAY;MACd;IACF;EACF;EAEAN,eAAA,EAAiB;IACf/B,QAAA,EAAUgC,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,IAAAI,gBAAM,eAAmB;AAElB,IAAAC,eAAM,GAAA/C,MAAkB,CAAAE,MAAO;EACpCG,IAAA,EAAMyC,gBAAA;EAENvC,QAAA,EAAU;IACRyC,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/RadioGroupStyledContext.mjs

@@ -0,0 +1,7 @@
+import { createStyledContext } from "@hanzogui/core";
+const RadioGroupStyledContext = createStyledContext({
+  size: "$true",
+  scaleIcon: 1
+}, "RadioGroup");
+export { RadioGroupStyledContext };
+//# sourceMappingURL=RadioGroupStyledContext.mjs.map

package/dist/esm/RadioGroupStyledContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","RadioGroupStyledContext","size","scaleIcon"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,uBAAA,GAA0BD,mBAAA,CACrC;EACEE,IAAA,EAAM;EACNC,SAAA,EAAW;AACb,GACA,YACF","ignoreList":[]}

package/dist/esm/RadioGroupStyledContext.native.js

@@ -0,0 +1,7 @@
+import { createStyledContext } from "@hanzogui/core";
+var RadioGroupStyledContext = createStyledContext({
+  size: "$true",
+  scaleIcon: 1
+}, "RadioGroup");
+export { RadioGroupStyledContext };
+//# sourceMappingURL=RadioGroupStyledContext.native.js.map

package/dist/esm/RadioGroupStyledContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","RadioGroupStyledContext","size","scaleIcon"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,uBAAM,GAAAD,mBAA0B;EACrCE,IAAA;EAAAC,SACQ;AAAA,eACK;AAAA,SAEbF,uBAAA","ignoreList":[]}

package/dist/esm/createRadioGroup.mjs

@@ -0,0 +1,139 @@
+import { isWeb, withStaticProperties } from "@hanzogui/core";
+import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzogui/radio-headless";
+import { RovingFocusGroup } from "@hanzogui/roving-focus";
+import React from "react";
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const ensureContext = x => {
+  if (!x.context) {
+    x.context = RadioGroupContext;
+  }
+};
+const RadioGroupContext = React.createContext({});
+const RadioGroupItemContext = React.createContext({
+  checked: false,
+  disabled: false
+});
+function createRadioGroup(createProps) {
+  const {
+    disableActiveTheme,
+    Frame = RadioGroupFrame,
+    Indicator = RadioGroupIndicatorFrame,
+    Item = RadioGroupItemFrame
+  } = createProps;
+  ensureContext(Frame);
+  ensureContext(Indicator);
+  ensureContext(Item);
+  const RadioGroupImp = Frame.styleable((props, ref) => {
+    const {
+      value,
+      defaultValue,
+      onValueChange,
+      required = false,
+      disabled = false,
+      name,
+      native,
+      accentColor,
+      orientation = "vertical",
+      ...rest
+    } = props;
+    const {
+      providerValue,
+      frameAttrs,
+      rovingFocusGroupAttrs
+    } = useRadioGroup({
+      orientation,
+      name,
+      defaultValue,
+      value,
+      onValueChange,
+      required,
+      disabled,
+      native,
+      accentColor
+    });
+    return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
+      value: providerValue,
+      children: /* @__PURE__ */jsx(RovingFocusGroup, {
+        ...rovingFocusGroupAttrs,
+        children: /* @__PURE__ */jsx(RadioGroupFrame, {
+          ...frameAttrs,
+          ref,
+          ...rest
+        })
+      })
+    });
+  });
+  const RadioGroupItemImp = Item.styleable((props, ref) => {
+    const {
+      value,
+      labelledBy,
+      onPress,
+      onKeyDown,
+      disabled,
+      id,
+      ...rest
+    } = props;
+    const {
+      providerValue,
+      bubbleInput,
+      rovingFocusGroupAttrs,
+      frameAttrs,
+      isFormControl,
+      native
+    } = useRadioGroupItem({
+      radioGroupContext: RadioGroupContext,
+      value,
+      id,
+      labelledBy,
+      disabled,
+      onPress,
+      onKeyDown
+    });
+    return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
+      value: providerValue,
+      children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
+          ...rovingFocusGroupAttrs,
+          children: /* @__PURE__ */jsx(RadioGroupItemFrame, {
+            ...frameAttrs,
+            ref,
+            ...rest
+          })
+        }), isFormControl && bubbleInput]
+      })
+    });
+  });
+  RadioGroupItemImp.displayName = "RadioGroupItem";
+  const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
+    const {
+      forceMount,
+      disabled,
+      ...indicatorProps
+    } = props;
+    const {
+      checked,
+      ...useIndicatorRest
+    } = useRadioGroupItemIndicator({
+      radioGroupItemContext: RadioGroupItemContext,
+      disabled
+    });
+    if (forceMount || checked) {
+      return /* @__PURE__ */jsx(Indicator, {
+        ...useIndicatorRest,
+        ref: forwardedRef,
+        ...indicatorProps
+      });
+    }
+    return null;
+  });
+  RadioIndicator.displayName = "RadioIndicator";
+  const RadioGroup = withStaticProperties(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}
+export { createRadioGroup };
+//# sourceMappingURL=createRadioGroup.mjs.map