react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/progress/tokens.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProgressTokens = exports.createProgressTokens = void 0;
-var _designSystem = require("../../design-system");
-const createProgressTokens = foundations => {
-  const onPrimary = foundations.palette.primary.foreground ?? '#ffffff';
-  return {
-    defaults: {
-      percentage: 0,
-      inactive: false,
-      showPivot: true,
-      transition: true,
-      animationDuration: 300
-    },
-    layout: {
-      track: {
-        overflow: 'hidden'
-      },
-      indicator: {
-        position: 'absolute',
-        left: 0,
-        top: 0
-      },
-      pivot: {
-        position: 'absolute'
-      },
-      pivotText: {
-        textAlign: 'center',
-        includeFontPadding: false
-      }
-    },
-    colors: {
-      track: foundations.palette.default[100],
-      indicator: foundations.palette.primary[500],
-      pivotText: onPrimary
-    },
-    typography: {
-      fontFamily: foundations.typography.fontFamily,
-      pivotFontSize: foundations.fontSize.xs
-    },
-    sizing: {
-      height: 4,
-      pivotPaddingHorizontal: foundations.spacing.xs,
-      pivotPaddingVertical: 2
-    }
-  };
-};
-exports.createProgressTokens = createProgressTokens;
-const useProgressTokens = exports.useProgressTokens = (0, _designSystem.createComponentTokensHook)('progress', createProgressTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useProgressTokens=exports.createProgressTokens=void 0;var _designSystem=require("../../design-system");const createProgressTokens=e=>{const t=e.palette.primary.foreground??"#ffffff";return{defaults:{percentage:0,inactive:!1,showPivot:!0,transition:!0,animationDuration:300},layout:{track:{overflow:"hidden"},indicator:{position:"absolute",left:0,top:0},pivot:{position:"absolute"},pivotText:{textAlign:"center",includeFontPadding:!1}},colors:{track:e.palette.default[100],indicator:e.palette.primary[500],pivotText:t},typography:{fontFamily:e.typography.fontFamily,pivotFontSize:e.fontSize.xs},sizing:{height:4,pivotPaddingHorizontal:e.spacing.xs,pivotPaddingVertical:2}}};exports.createProgressTokens=createProgressTokens;const useProgressTokens=exports.useProgressTokens=(0,_designSystem.createComponentTokensHook)("progress",createProgressTokens);

package/dist/cjs/components/radio/Radio.js

@@ -1,245 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-function _radio() {
-  const data = require("@react-native-aria/radio");
-  _radio = function () {
-    return data;
-  };
-  return data;
-}
-function _toggle() {
-  const data = require("@react-stately/toggle");
-  _toggle = function () {
-    return data;
-  };
-  return data;
-}
-var _RadioContext = require("./RadioContext");
-var _tokens = require("./tokens");
-var _utils = require("../../utils");
-var _validate = require("../../utils/validate");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Radio = exports.Radio = /*#__PURE__*/_react().default.memo(props => {
-  const {
-    children,
-    name,
-    value,
-    checked,
-    defaultChecked,
-    iconSize,
-    checkedColor,
-    iconRender,
-    shape: shapeP,
-    labelPosition,
-    labelDisabled,
-    disabled,
-    style,
-    labelStyle,
-    tokensOverride,
-    onClick,
-    onChange,
-    accessibilityLabel,
-    ['aria-label']: ariaLabel,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useRadioTokens)(tokensOverride);
-  const group = (0, _react().useContext)(_RadioContext.RadioGroupContext);
-  const optVal = value ?? name;
-  const sv = optVal == null ? undefined : String(optVal);
-  const isGroup = !!group && sv !== undefined;
-  const rIconSz = (0, _utils.parseNumber)(iconSize ?? group?.iconSize, tokens.defaults.iconSize);
-  const rCheckedClr = checkedColor ?? group?.checkedColor ?? tokens.colors.checkedBackground;
-  const rLabelPos = labelPosition ?? tokens.defaults.labelPosition;
-  const rLabelDis = labelDisabled ?? group?.labelDisabled ?? tokens.defaults.labelDisabled;
-  const rDis = Boolean(disabled || group?.state.isDisabled);
-  const shape = shapeP ?? tokens.defaults.shape;
-  const standKey = sv ?? 'standalone';
-  const inputRef = (0, _react().useRef)(null);
-  const inputElRef = (0, _react().useRef)(null);
-  const onChangeRef = (0, _react().useRef)(onChange);
-  onChangeRef.current = onChange;
-  const onClickRef = (0, _react().useRef)(onClick);
-  onClickRef.current = onClick;
-  const rAccLabel = accessibilityLabel ?? ariaLabel ?? ((0, _validate.isText)(children) ? String(children) : undefined) ?? sv ?? 'radio';
-  const {
-    isSelected: standSel,
-    setSelected: setStandSel
-  } = (0, _toggle().useToggleState)({
-    isSelected: checked,
-    defaultSelected: defaultChecked,
-    onChange: next => onChange?.(next)
-  });
-  const pseudoState = {
-    selectedValue: standSel ? standKey : null,
-    setSelectedValue: next => {
-      setStandSel(next === standKey);
-    }
-  };
-  (0, _react().useEffect)(() => {
-    if (isGroup && group && sv !== undefined) {
-      group.registerValue(sv, optVal ?? sv);
-      return () => group.unregisterValue(sv);
-    }
-    ;
-    return undefined;
-  }, [group, isGroup, optVal, sv]);
-  const state = isGroup && group ? group.state : pseudoState;
-  const radioVal = isGroup ? sv : standKey;
-  const {
-    onBlur,
-    onFocus,
-    ...compRest
-  } = rest;
-  const ariaRef = _reactNative().Platform.OS === 'web' ? inputElRef : inputRef;
-  const {
-    inputProps
-  } = (0, _radio().useRadio)({
-    value: radioVal,
-    isDisabled: rDis,
-    'aria-label': rAccLabel,
-    accessibilityLabel: rAccLabel,
-    ...compRest
-  }, state, ariaRef);
-  const isChecked = isGroup && group && sv !== undefined ? group.state.selectedValue === sv : checked !== undefined ? checked : standSel;
-  const inputOnPress = inputProps?.onPress;
-  const handlePress = (0, _react().useCallback)(e => {
-    onClickRef.current?.(e);
-    if (rDis) return;
-    if (isGroup && group && sv !== undefined) {
-      if (!isChecked) group.state.setSelectedValue(sv);
-      return;
-    }
-    ;
-    if (checked !== undefined) {
-      onChangeRef.current?.(!checked);
-      return;
-    }
-    ;
-    if (onChangeRef.current) {
-      setStandSel(!standSel);
-      return;
-    }
-    ;
-    inputOnPress?.(e);
-  }, [checked, group, inputOnPress, isChecked, isGroup, rDis, sv, setStandSel, standSel]);
-  const mergedInputProps = inputProps ? {
-    ...inputProps,
-    onPress: handlePress
-  } : {};
-  const borderClr = rDis ? tokens.colors.disabledBorder : isChecked ? rCheckedClr : tokens.colors.border;
-  const bgClr = rDis ? tokens.colors.disabledBackground : tokens.colors.background;
-  const spacingStyle = rLabelPos === 'left' ? {
-    marginRight: tokens.spacing.gap
-  } : {
-    marginLeft: tokens.spacing.gap
-  };
-  const labelClr = rDis ? tokens.colors.labelDisabled : tokens.colors.label;
-  const radius = shape === 'square' ? tokens.radii.square : tokens.radii.round;
-  const labelNode = (0, _react().useMemo)(() => !(0, _validate.isRenderable)(children) ? null : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.labelWrapper, spacingStyle],
-    pointerEvents: "none",
-    accessible: false
-  }, (0, _utils.renderTextOrNode)(children, [tokens.layout.label, {
-    color: labelClr,
-    fontSize: tokens.typography.fontSize,
-    lineHeight: tokens.typography.fontSize * tokens.typography.lineHeightMultiplier,
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: tokens.typography.fontWeight
-  }, labelStyle].filter(Boolean))), [children, labelClr, labelStyle, spacingStyle, tokens.layout.label, tokens.layout.labelWrapper, tokens.typography.fontFamily, tokens.typography.fontSize, tokens.typography.fontWeight, tokens.typography.lineHeightMultiplier]);
-  const interactive = !rDis && !rLabelDis;
-  const defaultIcon = (0, _react().useMemo)(() => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.icon, {
-      width: rIconSz,
-      height: rIconSz,
-      borderRadius: radius,
-      backgroundColor: bgClr
-    }]
-  }, isChecked && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      width: rIconSz * tokens.sizing.dotScale,
-      height: rIconSz * tokens.sizing.dotScale,
-      borderRadius: radius,
-      backgroundColor: rCheckedClr
-    }
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _utils.createHairlineView)({
-      position: 'all',
-      color: borderClr,
-      borderRadius: radius
-    })
-  })), [bgClr, borderClr, radius, isChecked, rCheckedClr, rIconSz, tokens.layout.icon, tokens.sizing.dotScale]);
-  const iconVisual = iconRender ? iconRender({
-    checked: Boolean(isChecked),
-    disabled: Boolean(rDis)
-  }) ?? null : defaultIcon;
-  const webInputStyle = {
-    position: 'absolute',
-    width: 1,
-    height: 1,
-    margin: -1,
-    border: 0,
-    padding: 0,
-    overflow: 'hidden',
-    clip: 'rect(0 0 0 0)',
-    clipPath: 'inset(50%)',
-    whiteSpace: 'nowrap'
-  };
-  const {
-    ref: _ignoredAriaRefProp,
-    ...webInputProps
-  } = inputProps ?? {};
-  const webInputNode = _reactNative().Platform.OS === 'web' ? /*#__PURE__*/_react().default.createElement("input", _extends({
-    ref: inputElRef
-  }, webInputProps, {
-    style: webInputStyle
-  })) : null;
-  const iconNode = interactive ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.iconWrapper
-  }, iconVisual, webInputNode) : /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, mergedInputProps, {
-    ref: inputRef,
-    testID: sv !== undefined ? `radio-icon-${sv}` : undefined,
-    disabled: rDis,
-    accessibilityRole: "radio",
-    accessibilityState: {
-      selected: isChecked,
-      disabled: rDis
-    },
-    style: tokens.layout.iconWrapper
-  }), iconVisual, webInputNode);
-  const isLeft = rLabelPos === 'left';
-  const first = isLeft ? labelNode : iconNode;
-  const second = isLeft ? iconNode : labelNode;
-  if (interactive) return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, mergedInputProps, {
-    ref: inputRef,
-    testID: sv !== undefined ? `radio-icon-${sv}` : undefined,
-    disabled: rDis,
-    accessibilityRole: "radio",
-    accessibilityState: {
-      selected: isChecked,
-      disabled: rDis
-    },
-    style: [tokens.layout.container, style]
-  }), first, second);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.container, style]
-  }, first, second);
-});
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _radio(){const e=require("@react-native-aria/radio");return _radio=function(){return e},e}function _toggle(){const e=require("@react-stately/toggle");return _toggle=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0;var _RadioContext=require("./RadioContext"),_tokens=require("./tokens"),_utils=require("../../utils"),_validate=require("../../utils/validate");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(i=t?r:a){if(i.has(e))return i.get(e);i.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?i(o,t,l):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=exports.Radio=_react().default.memo(e=>{const{children:t,name:a,value:r,checked:i,defaultChecked:l,iconSize:o,checkedColor:n,iconRender:c,shape:s,labelPosition:d,labelDisabled:u,disabled:f,style:p,labelStyle:_,tokensOverride:b,onClick:y,onChange:g,accessibilityLabel:h,"aria-label":v,...S}=e,R=(0,_tokens.useRadioTokens)(b),m=(0,_react().useContext)(_RadioContext.RadioGroupContext),k=r??a,w=null==k?void 0:String(k),x=!!m&&void 0!==w,P=(0,_utils.parseNumber)(o??m?.iconSize,R.defaults.iconSize),C=n??m?.checkedColor??R.colors.checkedBackground,N=d??R.defaults.labelPosition,q=u??m?.labelDisabled??R.defaults.labelDisabled,V=Boolean(f||m?.state.isDisabled),W=s??R.defaults.shape,O=w??"standalone",E=(0,_react().useRef)(null),z=(0,_react().useRef)(null),D=(0,_react().useRef)(g);D.current=g;const M=(0,_react().useRef)(y);M.current=y;const B=h??v??((0,_validate.isText)(t)?String(t):void 0)??w??"radio",{isSelected:j,setSelected:F}=(0,_toggle().useToggleState)({isSelected:i,defaultSelected:l,onChange:e=>g?.(e)}),H={selectedValue:j?O:null,setSelectedValue:e=>{F(e===O)}};(0,_react().useEffect)(()=>{if(x&&m&&void 0!==w)return m.registerValue(w,k??w),()=>m.unregisterValue(w)},[m,x,k,w]);const T=x&&m?m.state:H,L=x?w:O,{onBlur:I,onFocus:$,...G}=S,A="web"===_reactNative().Platform.OS?z:E,{inputProps:J}=(0,_radio().useRadio)({value:L,isDisabled:V,"aria-label":B,accessibilityLabel:B,...G},T,A),K=x&&m&&void 0!==w?m.state.selectedValue===w:void 0!==i?i:j,Q=J?.onPress,U=(0,_react().useCallback)(e=>{M.current?.(e),V||(x&&m&&void 0!==w?K||m.state.setSelectedValue(w):void 0===i?D.current?F(!j):Q?.(e):D.current?.(!i))},[i,m,Q,K,x,V,w,F,j]),X=J?{...J,onPress:U}:{},Y=V?R.colors.disabledBorder:K?C:R.colors.border,Z=V?R.colors.disabledBackground:R.colors.background,ee="left"===N?{marginRight:R.spacing.gap}:{marginLeft:R.spacing.gap},te=V?R.colors.labelDisabled:R.colors.label,ae="square"===W?R.radii.square:R.radii.round,re=(0,_react().useMemo)(()=>(0,_validate.isRenderable)(t)?_react().default.createElement(_reactNative().View,{style:[R.layout.labelWrapper,ee],pointerEvents:"none",accessible:!1},(0,_utils.renderTextOrNode)(t,[R.layout.label,{color:te,fontSize:R.typography.fontSize,lineHeight:R.typography.fontSize*R.typography.lineHeightMultiplier,fontFamily:R.typography.fontFamily,fontWeight:R.typography.fontWeight},_].filter(Boolean))):null,[t,te,_,ee,R.layout.label,R.layout.labelWrapper,R.typography.fontFamily,R.typography.fontSize,R.typography.fontWeight,R.typography.lineHeightMultiplier]),ie=!V&&!q,le=(0,_react().useMemo)(()=>_react().default.createElement(_reactNative().View,{style:[R.layout.icon,{width:P,height:P,borderRadius:ae,backgroundColor:Z}]},K&&_react().default.createElement(_reactNative().View,{style:{width:P*R.sizing.dotScale,height:P*R.sizing.dotScale,borderRadius:ae,backgroundColor:C}}),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:Y,borderRadius:ae})})),[Z,Y,ae,K,C,P,R.layout.icon,R.sizing.dotScale]),oe=c?c({checked:Boolean(K),disabled:Boolean(V)})??null:le,{ref:ne,...ce}=J??{},se="web"===_reactNative().Platform.OS?_react().default.createElement("input",_extends({ref:z},ce,{style:{position:"absolute",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap"}})):null,de=ie?_react().default.createElement(_reactNative().View,{style:R.layout.iconWrapper},oe,se):_react().default.createElement(_reactNative().Pressable,_extends({},X,{ref:E,testID:void 0!==w?`radio-icon-${w}`:void 0,disabled:V,accessibilityRole:"radio",accessibilityState:{selected:K,disabled:V},style:R.layout.iconWrapper}),oe,se),ue="left"===N,fe=ue?re:de,pe=ue?de:re;return ie?_react().default.createElement(_reactNative().Pressable,_extends({},X,{ref:E,testID:void 0!==w?`radio-icon-${w}`:void 0,disabled:V,accessibilityRole:"radio",accessibilityState:{selected:K,disabled:V},style:[R.layout.container,p]}),fe,pe):_react().default.createElement(_reactNative().View,{style:[R.layout.container,p]},fe,pe)});

package/dist/cjs/components/radio/RadioContext.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RadioGroupContext", {
-  enumerable: true,
-  get: function () {
-    return _RadioGroup.RadioGroupContext;
-  }
-});
-var _RadioGroup = require("./RadioGroup");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RadioGroupContext",{enumerable:!0,get:function(){return _RadioGroup.RadioGroupContext}});var _RadioGroup=require("./RadioGroup");

package/dist/cjs/components/radio/RadioGroup.js

@@ -1,113 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RadioGroupContext = exports.RadioGroup = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-function _radio() {
-  const data = require("@react-native-aria/radio");
-  _radio = function () {
-    return data;
-  };
-  return data;
-}
-function _radio2() {
-  const data = require("@react-stately/radio");
-  _radio2 = function () {
-    return data;
-  };
-  return data;
-}
-var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const RadioGroupContext = exports.RadioGroupContext = /*#__PURE__*/_react().default.createContext(null);
-const RadioGroupImpl = props => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    disabled: disabledProp,
-    direction: directionProp,
-    iconSize,
-    checkedColor,
-    labelDisabled,
-    gap: gapProp,
-    name,
-    children,
-    style,
-    tokensOverride,
-    accessibilityLabel,
-    accessibilityHint,
-    ...viewProps
-  } = props;
-  const tokens = (0, _tokens.useRadioTokens)(tokensOverride);
-  const disabled = disabledProp ?? tokens.defaults.groupDisabled;
-  const direction = directionProp ?? tokens.defaults.groupDirection;
-  const gap = Math.max(0, gapProp ?? tokens.spacing.groupGap);
-  const registryRef = (0, _react().useRef)(new Map());
-  const registerValue = (0, _react().useCallback)((key, raw) => {
-    registryRef.current.set(key, raw);
-  }, []);
-  const unregisterValue = (0, _react().useCallback)(key => {
-    registryRef.current.delete(key);
-  }, []);
-  const state = (0, _radio2().useRadioGroupState)({
-    value: value == null ? undefined : String(value),
-    defaultValue: defaultValue == null ? undefined : String(defaultValue),
-    isDisabled: disabled,
-    onChange: key => {
-      onChange?.(registryRef.current.get(key) ?? key);
-    },
-    name
-  });
-  const {
-    radioGroupProps
-  } = (0, _radio().useRadioGroup)({
-    isDisabled: disabled,
-    'aria-label': accessibilityLabel,
-    name
-  }, state);
-  const rProps = (0, _react().useMemo)(() => ({
-    ...(radioGroupProps ?? {}),
-    ...(accessibilityHint && {
-      'aria-describedby': accessibilityHint
-    }),
-    'aria-disabled': disabled
-  }), [accessibilityHint, disabled, radioGroupProps]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    state,
-    direction,
-    iconSize,
-    checkedColor,
-    labelDisabled,
-    registerValue,
-    unregisterValue
-  }), [checkedColor, direction, iconSize, labelDisabled, registerValue, state, unregisterValue]);
-  const ctrStyle = [direction === 'horizontal' ? tokens.layout.groupHorizontal : tokens.layout.groupVertical, {
-    columnGap: direction === 'horizontal' ? gap : undefined,
-    rowGap: gap
-  }, style];
-  return /*#__PURE__*/_react().default.createElement(RadioGroupContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({}, rProps, viewProps, {
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    style: ctrStyle
-  }), children));
-};
-const RadioGroup = exports.RadioGroup = /*#__PURE__*/_react().default.memo(RadioGroupImpl);
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _radio(){const e=require("@react-native-aria/radio");return _radio=function(){return e},e}function _radio2(){const e=require("@react-stately/radio");return _radio2=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioGroupContext=exports.RadioGroup=void 0;var _tokens=require("./tokens");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,i,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=r?a:t){if(o.has(e))return o.get(e);o.set(e,n)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?o(n,r,i):n[r]=e[r]);return n})(e,r)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const RadioGroupContext=exports.RadioGroupContext=_react().default.createContext(null),RadioGroupImpl=e=>{const{value:r,defaultValue:t,onChange:a,disabled:o,direction:i,iconSize:n,checkedColor:u,labelDisabled:c,gap:l,name:s,children:d,style:p,tokensOverride:f,accessibilityLabel:_,accessibilityHint:b,...v}=e,g=(0,_tokens.useRadioTokens)(f),y=o??g.defaults.groupDisabled,R=i??g.defaults.groupDirection,x=Math.max(0,l??g.spacing.groupGap),G=(0,_react().useRef)(new Map),m=(0,_react().useCallback)((e,r)=>{G.current.set(e,r)},[]),h=(0,_react().useCallback)(e=>{G.current.delete(e)},[]),k=(0,_radio2().useRadioGroupState)({value:null==r?void 0:String(r),defaultValue:null==t?void 0:String(t),isDisabled:y,onChange:e=>{a?.(G.current.get(e)??e)},name:s}),{radioGroupProps:C}=(0,_radio().useRadioGroup)({isDisabled:y,"aria-label":_,name:s},k),M=(0,_react().useMemo)(()=>({...C??{},...b&&{"aria-describedby":b},"aria-disabled":y}),[b,y,C]),O=(0,_react().useMemo)(()=>({state:k,direction:R,iconSize:n,checkedColor:u,labelDisabled:c,registerValue:m,unregisterValue:h}),[u,R,n,c,m,k,h]),q=["horizontal"===R?g.layout.groupHorizontal:g.layout.groupVertical,{columnGap:"horizontal"===R?x:void 0,rowGap:x},p];return _react().default.createElement(RadioGroupContext.Provider,{value:O},_react().default.createElement(_reactNative().View,_extends({},M,v,{accessibilityLabel:_,accessibilityHint:b,style:q}),d))},RadioGroup=exports.RadioGroup=_react().default.memo(RadioGroupImpl);

package/dist/cjs/components/radio/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = void 0;
-Object.defineProperty(exports, "RadioGroup", {
-  enumerable: true,
-  get: function () {
-    return _RadioGroup.RadioGroup;
-  }
-});
-var _Radio = require("./Radio");
-var _RadioGroup = require("./RadioGroup");
-const Radio = exports.Radio = _Radio.Radio;
-Radio.Group = _RadioGroup.RadioGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0,Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _RadioGroup.RadioGroup}});var _Radio=require("./Radio"),_RadioGroup=require("./RadioGroup");const Radio=exports.Radio=_Radio.Radio;Radio.Group=_RadioGroup.RadioGroup;

package/dist/cjs/components/radio/tokens.js

@@ -1,92 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRadioTokens = void 0;
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _designSystem = require("../../design-system");
-const centered = {
-  justifyContent: 'center',
-  alignItems: 'center'
-};
-const createRadioTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize,
-    typography
-  } = foundations;
-  return {
-    defaults: {
-      iconSize: 20,
-      labelPosition: 'right',
-      shape: 'round',
-      labelDisabled: false,
-      groupDisabled: false,
-      groupDirection: 'vertical'
-    },
-    layout: {
-      container: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      iconWrapper: centered,
-      labelWrapper: {
-        flexShrink: 1
-      },
-      icon: centered,
-      label: {
-        includeFontPadding: false
-      },
-      groupHorizontal: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        alignItems: 'center'
-      },
-      groupVertical: {
-        flexDirection: 'column'
-      },
-      groupItem: {
-        flexShrink: 0
-      }
-    },
-    colors: {
-      border: palette.default[400],
-      background: '#ffffff',
-      checkedBackground: palette.primary[500],
-      disabledBorder: palette.default[300],
-      disabledBackground: palette.default[100],
-      checkmark: palette.primary.foreground ?? '#ffffff',
-      label: palette.default.foreground ?? '#111827',
-      labelDisabled: palette.default[400]
-    },
-    typography: {
-      fontSize: fontSize.md,
-      fontFamily: typography.fontFamily,
-      fontWeight: typography.weight.medium,
-      lineHeightMultiplier: typography.lineHeightMultiplier
-    },
-    sizing: {
-      dotScale: 0.5
-    },
-    radii: {
-      round: 999,
-      square: 2
-    },
-    borders: {
-      width: _reactNative().StyleSheet.hairlineWidth
-    },
-    spacing: {
-      gap: spacing.sm,
-      groupGap: spacing.sm
-    }
-  };
-};
-const useRadioTokens = exports.useRadioTokens = (0, _designSystem.createComponentTokensHook)('radio', createRadioTokens);
+"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRadioTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createRadioTokens=e=>{const{palette:r,spacing:t,fontSize:i,typography:o}=e;return{defaults:{iconSize:20,labelPosition:"right",shape:"round",labelDisabled:!1,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,labelWrapper:{flexShrink:1},icon:centered,label:{includeFontPadding:!1},groupHorizontal:{flexDirection:"row",flexWrap:"wrap",alignItems:"center"},groupVertical:{flexDirection:"column"},groupItem:{flexShrink:0}},colors:{border:r.default[400],background:"#ffffff",checkedBackground:r.primary[500],disabledBorder:r.default[300],disabledBackground:r.default[100],checkmark:r.primary.foreground??"#ffffff",label:r.default.foreground??"#111827",labelDisabled:r.default[400]},typography:{fontSize:i.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},sizing:{dotScale:.5},radii:{round:999,square:2},borders:{width:_reactNative().StyleSheet.hairlineWidth},spacing:{gap:t.sm,groupGap:t.sm}}},useRadioTokens=exports.useRadioTokens=(0,_designSystem.createComponentTokensHook)("radio",createRadioTokens);

package/dist/cjs/components/safe-area-view/SafeAreaView.js

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SafeAreaView = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _useSafeAreaPadding = require("../../hooks/useSafeAreaPadding");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SafeAreaViewImpl = ({
-  edge,
-  style,
-  children,
-  onLayout,
-  pointerEvents
-}) => {
-  const pad = (0, _useSafeAreaPadding.useSafeAreaPadding)({});
-  if (edge === 'top') return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [{
-      width: '100%',
-      minHeight: pad.paddingTop
-    }, style],
-    onLayout: onLayout,
-    pointerEvents: pointerEvents ?? 'none'
-  });
-  if (edge === 'bottom') return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [{
-      width: '100%',
-      minHeight: pad.paddingBottom
-    }, style],
-    pointerEvents: pointerEvents ?? 'none'
-  });
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [{
-      width: '100%',
-      paddingTop: pad.paddingTop,
-      paddingBottom: pad.paddingBottom,
-      paddingLeft: pad.paddingLeft,
-      paddingRight: pad.paddingRight
-    }, style],
-    onLayout: onLayout,
-    pointerEvents: pointerEvents
-  }, children);
-};
-const SafeAreaView = exports.SafeAreaView = /*#__PURE__*/_react().default.memo(SafeAreaViewImpl);
-SafeAreaView.displayName = 'SafeAreaView';
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.SafeAreaView=void 0;var _useSafeAreaPadding=require("../../hooks/useSafeAreaPadding");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SafeAreaViewImpl=({edge:e,style:t,children:a,onLayout:r,pointerEvents:i})=>{const n=(0,_useSafeAreaPadding.useSafeAreaPadding)({});return"top"===e?_react().default.createElement(_reactNative().View,{style:[{width:"100%",minHeight:n.paddingTop},t],onLayout:r,pointerEvents:i??"none"}):"bottom"===e?_react().default.createElement(_reactNative().View,{style:[{width:"100%",minHeight:n.paddingBottom},t],pointerEvents:i??"none"}):_react().default.createElement(_reactNative().View,{style:[{width:"100%",paddingTop:n.paddingTop,paddingBottom:n.paddingBottom,paddingLeft:n.paddingLeft,paddingRight:n.paddingRight},t],onLayout:r,pointerEvents:i},a)},SafeAreaView=exports.SafeAreaView=_react().default.memo(SafeAreaViewImpl);SafeAreaView.displayName="SafeAreaView";

package/dist/cjs/components/safe-area-view/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SafeAreaView", {
-  enumerable: true,
-  get: function () {
-    return _SafeAreaView.SafeAreaView;
-  }
-});
-var _SafeAreaView = require("./SafeAreaView");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SafeAreaView",{enumerable:!0,get:function(){return _SafeAreaView.SafeAreaView}});var _SafeAreaView=require("./SafeAreaView");

package/dist/cjs/components/safe-area-view/tokens.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSafeAreaViewTokens = void 0;
-var _designSystem = require("../../design-system");
-const createSafeAreaViewTokens = _foundations => {
-  return {};
-};
-const useSafeAreaViewTokens = exports.useSafeAreaViewTokens = (0, _designSystem.createComponentTokensHook)('safeAreaView', createSafeAreaViewTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSafeAreaViewTokens=void 0;var _designSystem=require("../../design-system");const createSafeAreaViewTokens=e=>({}),useSafeAreaViewTokens=exports.useSafeAreaViewTokens=(0,_designSystem.createComponentTokensHook)("safeAreaView",createSafeAreaViewTokens);