@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.94

package/build/commonjs/ButtonBase/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ButtonBase';\nexport type { default as ButtonBaseProps } from './ButtonBaseProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacyButtonBase';\nexport type { default as ButtonBaseProps } from './ButtonBaseProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/ButtonSet/ButtonSet.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ButtonSet;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utils = require("../utils");
+
+var _useVariantStyleMap = _interopRequireDefault(require("./useVariantStyleMap"));
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ButtonSet(props) {
+  const {
+    children,
+    color = 'accent',
+    variant = 'horizontal',
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const {
+    containerStyle,
+    buttonStyleMap
+  } = (0, _useVariantStyleMap.default)(variant, color);
+
+  const buttons = _react.Children.map(children, (child, index) => {
+    const props = { ...buttonStyleMap[index],
+      ...(variant === 'horizontal' ? {
+        style: {
+          flex: 1
+        }
+      } : {})
+    };
+    return (0, _utils.cloneElementSafely)(child, props);
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: (0, _styles.css)([containerStyle, styleProp])
+  }), buttons);
+}
+//# sourceMappingURL=ButtonSet.js.map

package/build/commonjs/ButtonSet/ButtonSet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonSet","props","children","color","variant","style","styleProp","otherProps","containerStyle","buttonStyleMap","useVariantStyleMap","buttons","Children","map","child","index","flex","cloneElementSafely","css"],"sources":["ButtonSet.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { View } from 'react-native';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonSetProps from './ButtonSetProps';\nimport type { ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\nimport useVariantStyleMap from './useVariantStyleMap';\nimport { css } from '../styles';\n\nexport default function ButtonSet(props: ButtonSetProps) {\n    const {\n        children,\n        color = 'accent' as ButtonSetColor,\n        variant = 'horizontal' as ButtonSetVariant,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const {\n        containerStyle,\n        buttonStyleMap,\n    } = useVariantStyleMap(variant, color);\n\n    const buttons = Children.map(children, (child, index) => {\n        const props = {\n            ...buttonStyleMap[index],\n            ...(variant === 'horizontal' ? { style: { flex: 1 } } : {}),\n        };\n        return cloneElementSafely(child as FalsyReactElement, props);\n    });\n\n    return (\n        <View\n            {...otherProps}\n            style={css([\n                containerStyle,\n                styleProp,\n            ])}\n        >\n            {buttons}\n        </View>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAGA;;AACA;;;;;;;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,QAFN;IAGFC,OAAO,GAAG,YAHR;IAIFC,KAAK,EAAEC,SAJL;IAKF,GAAGC;EALD,IAMFN,KANJ;EAQA,MAAM;IACFO,cADE;IAEFC;EAFE,IAGF,IAAAC,2BAAA,EAAmBN,OAAnB,EAA4BD,KAA5B,CAHJ;;EAKA,MAAMQ,OAAO,GAAGC,eAAA,CAASC,GAAT,CAAaX,QAAb,EAAuB,CAACY,KAAD,EAAQC,KAAR,KAAkB;IACrD,MAAMd,KAAK,GAAG,EACV,GAAGQ,cAAc,CAACM,KAAD,CADP;MAEV,IAAIX,OAAO,KAAK,YAAZ,GAA2B;QAAEC,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAR;MAAT,CAA3B,GAAoD,EAAxD;IAFU,CAAd;IAIA,OAAO,IAAAC,yBAAA,EAAmBH,KAAnB,EAA+Cb,KAA/C,CAAP;EACH,CANe,CAAhB;;EAQA,oBACI,6BAAC,iBAAD,eACQM,UADR;IAEI,KAAK,EAAE,IAAAW,WAAA,EAAI,CACPV,cADO,EAEPF,SAFO,CAAJ;EAFX,IAOKK,OAPL,CADJ;AAWH"}

package/build/commonjs/ButtonSet/ButtonSetProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonSetVariants = exports.buttonSetColors = void 0;
+const buttonSetColors = ['accent', 'danger', 'warning'];
+exports.buttonSetColors = buttonSetColors;
+const buttonSetVariants = ['horizontal', 'vertical'];
+exports.buttonSetVariants = buttonSetVariants;
+//# sourceMappingURL=ButtonSetProps.js.map

package/build/commonjs/ButtonSet/ButtonSetProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonSetColors","buttonSetVariants"],"sources":["ButtonSetProps.ts"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const buttonSetColors = [\n    'accent',\n    'danger',\n    'warning',\n] as const;\nexport type ButtonSetColor = typeof buttonSetColors[number];\n\nexport const buttonSetVariants = ['horizontal', 'vertical'] as const;\nexport type ButtonSetVariant = typeof buttonSetVariants[number];\n\nexport default interface ButtonSetProps extends OverridableComponentProps<PropsWithChildren<ViewProps>, {\n    /**\n     * Determines the base color of the button set that goes inside.\n     * @default 'accent'\n     */\n    color?: ButtonSetColor;\n\n    /**\n     * Determines design variations of the component.\n     * @default 'horizontal'\n     */\n    variant?: ButtonSetVariant;\n}> {}\n"],"mappings":";;;;;;AAIO,MAAMA,eAAe,GAAG,CAC3B,QAD2B,EAE3B,QAF2B,EAG3B,SAH2B,CAAxB;;AAOA,MAAMC,iBAAiB,GAAG,CAAC,YAAD,EAAe,UAAf,CAA1B"}

package/build/commonjs/ButtonSet/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "buttonSetColors", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSetProps.buttonSetColors;
+  }
+});
+Object.defineProperty(exports, "buttonSetVariants", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSetProps.buttonSetVariants;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSet.default;
+  }
+});
+
+var _ButtonSet = _interopRequireDefault(require("./ButtonSet"));
+
+var _ButtonSetProps = require("./ButtonSetProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/commonjs/ButtonSet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ButtonSet';\nexport type { default as ButtonSetProps, ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\nexport { buttonSetColors, buttonSetVariants } from './ButtonSetProps';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA"}

package/build/commonjs/ButtonSet/useVariantStyleMap.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _react = require("react");
+
+var _styles = require("@fountain-ui/styles");
+
+function useVariantStyleMap(variant, color) {
+  const theme = (0, _styles.useTheme)();
+  return (0, _react.useMemo)(() => {
+    const variantStyleMap = {
+      horizontal: {
+        containerStyle: {
+          flexDirection: 'row',
+          gap: theme.spacing(2),
+          paddingVertical: theme.spacing(2)
+        },
+        buttonStyleMap: {
+          accent: [{
+            color: 'primary',
+            variant: 'outlined'
+          }, {
+            color: 'accent',
+            variant: 'solid'
+          }],
+          danger: [{
+            color: 'primary',
+            variant: 'outlined'
+          }, {
+            color: 'danger',
+            variant: 'solid'
+          }]
+        }
+      },
+      vertical: {
+        containerStyle: {
+          flexDirection: 'column',
+          gap: theme.spacing(2.5),
+          paddingTop: theme.spacing(2)
+        },
+        buttonStyleMap: {
+          accent: [{
+            color: 'accent',
+            variant: 'solid'
+          }, {
+            color: 'secondary',
+            variant: 'text'
+          }],
+          danger: [{
+            color: 'danger',
+            variant: 'solid'
+          }, {
+            color: 'secondary',
+            variant: 'text'
+          }],
+          warning: [{
+            color: 'primary',
+            variant: 'solid'
+          }, {
+            color: 'danger',
+            variant: 'text'
+          }]
+        }
+      }
+    };
+    const {
+      containerStyle,
+      buttonStyleMap
+    } = variantStyleMap[variant];
+
+    if (process.env.NODE_ENV !== 'production' && buttonStyleMap[color] === undefined) {
+      console.warn('The selected color is not supported for the chosen variant.');
+    }
+
+    return {
+      containerStyle,
+      buttonStyleMap: buttonStyleMap[color] ?? []
+    };
+  }, [theme, variant, color]);
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

package/build/commonjs/ButtonSet/useVariantStyleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useVariantStyleMap","variant","color","theme","useTheme","useMemo","variantStyleMap","horizontal","containerStyle","flexDirection","gap","spacing","paddingVertical","buttonStyleMap","accent","danger","vertical","paddingTop","warning","process","env","NODE_ENV","undefined","console","warn"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { useTheme } from '@fountain-ui/styles';\nimport type ButtonProps from '../Button/ButtonProps';\nimport type { ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\n\ntype ButtonStyle = Partial<ButtonProps>;\n\ntype ButtonStyleMap = {\n    [color in ButtonSetColor]?: ButtonStyle[];\n};\n\ntype VariantButtonStyleMap = {\n    [variant in ButtonSetVariant]: {\n        containerStyle: FountainUiStyle;\n        buttonStyleMap: ButtonStyleMap;\n    };\n};\n\ntype UseVariantButtonStyleMapReturns = {\n    containerStyle: FountainUiStyle;\n    buttonStyleMap: ButtonStyle[];\n};\n\nexport default function useVariantStyleMap(variant: ButtonSetVariant, color: ButtonSetColor): UseVariantButtonStyleMapReturns {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        const variantStyleMap: VariantButtonStyleMap = {\n            horizontal: {\n                containerStyle: {\n                    flexDirection: 'row',\n                    gap: theme.spacing(2),\n                    paddingVertical: theme.spacing(2),\n                },\n                buttonStyleMap: {\n                    accent: [\n                        { color: 'primary', variant: 'outlined' },\n                        { color: 'accent', variant: 'solid' },\n                    ],\n                    danger: [\n                        { color: 'primary', variant: 'outlined' },\n                        { color: 'danger', variant: 'solid' },\n                    ],\n                },\n            },\n            vertical: {\n                containerStyle: {\n                    flexDirection: 'column',\n                    gap: theme.spacing(2.5),\n                    paddingTop: theme.spacing(2),\n                },\n                buttonStyleMap: {\n                    accent: [\n                        { color: 'accent', variant: 'solid' },\n                        { color: 'secondary', variant: 'text' },\n                    ],\n                    danger: [\n                        { color: 'danger', variant: 'solid' },\n                        { color: 'secondary', variant: 'text' },\n                    ],\n                    warning: [\n                        { color: 'primary', variant: 'solid' },\n                        { color: 'danger', variant: 'text' },\n                    ],\n                },\n            },\n        };\n\n        const {\n            containerStyle,\n            buttonStyleMap,\n        } = variantStyleMap[variant];\n\n        if (process.env.NODE_ENV !== 'production' && buttonStyleMap[color] === undefined) {\n            console.warn('The selected color is not supported for the chosen variant.');\n        }\n\n        return {\n            containerStyle,\n            buttonStyleMap: buttonStyleMap[color] ?? [],\n        };\n    }, [theme, variant, color]);\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAsBe,SAASA,kBAAT,CAA4BC,OAA5B,EAAuDC,KAAvD,EAA+G;EAC1H,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO,IAAAC,cAAA,EAAQ,MAAM;IACjB,MAAMC,eAAsC,GAAG;MAC3CC,UAAU,EAAE;QACRC,cAAc,EAAE;UACZC,aAAa,EAAE,KADH;UAEZC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd,CAFO;UAGZC,eAAe,EAAET,KAAK,CAACQ,OAAN,CAAc,CAAd;QAHL,CADR;QAMRE,cAAc,EAAE;UACZC,MAAM,EAAE,CACJ;YAAEZ,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADI,EAEJ;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFI,CADI;UAKZc,MAAM,EAAE,CACJ;YAAEb,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADI,EAEJ;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFI;QALI;MANR,CAD+B;MAkB3Ce,QAAQ,EAAE;QACNR,cAAc,EAAE;UACZC,aAAa,EAAE,QADH;UAEZC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,GAAd,CAFO;UAGZM,UAAU,EAAEd,KAAK,CAACQ,OAAN,CAAc,CAAd;QAHA,CADV;QAMNE,cAAc,EAAE;UACZC,MAAM,EAAE,CACJ;YAAEZ,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CADI,EAEJ;YAAEC,KAAK,EAAE,WAAT;YAAsBD,OAAO,EAAE;UAA/B,CAFI,CADI;UAKZc,MAAM,EAAE,CACJ;YAAEb,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CADI,EAEJ;YAAEC,KAAK,EAAE,WAAT;YAAsBD,OAAO,EAAE;UAA/B,CAFI,CALI;UASZiB,OAAO,EAAE,CACL;YAAEhB,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADK,EAEL;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFK;QATG;MANV;IAlBiC,CAA/C;IAyCA,MAAM;MACFO,cADE;MAEFK;IAFE,IAGFP,eAAe,CAACL,OAAD,CAHnB;;IAKA,IAAIkB,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IAAyCR,cAAc,CAACX,KAAD,CAAd,KAA0BoB,SAAvE,EAAkF;MAC9EC,OAAO,CAACC,IAAR,CAAa,6DAAb;IACH;;IAED,OAAO;MACHhB,cADG;MAEHK,cAAc,EAAEA,cAAc,CAACX,KAAD,CAAd,IAAyB;IAFtC,CAAP;EAIH,CAvDM,EAuDJ,CAACC,KAAD,EAAQF,OAAR,EAAiBC,KAAjB,CAvDI,CAAP;AAwDH"}

package/build/commonjs/Checkbox/Checkbox.js

@@ -7,44 +7,42 @@ exports.default = Checkbox;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactNative = require("react-native");
+
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 var _icons = require("../internal/icons");
 
+var _Row = _interopRequireDefault(require("../Row"));
+
 var _styles = require("../styles");
 
+var _useVariantStyleMap = _interopRequireDefault(require("./useVariantStyleMap"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const useStyles = function () {
-  return {
-    root: {
-      width: 24,
-      height: 24,
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  };
-};
-
 function Checkbox(props) {
   const {
     checked = false,
-    checkedIcon: checkedIconProp,
-    color = 'primary',
+    children,
     disabled = false,
-    icon: iconProp,
     onChange,
-    style,
+    style: styleProp,
+    variant = 'square',
     ...otherProps
   } = props;
-  const styles = useStyles();
-  const uncheckedIcon = iconProp ? iconProp : /*#__PURE__*/_react.default.createElement(_icons.Checkbox, {
-    color: color
-  });
-  const checkedIcon = checkedIconProp ? checkedIconProp : /*#__PURE__*/_react.default.createElement(_icons.CheckboxChecked, {
-    color: color
+  const theme = (0, _styles.useTheme)();
+  const {
+    checkboxStyle,
+    containerStyle,
+    iconColor
+  } = (0, _useVariantStyleMap.default)(variant, checked);
+  const rootStyle = (0, _styles.css)([children ? containerStyle : undefined, styleProp]);
+  const fontStyle = (0, _styles.createFontStyle)(theme, {
+    // TODO: apply typo select.
+    color: theme.palette.text.strong
   });
 
   const handlePress = () => {
@@ -53,12 +51,24 @@ function Checkbox(props) {
     }
   };
 
-  const rootStyle = (0, _styles.css)([styles.root, style]);
   return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
     disabled: disabled,
     onPress: handlePress,
     style: rootStyle
-  }, otherProps), checked ? checkedIcon : uncheckedIcon);
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: checkboxStyle
+  }, checked ? /*#__PURE__*/_react.default.createElement(_icons.CheckboxOn, {
+    fill: iconColor,
+    enableV2: true,
+    height: 7.5,
+    width: 11
+  }) : null), children ? /*#__PURE__*/_react.default.createElement(_Row.default, {
+    flexGrow: 1,
+    flexShrink: 1
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    children: children,
+    style: fontStyle
+  })) : null);
 }
 
 ;

package/build/commonjs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","root","width","height","justifyContent","alignItems","Checkbox","props","checked","checkedIcon","checkedIconProp","color","disabled","icon","iconProp","onChange","style","otherProps","styles","uncheckedIcon","handlePress","rootStyle","css"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type CheckboxProps from './CheckboxProps';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\n\ntype CheckboxStyle = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CheckboxStyle> = function (): CheckboxStyle {\n    return {\n        root: {\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n    };\n};\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        checkedIcon: checkedIconProp,\n        color = 'primary',\n        disabled = false,\n        icon: iconProp,\n        onChange,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const uncheckedIcon = iconProp ? iconProp : <CheckboxIcon color={color}/>;\n    const checkedIcon = checkedIconProp ? checkedIconProp : <CheckboxCheckedIcon color={color}/>;\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {checked\n                ? checkedIcon\n                : uncheckedIcon\n            }\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;AAIA,MAAMA,SAAmC,GAAG,YAA2B;EACnE,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAE,EADL;MAEFC,MAAM,EAAE,EAFN;MAGFC,cAAc,EAAE,QAHd;MAIFC,UAAU,EAAE;IAJV;EADH,CAAP;AAQH,CATD;;AAWe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,WAAW,EAAEC,eAFX;IAGFC,KAAK,GAAG,SAHN;IAIFC,QAAQ,GAAG,KAJT;IAKFC,IAAI,EAAEC,QALJ;IAMFC,QANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFV,KATJ;EAWA,MAAMW,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,aAAa,GAAGL,QAAQ,GAAGA,QAAH,gBAAc,6BAAC,eAAD;IAAc,KAAK,EAAEH;EAArB,EAA5C;EACA,MAAMF,WAAW,GAAGC,eAAe,GAAGA,eAAH,gBAAqB,6BAAC,sBAAD;IAAqB,KAAK,EAAEC;EAA5B,EAAxD;;EAEA,MAAMS,WAAW,GAAG,MAAM;IACtB,IAAIL,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACP,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,MAAMa,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBJ,MAAM,CAACjB,IADW,EAElBe,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEQ,WAFb;IAGI,KAAK,EAAEC;EAHX,GAIQJ,UAJR,GAMKT,OAAO,GACFC,WADE,GAEFU,aARV,CADJ;AAaH;;AAAA"}
+{"version":3,"names":["Checkbox","props","checked","children","disabled","onChange","style","styleProp","variant","otherProps","theme","useTheme","checkboxStyle","containerStyle","iconColor","useVariantStyleMap","rootStyle","css","undefined","fontStyle","createFontStyle","color","palette","text","strong","handlePress"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { CheckboxOn as CheckboxOnIcon } from '../internal/icons';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type CheckboxProps from './CheckboxProps';\nimport type { CheckboxVariant } from './CheckboxProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange,\n        style: styleProp,\n        variant = 'square' as CheckboxVariant,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const {\n        checkboxStyle,\n        containerStyle,\n        iconColor,\n    } = useVariantStyleMap(variant, checked);\n\n    const rootStyle = css([\n        children ? containerStyle : undefined,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        // TODO: apply typo select.\n        color: theme.palette.text.strong,\n    });\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            <View style={checkboxStyle}>\n                {checked ? (\n                    <CheckboxOnIcon\n                        fill={iconColor}\n                        enableV2={true}\n                        height={7.5}\n                        width={11}\n                    />\n                ) : null}\n            </View>\n\n            {children ? (\n                <Row\n                    flexGrow={1}\n                    flexShrink={1}\n                >\n                    <Text\n                        children={children}\n                        style={fontStyle}\n                    />\n                </Row>\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;;;;;AAEe,SAASA,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,QAAQ,GAAG,KAHT;IAIFC,QAJE;IAKFC,KAAK,EAAEC,SALL;IAMFC,OAAO,GAAG,QANR;IAOF,GAAGC;EAPD,IAQFR,KARJ;EAUA,MAAMS,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAM;IACFC,aADE;IAEFC,cAFE;IAGFC;EAHE,IAIF,IAAAC,2BAAA,EAAmBP,OAAnB,EAA4BN,OAA5B,CAJJ;EAMA,MAAMc,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBd,QAAQ,GAAGU,cAAH,GAAoBK,SADV,EAElBX,SAFkB,CAAJ,CAAlB;EAKA,MAAMY,SAAS,GAAG,IAAAC,uBAAA,EAAgBV,KAAhB,EAAuB;IACrC;IACAW,KAAK,EAAEX,KAAK,CAACY,OAAN,CAAcC,IAAd,CAAmBC;EAFW,CAAvB,CAAlB;;EAKA,MAAMC,WAAW,GAAG,MAAM;IACtB,IAAIpB,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACH,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEE,QADd;IAEI,OAAO,EAAEqB,WAFb;IAGI,KAAK,EAAET;EAHX,GAIQP,UAJR,gBAMI,6BAAC,iBAAD;IAAM,KAAK,EAAEG;EAAb,GACKV,OAAO,gBACJ,6BAAC,iBAAD;IACI,IAAI,EAAEY,SADV;IAEI,QAAQ,EAAE,IAFd;IAGI,MAAM,EAAE,GAHZ;IAII,KAAK,EAAE;EAJX,EADI,GAOJ,IARR,CANJ,EAiBKX,QAAQ,gBACL,6BAAC,YAAD;IACI,QAAQ,EAAE,CADd;IAEI,UAAU,EAAE;EAFhB,gBAII,6BAAC,iBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAEgB;EAFX,EAJJ,CADK,GAUL,IA3BR,CADJ;AA+BH;;AAAA"}

package/build/commonjs/Checkbox/CheckboxProps.js

@@ -1,2 +1,9 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkboxVariants = void 0;
+const checkboxVariants = ['square', 'round'];
+exports.checkboxVariants = checkboxVariants;
 //# sourceMappingURL=CheckboxProps.js.map

package/build/commonjs/Checkbox/CheckboxProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["CheckboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport type CheckboxColor = CommonComponentColor;\n\nexport default interface CheckboxProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * The checked Icon which is replaced.\n     */\n    checkedIcon?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: CheckboxColor;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The unchecked Icon which is replaced.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}
+{"version":3,"names":["checkboxVariants"],"sources":["CheckboxProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport const checkboxVariants = ['square', 'round'] as const;\nexport type CheckboxVariant = typeof checkboxVariants[number];\n\nexport default interface CheckboxProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Content which is sharing pressable next to checkbox.\n     */\n    children?: string;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n\n    /**\n     * Determines the shape and style of the checkbox.\n     * @default 'square'\n     */\n    variant?: CheckboxVariant\n}> {}\n"],"mappings":";;;;;;AAKO,MAAMA,gBAAgB,GAAG,CAAC,QAAD,EAAW,OAAX,CAAzB"}

package/build/commonjs/Checkbox/LegacyCheckbox.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Checkbox;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _icons = require("../internal/icons");
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const useStyles = function () {
+  return {
+    root: {
+      width: 24,
+      height: 24,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+};
+
+function Checkbox(props) {
+  const {
+    checked = false,
+    checkedIcon: checkedIconProp,
+    color = 'primary',
+    disabled = false,
+    icon: iconProp,
+    onChange,
+    style,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+  const uncheckedIcon = iconProp ? iconProp : /*#__PURE__*/_react.default.createElement(_icons.Checkbox, {
+    color: color
+  });
+  const checkedIcon = checkedIconProp ? checkedIconProp : /*#__PURE__*/_react.default.createElement(_icons.CheckboxChecked, {
+    color: color
+  });
+
+  const handlePress = () => {
+    if (onChange) {
+      onChange(!checked);
+    }
+  };
+
+  const rootStyle = (0, _styles.css)([styles.root, style]);
+  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
+    disabled: disabled,
+    onPress: handlePress,
+    style: rootStyle
+  }, otherProps), checked ? checkedIcon : uncheckedIcon);
+}
+
+;
+//# sourceMappingURL=LegacyCheckbox.js.map

package/build/commonjs/Checkbox/LegacyCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStyles","root","width","height","justifyContent","alignItems","Checkbox","props","checked","checkedIcon","checkedIconProp","color","disabled","icon","iconProp","onChange","style","otherProps","styles","uncheckedIcon","handlePress","rootStyle","css"],"sources":["LegacyCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\nimport type CheckboxProps from './LegacyCheckboxProps';\n\ntype CheckboxStyle = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CheckboxStyle> = function (): CheckboxStyle {\n    return {\n        root: {\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n    };\n};\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        checkedIcon: checkedIconProp,\n        color = 'primary',\n        disabled = false,\n        icon: iconProp,\n        onChange,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const uncheckedIcon = iconProp ? iconProp : <CheckboxIcon color={color}/>;\n    const checkedIcon = checkedIconProp ? checkedIconProp : <CheckboxCheckedIcon color={color}/>;\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {checked\n                ? checkedIcon\n                : uncheckedIcon\n            }\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAmC,GAAG,YAA2B;EACnE,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAE,EADL;MAEFC,MAAM,EAAE,EAFN;MAGFC,cAAc,EAAE,QAHd;MAIFC,UAAU,EAAE;IAJV;EADH,CAAP;AAQH,CATD;;AAWe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,WAAW,EAAEC,eAFX;IAGFC,KAAK,GAAG,SAHN;IAIFC,QAAQ,GAAG,KAJT;IAKFC,IAAI,EAAEC,QALJ;IAMFC,QANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFV,KATJ;EAWA,MAAMW,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,aAAa,GAAGL,QAAQ,GAAGA,QAAH,gBAAc,6BAAC,eAAD;IAAc,KAAK,EAAEH;EAArB,EAA5C;EACA,MAAMF,WAAW,GAAGC,eAAe,GAAGA,eAAH,gBAAqB,6BAAC,sBAAD;IAAqB,KAAK,EAAEC;EAA5B,EAAxD;;EAEA,MAAMS,WAAW,GAAG,MAAM;IACtB,IAAIL,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACP,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,MAAMa,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBJ,MAAM,CAACjB,IADW,EAElBe,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEQ,WAFb;IAGI,KAAK,EAAEC;EAHX,GAIQJ,UAJR,GAMKT,OAAO,GACFC,WADE,GAEFU,aARV,CADJ;AAaH;;AAAA"}

package/build/commonjs/Checkbox/LegacyCheckboxProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyCheckboxProps.js.map

package/build/commonjs/Checkbox/LegacyCheckboxProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyCheckboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport type CheckboxColor = CommonComponentColor;\n\nexport default interface CheckboxProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * The checked Icon which is replaced.\n     */\n    checkedIcon?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: CheckboxColor;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The unchecked Icon which is replaced.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/Checkbox/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Checkbox.default;
+    return _LegacyCheckbox.default;
   }
 });
 
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _LegacyCheckbox = _interopRequireDefault(require("./LegacyCheckbox"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/build/commonjs/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Checkbox';\nexport type { default as CheckboxProps } from './CheckboxProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacyCheckbox';\nexport type { default as CheckboxProps } from './LegacyCheckboxProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Checkbox/useVariantStyleMap.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _reactNative = require("react-native");
+
+var _styles = require("@fountain-ui/styles");
+
+var _styles2 = require("../styles");
+
+const styles = _reactNative.StyleSheet.create({
+  checkbox: {
+    alignItems: 'center',
+    borderWidth: 1,
+    justifyContent: 'center'
+  }
+});
+
+function useVariantStyleMap(variant, checked) {
+  const theme = (0, _styles2.useTheme)();
+
+  switch (variant) {
+    case 'square':
+      return {
+        checkboxStyle: (0, _styles2.css)([styles.checkbox, {
+          borderColor: theme.palette.border.base,
+          borderRadius: theme.shape.radius.xs,
+          height: 18,
+          width: 18,
+          ...(checked ? {
+            backgroundColor: theme.palette.fill.base,
+            borderColor: theme.palette.fill.base
+          } : {})
+        }]),
+        containerStyle: {
+          alignItems: 'center',
+          flexDirection: 'row',
+          gap: theme.spacing(3)
+        },
+        iconColor: theme.palette.fill.baseAlt
+      };
+
+    case 'round':
+      return {
+        checkboxStyle: (0, _styles2.css)([styles.checkbox, {
+          borderColor: theme.palette.border.base,
+          borderRadius: theme.shape.radius.full,
+          height: 20,
+          width: 20,
+          ...(checked ? {
+            backgroundColor: theme.palette.fill.accent,
+            borderColor: theme.palette.fill.accent
+          } : {})
+        }]),
+        containerStyle: {
+          alignItems: 'center',
+          flexDirection: 'row-reverse',
+          gap: theme.spacing(8)
+        },
+        iconColor: _styles.commonColors.static.strongInverse
+      };
+
+    default:
+      return {};
+  }
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

package/build/commonjs/Checkbox/useVariantStyleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","StyleSheet","create","checkbox","alignItems","borderWidth","justifyContent","useVariantStyleMap","variant","checked","theme","useTheme","checkboxStyle","css","borderColor","palette","border","base","borderRadius","shape","radius","xs","height","width","backgroundColor","fill","containerStyle","flexDirection","gap","spacing","iconColor","baseAlt","full","accent","commonColors","static","strongInverse"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { commonColors, FountainUiStyle } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type { CheckboxVariant } from './CheckboxProps';\n\nconst styles = StyleSheet.create({\n    checkbox: {\n        alignItems: 'center',\n        borderWidth: 1,\n        justifyContent: 'center',\n    },\n});\n\ntype useVariantStyleMapReturns = {\n    checkboxStyle?: FountainUiStyle;\n    containerStyle?: FountainUiStyle;\n    iconColor?: string;\n};\n\nexport default function useVariantStyleMap(variant: CheckboxVariant, checked: boolean): useVariantStyleMapReturns {\n    const theme = useTheme();\n\n    switch (variant) {\n        case 'square':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.xs,\n                        height: 18,\n                        width: 18,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.base,\n                            borderColor: theme.palette.fill.base,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    flexDirection: 'row',\n                    gap: theme.spacing(3),\n                },\n                iconColor: theme.palette.fill.baseAlt,\n            };\n        case 'round':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        height: 20,\n                        width: 20,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.accent,\n                            borderColor: theme.palette.fill.accent,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    flexDirection: 'row-reverse',\n                    gap: theme.spacing(8),\n                },\n                iconColor: commonColors.static.strongInverse,\n            };\n        default:\n            return {};\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,QAAQ,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,WAAW,EAAE,CAFP;IAGNC,cAAc,EAAE;EAHV;AADmB,CAAlB,CAAf;;AAce,SAASC,kBAAT,CAA4BC,OAA5B,EAAsDC,OAAtD,EAAmG;EAC9G,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;;EAEA,QAAQH,OAAR;IACI,KAAK,QAAL;MACI,OAAO;QACHI,aAAa,EAAE,IAAAC,YAAA,EAAI,CACfb,MAAM,CAACG,QADQ,EAEf;UACIW,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAER,KAAK,CAACS,KAAN,CAAYC,MAAZ,CAAmBC,EAFrC;UAGIC,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAId,OAAO,GAAG;YACVe,eAAe,EAAEd,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBR,IAD1B;YAEVH,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBR;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAJ,CADZ;QAcHS,cAAc,EAAE;UACZtB,UAAU,EAAE,QADA;UAEZuB,aAAa,EAAE,KAFH;UAGZC,GAAG,EAAElB,KAAK,CAACmB,OAAN,CAAc,CAAd;QAHO,CAdb;QAmBHC,SAAS,EAAEpB,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBM;MAnB3B,CAAP;;IAqBJ,KAAK,OAAL;MACI,OAAO;QACHnB,aAAa,EAAE,IAAAC,YAAA,EAAI,CACfb,MAAM,CAACG,QADQ,EAEf;UACIW,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAER,KAAK,CAACS,KAAN,CAAYC,MAAZ,CAAmBY,IAFrC;UAGIV,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAId,OAAO,GAAG;YACVe,eAAe,EAAEd,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBQ,MAD1B;YAEVnB,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBQ;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAJ,CADZ;QAcHP,cAAc,EAAE;UACZtB,UAAU,EAAE,QADA;UAEZuB,aAAa,EAAE,aAFH;UAGZC,GAAG,EAAElB,KAAK,CAACmB,OAAN,CAAc,CAAd;QAHO,CAdb;QAmBHC,SAAS,EAAEI,oBAAA,CAAaC,MAAb,CAAoBC;MAnB5B,CAAP;;IAqBJ;MACI,OAAO,EAAP;EA9CR;AAgDH"}

package/build/commonjs/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CheckboxGroup;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _styles = require("../styles");
+
+var _utils = require("../utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useStyles = function () {
+  const theme = (0, _styles.useTheme)();
+  return {
+    square: {
+      paddingVertical: theme.spacing(2)
+    },
+    round: {
+      borderBottomColor: theme.palette.border.weak,
+      borderBottomWidth: 0.5,
+      paddingVertical: theme.spacing(3.5)
+    }
+  };
+};
+
+function CheckboxGroup(props) {
+  const {
+    children,
+    variant = 'square',
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+
+  const content = _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles[variant]
+  }, (0, _utils.cloneElementSafely)(child, {
+    variant
+  })));
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps, content);
+}
+//# sourceMappingURL=CheckboxGroup.js.map

package/build/commonjs/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStyles","theme","useTheme","square","paddingVertical","spacing","round","borderBottomColor","palette","border","weak","borderBottomWidth","CheckboxGroup","props","children","variant","otherProps","styles","content","Children","map","child","cloneElementSafely"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { CheckboxVariant } from '../Checkbox/CheckboxProps';\nimport { useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type CheckboxGroupProps from './CheckboxGroupProps';\n\ntype CheckboxItemStyles = NamedStylesStringUnion<CheckboxVariant>;\n\nconst useStyles: UseStyles<CheckboxItemStyles> = function (): CheckboxItemStyles {\n    const theme = useTheme();\n\n    return {\n        square: {\n            paddingVertical: theme.spacing(2),\n        },\n        round: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            paddingVertical: theme.spacing(3.5),\n        },\n    };\n};\n\nexport default function CheckboxGroup(props: CheckboxGroupProps) {\n    const {\n        children,\n        variant = 'square' as CheckboxVariant,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const content = Children.map(children, (child) => (\n        <View style={styles[variant]}>\n            {cloneElementSafely(child as FalsyReactElement, { variant })}\n        </View>\n    ));\n\n    return (\n        <View {...otherProps}>\n            {content}\n        </View>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AAEA;;;;;;AAKA,MAAMA,SAAwC,GAAG,YAAgC;EAC7E,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,MAAM,EAAE;MACJC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd;IADb,CADL;IAIHC,KAAK,EAAE;MACHC,iBAAiB,EAAEN,KAAK,CAACO,OAAN,CAAcC,MAAd,CAAqBC,IADrC;MAEHC,iBAAiB,EAAE,GAFhB;MAGHP,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,GAAd;IAHd;EAJJ,CAAP;AAUH,CAbD;;AAee,SAASO,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,OAAO,GAAG,QAFR;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,MAAMkB,OAAO,GAAGC,eAAA,CAASC,GAAT,CAAaN,QAAb,EAAwBO,KAAD,iBACnC,6BAAC,iBAAD;IAAM,KAAK,EAAEJ,MAAM,CAACF,OAAD;EAAnB,GACK,IAAAO,yBAAA,EAAmBD,KAAnB,EAA+C;IAAEN;EAAF,CAA/C,CADL,CADY,CAAhB;;EAMA,oBACI,6BAAC,iBAAD,EAAUC,UAAV,EACKE,OADL,CADJ;AAKH"}

package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=CheckboxGroupProps.js.map

package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["CheckboxGroupProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { CheckboxVariant } from '../Checkbox/CheckboxProps';\n\nexport default interface CheckboxGroupProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Determines the shape and style of the checkbox.\n     * @default 'square'\n     */\n    variant?: CheckboxVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/CheckboxGroup/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxGroup.default;
+  }
+});
+
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/commonjs/CheckboxGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './CheckboxGroup';\nexport type { default as CheckboxGroupProps } from './CheckboxGroupProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}