@reillymc/react-native-components 0.11.6 → 0.12.0

package/lib/components/tag/Tag.js

@@ -1 +1 @@
-var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/tag/Tag.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{Text}from"../text";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var Tag=t0=>{var $=_c(14);var label=t0.label,onPress=t0.onPress,icon=t0.icon,variant=t0.variant,style=t0.style;var t1;if($[0]!==label||$[1]!==variant){t1={props:{variant,label}};$[0]=label;$[1]=variant;$[2]=t1;}else{t1=$[2];}var _useThemedStyles=useThemedStyles("tag",createStyles,t1),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t2;if($[3]!==style||$[4]!==styles.container){t2=[styles.container,style];$[3]=style;$[4]=styles.container;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==label||$[7]!==styles.text){t3=_jsx(Text,{style:styles.text,children:label});$[6]=label;$[7]=styles.text;$[8]=t3;}else{t3=$[8];}var t4;if($[9]!==icon||$[10]!==onPress||$[11]!==t2||$[12]!==t3){t4=_jsxs(ActionBase,{onPress:onPress,containerStyle:t2,children:[icon,t3]});$[9]=icon;$[10]=onPress;$[11]=t2;$[12]=t3;$[13]=t4;}else{t4=$[13];}return t4;};var createStyles=({theme:{color},styles:{tag}},{variant="dark"})=>{var styles=StyleSheet.create({container:{display:"flex",flexDirection:"row",alignItems:"center",borderRadius:tag.borderRadius,padding:tag.padding,backgroundColor:variant==="dark"?color.background:color.foreground,width:"auto",gap:tag.internalSpacing},text:{color:color.textPrimary}});return styles;};
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/tag/Tag.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{useThemedStyles}from"../../hooks";import{ActionBase}from"../action";import{Text}from"../text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var Tag=t0=>{var $=_c(16);var label=t0.label,onPress=t0.onPress,icon=t0.icon,variant=t0.variant,style=t0.style;var t1;if($[0]!==label||$[1]!==variant){t1={props:{variant,label}};$[0]=label;$[1]=variant;$[2]=t1;}else{t1=$[2];}var _useThemedStyles=useThemedStyles("tag",createStyles,t1),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t2;if($[3]!==label||$[4]!==styles.text){t2=_jsx(Text,{style:styles.text,children:label});$[3]=label;$[4]=styles.text;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==icon||$[7]!==t2){t3=_jsxs(_Fragment,{children:[icon,t2]});$[6]=icon;$[7]=t2;$[8]=t3;}else{t3=$[8];}var content=t3;var t4;if($[9]!==style||$[10]!==styles.container){t4=[styles.container,style];$[9]=style;$[10]=styles.container;$[11]=t4;}else{t4=$[11];}var containerStyle=t4;var t5;if($[12]!==containerStyle||$[13]!==content||$[14]!==onPress){t5=onPress?_jsx(ActionBase,{onPress:onPress,containerStyle:containerStyle,children:content}):_jsx(View,{style:containerStyle,children:content});$[12]=containerStyle;$[13]=content;$[14]=onPress;$[15]=t5;}else{t5=$[15];}return t5;};var createStyles=({theme:{color},styles:{tag}},{variant="dark"})=>{var styles=StyleSheet.create({container:{display:"flex",flexDirection:"row",alignItems:"center",borderRadius:tag.borderRadius,padding:tag.padding,backgroundColor:variant==="dark"?color.background:color.surface,width:"auto",gap:tag.internalSpacing},text:{color:color.foreground}});return styles;};

package/lib/components/tag/TagIcon.js

@@ -1 +1 @@
-var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/tag/TagIcon.tsx";function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t);}import{c as _c}from"react/compiler-runtime";import{useTheme}from"../../hooks";import{IconBase}from"../icon";import{jsx as _jsx}from"react/jsx-runtime";export var TagIcon=t0=>{var $=_c(6);var iconProps;if($[0]!==t0){iconProps=Object.assign({},(_objectDestructuringEmpty(t0),t0));$[0]=t0;$[1]=iconProps;}else{iconProps=$[1];}var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles;var t1;if($[2]!==iconProps||$[3]!==styles.text.font.body.size||$[4]!==theme.color.textPrimary){t1=_jsx(IconBase,{...iconProps,color:theme.color.textPrimary,size:styles.text.font.body.size});$[2]=iconProps;$[3]=styles.text.font.body.size;$[4]=theme.color.textPrimary;$[5]=t1;}else{t1=$[5];}return t1;};
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/tag/TagIcon.tsx";function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t);}import{c as _c}from"react/compiler-runtime";import{useTheme}from"../../hooks";import{IconBase}from"../icon";import{jsx as _jsx}from"react/jsx-runtime";export var TagIcon=t0=>{var $=_c(6);var iconProps;if($[0]!==t0){iconProps=Object.assign({},(_objectDestructuringEmpty(t0),t0));$[0]=t0;$[1]=iconProps;}else{iconProps=$[1];}var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles;var t1;if($[2]!==iconProps||$[3]!==styles.text.font.body.size||$[4]!==theme.color.foreground){t1=_jsx(IconBase,{...iconProps,color:theme.color.foreground,size:styles.text.font.body.size});$[2]=iconProps;$[3]=styles.text.font.body.size;$[4]=theme.color.foreground;$[5]=t1;}else{t1=$[5];}return t1;};

package/lib/components/text/Text.styles.js

@@ -1 +1 @@
-export var defaultTextStyles=({color,font})=>({color:color.textPrimary,font:{caption:{family:font.family.sans,weight:"200",size:font.size.small},body:{family:font.family.sans,weight:"400",size:font.size.regular},label:{family:font.family.sans,weight:"500",size:font.size.large},heading:{family:font.family.sans,weight:"600",size:font.size.large},title:{family:font.family.sans,weight:"800",size:font.size.xLarge},display:{family:font.family.sans,weight:"800",size:font.size.xxLarge}}});
+export var defaultTextStyles=({color,font})=>({color:color.foreground,font:{caption:{family:font.family.sans,weight:"200",size:font.size.small},body:{family:font.family.sans,weight:"400",size:font.size.regular},label:{family:font.family.sans,weight:"500",size:font.size.large},heading:{family:font.family.sans,weight:"600",size:font.size.large},title:{family:font.family.sans,weight:"800",size:font.size.xLarge},display:{family:font.family.sans,weight:"800",size:font.size.xxLarge}}});

package/lib/components/text/index.js

@@ -1 +1 @@
-export{HighlightedText}from"./HighlightedText";export{InteractiveText}from"./InteractiveText";export{Text}from"./Text";
+export{HighlightedText}from"./HighlightedText";export{Text}from"./Text";

package/lib/components/toast/Toast.js

@@ -1 +1 @@
-var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/toast/Toast.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import Animated,{LinearTransition,SlideInDown,SlideOutDown}from"react-native-reanimated";import{useThemedStyles}from"../../hooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var TOAST_ENTERING=SlideInDown.springify().mass(0.5);var TOAST_EXITING=SlideOutDown.springify().mass(0.5);var TOAST_LAYOUT=LinearTransition.springify().mass(0.5);export var Toast=t0=>{var $=_c(17);var action=t0.action,containerStyle=t0.containerStyle,children=t0.children;var _useThemedStyles=useThemedStyles("toast",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t1;if($[0]!==containerStyle||$[1]!==styles.container){t1=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==styles.contentContainer){t2=_jsx(View,{style:styles.contentContainer,children:children});$[3]=children;$[4]=styles.contentContainer;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==action||$[7]!==styles.actionContainer||$[8]!==styles.separator){t3=action&&_jsxs(View,{style:styles.actionContainer,children:[_jsx(Animated.View,{layout:TOAST_LAYOUT,style:styles.separator}),action]});$[6]=action;$[7]=styles.actionContainer;$[8]=styles.separator;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.innerContainer||$[11]!==t2||$[12]!==t3){t4=_jsxs(View,{style:styles.innerContainer,children:[t2,t3]});$[10]=styles.innerContainer;$[11]=t2;$[12]=t3;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==t1||$[15]!==t4){t5=_jsx(Animated.View,{style:t1,entering:TOAST_ENTERING,exiting:TOAST_EXITING,layout:TOAST_LAYOUT,children:t4});$[14]=t1;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({theme:{color,spacing,border},styles:{toast}})=>StyleSheet.create({container:{position:"absolute",bottom:toast.bottomInset,start:toast.horizontalInset,end:toast.horizontalInset,backgroundColor:color.backgroundHighlight,padding:spacing.medium,borderRadius:border.radius.loose},innerContainer:{flexDirection:"row",justifyContent:"space-between"},contentContainer:{flex:1},actionContainer:{flex:0,alignItems:"center",flexDirection:"row",height:"100%"},separator:{borderStartWidth:StyleSheet.hairlineWidth,borderStartColor:color.textSecondary,height:"100%",marginHorizontal:spacing.medium}});
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/components/toast/Toast.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import Animated,{LinearTransition,SlideInDown,SlideOutDown}from"react-native-reanimated";import{useThemedStyles}from"../../hooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var TOAST_ENTERING=SlideInDown.springify().mass(0.5);var TOAST_EXITING=SlideOutDown.springify().mass(0.5);var TOAST_LAYOUT=LinearTransition.springify().mass(0.5);export var Toast=t0=>{var $=_c(17);var action=t0.action,containerStyle=t0.containerStyle,children=t0.children;var _useThemedStyles=useThemedStyles("toast",createStyles),_useThemedStyles2=_slicedToArray(_useThemedStyles,1),styles=_useThemedStyles2[0];var t1;if($[0]!==containerStyle||$[1]!==styles.container){t1=[styles.container,containerStyle];$[0]=containerStyle;$[1]=styles.container;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==styles.contentContainer){t2=_jsx(View,{style:styles.contentContainer,children:children});$[3]=children;$[4]=styles.contentContainer;$[5]=t2;}else{t2=$[5];}var t3;if($[6]!==action||$[7]!==styles.actionContainer||$[8]!==styles.separator){t3=action&&_jsxs(View,{style:styles.actionContainer,children:[_jsx(Animated.View,{layout:TOAST_LAYOUT,style:styles.separator}),action]});$[6]=action;$[7]=styles.actionContainer;$[8]=styles.separator;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.innerContainer||$[11]!==t2||$[12]!==t3){t4=_jsxs(View,{style:styles.innerContainer,children:[t2,t3]});$[10]=styles.innerContainer;$[11]=t2;$[12]=t3;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==t1||$[15]!==t4){t5=_jsx(Animated.View,{style:t1,entering:TOAST_ENTERING,exiting:TOAST_EXITING,layout:TOAST_LAYOUT,children:t4});$[14]=t1;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=({theme:{color,spacing},styles:{toast}})=>StyleSheet.create({container:{backgroundColor:toast.container.backgroundColor,padding:toast.container.padding,borderRadius:toast.container.borderRadius,borderWidth:StyleSheet.hairlineWidth,borderColor:color.border},innerContainer:{flexDirection:"row",justifyContent:"space-between"},contentContainer:{flex:1},actionContainer:{flex:0,alignItems:"center",flexDirection:"row",height:"100%"},separator:{borderStartWidth:StyleSheet.hairlineWidth,borderStartColor:color.mutedForeground,height:"100%",marginHorizontal:spacing.medium}});

package/lib/components/toast/Toast.styles.js

@@ -1 +1 @@
-export var defaultToastStyles=({spacing})=>({horizontalInset:spacing.pageHorizontal+spacing.medium,bottomInset:100});
+export var defaultToastStyles=({color,spacing,border})=>({container:{backgroundColor:color.elevated,padding:spacing.medium,borderRadius:border.radius.loose}});

package/lib/hooks/useTheme.js

@@ -1 +1 @@
-import{use}from"react";import{ThemeContext}from"../providers";export var useTheme=()=>use(ThemeContext);
+import{use}from"react";import{ThemeContext}from"../providers";export function useTheme(){return use(ThemeContext);}

package/lib/hooks/useThemedStyles.js

@@ -1 +1 @@
-import{c as _c}from"react/compiler-runtime";import{MergeStyleSlice}from"../theme/styles";import{useTheme}from"./useTheme";function hasKey(obj,key){return key in obj;}var EMPTY_OPTIONS={};var mergeStylesForComponent=(styles,name,override)=>{if(!hasKey(styles,name)){return{config:undefined,styles};}var base=styles[name];var config=MergeStyleSlice(base,override);return{config,styles:config===base?styles:{...styles,[name]:config}};};var buildComponentResult=(styles,icons,name,config)=>{var hasStyle=hasKey(styles,name);var hasIcons=hasKey(icons,name);if(hasStyle&&hasIcons){return{style:config,icons:icons[name]};}if(hasStyle){return{style:config};}if(hasIcons){return{icons:icons[name]};}return{};};export function useThemedStyles(...t0){var $=_c(10);var args=t0;var first=args[0];var isComponent=typeof first==="string";var componentName=isComponent?first:undefined;var generator=isComponent?args[1]:first;var options=(isComponent?args[2]:args[1])??EMPTY_OPTIONS;var hasProps="props"in options;var componentProps=hasProps?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles,icons=_useTheme.icons;var name=componentName;var t1;if($[0]!==componentProps||$[1]!==componentStyles||$[2]!==generator||$[3]!==hasProps||$[4]!==icons||$[5]!==isComponent||$[6]!==name||$[7]!==styles||$[8]!==theme){var _ref=isComponent?mergeStylesForComponent(styles,name,componentStyles?.[name]):{config:undefined,styles},config=_ref.config,stylesForGenerator=_ref.styles;var _generated=hasProps?generator({theme,styles:stylesForGenerator,icons},componentProps):generator({theme,styles:stylesForGenerator,icons});t1=isComponent?[_generated,buildComponentResult(styles,icons,name,config)]:_generated;$[0]=componentProps;$[1]=componentStyles;$[2]=generator;$[3]=hasProps;$[4]=icons;$[5]=isComponent;$[6]=name;$[7]=styles;$[8]=theme;$[9]=t1;}else{t1=$[9];}return t1;}export var useStyles=componentStyles=>{var $=_c(7);var _useTheme2=useTheme(),styles=_useTheme2.styles;var merged=styles;var t0;if($[0]!==componentStyles){t0=Object.keys(componentStyles);$[0]=componentStyles;$[1]=t0;}else{t0=$[1];}var t1=t0;if($[2]!==componentStyles||$[3]!==merged||$[4]!==styles||$[5]!==t1){for(var key of t1){var override=componentStyles[key];if(override===undefined){continue;}var base=styles[key];var next=MergeStyleSlice(base,override);if(next!==base){merged={...merged,[key]:next};}}$[2]=componentStyles;$[3]=merged;$[4]=styles;$[5]=t1;$[6]=merged;}else{merged=$[6];}return merged;};
+import{c as _c}from"react/compiler-runtime";import{MergeStyleSlice}from"../theme/styles";import{useTheme}from"./useTheme";function hasKey(obj,key){return key in obj;}var EMPTY_OPTIONS={};var mergeStylesForComponent=(styles,name,override)=>{if(!hasKey(styles,name)){return{config:undefined,styles};}var base=styles[name];var config=MergeStyleSlice(base,override);return{config,styles:config===base?styles:{...styles,[name]:config}};};var buildComponentResult=(styles,icons,name,config)=>{var hasStyle=hasKey(styles,name);var hasIcons=hasKey(icons,name);if(hasStyle&&hasIcons){return{style:config,icons:icons[name]};}if(hasStyle){return{style:config};}if(hasIcons){return{icons:icons[name]};}return{};};export function useThemedStyles(...t0){var $=_c(10);var args=t0;var first=args[0];var isComponent=typeof first==="string";var componentName=isComponent?first:undefined;var generator=isComponent?args[1]:first;var options=(isComponent?args[2]:args[1])??EMPTY_OPTIONS;var hasProps="props"in options;var componentProps=hasProps?options.props:undefined;var componentStyles="styles"in options?options.styles:undefined;var _useTheme=useTheme(),theme=_useTheme.theme,styles=_useTheme.styles,icons=_useTheme.icons;var name=componentName;var t1;if($[0]!==componentProps||$[1]!==componentStyles||$[2]!==generator||$[3]!==hasProps||$[4]!==icons||$[5]!==isComponent||$[6]!==name||$[7]!==styles||$[8]!==theme){var _ref=isComponent?mergeStylesForComponent(styles,name,componentStyles?.[name]):{config:undefined,styles},config=_ref.config,stylesForGenerator=_ref.styles;var generatorInput={theme,styles:stylesForGenerator,icons};var _generated=hasProps?generator(generatorInput,componentProps):generator(generatorInput);t1=isComponent?[_generated,buildComponentResult(styles,icons,name,config)]:_generated;$[0]=componentProps;$[1]=componentStyles;$[2]=generator;$[3]=hasProps;$[4]=icons;$[5]=isComponent;$[6]=name;$[7]=styles;$[8]=theme;$[9]=t1;}else{t1=$[9];}return t1;}export var useStyles=componentStyles=>{var $=_c(7);var _useTheme2=useTheme(),styles=_useTheme2.styles;var merged=styles;var t0;if($[0]!==componentStyles){t0=Object.keys(componentStyles);$[0]=componentStyles;$[1]=t0;}else{t0=$[1];}var t1=t0;if($[2]!==componentStyles||$[3]!==merged||$[4]!==styles||$[5]!==t1){for(var key of t1){var override=componentStyles[key];if(override===undefined){continue;}var base=styles[key];var next=MergeStyleSlice(base,override);if(next!==base){merged={...merged,[key]:next};}}$[2]=componentStyles;$[3]=merged;$[4]=styles;$[5]=t1;$[6]=merged;}else{merged=$[6];}return merged;};

package/lib/providers/ThemeContext.js

@@ -1 +1 @@
-import{createContext}from"react";import{createDefaultStyles,DefaultIcons,DefaultTheme}from"../theme";export var ThemeContext=createContext({theme:DefaultTheme,styles:createDefaultStyles(DefaultTheme),icons:DefaultIcons});
+import{createContext}from"react";import{DefaultIcons}from"../theme/icons";import{createStyles}from"../theme/styles";import{DefaultTheme}from"../theme/theme";export var ThemeContext=createContext({theme:DefaultTheme,styles:createStyles(DefaultTheme),icons:DefaultIcons});

package/lib/providers/ThemeProvider.js

@@ -1 +1 @@
-var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/providers/ThemeProvider.tsx";import{c as _c}from"react/compiler-runtime";import{createDefaultStyles,MergeIcons,MergeStyles,MergeTheme}from"../theme";import{ThemeContext}from"./ThemeContext";import{jsx as _jsx}from"react/jsx-runtime";export var ThemeProvider=t0=>{var $=_c(13);var initialTheme=t0.theme,initialStyles=t0.styles,initialIcons=t0.icons,children=t0.children;var t1;var theme;if($[0]!==initialStyles||$[1]!==initialTheme){theme=MergeTheme(initialTheme);t1=MergeStyles(createDefaultStyles(theme),initialStyles);$[0]=initialStyles;$[1]=initialTheme;$[2]=t1;$[3]=theme;}else{t1=$[2];theme=$[3];}var styles=t1;var t2;if($[4]!==initialIcons){t2=MergeIcons(initialIcons);$[4]=initialIcons;$[5]=t2;}else{t2=$[5];}var icons=t2;var t3;if($[6]!==icons||$[7]!==styles||$[8]!==theme){t3={theme,styles,icons};$[6]=icons;$[7]=styles;$[8]=theme;$[9]=t3;}else{t3=$[9];}var value=t3;var t4;if($[10]!==children||$[11]!==value){t4=_jsx(ThemeContext.Provider,{value:value,children:children});$[10]=children;$[11]=value;$[12]=t4;}else{t4=$[12];}return t4;};
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/providers/ThemeProvider.tsx";import{c as _c}from"react/compiler-runtime";import{createStyles}from"../theme";import{MergeIcons}from"../theme/icons";import{MergeTheme}from"../theme/theme";import{ThemeContext}from"./ThemeContext";import{jsx as _jsx}from"react/jsx-runtime";export var ThemeProvider=t0=>{var $=_c(13);var initialTheme=t0.theme,initialStyles=t0.styles,initialIcons=t0.icons,children=t0.children;var t1;var theme;if($[0]!==initialStyles||$[1]!==initialTheme){theme=MergeTheme(initialTheme);t1=createStyles(theme,initialStyles);$[0]=initialStyles;$[1]=initialTheme;$[2]=t1;$[3]=theme;}else{t1=$[2];theme=$[3];}var styles=t1;var t2;if($[4]!==initialIcons){t2=MergeIcons(initialIcons);$[4]=initialIcons;$[5]=t2;}else{t2=$[5];}var icons=t2;var t3;if($[6]!==icons||$[7]!==styles||$[8]!==theme){t3={theme,styles,icons};$[6]=icons;$[7]=styles;$[8]=theme;$[9]=t3;}else{t3=$[9];}var value=t3;var t4;if($[10]!==children||$[11]!==value){t4=_jsx(ThemeContext.Provider,{value:value,children:children});$[10]=children;$[11]=value;$[12]=t4;}else{t4=$[12];}return t4;};

package/lib/theme/index.js

@@ -1 +1 @@
-export{createIcons,DefaultIcons,MergeIcons}from"./icons";export{createDefaultStyles,MergeStyles}from"./styles";export{DefaultTheme,MergeTheme}from"./theme";
+export{darkPalette,lightPalette}from"./palette";export{createStyles}from"./styles";export{createTheme}from"./theme";

package/lib/theme/palette.js

@@ -0,0 +1 @@
+export var lightPalette={background:"#F4EDEA",foreground:"#12263A",inset:"#e4d8d4",insetForeground:"#12263A",surface:"#ffffff",surfaceForeground:"#12263A",elevated:"#ffffff",elevatedForeground:"#12263A",primary:"#FF4242",primaryForeground:"#F4EDEA",secondary:"#e4d8d4",secondaryForeground:"#12263A",destructive:"#ff382e",destructiveForeground:"#F4EDEA",muted:"#f7f3f2",mutedForeground:"#718191",border:"#E2E8F0",tint1:"#FF9AA2",tint2:"#FFDAC1",tint3:"#E2F0CB",tint4:"#B5EAD7",tint5:"#C7CEEA"};export var darkPalette={background:"#09090b",foreground:"#fafafa",inset:"#27272a",insetForeground:"#fafafa",surface:"#18181b",surfaceForeground:"#fafafa",elevated:"#37373a",elevatedForeground:"#fafafa",primary:"#FF4242",primaryForeground:"#fafafa",secondary:"#27272a",secondaryForeground:"#fafafa",destructive:"#ff5c54",destructiveForeground:"#fafafa",muted:"#27272a",mutedForeground:"#a1a1aa",border:"#27272a",tint1:"#7a3b40",tint2:"#7a5a3b",tint3:"#4f5f3b",tint4:"#3b5f55",tint5:"#45456b"};

package/lib/theme/styles.js

@@ -1 +1 @@
-import merge from"lodash.merge";import{defaultActionStyles}from"../components/action/Action.styles";import{defaultIconActionStyles}from"../components/action/IconAction.styles";import{defaultIconActionBaseStyles}from"../components/action/IconActionBase.styles";import{defaultAlertIndicatorStyles}from"../components/alert/AlertIndicator.styles";import{defaultAvatarStyles}from"../components/avatar/Avatar.styles";import{defaultButtonStyles}from"../components/button/Button.styles";import{defaultButtonBaseStyles}from"../components/button/ButtonBase.styles";import{defaultIconButtonStyles}from"../components/button/IconButton.styles";import{defaultIconButtonBaseStyles}from"../components/button/IconButtonBase.styles";import{defaultFloatingContainerStyles}from"../components/container/FloatingContainer.styles";import{defaultIconStyles}from"../components/icon/Icon.styles";import{defaultIconBaseStyles}from"../components/icon/IconBase.styles";import{defaultInteractiveIconStyles}from"../components/icon/InteractiveIcon.styles";import{defaultDropdownInputStyles}from"../components/input/DropdownInput.styles";import{defaultInputActionStyles}from"../components/input/InputAction.styles";import{defaultInputBaseStyles}from"../components/input/InputBase.styles";import{defaultInputScaffoldStyles}from"../components/input/InputScaffold.styles";import{defaultSelectionInputStyles}from"../components/input/SelectionInput.styles";import{defaultToggleInputStyles}from"../components/input/ToggleInput.styles";import{defaultListItemStyles}from"../components/listItem/ListItem.styles";import{defaultMenuStyles}from"../components/menu/Menu.styles";import{defaultMenuItemStyles}from"../components/menu/MenuItem.styles";import{defaultRatingStyles}from"../components/rating/Rating.styles";import{defaultSwipeActionStyles}from"../components/swipe/SwipeAction.styles";import{defaultTagStyles}from"../components/tag/Tag.styles";import{defaultHighlightedTextStyles}from"../components/text/HighlightedText.styles";import{defaultInteractiveTextStyles}from"../components/text/InteractiveText.styles";import{defaultTextStyles}from"../components/text/Text.styles";import{defaultToastStyles}from"../components/toast/Toast.styles";export var createDefaultStyles=theme=>({interactiveText:defaultInteractiveTextStyles(theme),highlightedText:defaultHighlightedTextStyles(),iconBase:defaultIconBaseStyles(theme),icon:defaultIconStyles(theme),interactiveIcon:defaultInteractiveIconStyles(theme),action:defaultActionStyles(theme),iconActionBase:defaultIconActionBaseStyles(theme),iconAction:defaultIconActionStyles(theme),buttonBase:defaultButtonBaseStyles(theme),button:defaultButtonStyles(theme),iconButtonBase:defaultIconButtonBaseStyles(theme),iconButton:defaultIconButtonStyles(theme),inputBase:defaultInputBaseStyles(theme),inputScaffold:defaultInputScaffoldStyles(theme),inputAction:defaultInputActionStyles(theme),selectionInput:defaultSelectionInputStyles(theme),ratingInput:null,swipeAction:defaultSwipeActionStyles(theme),floatingContainer:defaultFloatingContainerStyles(theme),menu:defaultMenuStyles(theme),menuItem:defaultMenuItemStyles(theme),rating:defaultRatingStyles(theme),alertIndicator:defaultAlertIndicatorStyles(theme),tag:defaultTagStyles(theme),common:{action:{fontSize:{...theme.font.size}}},text:defaultTextStyles(theme),dropdownInput:defaultDropdownInputStyles(theme),toggleInput:defaultToggleInputStyles(theme),listItem:defaultListItemStyles(theme),avatar:defaultAvatarStyles(theme),toast:defaultToastStyles(theme)});export var MergeStyles=(styles,overrides={})=>merge({},styles,overrides);export var MergeStyleSlice=(base,override)=>override===undefined?base:merge({},base,override);
+import merge from"lodash.merge";import{defaultActionStyles}from"../components/action/Action.styles";import{defaultActionBaseStyles}from"../components/action/ActionBase.styles";import{defaultIconActionStyles}from"../components/action/IconAction.styles";import{defaultIconActionBaseStyles}from"../components/action/IconActionBase.styles";import{defaultStateTintStyles}from"../components/action/StateTint.styles";import{defaultAlertIndicatorStyles}from"../components/alert/AlertIndicator.styles";import{defaultAvatarStyles}from"../components/avatar/Avatar.styles";import{defaultButtonStyles}from"../components/button/Button.styles";import{defaultButtonBaseStyles}from"../components/button/ButtonBase.styles";import{defaultIconButtonStyles}from"../components/button/IconButton.styles";import{defaultIconButtonBaseStyles}from"../components/button/IconButtonBase.styles";import{defaultFloatingContainerStyles}from"../components/container/FloatingContainer.styles";import{defaultIconStyles}from"../components/icon/Icon.styles";import{defaultIconBaseStyles}from"../components/icon/IconBase.styles";import{defaultDropdownInputStyles}from"../components/input/DropdownInput.styles";import{defaultInputActionStyles}from"../components/input/InputAction.styles";import{defaultInputBaseStyles}from"../components/input/InputBase.styles";import{defaultInputScaffoldStyles}from"../components/input/InputScaffold.styles";import{defaultSelectionInputStyles}from"../components/input/SelectionInput.styles";import{defaultToggleInputStyles}from"../components/input/ToggleInput.styles";import{defaultListItemStyles}from"../components/listItem/ListItem.styles";import{defaultMenuStyles}from"../components/menu/Menu.styles";import{defaultMenuItemStyles}from"../components/menu/MenuItem.styles";import{defaultRatingStyles}from"../components/rating/Rating.styles";import{defaultStateLayerStyles}from"../components/surface/StateLayer.styles";import{defaultSwipeActionStyles}from"../components/swipe/SwipeAction.styles";import{defaultTagStyles}from"../components/tag/Tag.styles";import{defaultHighlightedTextStyles}from"../components/text/HighlightedText.styles";import{defaultTextStyles}from"../components/text/Text.styles";import{defaultToastStyles}from"../components/toast/Toast.styles";export var createDefaultStyles=theme=>({highlightedText:defaultHighlightedTextStyles(),iconBase:defaultIconBaseStyles(theme),icon:defaultIconStyles(theme),actionBase:defaultActionBaseStyles(),stateLayer:defaultStateLayerStyles(theme),stateTint:defaultStateTintStyles(),action:defaultActionStyles(theme),iconActionBase:defaultIconActionBaseStyles(theme),iconAction:defaultIconActionStyles(theme),buttonBase:defaultButtonBaseStyles(theme),button:defaultButtonStyles(theme),iconButtonBase:defaultIconButtonBaseStyles(theme),iconButton:defaultIconButtonStyles(theme),inputBase:defaultInputBaseStyles(theme),inputScaffold:defaultInputScaffoldStyles(theme),inputAction:defaultInputActionStyles(theme),selectionInput:defaultSelectionInputStyles(theme),ratingInput:null,swipeAction:defaultSwipeActionStyles(theme),floatingContainer:defaultFloatingContainerStyles(theme),menu:defaultMenuStyles(theme),menuItem:defaultMenuItemStyles(theme),rating:defaultRatingStyles(theme),alertIndicator:defaultAlertIndicatorStyles(theme),tag:defaultTagStyles(theme),common:{action:{fontSize:{...theme.font.size}}},text:defaultTextStyles(theme),dropdownInput:defaultDropdownInputStyles(theme),toggleInput:defaultToggleInputStyles(theme),listItem:defaultListItemStyles(theme),avatar:defaultAvatarStyles(theme),toast:defaultToastStyles(theme)});export var MergeStyles=(styles,overrides={})=>merge({},styles,overrides);export var createStyles=(theme,overrides)=>MergeStyles(createDefaultStyles(theme),overrides);export var MergeStyleSlice=(base,override)=>override===undefined?base:merge({},base,override);

package/lib/theme/theme.js

@@ -1 +1 @@
-import{Platform}from"react-native";export var DefaultTheme={font:{family:{sans:Platform.select({ios:"System",android:"sans-serif",default:"system-ui"}),mono:Platform.select({ios:"Menlo",android:"monospace",default:"monospace"})},size:{tiny:10,small:12,regular:14,large:16,xLarge:20,xxLarge:28}},color:{primary:"#FF4242",primaryDark:"#ff8585",primaryLight:"#ffbdbd",secondary:"#12263A",secondaryHighlight:"#718191",secondaryDisabled:"#B5EAD7",tertiary:"#06bcc1",destructive:"#ff382e",destructiveHighlight:"#ff9e96",light:"#F4EDEA",white:"#ffffff",black:"#000000",red:"#FF9AA2",orange:"#FFDAC1",green:"#E2F0CB",blue:"#B5EAD7",purple:"#C7CEEA",textPrimary:"#12263A",textSecondary:"#22476D",textHighlight:"#30669c",textInverted:"#F4EDEA",textDisabled:"#B5EAD7",textOnPrimary:"#F4EDEA",textOnSecondary:"#F4EDEA",textOnDestructive:"#F4EDEA",background:"#F4EDEA",backgroundHighlight:"#f7f3f2",foreground:"#ffffff",foregroundHighlight:"#B5EAD7",backgroundOverlay:"#000",shadow:"#555",border:"#E2E8F0",inputBackground:"#e4d8d4",inputBackgroundDisabled:"#f0e9e2ff",inputText:"#12263A",pressOverlay:"rgba(0, 0, 0, 0.1)",alert:"#d63333",error:"#d63333",success:"#4ed633",warning:"#f5c61d"},spacing:{screenContentTop:0,pageHorizontal:16,pageBottom:80,pageTop:16,navigationActionHorizontal:0,large:24,medium:16,small:8,tiny:4},border:{radius:{tight:4,regular:8,loose:16},width:{thick:4,regular:2,thin:1}}};export function MergeTheme(first,second){return{...DefaultTheme,...first,...second,color:{...DefaultTheme.color,...first?.color,...second?.color},font:{...DefaultTheme.font,...first?.font,...second?.font,family:{...DefaultTheme.font.family,...first?.font?.family,...second?.font?.family},size:{...DefaultTheme.font.size,...first?.font?.size,...second?.font?.size}},spacing:{...DefaultTheme.spacing,...first?.spacing,...second?.spacing},border:{...DefaultTheme.border,...first?.border,...second?.border,radius:{...DefaultTheme.border.radius,...first?.border?.radius,...second?.border?.radius},width:{...DefaultTheme.border.width,...first?.border?.width,...second?.border?.width}}};}
+import{Platform}from"react-native";import merge from"lodash.merge";import{lightPalette}from"./palette";export var DefaultTheme={font:{family:{sans:Platform.select({ios:"System",android:"sans-serif",default:"system-ui"}),mono:Platform.select({ios:"Menlo",android:"monospace",default:"monospace"})},size:{tiny:10,small:12,regular:14,large:16,xLarge:20,xxLarge:28}},color:lightPalette,spacing:{large:24,medium:16,small:8,tiny:4},border:{radius:{tight:4,regular:8,loose:16},width:{thick:4,regular:2,thin:1}}};export var MergeTheme=(first,second)=>merge({},DefaultTheme,first??{},second??{});export var createTheme=(overrides,createExtras)=>{var base=MergeTheme(overrides);return createExtras?merge({},base,createExtras(base)):base;};

package/lib/types/components/action/Action.d.ts

@@ -1,11 +1,11 @@
 import type { FC } from "react";
+import type { ColorValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import { type InteractiveTextStyles } from "../text";
 import { type ActionBaseProps } from "./ActionBase";
 export type ActionVariant = "primary" | "secondary" | "destructive";
 export type ActionStyles = {
     label: {
-        color: Record<ActionVariant, InteractiveTextStyles["color"]>;
+        color: Record<ActionVariant, ColorValue>;
     };
 };
 export interface ActionProps extends Pick<ActionBaseProps, "containerStyle" | "disabled" | "onPress"> {

package/lib/types/components/action/Action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../src/components/action/Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KAChE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4BlC,CAAC"}
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../../src/components/action/Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;KAC5C,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA6BlC,CAAC"}

package/lib/types/components/action/Action.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/Action.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,mBAAmB,GAAI,WAAW,KAAK,KAAG,YAoBrD,CAAC"}
+{"version":3,"file":"Action.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/Action.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,mBAAmB,GAAI,WAAW,KAAK,KAAG,YAQrD,CAAC"}

package/lib/types/components/action/ActionBase.d.ts

@@ -1,9 +1,17 @@
-import type { FC } from "react";
-import { type PressableProps } from "react-native";
-export interface ActionBaseProps extends Pick<PressableProps, "children" | "hitSlop"> {
-    containerStyle?: PressableProps["style"];
+import type { FC, ReactNode } from "react";
+import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+export type ActionState = {
+    pressed: boolean;
+    hovered?: boolean;
+};
+export type ActionBaseStyles = {
+    disabledOpacity: number;
+};
+export interface ActionBaseProps extends Pick<PressableProps, "hitSlop"> {
+    containerStyle?: StyleProp<ViewStyle>;
     disabled?: boolean;
     onPress?: () => void;
+    children?: ReactNode | ((state: ActionState) => ReactNode);
 }
 export declare const ActionBase: FC<ActionBaseProps>;
 //# sourceMappingURL=ActionBase.d.ts.map

package/lib/types/components/action/ActionBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ActionBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,eACb,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC;IACpD,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAe1C,CAAC"}
+{"version":3,"file":"ActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ActionBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEH,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,WAAW,GAAG;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,eAAe,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACpE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2B1C,CAAC"}

package/lib/types/components/action/ActionBase.styles.d.ts

@@ -0,0 +1,3 @@
+import type { ActionBaseStyles } from "./ActionBase";
+export declare const defaultActionBaseStyles: () => ActionBaseStyles;
+//# sourceMappingURL=ActionBase.styles.d.ts.map

package/lib/types/components/action/ActionBase.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ActionBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,QAAO,gBAEzC,CAAC"}

package/lib/types/components/action/IconAction.d.ts

@@ -1,19 +1,10 @@
+import type { ColorValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import type { IconComponentProps, InteractiveIconStyles } from "../icon";
-import type { InteractiveTextStyles } from "../text";
+import type { IconComponentProps } from "../icon";
 import { type IconActionBaseProps } from "./IconActionBase";
 export type IconActionVariant = "primary" | "secondary" | "destructive";
 export type IconActionStyles = {
-    text: {
-        color: {
-            [Variant in IconActionVariant]: InteractiveTextStyles["color"];
-        };
-    };
-    icon: {
-        color: {
-            [Variant in IconActionVariant]: InteractiveIconStyles["color"];
-        };
-    };
+    color: Record<IconActionVariant, ColorValue>;
 };
 export interface IconActionProps extends Omit<IconActionBaseProps, "style"> {
     variant?: IconActionVariant;

package/lib/types/components/action/IconAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE;aACF,OAAO,IAAI,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC;SACjE,CAAC;KACL,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE;aACF,OAAO,IAAI,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC;SACjE,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACvE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,8BAI1C,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAYzC,CAAC"}
+{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACvE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,8BAI1C,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCASzC,CAAC"}

package/lib/types/components/action/IconAction.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAction.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,OAAO,KAAK,KAAG,gBAOtD,CAAC"}
+{"version":3,"file":"IconAction.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,OAAO,KAAK,KAAG,gBAMtD,CAAC"}

package/lib/types/components/action/IconActionBase.d.ts

@@ -1,17 +1,12 @@
+import { type ColorValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import { type IconComponentProps, type InteractiveIconStyles } from "../icon";
-import { type InteractiveTextStyles } from "../text";
-import type { ActionProps } from "./Action";
+import { type IconComponentProps } from "../icon";
+import type { ActionBaseProps } from "./ActionBase";
 export type IconActionBaseStyles = {
     gap: number;
-    text: {
-        color: InteractiveTextStyles["color"];
-    };
-    icon: {
-        color: InteractiveIconStyles["color"];
-    };
+    color: ColorValue;
 };
-export interface IconActionBaseProps extends Pick<ActionProps, "onPress" | "disabled" | "containerStyle"> {
+export interface IconActionBaseProps extends Pick<ActionBaseProps, "onPress" | "disabled" | "containerStyle"> {
     label?: string;
     iconPosition?: "start" | "end";
     style?: DeepPartial<IconActionBaseStyles>;

package/lib/types/components/action/IconActionBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconActionBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EACH,KAAK,kBAAkB,EAEvB,KAAK,qBAAqB,EAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE;QACF,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;KACzC,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;KACzC,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,+GAQ9C,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAuC7C,CAAC"}
+{"version":3,"file":"IconActionBase.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconActionBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAY,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,+GAQ9C,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCA8B7C,CAAC"}

package/lib/types/components/action/IconActionBase.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconActionBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconActionBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,GACpC,OAAO,KAAK,KACb,oBAQF,CAAC"}
+{"version":3,"file":"IconActionBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/IconActionBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,GACpC,OAAO,KAAK,KACb,oBAGD,CAAC"}

package/lib/types/components/action/StateTint.d.ts

@@ -0,0 +1,13 @@
+import type { FC, ReactNode } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
+import type { ActionState } from "./ActionBase";
+export type StateTintStyles = {
+    hoverOpacity: number;
+    pressedOpacity: number;
+};
+export interface StateTintProps extends ActionState {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export declare const StateTint: FC<StateTintProps>;
+//# sourceMappingURL=StateTint.d.ts.map

package/lib/types/components/action/StateTint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTint.d.ts","sourceRoot":"","sources":["../../../../src/components/action/StateTint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsBxC,CAAC"}

package/lib/types/components/action/StateTint.styles.d.ts

@@ -0,0 +1,3 @@
+import type { StateTintStyles } from "./StateTint";
+export declare const defaultStateTintStyles: () => StateTintStyles;
+//# sourceMappingURL=StateTint.styles.d.ts.map

package/lib/types/components/action/StateTint.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTint.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/action/StateTint.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,sBAAsB,QAAO,eAGxC,CAAC"}

package/lib/types/components/action/index.d.ts

@@ -1,5 +1,6 @@
 export { Action, type ActionProps, type ActionStyles } from "./Action";
-export { ActionBase, type ActionBaseProps } from "./ActionBase";
+export { ActionBase, type ActionBaseProps, type ActionBaseStyles, type ActionState, } from "./ActionBase";
 export { IconAction, type IconActionProps, type IconActionStyles, } from "./IconAction";
 export { IconActionBase, type IconActionBaseProps, type IconActionBaseStyles, } from "./IconActionBase";
+export { StateTint, type StateTintProps, type StateTintStyles, } from "./StateTint";
 //# sourceMappingURL=index.d.ts.map

package/lib/types/components/action/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,eAAe,GACvB,MAAM,aAAa,CAAC"}

package/lib/types/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAsBtD,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE;SAAG,GAAG,IAAI,UAAU,GAAG,MAAM;KAAE,CAAC;IACtC,QAAQ,EAAE;QACN,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;KACxC,CAAC;IACF,KAAK,EAAE;QACH,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,UAAU,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAElC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoClC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAoBtD,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE;SAAG,GAAG,IAAI,UAAU,GAAG,MAAM;KAAE,CAAC;IACtC,QAAQ,EAAE;QACN,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;KACxC,CAAC;IACF,KAAK,EAAE;QACH,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,UAAU,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAElC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoClC,CAAC"}

package/lib/types/components/button/Button.d.ts

@@ -1,20 +1,29 @@
 import type { FC } from "react";
+import type { ColorValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import { type InteractiveTextStyles } from "../text";
 import { type ButtonBaseProps, type ButtonBaseStyles } from "./ButtonBase";
 export type ButtonSize = "medium" | "large";
-export type ButtonVariant = "primary" | "secondary" | "destructive";
+export type ButtonVariant = "primary" | "destructive";
+export type ButtonAppearance = "prominent" | "subtle";
+export type ButtonAppearanceStyles = {
+    prominent: {
+        container: Record<ButtonVariant, ColorValue>;
+        content: Record<ButtonVariant, ColorValue>;
+    };
+    subtle: {
+        container: ColorValue;
+        content: Record<ButtonVariant, ColorValue>;
+    };
+};
 export type ButtonStyles = {
     container: {
         borderRadius: ButtonBaseStyles["borderRadius"];
-        color: Record<ButtonVariant, ButtonBaseStyles["backgroundColor"]>;
-    };
-    label: {
-        color: Record<ButtonVariant, InteractiveTextStyles["color"]>;
     };
+    appearance: ButtonAppearanceStyles;
 };
 export interface ButtonProps extends Pick<ButtonBaseProps, "onPress" | "disabled" | "width" | "containerStyle"> {
     variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
     label: string;
     style?: DeepPartial<ButtonStyles>;
 }

package/lib/types/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAEH,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACxB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB,SAAS,EAAE;QACP,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC;KACrE,CAAC;IACF,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KAChE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CACR,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CACtD;IACD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmClC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAEH,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACxB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG;IACjC,SAAS,EAAE;QACP,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC7C,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;KAC9C,CAAC;IACF,MAAM,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;KAC9C,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,SAAS,EAAE;QACP,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;KAClD,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,IAAI,CACR,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CACtD;IACD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoClC,CAAC"}

package/lib/types/components/button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,YA6ClD,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,YA4BlD,CAAC"}

package/lib/types/components/button/ButtonBase.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from "react";
 import { type ColorValue, type DimensionValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import { type ActionBaseProps } from "../action";
-export type ButtonState = "enabled" | "disabled" | "pressed";
+import { type InteractionSurfaceProps } from "../surface";
 export type ButtonBaseStyles = {
     height: DimensionValue;
     width: {
@@ -11,9 +10,9 @@ export type ButtonBaseStyles = {
     paddingHorizontal: number;
     paddingVertical: number;
     borderRadius: number | `${number}%`;
-    backgroundColor: Record<ButtonState, ColorValue>;
+    backgroundColor: ColorValue;
 };
-export interface ButtonBaseProps extends Pick<ActionBaseProps, "children" | "disabled" | "onPress" | "containerStyle"> {
+export interface ButtonBaseProps extends Pick<InteractionSurfaceProps, "children" | "disabled" | "onPress" | "containerStyle"> {
     width?: "auto" | "medium";
     style?: DeepPartial<ButtonBaseStyles>;
 }

package/lib/types/components/button/ButtonBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACH,KAAK,UAAU,EACf,KAAK,cAAc,EAGtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE;QACH,MAAM,EAAE,cAAc,CAAC;KAC1B,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,eAAe,EACf,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CACzD;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACH,KAAK,UAAU,EACf,KAAK,cAAc,EAGtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE;QACH,MAAM,EAAE,cAAc,CAAC;KAC1B,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IACpC,eAAe,EAAE,UAAU,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,uBAAuB,EACvB,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CACzD;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC"}

package/lib/types/components/button/ButtonBase.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,6BAIrC,KAAK,KAAG,gBAaT,CAAC"}
+{"version":3,"file":"ButtonBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,6BAIrC,KAAK,KAAG,gBAST,CAAC"}

package/lib/types/components/button/IconButton.d.ts

@@ -1,20 +1,19 @@
 import type { DeepPartial } from "@reillymc/es-utils";
-import type { IconComponentProps, InteractiveIconStyles } from "../icon";
-import { type IconButtonBaseProps, type IconButtonBaseStyles } from "./IconButtonBase";
-export type IconButtonVariant = "primary" | "secondary" | "destructive";
+import type { IconComponentProps } from "../icon";
+import type { ButtonAppearance, ButtonAppearanceStyles, ButtonVariant } from "./Button";
+import { type IconButtonBaseProps } from "./IconButtonBase";
+export type IconButtonVariant = ButtonVariant;
 export type IconButtonStyles = {
     container: {
         size: number;
-        backgroundColor: Record<IconButtonVariant, IconButtonBaseStyles["container"]["backgroundColor"]>;
-    };
-    icon: {
-        color: Record<IconButtonVariant, InteractiveIconStyles["color"]>;
     };
+    appearance: ButtonAppearanceStyles;
 };
 export interface IconButtonProps extends Pick<IconButtonBaseProps, "onPress" | "disabled" | "containerStyle"> {
     variant?: IconButtonVariant;
+    appearance?: ButtonAppearance;
     style?: DeepPartial<IconButtonStyles>;
     onPress?: () => void;
 }
-export declare const IconButton: <G extends string>({ variant, style, ...props }: IconButtonProps & IconComponentProps<G>) => import("react").JSX.Element;
+export declare const IconButton: <G extends string>({ variant, appearance, style, ...props }: IconButtonProps & IconComponentProps<G>) => import("react").JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

package/lib/types/components/button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC5B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,SAAS,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,EAAE,MAAM,CACnB,iBAAiB,EACjB,oBAAoB,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,CACvD,CAAC;KACL,CAAC;IACF,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;KACpE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,mBAAmB,EACnB,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAC5C;IACD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,8BAI1C,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAoBzC,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EACR,gBAAgB,EAChB,sBAAsB,EACtB,aAAa,EAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC3B,SAAS,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CACR,mBAAmB,EACnB,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAC5C;IACD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,0CAK1C,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAyBzC,CAAC"}

package/lib/types/components/button/IconButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,OAAO,KAAK,KAAG,gBAqCtD,CAAC"}
+{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,uBAAuB,GAAI,OAAO,KAAK,KAAG,gBA4BtD,CAAC"}

package/lib/types/components/button/IconButtonBase.d.ts

@@ -1,15 +1,18 @@
-import { type DimensionValue } from "react-native";
+import { type ColorValue, type DimensionValue } from "react-native";
 import type { DeepPartial } from "@reillymc/es-utils";
-import { type IconComponentProps, type InteractiveIconStyles } from "../icon";
+import { type IconComponentProps } from "../icon";
 import type { ButtonBaseProps, ButtonBaseStyles } from "./ButtonBase";
 export type IconButtonBaseStyles = {
     container: {
         size: DimensionValue;
         padding: number;
         borderRadius: ButtonBaseStyles["borderRadius"];
-        backgroundColor: ButtonBaseStyles["backgroundColor"];
+        backgroundColor: ColorValue;
+    };
+    icon: {
+        size: number;
+        color: ColorValue;
     };
-    icon: InteractiveIconStyles;
 };
 export interface IconButtonBaseProps extends Pick<ButtonBaseProps, "onPress" | "disabled" | "containerStyle"> {
     style?: DeepPartial<IconButtonBaseStyles>;

package/lib/types/components/button/IconButtonBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EACH,KAAK,kBAAkB,EAEvB,KAAK,qBAAqB,EAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE;QACP,IAAI,EAAE,cAAc,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;KACxD,CAAC;IACF,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,0FAM9C,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAoC7C,CAAC"}
+{"version":3,"file":"IconButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAc,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAY,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE;QACP,IAAI,EAAE,cAAc,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC/C,eAAe,EAAE,UAAU,CAAC;KAC/B,CAAC;IACF,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,UAAU,CAAC;KACrB,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,0FAM9C,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,gCAwB7C,CAAC"}

package/lib/types/components/button/IconButtonBase.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButtonBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,GACpC,OAAO,KAAK,KACb,oBAYD,CAAC"}
+{"version":3,"file":"IconButtonBase.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButtonBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,GACpC,OAAO,KAAK,KACb,oBAWD,CAAC"}

package/lib/types/components/button/index.d.ts

@@ -1,4 +1,4 @@
-export { Button, type ButtonProps, type ButtonStyles } from "./Button";
+export { Button, type ButtonAppearance, type ButtonAppearanceStyles, type ButtonProps, type ButtonStyles, } from "./Button";
 export { ButtonBase, type ButtonBaseProps, type ButtonBaseStyles, } from "./ButtonBase";
 export { IconButton, type IconButtonProps, type IconButtonStyles, } from "./IconButton";
 export { IconButtonBase, type IconButtonBaseProps, type IconButtonBaseStyles, } from "./IconButtonBase";

package/lib/types/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,YAAY,GACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC"}

package/lib/types/components/icon/index.d.ts

@@ -1,5 +1,4 @@
 export { Icon, type IconProps, type IconStyles } from "./Icon";
 export { IconBase, type IconBaseProps, type IconBaseStyles } from "./IconBase";
 export type { IconComponentProps } from "./IconComponentProps";
-export { InteractiveIcon, type InteractiveIconProps, type InteractiveIconStyles, } from "./InteractiveIcon";
 //# sourceMappingURL=index.d.ts.map

package/lib/types/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/types/components/index.d.ts

@@ -1,12 +1,12 @@
-export type { ActionBaseProps, ActionProps, ActionStyles, IconActionBaseProps, IconActionBaseStyles, IconActionProps, IconActionStyles, } from "./action";
-export { Action, ActionBase, IconAction, IconActionBase, } from "./action";
+export type { ActionBaseProps, ActionBaseStyles, ActionProps, ActionStyles, IconActionBaseProps, IconActionBaseStyles, IconActionProps, IconActionStyles, StateTintStyles, } from "./action";
+export { Action, ActionBase, IconAction, IconActionBase } from "./action";
 export { AlertIndicator, type AlertIndicatorProps, type AlertIndicatorStyles, } from "./alert";
 export { Avatar, type AvatarProps, type AvatarStyles } from "./avatar";
-export type { ButtonBaseProps, ButtonBaseStyles, ButtonProps, ButtonStyles, IconButtonBaseProps, IconButtonBaseStyles, IconButtonProps, IconButtonStyles, } from "./button";
+export type { ButtonAppearance, ButtonAppearanceStyles, ButtonBaseProps, ButtonBaseStyles, ButtonProps, ButtonStyles, IconButtonBaseProps, IconButtonBaseStyles, IconButtonProps, IconButtonStyles, } from "./button";
 export { Button, ButtonBase, IconButton, IconButtonBase, } from "./button";
 export type { FloatingContainerProps, FloatingContainerStyles, FormContainerProps, FormRowProps, PanelProps, } from "./container";
 export { FloatingContainer, FormContainer, FormRow, Panel, } from "./container";
-export type { IconBaseProps, IconBaseStyles, IconComponentProps, IconProps, IconStyles, InteractiveIconStyles, } from "./icon";
+export type { IconBaseProps, IconBaseStyles, IconComponentProps, IconProps, IconStyles, } from "./icon";
 export { Icon, IconBase } from "./icon";
 export type { CounterInputIcons, CounterInputProps, DropdownInputProps, DropdownInputStyles, FractionValue, InputActionProps, InputActionStyles, InputBaseProps, InputBaseStyles, InputRowContainerProps, InputScaffoldIcons, InputScaffoldProps, InputScaffoldStyles, NumberInputIcons, NumberInputProps, NumberInputValue, NumberValue, RangeValue, RatingInputIcons, RatingInputProps, RatingInputStyles, SelectionInputIcons, SelectionInputProps, SelectionInputStyles, TextInputProps, TextInputStyles, TimeInputIcons, TimeInputProps, TimeInputValue, ToggleInputIcons, ToggleInputProps, ToggleInputStyles, } from "./input";
 export { CounterInput, DropdownInput, DropdownInputBase, InputAction, InputBase, InputRowContainer, InputScaffold, NumberInput, RatingInput, SelectionInput, TextInput, TimeInput, ToggleInput, } from "./input";
@@ -14,9 +14,11 @@ export { ListItem, ListItemAlert, ListItemAvatar, ListItemFooter, type ListItemP
 export type { MenuItemProps, MenuItemStyles, MenuProps, MenuStyles, } from "./menu";
 export { Menu, MenuItem, } from "./menu";
 export { getRatingIcons, Rating, type RatingIcons, type RatingProps, type RatingStyles, ratingToValue, valueToRating, } from "./rating";
+export type { InteractionSurfaceProps, StateLayerStyles, } from "./surface";
+export { InteractionSurface } from "./surface";
 export { SwipeAction, type SwipeActionProps, type SwipeActionStyles, SwipeableContainer, type SwipeableContainerProps, } from "./swipe";
 export { Tag, TagIcon, type TagProps, type TagStyles } from "./tag";
-export type { HighlightedTextProps, HighlightedTextStyles, InteractiveTextStyles, TextProps, TextStyles, } from "./text";
+export type { HighlightedTextProps, HighlightedTextStyles, TextProps, TextStyles, } from "./text";
 export { HighlightedText, Text, } from "./text";
 export { Toast, type ToastProps, type ToastStyles } from "./toast";
 //# sourceMappingURL=index.d.ts.map