npm - @metamask-previews/design-system-react-native - Versions diffs - 0.5.1-preview.89a2095 → 0.6.0-preview.3dc70e1 - Mend

@metamask-previews/design-system-react-native 0.5.1-preview.89a2095 → 0.6.0-preview.3dc70e1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (204) hide show

package/dist/components/Checkbox/Checkbox.cjs CHANGED Viewed

@@ -30,7 +30,7 @@ const react_native_1 = require("react-native/index.js");
 const Icon_1 = require("../Icon/index.cjs");
 const TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
 const AnimatedView = react_native_1.Animated.View;
-exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, isInvalid = false, label = '', labelProps, onChange, checkboxContainerProps, checkedIconProps, twClassName = '', style, ...props }, ref) => {
+exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, isInvalid = false, label = '', labelProps, onChange, checkboxContainerProps, checkedIconProps, twClassName, style, ...props }, ref) => {
     // Animation values
     const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const iconAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(isSelected ? 1 : 0)).current;
@@ -70,7 +70,7 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
     };
     (0, react_1.useImperativeHandle)(ref, () => ({ toggle: handlePress }), [handlePress]);
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = tw `flex-row items-center ${isDisabled ? 'opacity-50' : 'opacity-100'} ${twClassName}`;
+    const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = (0, react_1.useCallback)((pressed) => {
         const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';
         let baseBorder = 'border-default';
@@ -97,10 +97,10 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
     return (<react_native_1.Pressable onPress={handlePress} accessible accessibilityRole="checkbox" accessibilityState={{
             checked: isSelected,
             disabled: isDisabled,
-        }} accessibilityLabel={typeof label === 'string' ? label : undefined} style={(state) => [
+        }} accessibilityLabel={typeof label === 'string' ? label : undefined} disabled={isDisabled} {...props} style={(state) => [
             twContainerClassNames,
             typeof style === 'function' ? style(state) : style,
-        ]} disabled={isDisabled} {...props}>
+        ]}>
         {({ pressed }) => (<>
             <AnimatedView {...checkboxContainerProps} style={[
                 tw `${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,

package/dist/components/Checkbox/Checkbox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAMe;AAEf,wDAA2D;AAE3D,4CAA8D;AAC9D,gFAAmE;AAInE,MAAM,YAAY,GAAG,uBAAQ,CAAC,IAAI,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EACE,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,EAAE,EACV,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,mBAAmB;IACnB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAExE,+CAA+C;IAC/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,uBAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,qBAAM,CAAC,IAAI;YACnB,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,qBAAM,CAAC,IAAI;gBACnB,eAAe,EAAE,IAAI;aACtB,CAAC;YACF,uBAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,qBAAM,CAAC,IAAI;gBACnB,eAAe,EAAE,IAAI;aACtB,CAAC;SACH,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,4CAA4C;IAC5C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE;YACd,OAAO;SACR;QACD,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;QACxB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEzE,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,EAAE,~~CAAA~~,~~yBAC9B~~,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,~~aAC9B~~,~~IAAI~~,WAAW,~~EAAE~~,CAAC;~~IAElB~~,MAAM,yBAAyB,GAAG,IAAA,mBAAW,EAC3C,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC;QAChE,IAAI,UAAU,GAAG,gBAAgB,CAAC;QAClC,IAAI,UAAU,EAAE;YACd,UAAU,GAAG,wBAAwB,CAAC;SACvC;aAAM,IAAI,SAAS,EAAE;YACpB,UAAU,GAAG,sBAAsB,CAAC;SACrC;QACD,MAAM,SAAS,GAAG,UAAU;YAC1B,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,oBAAoB,CAAC;QACzB,IAAI,aAAa,GAAG,gBAAgB,CAAC;QACrC,IAAI,UAAU,EAAE;YACd,aAAa,GAAG,gCAAgC,CAAC;SAClD;aAAM,IAAI,SAAS,EAAE;YACpB,aAAa,GAAG,sBAAsB,CAAC;SACxC;QACD,OAAO,OAAO;YACZ,CAAC,CAAC,GAAG,SAAS,IAAI,aAAa,EAAE;YACjC,CAAC,CAAC,GAAG,MAAM,IAAI,UAAU,EAAE,CAAC;IAChC,CAAC,EACD,CAAC,UAAU,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,UAAU,CACV,iBAAiB,CAAC,UAAU,CAC5B,kBAAkB,CAAC,CAAC;YAClB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;SACrB,CAAC,CACF,kBAAkB,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAClE,KAAK,CAAC,CAAC,CAAC,KAAiC,EAAE,EAAE,CAAC;YAC5C,qBAAqB;YACrB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;SACnD,CAAC,~~CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,IAAI,KAAK,CAAC,CAEV~~;QAAA,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,EACE;YAAA,CAAC,YAAY,CACX,IAAI,sBAAsB,CAAC,CAC3B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAA,GAAG,yBAAyB,CAAC,OAAO,CAAC,gEAAgE;gBACvG,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE;aACtC,CAAC,CAEF;cAAA,CAAC,oDAAoD,CACrD;cAAA,CAAC,uBAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAC1C;gBAAA,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC,gBAAS,CAAC,cAAc,CAAC,CAChC,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,gBAAgB,CAAC,EAEzB;cAAA,EAAE,uBAAQ,CAAC,IAAI,CACjB;YAAA,EAAE,YAAY,CACd;YAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,+BAAc,CACb,SAAS,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAElD;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,+BAAc,CAAC,CAClB,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,GAAG,CACJ,CACH;MAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, {\n forwardRef,\n useRef,\n useImperativeHandle,\n useCallback,\n useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n (\n {\n isSelected,\n isDisabled = false,\n isInvalid = false,\n label = '',\n labelProps,\n onChange,\n checkboxContainerProps,\n checkedIconProps,\n twClassName ~~= ''~~,\n style,\n ...props\n },\n ref,\n ) => {\n // Animation values\n const scaleAnim = useRef(new Animated.Value(1)).current;\n const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n // Sync icon opacity whenever selection changes\n useEffect(() => {\n Animated.timing(iconAnim, {\n toValue: isSelected ? 1 : 0,\n duration: 300,\n easing: Easing.ease,\n useNativeDriver: true,\n }).start();\n }, [isSelected, iconAnim]);\n\n // Bounce effect when toggling\n const animateScale = useCallback(() => {\n Animated.sequence([\n Animated.timing(scaleAnim, {\n toValue: 1.15,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n ]).start();\n }, [scaleAnim]);\n\n // Press handler: notify parent, then bounce\n const handlePress = () => {\n if (isDisabled) {\n return;\n }\n onChange?.(!isSelected);\n animateScale();\n };\n\n useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n const tw = useTailwind();\n const twContainerClassNames = tw`flex-row items-center ~~${\~~n isDisabled ? 'opacity-50' : 'opacity-100'\n ~~} ${~~twClassName~~}`;\~~n\n const getCheckboxContainerStyle = useCallback(\n (pressed: boolean): string => {\n const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n let baseBorder = 'border-default';\n if (isSelected) {\n baseBorder = 'border-primary-default';\n } else if (isInvalid) {\n baseBorder = 'border-error-default';\n }\n const pressedBg = isSelected\n ? 'bg-primary-default-pressed'\n : 'bg-default-pressed';\n let pressedBorder = 'border-default';\n if (isSelected) {\n pressedBorder = 'border-primary-default-pressed';\n } else if (isInvalid) {\n pressedBorder = 'border-error-default';\n }\n return pressed\n ? `${pressedBg} ${pressedBorder}`\n : `${baseBg} ${baseBorder}`;\n },\n [isSelected, isInvalid],\n );\n\n return (\n <Pressable\n onPress={handlePress}\n accessible\n accessibilityRole=\"checkbox\"\n accessibilityState={{\n checked: isSelected,\n disabled: isDisabled,\n }}\n accessibilityLabel={typeof label === 'string' ? label : undefined}\n style={(state: PressableStateCallbackType) => [\n twContainerClassNames,\n typeof style === 'function' ? style(state) : style,\n ]}\n ~~disabled={isDisabled}\n {...props}\n~~ >\n {({ pressed }) => (\n <>\n <AnimatedView\n {...checkboxContainerProps}\n style={[\n tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n { transform: [{ scale: scaleAnim }] },\n ]}\n >\n {/* Always render icon, opacity driven by iconAnim */}\n <Animated.View style={{ opacity: iconAnim }}>\n <Icon\n name={IconName.Check}\n color={IconColor.PrimaryInverse}\n size={IconSize.Sm}\n {...checkedIconProps}\n />\n </Animated.View>\n </AnimatedView>\n {label ? (\n <TextOrChildren\n textProps={{ ...labelProps, twClassName: 'ml-3' }}\n >\n {label}\n </TextOrChildren>\n ) : null}\n </>\n )}\n </Pressable>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, {\n forwardRef,\n useRef,\n useImperativeHandle,\n useCallback,\n useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n (\n {\n isSelected,\n isDisabled = false,\n isInvalid = false,\n label = '',\n labelProps,\n onChange,\n checkboxContainerProps,\n checkedIconProps,\n twClassName,\n style,\n ...props\n },\n ref,\n ) => {\n // Animation values\n const scaleAnim = useRef(new Animated.Value(1)).current;\n const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n // Sync icon opacity whenever selection changes\n useEffect(() => {\n Animated.timing(iconAnim, {\n toValue: isSelected ? 1 : 0,\n duration: 300,\n easing: Easing.ease,\n useNativeDriver: true,\n }).start();\n }, [isSelected, iconAnim]);\n\n // Bounce effect when toggling\n const animateScale = useCallback(() => {\n Animated.sequence([\n Animated.timing(scaleAnim, {\n toValue: 1.15,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n ]).start();\n }, [scaleAnim]);\n\n // Press handler: notify parent, then bounce\n const handlePress = () => {\n if (isDisabled) {\n return;\n }\n onChange?.(!isSelected);\n animateScale();\n };\n\n useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n const tw = useTailwind();\n const twContainerClassNames = tw.style(\n 'flex-row items-center',\n isDisabled ? 'opacity-50' : 'opacity-100',\n twClassName,\n );\n\n const getCheckboxContainerStyle = useCallback(\n (pressed: boolean): string => {\n const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n let baseBorder = 'border-default';\n if (isSelected) {\n baseBorder = 'border-primary-default';\n } else if (isInvalid) {\n baseBorder = 'border-error-default';\n }\n const pressedBg = isSelected\n ? 'bg-primary-default-pressed'\n : 'bg-default-pressed';\n let pressedBorder = 'border-default';\n if (isSelected) {\n pressedBorder = 'border-primary-default-pressed';\n } else if (isInvalid) {\n pressedBorder = 'border-error-default';\n }\n return pressed\n ? `${pressedBg} ${pressedBorder}`\n : `${baseBg} ${baseBorder}`;\n },\n [isSelected, isInvalid],\n );\n\n return (\n <Pressable\n onPress={handlePress}\n accessible\n accessibilityRole=\"checkbox\"\n accessibilityState={{\n checked: isSelected,\n disabled: isDisabled,\n }}\n accessibilityLabel={typeof label === 'string' ? label : undefined}\n disabled={isDisabled}\n {...props}\n style={(state: PressableStateCallbackType) => [\n twContainerClassNames,\n typeof style === 'function' ? style(state) : style,\n ]}\n >\n {({ pressed }) => (\n <>\n <AnimatedView\n {...checkboxContainerProps}\n style={[\n tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n { transform: [{ scale: scaleAnim }] },\n ]}\n >\n {/* Always render icon, opacity driven by iconAnim */}\n <Animated.View style={{ opacity: iconAnim }}>\n <Icon\n name={IconName.Check}\n color={IconColor.PrimaryInverse}\n size={IconSize.Sm}\n {...checkedIconProps}\n />\n </Animated.View>\n </AnimatedView>\n {label ? (\n <TextOrChildren\n textProps={{ ...labelProps, twClassName: 'ml-3' }}\n >\n {label}\n </TextOrChildren>\n ) : null}\n </>\n )}\n </Pressable>\n );\n },\n);\n"]}

package/dist/components/Checkbox/Checkbox.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,8BAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;YAAwB,MAAM,IAAI;~~GA0ItD~~,CAAC"}
1	+ {"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,8BAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;YAAwB,MAAM,IAAI;GA4ItD,CAAC"}

package/dist/components/Checkbox/Checkbox.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,8BAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;YAAwB,MAAM,IAAI;~~GA0ItD~~,CAAC"}
1	+ {"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,8BAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;YAAwB,MAAM,IAAI;GA4ItD,CAAC"}

package/dist/components/Checkbox/Checkbox.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ import { Pressable, Animated, Easing } from "react-native/index.js";
 import { Icon, IconName, IconColor, IconSize } from "../Icon/index.mjs";
 import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
 const AnimatedView = Animated.View;
-export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid = false, label = '', labelProps, onChange, checkboxContainerProps, checkedIconProps, twClassName = '', style, ...props }, ref) => {
+export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid = false, label = '', labelProps, onChange, checkboxContainerProps, checkedIconProps, twClassName, style, ...props }, ref) => {
     // Animation values
     const scaleAnim = useRef(new Animated.Value(1)).current;
     const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;
@@ -51,7 +51,7 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
     };
     useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);
     const tw = useTailwind();
-    const twContainerClassNames = tw `flex-row items-center ${isDisabled ? 'opacity-50' : 'opacity-100'} ${twClassName}`;
+    const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = useCallback((pressed) => {
         const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';
         let baseBorder = 'border-default';
@@ -78,10 +78,10 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
     return (<Pressable onPress={handlePress} accessible accessibilityRole="checkbox" accessibilityState={{
             checked: isSelected,
             disabled: isDisabled,
-        }} accessibilityLabel={typeof label === 'string' ? label : undefined} style={(state) => [
+        }} accessibilityLabel={typeof label === 'string' ? label : undefined} disabled={isDisabled} {...props} style={(state) => [
             twContainerClassNames,
             typeof style === 'function' ? style(state) : style,
-        ]} disabled={isDisabled} {...props}>
+        ]}>
         {({ pressed }) => (<>
             <AnimatedView {...checkboxContainerProps} style={[
                 tw `${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,

package/dist/components/Checkbox/Checkbox.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EACZ,UAAU,EACV,MAAM,EACN,mBAAmB,EACnB,WAAW,EACX,SAAS,EACV,cAAc;;AAEf,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,8BAAqB;AAE3D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,0BAAgB;AAC9D,OAAO,EAAE,cAAc,EAAE,oDAA0C;AAInE,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,EAAE,EACV,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,mBAAmB;IACnB,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAExE,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,IAAI;YACnB,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,8BAA8B;IAC9B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,eAAe,EAAE,IAAI;aACtB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,eAAe,EAAE,IAAI;aACtB,CAAC;SACH,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,4CAA4C;IAC5C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE;YACd,OAAO;SACR;QACD,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;QACxB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEzE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,EAAE,~~CAAA~~,~~yBAC9B~~,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,~~aAC9B~~,~~IAAI~~,WAAW,~~EAAE~~,CAAC;~~IAElB~~,MAAM,yBAAyB,GAAG,WAAW,CAC3C,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC;QAChE,IAAI,UAAU,GAAG,gBAAgB,CAAC;QAClC,IAAI,UAAU,EAAE;YACd,UAAU,GAAG,wBAAwB,CAAC;SACvC;aAAM,IAAI,SAAS,EAAE;YACpB,UAAU,GAAG,sBAAsB,CAAC;SACrC;QACD,MAAM,SAAS,GAAG,UAAU;YAC1B,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,oBAAoB,CAAC;QACzB,IAAI,aAAa,GAAG,gBAAgB,CAAC;QACrC,IAAI,UAAU,EAAE;YACd,aAAa,GAAG,gCAAgC,CAAC;SAClD;aAAM,IAAI,SAAS,EAAE;YACpB,aAAa,GAAG,sBAAsB,CAAC;SACxC;QACD,OAAO,OAAO;YACZ,CAAC,CAAC,GAAG,SAAS,IAAI,aAAa,EAAE;YACjC,CAAC,CAAC,GAAG,MAAM,IAAI,UAAU,EAAE,CAAC;IAChC,CAAC,EACD,CAAC,UAAU,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,UAAU,CACV,iBAAiB,CAAC,UAAU,CAC5B,kBAAkB,CAAC,CAAC;YAClB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;SACrB,CAAC,CACF,kBAAkB,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAClE,KAAK,CAAC,CAAC,CAAC,KAAiC,EAAE,EAAE,CAAC;YAC5C,qBAAqB;YACrB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;SACnD,CAAC,~~CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,IAAI,KAAK,CAAC,CAEV~~;QAAA,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,EACE;YAAA,CAAC,YAAY,CACX,IAAI,sBAAsB,CAAC,CAC3B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAA,GAAG,yBAAyB,CAAC,OAAO,CAAC,gEAAgE;gBACvG,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE;aACtC,CAAC,CAEF;cAAA,CAAC,oDAAoD,CACrD;cAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAC1C;gBAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,gBAAgB,CAAC,EAEzB;cAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;YAAA,EAAE,YAAY,CACd;YAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,cAAc,CACb,SAAS,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAElD;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,GAAG,CACJ,CACH;MAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, {\n forwardRef,\n useRef,\n useImperativeHandle,\n useCallback,\n useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n (\n {\n isSelected,\n isDisabled = false,\n isInvalid = false,\n label = '',\n labelProps,\n onChange,\n checkboxContainerProps,\n checkedIconProps,\n twClassName ~~= ''~~,\n style,\n ...props\n },\n ref,\n ) => {\n // Animation values\n const scaleAnim = useRef(new Animated.Value(1)).current;\n const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n // Sync icon opacity whenever selection changes\n useEffect(() => {\n Animated.timing(iconAnim, {\n toValue: isSelected ? 1 : 0,\n duration: 300,\n easing: Easing.ease,\n useNativeDriver: true,\n }).start();\n }, [isSelected, iconAnim]);\n\n // Bounce effect when toggling\n const animateScale = useCallback(() => {\n Animated.sequence([\n Animated.timing(scaleAnim, {\n toValue: 1.15,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n ]).start();\n }, [scaleAnim]);\n\n // Press handler: notify parent, then bounce\n const handlePress = () => {\n if (isDisabled) {\n return;\n }\n onChange?.(!isSelected);\n animateScale();\n };\n\n useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n const tw = useTailwind();\n const twContainerClassNames = tw`flex-row items-center ~~${\~~n isDisabled ? 'opacity-50' : 'opacity-100'\n ~~} ${~~twClassName~~}`;\~~n\n const getCheckboxContainerStyle = useCallback(\n (pressed: boolean): string => {\n const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n let baseBorder = 'border-default';\n if (isSelected) {\n baseBorder = 'border-primary-default';\n } else if (isInvalid) {\n baseBorder = 'border-error-default';\n }\n const pressedBg = isSelected\n ? 'bg-primary-default-pressed'\n : 'bg-default-pressed';\n let pressedBorder = 'border-default';\n if (isSelected) {\n pressedBorder = 'border-primary-default-pressed';\n } else if (isInvalid) {\n pressedBorder = 'border-error-default';\n }\n return pressed\n ? `${pressedBg} ${pressedBorder}`\n : `${baseBg} ${baseBorder}`;\n },\n [isSelected, isInvalid],\n );\n\n return (\n <Pressable\n onPress={handlePress}\n accessible\n accessibilityRole=\"checkbox\"\n accessibilityState={{\n checked: isSelected,\n disabled: isDisabled,\n }}\n accessibilityLabel={typeof label === 'string' ? label : undefined}\n style={(state: PressableStateCallbackType) => [\n twContainerClassNames,\n typeof style === 'function' ? style(state) : style,\n ]}\n ~~disabled={isDisabled}\n {...props}\n~~ >\n {({ pressed }) => (\n <>\n <AnimatedView\n {...checkboxContainerProps}\n style={[\n tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n { transform: [{ scale: scaleAnim }] },\n ]}\n >\n {/* Always render icon, opacity driven by iconAnim */}\n <Animated.View style={{ opacity: iconAnim }}>\n <Icon\n name={IconName.Check}\n color={IconColor.PrimaryInverse}\n size={IconSize.Sm}\n {...checkedIconProps}\n />\n </Animated.View>\n </AnimatedView>\n {label ? (\n <TextOrChildren\n textProps={{ ...labelProps, twClassName: 'ml-3' }}\n >\n {label}\n </TextOrChildren>\n ) : null}\n </>\n )}\n </Pressable>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, {\n forwardRef,\n useRef,\n useImperativeHandle,\n useCallback,\n useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n (\n {\n isSelected,\n isDisabled = false,\n isInvalid = false,\n label = '',\n labelProps,\n onChange,\n checkboxContainerProps,\n checkedIconProps,\n twClassName,\n style,\n ...props\n },\n ref,\n ) => {\n // Animation values\n const scaleAnim = useRef(new Animated.Value(1)).current;\n const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n // Sync icon opacity whenever selection changes\n useEffect(() => {\n Animated.timing(iconAnim, {\n toValue: isSelected ? 1 : 0,\n duration: 300,\n easing: Easing.ease,\n useNativeDriver: true,\n }).start();\n }, [isSelected, iconAnim]);\n\n // Bounce effect when toggling\n const animateScale = useCallback(() => {\n Animated.sequence([\n Animated.timing(scaleAnim, {\n toValue: 1.15,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 100,\n easing: Easing.ease,\n useNativeDriver: true,\n }),\n ]).start();\n }, [scaleAnim]);\n\n // Press handler: notify parent, then bounce\n const handlePress = () => {\n if (isDisabled) {\n return;\n }\n onChange?.(!isSelected);\n animateScale();\n };\n\n useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n const tw = useTailwind();\n const twContainerClassNames = tw.style(\n 'flex-row items-center',\n isDisabled ? 'opacity-50' : 'opacity-100',\n twClassName,\n );\n\n const getCheckboxContainerStyle = useCallback(\n (pressed: boolean): string => {\n const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n let baseBorder = 'border-default';\n if (isSelected) {\n baseBorder = 'border-primary-default';\n } else if (isInvalid) {\n baseBorder = 'border-error-default';\n }\n const pressedBg = isSelected\n ? 'bg-primary-default-pressed'\n : 'bg-default-pressed';\n let pressedBorder = 'border-default';\n if (isSelected) {\n pressedBorder = 'border-primary-default-pressed';\n } else if (isInvalid) {\n pressedBorder = 'border-error-default';\n }\n return pressed\n ? `${pressedBg} ${pressedBorder}`\n : `${baseBg} ${baseBorder}`;\n },\n [isSelected, isInvalid],\n );\n\n return (\n <Pressable\n onPress={handlePress}\n accessible\n accessibilityRole=\"checkbox\"\n accessibilityState={{\n checked: isSelected,\n disabled: isDisabled,\n }}\n accessibilityLabel={typeof label === 'string' ? label : undefined}\n disabled={isDisabled}\n {...props}\n style={(state: PressableStateCallbackType) => [\n twContainerClassNames,\n typeof style === 'function' ? style(state) : style,\n ]}\n >\n {({ pressed }) => (\n <>\n <AnimatedView\n {...checkboxContainerProps}\n style={[\n tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n { transform: [{ scale: scaleAnim }] },\n ]}\n >\n {/* Always render icon, opacity driven by iconAnim */}\n <Animated.View style={{ opacity: iconAnim }}>\n <Icon\n name={IconName.Check}\n color={IconColor.PrimaryInverse}\n size={IconSize.Sm}\n {...checkedIconProps}\n />\n </Animated.View>\n </AnimatedView>\n {label ? (\n <TextOrChildren\n textProps={{ ...labelProps, twClassName: 'ml-3' }}\n >\n {label}\n </TextOrChildren>\n ) : null}\n </>\n )}\n </Pressable>\n );\n },\n);\n"]}

package/dist/components/Icon/Icon.cjs CHANGED Viewed

@@ -1,45 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const types_1 = require("../../types/index.cjs");
 const Icon_assets_1 = require("./Icon.assets.cjs");
-const Icon_utilities_1 = require("./Icon.utilities.cjs");
 const Icon = ({ size = types_1.IconSize.Md, name, color = types_1.IconColor.IconDefault, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const SVG = Icon_assets_1.assetByIconName[name];
-    const twStyle = (0, react_1.useMemo)(() => {
-        const mergedClassnames = (0, Icon_utilities_1.generateIconClassNames)({
-            color,
-            size,
-            twClassName,
-        });
-        return tw `${mergedClassnames}`;
-    }, [color, size, tw, twClassName]);
+    const twStyle = tw.style(color, `w-[${size}px]`, `h-[${size}px]`, twClassName);
     return (<SVG name={name} fill="currentColor" style={[twStyle, style]} {...props}/>);
 };
 exports.Icon = Icon;

package/dist/components/Icon/Icon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,8FAA4E;AAC5E~~,+CAAuC~~;~~AAEvC~~,iDAAkD;AAElD,mDAAgD;~~AAEhD~~,~~yDAA0D;AAEnD,~~MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,GAAG,gBAAQ,CAAC,EAAE,EAClB,IAAI,EACJ,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,GAAG,GAAG,6BAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,~~IAAA,eAAO,EAAC,GAAG,~~EAAE~~;QAC3B~~,~~MAAM~~,~~gBAAgB~~,~~GAAG~~,~~IAAA~~,~~uCAAsB~~,~~EAAC;YAC9C~~,~~KAAK;YACL,~~IAAI~~;YACJ~~,~~WAAW;SACZ~~,~~CAAC~~,~~CAAC;QACH~~,~~OAAO~~,~~EAAE,CAAA,GAAG,gBAAgB,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,~~KAAK,~~EAAE~~,~~IAAI,EAAE,EAAE,EAAE,~~WAAW,~~CAAC~~,CAAC~~,CAAC~~;~~IAEnC~~,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAC;AACJ,CAAC,CAAC;~~AAtBW~~,QAAA,IAAI,~~QAsBf~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, ~~{ useMemo }~~ from 'react';\n\nimport { IconColor, IconSize } from '../../types';\n\nimport { assetByIconName } from './Icon.assets';\nimport type { IconProps } from './Icon.types';\~~nimport { generateIconClassNames } from './Icon.utilities';\~~n\nexport const Icon = ({\n size = IconSize.Md,\n name,\n color = IconColor.IconDefault,\n twClassName,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const twStyle = ~~useMemo~~(~~() => {~~\n ~~const mergedClassnames = generateIconClassNames({\n~~ color,\n size~~,\n twClassName,\n~~ }~~);\~~n ~~return tw`$~~{~~mergedClassnames~~}~~`;\~~n ~~}, [color, size, tw, twClassName]~~);\n\n return (\n <SVG name={name} fill=\"currentColor\" style={[twStyle, style]} {...props} />\n );\n};\n"]}
1	+ {"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAE1B,iDAAkD;AAElD,mDAAgD;AAGzC,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,GAAG,gBAAQ,CAAC,EAAE,EAClB,IAAI,EACJ,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,GAAG,GAAG,6BAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CACtB,KAAK,EACL,MAAM,IAAI,KAAK,EACf,MAAM,IAAI,KAAK,EACf,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,IAAI,QAoBf","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { IconColor, IconSize } from '../../types';\n\nimport { assetByIconName } from './Icon.assets';\nimport type { IconProps } from './Icon.types';\n\nexport const Icon = ({\n size = IconSize.Md,\n name,\n color = IconColor.IconDefault,\n twClassName,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const twStyle = tw.style(\n color,\n `w-[${size}px]`,\n `h-[${size}px]`,\n twClassName,\n );\n\n return (\n <SVG name={name} fill=\"currentColor\" style={[twStyle, style]} {...props} />\n );\n};\n"]}

package/dist/components/Icon/Icon.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAAkB~~,cAAc;~~AAKvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;~~AAG9C~~,eAAO,MAAM,IAAI,wDAOd,SAAS,~~sBAeX~~,CAAC"}
1	+ {"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,wDAOd,SAAS,sBAaX,CAAC"}

package/dist/components/Icon/Icon.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAAkB~~,cAAc;~~AAKvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;~~AAG9C~~,eAAO,MAAM,IAAI,wDAOd,SAAS,~~sBAeX~~,CAAC"}
1	+ {"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,wDAOd,SAAS,sBAaX,CAAC"}

package/dist/components/Icon/Icon.mjs CHANGED Viewed

@@ -5,22 +5,14 @@ function $importDefault(module) {
     return module;
 }
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
-import $React, { useMemo } from "react";
+import $React from "react";
 const React = $importDefault($React);
 import { IconColor, IconSize } from "../../types/index.mjs";
 import { assetByIconName } from "./Icon.assets.mjs";
-import { generateIconClassNames } from "./Icon.utilities.mjs";
 export const Icon = ({ size = IconSize.Md, name, color = IconColor.IconDefault, twClassName, style, ...props }) => {
     const tw = useTailwind();
     const SVG = assetByIconName[name];
-    const twStyle = useMemo(() => {
-        const mergedClassnames = generateIconClassNames({
-            color,
-            size,
-            twClassName,
-        });
-        return tw `${mergedClassnames}`;
-    }, [color, size, tw, twClassName]);
+    const twStyle = tw.style(color, `w-[${size}px]`, `h-[${size}px]`, twClassName);
     return (<SVG name={name} fill="currentColor" style={[twStyle, style]} {...props}/>);
 };
 //# sourceMappingURL=Icon.mjs.map

package/dist/components/Icon/Icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,~~QAAO~~,~~EAAE,OAAO,EAAE,~~cAAc;;~~AAEvC~~,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,OAAO,EAAE,eAAe,EAAE,0BAAsB;~~AAEhD~~,~~OAAO,EAAE,sBAAsB,EAAE,6BAAyB;AAE1D,~~MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,IAAI,EACJ,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,~~OAAO,CAAC,GAAG,~~EAAE~~;QAC3B~~,~~MAAM,gBAAgB,GAAG,sBAAsB,~~CAAC~~;YAC9C~~,KAAK~~;YACL~~,~~IAAI;YACJ~~,~~WAAW;SACZ~~,~~CAAC~~,~~CAAC;QACH~~,~~OAAO~~,~~EAAE~~,~~CAAA~~,~~GAAG~~,~~gBAAgB~~,~~EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,~~KAAK,~~EAAE~~,~~IAAI,EAAE,EAAE,EAAE,~~WAAW,~~CAAC~~,CAAC~~,CAAC~~;~~IAEnC~~,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, ~~{ useMemo }~~ from 'react';\n\nimport { IconColor, IconSize } from '../../types';\n\nimport { assetByIconName } from './Icon.assets';\nimport type { IconProps } from './Icon.types';\~~nimport { generateIconClassNames } from './Icon.utilities';\~~n\nexport const Icon = ({\n size = IconSize.Md,\n name,\n color = IconColor.IconDefault,\n twClassName,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const twStyle = ~~useMemo~~(~~() => {~~\n ~~const mergedClassnames = generateIconClassNames({\n~~ color,\n size~~,\n twClassName,\n~~ }~~);\~~n ~~return tw`$~~{~~mergedClassnames~~}~~`;\~~n ~~}, [color, size, tw, twClassName]~~);\n\n return (\n <SVG name={name} fill=\"currentColor\" style={[twStyle, style]} {...props} />\n );\n};\n"]}
1	+ {"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,OAAO,EAAE,eAAe,EAAE,0BAAsB;AAGhD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,IAAI,EACJ,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CACtB,KAAK,EACL,MAAM,IAAI,KAAK,EACf,MAAM,IAAI,KAAK,EACf,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { IconColor, IconSize } from '../../types';\n\nimport { assetByIconName } from './Icon.assets';\nimport type { IconProps } from './Icon.types';\n\nexport const Icon = ({\n size = IconSize.Md,\n name,\n color = IconColor.IconDefault,\n twClassName,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const twStyle = tw.style(\n color,\n `w-[${size}px]`,\n `h-[${size}px]`,\n twClassName,\n );\n\n return (\n <SVG name={name} fill=\"currentColor\" style={[twStyle, style]} {...props} />\n );\n};\n"]}

package/dist/components/Text/Text.cjs CHANGED Viewed

@@ -29,21 +29,16 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native/index.js");
 const types_1 = require("../../types/index.cjs");
 const Text_constants_1 = require("./Text.constants.cjs");
-const Text_utilities_1 = require("./Text.utilities.cjs");
-const Text = ({ variant = types_1.TextVariant.BodyMd, color = types_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = types_1.FontFamily.Default, fontStyle = types_1.FontStyle.Normal, twClassName = '', ...props }) => {
+const Text = ({ variant = types_1.TextVariant.BodyMd, color = types_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = types_1.FontFamily.Default, fontStyle = types_1.FontStyle.Normal, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const finalFontWeight = fontWeight || Text_constants_1.MAP_TEXT_VARIANT_FONTWEIGHT[variant];
-    const mergedClassnames = (0, react_1.useMemo)(() => {
-        return (0, Text_utilities_1.generateTextClassNames)({
-            variant,
-            color,
-            fontWeight: finalFontWeight,
-            fontFamily,
-            fontStyle,
-            twClassName,
-        });
-    }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName]);
-    return (<react_native_1.Text accessibilityRole="text" {...props} style={[tw `${mergedClassnames}`, style]}>
+    const finalFontWeight = fontWeight ?? Text_constants_1.MAP_TEXT_VARIANT_FONTWEIGHT[variant];
+    const textStyle = (0, react_1.useMemo)(() => {
+        const isItalic = fontStyle === types_1.FontStyle.Italic;
+        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === types_1.FontFamily.Default ? '-italic' : ''}`;
+        const fontClass = `font-${fontFamily}${fontSuffix}`;
+        return tw.style(`text-${variant}`, fontClass, color, twClassName);
+    }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);
+    return (<react_native_1.Text accessibilityRole="text" {...props} style={[textStyle, style]}>
       {children}
     </react_native_1.Text>);
 };

package/dist/components/Text/Text.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,iDAA4E;AAE5E,~~yDAA+D~~;~~AAE/D~~,~~yDAA0D;AAEnD,~~MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,mBAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,iBAAS,CAAC,MAAM,EAC5B,WAAW,~~GAAG~~,~~EAAE,EAChB,~~GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,~~gBAAgB~~,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;~~QACpC~~,~~OAAO~~,~~IAAA~~,~~uCAAsB~~,~~EAAC;YAC5B~~,~~OAAO;YACP~~,~~KAAK~~;~~YACL~~,UAAU,~~EAAE~~,eAAe~~;YAC3B~~,UAAU;~~YACV~~,SAAS;~~YACT~~,WAAW~~;SACZ~~,CAAC,CAAC;~~IACL~~,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;~~IAE1E~~,OAAO,CACL,CAAC,mBAAM,~~CACL~~,iBAAiB,CAAC,MAAM,~~CACxB~~,IAAI,KAAK,CAAC,~~CACV~~,KAAK,CAAC,CAAC,CAAC,~~EAAE~~,~~CAAA,GAAG,gBAAgB,~~EAAE,~~EAAE,~~KAAK,CAAC,CAAC,~~CAExC~~;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;~~AAlCW~~,QAAA,IAAI,~~QAkCf~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport { MAP_TEXT_VARIANT_FONTWEIGHT } from './Text.constants';\nimport type { TextProps } from './Text.types';\~~nimport { generateTextClassNames } from './Text.utilities';\~~n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName ~~= ''~~,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight = fontWeight \|\| MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n const ~~mergedClassnames~~ = useMemo(() => {\n ~~return~~ ~~generateTextClassNames(~~{\n ~~variant,\~~n ~~color,\~~n ~~fontWeight:~~ ~~finalFontWeight,\n~~ fontFamily,\n ~~fontStyle,\n twClassName,\n~~ });\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName]);\n\n return (\n <RNText\n accessibilityRole=\"text\"\n {...props}\n style={[~~tw`${mergedClassnames}`,~~ style]}\n >\n {children}\n </RNText>\n );\n};\n"]}
1	+ {"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,iDAA4E;AAE5E,yDAG0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,mBAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,iBAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,iBAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,2CAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,kBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,mBAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,IAAI,QA4Bf","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport {\n MAP_TEXT_VARIANT_FONTWEIGHT,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n const textStyle = useMemo(() => {\n const isItalic = fontStyle === FontStyle.Italic;\n const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n }`;\n const fontClass = `font-${fontFamily}${fontSuffix}`;\n return tw.style(`text-${variant}`, fontClass, color, twClassName);\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n return (\n <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n {children}\n </RNText>\n );\n};\n"]}

package/dist/components/Text/Text.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;~~AAMvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;~~AAG9C~~,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,~~CAkCpC~~,CAAC"}
1	+ {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}

package/dist/components/Text/Text.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;~~AAMvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;~~AAG9C~~,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,~~CAkCpC~~,CAAC"}
1	+ {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}

package/dist/components/Text/Text.mjs CHANGED Viewed

@@ -9,22 +9,17 @@ import $React, { useMemo } from "react";
 const React = $importDefault($React);
 import { Text as RNText } from "react-native/index.js";
 import { FontFamily, FontStyle, TextVariant, TextColor } from "../../types/index.mjs";
-import { MAP_TEXT_VARIANT_FONTWEIGHT } from "./Text.constants.mjs";
-import { generateTextClassNames } from "./Text.utilities.mjs";
-export const Text = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, style, children, fontWeight, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName = '', ...props }) => {
+import { MAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "./Text.constants.mjs";
+export const Text = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, style, children, fontWeight, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName, ...props }) => {
     const tw = useTailwind();
-    const finalFontWeight = fontWeight || MAP_TEXT_VARIANT_FONTWEIGHT[variant];
-    const mergedClassnames = useMemo(() => {
-        return generateTextClassNames({
-            variant,
-            color,
-            fontWeight: finalFontWeight,
-            fontFamily,
-            fontStyle,
-            twClassName,
-        });
-    }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName]);
-    return (<RNText accessibilityRole="text" {...props} style={[tw `${mergedClassnames}`, style]}>
+    const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];
+    const textStyle = useMemo(() => {
+        const isItalic = fontStyle === FontStyle.Italic;
+        const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === FontFamily.Default ? '-italic' : ''}`;
+        const fontClass = `font-${fontFamily}${fontSuffix}`;
+        return tw.style(`text-${variant}`, fontClass, color, twClassName);
+    }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);
+    return (<RNText accessibilityRole="text" {...props} style={[textStyle, style]}>
       {children}
     </RNText>);
 };

package/dist/components/Text/Text.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,8BAAoB;AAE5E,OAAO,~~EAAE~~,2BAA2B,~~EAAE~~,~~6BAAyB;AAE/D~~,~~OAAO~~,~~EAAE,sBAAsB,EAAE,~~6BAAyB;~~AAE1D~~,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,~~GAAG~~,~~EAAE,EAChB,~~GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,~~gBAAgB~~,GAAG,OAAO,CAAC,GAAG,EAAE;~~QACpC~~,~~OAAO~~,~~sBAAsB~~,CAAC~~;YAC5B~~,~~OAAO~~;~~YACP~~,KAAK~~;YACL~~,UAAU,EAAE,~~eAAe~~;~~YAC3B~~,UAAU;~~YACV~~,SAAS~~;YACT~~,WAAW~~;SACZ~~,CAAC,CAAC;~~IACL~~,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;~~IAE1E~~,OAAO,CACL,CAAC,MAAM,~~CACL~~,iBAAiB,CAAC,MAAM,~~CACxB~~,IAAI,KAAK,CAAC,~~CACV~~,KAAK,CAAC,CAAC,CAAC,~~EAAE~~,~~CAAA,GAAG,gBAAgB,~~EAAE,~~EAAE,~~KAAK,CAAC,CAAC,~~CAExC~~;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport { MAP_TEXT_VARIANT_FONTWEIGHT } from './Text.constants';\nimport type { TextProps } from './Text.types';\~~nimport { generateTextClassNames } from './Text.utilities';\~~n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName ~~= ''~~,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight = fontWeight \|\| MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n const ~~mergedClassnames~~ = useMemo(() => {\n ~~return~~ ~~generateTextClassNames(~~{\n ~~variant,\~~n ~~color,\~~n ~~fontWeight:~~ ~~finalFontWeight,\n~~ fontFamily,\n ~~fontStyle,\n twClassName,\n~~ });\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName]);\n\n return (\n <RNText\n accessibilityRole=\"text\"\n {...props}\n style={[~~tw`${mergedClassnames}`,~~ style]}\n >\n {children}\n </RNText>\n );\n};\n"]}
1	+ {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,8BAAoB;AAE5E,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC3B,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,0BAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport {\n MAP_TEXT_VARIANT_FONTWEIGHT,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n const textStyle = useMemo(() => {\n const isItalic = fontStyle === FontStyle.Italic;\n const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n }`;\n const fontClass = `font-${fontFamily}${fontSuffix}`;\n return tw.style(`text-${variant}`, fontClass, color, twClassName);\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n return (\n <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n {children}\n </RNText>\n );\n};\n"]}

package/dist/components/index.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Jazzicon = exports.IconSize = exports.IconName = exports.IconColor = exports.Icon = exports.Checkbox = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonAnimated = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Box = exports.Blockies = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSize = exports.AvatarIconSeverity = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountSize = exports.AvatarAccountVariant = exports.AvatarAccount = void 0;
-exports.TextOrChildren = exports.TextVariant = exports.TextColor = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.Text = exports.TextButtonSize = exports.TextButton = exports.Maskicon = void 0;
+exports.IconSize = exports.IconName = exports.IconColor = exports.Icon = exports.Checkbox = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonAnimated = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Box = exports.Blockies = exports.BottomSheetOverlay = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSize = exports.AvatarIconSeverity = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountSize = exports.AvatarAccountVariant = exports.AvatarAccount = void 0;
+exports.TextOrChildren = exports.TextVariant = exports.TextColor = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.Text = exports.TextButtonSize = exports.TextButton = exports.Maskicon = exports.Jazzicon = void 0;
 var AvatarAccount_1 = require("./AvatarAccount/index.cjs");
 Object.defineProperty(exports, "AvatarAccount", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccount; } });
 Object.defineProperty(exports, "AvatarAccountVariant", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountVariant; } });
@@ -42,6 +42,8 @@ var BadgeWrapper_1 = require("./BadgeWrapper/index.cjs");
 Object.defineProperty(exports, "BadgeWrapper", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapper; } });
 Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapperPosition; } });
 Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapperPositionAnchorShape; } });
+var BottomSheetOverlay_1 = require("./BottomSheetOverlay/index.cjs");
+Object.defineProperty(exports, "BottomSheetOverlay", { enumerable: true, get: function () { return BottomSheetOverlay_1.BottomSheetOverlay; } });
 var Blockies_1 = require("./temp-components/Blockies/index.cjs");
 Object.defineProperty(exports, "Blockies", { enumerable: true, get: function () { return Blockies_1.Blockies; } });
 var Box_1 = require("./Box/index.cjs");

package/dist/components/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,2DAIyB;AAHvB,8GAAA,aAAa,OAAA;AACb,qHAAA,oBAAoB,OAAA;AACpB,kHAAA,iBAAiB,OAAA;AAInB,qDAA2E;AAAlE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,6GAAA,eAAe,OAAA;AAGpD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAIuB;AAHrB,0GAAA,WAAW,OAAA;AACX,8GAAA,eAAe,OAAA;AACf,iHAAA,kBAAkB,OAAA;AAIpB,qDAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGvD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGrC,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,uDAAgF;AAAvE,0GAAA,WAAW,OAAA;AAAE,gHAAA,iBAAiB,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGxD,yDAIwB;AAHtB,4GAAA,YAAY,OAAA;AACZ,oHAAA,oBAAoB,OAAA;AACpB,+HAAA,+BAA+B,OAAA;AAOjC,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,uCAQe;AAPb,0FAAA,GAAG,OAAA;AACH,uGAAA,gBAAgB,OAAA;AAChB,kGAAA,WAAW,OAAA;AACX,oGAAA,aAAa,OAAA;AACb,wGAAA,iBAAiB,OAAA;AACjB,yGAAA,kBAAkB,OAAA;AAClB,qGAAA,cAAc,OAAA;AAIhB,6EAAkE;AAAzD,gHAAA,cAAc,OAAA;AAGvB,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,yCAA6D;AAApD,4FAAA,IAAI,OAAA;AAAE,iGAAA,SAAS,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAG5C,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,yCAOgB;AANd,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,mGAAA,WAAW,OAAA;AAIb,6EAAkE;AAAzD,gHAAA,cAAc,OAAA","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,2DAIyB;AAHvB,8GAAA,aAAa,OAAA;AACb,qHAAA,oBAAoB,OAAA;AACpB,kHAAA,iBAAiB,OAAA;AAInB,qDAA2E;AAAlE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,6GAAA,eAAe,OAAA;AAGpD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAIuB;AAHrB,0GAAA,WAAW,OAAA;AACX,8GAAA,eAAe,OAAA;AACf,iHAAA,kBAAkB,OAAA;AAIpB,qDAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGvD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGrC,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,uDAAgF;AAAvE,0GAAA,WAAW,OAAA;AAAE,gHAAA,iBAAiB,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGxD,yDAIwB;AAHtB,4GAAA,YAAY,OAAA;AACZ,oHAAA,oBAAoB,OAAA;AACpB,+HAAA,+BAA+B,OAAA;AAOjC,qEAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAG3B,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,uCAQe;AAPb,0FAAA,GAAG,OAAA;AACH,uGAAA,gBAAgB,OAAA;AAChB,kGAAA,WAAW,OAAA;AACX,oGAAA,aAAa,OAAA;AACb,wGAAA,iBAAiB,OAAA;AACjB,yGAAA,kBAAkB,OAAA;AAClB,qGAAA,cAAc,OAAA;AAIhB,6EAAkE;AAAzD,gHAAA,cAAc,OAAA;AAGvB,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,yCAA6D;AAApD,4FAAA,IAAI,OAAA;AAAE,iGAAA,SAAS,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAG5C,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,yCAOgB;AANd,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,mGAAA,WAAW,OAAA;AAIb,6EAAkE;AAAzD,gHAAA,cAAc,OAAA","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { BottomSheetOverlay } from './BottomSheetOverlay';\nexport type { BottomSheetOverlayProps } from './BottomSheetOverlay';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}

package/dist/components/index.d.cts CHANGED Viewed

@@ -22,6 +22,8 @@ export { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus/i
 export type { BadgeStatusProps } from "./BadgeStatus/index.cjs";
 export { BadgeWrapper, BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from "./BadgeWrapper/index.cjs";
 export type { BadgeWrapperProps, BadgeWrapperCustomPosition, } from "./BadgeWrapper/index.cjs";
+export { BottomSheetOverlay } from "./BottomSheetOverlay/index.cjs";
+export type { BottomSheetOverlayProps } from "./BottomSheetOverlay/index.cjs";
 export { Blockies } from "./temp-components/Blockies/index.cjs";
 export type { BlockiesProps } from "./temp-components/Blockies/index.cjs";
 export { Box, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "./Box/index.cjs";

package/dist/components/index.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.mts CHANGED Viewed

@@ -22,6 +22,8 @@ export { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus/i
 export type { BadgeStatusProps } from "./BadgeStatus/index.mjs";
 export { BadgeWrapper, BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from "./BadgeWrapper/index.mjs";
 export type { BadgeWrapperProps, BadgeWrapperCustomPosition, } from "./BadgeWrapper/index.mjs";
+export { BottomSheetOverlay } from "./BottomSheetOverlay/index.mjs";
+export type { BottomSheetOverlayProps } from "./BottomSheetOverlay/index.mjs";
 export { Blockies } from "./temp-components/Blockies/index.mjs";
 export type { BlockiesProps } from "./temp-components/Blockies/index.mjs";
 export { Box, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "./Box/index.mjs";

package/dist/components/index.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.mjs CHANGED Viewed

@@ -10,6 +10,7 @@ export { BadgeIcon } from "./BadgeIcon/index.mjs";
 export { BadgeNetwork } from "./BadgeNetwork/index.mjs";
 export { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus/index.mjs";
 export { BadgeWrapper, BadgeWrapperPosition, BadgeWrapperPositionAnchorShape } from "./BadgeWrapper/index.mjs";
+export { BottomSheetOverlay } from "./BottomSheetOverlay/index.mjs";
 export { Blockies } from "./temp-components/Blockies/index.mjs";
 export { Box, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "./Box/index.mjs";
 export { ButtonAnimated } from "./temp-components/ButtonAnimated/index.mjs";

package/dist/components/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EAClB,kCAAwB;AAGzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAG3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EACnB,gCAAsB;AAGvB,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAAqB;AAG9E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAGxC,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAGhF,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,+BAA+B,EAChC,iCAAuB;AAMxB,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,wBAAc;AAGf,OAAO,EAAE,cAAc,EAAE,mDAAyC;AAGlE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,yBAAe;AAG7D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,yBAAe;AAGhB,OAAO,EAAE,cAAc,EAAE,mDAAyC","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}
1	+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EAClB,kCAAwB;AAGzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAG3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EACnB,gCAAsB;AAGvB,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAAqB;AAG9E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAGxC,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAGhF,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,+BAA+B,EAChC,iCAAuB;AAMxB,OAAO,EAAE,kBAAkB,EAAE,uCAA6B;AAG1D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,wBAAc;AAGf,OAAO,EAAE,cAAc,EAAE,mDAAyC;AAGlE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,yBAAe;AAG7D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,yBAAe;AAGhB,OAAO,EAAE,cAAc,EAAE,mDAAyC","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { BottomSheetOverlay } from './BottomSheetOverlay';\nexport type { BottomSheetOverlayProps } from './BottomSheetOverlay';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}