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

package/build/module/utils/createSvgIcon.js

@@ -1,9 +1,20 @@
+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); }
+
 import React from 'react';
-import SvgIcon from '../SvgIcon';
+import SvgIcon from '../SvgIcon/SvgIcon';
+import LegacySvgIcon from '../SvgIcon/LegacySvgIcon';
 
-const createSvgIcon = (path, displayName) => {
+const createSvgIcon = (path, displayName, viewBox) => {
   function Component(props) {
-    return /*#__PURE__*/React.createElement(SvgIcon, props, path);
+    const {
+      enableV2 = false,
+      ...otherProps
+    } = props;
+    return enableV2 ? /*#__PURE__*/React.createElement(SvgIcon, _extends({
+      viewBox: viewBox
+    }, otherProps), path) : /*#__PURE__*/React.createElement(LegacySvgIcon, _extends({
+      viewBox: viewBox
+    }, otherProps), path);
   }
 
   Component.displayName = `${displayName}Icon`;

package/build/module/utils/createSvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SvgIcon","createSvgIcon","path","displayName","Component","props","memo"],"sources":["createSvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport type { SvgIconProps } from '../SvgIcon';\nimport SvgIcon from '../SvgIcon';\n\ntype SvgIconBaseProps = Omit<SvgIconProps, 'children'>;\n\nconst createSvgIcon = (path: React.ReactElement | React.ReactFragment, displayName: string) => {\n    function Component(props: SvgIconBaseProps) {\n        return (\n            <SvgIcon {...props}>\n                {path}\n            </SvgIcon>\n        );\n    }\n\n    Component.displayName = `${displayName}Icon`;\n\n    return React.memo(Component);\n};\n\nexport default createSvgIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,OAAP,MAAoB,YAApB;;AAIA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAiDC,WAAjD,KAAyE;EAC3F,SAASC,SAAT,CAAmBC,KAAnB,EAA4C;IACxC,oBACI,oBAAC,OAAD,EAAaA,KAAb,EACKH,IADL,CADJ;EAKH;;EAEDE,SAAS,CAACD,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,oBAAOJ,KAAK,CAACO,IAAN,CAAWF,SAAX,CAAP;AACH,CAZD;;AAcA,eAAeH,aAAf"}
+{"version":3,"names":["React","SvgIcon","LegacySvgIcon","createSvgIcon","path","displayName","viewBox","Component","props","enableV2","otherProps","memo"],"sources":["createSvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '../SvgIcon/SvgIcon';\nimport type SvgIconProps from '../SvgIcon/SvgIconProps';\nimport LegacySvgIcon from '../SvgIcon/LegacySvgIcon';\nimport type LegacySvgIconProps from '../SvgIcon/LegacySvgIconProps';\n\ntype Path = React.ReactElement | React.ReactFragment;\n\ntype SvgIconPropsWithoutChildren = Omit<SvgIconProps, 'children'> | Omit<LegacySvgIconProps, 'children'>;\n\ntype SvgIconBaseProps = SvgIconPropsWithoutChildren & {\n    enableV2?: boolean;\n};\n\nconst createSvgIcon = (path: Path, displayName: string, viewBox?: string) => {\n    function Component(props: SvgIconBaseProps) {\n        const {\n            enableV2 = false,\n            ...otherProps\n        } = props;\n\n        return enableV2 ? (\n            <SvgIcon\n                viewBox={viewBox}\n                {...otherProps as SvgIconProps}\n            >\n                {path}\n            </SvgIcon>\n        ) : (\n            <LegacySvgIcon\n                viewBox={viewBox}\n                {...otherProps as LegacySvgIconProps}\n            >\n                {path}\n            </LegacySvgIcon>\n        );\n    }\n\n    Component.displayName = `${displayName}Icon`;\n\n    return React.memo(Component);\n};\n\nexport default createSvgIcon;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAOC,aAAP,MAA0B,0BAA1B;;AAWA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAaC,WAAb,EAAkCC,OAAlC,KAAuD;EACzE,SAASC,SAAT,CAAmBC,KAAnB,EAA4C;IACxC,MAAM;MACFC,QAAQ,GAAG,KADT;MAEF,GAAGC;IAFD,IAGFF,KAHJ;IAKA,OAAOC,QAAQ,gBACX,oBAAC,OAAD;MACI,OAAO,EAAEH;IADb,GAEQI,UAFR,GAIKN,IAJL,CADW,gBAQX,oBAAC,aAAD;MACI,OAAO,EAAEE;IADb,GAEQI,UAFR,GAIKN,IAJL,CARJ;EAeH;;EAEDG,SAAS,CAACF,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,oBAAOL,KAAK,CAACW,IAAN,CAAWJ,SAAX,CAAP;AACH,CA3BD;;AA6BA,eAAeJ,aAAf"}

package/build/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","cloneElementSafely","createSvgIcon","isNotAndroid12"],"sources":["index.ts"],"sourcesContent":["export { default as cloneElementSafely } from './cloneElementSafely';\nexport { default as createSvgIcon } from './createSvgIcon';\nexport { default as isNotAndroid12 } from './isNotAndroid12';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,sBAA9C;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C"}
+{"version":3,"names":["default","cloneElementSafely","createSvgIcon","isNotAndroid12"],"sources":["index.ts"],"sourcesContent":["export { default as cloneElementSafely } from './cloneElementSafely';\nexport { default as createSvgIcon } from './createSvgIcon';\nexport type { FalsyReactElement } from './cloneElementSafely';\nexport { default as isNotAndroid12 } from './isNotAndroid12';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,sBAA9C;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AAEA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C"}

package/build/typescript/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import AccordionProps from './AccordionProps';
+import type AccordionProps from './AccordionProps';
 export default function Accordion(props: AccordionProps): JSX.Element;

package/build/typescript/Accordion/AccordionProps.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
+export declare const accordionVariants: readonly ["solid", "line", "underline"];
+export declare type AccordionVariant = typeof accordionVariants[number];
 export default interface AccordionProps {
     /**
      * The title of the component.
      */
     title: string | React.ReactNode;
     /**
-     * The subtitle of the component.
+     * The subtitle of the component. (Only for solid variant)
      */
     subTitle?: string | React.ReactNode;
     /**
@@ -25,4 +27,9 @@ export default interface AccordionProps {
      * @default false
      */
     isInitialExpanded?: boolean;
+    /**
+     * Determines design variations of the component.
+     * @default 'solid'
+     */
+    variant: AccordionVariant;
 }

package/build/typescript/Accordion/LegacyAccordion.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import AccordionProps from './LegacyAccordionProps';
+export default function Accordion(props: AccordionProps): JSX.Element;

package/build/typescript/Accordion/LegacyAccordionProps.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export default interface AccordionProps {
+    /**
+     * The title of the component.
+     */
+    title: string | React.ReactNode;
+    /**
+     * The subtitle of the component.
+     */
+    subTitle?: string | React.ReactNode;
+    /**
+     * The component to the left of the title.
+     */
+    LeftComponent?: React.ReactNode;
+    /**
+     * The icon to the right of the title.
+     */
+    RightIcon?: React.ReactElement;
+    /**
+     * The content of the component.
+     */
+    content: string | React.ReactNode;
+    /**
+     * The initial state of expanding
+     * @default false
+     */
+    isInitialExpanded?: boolean;
+}

package/build/typescript/Accordion/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Accordion';
-export type { default as AccordionProps } from './AccordionProps';
+export { default } from './LegacyAccordion';
+export type { default as AccordionProps } from './LegacyAccordionProps';

package/build/typescript/Accordion/useVariantStyleMap.d.ts

@@ -0,0 +1,13 @@
+import type { TextStyle } from 'react-native';
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import type { AccordionVariant } from './AccordionProps';
+interface VariantStyle {
+    container: FountainUiStyle;
+    content: FountainUiStyle;
+    contentFont: TextStyle;
+    subTitleFont?: TextStyle;
+    title: FountainUiStyle;
+    titleFont: TextStyle;
+}
+export default function useVariantStyleMap(variant: AccordionVariant): VariantStyle;
+export {};

package/build/typescript/Badge/Badge.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import BadgeProps from './BadgeProps';
+import type BadgeProps from './BadgeProps';
 export default function Badge(props: BadgeProps): JSX.Element;

package/build/typescript/Badge/BadgeProps.d.ts

@@ -1,17 +1,34 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
-export declare type BadgeHorizontalPosition = 'right' | 'left';
-export declare type BadgeVerticalPosition = 'top' | 'bottom';
+export declare const badgeHorizontalPositions: readonly ["right", "left"];
+export declare type BadgeHorizontalPosition = typeof badgeHorizontalPositions[number];
+export declare const badgeVerticalPositions: readonly ["top", "bottom"];
+export declare type BadgeVerticalPosition = typeof badgeVerticalPositions[number];
 export interface BadgePosition {
     vertical: BadgeVerticalPosition;
     horizontal: BadgeHorizontalPosition;
 }
+export declare const badgeColors: readonly ["accent", "danger"];
+export declare type BadgeColor = typeof badgeColors[number];
+export declare const badgeSizes: readonly ["large", "medium"];
+export declare type BadgeSize = typeof badgeSizes[number];
+export declare const badgeVariants: readonly ["dot", "number"];
+export declare type BadgeVariant = typeof badgeVariants[number];
 export default interface BadgeProps extends OverridableComponentProps<ViewProps, {
     /**
      * The badge will be added relative to this node.
      */
     children?: React.ReactNode;
+    /**
+     *
+     * @default 'accent'
+     */
+    color?: BadgeColor;
+    /**
+     * (only number variant)
+     */
+    content?: number;
     /**
      * If `true`, the badge is invisible.
      * @default false
@@ -30,5 +47,14 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * @default 0
      */
     offset?: number;
+    /**
+     *
+     */
+    size?: BadgeSize;
+    /**
+     *
+     * @default 'dot'
+     */
+    variant?: BadgeVariant;
 }> {
 }

package/build/typescript/Badge/LegacyBadge.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import BadgeProps from './LegacyBadgeProps';
+export default function Badge(props: BadgeProps): JSX.Element;

package/build/typescript/Badge/LegacyBadgeProps.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export declare type BadgeHorizontalPosition = 'right' | 'left';
+export declare type BadgeVerticalPosition = 'top' | 'bottom';
+export interface BadgePosition {
+    vertical: BadgeVerticalPosition;
+    horizontal: BadgeHorizontalPosition;
+}
+export default interface BadgeProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * The badge will be added relative to this node.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, the badge is invisible.
+     * @default false
+     */
+    invisible?: boolean;
+    /**
+     * The position of the badge.
+     * @default {
+     *     vertical: 'top',
+     *     horizontal: 'right',
+     * }
+     */
+    position?: BadgePosition;
+    /**
+     * The offset of the badge.
+     * @default 0
+     */
+    offset?: number;
+}> {
+}

package/build/typescript/Badge/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Badge';
-export type { default as BadgeProps } from './BadgeProps';
+export { default } from './LegacyBadge';
+export type { default as BadgeProps } from './LegacyBadgeProps';

package/build/typescript/Badge/useVariantStyleMap.d.ts

@@ -0,0 +1,9 @@
+import type { TextStyle } from 'react-native';
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import type { BadgeColor, BadgeSize, BadgeVariant } from './BadgeProps';
+interface VariantStyle {
+    badge: FountainUiStyle;
+    contentFont?: TextStyle;
+}
+export default function useVariantStyleMap(variant: BadgeVariant, size: BadgeSize, color: BadgeColor): VariantStyle;
+export {};

package/build/typescript/Button/ButtonProps.d.ts

@@ -1,25 +1,27 @@
 import React from 'react';
 import type { ButtonBaseProps } from '../ButtonBase';
-import type { OverridableComponentProps, CommonComponentColor } from '../types';
-export declare type ButtonColor = CommonComponentColor;
-export declare type ButtonSize = 'small' | 'medium';
-export declare type ButtonVariant = 'contained' | 'outlined' | 'text';
+import type { OverridableComponentProps } from '../types';
+export declare const ButtonColors: readonly ["accent", "primary", "danger", "disabled", "secondary", "accentAlt"];
+export declare type ButtonColor = typeof ButtonColors[number];
+export declare const ButtonSizes: readonly ["small", "medium", "large"];
+export declare type ButtonSize = typeof ButtonSizes[number];
+export declare const ButtonVariants: readonly ["solid", "outlined", "text", "capsuleSolid", "capsuleOutlined"];
+export declare type ButtonVariant = typeof ButtonVariants[number];
 export default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {
     /**
      * The content of the button.
      */
     children: string;
-    /**
-     * If `true`, remove horizontal padding and minimum width.
-     * This prop only applied on `text` variant.
-     * @default false
-     */
-    clipHorizontalSpacing?: boolean;
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
      * @default 'primary'
      */
     color?: ButtonColor;
+    /**
+     * Determines whether minWidth should be applied.
+     * @default false
+     */
+    disableMinWidth?: boolean;
     /**
      * Element placed after the children.
      */
@@ -33,6 +35,11 @@ export default interface ButtonProps extends OverridableComponentProps<ButtonBas
      * The URL to link to when the button is clicked.
      */
     href?: string;
+    /**
+     * Determines whether to show the loading status or not.
+     * @default false
+     */
+    isLoading?: boolean;
     /**
      * The size of the button.
      * @default 'medium'
@@ -44,7 +51,7 @@ export default interface ButtonProps extends OverridableComponentProps<ButtonBas
     startIcon?: React.ReactElement;
     /**
      * The variant to use.
-     * @default 'contained'
+     * @default 'solid'
      */
     variant?: ButtonVariant;
 }> {

package/build/typescript/Button/LegacyButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type ButtonProps from './LegacyButtonProps';
+export default function Button(props: ButtonProps): JSX.Element;

package/build/typescript/Button/LegacyButtonProps.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { ButtonBaseProps } from '../ButtonBase';
+import type { OverridableComponentProps, CommonComponentColor } from '../types';
+export declare type ButtonColor = CommonComponentColor;
+export declare type ButtonSize = 'small' | 'medium';
+export declare type ButtonVariant = 'contained' | 'outlined' | 'text';
+export default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {
+    /**
+     * The content of the button.
+     */
+    children: string;
+    /**
+     * If `true`, remove horizontal padding and minimum width.
+     * This prop only applied on `text` variant.
+     * @default false
+     */
+    clipHorizontalSpacing?: boolean;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'primary'
+     */
+    color?: ButtonColor;
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * If `true`, the button will take up the full width of its container.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * The URL to link to when the button is clicked.
+     */
+    href?: string;
+    /**
+     * The size of the button.
+     * @default 'medium'
+     */
+    size?: ButtonSize;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The variant to use.
+     * @default 'contained'
+     */
+    variant?: ButtonVariant;
+}> {
+}

package/build/typescript/Button/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Button';
-export type { default as ButtonProps } from './ButtonProps';
+export { default } from './LegacyButton';
+export type { default as ButtonProps } from './LegacyButtonProps';

package/build/typescript/Button/useVariantStyleMap.d.ts

@@ -0,0 +1,9 @@
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import { ButtonColor, ButtonVariant } from './ButtonProps';
+declare type UseVariantStyleMapReturns = {
+    container?: FountainUiStyle;
+    iconColor?: string;
+    labelColor?: string;
+};
+export default function useVariantStyleMap(variant: ButtonVariant, color: ButtonColor): UseVariantStyleMapReturns;
+export {};

package/build/typescript/ButtonBase/ButtonBase.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import type ButtonBaseProps from './ButtonBaseProps';
 export declare const ORIGINAL_OPACITY = 1;
-export declare const DISABLED_OPACITY = 0.3;
 export default function ButtonBase(props: ButtonBaseProps): JSX.Element;

package/build/typescript/ButtonBase/LegacyButtonBase.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type ButtonBaseProps from './ButtonBaseProps';
+export declare const ORIGINAL_OPACITY = 1;
+export declare const DISABLED_OPACITY = 0.3;
+export default function ButtonBase(props: ButtonBaseProps): JSX.Element;

package/build/typescript/ButtonBase/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './ButtonBase';
+export { default } from './LegacyButtonBase';
 export type { default as ButtonBaseProps } from './ButtonBaseProps';

package/build/typescript/ButtonSet/ButtonSet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type ButtonSetProps from './ButtonSetProps';
+export default function ButtonSet(props: ButtonSetProps): JSX.Element;

package/build/typescript/ButtonSet/ButtonSetProps.d.ts

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export declare const buttonSetColors: readonly ["accent", "danger", "warning"];
+export declare type ButtonSetColor = typeof buttonSetColors[number];
+export declare const buttonSetVariants: readonly ["horizontal", "vertical"];
+export declare type ButtonSetVariant = typeof buttonSetVariants[number];
+export default interface ButtonSetProps extends OverridableComponentProps<PropsWithChildren<ViewProps>, {
+    /**
+     * Determines the base color of the button set that goes inside.
+     * @default 'accent'
+     */
+    color?: ButtonSetColor;
+    /**
+     * Determines design variations of the component.
+     * @default 'horizontal'
+     */
+    variant?: ButtonSetVariant;
+}> {
+}

package/build/typescript/ButtonSet/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './ButtonSet';
+export type { default as ButtonSetProps, ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';
+export { buttonSetColors, buttonSetVariants } from './ButtonSetProps';

package/build/typescript/ButtonSet/useVariantStyleMap.d.ts

@@ -0,0 +1,10 @@
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import type ButtonProps from '../Button/ButtonProps';
+import type { ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';
+declare type ButtonStyle = Partial<ButtonProps>;
+declare type UseVariantButtonStyleMapReturns = {
+    containerStyle: FountainUiStyle;
+    buttonStyleMap: ButtonStyle[];
+};
+export default function useVariantStyleMap(variant: ButtonSetVariant, color: ButtonSetColor): UseVariantButtonStyleMapReturns;
+export {};

package/build/typescript/Checkbox/CheckboxProps.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import type { CommonComponentColor, OverridableComponentProps } from '../types';
+import type { OverridableComponentProps } from '../types';
 import type { ButtonBaseProps } from '../ButtonBase';
 declare type BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;
-export declare type CheckboxColor = CommonComponentColor;
+export declare const checkboxVariants: readonly ["square", "round"];
+export declare type CheckboxVariant = typeof checkboxVariants[number];
 export default interface CheckboxProps extends OverridableComponentProps<BaseProps, {
     /**
      * If `true`, the component is checked.
@@ -10,27 +10,23 @@ export default interface CheckboxProps extends OverridableComponentProps<BasePro
      */
     checked?: boolean;
     /**
-     * The checked Icon which is replaced.
+     * Content which is sharing pressable next to checkbox.
      */
-    checkedIcon?: React.ReactElement;
-    /**
-     * The color of the component. It supports those theme colors that make sense for this component.
-     * @default 'primary'
-     */
-    color?: CheckboxColor;
+    children?: string;
     /**
      * If `true`, the checkbox is disabled.
      * @default false
      */
     disabled?: boolean;
-    /**
-     * The unchecked Icon which is replaced.
-     */
-    icon?: React.ReactElement;
     /**
      * Callback fired when the state is changed.
      */
     onChange?: (newChecked: boolean) => void;
+    /**
+     * Determines the shape and style of the checkbox.
+     * @default 'square'
+     */
+    variant?: CheckboxVariant;
 }> {
 }
 export {};

package/build/typescript/Checkbox/LegacyCheckbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type CheckboxProps from './LegacyCheckboxProps';
+export default function Checkbox(props: CheckboxProps): JSX.Element;

package/build/typescript/Checkbox/LegacyCheckboxProps.d.ts

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

package/build/typescript/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Checkbox';
-export type { default as CheckboxProps } from './CheckboxProps';
+export { default } from './LegacyCheckbox';
+export type { default as CheckboxProps } from './LegacyCheckboxProps';

package/build/typescript/Checkbox/useVariantStyleMap.d.ts

@@ -0,0 +1,9 @@
+import { FountainUiStyle } from '@fountain-ui/styles';
+import type { CheckboxVariant } from './CheckboxProps';
+declare type useVariantStyleMapReturns = {
+    checkboxStyle?: FountainUiStyle;
+    containerStyle?: FountainUiStyle;
+    iconColor?: string;
+};
+export default function useVariantStyleMap(variant: CheckboxVariant, checked: boolean): useVariantStyleMapReturns;
+export {};

package/build/typescript/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type CheckboxGroupProps from './CheckboxGroupProps';
+export default function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;

package/build/typescript/CheckboxGroup/CheckboxGroupProps.d.ts

@@ -0,0 +1,11 @@
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+import type { CheckboxVariant } from '../Checkbox/CheckboxProps';
+export default interface CheckboxGroupProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * Determines the shape and style of the checkbox.
+     * @default 'square'
+     */
+    variant?: CheckboxVariant;
+}> {
+}

package/build/typescript/CheckboxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CheckboxGroup';
+export type { default as CheckboxGroupProps } from './CheckboxGroupProps';

package/build/typescript/Chip/ChipProps.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
 import { OverridableComponentProps } from '../types';
 import type { ButtonBaseProps } from '../ButtonBase';
-export declare type ChipVariant = 'outlined' | 'filled' | 'bold';
+export declare const chipSizes: readonly ["large", "small"];
+export declare type ChipSize = typeof chipSizes[number];
+export declare const chipStartElementVariants: readonly ["default", "avatar", "image", "icon"];
+export declare type ChipStartElementVariant = typeof chipStartElementVariants[number];
 export default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {
     /**
      * Element placed after the children.
      */
-    endIcon?: React.ReactElement;
+    endElement?: React.ReactElement;
     /**
      * The content of the component.
      */
@@ -15,14 +18,18 @@ export default interface ChipProps extends OverridableComponentProps<ButtonBaseP
      * Number of lines of children.
      */
     numberOfLines?: number;
+    /**
+     * Determines size of component.
+     * @default 'small'
+     */
+    size?: ChipSize;
     /**
      * Element placed before the children.
      */
-    startIcon?: React.ReactElement;
+    startElement?: React.ReactElement;
     /**
-     * The variant to use.
-     * @default 'outlined'
+     * Determines the style of the start element.
      */
-    variant?: ChipVariant;
+    startElementVariant?: ChipStartElementVariant;
 }> {
 }

package/build/typescript/Chip/LegacyChip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type ChipProps from './LegacyChipProps';
+export default function Chip(props: ChipProps): JSX.Element;

package/build/typescript/Chip/LegacyChipProps.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { OverridableComponentProps } from '../types';
+import type { ButtonBaseProps } from '../ButtonBase';
+export declare type ChipVariant = 'outlined' | 'filled' | 'bold';
+export default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * The content of the component.
+     */
+    children: string;
+    /**
+     * Number of lines of children.
+     */
+    numberOfLines?: number;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The variant to use.
+     * @default 'outlined'
+     */
+    variant?: ChipVariant;
+}> {
+}