react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/checkbox/Checkbox.js

@@ -1,251 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Checkbox = 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 _checkbox() {
-  const data = require("@react-native-aria/checkbox");
-  _checkbox = function () {
-    return data;
-  };
-  return data;
-}
-function _toggle() {
-  const data = require("@react-stately/toggle");
-  _toggle = function () {
-    return data;
-  };
-  return data;
-}
-var _CheckboxContext = require("./CheckboxContext");
-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 EMPTY_CHECKBOX_GROUP_STATE = {
-  value: [],
-  isDisabled: false,
-  isReadOnly: false,
-  isSelected: () => false,
-  setValue: () => {},
-  addValue: () => {},
-  removeValue: () => {},
-  toggleValue: () => {}
-};
-const CheckboxImpl = (p, ref) => {
-  const {
-    children,
-    name,
-    value,
-    iconRender,
-    bindGroup: bgp,
-    shape,
-    iconSize,
-    checkedColor,
-    labelPosition,
-    labelDisabled,
-    disabled,
-    style,
-    labelStyle,
-    tokensOverride,
-    hitSlop = 8,
-    accessibilityLabel,
-    ['aria-label']: al,
-    onClick,
-    onChange,
-    ...rest
-  } = p;
-  const t = (0, _tokens.useCheckboxTokens)(tokensOverride);
-  const g = (0, _react().useContext)(_CheckboxContext.CheckboxGroupContext);
-  const bg = bgp ?? t.defaults.bindGroup;
-  const rs = shape ?? g?.shape ?? t.defaults.shape;
-  const ris = iconSize ?? g?.iconSize ?? t.defaults.iconSize;
-  const rcc = checkedColor ?? g?.checkedColor ?? t.colors.checkedBackground;
-  const rir = iconRender ?? g?.iconRender;
-  const rlp = labelPosition ?? t.defaults.labelPosition;
-  const rld = labelDisabled ?? g?.labelDisabled ?? t.defaults.labelDisabled;
-  const rd = Boolean(disabled || g?.state.isDisabled);
-  const rv = value ?? name;
-  const sv = rv == null ? undefined : String(rv);
-  const ir = (0, _react().useRef)(null);
-  (0, _react().useImperativeHandle)(ref, () => ir.current);
-  const ss = (0, _toggle().useToggleState)({
-    isSelected: p.checked,
-    defaultSelected: p.defaultChecked,
-    onChange
-  });
-  const ig = !!g && sv !== undefined && bg;
-  const {
-    onBlur,
-    onFocus,
-    ...cr
-  } = rest;
-  (0, _react().useEffect)(() => {
-    if (g && bg && sv !== undefined && rv !== undefined) {
-      g.registerValue(sv, rv, rd);
-      return () => g.unregisterValue(sv);
-    }
-    ;
-    return undefined;
-  }, [bg, g, sv, rv, rd]);
-  const ral = accessibilityLabel ?? al ?? ((0, _validate.isText)(children) ? String(children) : undefined) ?? sv ?? 'checkbox';
-  const ar = ir;
-  const {
-    inputProps: gip
-  } = (0, _checkbox().useCheckboxGroupItem)({
-    ...cr,
-    value: sv ?? '',
-    isDisabled: rd,
-    'aria-label': ral
-  }, ig && g ? g.state : EMPTY_CHECKBOX_GROUP_STATE, ar);
-  const {
-    inputProps: sip
-  } = (0, _checkbox().useCheckbox)({
-    ...cr,
-    isDisabled: rd,
-    value: sv,
-    'aria-label': ral
-  }, ss, ar);
-  const ip = ig && g ? gip : sip;
-  const ic = ig && g ? g.state.isSelected(sv) : p.checked !== undefined ? p.checked : ss.isSelected;
-  const br = rs === 'round' ? ris / 2 : t.radii.square;
-  const bc = rd ? t.colors.disabledBorder : ic ? rcc : t.colors.border;
-  const bgc = rd ? t.colors.disabledBackground : ic ? rcc : t.colors.background;
-  const lc = rd || rld ? t.colors.labelDisabled : t.colors.label;
-  const ss_ = rlp === 'left' ? {
-    marginRight: t.spacing.gap
-  } : {
-    marginLeft: t.spacing.gap
-  };
-  const oop = ip?.onPress;
-  const mip = ip ? {
-    ...ip,
-    onPress: e => {
-      onClick?.(e);
-      if (ig && g?.max && !ic && g.state.value.length >= g.max) return;
-      if (oop) {
-        oop(e);
-        return;
-      }
-      if (ig && g && sv !== undefined) {
-        if (ic) g.state.removeValue(sv);else g.state.addValue(sv);
-        return;
-      }
-      if (p.checked !== undefined) {
-        onChange?.(!p.checked);
-        return;
-      }
-      if (onChange) {
-        ss.setSelected(!ss.isSelected);
-      }
-    }
-  } : {};
-  const ln = !(0, _validate.isRenderable)(children) ? null : (0, _validate.isText)(children) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    accessible: false,
-    style: [t.layout.label, {
-      color: lc,
-      fontSize: t.typography.fontSize,
-      lineHeight: t.typography.fontSize * t.typography.lineHeightMultiplier,
-      fontFamily: t.typography.fontFamily,
-      fontWeight: t.typography.fontWeight
-    }, labelStyle]
-  }, children) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    accessible: false,
-    style: labelStyle
-  }, children);
-  const ibs = {
-    width: ris,
-    height: ris,
-    borderRadius: br,
-    backgroundColor: bgc
-  };
-  const di = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [t.layout.icon, ibs]
-  }, ic && /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: [t.layout.checkmark, {
-      color: t.colors.checkmark,
-      fontSize: ris * t.icon.scale
-    }]
-  }, "\u2713"), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _utils.createHairlineView)({
-      position: 'all',
-      color: bc,
-      borderRadius: br
-    })
-  }));
-  let iv = di;
-  if (rir) {
-    iv = rir({
-      checked: Boolean(ic),
-      disabled: Boolean(rd)
-    }) ?? null;
-  }
-  const i = !rd && !rld;
-  const lw = ln && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [t.layout.labelWrapper, ss_],
-    pointerEvents: rld ? 'none' : undefined,
-    accessible: false
-  }, ln);
-  const iws = [t.layout.iconWrapper, rlp === 'left' ? {
-    marginLeft: t.spacing.gap
-  } : {
-    marginRight: t.spacing.gap
-  }];
-  const iw = i ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: iws
-  }, iv) : /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, mip, {
-    ref: ir,
-    disabled: rd,
-    accessibilityLabel: ral,
-    accessibilityRole: "checkbox",
-    accessibilityState: {
-      checked: ic,
-      disabled: !!rd
-    },
-    style: iws,
-    hitSlop: hitSlop
-  }), iv);
-  const cnt = rlp === 'left' ? /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, lw, iw) : /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, iw, lw);
-  if (i) {
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, mip, {
-      ref: ir,
-      disabled: rd,
-      accessibilityLabel: ral,
-      accessibilityRole: "checkbox",
-      accessibilityState: {
-        checked: ic,
-        disabled: !!rd
-      },
-      style: ({
-        pressed
-      }) => [t.layout.container, style, _reactNative().Platform.OS === 'web' && {
-        cursor: 'pointer'
-      }, pressed && {
-        opacity: 0.8
-      }],
-      hitSlop: hitSlop
-    }), cnt);
-  }
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [t.layout.container, style]
-  }, cnt);
-};
-const CheckboxForwardRef = /*#__PURE__*/_react().default.forwardRef(CheckboxImpl);
-const Checkbox = exports.Checkbox = /*#__PURE__*/_react().default.memo(CheckboxForwardRef);
-var _default = exports.default = Checkbox;
+"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 _checkbox(){const e=require("@react-native-aria/checkbox");return _checkbox=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.default=exports.Checkbox=void 0;var _CheckboxContext=require("./CheckboxContext"),_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 l,i,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?l(c,t,i):c[t]=e[t]);return c})(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 EMPTY_CHECKBOX_GROUP_STATE={value:[],isDisabled:!1,isReadOnly:!1,isSelected:()=>!1,setValue:()=>{},addValue:()=>{},removeValue:()=>{},toggleValue:()=>{}},CheckboxImpl=(e,t)=>{const{children:a,name:r,value:l,iconRender:i,bindGroup:c,shape:o,iconSize:n,checkedColor:s,labelPosition:u,labelDisabled:d,disabled:b,style:f,labelStyle:_,tokensOverride:p,hitSlop:h=8,accessibilityLabel:g,"aria-label":k,onClick:y,onChange:v,...x}=e,m=(0,_tokens.useCheckboxTokens)(p),C=(0,_react().useContext)(_CheckboxContext.CheckboxGroupContext),S=c??m.defaults.bindGroup,E=o??C?.shape??m.defaults.shape,R=n??C?.iconSize??m.defaults.iconSize,P=s??C?.checkedColor??m.colors.checkedBackground,w=i??C?.iconRender,O=u??m.defaults.labelPosition,V=d??C?.labelDisabled??m.defaults.labelDisabled,N=Boolean(b||C?.state.isDisabled),q=l??r,T=null==q?void 0:String(q),W=(0,_react().useRef)(null);(0,_react().useImperativeHandle)(t,()=>W.current);const B=(0,_toggle().useToggleState)({isSelected:e.checked,defaultSelected:e.defaultChecked,onChange:v}),D=!!C&&void 0!==T&&S,{onBlur:M,onFocus:z,...F}=x;(0,_react().useEffect)(()=>{if(C&&S&&void 0!==T&&void 0!==q)return C.registerValue(T,q,N),()=>C.unregisterValue(T)},[S,C,T,q,N]);const j=g??k??((0,_validate.isText)(a)?String(a):void 0)??T??"checkbox",G=W,{inputProps:H}=(0,_checkbox().useCheckboxGroupItem)({...F,value:T??"",isDisabled:N,"aria-label":j},D&&C?C.state:EMPTY_CHECKBOX_GROUP_STATE,G),{inputProps:L}=(0,_checkbox().useCheckbox)({...F,isDisabled:N,value:T,"aria-label":j},B,G),I=D&&C?H:L,A=D&&C?C.state.isSelected(T):void 0!==e.checked?e.checked:B.isSelected,K="round"===E?R/2:m.radii.square,U=N?m.colors.disabledBorder:A?P:m.colors.border,X=N?m.colors.disabledBackground:A?P:m.colors.background,Y=N||V?m.colors.labelDisabled:m.colors.label,J="left"===O?{marginRight:m.spacing.gap}:{marginLeft:m.spacing.gap},Q=I?.onPress,Z=I?{...I,onPress:t=>{y?.(t),D&&C?.max&&!A&&C.state.value.length>=C.max||(Q?Q(t):D&&C&&void 0!==T?A?C.state.removeValue(T):C.state.addValue(T):void 0===e.checked?v&&B.setSelected(!B.isSelected):v?.(!e.checked))}}:{},$=(0,_validate.isRenderable)(a)?(0,_validate.isText)(a)?_react().default.createElement(_reactNative().Text,{accessible:!1,style:[m.layout.label,{color:Y,fontSize:m.typography.fontSize,lineHeight:m.typography.fontSize*m.typography.lineHeightMultiplier,fontFamily:m.typography.fontFamily,fontWeight:m.typography.fontWeight},_]},a):_react().default.createElement(_reactNative().View,{accessible:!1,style:_},a):null,ee={width:R,height:R,borderRadius:K,backgroundColor:X};let te=_react().default.createElement(_reactNative().View,{style:[m.layout.icon,ee]},A&&_react().default.createElement(_reactNative().Text,{style:[m.layout.checkmark,{color:m.colors.checkmark,fontSize:R*m.icon.scale}]},"✓"),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:U,borderRadius:K})}));w&&(te=w({checked:Boolean(A),disabled:Boolean(N)})??null);const ae=!N&&!V,re=$&&_react().default.createElement(_reactNative().View,{style:[m.layout.labelWrapper,J],pointerEvents:V?"none":void 0,accessible:!1},$),le=[m.layout.iconWrapper,"left"===O?{marginLeft:m.spacing.gap}:{marginRight:m.spacing.gap}],ie=ae?_react().default.createElement(_reactNative().View,{style:le},te):_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:le,hitSlop:h}),te),ce="left"===O?_react().default.createElement(_react().default.Fragment,null,re,ie):_react().default.createElement(_react().default.Fragment,null,ie,re);return ae?_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:({pressed:e})=>[m.layout.container,f,"web"===_reactNative().Platform.OS&&{cursor:"pointer"},e&&{opacity:.8}],hitSlop:h}),ce):_react().default.createElement(_reactNative().View,{style:[m.layout.container,f]},ce)},CheckboxForwardRef=_react().default.forwardRef(CheckboxImpl),Checkbox=exports.Checkbox=_react().default.memo(CheckboxForwardRef);var _default=exports.default=Checkbox;

package/dist/cjs/components/checkbox/CheckboxContext.js

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

package/dist/cjs/components/checkbox/CheckboxGroup.js

@@ -1,148 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckboxGroupContext = exports.CheckboxGroup = 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 _checkbox() {
-  const data = require("@react-native-aria/checkbox");
-  _checkbox = function () {
-    return data;
-  };
-  return data;
-}
-function _checkbox2() {
-  const data = require("@react-stately/checkbox");
-  _checkbox2 = function () {
-    return data;
-  };
-  return data;
-}
-var _tokens = require("./tokens");
-var _utils = require("../../utils");
-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 serialize = value => String(value);
-const CheckboxGroupContext = exports.CheckboxGroupContext = /*#__PURE__*/_react().default.createContext(null);
-const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    disabled: disabledProp,
-    direction: directionProp,
-    shape,
-    iconSize,
-    checkedColor,
-    iconRender,
-    labelDisabled,
-    max,
-    gap: gapProp,
-    children,
-    style,
-    tokensOverride,
-    accessibilityLabel,
-    accessibilityHint,
-    ...viewProps
-  } = props;
-  const tokens = (0, _tokens.useCheckboxTokens)(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 state = (0, _checkbox2().useCheckboxGroupState)({
-    value: value?.map(serialize),
-    defaultValue: defaultValue?.map(serialize),
-    onChange: next => {
-      onChange?.(next.map(key => registryRef.current.get(key)?.value ?? key));
-    },
-    isDisabled: disabled
-  });
-  const {
-    groupProps
-  } = (0, _checkbox().useCheckboxGroup)({
-    isDisabled: disabled,
-    'aria-label': accessibilityLabel,
-    'aria-describedby': accessibilityHint
-  }, state);
-  const gpr = groupProps ?? {};
-  const {
-    [' aria-disabled']: __ariaDisabledTypo,
-    ...restGP
-  } = gpr;
-  const rGroupProps = (0, _react().useMemo)(() => ({
-    ...restGP,
-    'aria-disabled': disabled
-  }), [disabled, restGP]);
-  const registerValue = (0, _react().useCallback)((key, raw, itemDisabled) => {
-    registryRef.current.set(key, {
-      value: raw,
-      disabled: itemDisabled
-    });
-  }, []);
-  const unregisterValue = (0, _react().useCallback)(key => {
-    registryRef.current.delete(key);
-  }, []);
-  const chArr = (0, _react().useMemo)(() => _react().default.Children.toArray(children).filter(ch => ch != null && !(0, _utils.isBoolean)(ch)), [children]);
-  const toggleAll = (0, _react().useCallback)((options = {}) => {
-    const opts = (0, _utils.isBoolean)(options) ? {
-      checked: options
-    } : options;
-    const {
-      checked: tgt,
-      skipDisabled
-    } = opts;
-    const cur = new Set(state.value ?? []);
-    const nextKeys = [];
-    registryRef.current.forEach((meta, key) => {
-      const isDis = !!meta.disabled || disabled;
-      if (skipDisabled && isDis) {
-        if (cur.has(key)) nextKeys.push(key);
-        return;
-      }
-      ;
-      if (tgt === true ? true : tgt === false ? false : !cur.has(key)) nextKeys.push(key);
-    });
-    state.setValue(nextKeys);
-  }, [disabled, state]);
-  (0, _react().useImperativeHandle)(ref, () => ({
-    toggleAll
-  }), [toggleAll]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    state,
-    direction,
-    shape,
-    iconSize,
-    iconRender,
-    checkedColor,
-    labelDisabled,
-    max,
-    registerValue,
-    unregisterValue
-  }), [checkedColor, direction, iconRender, iconSize, labelDisabled, max, registerValue, shape, 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(CheckboxGroupContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({}, rGroupProps, viewProps, {
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    style: ctrStyle
-  }), chArr));
-});
+"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 _checkbox(){const e=require("@react-native-aria/checkbox");return _checkbox=function(){return e},e}function _checkbox2(){const e=require("@react-stately/checkbox");return _checkbox2=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxGroupContext=exports.CheckboxGroup=void 0;var _tokens=require("./tokens"),_utils=require("../../utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(c,t,n):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const serialize=e=>String(e),CheckboxGroupContext=exports.CheckboxGroupContext=_react().default.createContext(null),CheckboxGroup=exports.CheckboxGroup=_react().default.forwardRef((e,t)=>{const{value:r,defaultValue:a,onChange:o,disabled:n,direction:c,shape:i,iconSize:u,checkedColor:l,iconRender:s,labelDisabled:d,max:p,gap:b,children:_,style:f,tokensOverride:h,accessibilityLabel:x,accessibilityHint:k,...v}=e,C=(0,_tokens.useCheckboxTokens)(h),g=n??C.defaults.groupDisabled,y=c??C.defaults.groupDirection,m=Math.max(0,b??C.spacing.groupGap),G=(0,_react().useRef)(new Map),w=(0,_checkbox2().useCheckboxGroupState)({value:r?.map(serialize),defaultValue:a?.map(serialize),onChange:e=>{o?.(e.map(e=>G.current.get(e)?.value??e))},isDisabled:g}),{groupProps:M}=(0,_checkbox().useCheckboxGroup)({isDisabled:g,"aria-label":x,"aria-describedby":k},w),q=M??{},{" aria-disabled":O,...z}=q,D=(0,_react().useMemo)(()=>({...z,"aria-disabled":g}),[g,z]),P=(0,_react().useCallback)((e,t,r)=>{G.current.set(e,{value:t,disabled:r})},[]),R=(0,_react().useCallback)(e=>{G.current.delete(e)},[]),V=(0,_react().useMemo)(()=>_react().default.Children.toArray(_).filter(e=>null!=e&&!(0,_utils.isBoolean)(e)),[_]),j=(0,_react().useCallback)((e={})=>{const t=(0,_utils.isBoolean)(e)?{checked:e}:e,{checked:r,skipDisabled:a}=t,o=new Set(w.value??[]),n=[];G.current.forEach((e,t)=>{const c=!!e.disabled||g;a&&c?o.has(t)&&n.push(t):(!0===r||!1!==r&&!o.has(t))&&n.push(t)}),w.setValue(n)},[g,w]);(0,_react().useImperativeHandle)(t,()=>({toggleAll:j}),[j]);const W=(0,_react().useMemo)(()=>({state:w,direction:y,shape:i,iconSize:u,iconRender:s,checkedColor:l,labelDisabled:d,max:p,registerValue:P,unregisterValue:R}),[l,y,s,u,d,p,P,i,w,R]),S=["horizontal"===y?C.layout.groupHorizontal:C.layout.groupVertical,{columnGap:"horizontal"===y?m:void 0,rowGap:m},f];return _react().default.createElement(CheckboxGroupContext.Provider,{value:W},_react().default.createElement(_reactNative().View,_extends({},D,v,{accessibilityLabel:x,accessibilityHint:k,style:S}),V))});

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

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

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

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCheckboxTokens = 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 createCheckboxTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    radii,
-    fontSize,
-    typography
-  } = foundations;
-  return {
-    defaults: {
-      shape: 'round',
-      iconSize: 20,
-      labelPosition: 'right',
-      labelDisabled: false,
-      bindGroup: true,
-      groupDisabled: false,
-      groupDirection: 'vertical'
-    },
-    layout: {
-      container: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      iconWrapper: centered,
-      icon: centered,
-      checkmark: {
-        textAlign: 'center',
-        includeFontPadding: false
-      },
-      label: {
-        includeFontPadding: false
-      },
-      labelWrapper: {
-        flexShrink: 1
-      },
-      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
-    },
-    spacing: {
-      gap: spacing.sm,
-      groupGap: spacing.md
-    },
-    radii: {
-      square: radii.xs
-    },
-    borders: {
-      width: _reactNative().StyleSheet.hairlineWidth
-    },
-    icon: {
-      scale: 0.65
-    }
-  };
-};
-const useCheckboxTokens = exports.useCheckboxTokens = (0, _designSystem.createComponentTokensHook)('checkbox', createCheckboxTokens);
+"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCheckboxTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createCheckboxTokens=e=>{const{palette:r,spacing:t,radii:i,fontSize:n,typography:o}=e;return{defaults:{shape:"round",iconSize:20,labelPosition:"right",labelDisabled:!1,bindGroup:!0,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,icon:centered,checkmark:{textAlign:"center",includeFontPadding:!1},label:{includeFontPadding:!1},labelWrapper:{flexShrink: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:n.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},spacing:{gap:t.sm,groupGap:t.md},radii:{square:i.xs},borders:{width:_reactNative().StyleSheet.hairlineWidth},icon:{scale:.65}}},useCheckboxTokens=exports.useCheckboxTokens=(0,_designSystem.createComponentTokensHook)("checkbox",createCheckboxTokens);