@hanzogui/radio-group 2.0.0

package/dist/jsx/createRadioGroup.native.js

@@ -0,0 +1,168 @@
+"use strict";
+
+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_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_radio_headless = require("@hanzo/gui-radio-headless"),
+  import_gui_roving_focus = require("@hanzo/gui-roving-focus"),
+  import_react = __toESM(require("react"), 1),
+  import_RadioGroup = require("./RadioGroup.native.js"),
+  ensureContext = function (x) {
+    x.context || (x.context = RadioGroupContext);
+  },
+  RadioGroupContext = /* @__PURE__ */import_react.default.createContext({}),
+  RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
+    checked: !1,
+    disabled: !1
+  });
+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 = !1,
+          disabled = !1,
+          name,
+          native,
+          accentColor,
+          orientation = "vertical",
+          ...rest
+        } = props,
+        {
+          providerValue,
+          frameAttrs,
+          rovingFocusGroupAttrs
+        } = (0, import_gui_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_gui_roving_focus.RovingFocusGroup, {
+          ...rovingFocusGroupAttrs,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RadioGroup.RadioGroupFrame, {
+            ...frameAttrs,
+            ref,
+            ...rest
+          })
+        })
+      });
+    }),
+    RadioGroupItemImp = Item.styleable(function (props, ref) {
+      var {
+          value,
+          labelledBy,
+          onPress,
+          onKeyDown,
+          disabled,
+          id,
+          ...rest
+        } = props,
+        {
+          providerValue,
+          bubbleInput,
+          rovingFocusGroupAttrs,
+          frameAttrs,
+          isFormControl,
+          native
+        } = (0, import_gui_radio_headless.useRadioGroupItem)({
+          radioGroupContext: RadioGroupContext,
+          value,
+          id,
+          labelledBy,
+          disabled,
+          onPress,
+          onKeyDown
+        });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+        value: providerValue,
+        children: import_gui_core.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_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,
+      {
+        checked,
+        ...useIndicatorRest
+      } = (0, import_gui_radio_headless.useRadioGroupItemIndicator)({
+        radioGroupItemContext: RadioGroupItemContext,
+        disabled
+      });
+    return forceMount || checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
+      ...useIndicatorRest,
+      ref: forwardedRef,
+      ...indicatorProps
+    }) : null;
+  });
+  RadioIndicator.displayName = "RadioIndicator";
+  var RadioGroup = (0, import_gui_core.withStaticProperties)(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator
+  });
+  return RadioGroup.displayName = "RadioGroup", RadioGroup;
+}
+//# sourceMappingURL=createRadioGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","createRadioGroup_exports","createRadioGroup","module","exports","import_jsx_runtime","require","import_gui_core","import_gui_radio_headless","import_gui_roving_focus","import_react","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","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"],"sources":["../../src/createRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"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: !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 index_exports = {};
+__export(index_exports, {
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(index_exports);
+var import_RadioGroup = require("./RadioGroup.native.js"),
+  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/jsx/index.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","__reExport","mod","secondTarget"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AAAA,IACEA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAAAC,YACK,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACP,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IAET,SAAAC,IAAc,IAAAD,GAAA,EACdZ,SAAA,CAAcW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EACd;EAAAC,WAAc,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IAEP,IAAMF,IAAA,WAAaA,IAAA,YAAiB,WAAAA,IAAA,gBACzC,KAAO,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACP,CAAAX,YAAW,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IACX,OAAME,EAAA;EACR,CAAC;EAAAM,UAAA,GAAAA,CAAAZ,MAAA,EAAAa,GAAA,EAAAC,YAAA,MAAAT,WAAA,CAAAL,MAAA,EAAAa,GAAA,cAAAC,YAAA,IAAAT,WAAA,CAAAS,YAAA,EAAAD,GAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@hanzogui/radio-group",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/compose-refs": "2.0.0-rc.29",
+    "@hanzogui/constants": "2.0.0-rc.29",
+    "@hanzogui/core": "2.0.0-rc.29",
+    "@hanzogui/create-context": "2.0.0-rc.29",
+    "@hanzogui/focusable": "2.0.0",
+    "@hanzogui/get-token": "2.0.0-rc.29",
+    "@hanzogui/helpers": "2.0.0-rc.29",
+    "@hanzogui/label": "2.0.0",
+    "@hanzogui/radio-headless": "2.0.0",
+    "@hanzogui/roving-focus": "2.0.0",
+    "@hanzogui/stacks": "2.0.0",
+    "@hanzogui/use-controllable-state": "2.0.0-rc.29",
+    "@hanzogui/use-previous": "2.0.0-rc.29"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.29",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "module:jsx": "dist/jsx",
+  "removeSideEffects": true
+}

package/src/RadioGroup.tsx

@@ -0,0 +1,125 @@
+import { getVariableValue, styled } from '@hanzogui/core'
+import { getSize } from '@hanzogui/get-token'
+import { YStack } from '@hanzogui/stacks'
+
+const RADIO_GROUP_ITEM_NAME = 'RadioGroupItem'
+
+export const RadioGroupItemFrame = styled(YStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  render: 'button',
+
+  variants: {
+    unstyled: {
+      false: {
+        size: '$true',
+        borderRadius: 1000,
+        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,
+        }
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+  },
+})
+
+const RADIO_GROUP_INDICATOR_NAME = 'RadioGroupIndicator'
+
+export const RadioGroupIndicatorFrame = styled(YStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+
+  variants: {
+    unstyled: {
+      false: {
+        width: '33%',
+        height: '33%',
+        borderRadius: 1000,
+        backgroundColor: '$color',
+        pressTheme: true,
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+  },
+})
+
+const RADIO_GROUP_NAME = 'RadioGroup'
+
+export const RadioGroupFrame = styled(YStack, {
+  name: RADIO_GROUP_NAME,
+
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: 'row',
+        spaceDirection: 'horizontal',
+      },
+      vertical: {
+        flexDirection: 'column',
+        spaceDirection: 'vertical',
+      },
+    },
+  } as const,
+})

package/src/RadioGroupStyledContext.tsx

@@ -0,0 +1,10 @@
+import type { SizeTokens } from '@hanzogui/core'
+import { createStyledContext } from '@hanzogui/core'
+
+export const RadioGroupStyledContext = createStyledContext(
+  {
+    size: '$true' as SizeTokens,
+    scaleIcon: 1,
+  },
+  'RadioGroup'
+)

package/src/createRadioGroup.tsx

@@ -0,0 +1,191 @@
+import type { GetProps } from '@hanzogui/core'
+import { isWeb, withStaticProperties } from '@hanzogui/core'
+import type {
+  RadioGroupContextValue,
+  RadioGroupItemContextValue,
+} from '@hanzogui/radio-headless'
+import {
+  useRadioGroup,
+  useRadioGroupItem,
+  useRadioGroupItemIndicator,
+} from '@hanzogui/radio-headless'
+import { RovingFocusGroup } from '@hanzogui/roving-focus'
+import React from 'react'
+import {
+  RadioGroupFrame,
+  RadioGroupIndicatorFrame,
+  RadioGroupItemFrame,
+} from './RadioGroup'
+
+const ensureContext = (x: any) => {
+  if (!x.context) {
+    x.context = RadioGroupContext
+  }
+}
+
+type RadioIndicatorProps = GetProps<typeof RadioGroupIndicatorFrame> & {
+  forceMount?: boolean
+  unstyled?: boolean
+}
+
+const RadioGroupContext = React.createContext<RadioGroupContextValue>({})
+const RadioGroupItemContext = React.createContext<RadioGroupItemContextValue>({
+  checked: false,
+  disabled: false,
+})
+
+export type RadioGroupItemProps = GetProps<typeof RadioGroupItemFrame> & {
+  value: string
+  id?: string
+  labelledBy?: string
+  disabled?: boolean
+}
+
+export type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
+  value?: string
+  defaultValue?: string
+  onValueChange?: (value: string) => void
+  required?: boolean
+  disabled?: boolean
+  name?: string
+  native?: boolean
+  accentColor?: string
+}
+
+type RadioGroupComponent = (props: RadioGroupProps) => any
+
+type RadioGroupIndicatorComponent = (props: RadioIndicatorProps) => any
+
+type RadioGroupItemComponent = (props: RadioGroupItemProps) => any
+
+export function createRadioGroup<
+  F extends RadioGroupComponent,
+  D extends RadioGroupIndicatorComponent,
+  I extends RadioGroupItemComponent,
+>(createProps: { disableActiveTheme?: boolean; Frame?: F; Indicator?: D; Item?: I }) {
+  const {
+    disableActiveTheme,
+    Frame = RadioGroupFrame,
+    Indicator = RadioGroupIndicatorFrame,
+    Item = RadioGroupItemFrame,
+  } = createProps as any as {
+    disableActiveTheme?: boolean
+    Frame: typeof RadioGroupFrame
+    Indicator: typeof RadioGroupIndicatorFrame
+    Item: typeof RadioGroupItemFrame
+  }
+
+  ensureContext(Frame)
+  ensureContext(Indicator)
+  ensureContext(Item)
+
+  type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
+    value?: string
+    defaultValue?: string
+    onValueChange?: (value: string) => void
+    required?: boolean
+    disabled?: boolean
+    name?: string
+    native?: boolean
+    accentColor?: string
+  }
+
+  const RadioGroupImp = Frame.styleable<RadioGroupProps>((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 (
+      <RadioGroupContext.Provider value={providerValue}>
+        <RovingFocusGroup {...rovingFocusGroupAttrs}>
+          <RadioGroupFrame {...frameAttrs} ref={ref} {...rest} />
+        </RovingFocusGroup>
+      </RadioGroupContext.Provider>
+    )
+  })
+
+  const RadioGroupItemImp = Item.styleable<RadioGroupItemProps>((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: onPress!,
+      onKeyDown,
+    })
+
+    return (
+      <RadioGroupItemContext.Provider value={providerValue}>
+        {isWeb && native ? (
+          bubbleInput
+        ) : (
+          <>
+            <RovingFocusGroup.Item {...rovingFocusGroupAttrs}>
+              <RadioGroupItemFrame {...frameAttrs} ref={ref} {...rest} />
+            </RovingFocusGroup.Item>
+            {isFormControl && bubbleInput}
+          </>
+        )}
+      </RadioGroupItemContext.Provider>
+    )
+  })
+
+  RadioGroupItemImp.displayName = 'RadioGroupItem'
+
+  const RadioIndicator = Indicator.styleable<RadioIndicatorProps>(
+    (props: RadioIndicatorProps, forwardedRef) => {
+      const { forceMount, disabled, ...indicatorProps } = props
+      const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
+        radioGroupItemContext: RadioGroupItemContext,
+        disabled,
+      })
+
+      if (forceMount || checked) {
+        return <Indicator {...useIndicatorRest} ref={forwardedRef} {...indicatorProps} />
+      }
+
+      return null
+    }
+  )
+
+  RadioIndicator.displayName = 'RadioIndicator'
+
+  const RadioGroup = withStaticProperties(RadioGroupImp, {
+    Item: RadioGroupItemImp,
+    Indicator: RadioIndicator,
+  })
+  RadioGroup.displayName = 'RadioGroup'
+
+  return RadioGroup
+}

package/src/index.ts

@@ -0,0 +1,16 @@
+import {
+  RadioGroupFrame,
+  RadioGroupIndicatorFrame,
+  RadioGroupItemFrame,
+} from './RadioGroup'
+import { createRadioGroup } from './createRadioGroup'
+
+export * from './createRadioGroup'
+export * from './RadioGroup'
+export * from './RadioGroupStyledContext'
+
+export const RadioGroup = createRadioGroup({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame,
+})