@tamagui/radio-group 1.116.0 → 1.116.2

package/dist/cjs/RadioGroup.js

@@ -0,0 +1,120 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupFrame: () => RadioGroupFrame,
+  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+  RadioGroupItemFrame: () => RadioGroupItemFrame
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_stacks = require("@tamagui/stacks");
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  tag: "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: "$backgroundColor"
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        }
+      }
+    },
+    size: {
+      "...size": (value, { props }) => {
+        const size = Math.floor(
+          (0, import_core.getVariableValue)((0, import_get_token.getSize)(value)) * (props.scaleSize ?? 0.5)
+        );
+        return {
+          width: size,
+          height: size
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        width: "33%",
+        height: "33%",
+        borderRadius: 1e3,
+        backgroundColor: "$color",
+        pressTheme: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      }
+    }
+  }
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/RadioGroupStyledContext.js

@@ -0,0 +1,25 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var RadioGroupStyledContext_exports = {};
+__export(RadioGroupStyledContext_exports, {
+  RadioGroupStyledContext: () => RadioGroupStyledContext
+});
+module.exports = __toCommonJS(RadioGroupStyledContext_exports);
+var import_core = require("@tamagui/core");
+const RadioGroupStyledContext = (0, import_core.createStyledContext)({
+  size: "$true",
+  scaleIcon: 1
+});
+//# sourceMappingURL=RadioGroupStyledContext.js.map

package/dist/cjs/createRadioGroup.js

@@ -0,0 +1,115 @@
+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 __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, { 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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var createRadioGroup_exports = {};
+__export(createRadioGroup_exports, {
+  createRadioGroup: () => createRadioGroup
+});
+module.exports = __toCommonJS(createRadioGroup_exports);
+var import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_RadioGroup = require("./RadioGroup"), import_radio_headless = require("@tamagui/radio-headless"), import_roving_focus = require("@tamagui/roving-focus"), import_jsx_runtime = require("react/jsx-runtime");
+const ensureContext = (x) => {
+  x.context || (x.context = RadioGroupContext);
+}, RadioGroupContext = import_react.default.createContext({}), RadioGroupItemContext = import_react.default.createContext({
+  checked: !1,
+  disabled: !1
+});
+function createRadioGroup(createProps) {
+  const {
+    disableActiveTheme,
+    Frame = import_RadioGroup.RadioGroupFrame,
+    Indicator = import_RadioGroup.RadioGroupIndicatorFrame,
+    Item = import_RadioGroup.RadioGroupItemFrame
+  } = createProps;
+  ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
+  const RadioGroupImp = Frame.styleable((props, ref) => {
+    const {
+      value,
+      defaultValue,
+      onValueChange,
+      required = !1,
+      disabled = !1,
+      name,
+      native,
+      accentColor,
+      orientation = "vertical",
+      ...rest
+    } = props, { 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 }) }) });
+  }), RadioGroupItemImp = Item.styleable((props, ref) => {
+    const {
+      value,
+      labelledBy,
+      onPress,
+      //@ts-expect-error
+      onKeyDown,
+      disabled,
+      id,
+      ...rest
+    } = props, {
+      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";
+  const RadioIndicator = Indicator.styleable(
+    (props, forwardedRef) => {
+      const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({
+        radioGroupItemContext: RadioGroupItemContext,
+        disabled
+      });
+      return forceMount || checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
+    }
+  );
+  RadioIndicator.displayName = "RadioIndicator";
+  const RadioGroup = (0, import_core.withStaticProperties)(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  return RadioGroup.displayName = "RadioGroup", RadioGroup;
+}
+//# sourceMappingURL=createRadioGroup.js.map

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(src_exports);
+var import_RadioGroup = require("./RadioGroup"), import_createRadioGroup = require("./createRadioGroup");
+__reExport(src_exports, require("./createRadioGroup"), module.exports);
+__reExport(src_exports, require("./RadioGroup"), module.exports);
+__reExport(src_exports, require("./RadioGroupStyledContext"), module.exports);
+const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
+  Frame: import_RadioGroup.RadioGroupFrame,
+  Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
+  Item: import_RadioGroup.RadioGroupItemFrame
+});
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/radio-group",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "removeSideEffects": true,
   "sideEffects": [
     "*.css"
@@ -35,22 +35,22 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.116.0",
-    "@tamagui/constants": "1.116.0",
-    "@tamagui/core": "1.116.0",
-    "@tamagui/create-context": "1.116.0",
-    "@tamagui/focusable": "1.116.0",
-    "@tamagui/get-token": "1.116.0",
-    "@tamagui/helpers": "1.116.0",
-    "@tamagui/label": "1.116.0",
-    "@tamagui/radio-headless": "1.116.0",
-    "@tamagui/roving-focus": "1.116.0",
-    "@tamagui/stacks": "1.116.0",
-    "@tamagui/use-controllable-state": "1.116.0",
-    "@tamagui/use-previous": "1.116.0"
+    "@tamagui/compose-refs": "1.116.2",
+    "@tamagui/constants": "1.116.2",
+    "@tamagui/core": "1.116.2",
+    "@tamagui/create-context": "1.116.2",
+    "@tamagui/focusable": "1.116.2",
+    "@tamagui/get-token": "1.116.2",
+    "@tamagui/helpers": "1.116.2",
+    "@tamagui/label": "1.116.2",
+    "@tamagui/radio-headless": "1.116.2",
+    "@tamagui/roving-focus": "1.116.2",
+    "@tamagui/stacks": "1.116.2",
+    "@tamagui/use-controllable-state": "1.116.2",
+    "@tamagui/use-previous": "1.116.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {