@webority/mobile-ui 0.8.1 → 0.9.0

package/lib/module/components/index.js

@@ -1 +1 @@
-"use strict";export{Accordion,AccordionGroup}from"./Accordion/index.js";export{AmountSlider}from"./AmountSlider/index.js";export{AnimatePresence}from"./AnimatePresence/index.js";export{AppBar}from"./AppBar/index.js";export{AsyncBlock}from"./AsyncBlock/index.js";export{AuthedImage,authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./AuthedImage/index.js";export{Autocomplete}from"./Autocomplete/index.js";export{Avatar,AvatarGroup}from"./Avatar/index.js";export{Badge}from"./Badge/index.js";export{Banner}from"./Banner/index.js";export{BottomNavigation}from"./BottomNavigation/index.js";export{BottomSheet,useBottomSheet}from"./BottomSheet/index.js";export{Box,Row,Spacer,Stack}from"./Box/index.js";export{Button}from"./Button/index.js";export{Card}from"./Card/index.js";export{Carousel}from"./Carousel/index.js";export{Checkbox}from"./Checkbox/index.js";export{Chip}from"./Chip/index.js";export{ChoiceGroup}from"./ChoiceGroup/index.js";export{Confetti}from"./Confetti/index.js";export{DatePicker}from"./DatePicker/index.js";export{DateRangePicker}from"./DateRangePicker/index.js";export{cleanDecimalText,DecimalInput,parseDecimalText}from"./DecimalInput/index.js";export{Descriptions}from"./Descriptions/index.js";export{Dialog}from"./Dialog/index.js";export{Divider}from"./Divider/index.js";export{Drawer}from"./Drawer/index.js";export{EmptyState}from"./EmptyState/index.js";export{ErrorBoundary,useErrorHandler,withErrorBoundary}from"./ErrorBoundary/index.js";export{FilePicker,formatFileSize}from"./FilePicker/index.js";export{FileViewer}from"./FileViewer/index.js";export{FloatingActionButton,FloatingActionButtonGroup}from"./FloatingActionButton/index.js";export{ForceUpdateDialog}from"./ForceUpdateDialog/index.js";export{FormField}from"./FormField/index.js";export{IconBadge}from"./IconBadge/index.js";export{IconButton}from"./IconButton/index.js";export{ImageGallery}from"./ImageGallery/index.js";export{InlineSelect}from"./InlineSelect/index.js";export{Input}from"./Input/index.js";export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView/index.js";export{KeyboardToolbar}from"./KeyboardToolbar/index.js";export{ListItem}from"./ListItem/index.js";export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay/index.js";export{Markdown}from"./Markdown/index.js";export{MODAL_DISMISS_GRACE_MS,Modal}from"./Modal/index.js";export{Notation,parseNotation,sym}from"./Notation/index.js";export{NumberInput}from"./NumberInput/index.js";export{OptionSheet}from"./OptionSheet/index.js";export{OTPInput}from"./OTPInput/index.js";export{ALL_CALLING_CODES,DEFAULT_CALLING_CODES,formatE164,PhoneNumberInput,parseE164}from"./PhoneNumberInput/index.js";export{PickerTrigger}from"./PickerTrigger/index.js";export{ProfileCompletion}from"./ProfileCompletion/index.js";export{ProfilePicker}from"./ProfilePicker/index.js";export{ProgressBar}from"./ProgressBar/index.js";export{ProgressRing}from"./ProgressRing/index.js";export{Radio,RadioDot,RadioGroup}from"./Radio/index.js";export{Rating}from"./Rating/index.js";export{Repeater}from"./Repeater/index.js";export{applyMarkdownAction,RichTextEditor}from"./RichTextEditor/index.js";export{SearchBar}from"./SearchBar/index.js";export{SectionHeader}from"./SectionHeader/index.js";export{SegmentedControl}from"./SegmentedControl/index.js";export{Select}from"./Select/index.js";export{Skeleton,SkeletonCircle,SkeletonClockProvider,SkeletonContent,SkeletonList,SkeletonProvider,SkeletonSkip,SkeletonText,useReduceMotion,useSkeletonClock,useSkeletonDefaults}from"./Skeleton/index.js";export{Slider}from"./Slider/index.js";export{SliderField}from"./SliderField/index.js";export{SlideToConfirm}from"./SlideToConfirm/index.js";export{Spinner}from"./Spinner/index.js";export{StatTile}from"./StatTile/index.js";export{StatusBadge}from"./StatusBadge/index.js";export{Stepper}from"./Stepper/index.js";export{Swipeable}from"./Swipeable/index.js";export{Switch}from"./Switch/index.js";export{Tabs}from"./Tabs/index.js";export{TagInput}from"./TagInput/index.js";export{Text}from"./Text/index.js";export{Timeline}from"./Timeline/index.js";export{TimePicker}from"./TimePicker/index.js";export{Toast,ToastHost,ToastProvider,toast,useToast}from"./Toast/index.js";export{Tooltip}from"./Tooltip/index.js";export{Tour}from"./Tour/index.js";export{ZoomableImage}from"./ZoomableImage/index.js";
+"use strict";export{Accordion,AccordionGroup}from"./Accordion/index.js";export{AmountSlider}from"./AmountSlider/index.js";export{AnimatePresence}from"./AnimatePresence/index.js";export{AppBar}from"./AppBar/index.js";export{AsyncBlock}from"./AsyncBlock/index.js";export{AuthedImage,authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./AuthedImage/index.js";export{Autocomplete}from"./Autocomplete/index.js";export{Avatar,AvatarGroup}from"./Avatar/index.js";export{Badge}from"./Badge/index.js";export{Banner}from"./Banner/index.js";export{BottomNavigation}from"./BottomNavigation/index.js";export{BottomSheet,useBottomSheet}from"./BottomSheet/index.js";export{Box,Row,Spacer,Stack}from"./Box/index.js";export{Button}from"./Button/index.js";export{Calendar}from"./Calendar/index.js";export{Card}from"./Card/index.js";export{Carousel}from"./Carousel/index.js";export{Checkbox}from"./Checkbox/index.js";export{Chip}from"./Chip/index.js";export{ChoiceGroup}from"./ChoiceGroup/index.js";export{Confetti}from"./Confetti/index.js";export{DatePicker}from"./DatePicker/index.js";export{DateRangePicker}from"./DateRangePicker/index.js";export{cleanDecimalText,DecimalInput,parseDecimalText}from"./DecimalInput/index.js";export{Descriptions}from"./Descriptions/index.js";export{Dialog}from"./Dialog/index.js";export{Divider}from"./Divider/index.js";export{Drawer}from"./Drawer/index.js";export{EmptyState}from"./EmptyState/index.js";export{ErrorBoundary,useErrorHandler,withErrorBoundary}from"./ErrorBoundary/index.js";export{FilePicker,formatFileSize}from"./FilePicker/index.js";export{FileViewer}from"./FileViewer/index.js";export{FloatingActionButton,FloatingActionButtonGroup}from"./FloatingActionButton/index.js";export{ForceUpdateDialog}from"./ForceUpdateDialog/index.js";export{FormField}from"./FormField/index.js";export{IconBadge}from"./IconBadge/index.js";export{IconButton}from"./IconButton/index.js";export{ImageGallery}from"./ImageGallery/index.js";export{InlineSelect}from"./InlineSelect/index.js";export{Input}from"./Input/index.js";export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView/index.js";export{KeyboardToolbar}from"./KeyboardToolbar/index.js";export{ListItem}from"./ListItem/index.js";export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay/index.js";export{Markdown}from"./Markdown/index.js";export{MODAL_DISMISS_GRACE_MS,Modal}from"./Modal/index.js";export{Notation,parseNotation,sym}from"./Notation/index.js";export{NumberInput}from"./NumberInput/index.js";export{OptionSheet}from"./OptionSheet/index.js";export{OTPInput}from"./OTPInput/index.js";export{ALL_CALLING_CODES,DEFAULT_CALLING_CODES,formatE164,PhoneNumberInput,parseE164}from"./PhoneNumberInput/index.js";export{PickerTrigger}from"./PickerTrigger/index.js";export{ProfileCompletion}from"./ProfileCompletion/index.js";export{ProfilePicker}from"./ProfilePicker/index.js";export{ProgressBar}from"./ProgressBar/index.js";export{ProgressRing}from"./ProgressRing/index.js";export{Radio,RadioDot,RadioGroup}from"./Radio/index.js";export{Rating}from"./Rating/index.js";export{Repeater}from"./Repeater/index.js";export{applyMarkdownAction,RichTextEditor}from"./RichTextEditor/index.js";export{SearchBar}from"./SearchBar/index.js";export{SectionHeader}from"./SectionHeader/index.js";export{SegmentedControl}from"./SegmentedControl/index.js";export{Select}from"./Select/index.js";export{Skeleton,SkeletonCircle,SkeletonClockProvider,SkeletonContent,SkeletonList,SkeletonProvider,SkeletonSkip,SkeletonText,useReduceMotion,useSkeletonClock,useSkeletonDefaults}from"./Skeleton/index.js";export{Slider}from"./Slider/index.js";export{SliderField}from"./SliderField/index.js";export{SlideToConfirm}from"./SlideToConfirm/index.js";export{Spinner}from"./Spinner/index.js";export{StatTile}from"./StatTile/index.js";export{StatusBadge}from"./StatusBadge/index.js";export{Stepper}from"./Stepper/index.js";export{Swipeable}from"./Swipeable/index.js";export{Switch}from"./Switch/index.js";export{Tabs}from"./Tabs/index.js";export{TagInput}from"./TagInput/index.js";export{Text}from"./Text/index.js";export{Timeline}from"./Timeline/index.js";export{TimePicker}from"./TimePicker/index.js";export{Toast,ToastHost,ToastProvider,toast,useToast}from"./Toast/index.js";export{Tooltip}from"./Tooltip/index.js";export{Tour}from"./Tour/index.js";export{ZoomableImage}from"./ZoomableImage/index.js";

package/lib/module/form/FormContext.js

@@ -1 +1 @@
-"use strict";import React,{createContext,useContext}from"react";import{jsx as _jsx}from"react/jsx-runtime";const FormContext=createContext(null);export const Form=({form:e,children:t})=>_jsx(FormContext.Provider,{value:e,children:t});Form.displayName="Form";export function useFormContext(){const e=useContext(FormContext);if(!e)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return e}export function useOptionalFormContext(){return useContext(FormContext)}
+"use strict";import{createContext,useContext}from"react";import{jsx as _jsx}from"react/jsx-runtime";const FormContext=createContext(null);export const Form=({form:e,children:t})=>_jsx(FormContext.Provider,{value:e,children:t});Form.displayName="Form";export function useFormContext(){const e=useContext(FormContext);if(!e)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return e}export function useOptionalFormContext(){return useContext(FormContext)}

package/lib/module/network/NetworkStatusBanner.js

@@ -1 +1 @@
-"use strict";import{useNetworkStatus}from"@webority/mobile-core";import React,{useEffect,useMemo,useRef,useState}from"react";import{Animated,StyleSheet,Text}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{fontFor,useTheme}from"../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";export const NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:o,disabled:a=!1,safeArea:n=!0})=>{const r=useTheme(),i=useSafeAreaInsets(),s=n?"top"===t?i.top:i.bottom:0,[u,l]=useState(0),m=u>0?u:56+s,{isConnected:c,isInternetReachable:p}=useNetworkStatus(),d=!(a||c&&!1!==p),f=useRef(new Animated.Value(0)).current,b=useRef(new Animated.Value(0)).current;useEffect(()=>{Animated.parallel([Animated.timing(f,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0}),Animated.timing(b,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0})]).start()},[d,f,b,r.motion.duration.normal]);const S=useMemo(()=>buildStyles(),[]),y=f.interpolate({inputRange:[0,1],outputRange:["top"===t?-m:m,0]});return _jsx(Animated.View,{pointerEvents:d?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:d?"polite":"none",onLayout:e=>l(e.nativeEvent.layout.height),style:[S.container,"top"===t?S.top:S.bottom,"top"===t?{paddingTop:10+s}:{paddingBottom:10+s},{backgroundColor:r.colors.error,opacity:b,transform:[{translateY:y}]},o],children:_jsx(Text,{style:{color:r.colors.onError,fontSize:r.typography.fontSize.sm,...fontFor(r,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};const buildStyles=()=>StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});export default NetworkStatusBanner;
+"use strict";import{useNetworkStatus}from"@webority/mobile-core";import{useEffect,useMemo,useRef,useState}from"react";import{Animated,StyleSheet,Text}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{fontFor,useTheme}from"../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";export const NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:o,disabled:n=!1,safeArea:a=!0})=>{const r=useTheme(),i=useSafeAreaInsets(),s=a?"top"===t?i.top:i.bottom:0,[u,l]=useState(0),m=u>0?u:56+s,{isConnected:c,isInternetReachable:p}=useNetworkStatus(),d=!(n||c&&!1!==p),f=useRef(new Animated.Value(0)).current,b=useRef(new Animated.Value(0)).current;useEffect(()=>{Animated.parallel([Animated.timing(f,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0}),Animated.timing(b,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0})]).start()},[d,f,b,r.motion.duration.normal]);const S=useMemo(()=>buildStyles(),[]),y=f.interpolate({inputRange:[0,1],outputRange:["top"===t?-m:m,0]});return _jsx(Animated.View,{pointerEvents:d?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:d?"polite":"none",onLayout:e=>l(e.nativeEvent.layout.height),style:[S.container,"top"===t?S.top:S.bottom,"top"===t?{paddingTop:10+s}:{paddingBottom:10+s},{backgroundColor:r.colors.error,opacity:b,transform:[{translateY:y}]},o],children:_jsx(Text,{style:{color:r.colors.onError,fontSize:r.typography.fontSize.sm,...fontFor(r,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};const buildStyles=()=>StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});export default NetworkStatusBanner;

package/lib/module/theme/ThemeContext.js

@@ -1 +1 @@
-"use strict";import{Storage}from"@webority/mobile-core";import React,{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Appearance}from"react-native";import{useReducedMotion}from"../hooks/useReducedMotion.js";import{mergeTheme}from"./merge.js";import{darkTheme,lightTheme}from"./tokens.js";import{jsx as _jsx}from"react/jsx-runtime";const REDUCED_SPRING={damping:100,stiffness:1e3,mass:1},collapseMotion=e=>({...e,duration:{instant:0,fast:0,normal:0,slow:0,slower:0},spring:{gentle:REDUCED_SPRING,bouncy:REDUCED_SPRING,snappy:REDUCED_SPRING}}),isPreference=e=>"light"===e||"dark"===e||"system"===e,defaultValue={theme:lightTheme,mode:"light",preference:"system",setPreference:()=>{},toggleColorMode:()=>{}},ThemeContext=createContext(defaultValue);export const ThemeProvider=({children:e,initialPreference:t="system",persistKey:r,lightOverrides:o,darkOverrides:s})=>{const[n,m]=useState(t),c=useRef(!1);useEffect(()=>{if(!r)return;let e=!0;return Storage.getItem(r).then(t=>{e&&!c.current&&isPreference(t)&&m(t)}),()=>{e=!1}},[r]);const a=useCallback(e=>{c.current=!0,m(e)},[]);useEffect(()=>{r&&c.current&&Storage.setItem(r,n)},[r,n]);const[i,u]=useState(()=>Appearance.getColorScheme()??"light");useEffect(()=>{const e=Appearance.addChangeListener(({colorScheme:e})=>{u(e??"light")});return()=>e.remove()},[]);const l="system"===n?i:n,d=useReducedMotion(),f=useMemo(()=>{const e="dark"===l?darkTheme:lightTheme,t="dark"===l?s:o,r=t?mergeTheme(e,t):e;return d?{...r,motion:collapseMotion(r.motion)}:r},[l,o,s,d]),h=useMemo(()=>({theme:f,mode:l,preference:n,setPreference:a,toggleColorMode:()=>a(e=>"system"===e?"dark"===i?"light":"dark":"dark"===e?"light":"dark")}),[f,l,n,i,a]);return _jsx(ThemeContext.Provider,{value:h,children:e})};export const useTheme=()=>useContext(ThemeContext).theme;export const useThemeMode=()=>{const e=useContext(ThemeContext);return{mode:e.mode,preference:e.preference,setPreference:e.setPreference,toggleColorMode:e.toggleColorMode}};
+"use strict";import{Storage}from"@webority/mobile-core";import{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Appearance}from"react-native";import{useReducedMotion}from"../hooks/useReducedMotion.js";import{mergeTheme}from"./merge.js";import{darkTheme,lightTheme}from"./tokens.js";import{jsx as _jsx}from"react/jsx-runtime";const REDUCED_SPRING={damping:100,stiffness:1e3,mass:1},collapseMotion=e=>({...e,duration:{instant:0,fast:0,normal:0,slow:0,slower:0},spring:{gentle:REDUCED_SPRING,bouncy:REDUCED_SPRING,snappy:REDUCED_SPRING}}),isPreference=e=>"light"===e||"dark"===e||"system"===e,defaultValue={theme:lightTheme,mode:"light",preference:"system",setPreference:()=>{},toggleColorMode:()=>{}},ThemeContext=createContext(defaultValue);export const ThemeProvider=({children:e,initialPreference:t="system",persistKey:r,lightOverrides:o,darkOverrides:s})=>{const[n,m]=useState(t),c=useRef(!1);useEffect(()=>{if(!r)return;let e=!0;return Storage.getItem(r).then(t=>{e&&!c.current&&isPreference(t)&&m(t)}),()=>{e=!1}},[r]);const a=useCallback(e=>{c.current=!0,m(e)},[]);useEffect(()=>{r&&c.current&&Storage.setItem(r,n)},[r,n]);const[i,u]=useState(()=>Appearance.getColorScheme()??"light");useEffect(()=>{const e=Appearance.addChangeListener(({colorScheme:e})=>{u(e??"light")});return()=>e.remove()},[]);const l="system"===n?i:n,d=useReducedMotion(),f=useMemo(()=>{const e="dark"===l?darkTheme:lightTheme,t="dark"===l?s:o,r=t?mergeTheme(e,t):e;return d?{...r,motion:collapseMotion(r.motion)}:r},[l,o,s,d]),h=useMemo(()=>({theme:f,mode:l,preference:n,setPreference:a,toggleColorMode:()=>a(e=>"system"===e?"dark"===i?"light":"dark":"dark"===e?"light":"dark")}),[f,l,n,i,a]);return _jsx(ThemeContext.Provider,{value:h,children:e})};export const useTheme=()=>useContext(ThemeContext).theme;export const useThemeMode=()=>{const e=useContext(ThemeContext);return{mode:e.mode,preference:e.preference,setPreference:e.setPreference,toggleColorMode:e.toggleColorMode}};

package/lib/module/theme/merge.js

@@ -1 +1 @@
-"use strict";const isPlainObject=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),deepMerge=(e,t)=>{if(!isPlainObject(e)||!isPlainObject(t))return void 0!==t?t:e;const i={...e};for(const r of Object.keys(t)){const s=t[r],c=e[r];isPlainObject(s)&&isPlainObject(c)?i[r]=deepMerge(c,s):void 0!==s&&(i[r]=s)}return i};export const mergeTheme=(e,t)=>deepMerge(e,t);
+"use strict";import{deriveSolidFill,deriveStateFills,deriveToneInk}from"./toneInk.js";const isPlainObject=r=>"object"==typeof r&&null!==r&&!Array.isArray(r),deepMerge=(r,e)=>{if(!isPlainObject(r)||!isPlainObject(e))return void 0!==e?e:r;const o={...r};for(const s of Object.keys(e)){const t=e[s],i=r[s];isPlainObject(t)&&isPlainObject(i)?o[s]=deepMerge(i,t):void 0!==t&&(o[s]=t)}return o},TONES=["primary","success","warning","error","info"],ON_INK={primary:"onPrimary",success:"onSuccess",warning:"onWarning",error:"onError",info:"onInfo"},withDerivedTones=(r,e,o)=>{const s=o?.colors;if(!s||!r?.colors?.toneText)return r;const{background:t}=r.colors,i=[t.primary,t.secondary,t.tertiary],n={},c={};let l={};for(const o of TONES){const t="string"==typeof s[o];let a=r.colors[o];if(t||"string"==typeof s[ON_INK[o]]){const e=deriveSolidFill(a,r.colors[ON_INK[o]]);e!==a&&(n[o]=e,a=e)}if(t&&"string"!=typeof s.toneText?.[o]&&(c[o]=deriveToneInk(a,i,e.mode)),"primary"===o&&(t||void 0!==n.primary)){const o=deriveStateFills(a,r.colors.onPrimary,{fill:e.colors.primary,hover:e.colors.primaryHover,pressed:e.colors.primaryPressed});l={..."string"==typeof s.primaryHover?{}:{primaryHover:o.hover},..."string"==typeof s.primaryPressed?{}:{primaryPressed:o.pressed}}}}return 0===Object.keys(n).length&&0===Object.keys(c).length&&0===Object.keys(l).length?r:{...r,colors:{...r.colors,...n,...l,toneText:{...r.colors.toneText,...c}}}};export const mergeTheme=(r,e)=>{const o=deepMerge(r,e);return withDerivedTones(o,r,e)};

package/lib/module/theme/textStyle.js

@@ -1 +1 @@
-"use strict";const FAMILY_KEY={normal:"regular",medium:"medium",semibold:"semibold",bold:"bold"};export const fontFor=(o,t)=>{const e=o.typography.fontFamily?.[FAMILY_KEY[t]];return e?{fontFamily:e}:{fontWeight:o.typography.fontWeight[t]}};
+"use strict";const FAMILY_KEY={normal:"regular",medium:"medium",semibold:"semibold",bold:"bold"};export const fontFor=(o,t,i)=>{const n="display"===i?o.typography.fontFamily?.display:void 0;if(n)return{fontFamily:n};const r=o.typography.fontFamily?.[FAMILY_KEY[t]];return r?{fontFamily:r}:{fontWeight:o.typography.fontWeight[t]}};

package/lib/module/theme/tokens.js

@@ -1 +1 @@
-"use strict";import{SQUIRCLE_SMOOTHING}from"../utils/squircle.js";const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:4},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}};export const lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#1FAD66",warning:"#F59E0B",error:"#E5484D",info:"#3B82F6",onPrimary:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#8B8B95",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#99A1B7",placeholderDisabled:"#C4CADA",icon:"#99A1B7",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#E82545"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}};export const darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#71717A",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#71717A",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};
+"use strict";import{SQUIRCLE_SMOOTHING}from"../utils/squircle.js";const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:0},banner:{tintBarWidth:0},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}};export const lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#18864F",warning:"#F59E0B",error:"#E12C32",info:"#1B6EF5",onPrimary:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",toneText:{primary:"#4F4FD3",success:"#147042",warning:"#8F5C06",error:"#BC1B20",info:"#0958D9"},text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#62626B",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#626D8B",placeholderDisabled:"#C4CADA",icon:"#7A849F",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#D81736"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}};export const darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",toneText:{primary:"#8989EA",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA"},text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#919199",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#84848D",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};

package/lib/module/theme/toneInk.js

@@ -0,0 +1 @@
+"use strict";import{blendOf}from"../utils/color.js";const HEX=/^#([0-9a-f]{6})$/i,TARGET=4.55,TINT_OPACITY=.14,STEP=.0025,channelsOf=t=>{const e=Number.parseInt(t.slice(1,7),16);return[e>>16&255,e>>8&255,255&e]},luminance=t=>{const[e,r,n]=channelsOf(t).map(t=>{const e=t/255;return e<=.03928?e/12.92:((e+.055)/1.055)**2.4});return.2126*e+.7152*r+.0722*n};export const contrastRatio=(t,e)=>{const[r,n]=[luminance(t),luminance(e)].sort((t,e)=>e-t);return(r+.05)/(n+.05)};const toHsl=t=>{const[e,r,n]=channelsOf(t).map(t=>t/255),s=Math.max(e,r,n),o=Math.min(e,r,n),a=s-o,l=(s+o)/2;if(0===a)return[0,0,l];return[60*(s===e?((r-n)/a+6)%6:s===r?(n-e)/a+2:(e-r)/a+4),l>.5?a/(2-s-o):a/(s+o),l]},fromHsl=([t,e,r])=>{const n=e*Math.min(r,1-r),channel=e=>{const s=(e+t/30)%12,o=r-n*Math.max(-1,Math.min(s-3,9-s,1));return Math.round(255*o).toString(16).padStart(2,"0")};return`#${channel(0)}${channel(8)}${channel(4)}`.toUpperCase()},moveUntil=(t,e,r)=>{const[n,s,o]=toHsl(t);let a=t;for(let t=o+e*STEP;t>=0&&t<=1;t+=e*STEP)if(a=fromHsl([n,s,t]),r(a))return a;return a};export const deriveToneInk=(t,e,r)=>{if(!HEX.test(t))return t;const n=e.filter(t=>HEX.test(t));if(0===n.length)return t;const s=n.flatMap(e=>[e,blendOf(t,.14,e,e)]),reads=t=>s.every(e=>contrastRatio(t,e)>=4.55);return reads(t)?t:moveUntil(t,"dark"===r?1:-1,reads)};export const deriveSolidFill=(t,e)=>{if(!HEX.test(t)||!HEX.test(e))return t;const reads=t=>contrastRatio(t,e)>=4.55;return reads(t)?t:moveUntil(t,luminance(e)>luminance(t)?-1:1,reads)};export const deriveStateFills=(t,e,r)=>{if(![t,e,r.fill,r.hover,r.pressed].every(t=>HEX.test(t)))return{hover:r.hover,pressed:r.pressed};const[n,s,o]=toHsl(t),a=toHsl(r.fill)[2],l=[Math.abs(toHsl(r.hover)[2]-a),Math.abs(toHsl(r.pressed)[2]-a)],i=luminance(e)>luminance(t)?-1:1,c=(t=>l.every(e=>o+t*e>=0&&o+t*e<=1))(i)?i:1===i?-1:1,at=t=>fromHsl([n,s,Math.max(0,Math.min(1,o+c*t))]);return{hover:at(l[0]),pressed:at(l[1])}};

package/lib/module/utils/ariaState.js

@@ -0,0 +1 @@
+"use strict";export const ariaFromState=e=>({"aria-busy":e?.busy,"aria-checked":e?.checked,"aria-disabled":e?.disabled,"aria-expanded":e?.expanded,"aria-selected":e?.selected});

package/lib/typescript/commonjs/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type AccordionVariant = 'plain' | 'card';

package/lib/typescript/commonjs/components/AnimatePresence/AnimatePresence.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 export type PresencePreset = 'fade' | 'scale' | 'slide-up' | 'slide-down';
 export interface AnimatePresenceProps {

package/lib/typescript/commonjs/components/AppBar/AppBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';

package/lib/typescript/commonjs/components/AppIcon/AppIcon.d.ts

@@ -18,7 +18,7 @@
  * them in an `<svg>` at the requested size, substitute the colour, and hand
  * the string to react-native-svg's `SvgXml`.
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from './catalog.g';
 import { ICON_NAMES } from './catalog.g';

package/lib/typescript/commonjs/components/AsyncBlock/AsyncBlock.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 /** Which failure the error state describes. */
 export type AsyncBlockErrorVariant = 'default' | 'offline';

package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { ImageSourcePropType, ImageStyle, View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { Theme } from '../../theme/types';
 /**
@@ -33,7 +33,7 @@ export type AvatarStatusPosition = 'topRight' | 'bottomRight';
  * primary text; `secondary` is the theme's secondary surface and its ink.
  */
 export type AvatarTone = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-/** The fill and the ink of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
+/** The fill and the ink (the tone as text, `toneText`) of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
 export declare const avatarToneColors: (theme: Theme, tone: AvatarTone) => {
     background: string;
     color: string;

package/lib/typescript/commonjs/components/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type BadgeVariant = 'standard' | 'dot';
 export type BadgeTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral' | 'info';

package/lib/typescript/commonjs/components/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type BannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';

package/lib/typescript/commonjs/components/BottomNavigation/BottomNavigation.d.ts

@@ -204,6 +204,12 @@ export interface BottomNavigationProps {
     /** Style applied to the active indicator of every variant (pill, line, bubble or expanded pill). */
     indicatorStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Largest font scale the tab label follows (React Native's
+     * `maxFontSizeMultiplier`). The icon and the badge keep their size. Default
+     * 1.2, or the theme's `maxFontSizeMultiplier` when that is set.
+     */
+    labelMaxFontScale?: number;
     testID?: string;
 }
 declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<RNView>>;

package/lib/typescript/commonjs/components/BottomSheet/BottomSheet.d.ts

@@ -16,7 +16,7 @@
  * ref.current?.collapse(); // animate to smallest snap point
  * ref.current?.close();    // dismiss
  */
-import React from 'react';
+import type React from 'react';
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 import { ScrollView } from 'react-native';
 /**

package/lib/typescript/commonjs/components/Box/Box.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { ColorPalette, RadiusScale, SpacingScale, Theme } from '../../theme/types';
 export type SpacingToken = keyof SpacingScale;

package/lib/typescript/commonjs/components/Calendar/Calendar.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Calendar: an inline month grid for picking one day or a range, with marked
+ * days (holidays, events, pending requests) drawn as dots and read aloud with
+ * each day. DateRangePicker renders this same grid inside its sheet.
+ */
+import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
+import type { StatusBadgeTone } from '../StatusBadge';
+import type { CalendarWeekStart } from './calendarDates';
+export type CalendarMode = 'single' | 'range';
+export type CalendarMarkKind = 'holiday' | 'event' | 'pending';
+export interface CalendarMarkedDate {
+    date: Date;
+    kind: CalendarMarkKind;
+    /** What the day is ("Dussehra", "Casual leave"); read aloud before the kind. */
+    label?: string;
+    /** Dot colour. Default: `error` for a holiday, `primary` for an event, `warning` for pending. */
+    tone?: StatusBadgeTone;
+}
+/** A selection. Single mode uses `start` only; a range in progress has no `end` yet. */
+export interface CalendarRange {
+    start: Date;
+    end?: Date;
+}
+export interface CalendarProps {
+    /** `single` picks one day; `range` picks a start, then an end. Default `single`. */
+    mode?: CalendarMode;
+    /** The selection; `null` when nothing is picked. */
+    value: CalendarRange | null;
+    /**
+     * Fires on every day tap. In range mode the first tap gives `{ start }`, the
+     * second `{ start, end }`; a tap before the start, or after a complete range,
+     * starts again from the tapped day.
+     */
+    onChange: (range: CalendarRange) => void;
+    /** The month shown (any day in it). Omit to let the calendar own it. */
+    month?: Date;
+    /** Fires when the shown month changes, by the arrows or a tap on a neighbouring month's day. */
+    onMonthChange?: (month: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    /** Days that cannot be picked, besides those outside `minDate` and `maxDate`. */
+    disabledDates?: Date[];
+    /** First weekday of the grid: 0 Sunday, 1 Monday, 6 Saturday. Default 0. */
+    weekStartsOn?: CalendarWeekStart;
+    /** BCP 47 locale for month, weekday and day names. Default `'en-IN'`. */
+    locale?: string;
+    markedDates?: CalendarMarkedDate[];
+    /** Range mode: strike holidays inside a complete range and read them as not counted. */
+    strikeMarkedInRange?: boolean;
+    /**
+     * Fixed width and height of each day, at least 44. Unset, days share the
+     * width equally and stay at least 44 tall.
+     */
+    cellSize?: number;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
+    /** Names the calendar; read with the month heading ("Leave dates, October 2026"). */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Style override for the month and year heading wrapper. */
+    headerLabelStyle?: StyleProp<ViewStyle>;
+    /** Style override for the previous and next month buttons. */
+    navButtonStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<RNView>>;
+export { Calendar };
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/lib/typescript/commonjs/components/Calendar/CalendarDay.d.ts

@@ -0,0 +1,30 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { CalendarCell } from './calendarDates';
+import type { CalendarStyles } from './calendarStyles';
+export interface CalendarDot {
+    key: string;
+    color: string;
+}
+export interface CalendarDayProps {
+    cell: CalendarCell;
+    accessibilityLabel: string;
+    disabled: boolean;
+    /** The single selected day, or the start or end of the range. */
+    edge: boolean;
+    /** Strictly between the start and end of a complete range. */
+    mid: boolean;
+    barLeft: boolean;
+    barRight: boolean;
+    today: boolean;
+    struck: boolean;
+    dots?: readonly CalendarDot[];
+    /** Day number colour for a holiday; ignored on a selected, disabled or neighbouring-month day. */
+    inkColor?: string;
+    cellStyle: StyleProp<ViewStyle>;
+    styles: CalendarStyles;
+    maxFontSizeMultiplier: number;
+    onPressDay: (cell: CalendarCell) => void;
+}
+/** One day of the grid; memoised so a tap re-renders only the days whose state changed. */
+export declare const CalendarDay: import("react").MemoExoticComponent<({ cell, accessibilityLabel, disabled, edge, mid, barLeft, barRight, today, struck, dots, inkColor, cellStyle, styles, maxFontSizeMultiplier, onPressDay }: CalendarDayProps) => import("react").JSX.Element>;
+//# sourceMappingURL=CalendarDay.d.ts.map

package/lib/typescript/commonjs/components/Calendar/calendarDates.d.ts

@@ -0,0 +1,24 @@
+/** First weekday of the grid: 0 Sunday, 1 Monday, 6 Saturday. */
+export type CalendarWeekStart = 0 | 1 | 6;
+export interface CalendarCell {
+    date: Date;
+    iso: string;
+    inMonth: boolean;
+}
+/** A grid is always six weeks, so the calendar keeps one height across months. */
+export declare const GRID_CELLS = 42;
+export declare const startOfDay: (date: Date) => Date;
+export declare const startOfMonth: (date: Date) => Date;
+export declare const addMonths: (date: Date, delta: number) => Date;
+export declare const isSameDay: (a: Date, b: Date) => boolean;
+/** Local calendar day as `yyyy-MM-dd`, the key every day lookup uses. */
+export declare const toIso: (date: Date) => string;
+/** Whole days from `a` to `b`; rounded because a DST day is 23 or 25 hours long. */
+export declare const daysBetween: (a: Date, b: Date) => number;
+export declare const buildMonthMatrix: (month: Date, weekStartsOn: CalendarWeekStart) => CalendarCell[];
+/** Short weekday names in grid order, each keyed by its weekday number (0 Sunday). */
+export declare const weekdayLabels: (locale: string, weekStartsOn: CalendarWeekStart) => {
+    weekday: number;
+    label: string;
+}[];
+//# sourceMappingURL=calendarDates.d.ts.map

package/lib/typescript/commonjs/components/Calendar/calendarStyles.d.ts

@@ -0,0 +1,125 @@
+import type { Theme } from '../../theme/types';
+/** The smallest day cell: the 44 pt minimum touch target. */
+export declare const MIN_CELL_SIZE = 44;
+export declare const NAV_BUTTON_SIZE = 36;
+export declare const buildCalendarStyles: (theme: Theme) => {
+    root: {
+        alignSelf: "stretch";
+    };
+    headerRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    navBtn: {
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        borderCurve: "continuous";
+        width: number;
+        height: number;
+        borderRadius: 9999;
+    };
+    navBtnPressed: {
+        backgroundColor: string;
+    };
+    navBtnDisabled: {
+        opacity: number;
+    };
+    navText: {
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    headerLabelWrap: {
+        flex: number;
+        alignItems: "center";
+    };
+    headerLabel: {
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
+        fontSize: number;
+        color: string;
+    };
+    weekdayRow: {
+        flexDirection: "row";
+        justifyContent: "center";
+        marginBottom: number;
+    };
+    weekdayCell: {
+        alignItems: "center";
+        paddingVertical: number;
+    };
+    weekdayText: {
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
+        fontSize: number;
+        color: string;
+        letterSpacing: number;
+    };
+    gridRow: {
+        flexDirection: "row";
+        justifyContent: "center";
+    };
+    dayCell: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+    };
+    barLeft: {
+        position: "absolute";
+        left: number;
+        right: "50%";
+        top: "5%";
+        bottom: "5%";
+    };
+    barRight: {
+        position: "absolute";
+        left: "50%";
+        right: number;
+        top: "5%";
+        bottom: "5%";
+    };
+    rangeFill: {
+        backgroundColor: string;
+    };
+    dayInner: {
+        borderCurve: "continuous";
+        width: "90%";
+        height: "90%";
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: 9999;
+    };
+    dayEdge: {
+        backgroundColor: string;
+    };
+    dayMid: {
+        borderRadius: 0;
+    };
+    dayText: {
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        fontFamily?: string | undefined | undefined;
+        fontSize: number;
+    };
+    dayStruck: {
+        textDecorationLine: "line-through";
+    };
+    dots: {
+        position: "absolute";
+        bottom: number;
+        flexDirection: "row";
+        gap: number;
+    };
+    dot: {
+        borderCurve: "continuous";
+        width: number;
+        height: number;
+        borderRadius: 9999;
+    };
+};
+export type CalendarStyles = ReturnType<typeof buildCalendarStyles>;
+//# sourceMappingURL=calendarStyles.d.ts.map

package/lib/typescript/commonjs/components/Calendar/index.d.ts

@@ -0,0 +1,4 @@
+export type { CalendarMarkedDate, CalendarMarkKind, CalendarMode, CalendarProps, CalendarRange } from './Calendar';
+export { Calendar, default } from './Calendar';
+export type { CalendarWeekStart } from './calendarDates';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Carousel/Carousel.d.ts

@@ -18,7 +18,7 @@
  * ref.current?.next();
  * ref.current?.prev();
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export type PaginationStyle = 'dots' | 'bars' | 'numbers';

package/lib/typescript/commonjs/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 import type { IconVariant } from '../AppIcon/AppIcon';

package/lib/typescript/commonjs/components/ChoiceGroup/ChoiceGroup.d.ts

@@ -24,7 +24,7 @@
  * Same data contract as Select: `ChoiceOption[]` by default, `getOption*`
  * accessors for custom shapes.
  */
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 import type { SlotIcon } from '../AppIcon/slotIcon';
@@ -103,6 +103,16 @@ interface BaseChoiceGroupProps<T = ChoiceOption> {
     disabled?: boolean;
     /** Density of the built-in templates (padding / fontSize / icon / dot). Default `'md'`. */
     size?: ChoiceGroupSize;
+    /**
+     * Lines an option label may take in the built-in templates before it ends in
+     * an ellipsis. Default `1`. Screen readers always get the full label.
+     */
+    labelLines?: number;
+    /**
+     * Lines an option description may take in the card before it ends in an
+     * ellipsis. Default `2`. The card's accessible label carries the full description.
+     */
+    descriptionLines?: number;
     /** Haptic on select. Pass false to disable; pass a HapticType to override. */
     haptic?: HapticType | false;
     accessibilityLabel?: string;

package/lib/typescript/commonjs/components/Confetti/Confetti.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 export type ConfettiPreset = 'pop' | 'rain' | 'fireworks';
 export type ConfettiShape = 'strip' | 'square' | 'circle' | 'triangle' | 'star' | 'streamer';

package/lib/typescript/commonjs/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 import type { PickerTriggerSize, PickerTriggerVariant } from '../PickerTrigger';

package/lib/typescript/commonjs/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
+import type { CalendarMarkedDate } from '../Calendar';
+import type { CalendarWeekStart } from '../Calendar/calendarDates';
 import type { PickerTriggerSize, PickerTriggerVariant } from '../PickerTrigger';
-export type WeekStart = 0 | 1 | 6;
+export type WeekStart = CalendarWeekStart;
 export interface DateRange {
     start: Date | null;
     end: Date | null;
@@ -42,6 +44,10 @@ export interface DateRangePickerProps {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
+    /** Holidays, events and pending requests drawn on the grid; see `Calendar`. */
+    markedDates?: CalendarMarkedDate[];
+    /** Strike holidays inside the chosen range and read them as not counted; see `Calendar`. */
+    strikeMarkedInRange?: boolean;
     locale?: string;
     weekStartsOn?: WeekStart;
     title?: string;

package/lib/typescript/commonjs/components/Descriptions/Descriptions.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { TextColor } from '../Text/Text';
 export type DescriptionsSize = 'sm' | 'md';

package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils';
 export type DialogVariant = 'default' | 'success' | 'warning' | 'error' | 'info';

package/lib/typescript/commonjs/components/Drawer/Drawer.d.ts

@@ -17,7 +17,7 @@
  * ref.current?.close();
  * ref.current?.toggle();
  */
-import React from 'react';
+import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { HapticType } from '../../utils';
 export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';

package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 export type EmptyStateSize = 'sm' | 'md' | 'lg';
 export interface EmptyStateAction {

package/lib/typescript/commonjs/components/ErrorBoundary/withErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { ErrorBoundaryProps } from './ErrorBoundary';
 /**
  * Wraps a component in an `ErrorBoundary`. Prefer this over hand-wrapping a