@hanzogui/radio-group 7.0.0 → 7.3.0

package/dist/esm/createRadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","Fragment","jsx","jsxs","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/createRadioGroup.native.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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.native.js";
+var ensureContext = function (x) {
+  if (!x.context) {
+    x.context = RadioGroupContext;
+  }
+};
+var RadioGroupContext = /* @__PURE__ */React.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */React.createContext({
+  checked: false,
+  disabled: false
+});
+function createRadioGroup(createProps) {
+  var {
+    disableActiveTheme,
+    Frame = RadioGroupFrame,
+    Indicator = RadioGroupIndicatorFrame,
+    Item = 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
+    } = 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
+        })
+      })
+    });
+  });
+  var RadioGroupItemImp = Item.styleable(function (props, ref) {
+    var {
+      value,
+      labelledBy,
+      onPress,
+      onKeyDown,
+      disabled,
+      id,
+      ...rest
+    } = props;
+    var {
+      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";
+  var RadioIndicator = Indicator.styleable(function (props, forwardedRef) {
+    var {
+      forceMount,
+      disabled,
+      ...indicatorProps
+    } = props;
+    var {
+      checked,
+      ...useIndicatorRest
+    } = useRadioGroupItemIndicator({
+      radioGroupItemContext: RadioGroupItemContext,
+      disabled
+    });
+    if (forceMount || checked) {
+      return /* @__PURE__ */_jsx(Indicator, {
+        ...useIndicatorRest,
+        ref: forwardedRef,
+        ...indicatorProps
+      });
+    }
+    return null;
+  });
+  RadioIndicator.displayName = "RadioIndicator";
+  var RadioGroup = withStaticProperties(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}
+export { createRadioGroup };
+//# sourceMappingURL=createRadioGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isWeb","withStaticProperties","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","ensureContext","x","context","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","createRadioGroup","createProps","disableActiveTheme","Frame","Indicator","Item","RadioGroupImp","styleable","props","ref","value","defaultValue","onValueChange","required","name","native","accentColor","orientation","rest","providerValue","frameAttrs","rovingFocusGroupAttrs","Provider","children","RadioGroupItemImp","labelledBy","onPress","onKeyDown","id","bubbleInput","isFormControl","radioGroupContext","displayName","RadioIndicator","forwardedRef","forceMount","indicatorProps","useIndicatorRest","radioGroupItemContext","RadioGroup"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
+import { createRadioGroup } from "./createRadioGroup.mjs";
+export * from "./createRadioGroup.mjs";
+export * from "./RadioGroup.mjs";
+export * from "./RadioGroupStyledContext.mjs";
+const RadioGroup = createRadioGroup({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
+export { RadioGroup };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","createRadioGroup","RadioGroup","Frame","Indicator","Item"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,eAAA,EACAC,wBAAA,EACAC,mBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,cAAc;AACd,cAAc;AACd,cAAc;AAEP,MAAMC,UAAA,GAAaD,gBAAA,CAAiB;EACzCE,KAAA,EAAOL,eAAA;EACPM,SAAA,EAAWL,wBAAA;EACXM,IAAA,EAAML;AACR,CAAC","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,12 @@
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
+import { createRadioGroup } from "./createRadioGroup.mjs";
+export * from "./createRadioGroup.mjs";
+export * from "./RadioGroup.mjs";
+export * from "./RadioGroupStyledContext.mjs";
+const RadioGroup = createRadioGroup({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
+export { RadioGroup };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","createRadioGroup","RadioGroup","Frame","Indicator","Item"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,eAAA,EACAC,wBAAA,EACAC,mBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,cAAc;AACd,cAAc;AACd,cAAc;AAEP,MAAMC,UAAA,GAAaD,gBAAA,CAAiB;EACzCE,KAAA,EAAOL,eAAA;EACPM,SAAA,EAAWL,wBAAA;EACXM,IAAA,EAAML;AACR,CAAC","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,12 @@
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.native.js";
+import { createRadioGroup } from "./createRadioGroup.native.js";
+export * from "./createRadioGroup.native.js";
+export * from "./RadioGroup.native.js";
+export * from "./RadioGroupStyledContext.native.js";
+var RadioGroup = createRadioGroup({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
+export { RadioGroup };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","createRadioGroup","RadioGroup","Frame","Indicator","Item"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,eAAA,EAAAC,wBAAA,EAAAC,mBAAA;AAAA,SACEC,gBAAA;AAAA,cACA;AAAA,cACA;AAAA,cACK;AACP,IAAAC,UAAS,GAAAD,gBAAwB;EAEjCE,KAAA,EAAAL,eAAc;EACdM,SAAA,EAAAL,wBAAc;EACdM,IAAA,EAAAL;AAEO;AAAoC,SAEzCE,UAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/RadioGroup.native.js

@@ -0,0 +1,139 @@
+"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 RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupFrame: () => RadioGroupFrame,
+  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+  RadioGroupItemFrame: () => RadioGroupItemFrame
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_core = require("@hanzogui/core");
+var import_get_token = require("@hanzogui/get-token");
+var import_stacks = require("@hanzogui/stacks");
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = (0, import_core.styled)(import_stacks.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((0, import_core.getVariableValue)((0, import_get_token.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 = (0, import_core.styled)(import_stacks.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 = (0, import_core.styled)(import_stacks.YStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      }
+    }
+  }
+});
+//# sourceMappingURL=RadioGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RadioGroup_exports","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","module","exports","import_core","require","import_get_token","import_stacks","RADIO_GROUP_ITEM_NAME","styled","YStack","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","param","props","_props_scaleSize","Math","floor","getVariableValue","getSize","width","height","defaultVariants","process","env","GUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/RadioGroupStyledContext.native.js

@@ -0,0 +1,35 @@
+"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 RadioGroupStyledContext_exports = {};
+__export(RadioGroupStyledContext_exports, {
+  RadioGroupStyledContext: () => RadioGroupStyledContext
+});
+module.exports = __toCommonJS(RadioGroupStyledContext_exports);
+var import_core = require("@hanzogui/core");
+var RadioGroupStyledContext = (0, import_core.createStyledContext)({
+  size: "$true",
+  scaleIcon: 1
+}, "RadioGroup");
+//# sourceMappingURL=RadioGroupStyledContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/RadioGroupStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAA0B;AAAA,IACrCC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACEC,iBAAM,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACNC,YAAW,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACbC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAAC,IAAA,IAAAD,GAAA,EACFZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}

package/dist/jsx/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