react-native-system-ui 1.0.3 → 1.0.5

package/README.md

@@ -17,7 +17,7 @@
 pnpm add react-native-system-ui react-native-svg
 
 # 如需在业务中直接使用图标组件（可 Tree Shaking）
-pnpm add react-native-system-icon
+pnpm add react-native-system-icon react-native-svg
 
 # 同时保证项目已安装 react 和 react-native（>=18.2 / >=0.79）
 ```
@@ -176,4 +176,4 @@ enableNativeWind(cssInterop)
 
 ## 版本与反馈
 
-当前为 v1.0.3，欢迎 issue / PR。
+当前为 v1.0.5，欢迎 issue / PR。

package/dist/cjs/components/action-sheet/ActionSheet.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_utils=require("../../utils"),_loading=_interopRequireDefault(require("../loading")),_popup=_interopRequireDefault(require("../popup")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,l,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?o(c,t,l):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const defaultCloseIcon=_react().default.createElement(_reactNativeSystemIcon().Close,{size:18}),ActionSheetHeader=_react().default.memo(({title:e,closeable:t,closeIcon:r,tokens:a,onClose:o})=>{const l=(0,_hooks.useAriaPress)({onPress:o}),{colors:c,typography:n}=a;return _react().default.createElement(_reactNative().View,{style:a.layout.header},_react().default.createElement(_reactNative().View,{style:a.layout.titleContainer},(0,_utils.isText)(e)?(0,_utils.renderTextOrNode)(e,[a.layout.title,{color:c.title,fontSize:n.title}]):_react().default.createElement(_reactNative().View,{style:a.layout.titleNode},e)),t&&_react().default.createElement(_reactNative().Pressable,_extends({style:a.layout.closeButton,accessibilityRole:"button",hitSlop:8},l.interactionProps),_react().default.isValidElement(r)?_react().default.cloneElement(r,{fill:c.description,color:c.description}):(0,_utils.renderTextOrNode)(r,[{color:c.description}])))}),ActionSheetItem=_react().default.memo(({action:e,index:t,tokens:r,onActionPress:a})=>{const{disabled:o,loading:l,name:c,subname:n,icon:i}=e,{colors:s,spacing:u,typography:d}=r,_=(0,_hooks.useAriaPress)({disabled:!!o||!!l,onPress:(0,_react().useCallback)(()=>a(e,t),[e,t,a]),extraProps:{accessibilityRole:"menuitem",accessibilityLabel:(0,_utils.isText)(c)?String(c):void 0,accessibilityState:{disabled:!!o,busy:!!l},testID:`rv-action-sheet-item-${t}`}});return _react().default.createElement(_reactNative().Pressable,_extends({style:({pressed:t})=>[r.layout.item,!!i&&r.layout.itemWithIcon,{paddingVertical:u.vertical,paddingHorizontal:u.horizontal,backgroundColor:!t||e.disabled||e.loading?s.itemBackground:s.itemPressedBackground},e.style]},_.interactionProps),!!i&&_react().default.createElement(_reactNative().View,{style:r.layout.icon},(0,_utils.isText)(i)?(0,_utils.renderTextOrNode)(i,[{color:s.item}]):i),l?_react().default.createElement(_loading.default,{size:20}):(0,_utils.isRenderable)(c)?_react().default.createElement(_reactNative().View,{style:r.layout.itemTextWrapper},(0,_utils.renderTextOrNode)(c,[r.layout.itemText,{color:e.disabled?s.disabled:e.color??s.item,fontSize:d.item}]),(0,_utils.isRenderable)(n)&&((0,_utils.isText)(n)?(0,_utils.renderTextOrNode)(n,[r.layout.subname,{color:s.subitem}]):_react().default.createElement(_reactNative().View,{style:r.layout.subnameNode},n))):null)}),ActionSheetCancel=_react().default.memo(({cancelText:e,tokens:t,onPress:r})=>{const{colors:a,spacing:o,typography:l}=t,c=(0,_hooks.useAriaPress)({onPress:r,extraProps:{accessibilityRole:"button",testID:"rv-action-sheet-cancel"}});return _react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{style:[t.layout.cancelGap,{height:o.cancelGap,backgroundColor:a.cancelGapBackground}]}),_react().default.createElement(_reactNative().Pressable,_extends({style:[t.layout.cancel,{paddingVertical:o.vertical,paddingHorizontal:o.horizontal,backgroundColor:a.cancelBackground}]},c.interactionProps),(0,_utils.renderTextOrNode)(e,[t.layout.cancelText,{color:a.cancel,fontSize:l.item}])))}),ActionSheetImpl=e=>{const{tokensOverride:t,visible:r,title:a,description:o,cancelText:l,actions:c=[],closeOnClickAction:n,closeOnSelect:i,closeable:s,closeIcon:u=defaultCloseIcon,beforeClose:d,onSelect:_,onCancel:f,onClose:p,children:y,round:m,safeAreaInsetBottom:b,overlay:k,lockScroll:v,style:h,...g}=e,x=(0,_tokens.useActionSheetTokens)(t),N=s??x.defaults.closeable,S=m??x.defaults.round,C=b??x.defaults.safeAreaInsetBottom,P=k??x.defaults.overlay,A=v??x.defaults.lockScroll,E=n??i??x.defaults.closeOnClickAction,R=(0,_utils.isRenderable)(a),w=(0,_utils.isRenderable)(o),T=(0,_utils.isRenderable)(l),I=(0,_react().useRef)("close"),O=(0,_react().useRef)(!1),V=(0,_react().useRef)(d);V.current=d;const q=(0,_react().useRef)(p);q.current=p;const z=(0,_react().useRef)(f);z.current=f;const B=(0,_react().useRef)(_);B.current=_;const W=(0,_react().useCallback)(async e=>{if(!V.current)return!0;try{return!1!==await V.current(e)}catch{return!0}},[]),M=(0,_react().useCallback)(e=>{if(q.current)return"cancel"===e&&z.current?.(),void q.current();z.current?.()},[]),j=(0,_react().useCallback)(async e=>{if(!O.current){O.current=!0;try{if(!await W(e))return;M(e)}finally{O.current=!1}}},[M,W]),D=(0,_react().useCallback)(e=>(I.current=e,W(e)),[W]),H=(0,_react().useCallback)(()=>{M(I.current)},[M]),G=(0,_react().useCallback)((e,t)=>{e.disabled||e.loading||(e.onPress?.(e),e.callback?.(e),B.current?.(e,t),E&&j("action"))},[j,E]),F=(0,_react().useMemo)(()=>[x.layout.popup,h],[x.layout.popup,h]);return _react().default.createElement(_popup.default,_extends({visible:r,placement:"bottom",round:S,safeAreaInsetTop:R&&N,safeAreaInsetBottom:C,overlay:P,lockScroll:A,beforeClose:D,onClose:H,style:F},g),_react().default.createElement(_reactNative().View,{accessibilityRole:"menu",style:[x.layout.panel,{backgroundColor:x.colors.background}]},R&&_react().default.createElement(ActionSheetHeader,{title:a,closeable:N,closeIcon:u,tokens:x,onClose:()=>{j("close-icon")}}),w&&_react().default.createElement(_reactNative().View,{style:x.layout.descriptionContainer},(0,_utils.isText)(o)?(0,_utils.renderTextOrNode)(o,[x.layout.description,{color:x.colors.description,fontSize:x.typography.description}]):_react().default.createElement(_reactNative().View,{style:x.layout.descriptionNode},o),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"bottom",color:x.colors.border,left:0,right:0})})),_react().default.createElement(_reactNative().View,{style:x.layout.actions},c.map((e,t)=>_react().default.createElement(ActionSheetItem,{key:e.key??t,action:e,index:t,tokens:x,onActionPress:G}))),y,T&&_react().default.createElement(ActionSheetCancel,{cancelText:l,tokens:x,onPress:()=>{j("cancel")}})))},ActionSheet=_react().default.memo(ActionSheetImpl);ActionSheet.displayName="ActionSheet";var _default=exports.default=ActionSheet;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_utils=require("../../utils"),_loading=_interopRequireDefault(require("../loading")),_popup=_interopRequireDefault(require("../popup")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,l,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?o(c,t,l):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const defaultCloseIcon=_react().default.createElement(_reactNativeSystemIcon().Close,{size:18}),ActionSheetHeader=_react().default.memo(({title:e,closeable:t,closeIcon:r,tokens:a,onClose:o})=>{const l=(0,_hooks.useAriaPress)({onPress:o}),{colors:c,typography:n}=a;return _react().default.createElement(_reactNative().View,{style:a.layout.header},_react().default.createElement(_reactNative().View,{style:a.layout.titleContainer},(0,_utils.isText)(e)?(0,_utils.renderTextOrNode)(e,[a.layout.title,{color:c.title,fontSize:n.title}]):_react().default.createElement(_reactNative().View,{style:a.layout.titleNode},e)),t&&_react().default.createElement(_reactNative().Pressable,_extends({style:a.layout.closeButton,accessibilityRole:"button",hitSlop:8},l.interactionProps),_react().default.isValidElement(r)?_react().default.cloneElement(r,{fill:c.description,color:c.description}):(0,_utils.renderTextOrNode)(r,[{color:c.description}])))}),ActionSheetItem=_react().default.memo(({action:e,index:t,tokens:r,onActionPress:a})=>{const{disabled:o,loading:l,name:c,subname:n,icon:i}=e,{colors:s,spacing:u,typography:d}=r,_=(0,_hooks.useAriaPress)({disabled:!!o||!!l,onPress:(0,_react().useCallback)(()=>a(e,t),[e,t,a]),extraProps:{accessibilityRole:"web"===_reactNative().Platform.OS?"menuitem":"button",accessibilityLabel:(0,_utils.isText)(c)?String(c):void 0,accessibilityState:{disabled:!!o,busy:!!l},testID:`rv-action-sheet-item-${t}`}});return _react().default.createElement(_reactNative().Pressable,_extends({style:({pressed:t})=>[r.layout.item,!!i&&r.layout.itemWithIcon,{paddingVertical:u.vertical,paddingHorizontal:u.horizontal,backgroundColor:!t||e.disabled||e.loading?s.itemBackground:s.itemPressedBackground},e.style]},_.interactionProps),!!i&&_react().default.createElement(_reactNative().View,{style:r.layout.icon},(0,_utils.isText)(i)?(0,_utils.renderTextOrNode)(i,[{color:s.item}]):i),l?_react().default.createElement(_loading.default,{size:20}):(0,_utils.isRenderable)(c)?_react().default.createElement(_reactNative().View,{style:r.layout.itemTextWrapper},(0,_utils.renderTextOrNode)(c,[r.layout.itemText,{color:e.disabled?s.disabled:e.color??s.item,fontSize:d.item}]),(0,_utils.isRenderable)(n)&&((0,_utils.isText)(n)?(0,_utils.renderTextOrNode)(n,[r.layout.subname,{color:s.subitem}]):_react().default.createElement(_reactNative().View,{style:r.layout.subnameNode},n))):null)}),ActionSheetCancel=_react().default.memo(({cancelText:e,tokens:t,onPress:r})=>{const{colors:a,spacing:o,typography:l}=t,c=(0,_hooks.useAriaPress)({onPress:r,extraProps:{accessibilityRole:"button",testID:"rv-action-sheet-cancel"}});return _react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{style:[t.layout.cancelGap,{height:o.cancelGap,backgroundColor:a.cancelGapBackground}]}),_react().default.createElement(_reactNative().Pressable,_extends({style:[t.layout.cancel,{paddingVertical:o.vertical,paddingHorizontal:o.horizontal,backgroundColor:a.cancelBackground}]},c.interactionProps),(0,_utils.renderTextOrNode)(e,[t.layout.cancelText,{color:a.cancel,fontSize:l.item}])))}),ActionSheetImpl=e=>{const{tokensOverride:t,visible:r,title:a,description:o,cancelText:l,actions:c=[],closeOnClickAction:n,closeOnSelect:i,closeable:s,closeIcon:u=defaultCloseIcon,beforeClose:d,onSelect:_,onCancel:f,onClose:p,children:y,round:m,safeAreaInsetBottom:b,overlay:v,lockScroll:k,style:h,...g}=e,x=(0,_tokens.useActionSheetTokens)(t),N=s??x.defaults.closeable,S=m??x.defaults.round,C=b??x.defaults.safeAreaInsetBottom,P=v??x.defaults.overlay,A=k??x.defaults.lockScroll,E=n??i??x.defaults.closeOnClickAction,w=(0,_utils.isRenderable)(a),R=(0,_utils.isRenderable)(o),O=(0,_utils.isRenderable)(l),T=(0,_react().useRef)("close"),I=(0,_react().useRef)(!1),V=(0,_react().useRef)(d);V.current=d;const q=(0,_react().useRef)(p);q.current=p;const z=(0,_react().useRef)(f);z.current=f;const B=(0,_react().useRef)(_);B.current=_;const W=(0,_react().useCallback)(async e=>{if(!V.current)return!0;try{return!1!==await V.current(e)}catch{return!0}},[]),M=(0,_react().useCallback)(e=>{if(q.current)return"cancel"===e&&z.current?.(),void q.current();z.current?.()},[]),j=(0,_react().useCallback)(async e=>{if(!I.current){I.current=!0;try{if(!await W(e))return;M(e)}finally{I.current=!1}}},[M,W]),D=(0,_react().useCallback)(e=>(T.current=e,W(e)),[W]),H=(0,_react().useCallback)(()=>{M(T.current)},[M]),G=(0,_react().useCallback)((e,t)=>{e.disabled||e.loading||(e.onPress?.(e),e.callback?.(e),B.current?.(e,t),E&&j("action"))},[j,E]),F=(0,_react().useMemo)(()=>[x.layout.popup,h],[x.layout.popup,h]);return _react().default.createElement(_popup.default,_extends({visible:r,placement:"bottom",round:S,safeAreaInsetTop:w&&N,safeAreaInsetBottom:C,overlay:P,lockScroll:A,beforeClose:D,onClose:H,style:F},g),_react().default.createElement(_reactNative().View,{accessibilityRole:"menu",style:[x.layout.panel,{backgroundColor:x.colors.background}]},w&&_react().default.createElement(ActionSheetHeader,{title:a,closeable:N,closeIcon:u,tokens:x,onClose:()=>{j("close-icon")}}),R&&_react().default.createElement(_reactNative().View,{style:x.layout.descriptionContainer},(0,_utils.isText)(o)?(0,_utils.renderTextOrNode)(o,[x.layout.description,{color:x.colors.description,fontSize:x.typography.description}]):_react().default.createElement(_reactNative().View,{style:x.layout.descriptionNode},o),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"bottom",color:x.colors.border,left:0,right:0})})),_react().default.createElement(_reactNative().View,{style:x.layout.actions},c.map((e,t)=>_react().default.createElement(ActionSheetItem,{key:e.key??t,action:e,index:t,tokens:x,onActionPress:G}))),y,O&&_react().default.createElement(ActionSheetCancel,{cancelText:l,tokens:x,onPress:()=>{j("cancel")}})))},ActionSheet=_react().default.memo(ActionSheetImpl);ActionSheet.displayName="ActionSheet";var _default=exports.default=ActionSheet;

package/dist/cjs/components/action-sheet/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useActionSheetTokens=exports.createActionSheetTokens=void 0;var _designSystem=require("../../design-system");const centered={alignItems:"center",justifyContent:"center"},createActionSheetTokens=e=>{const{palette:t,spacing:n,fontSize:i}=e,o="#ffffff";return{defaults:{closeOnClickAction:!1,closeable:!0,round:!0,safeAreaInsetBottom:!0,overlay:!0,lockScroll:!0},layout:{popup:{paddingLeft:0,paddingRight:0,paddingBottom:0},panel:{width:"100%",maxHeight:"80%"},header:{position:"relative",flexDirection:"row",...centered,paddingHorizontal:16},titleContainer:{flex:1,...centered},title:{fontWeight:"600",textAlign:"center"},titleNode:centered,closeButton:{position:"absolute",top:0,right:0,width:48,height:48,...centered},descriptionContainer:{paddingTop:12,paddingBottom:20,paddingHorizontal:16},description:{textAlign:"center",lineHeight:20},descriptionNode:centered,actions:{width:"100%"},item:{...centered,width:"100%"},itemWithIcon:{flexDirection:"row",justifyContent:"center"},itemTextWrapper:centered,itemText:{lineHeight:24},subname:{marginTop:4,fontSize:12,lineHeight:18},subnameNode:{marginTop:4},icon:{marginRight:12},cancelGap:{width:"100%",marginBottom:0},cancel:centered,cancelText:{lineHeight:24}},colors:{background:o,title:t.default[900],description:t.default[500],item:t.default[900],subitem:t.default[500],cancel:t.default[900],disabled:t.default[400],border:t.default[200],itemBackground:o,itemPressedBackground:t.default[100],cancelBackground:o,cancelGapBackground:t.default[100]??"#f1f2f5"},typography:{title:i.lg,item:i.md,description:i.sm},spacing:{horizontal:n.md,vertical:14,cancelGap:8}}};exports.createActionSheetTokens=createActionSheetTokens;const useActionSheetTokens=exports.useActionSheetTokens=(0,_designSystem.createComponentTokensHook)("actionSheet",createActionSheetTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useActionSheetTokens=exports.createActionSheetTokens=void 0;var _designSystem=require("../../design-system");const centered={alignItems:"center",justifyContent:"center"},createActionSheetTokens=e=>{const{palette:t,spacing:n,fontSize:i}=e,o=e.surface??"#ffffff";return{defaults:{closeOnClickAction:!1,closeable:!0,round:!0,safeAreaInsetBottom:!0,overlay:!0,lockScroll:!0},layout:{popup:{paddingLeft:0,paddingRight:0,paddingBottom:0},panel:{width:"100%",maxHeight:"80%"},header:{position:"relative",flexDirection:"row",...centered,paddingHorizontal:16},titleContainer:{flex:1,...centered},title:{fontWeight:"600",textAlign:"center"},titleNode:centered,closeButton:{position:"absolute",top:0,right:0,width:48,height:48,...centered},descriptionContainer:{paddingTop:12,paddingBottom:20,paddingHorizontal:16},description:{textAlign:"center",lineHeight:20},descriptionNode:centered,actions:{width:"100%"},item:{...centered,width:"100%"},itemWithIcon:{flexDirection:"row",justifyContent:"center"},itemTextWrapper:centered,itemText:{lineHeight:24},subname:{marginTop:4,fontSize:12,lineHeight:18},subnameNode:{marginTop:4},icon:{marginRight:12},cancelGap:{width:"100%",marginBottom:0},cancel:centered,cancelText:{lineHeight:24}},colors:{background:o,title:t.default[900],description:t.default[500],item:t.default[900],subitem:t.default[500],cancel:t.default[900],disabled:t.default[400],border:t.default[200],itemBackground:o,itemPressedBackground:t.default[100],cancelBackground:o,cancelGapBackground:t.default[100]??"#f1f2f5"},typography:{title:i.lg,item:i.md,description:i.sm},spacing:{horizontal:n.md,vertical:14,cancelGap:8}}};exports.createActionSheetTokens=createActionSheetTokens;const useActionSheetTokens=exports.useActionSheetTokens=(0,_designSystem.createComponentTokensHook)("actionSheet",createActionSheetTokens);

package/dist/cjs/components/action-sheet/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/area/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/avatar/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/badge/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/button/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/calendar/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCalendarTokens=exports.createCalendarTokens=void 0;var _designSystem=require("../../design-system");const createCalendarTokens=e=>{const{palette:t,spacing:n,radii:a,fontSize:r,typography:i}=e,o=t.primary.foreground??"#ffffff";return{defaults:{type:"single",title:"Select Date",showSubtitle:!0,showHeader:!0,showConfirm:{single:!1,range:!0,multiple:!0},confirmText:"Confirm",weekStartsOn:0,weekdays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],allowSameDay:!1,poppable:!1,closeOnClickOverlay:!0,closeOnConfirm:!0,popupPlacement:"bottom",popupRound:!0},layout:{header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},headerCenter:{alignItems:"center",flex:1},navText:{textAlign:"center"},headerTitle:{textAlign:"center"},headerSubtitle:{textAlign:"center"},weekRow:{flexDirection:"row",justifyContent:"space-between"},weekLabelItem:{width:100/7+"%",alignItems:"center"},weekLabel:{textAlign:"center"},days:{flexDirection:"row",flexWrap:"wrap"},dayButton:{width:100/7+"%",alignItems:"center"},dayText:{textAlign:"center"},dayPlaceholder:{width:100/7+"%"},confirmButton:{alignItems:"center"},confirmText:{textAlign:"center"}},colors:{text:t.default[800],weekend:t.danger[500],disabled:t.default[300],background:"#ffffff",selectedBackground:t.primary[500],selectedText:o,rangeBackground:t.primary[100],headerSubtitle:t.default[600],confirmText:o},typography:{headerTitleSize:r.md,headerTitleWeight:i.weight.semiBold,headerSubtitleSize:r.sm,confirmTextWeight:i.weight.semiBold},sizing:{dayMinWidth:32,navButtonSize:r.md},radii:{day:a.sm,container:a.lg,confirmButton:20},spacing:{row:n.xs,column:n.xs,containerPadding:n.lg,headerMarginBottom:n.md,weekRowMarginBottom:n.sm,navPaddingHorizontal:n.sm,dayPaddingVertical:6,confirmMarginTop:n.lg,confirmPaddingVertical:10}}};exports.createCalendarTokens=createCalendarTokens;const useCalendarTokens=exports.useCalendarTokens=(0,_designSystem.createComponentTokensHook)("calendar",createCalendarTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCalendarTokens=exports.createCalendarTokens=void 0;var _designSystem=require("../../design-system");const createCalendarTokens=e=>{const{palette:t,spacing:n,radii:a,fontSize:r,typography:i}=e,o=e.surface??"#ffffff",l=t.primary.foreground??"#ffffff";return{defaults:{type:"single",title:"Select Date",showSubtitle:!0,showHeader:!0,showConfirm:{single:!1,range:!0,multiple:!0},confirmText:"Confirm",weekStartsOn:0,weekdays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],allowSameDay:!1,poppable:!1,closeOnClickOverlay:!0,closeOnConfirm:!0,popupPlacement:"bottom",popupRound:!0},layout:{header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},headerCenter:{alignItems:"center",flex:1},navText:{textAlign:"center"},headerTitle:{textAlign:"center"},headerSubtitle:{textAlign:"center"},weekRow:{flexDirection:"row",justifyContent:"space-between"},weekLabelItem:{width:100/7+"%",alignItems:"center"},weekLabel:{textAlign:"center"},days:{flexDirection:"row",flexWrap:"wrap"},dayButton:{width:100/7+"%",alignItems:"center"},dayText:{textAlign:"center"},dayPlaceholder:{width:100/7+"%"},confirmButton:{alignItems:"center"},confirmText:{textAlign:"center"}},colors:{text:t.default[800],weekend:t.danger[500],disabled:t.default[300],background:o,selectedBackground:t.primary[500],selectedText:l,rangeBackground:t.primary[100],headerSubtitle:t.default[600],confirmText:l},typography:{headerTitleSize:r.md,headerTitleWeight:i.weight.semiBold,headerSubtitleSize:r.sm,confirmTextWeight:i.weight.semiBold},sizing:{dayMinWidth:32,navButtonSize:r.md},radii:{day:a.sm,container:a.lg,confirmButton:20},spacing:{row:n.xs,column:n.xs,containerPadding:n.lg,headerMarginBottom:n.md,weekRowMarginBottom:n.sm,navPaddingHorizontal:n.sm,dayPaddingVertical:6,confirmMarginTop:n.lg,confirmPaddingVertical:10}}};exports.createCalendarTokens=createCalendarTokens;const useCalendarTokens=exports.useCalendarTokens=(0,_designSystem.createComponentTokensHook)("calendar",createCalendarTokens);

package/dist/cjs/components/calendar/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/cascader/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCascaderTokens=exports.createCascaderTokens=void 0;var _designSystem=require("../../design-system");const createCascaderTokens=e=>{const{palette:t,spacing:i,radii:o}=e,n=t.default[100],a="Select";return{defaults:{placeholder:a,title:a,showHeader:!0,closeable:!0,swipeable:!0,poppable:!1,closeOnClickOverlay:!0,closeOnFinish:!0,popupPlacement:"bottom",popupRound:!0,loadingText:"Loading..."},layout:{container:{borderRadius:0,width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:0},title:{lineHeight:20,includeFontPadding:!1},closeButton:{},tabsWrapper:{width:"100%"},tabsContentStatic:{width:"100%"},tabsItem:{alignItems:"center"},tabsTitle:{includeFontPadding:!1},tabTitleNode:{includeFontPadding:!1},optionList:{flexGrow:0},option:{justifyContent:"center"},optionContent:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},optionText:{lineHeight:20,includeFontPadding:!1},optionTextActive:{},optionLabel:{flex:1},empty:{textAlign:"center"},inlineChildren:{}},colors:{background:"#ffffff",headerText:t.default[900],placeholder:t.default[500],closeIcon:t.default[300],closeIconActive:t.default[500],tabText:t.default[900],tabActive:t.primary[500],tabInactive:t.default[500],optionText:t.default[900],optionDisabled:t.default[300],optionActiveBackground:n,optionActiveText:t.primary[500],divider:t.default[200]},typography:{titleSize:16,titleWeight:"500",tabsTitleSize:14,tabTitlePlaceholderWeight:"400",tabTitleWeight:"500",optionTextSize:14,optionTextActiveWeight:"500",emptyTextSize:14},sizing:{indicatorHeight:3,optionMinHeight:40,optionListHeight:384,headerHeight:48,closeIconSize:22,selectedIconSize:18},radii:{option:o.sm},spacing:{headerPaddingHorizontal:i.lg,tabNavPaddingHorizontal:6,tabNavPaddingVertical:2,tabPaddingHorizontal:10,optionPaddingVertical:10,optionPaddingHorizontal:i.lg,optionListPaddingTop:6,optionListPaddingBottom:0,closeButtonMarginLeft:8,optionLabelMarginRight:12,emptyPaddingVertical:24,inlineChildrenPaddingVertical:12}}};exports.createCascaderTokens=createCascaderTokens;const useCascaderTokens=exports.useCascaderTokens=(0,_designSystem.createComponentTokensHook)("cascader",createCascaderTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCascaderTokens=exports.createCascaderTokens=void 0;var _designSystem=require("../../design-system");const createCascaderTokens=e=>{const{palette:t,spacing:i,radii:o}=e,n=e.surface??"#ffffff",a=t.default[100],d="Select";return{defaults:{placeholder:d,title:d,showHeader:!0,closeable:!0,swipeable:!0,poppable:!1,closeOnClickOverlay:!0,closeOnFinish:!0,popupPlacement:"bottom",popupRound:!0,loadingText:"Loading..."},layout:{container:{borderRadius:0,width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:0},title:{lineHeight:20,includeFontPadding:!1},closeButton:{},tabsWrapper:{width:"100%"},tabsContentStatic:{width:"100%"},tabsItem:{alignItems:"center"},tabsTitle:{includeFontPadding:!1},tabTitleNode:{includeFontPadding:!1},optionList:{flexGrow:0},option:{justifyContent:"center"},optionContent:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},optionText:{lineHeight:20,includeFontPadding:!1},optionTextActive:{},optionLabel:{flex:1},empty:{textAlign:"center"},inlineChildren:{}},colors:{background:n,headerText:t.default[900],placeholder:t.default[500],closeIcon:t.default[300],closeIconActive:t.default[500],tabText:t.default[900],tabActive:t.primary[500],tabInactive:t.default[500],optionText:t.default[900],optionDisabled:t.default[300],optionActiveBackground:a,optionActiveText:t.primary[500],divider:t.default[200]},typography:{titleSize:16,titleWeight:"500",tabsTitleSize:14,tabTitlePlaceholderWeight:"400",tabTitleWeight:"500",optionTextSize:14,optionTextActiveWeight:"500",emptyTextSize:14},sizing:{indicatorHeight:3,optionMinHeight:40,optionListHeight:384,headerHeight:48,closeIconSize:22,selectedIconSize:18},radii:{option:o.sm},spacing:{headerPaddingHorizontal:i.lg,tabNavPaddingHorizontal:6,tabNavPaddingVertical:2,tabPaddingHorizontal:10,optionPaddingVertical:10,optionPaddingHorizontal:i.lg,optionListPaddingTop:6,optionListPaddingBottom:0,closeButtonMarginLeft:8,optionLabelMarginRight:12,emptyPaddingVertical:24,inlineChildrenPaddingVertical:12}}};exports.createCascaderTokens=createCascaderTokens;const useCascaderTokens=exports.useCascaderTokens=(0,_designSystem.createComponentTokensHook)("cascader",createCascaderTokens);

package/dist/cjs/components/cascader/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/cell/tokens.js

@@ -1 +1 @@
-"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCellTokens=exports.createCellTokens=void 0;var _designSystem=require("../../design-system");const createCellTokens=e=>{const{palette:t,spacing:r,fontSize:i,typography:n,radii:a}=e,o="#ffffff",l={flexDirection:"row",alignItems:"flex-start",width:"100%",backgroundColor:o,paddingHorizontal:16};return{defaults:{border:!0,size:"normal",arrowDirection:"right",activeOpacity:.6,groupBorder:!0,groupInset:!1,groupCard:!1},layout:{container:{...l,paddingVertical:10},containerLarge:{...l,paddingVertical:14},center:{alignItems:"center"},body:{minWidth:0,flexDirection:"column"},titleRow:{flexDirection:"row",alignItems:"center"},value:{textAlign:"right"},valueOnly:{textAlign:"left"},valueContainer:{flex:1,flexShrink:1,minWidth:0,flexDirection:"row",alignItems:"center",justifyContent:"flex-end"},valueOnlyContainer:{justifyContent:"flex-start",alignItems:"flex-start"},valueCenter:{alignItems:"center"},customContent:{flexShrink:1,minWidth:0},iconWrapper:{justifyContent:"center",alignItems:"center"},rightIconWrapper:{alignSelf:"center",justifyContent:"center",alignItems:"center"},hairline:{position:"absolute",bottom:0},groupCardShadow:{},arrowTransforms:{left:{transform:[{rotate:"180deg"}]},right:{},up:{transform:[{rotate:"-90deg"}]},down:{transform:[{rotate:"90deg"}]}}},colors:{background:o,ripple:t.default[100],title:t.default[800],label:t.default[500],value:t.default[600],required:t.danger[500],border:t.default[200],arrow:t.default[400],groupTitle:t.default[500],groupBodyBackground:o},typography:{titleSize:i.sm,lineHeight:24,titleWeight:n.weight.medium,largeTitleSize:i.lg,labelSize:i.xs,largeLabelSize:i.sm,valueSize:i.sm,largeValueSize:i.md,groupTitleSize:i.sm},sizing:{paddingVertical:10,paddingHorizontal:16,largePaddingVertical:14,arrowSize:16,iconSize:16,groupMarginBottom:r.md,groupTitlePaddingHorizontal:r.lg,groupTitlePaddingVertical:r.sm,groupInsetMarginHorizontal:r.lg},radii:{groupInset:a.lg},borders:{width:_reactNative().StyleSheet.hairlineWidth},spacing:{iconGap:r.sm,valueGap:r.none,extraGap:r.sm,labelMarginTop:r.xs}}};exports.createCellTokens=createCellTokens;const useCellTokens=exports.useCellTokens=(0,_designSystem.createComponentTokensHook)("cell",createCellTokens);
+"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCellTokens=exports.createCellTokens=void 0;var _designSystem=require("../../design-system");const createCellTokens=e=>{const{palette:t,spacing:r,fontSize:i,typography:n,radii:a}=e,o=e.surface??"#ffffff",l={flexDirection:"row",alignItems:"flex-start",width:"100%",backgroundColor:o,paddingHorizontal:16};return{defaults:{border:!0,size:"normal",arrowDirection:"right",activeOpacity:.6,groupBorder:!0,groupInset:!1,groupCard:!1},layout:{container:{...l,paddingVertical:10},containerLarge:{...l,paddingVertical:14},center:{alignItems:"center"},body:{minWidth:0,flexDirection:"column"},titleRow:{flexDirection:"row",alignItems:"center"},value:{textAlign:"right"},valueOnly:{textAlign:"left"},valueContainer:{flex:1,flexShrink:1,minWidth:0,flexDirection:"row",alignItems:"center",justifyContent:"flex-end"},valueOnlyContainer:{justifyContent:"flex-start",alignItems:"flex-start"},valueCenter:{alignItems:"center"},customContent:{flexShrink:1,minWidth:0},iconWrapper:{justifyContent:"center",alignItems:"center"},rightIconWrapper:{alignSelf:"center",justifyContent:"center",alignItems:"center"},hairline:{position:"absolute",bottom:0},groupCardShadow:{},arrowTransforms:{left:{transform:[{rotate:"180deg"}]},right:{},up:{transform:[{rotate:"-90deg"}]},down:{transform:[{rotate:"90deg"}]}}},colors:{background:o,ripple:t.default[100],title:t.default[800],label:t.default[500],value:t.default[600],required:t.danger[500],border:t.default[200],arrow:t.default[400],groupTitle:t.default[500],groupBodyBackground:o},typography:{titleSize:i.sm,lineHeight:24,titleWeight:n.weight.medium,largeTitleSize:i.lg,labelSize:i.xs,largeLabelSize:i.sm,valueSize:i.sm,largeValueSize:i.md,groupTitleSize:i.sm},sizing:{paddingVertical:10,paddingHorizontal:16,largePaddingVertical:14,arrowSize:16,iconSize:16,groupMarginBottom:r.md,groupTitlePaddingHorizontal:r.lg,groupTitlePaddingVertical:r.sm,groupInsetMarginHorizontal:r.lg},radii:{groupInset:a.lg},borders:{width:_reactNative().StyleSheet.hairlineWidth},spacing:{iconGap:r.sm,valueGap:r.none,extraGap:r.sm,labelMarginTop:r.xs}}};exports.createCellTokens=createCellTokens;const useCellTokens=exports.useCellTokens=(0,_designSystem.createComponentTokensHook)("cell",createCellTokens);

package/dist/cjs/components/cell/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _checkbox(){const e=require("@react-native-aria/checkbox");return _checkbox=function(){return e},e}function _toggle(){const e=require("@react-stately/toggle");return _toggle=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var _CheckboxContext=require("./CheckboxContext"),_tokens=require("./tokens"),_utils=require("../../utils"),_validate=require("../../utils/validate");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,i,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?l(c,t,i):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const EMPTY_CHECKBOX_GROUP_STATE={value:[],isDisabled:!1,isReadOnly:!1,isSelected:()=>!1,setValue:()=>{},addValue:()=>{},removeValue:()=>{},toggleValue:()=>{}},CheckboxImpl=(e,t)=>{const{children:a,name:r,value:l,iconRender:i,bindGroup:c,shape:o,iconSize:n,checkedColor:s,labelPosition:u,labelDisabled:d,disabled:b,style:f,labelStyle:_,tokensOverride:p,hitSlop:h=8,accessibilityLabel:g,"aria-label":k,onClick:y,onChange:v,...x}=e,m=(0,_tokens.useCheckboxTokens)(p),C=(0,_react().useContext)(_CheckboxContext.CheckboxGroupContext),S=c??m.defaults.bindGroup,E=o??C?.shape??m.defaults.shape,R=n??C?.iconSize??m.defaults.iconSize,P=s??C?.checkedColor??m.colors.checkedBackground,w=i??C?.iconRender,O=u??m.defaults.labelPosition,V=d??C?.labelDisabled??m.defaults.labelDisabled,N=Boolean(b||C?.state.isDisabled),q=l??r,T=null==q?void 0:String(q),W=(0,_react().useRef)(null);(0,_react().useImperativeHandle)(t,()=>W.current);const B=(0,_toggle().useToggleState)({isSelected:e.checked,defaultSelected:e.defaultChecked,onChange:v}),D=!!C&&void 0!==T&&S,{onBlur:M,onFocus:z,...F}=x;(0,_react().useEffect)(()=>{if(C&&S&&void 0!==T&&void 0!==q)return C.registerValue(T,q,N),()=>C.unregisterValue(T)},[S,C,T,q,N]);const j=g??k??((0,_validate.isText)(a)?String(a):void 0)??T??"checkbox",G=W,{inputProps:H}=(0,_checkbox().useCheckboxGroupItem)({...F,value:T??"",isDisabled:N,"aria-label":j},D&&C?C.state:EMPTY_CHECKBOX_GROUP_STATE,G),{inputProps:L}=(0,_checkbox().useCheckbox)({...F,isDisabled:N,value:T,"aria-label":j},B,G),I=D&&C?H:L,A=D&&C?C.state.isSelected(T):void 0!==e.checked?e.checked:B.isSelected,K="round"===E?R/2:m.radii.square,U=N?m.colors.disabledBorder:A?P:m.colors.border,X=N?m.colors.disabledBackground:A?P:m.colors.background,Y=N||V?m.colors.labelDisabled:m.colors.label,J="left"===O?{marginRight:m.spacing.gap}:{marginLeft:m.spacing.gap},Q=I?.onPress,Z=I?{...I,onPress:t=>{y?.(t),D&&C?.max&&!A&&C.state.value.length>=C.max||(Q?Q(t):D&&C&&void 0!==T?A?C.state.removeValue(T):C.state.addValue(T):void 0===e.checked?v&&B.setSelected(!B.isSelected):v?.(!e.checked))}}:{},$=(0,_validate.isRenderable)(a)?(0,_validate.isText)(a)?_react().default.createElement(_reactNative().Text,{accessible:!1,style:[m.layout.label,{color:Y,fontSize:m.typography.fontSize,lineHeight:m.typography.fontSize*m.typography.lineHeightMultiplier,fontFamily:m.typography.fontFamily,fontWeight:m.typography.fontWeight},_]},a):_react().default.createElement(_reactNative().View,{accessible:!1,style:_},a):null,ee={width:R,height:R,borderRadius:K,backgroundColor:X};let te=_react().default.createElement(_reactNative().View,{style:[m.layout.icon,ee]},A&&_react().default.createElement(_reactNative().Text,{style:[m.layout.checkmark,{color:m.colors.checkmark,fontSize:R*m.icon.scale}]},"✓"),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:U,borderRadius:K})}));w&&(te=w({checked:Boolean(A),disabled:Boolean(N)})??null);const ae=!N&&!V,re=$&&_react().default.createElement(_reactNative().View,{style:[m.layout.labelWrapper,J],pointerEvents:V?"none":void 0,accessible:!1},$),le=[m.layout.iconWrapper,"left"===O?{marginLeft:m.spacing.gap}:{marginRight:m.spacing.gap}],ie=ae?_react().default.createElement(_reactNative().View,{style:le},te):_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:le,hitSlop:h}),te),ce="left"===O?_react().default.createElement(_react().default.Fragment,null,re,ie):_react().default.createElement(_react().default.Fragment,null,ie,re);return ae?_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:({pressed:e})=>[m.layout.container,f,"web"===_reactNative().Platform.OS&&{cursor:"pointer"},e&&{opacity:.8}],hitSlop:h}),ce):_react().default.createElement(_reactNative().View,{style:[m.layout.container,f]},ce)},CheckboxForwardRef=_react().default.forwardRef(CheckboxImpl),Checkbox=exports.Checkbox=_react().default.memo(CheckboxForwardRef);var _default=exports.default=Checkbox;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _checkbox(){const e=require("@react-native-aria/checkbox");return _checkbox=function(){return e},e}function _toggle(){const e=require("@react-stately/toggle");return _toggle=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var _CheckboxContext=require("./CheckboxContext"),_tokens=require("./tokens"),_utils=require("../../utils"),_validate=require("../../utils/validate");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,i,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?l(c,t,i):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const EMPTY_CHECKBOX_GROUP_STATE={value:[],isDisabled:!1,isReadOnly:!1,isSelected:()=>!1,setValue:()=>{},addValue:()=>{},removeValue:()=>{},toggleValue:()=>{}},CheckboxImpl=(e,t)=>{const{children:a,name:r,value:l,iconRender:i,bindGroup:c,shape:o,iconSize:n,checkedColor:s,labelPosition:u,labelDisabled:d,disabled:b,style:f,labelStyle:_,tokensOverride:p,hitSlop:h=8,accessibilityLabel:g,"aria-label":k,onClick:y,onChange:v,...x}=e,m=(0,_tokens.useCheckboxTokens)(p),C=(0,_react().useContext)(_CheckboxContext.CheckboxGroupContext),S=c??m.defaults.bindGroup,E=o??C?.shape??m.defaults.shape,R=n??C?.iconSize??m.defaults.iconSize,P=s??C?.checkedColor??m.colors.checkedBackground,w=i??C?.iconRender,O=u??m.defaults.labelPosition,V=d??C?.labelDisabled??m.defaults.labelDisabled,N=Boolean(b||C?.state.isDisabled),q=l??r,T=null==q?void 0:String(q),W=(0,_react().useRef)(null);(0,_react().useImperativeHandle)(t,()=>W.current);const B=(0,_toggle().useToggleState)({isSelected:e.checked,defaultSelected:e.defaultChecked,onChange:v}),D=!!C&&void 0!==T&&S,{onBlur:M,onFocus:z,...F}=x;(0,_react().useEffect)(()=>{if(C&&S&&void 0!==T&&void 0!==q)return C.registerValue(T,q,N),()=>C.unregisterValue(T)},[S,C,T,q,N]);const j=g??k??((0,_validate.isText)(a)?String(a):void 0)??T??"checkbox",G=W,{inputProps:H}=(0,_checkbox().useCheckboxGroupItem)({...F,value:T??"",isDisabled:N,"aria-label":j},D&&C?C.state:EMPTY_CHECKBOX_GROUP_STATE,G),{inputProps:L}=(0,_checkbox().useCheckbox)({...F,isDisabled:N,value:T,"aria-label":j},B,G),I=D&&C?H:L,A=D&&C?C.state.isSelected(T):void 0!==e.checked?e.checked:B.isSelected,K="round"===E?R/2:m.radii.square,U=N?m.colors.disabledBorder:A?P:m.colors.border,X=N?m.colors.disabledBackground:A?P:m.colors.background,Y=N||V?m.colors.labelDisabled:m.colors.label,J="left"===O?{marginRight:m.spacing.gap}:{marginLeft:m.spacing.gap},Q=I?.onPress,Z=I?{...I,onPress:t=>{y?.(t),D&&C?.max&&!A&&C.state.value.length>=C.max||(Q?Q(t):D&&C&&void 0!==T?A?C.state.removeValue(T):C.state.addValue(T):void 0===e.checked?v&&B.setSelected(!B.isSelected):v?.(!e.checked))}}:{},$=(0,_validate.isRenderable)(a)?(0,_validate.isText)(a)?_react().default.createElement(_reactNative().Text,{accessible:!1,style:[m.layout.label,{color:Y,fontSize:m.typography.fontSize,lineHeight:m.typography.fontSize*m.typography.lineHeightMultiplier,fontFamily:m.typography.fontFamily,fontWeight:m.typography.fontWeight},_]},a):_react().default.createElement(_reactNative().View,{accessible:!1,style:_},a):null,ee={width:R,height:R,borderRadius:K,backgroundColor:X},te=_react().default.createElement(_reactNative().View,{style:[m.layout.icon,ee]},A&&_react().default.createElement(_reactNative().Text,{style:[m.layout.checkmark,{color:m.colors.checkmark,fontSize:R*m.icon.scale}]},"✓"),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:U,borderRadius:K})})),ae=w?w({checked:Boolean(A),disabled:Boolean(N)})??null:te,re=!N&&!V,le=$&&_react().default.createElement(_reactNative().View,{style:[m.layout.labelWrapper,J],pointerEvents:V?"none":void 0,accessible:!1},$),ie=[m.layout.iconWrapper,"left"===O?{marginLeft:m.spacing.gap}:{marginRight:m.spacing.gap}],ce=re?_react().default.createElement(_reactNative().View,{style:ie},ae):_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:ie,hitSlop:h}),ae),oe="left"===O?_react().default.createElement(_react().default.Fragment,null,le,ce):_react().default.createElement(_react().default.Fragment,null,ce,le);return re?_react().default.createElement(_reactNative().Pressable,_extends({},Z,{ref:W,disabled:N,accessibilityLabel:j,accessibilityRole:"checkbox",accessibilityState:{checked:A,disabled:!!N},style:({pressed:e})=>[m.layout.container,f,"web"===_reactNative().Platform.OS&&{cursor:"pointer"},e&&{opacity:.8}],hitSlop:h}),oe):_react().default.createElement(_reactNative().View,{style:[m.layout.container,f]},oe)},CheckboxForwardRef=_react().default.forwardRef(CheckboxImpl),Checkbox=exports.Checkbox=_react().default.memo(CheckboxForwardRef);var _default=exports.default=Checkbox;

package/dist/cjs/components/checkbox/tokens.js

@@ -1 +1 @@
-"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCheckboxTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createCheckboxTokens=e=>{const{palette:r,spacing:t,radii:i,fontSize:n,typography:o}=e;return{defaults:{shape:"round",iconSize:20,labelPosition:"right",labelDisabled:!1,bindGroup:!0,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,icon:centered,checkmark:{textAlign:"center",includeFontPadding:!1},label:{includeFontPadding:!1},labelWrapper:{flexShrink:1},groupHorizontal:{flexDirection:"row",flexWrap:"wrap",alignItems:"center"},groupVertical:{flexDirection:"column"},groupItem:{flexShrink:0}},colors:{border:r.default[400],background:"#ffffff",checkedBackground:r.primary[500],disabledBorder:r.default[300],disabledBackground:r.default[100],checkmark:r.primary.foreground??"#ffffff",label:r.default.foreground??"#111827",labelDisabled:r.default[400]},typography:{fontSize:n.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},spacing:{gap:t.sm,groupGap:t.md},radii:{square:i.xs},borders:{width:_reactNative().StyleSheet.hairlineWidth},icon:{scale:.65}}},useCheckboxTokens=exports.useCheckboxTokens=(0,_designSystem.createComponentTokensHook)("checkbox",createCheckboxTokens);
+"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCheckboxTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createCheckboxTokens=e=>{const{palette:r,spacing:t,radii:i,fontSize:n,typography:o}=e,a=e.surface??"#ffffff";return{defaults:{shape:"round",iconSize:20,labelPosition:"right",labelDisabled:!1,bindGroup:!0,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,icon:centered,checkmark:{textAlign:"center",includeFontPadding:!1},label:{includeFontPadding:!1},labelWrapper:{flexShrink:1},groupHorizontal:{flexDirection:"row",flexWrap:"wrap",alignItems:"center"},groupVertical:{flexDirection:"column"},groupItem:{flexShrink:0}},colors:{border:r.default[400],background:a,checkedBackground:r.primary[500],disabledBorder:r.default[300],disabledBackground:r.default[100],checkmark:r.primary.foreground??"#ffffff",label:r.default.foreground??"#111827",labelDisabled:r.default[400]},typography:{fontSize:n.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},spacing:{gap:t.sm,groupGap:t.md},radii:{square:i.xs},borders:{width:_reactNative().StyleSheet.hairlineWidth},icon:{scale:.65}}},useCheckboxTokens=exports.useCheckboxTokens=(0,_designSystem.createComponentTokensHook)("checkbox",createCheckboxTokens);

package/dist/cjs/components/checkbox/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/circle/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Collapse=void 0;var _animation=require("../../hooks/animation"),_cell=require("../cell"),_utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(l,t,i):l[t]=e[t]);return l})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const CollapseContext=_react().default.createContext(null),normalizeValue=e=>{if(void 0!==e)return Array.isArray(e)?e.map(String):null===e?[]:[String(e)]},buildOutputValue=(e,t)=>t?e[0]??"":e,CollapseImpl=e=>{const{tokensOverride:t,children:a,accordion:r,value:n,defaultValue:i,onChange:l,border:o,iconPosition:c,expandIcon:s,disabled:u,style:d,...p}=e,_=(0,_tokens.useCollapseTokens)(t),f=r??_.defaults.accordion,m=o??_.defaults.border,b=c??_.defaults.iconPosition,{colors:y}=_,g=void 0!==n,v=normalizeValue(n),C=normalizeValue(i)??[],k=(0,_react().useRef)(l);k.current=l;const[h,w]=(0,_react().useState)(()=>f?C.slice(0,1):C),x=g?f?(v??[]).slice(0,1):v??[]:h,E=(0,_react().useCallback)((e,t)=>{if(u)return;const a=x.includes(e),r=t??!a,n=f?r?[e]:a?[]:x:r?a?x:[...x,e]:a?x.filter(t=>t!==e):x;g||w(n),k.current?.(buildOutputValue(n,f))},[f,x,g,u]),N=(0,_react().useMemo)(()=>({activeKeys:x,toggle:E,accordion:f,iconPosition:b,expandIcon:s,border:m,disabled:u,tokens:_}),[f,x,m,u,s,b,_,E]),V=(0,_react().useMemo)(()=>_react().default.Children.toArray(a).map((e,t)=>{if(!_react().default.isValidElement(e))return e;if(!(0,_utils.isFunction)(e.type)&&!(0,_utils.isObject)(e.type))return e;const a=e.props.name??String(t);return _react().default.cloneElement(e,{name:a,index:t})}),[a]);return _react().default.createElement(CollapseContext.Provider,{value:N},_react().default.createElement(_reactNative().View,_extends({style:[_.layout.container,m&&{backgroundColor:y.background},d]},p),m&&_react().default.createElement(Hairline,{tokens:_,position:"top",color:y.border}),m&&_react().default.createElement(Hairline,{tokens:_,position:"bottom",color:y.border}),V))},Hairline=_react().default.memo(({tokens:e,position:t,color:a,inset:r=0})=>{const n=(0,_utils.createHairlineView)({position:t,color:a,left:r,right:r});return _react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[e.layout.hairline,n]})}),CollapsePanel=_react().default.forwardRef((e,t)=>{const a=(0,_react().useContext)(CollapseContext),r=(0,_animation.useReducedMotion)();if(!a)throw new Error("Collapse.Panel must be used within Collapse");const{activeKeys:n,toggle:i,iconPosition:l,expandIcon:o,disabled:c,tokens:s}=a,{name:u="0",index:d=0,title:p,description:_,label:f,icon:m,extra:b,value:y,border:g=s.defaults.panelBorder,isLink:v=s.defaults.panelIsLink,size:C=s.defaults.panelSize,disabled:k,readOnly:h,children:w,style:x,titleStyle:E,descriptionStyle:N,...V}=e,S=String(u),P=n.includes(S),I=c||k,{colors:z,spacing:O,typography:R}=s,[H,M]=(0,_react().useState)(0),q=(0,_react().useRef)(new(_reactNative().Animated.Value)(P?1:0)).current,j=(0,_react().useRef)(null),A=q.interpolate({inputRange:[0,1],outputRange:["90deg","-90deg"]});(0,_react().useEffect)(()=>{j.current?.stop();const e=_reactNative().Animated.timing(q,{toValue:P?1:0,duration:r?0:s.defaults.animationDuration,easing:_reactNative().Easing.ease,useNativeDriver:!1,isInteraction:!1});return j.current=e,e.start(({finished:e})=>{e&&(j.current=null)}),()=>{j.current?.stop(),j.current=null}},[q,P,r,s.defaults.animationDuration]);const W=_??f,F=b??y,D=(0,_react().useCallback)(()=>{I||h||i(S)},[I,S,h,i]);(0,_react().useImperativeHandle)(t,()=>({toggle:e=>{I||h||i(S,e)}}),[I,S,h,i]);const L=(0,_react().useCallback)(e=>{const t=e.nativeEvent.layout.height;(0,_utils.isNumber)(t)&&Number.isFinite(t)&&M(e=>e===t?e:t)},[]),B=(0,_react().useMemo)(()=>({height:q.interpolate({inputRange:[0,1],outputRange:[0,H]})}),[q,H]),K=(0,_react().useCallback)(()=>(0,_utils.isFunction)(o)?o(P):o||_react().default.createElement(_reactNative().Animated.View,{style:{transform:[{rotate:A}]}},_react().default.createElement(_reactNativeSystemIcon().Arrow,{size:16,fill:I?z.disabled:z.arrow})),[z.arrow,z.disabled,o,P,I,A]),T=(0,_react().useMemo)(()=>(0,_utils.renderTextOrNode)(w,{color:I?z.disabled:z.description,fontFamily:R.fontFamily,fontSize:R.descriptionSize,lineHeight:Math.round(1.5*R.descriptionSize)}),[w,z.description,z.disabled,I,R.descriptionSize,R.fontFamily]),G=Boolean(g),J=d>0&&G,Q=P&&G,U=v&&!h,X="left"===l?U||(0,_utils.isRenderable)(m)?_react().default.createElement(_reactNative().View,{style:s.layout.headerIconRow},U&&_react().default.createElement(_reactNative().View,{style:{marginRight:m?s.spacing.iconGap:0}},K()),m):void 0:m,Y="right"===l&&U?K():void 0;return _react().default.createElement(_reactNative().View,_extends({style:[s.layout.panel,{backgroundColor:z.background},x]},V),J&&_react().default.createElement(Hairline,{tokens:s,position:"top",color:z.border,inset:O.paddingHorizontal}),_react().default.createElement(_reactNative().View,{style:s.layout.headerWrapper},_react().default.createElement(_cell.Cell,{title:p,label:W,icon:X,value:F,size:C,border:!1,disabled:I,onPress:h?void 0:D,accessibilityState:{expanded:P,disabled:I},titleStyle:I?[E,{color:z.disabled}]:E,labelStyle:I?[N,{color:z.disabled}]:N,valueStyle:I?{color:z.disabled}:void 0,rightIcon:Y}),Q&&_react().default.createElement(Hairline,{tokens:s,position:"bottom",color:z.border,inset:O.paddingHorizontal})),_react().default.createElement(_reactNative().Animated.View,{style:[s.layout.bodyWrapper,B]},_react().default.createElement(_reactNative().View,{onLayout:L,style:[s.layout.bodyContent,{paddingVertical:O.paddingVertical,paddingHorizontal:O.paddingHorizontal,backgroundColor:z.background}]},T)))});CollapseImpl.Panel=CollapsePanel,CollapseImpl.Item=CollapsePanel;const Collapse=exports.Collapse=Object.assign(_react().default.memo(CollapseImpl),{Panel:CollapsePanel,Item:CollapsePanel});var _default=exports.default=Collapse;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Collapse=void 0;var _animation=require("../../hooks/animation"),_cell=require("../cell"),_utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(l,t,i):l[t]=e[t]);return l})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const CollapseContext=_react().default.createContext(null),normalizeValue=e=>void 0===e?void 0:Array.isArray(e)?e.map(String):null===e?[]:[String(e)],buildOutputValue=(e,t)=>t?e[0]??"":e,CollapseImpl=e=>{const{tokensOverride:t,children:a,accordion:r,value:n,defaultValue:i,onChange:l,border:o,iconPosition:c,expandIcon:s,disabled:u,style:d,...p}=e,_=(0,_tokens.useCollapseTokens)(t),f=r??_.defaults.accordion,m=o??_.defaults.border,b=c??_.defaults.iconPosition,{colors:y}=_,g=void 0!==n,v=normalizeValue(n),C=normalizeValue(i)??[],k=(0,_react().useRef)(l);k.current=l;const[h,w]=(0,_react().useState)(()=>f?C.slice(0,1):C),x=g?f?(v??[]).slice(0,1):v??[]:h,E=(0,_react().useCallback)((e,t)=>{if(u)return;const a=x.includes(e),r=t??!a,n=f?r?[e]:a?[]:x:r?a?x:[...x,e]:a?x.filter(t=>t!==e):x;g||w(n),k.current?.(buildOutputValue(n,f))},[f,x,g,u]),N=(0,_react().useMemo)(()=>({activeKeys:x,toggle:E,accordion:f,iconPosition:b,expandIcon:s,border:m,disabled:u,tokens:_}),[f,x,m,u,s,b,_,E]),V=(0,_react().useMemo)(()=>_react().default.Children.toArray(a).map((e,t)=>{if(!_react().default.isValidElement(e))return e;if(!(0,_utils.isFunction)(e.type)&&!(0,_utils.isObject)(e.type))return e;const a=e.props.name??String(t);return _react().default.cloneElement(e,{name:a,index:t})}),[a]);return _react().default.createElement(CollapseContext.Provider,{value:N},_react().default.createElement(_reactNative().View,_extends({style:[_.layout.container,m&&{backgroundColor:y.background},d]},p),m&&_react().default.createElement(Hairline,{tokens:_,position:"top",color:y.border}),m&&_react().default.createElement(Hairline,{tokens:_,position:"bottom",color:y.border}),V))},Hairline=_react().default.memo(({tokens:e,position:t,color:a,inset:r=0})=>{const n=(0,_utils.createHairlineView)({position:t,color:a,left:r,right:r});return _react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[e.layout.hairline,n]})}),CollapsePanel=_react().default.forwardRef((e,t)=>{const a=(0,_react().useContext)(CollapseContext),r=(0,_animation.useReducedMotion)();if(!a)throw new Error("Collapse.Panel must be used within Collapse");const{activeKeys:n,toggle:i,iconPosition:l,expandIcon:o,disabled:c,tokens:s}=a,{name:u="0",index:d=0,title:p,description:_,label:f,icon:m,extra:b,value:y,border:g=s.defaults.panelBorder,isLink:v=s.defaults.panelIsLink,size:C=s.defaults.panelSize,disabled:k,readOnly:h,children:w,style:x,titleStyle:E,descriptionStyle:N,...V}=e,S=String(u),P=n.includes(S),I=c||k,{colors:z,spacing:O,typography:R}=s,[H,M]=(0,_react().useState)(0),q=(0,_react().useRef)(new(_reactNative().Animated.Value)(P?1:0)).current,j=(0,_react().useRef)(null),A=q.interpolate({inputRange:[0,1],outputRange:["90deg","-90deg"]});(0,_react().useEffect)(()=>{j.current?.stop();const e=_reactNative().Animated.timing(q,{toValue:P?1:0,duration:r?0:s.defaults.animationDuration,easing:_reactNative().Easing.ease,useNativeDriver:!1,isInteraction:!1});return j.current=e,e.start(({finished:e})=>{e&&(j.current=null)}),()=>{j.current?.stop(),j.current=null}},[q,P,r,s.defaults.animationDuration]);const W=_??f,F=b??y,D=(0,_react().useCallback)(()=>{I||h||i(S)},[I,S,h,i]);(0,_react().useImperativeHandle)(t,()=>({toggle:e=>{I||h||i(S,e)}}),[I,S,h,i]);const L=(0,_react().useCallback)(e=>{const t=e.nativeEvent.layout.height;(0,_utils.isNumber)(t)&&Number.isFinite(t)&&M(e=>e===t?e:t)},[]),B=(0,_react().useMemo)(()=>({height:q.interpolate({inputRange:[0,1],outputRange:[0,H]})}),[q,H]),K=(0,_react().useCallback)(()=>(0,_utils.isFunction)(o)?o(P):o||_react().default.createElement(_reactNative().Animated.View,{style:{transform:[{rotate:A}]}},_react().default.createElement(_reactNativeSystemIcon().Arrow,{size:16,fill:I?z.disabled:z.arrow})),[z.arrow,z.disabled,o,P,I,A]),T=(0,_react().useMemo)(()=>(0,_utils.renderTextOrNode)(w,{color:I?z.disabled:z.description,fontFamily:R.fontFamily,fontSize:R.descriptionSize,lineHeight:Math.round(1.5*R.descriptionSize)}),[w,z.description,z.disabled,I,R.descriptionSize,R.fontFamily]),G=Boolean(g),J=d>0&&G,Q=P&&G,U=v&&!h,X="left"===l?U||(0,_utils.isRenderable)(m)?_react().default.createElement(_reactNative().View,{style:s.layout.headerIconRow},U&&_react().default.createElement(_reactNative().View,{style:{marginRight:m?s.spacing.iconGap:0}},K()),m):void 0:m,Y="right"===l&&U?K():void 0;return _react().default.createElement(_reactNative().View,_extends({style:[s.layout.panel,{backgroundColor:z.background},x]},V),J&&_react().default.createElement(Hairline,{tokens:s,position:"top",color:z.border,inset:O.paddingHorizontal}),_react().default.createElement(_reactNative().View,{style:s.layout.headerWrapper},_react().default.createElement(_cell.Cell,{title:p,label:W,icon:X,value:F,size:C,border:!1,disabled:I,onPress:h?void 0:D,accessibilityState:{expanded:P,disabled:I},titleStyle:I?[E,{color:z.disabled}]:E,labelStyle:I?[N,{color:z.disabled}]:N,valueStyle:I?{color:z.disabled}:void 0,rightIcon:Y}),Q&&_react().default.createElement(Hairline,{tokens:s,position:"bottom",color:z.border,inset:O.paddingHorizontal})),_react().default.createElement(_reactNative().Animated.View,{style:[s.layout.bodyWrapper,B]},_react().default.createElement(_reactNative().View,{onLayout:L,style:[s.layout.bodyContent,{paddingVertical:O.paddingVertical,paddingHorizontal:O.paddingHorizontal,backgroundColor:z.background}]},T)))});CollapseImpl.Panel=CollapsePanel,CollapseImpl.Item=CollapsePanel;const Collapse=exports.Collapse=Object.assign(_react().default.memo(CollapseImpl),{Panel:CollapsePanel,Item:CollapsePanel});var _default=exports.default=Collapse;

package/dist/cjs/components/collapse/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCollapseTokens=exports.createCollapseTokens=void 0;var _designSystem=require("../../design-system");const createCollapseTokens=e=>{const{palette:o,spacing:t,fontSize:i,typography:a,radii:s}=e;return{defaults:{accordion:!1,border:!0,iconPosition:"right",panelBorder:!0,panelIsLink:!0,panelSize:"normal",animationDuration:200},layout:{container:{position:"relative"},panel:{position:"relative"},hairline:{position:"absolute"},headerWrapper:{position:"relative"},bodyWrapper:{position:"relative",overflow:"hidden"},headerIconRow:{flexDirection:"row",alignItems:"center"},bodyContent:{position:"absolute",top:0,left:0,right:0}},colors:{border:o.default[200],title:o.default[800],description:o.default[500],background:"#ffffff",active:o.default[50],arrow:o.default[400],disabled:o.default[400]},typography:{titleSize:i.md,descriptionSize:i.sm,fontFamily:a.fontFamily,titleWeight:a.weight.medium},panel:{borderRadius:s.sm},spacing:{paddingVertical:t.md,paddingHorizontal:t.lg,descriptionTop:t.xs,iconGap:8}}};exports.createCollapseTokens=createCollapseTokens;const useCollapseTokens=exports.useCollapseTokens=(0,_designSystem.createComponentTokensHook)("collapse",createCollapseTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCollapseTokens=exports.createCollapseTokens=void 0;var _designSystem=require("../../design-system");const createCollapseTokens=e=>{const{palette:o,spacing:t,fontSize:i,typography:a,radii:s}=e,n=e.surface??"#ffffff";return{defaults:{accordion:!1,border:!0,iconPosition:"right",panelBorder:!0,panelIsLink:!0,panelSize:"normal",animationDuration:200},layout:{container:{position:"relative"},panel:{position:"relative"},hairline:{position:"absolute"},headerWrapper:{position:"relative"},bodyWrapper:{position:"relative",overflow:"hidden"},headerIconRow:{flexDirection:"row",alignItems:"center"},bodyContent:{position:"absolute",top:0,left:0,right:0}},colors:{border:o.default[200],title:o.default[800],description:o.default[500],background:n,active:o.default[50],arrow:o.default[400],disabled:o.default[400]},typography:{titleSize:i.md,descriptionSize:i.sm,fontFamily:a.fontFamily,titleWeight:a.weight.medium},panel:{borderRadius:s.sm},spacing:{paddingVertical:t.md,paddingHorizontal:t.lg,descriptionTop:t.xs,iconGap:8}}};exports.createCollapseTokens=createCollapseTokens;const useCollapseTokens=exports.useCollapseTokens=(0,_designSystem.createComponentTokensHook)("collapse",createCollapseTokens);

package/dist/cjs/components/collapse/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/config-provider/locale/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/config-provider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/count-down/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/datetime-picker/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _useLocale=require("../config-provider/useLocale"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_hairline=require("../../utils/hairline"),_promise=require("../../utils/promise"),_validate=require("../../utils/validate"),_utils=require("../../utils");function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}var _button=_interopRequireDefault(require("../button")),_popup=_interopRequireDefault(require("../popup")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}const ActionButton=e=>{const{text:t,color:o,tokens:r,dividerPosition:n="none",loading:a,disabled:i,onPress:l}=e,c=o??r.colors.confirm,s="none"===n?null:[S.btnDiv,{width:0},(0,_hairline.createHairlineView)({position:n,color:r.colors.divider,top:0,bottom:0,[n]:0})];return _react().default.createElement(_reactNative().Pressable,{accessibilityRole:"button",disabled:i||a,style:({pressed:e})=>[S.btn,{height:r.sizes.actionHeight,opacity:!e||i||a?1:.8}],onPress:i||a?void 0:l},s&&_react().default.createElement(_reactNative().View,{style:s,pointerEvents:"none"}),a?_react().default.createElement(_reactNative().ActivityIndicator,{size:"small",color:c}):(0,_utils.renderTextOrNode)(t??"",{color:c,fontFamily:r.typography.fontFamily,fontSize:r.typography.actionSize,fontWeight:r.typography.actionWeight}))},DialogImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:o,title:r,message:n,messageAlign:a="center",theme:i="default",width:l,closeable:c=!1,closeIcon:s,overlay:d=!0,overlayStyle:u,overlayTestID:p="dialog-overlay",closeOnBackPress:g=!1,closeOnPopstate:f=!0,closeOnOverlayPress:_=!1,closeOnClickOverlay:m=!1,onClickOverlay:y,onClickCloseIcon:v,beforeClose:b,showCancelButton:h=!1,showConfirmButton:C=!0,cancelButtonText:P,cancelButtonColor:x,cancelProps:w,confirmButtonText:N,confirmButtonColor:k,confirmProps:E,footer:I,contentStyle:O,titleStyle:q,messageStyle:z,tokensOverride:B,style:D,children:H,onCancel:W,onConfirm:V,onClose:L,onClosed:R,...T}=e,F=(0,_tokens.useDialogTokens)(B),M=(0,_animation.useReducedMotion)(),A=(0,_validate.isValidNode)(r),j=(0,_validate.isValidNode)(H),G=(0,_validate.isValidNode)(n)||j,J=h||C,K="round-button"===i,Q=w?.loading,U=E?.loading,X=P??t.cancel,Y=N??t.confirm,Z=(0,_react().useRef)({seq:0,beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});Object.assign(Z.current,{beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});const $=(0,_react().useCallback)((e,t)=>{const o=Z.current;o.seq+=1;const r=o.seq,n=o.beforeClose;if(!n)return void t?.();let a;try{a=n(e)}catch{return void t?.()}!1!==a&&((0,_promise.isPromiseLike)(a)?a.then(e=>{!1!==e&&Z.current.seq===r&&t?.()}).catch(()=>{Z.current.seq===r&&t?.()}):t?.())},[]),ee=(0,_react().useCallback)(()=>{Z.current.onClickCloseIcon?.(),$("close",()=>Z.current.onClose?.())},[$]),te=(0,_react().useCallback)(()=>{Z.current.cancelLoad||$("cancel",()=>Z.current.onCancel?.())},[$]),oe=(0,_react().useCallback)(()=>{Z.current.confirmLoad||$("confirm",()=>Z.current.onConfirm?.())},[$]),re=(0,_react().useRef)(new(_reactNative().Animated.Value)(.7)).current,ne=(0,_react().useRef)(null);(0,_react().useEffect)(()=>{ne.current?.stop(),re.setValue(o?.7:1);const e=_reactNative().Animated.timing(re,{toValue:o?1:.9,duration:M?0:300,easing:o?_reactNative().Easing.out(_reactNative().Easing.cubic):_reactNative().Easing.in(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1});ne.current=e,e.start()},[re,o,M]),(0,_react().useEffect)(()=>()=>{ne.current?.stop()},[]);const ae={transform:[{scale:re}]},ie=(0,_react().useMemo)(()=>A?{wrap:[S.titleWrap,{paddingTop:G?F.spacing.titlePaddingTop:F.spacing.titleIsolatedPadding,paddingBottom:G?0:F.spacing.titleIsolatedPadding,paddingHorizontal:G?F.spacing.paddingHorizontal:0,marginBottom:G?F.spacing.titleGap:0}],text:[S.title,{color:F.colors.title,fontFamily:F.typography.fontFamily,fontSize:F.typography.titleSize,lineHeight:F.typography.titleLineHeight,fontWeight:F.typography.titleWeight},q]}:null,[A,G,q,F]),le=(0,_react().useMemo)(()=>({text:[S.msg,{color:K?F.colors.title:F.colors.message,fontFamily:F.typography.fontFamily,fontSize:F.typography.messageSize,lineHeight:F.typography.messageLineHeight,textAlign:a},z],content:j?null:{alignItems:"center"===a?"center":"left"===a?"flex-start":"flex-end"},wrap:[S.msgWrap,{paddingTop:A?F.spacing.messagePaddingTop:F.spacing.messagePadding,paddingBottom:K?F.spacing.roundFooterPadding:F.spacing.messagePadding,paddingHorizontal:F.spacing.messagePaddingHorizontal}]}),[K,a,z,j,A,F]),ce=(0,_react().useMemo)(()=>({border:[S.footerBorder,(0,_hairline.createHairlineView)({position:"top",color:F.colors.divider,left:0,right:0,top:0})],round:[S.roundFooter,{paddingTop:F.spacing.messagePaddingTop,paddingHorizontal:F.spacing.messagePaddingHorizontal,paddingBottom:F.spacing.roundFooterPadding}]}),[F]),se=(0,_react().useMemo)(()=>{const e=l?(0,_validate.isNumber)(l)?{width:l}:{width:String(l)}:{width:"90%",maxWidth:F.sizes.maxWidth};return[{backgroundColor:F.colors.background,borderRadius:F.sizes.borderRadius,padding:0},e,D]},[l,D,F]),de=(0,_react().useCallback)(()=>{const e=Z.current.beforeClose;if(!e)return!0;try{return e("close")}catch{return!0}},[]),ue=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:ce.round},h&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,C&&{marginRight:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"warning",text:X,color:x,loading:Q,disabled:w?.disabled,onPress:te,style:{minHeight:F.sizes.roundButtonHeight}})),C&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,h&&{marginLeft:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"danger",text:Y,color:k,loading:U,disabled:E?.disabled,onPress:oe,style:{minHeight:F.sizes.roundButtonHeight}}))),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,te,oe,J,ce.round,h,C,F.sizes.roundButtonHeight,F.spacing.roundFooterGap]),pe=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:S.footer},_react().default.createElement(_reactNative().View,{style:ce.border,pointerEvents:"none"}),h&&_react().default.createElement(ActionButton,{tokens:F,text:X,color:x??F.colors.cancel,dividerPosition:"none",loading:Q,disabled:w?.disabled,onPress:te}),C&&_react().default.createElement(ActionButton,{tokens:F,text:Y,color:k??F.colors.confirm,dividerPosition:h?"left":"none",loading:U,disabled:E?.disabled,onPress:oe})),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,ce.border,te,oe,J,h,C,F]),ge=I??(K?ue:pe);return _react().default.createElement(_popup.default,_extends({visible:o,placement:"center",round:!0,overlay:d,overlayStyle:u,overlayTestID:p,closeOnBackPress:g,closeOnPopstate:f,closeOnClickOverlay:_||m,onClickOverlay:y,beforeClose:de,onClose:L,onClosed:R,contentAnimationStyle:ae,style:se,accessibilityRole:"alertdialog",accessibilityLabel:"string"==typeof r?r:void 0},T),c&&_react().default.createElement(_reactNative().Pressable,{style:[S.closeIcon,{top:F.spacing.paddingTop/2,right:F.spacing.paddingHorizontal/2,padding:F.spacing.closeIconPadding}],hitSlop:{top:8,bottom:8,left:8,right:8},onPress:ee},s??_react().default.createElement(_reactNativeSystemIcon().Close,{size:F.sizes.closeSize,fill:F.colors.closeIcon,color:F.colors.closeIcon})),ie&&_react().default.createElement(_reactNative().View,{style:ie.wrap},(0,_utils.renderTextOrNode)(r,ie.text)),G&&_react().default.createElement(_reactNative().View,{style:[S.content,le.content,O]},j?H:_react().default.createElement(_reactNative().View,{style:le.wrap},(0,_utils.renderTextOrNode)(n,le.text))),ge)},S=_reactNative().StyleSheet.create({titleWrap:{alignItems:"center"},title:{textAlign:"center"},content:{width:"100%"},msg:{textAlign:"center"},footer:{flexDirection:"row",position:"relative"},footerBorder:{position:"absolute",top:0,left:0,right:0,height:0},btn:{flex:1,alignItems:"center",justifyContent:"center"},btnDiv:{position:"absolute",pointerEvents:"none"},msgWrap:{width:"100%"},roundFooter:{width:"100%",flexDirection:"row"},roundBtnWrap:{flex:1},closeIcon:{position:"absolute",zIndex:1}}),Dialog=exports.Dialog=_react().default.memo(DialogImpl);Dialog.displayName="Dialog";var _default=exports.default=Dialog;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _useLocale=require("../config-provider/useLocale"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_hairline=require("../../utils/hairline"),_promise=require("../../utils/promise"),_validate=require("../../utils/validate"),_utils=require("../../utils");function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}var _button=_interopRequireDefault(require("../button")),_popup=_interopRequireDefault(require("../popup")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}const ActionButton=e=>{const{text:t,color:o,tokens:r,dividerPosition:n="none",loading:a,disabled:i,onPress:l}=e,c=o??r.colors.confirm,s="none"===n?null:[S.btnDiv,{width:0},(0,_hairline.createHairlineView)({position:n,color:r.colors.divider,top:0,bottom:0,[n]:0})];return _react().default.createElement(_reactNative().Pressable,{accessibilityRole:"button",disabled:i||a,style:({pressed:e})=>[S.btn,{height:r.sizes.actionHeight,opacity:!e||i||a?1:.8}],onPress:i||a?void 0:l},s&&_react().default.createElement(_reactNative().View,{style:s,pointerEvents:"none"}),a?_react().default.createElement(_reactNative().ActivityIndicator,{size:"small",color:c}):(0,_utils.renderTextOrNode)(t??"",{color:c,fontFamily:r.typography.fontFamily,fontSize:r.typography.actionSize,fontWeight:r.typography.actionWeight}))},DialogImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:o,title:r,message:n,messageAlign:a="center",theme:i="default",width:l,closeable:c=!1,closeIcon:s,overlay:d=!0,overlayStyle:u,overlayTestID:p="dialog-overlay",closeOnBackPress:g=!1,closeOnPopstate:f=!0,closeOnOverlayPress:_=!1,closeOnClickOverlay:m=!1,onClickOverlay:y,onClickCloseIcon:v,beforeClose:b,showCancelButton:h=!1,showConfirmButton:C=!0,cancelButtonText:P,cancelButtonColor:x,cancelProps:w,confirmButtonText:N,confirmButtonColor:k,confirmProps:E,footer:O,contentStyle:I,titleStyle:q,messageStyle:z,tokensOverride:B,style:D,children:H,onCancel:W,onConfirm:V,onClose:L,onClosed:R,...T}=e,F=(0,_tokens.useDialogTokens)(B),M=(0,_animation.useReducedMotion)(),A=(0,_validate.isValidNode)(r),j=(0,_validate.isValidNode)(H),G=(0,_validate.isValidNode)(n)||j,J=h||C,K="round-button"===i,Q=w?.loading,U=E?.loading,X=P??t.cancel,Y=N??t.confirm,Z=(0,_react().useRef)({seq:0,beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});Object.assign(Z.current,{beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});const $=(0,_react().useCallback)((e,t)=>{const o=Z.current;o.seq+=1;const r=o.seq,n=o.beforeClose;if(!n)return void t?.();let a;try{a=n(e)}catch{return void t?.()}!1!==a&&((0,_promise.isPromiseLike)(a)?a.then(e=>{!1!==e&&Z.current.seq===r&&t?.()}).catch(()=>{Z.current.seq===r&&t?.()}):t?.())},[]),ee=(0,_react().useCallback)(()=>{Z.current.onClickCloseIcon?.(),$("close",()=>Z.current.onClose?.())},[$]),te=(0,_react().useCallback)(()=>{Z.current.cancelLoad||$("cancel",()=>Z.current.onCancel?.())},[$]),oe=(0,_react().useCallback)(()=>{Z.current.confirmLoad||$("confirm",()=>Z.current.onConfirm?.())},[$]),re=(0,_react().useRef)(new(_reactNative().Animated.Value)(.7)).current,ne=(0,_react().useRef)(null);(0,_react().useEffect)(()=>{ne.current?.stop(),re.setValue(o?.7:1);const e=_reactNative().Animated.timing(re,{toValue:o?1:.9,duration:M?0:300,easing:o?_reactNative().Easing.out(_reactNative().Easing.cubic):_reactNative().Easing.in(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1});ne.current=e,e.start()},[re,o,M]),(0,_react().useEffect)(()=>()=>{ne.current?.stop()},[]);const ae={transform:[{scale:re}]},ie=(0,_react().useMemo)(()=>A?{wrap:[S.titleWrap,{paddingTop:G?F.spacing.titlePaddingTop:F.spacing.titleIsolatedPadding,paddingBottom:G?0:F.spacing.titleIsolatedPadding,paddingHorizontal:G?F.spacing.paddingHorizontal:0,marginBottom:G?F.spacing.titleGap:0}],text:[S.title,{color:F.colors.title,fontFamily:F.typography.fontFamily,fontSize:F.typography.titleSize,lineHeight:F.typography.titleLineHeight,fontWeight:F.typography.titleWeight},q]}:null,[A,G,q,F]),le=(0,_react().useMemo)(()=>({text:[S.msg,{color:K?F.colors.title:F.colors.message,fontFamily:F.typography.fontFamily,fontSize:F.typography.messageSize,lineHeight:F.typography.messageLineHeight,textAlign:a},z],content:j?null:{alignItems:"center"===a?"center":"left"===a?"flex-start":"flex-end"},wrap:[S.msgWrap,{paddingTop:A?F.spacing.messagePaddingTop:F.spacing.messagePadding,paddingBottom:K?F.spacing.roundFooterPadding:F.spacing.messagePadding,paddingHorizontal:F.spacing.messagePaddingHorizontal}]}),[K,a,z,j,A,F]),ce=(0,_react().useMemo)(()=>({border:[S.footerBorder,(0,_hairline.createHairlineView)({position:"top",color:F.colors.divider,left:0,right:0,top:0})],round:[S.roundFooter,{paddingTop:F.spacing.messagePaddingTop,paddingHorizontal:F.spacing.messagePaddingHorizontal,paddingBottom:F.spacing.roundFooterPadding}]}),[F]),se=(0,_react().useMemo)(()=>{const e=l?(0,_validate.isNumber)(l)?{width:l}:{width:String(l)}:{width:"90%",maxWidth:F.sizes.maxWidth};return[{backgroundColor:F.colors.background,borderRadius:F.sizes.borderRadius,padding:0},e,D]},[l,D,F]),de=(0,_react().useCallback)(()=>{const e=Z.current.beforeClose;if(!e)return!0;try{return e("close")}catch{return!0}},[]),ue=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:ce.round},h&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,C&&{marginRight:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"warning",text:X,color:x,loading:Q,disabled:w?.disabled,onPress:te,style:{minHeight:F.sizes.roundButtonHeight}})),C&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,h&&{marginLeft:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"danger",text:Y,color:k,loading:U,disabled:E?.disabled,onPress:oe,style:{minHeight:F.sizes.roundButtonHeight}}))),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,te,oe,J,ce.round,h,C,F.sizes.roundButtonHeight,F.spacing.roundFooterGap]),pe=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:S.footer},_react().default.createElement(_reactNative().View,{style:ce.border,pointerEvents:"none"}),h&&_react().default.createElement(ActionButton,{tokens:F,text:X,color:x??F.colors.cancel,dividerPosition:"none",loading:Q,disabled:w?.disabled,onPress:te}),C&&_react().default.createElement(ActionButton,{tokens:F,text:Y,color:k??F.colors.confirm,dividerPosition:h?"left":"none",loading:U,disabled:E?.disabled,onPress:oe})),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,ce.border,te,oe,J,h,C,F]),ge=O??(K?ue:pe);return _react().default.createElement(_popup.default,_extends({visible:o,placement:"center",round:!0,overlay:d,overlayStyle:u,overlayTestID:p,closeOnBackPress:g,closeOnPopstate:f,closeOnClickOverlay:_||m,onClickOverlay:y,beforeClose:de,onClose:L,onClosed:R,contentAnimationStyle:ae,style:se,accessibilityRole:"android"===_reactNative().Platform.OS?"alert":"alertdialog",accessibilityLabel:"string"==typeof r?r:void 0},T),c&&_react().default.createElement(_reactNative().Pressable,{style:[S.closeIcon,{top:F.spacing.paddingTop/2,right:F.spacing.paddingHorizontal/2,padding:F.spacing.closeIconPadding}],hitSlop:{top:8,bottom:8,left:8,right:8},onPress:ee},s??_react().default.createElement(_reactNativeSystemIcon().Close,{size:F.sizes.closeSize,fill:F.colors.closeIcon,color:F.colors.closeIcon})),ie&&_react().default.createElement(_reactNative().View,{style:ie.wrap},(0,_utils.renderTextOrNode)(r,ie.text)),G&&_react().default.createElement(_reactNative().View,{style:[S.content,le.content,I]},j?H:_react().default.createElement(_reactNative().View,{style:le.wrap},(0,_utils.renderTextOrNode)(n,le.text))),ge)},S=_reactNative().StyleSheet.create({titleWrap:{alignItems:"center"},title:{textAlign:"center"},content:{width:"100%"},msg:{textAlign:"center"},footer:{flexDirection:"row",position:"relative"},footerBorder:{position:"absolute",top:0,left:0,right:0,height:0},btn:{flex:1,alignItems:"center",justifyContent:"center"},btnDiv:{position:"absolute",pointerEvents:"none"},msgWrap:{width:"100%"},roundFooter:{width:"100%",flexDirection:"row"},roundBtnWrap:{flex:1},closeIcon:{position:"absolute",zIndex:1}}),Dialog=exports.Dialog=_react().default.memo(DialogImpl);Dialog.displayName="Dialog";var _default=exports.default=Dialog;

package/dist/cjs/components/dialog/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDialogTokens=exports.createDialogTokens=void 0;var _designSystem=require("../../design-system");const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:s}=e;return{colors:{background:"#ffffff",title:i.default[900],message:i.default[600],divider:i.default[200],cancel:i.default[700],confirm:i.danger[500],closeIcon:i.default[500]},spacing:{paddingHorizontal:t.lg,paddingTop:t.lg,paddingBottom:t.md,titlePaddingTop:22,titleIsolatedPadding:t.lg,messagePadding:20,messagePaddingTop:t.xs,messagePaddingHorizontal:t.lg,titleGap:t.sm,footerGap:t.md,roundFooterPadding:t.md,roundFooterGap:t.sm,closeIconPadding:t.xs},sizes:{minWidth:280,maxWidth:360,borderRadius:o.lg,closeSize:20,actionHeight:48,roundButtonHeight:40},typography:{fontFamily:s.fontFamily,titleSize:a.md,titleLineHeight:a.md*s.lineHeightMultiplier,titleWeight:s.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*s.lineHeightMultiplier,actionSize:a.md,actionWeight:s.weight.medium}}};exports.createDialogTokens=createDialogTokens;const useDialogTokens=exports.useDialogTokens=(0,_designSystem.createComponentTokensHook)("dialog",createDialogTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDialogTokens=exports.createDialogTokens=void 0;var _designSystem=require("../../design-system");const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:s}=e;return{colors:{background:e.surface??"#ffffff",title:i.default[900],message:i.default[600],divider:i.default[200],cancel:i.default[700],confirm:i.danger[500],closeIcon:i.default[500]},spacing:{paddingHorizontal:t.lg,paddingTop:t.lg,paddingBottom:t.md,titlePaddingTop:22,titleIsolatedPadding:t.lg,messagePadding:20,messagePaddingTop:t.xs,messagePaddingHorizontal:t.lg,titleGap:t.sm,footerGap:t.md,roundFooterPadding:t.md,roundFooterGap:t.sm,closeIconPadding:t.xs},sizes:{minWidth:280,maxWidth:360,borderRadius:o.lg,closeSize:20,actionHeight:48,roundButtonHeight:40},typography:{fontFamily:s.fontFamily,titleSize:a.md,titleLineHeight:a.md*s.lineHeightMultiplier,titleWeight:s.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*s.lineHeightMultiplier,actionSize:a.md,actionWeight:s.weight.medium}}};exports.createDialogTokens=createDialogTokens;const useDialogTokens=exports.useDialogTokens=(0,_designSystem.createComponentTokensHook)("dialog",createDialogTokens);

package/dist/cjs/components/dialog/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/divider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/empty/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/error-boundary/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/field/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/flex/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/form/Form.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWatch=exports.default=exports.FormSubscribe=exports.FormContext=void 0;var _utils=require("../../utils"),_promise=require("../../utils/promise"),_validate=require("../../utils/validate"),_utils2=require("./utils"),_useLocale=require("../config-provider/useLocale");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,u,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?n(i,t,u):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const FormContext=exports.FormContext=_react().default.createContext(null),runRuleValidation=(e,t,r,a)=>{const n=e.message??a??"Validation failed",u=null==t||""===t||Array.isArray(t)&&0===t.length;if(e.required&&(u||e.whitespace&&(0,_validate.isString)(t)&&0===t.trim().length))return n;if(u)return null;if(e.pattern&&(0,_validate.isString)(t)&&!e.pattern.test(t))return n;if(void 0!==e.len||void 0!==e.min||void 0!==e.max){const r=(0,_validate.isNumber)(t)?t:(0,_validate.isString)(t)||Array.isArray(t)?t.length:0;if(void 0!==e.len&&r!==e.len)return n;if(void 0!==e.min&&r<e.min)return n;if(void 0!==e.max&&r>e.max)return n}if(!e.validator)return null;const i=e=>(0,_validate.isString)(e)?e:!1===e?n:null,l=e.validator(t,r);return(0,_promise.isPromiseLike)(l)?l.then(i):i(l)},InternalFormImpl=(e,t)=>{const{initialValues:r,colon:a,labelWidth:n,showValidateMessage:u=!0,onValuesChange:i,onFinish:l,style:s,footer:c,children:o,..._}=e,d=(0,_useLocale.useLocale)(),f=(0,_react().useRef)({}),m=(0,_react().useRef)({}),g=(0,_react().useRef)(r??f.current),v=(0,_react().useRef)({}),h=(0,_react().useRef)(new Map),p=(0,_react().useRef)(r??f.current),b=(0,_react().useRef)({}),F=(0,_react().useRef)(new Set),y=(0,_react().useRef)(i),V=(0,_react().useRef)(l);y.current=i,V.current=l;const N=r??f.current,[,x]=(0,_react().useState)(0),R=(0,_react().useCallback)((e,t)=>{F.current.forEach(r=>r(e,t))},[]);(0,_react().useEffect)(()=>{(0,_utils.shallowEqualObject)(g.current,N)||(g.current=N,p.current=N,m.current={},x(e=>e+1),R({[_utils2.FORM_ALL_FIELDS_KEY]:!0},N))},[N,R]);const E=(0,_react().useCallback)((e,t)=>{const r=(0,_utils2.serializeNamePath)(e),a=m.current[r];if(!t.length){if(!a)return;const t={...m.current};return delete t[r],m.current=t,void R({[r]:(0,_utils2.getValueByName)(p.current,e)},p.current)}a?.[0]===t[0]&&a.length===t.length||(m.current={...m.current,[r]:t},R({[r]:(0,_utils2.getValueByName)(p.current,e)},p.current))},[R]),P=(0,_react().useCallback)((e,t)=>{const r=(0,_utils2.serializeNamePath)(e),a=v.current[r];if(a?.dependencies?.length)for(const e of a.dependencies){const t=(0,_utils2.serializeNamePath)(e),a=h.current.get(t);a&&(a.delete(r),a.size||h.current.delete(t))}if(v.current[r]={...t,name:e},t.dependencies?.length)for(const e of t.dependencies){const t=(0,_utils2.serializeNamePath)(e),a=h.current.get(t);a?a.add(r):h.current.set(t,new Set([r]))}if(void 0!==t.initialValue){void 0===(0,_utils2.getValueByName)(g.current,e)&&(g.current=(0,_utils2.setValueByName)(g.current,e,t.initialValue));if(void 0===(0,_utils2.getValueByName)(p.current,e)){const a=(0,_utils2.setValueByName)(p.current,e,t.initialValue);p.current=a,R({[r]:t.initialValue},a)}}return()=>{const t=v.current[r];if(delete v.current[r],t?.dependencies?.length)for(const e of t.dependencies){const t=(0,_utils2.serializeNamePath)(e),a=h.current.get(t);a&&(a.delete(r),a.size||h.current.delete(t))}E(e,[])}},[R,E]),w=(0,_react().useRef)(d);w.current=d;const C=(0,_react().useCallback)(async(e,t,r,a)=>{const n=(0,_utils2.serializeNamePath)(e),u=(b.current[n]??0)+1;b.current[n]=u;const i=v.current[n],l=i?.rules??[];if(!l.length)return E(e,[]),!0;let s=t?l.filter(e=>{const r=e.validateTrigger??i.validateTrigger;return!r||(0,_utils2.normalizeTrigger)(r).includes(t)}):l;if(!s.length){if(!m.current[n]?.length)return!0;s=l}const c=a??p.current,o=r??(0,_utils2.getValueByName)(c,e),_=w.current?.vanForm?.validationFailed;for(const t of s){const r=runRuleValidation(t,o,c,_),a=(0,_promise.isPromiseLike)(r)?await r:r;if(b.current[n]!==u)return!0;if(a)return E(e,[a]),!1}return b.current[n]!==u||E(e,[]),!0},[E]),L=(0,_react().useCallback)(async e=>{const t=e??Object.values(v.current).map(e=>e.name);if((await Promise.all(t.map(e=>C(e)))).some(e=>!e))throw m.current;return p.current},[C]),O=(0,_react().useCallback)((e,t,r,a,n)=>{C(t,r,a,n);const u=h.current.get(e);if(u?.size)for(const e of u){const t=v.current[e];t&&C(t.name,r,(0,_utils2.getValueByName)(n,t.name),n)}},[C]),B=(0,_react().useCallback)((e,t,r)=>{const a=(0,_utils2.serializeNamePath)(e),n=p.current;if((0,_utils2.getValueByName)(n,e)===t)return;const u=(0,_utils2.setValueByName)(n,e,t);p.current=u,y.current?.(u,a,t),O(a,e,r,t,u),R({[a]:t},u)},[R,O]),S=(0,_react().useMemo)(()=>({submit:async()=>{try{const e=await L();return V.current?.(e),e}catch{return}},getFieldsValue:()=>p.current,setFieldsValue:(e,t)=>{const r=t?.validate??!1,a=p.current;let n=a;const u={};Object.keys(e).forEach(t=>{const a=e[t];(0,_utils2.getValueByName)(n,t)!==a&&(u[t]=a,n=(0,_utils2.setValueByName)(n,t,a),y.current?.(n,t,a),r&&O(t,t,void 0,a,n))}),n!==a&&(p.current=n,R(u,n))},resetFields:()=>{let e=g.current;Object.values(v.current).forEach(t=>{void 0!==t.initialValue&&void 0===(0,_utils2.getValueByName)(e,t.name)&&(e=(0,_utils2.setValueByName)(e,t.name,t.initialValue))}),p.current=e,m.current={},R({[_utils2.FORM_ALL_FIELDS_KEY]:!0},e)},validateFields:L,getFieldError:e=>m.current[(0,_utils2.serializeNamePath)(e)]??[]}),[L,O,R]);(0,_react().useImperativeHandle)(t,()=>S,[S]);const k=(0,_react().useMemo)(()=>({getFieldValue:e=>(0,_utils2.getValueByName)(p.current,e),setFieldValue:B,registerField:P,getFieldError:e=>m.current[(0,_utils2.serializeNamePath)(e)],validateField:(e,t)=>C(e,t),getFieldsValue:()=>p.current,subscribe:e=>(F.current.add(e),()=>F.current.delete(e)),form:S,colon:a,labelWidth:n,showValidateMessage:u}),[B,P,C,S,a,n,u]);return _react().default.createElement(FormContext.Provider,{value:k},_react().default.createElement(_reactNative().View,_extends({style:s},_),o,(0,_validate.isText)(c)?(0,_utils.renderTextOrNode)(c,[]):c))},InternalFormRef=_react().default.forwardRef(InternalFormImpl),InternalForm=_react().default.memo(InternalFormRef),useWatch=(e,t)=>{const r=(0,_react().useContext)(FormContext),a=void 0===e?void 0:Array.isArray(e)?e.length&&(0,_validate.isText)(e[0])?[e]:e:[e],n=(0,_react().useCallback)(e=>{const n=e??r?.getFieldsValue?.()??t?.current?.getFieldsValue?.()??{};if(!a)return n;if(1===a.length)return(0,_utils2.getValueByName)(n,a[0]);const u={};for(const e of a)u[(0,_utils2.serializeNamePath)(e)]=(0,_utils2.getValueByName)(n,e);return u},[r,t,a]),[u,i]=(0,_react().useState)(()=>n());return(0,_react().useEffect)(()=>{if(r?.subscribe)return r.subscribe((e,t)=>{_utils2.FORM_ALL_FIELDS_KEY in e?i(n(t)):a&&!a.some(t=>(0,_utils2.serializeNamePath)(t)in e)||i(n(t))})},[r,n,a]),(0,_react().useEffect)(()=>{i(n())},[n]),u};exports.useWatch=useWatch;const FormSubscribe=({to:e,children:t})=>{const r=(0,_react().useContext)(FormContext),[a,n]=(0,_react().useState)({});return(0,_react().useEffect)(()=>{if(r?.subscribe)return r.subscribe(t=>{(!e||_utils2.FORM_ALL_FIELDS_KEY in t||Object.keys(t).some(t=>e.includes(t)))&&n(t)})},[r,e]),_react().default.createElement(_react().default.Fragment,null,t(a,r?.form||null))};exports.FormSubscribe=FormSubscribe;var _default=exports.default=InternalForm;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWatch=exports.toNamePath=exports.setValueByName=exports.serializeNamePath=exports.normalizeTrigger=exports.getValueByName=exports.default=exports.FormSubscribe=exports.FormContext=exports.FORM_ALL_FIELDS_KEY=void 0;var _utils=require("../../utils"),_promise=require("../../utils/promise"),_validate=require("../../utils/validate"),_useLocale=require("../config-provider/useLocale");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,i,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(n=r?a:t){if(n.has(e))return n.get(e);n.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?n(u,r,i):u[r]=e[r]);return u})(e,r)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_extends.apply(null,arguments)}const normalizeTrigger=e=>e?Array.isArray(e)?e:[e]:[];exports.normalizeTrigger=normalizeTrigger;const FORM_ALL_FIELDS_KEY=exports.FORM_ALL_FIELDS_KEY="__form_all__",toNamePath=e=>null==e?[]:Array.isArray(e)?e:(0,_validate.isNumber)(e)?[e]:(0,_validate.isString)(e)?e.split("."):[String(e)];exports.toNamePath=toNamePath;const serializeNamePath=e=>toNamePath(e).join(".");exports.serializeNamePath=serializeNamePath;const getValueByName=(e,r)=>toNamePath(r).reduce((e,r)=>{if(null==e)return e;const t=String(r);if(Array.isArray(e)){const r=Number(t);return Number.isFinite(r)?e[r]:e[t]}return"object"==typeof e?e[t]:void 0},e);exports.getValueByName=getValueByName;const setValueByName=(e,r,t)=>{const a=toNamePath(r);if(!a.length)return e;const n=Array.isArray(e)?[...e]:"object"==typeof e&&null!==e?{...e}:{};let i=n;return a.forEach((e,r)=>{const n=String(e),u=Number(n);if(r===a.length-1)return void(Array.isArray(i)&&Number.isFinite(u)?i[u]=t:i[n]=t);const s=Array.isArray(i)&&Number.isFinite(u)?i[u]:i[n],c=null==s?(0,_validate.isNumber)(a[r+1])?[]:{}:Array.isArray(s)?[...s]:"object"==typeof s?{...s}:{};Array.isArray(i)&&Number.isFinite(u)?i[u]=c:i[n]=c,i=c}),n};exports.setValueByName=setValueByName;const FormContext=exports.FormContext=_react().default.createContext(null),runRuleValidation=(e,r,t,a)=>{const n=e.message??a??"Validation failed",i=null==r||""===r||Array.isArray(r)&&0===r.length;if(e.required&&(i||e.whitespace&&(0,_validate.isString)(r)&&0===r.trim().length))return n;if(i)return null;if(e.pattern&&(0,_validate.isString)(r)&&!e.pattern.test(r))return n;if(void 0!==e.len||void 0!==e.min||void 0!==e.max){const t=(0,_validate.isNumber)(r)?r:(0,_validate.isString)(r)||Array.isArray(r)?r.length:0;if(void 0!==e.len&&t!==e.len)return n;if(void 0!==e.min&&t<e.min)return n;if(void 0!==e.max&&t>e.max)return n}if(!e.validator)return null;const u=e=>(0,_validate.isString)(e)?e:!1===e?n:null,s=e.validator(r,t);return(0,_promise.isPromiseLike)(s)?s.then(u):u(s)},InternalFormImpl=(e,r)=>{const{initialValues:t,colon:a,labelWidth:n,showValidateMessage:i=!0,onValuesChange:u,onFinish:s,style:c,footer:l,children:o,...d}=e,m=(0,_useLocale.useLocale)(),f=(0,_react().useRef)({}),_=(0,_react().useRef)({}),g=(0,_react().useRef)(t??f.current),y=(0,_react().useRef)({}),h=(0,_react().useRef)(new Map),p=(0,_react().useRef)(t??f.current),N=(0,_react().useRef)({}),v=(0,_react().useRef)(new Set),b=(0,_react().useRef)(u),F=(0,_react().useRef)(s);b.current=u,F.current=s;const V=t??f.current,[,x]=(0,_react().useState)(0),P=(0,_react().useCallback)((e,r)=>{v.current.forEach(t=>t(e,r))},[]);(0,_react().useEffect)(()=>{(0,_utils.shallowEqualObject)(g.current,V)||(g.current=V,p.current=V,_.current={},x(e=>e+1),P({[FORM_ALL_FIELDS_KEY]:!0},V))},[V,P]);const A=(0,_react().useCallback)((e,r)=>{const t=serializeNamePath(e),a=_.current[t];if(!r.length){if(!a)return;const r={..._.current};return delete r[t],_.current=r,void P({[t]:getValueByName(p.current,e)},p.current)}a?.[0]===r[0]&&a.length===r.length||(_.current={..._.current,[t]:r},P({[t]:getValueByName(p.current,e)},p.current))},[P]),E=(0,_react().useCallback)((e,r)=>{const t=serializeNamePath(e),a=y.current[t];if(a?.dependencies?.length)for(const e of a.dependencies){const r=serializeNamePath(e),a=h.current.get(r);a&&(a.delete(t),a.size||h.current.delete(r))}if(y.current[t]={...r,name:e},r.dependencies?.length)for(const e of r.dependencies){const r=serializeNamePath(e),a=h.current.get(r);a?a.add(t):h.current.set(r,new Set([t]))}if(void 0!==r.initialValue){void 0===getValueByName(g.current,e)&&(g.current=setValueByName(g.current,e,r.initialValue));if(void 0===getValueByName(p.current,e)){const a=setValueByName(p.current,e,r.initialValue);p.current=a,P({[t]:r.initialValue},a)}}return()=>{const r=y.current[t];if(delete y.current[t],r?.dependencies?.length)for(const e of r.dependencies){const r=serializeNamePath(e),a=h.current.get(r);a&&(a.delete(t),a.size||h.current.delete(r))}A(e,[])}},[P,A]),L=(0,_react().useRef)(m);L.current=m;const R=(0,_react().useCallback)(async(e,r,t,a)=>{const n=serializeNamePath(e),i=(N.current[n]??0)+1;N.current[n]=i;const u=y.current[n],s=u?.rules??[];if(!s.length)return A(e,[]),!0;let c=r?s.filter(e=>{const t=e.validateTrigger??u.validateTrigger;return!t||normalizeTrigger(t).includes(r)}):s;if(!c.length){if(!_.current[n]?.length)return!0;c=s}const l=a??p.current,o=t??getValueByName(l,e),d=L.current?.vanForm?.validationFailed;for(const r of c){const t=runRuleValidation(r,o,l,d),a=(0,_promise.isPromiseLike)(t)?await t:t;if(N.current[n]!==i)return!0;if(a)return A(e,[a]),!1}return N.current[n]!==i||A(e,[]),!0},[A]),B=(0,_react().useCallback)(async e=>{const r=e??Object.values(y.current).map(e=>e.name);if((await Promise.all(r.map(e=>R(e)))).some(e=>!e))throw _.current;return p.current},[R]),S=(0,_react().useCallback)((e,r,t,a,n)=>{R(r,t,a,n);const i=h.current.get(e);if(i?.size)for(const e of i){const r=y.current[e];r&&R(r.name,t,getValueByName(n,r.name),n)}},[R]),z=(0,_react().useCallback)((e,r,t)=>{const a=serializeNamePath(e),n=p.current;if(getValueByName(n,e)===r)return;const i=setValueByName(n,e,r);p.current=i,b.current?.(i,a,r),S(a,e,t,r,i),P({[a]:r},i)},[P,S]),O=(0,_react().useMemo)(()=>({submit:async()=>{try{const e=await B();return F.current?.(e),e}catch{return}},getFieldsValue:()=>p.current,setFieldsValue:(e,r)=>{const t=r?.validate??!1,a=p.current;let n=a;const i={};Object.keys(e).forEach(r=>{const a=e[r];getValueByName(n,r)!==a&&(i[r]=a,n=setValueByName(n,r,a),b.current?.(n,r,a),t&&S(r,r,void 0,a,n))}),n!==a&&(p.current=n,P(i,n))},resetFields:()=>{let e=g.current;Object.values(y.current).forEach(r=>{void 0!==r.initialValue&&void 0===getValueByName(e,r.name)&&(e=setValueByName(e,r.name,r.initialValue))}),p.current=e,_.current={},P({[FORM_ALL_FIELDS_KEY]:!0},e)},validateFields:B,getFieldError:e=>_.current[serializeNamePath(e)]??[]}),[B,S,P]);(0,_react().useImperativeHandle)(r,()=>O,[O]);const w=(0,_react().useMemo)(()=>({getFieldValue:e=>getValueByName(p.current,e),setFieldValue:z,registerField:E,getFieldError:e=>_.current[serializeNamePath(e)],validateField:(e,r)=>R(e,r),getFieldsValue:()=>p.current,subscribe:e=>(v.current.add(e),()=>v.current.delete(e)),form:O,colon:a,labelWidth:n,showValidateMessage:i}),[z,E,R,O,a,n,i]);return _react().default.createElement(FormContext.Provider,{value:w},_react().default.createElement(_reactNative().View,_extends({style:c},d),o,(0,_validate.isText)(l)?(0,_utils.renderTextOrNode)(l,[]):l))},InternalFormRef=_react().default.forwardRef(InternalFormImpl),InternalForm=_react().default.memo(InternalFormRef),useWatch=(e,r)=>{const t=(0,_react().useContext)(FormContext),a=void 0===e?void 0:Array.isArray(e)?e.length&&(0,_validate.isText)(e[0])?[e]:e:[e],n=(0,_react().useCallback)(e=>{const n=e??t?.getFieldsValue?.()??r?.current?.getFieldsValue?.()??{};if(!a)return n;if(1===a.length)return getValueByName(n,a[0]);const i={};for(const e of a)i[serializeNamePath(e)]=getValueByName(n,e);return i},[t,r,a]),[i,u]=(0,_react().useState)(()=>n());return(0,_react().useEffect)(()=>{if(t?.subscribe)return t.subscribe((e,r)=>{FORM_ALL_FIELDS_KEY in e?u(n(r)):a&&!a.some(r=>serializeNamePath(r)in e)||u(n(r))})},[t,n,a]),(0,_react().useEffect)(()=>{u(n())},[n]),i};exports.useWatch=useWatch;const FormSubscribe=({to:e,children:r})=>{const t=(0,_react().useContext)(FormContext),[a,n]=(0,_react().useState)({});return(0,_react().useEffect)(()=>{if(t?.subscribe)return t.subscribe(r=>{(!e||FORM_ALL_FIELDS_KEY in r||Object.keys(r).some(r=>e.includes(r)))&&n(r)})},[t,e]),_react().default.createElement(_react().default.Fragment,null,r(a,t?.form||null))};exports.FormSubscribe=FormSubscribe;var _default=exports.default=InternalForm;

package/dist/cjs/components/form/FormItem.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormItem=void 0;var _utils=require("../../utils"),_FormContext=require("./FormContext"),_utils2=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(l=t?i:r){if(l.has(e))return l.get(e);l.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(a,t,o):a[t]=e[t]);return a})(e,t)}const EMPTY_RULES=[],EMPTY_VALUES={},FormItemImpl=({name:e,label:t,description:r,intro:i,tooltip:l,rules:o,dependencies:a,valuePropName:n="value",trigger:u="onChangeText",validateTrigger:d,showValidateMessage:s,required:c,shouldUpdate:f,initialValue:_,children:m})=>{const p="function"==typeof m,F=(0,_react().useContext)(_FormContext.FormContext),g=o??EMPTY_RULES,v=e?(0,_utils2.serializeNamePath)(e):void 0,E=p&&!v&&!f,V=(0,_react().useRef)(EMPTY_VALUES),[,b]=(0,_react().useState)(0);(0,_react().useEffect)(()=>{if(F?.subscribe)return F.subscribe((e,t)=>{_utils2.FORM_ALL_FIELDS_KEY in e||E?b(e=>e+1):f?f(V.current,t)&&b(e=>e+1):v&&v in e&&b(e=>e+1)})},[F,v,f,E]);const M=F?.getFieldsValue()??EMPTY_VALUES;if((0,_react().useEffect)(()=>{V.current=M},[M]),(0,_react().useEffect)(()=>{if(e&&F)return F.registerField(e,{rules:g,dependencies:a,initialValue:_,validateTrigger:d??u})},[F,e,g,a,_,d,u]),!F)return p?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:()=>{},getFieldsValue:()=>EMPTY_VALUES,form:null})):_react().default.createElement(_react().default.Fragment,null,m);const h=!f||f(V.current,M),I=e?F.getFieldValue(e):void 0,y=s??F.showValidateMessage??!0,P=e?F.getFieldError(e):void 0,q=y?P?.[0]:void 0,x=c??g.some(e=>e.required),T=(0,_utils2.normalizeTrigger)(d??u);if(p)return h?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:F.getFieldValue,getFieldsValue:F.getFieldsValue,form:F.form||null})):null;if(!e)return _react().default.createElement(_react().default.Fragment,null,m);if(!h)return null;const W=_react().default.Children.toArray(m);if(1!==W.length)return _react().default.createElement(_react().default.Fragment,null,m);const L=W[0],S=L.type.displayName,C=(0,_utils.isString)(S)&&(S.includes("Field")||S.includes("Input")),R={[n]:(()=>{const e=L.props[n];return void 0!==e?e:void 0!==I?I:C&&"value"===n?"":I})(),[u]:t=>{F.setFieldValue(e,t,u);const r=L.props[u];(0,_utils.isFunction)(r)&&r(t)}};T.forEach(t=>{if(!t||t===u)return;const r=L.props[t];R[t]=(...i)=>{(0,_utils.isFunction)(r)&&r(...i),F.validateField(e,t)}});const U=L.props;return void 0!==t&&void 0===U.label&&(R.label=t),void 0!==F.colon&&void 0!==R.label&&void 0===U.colon&&(R.colon=F.colon),void 0!==F.labelWidth&&void 0===U.labelWidth&&(R.labelWidth=F.labelWidth),r&&void 0===U.description&&(R.description=r),i&&void 0===U.intro&&(R.intro=i),l&&void 0===U.tooltip&&(R.tooltip=l),x&&void 0===U.required&&(R.required=!0),q&&void 0===U.errorMessage&&(R.error=!0,R.errorMessage=q),_react().default.cloneElement(L,R)};FormItemImpl.displayName="FormItem";const FormItem=exports.FormItem=_react().default.memo(FormItemImpl);var _default=exports.default=FormItem;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormItem=void 0;var _utils=require("../../utils"),_Form=require("./Form");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?l:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(a,t,o):a[t]=e[t]);return a})(e,t)}const EMPTY_RULES=[],EMPTY_VALUES={},FormItemImpl=({name:e,label:t,description:r,intro:l,tooltip:i,rules:o,dependencies:a,valuePropName:n="value",trigger:u="onChangeText",validateTrigger:d,showValidateMessage:c,required:s,shouldUpdate:f,initialValue:_,children:m})=>{const p="function"==typeof m,F=(0,_react().useContext)(_Form.FormContext),g=o??EMPTY_RULES,v=e?(0,_Form.serializeNamePath)(e):void 0,E=p&&!v&&!f,V=(0,_react().useRef)(EMPTY_VALUES),[,b]=(0,_react().useState)(0);(0,_react().useEffect)(()=>{if(F?.subscribe)return F.subscribe((e,t)=>{_Form.FORM_ALL_FIELDS_KEY in e||E?b(e=>e+1):f?f(V.current,t)&&b(e=>e+1):v&&v in e&&b(e=>e+1)})},[F,v,f,E]);const M=F?.getFieldsValue()??EMPTY_VALUES;if((0,_react().useEffect)(()=>{V.current=M},[M]),(0,_react().useEffect)(()=>{if(e&&F)return F.registerField(e,{rules:g,dependencies:a,initialValue:_,validateTrigger:d??u})},[F,e,g,a,_,d,u]),!F)return p?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:()=>{},getFieldsValue:()=>EMPTY_VALUES,form:null})):_react().default.createElement(_react().default.Fragment,null,m);const h=!f||f(V.current,M),I=e?F.getFieldValue(e):void 0,y=c??F.showValidateMessage??!0,P=e?F.getFieldError(e):void 0,q=y?P?.[0]:void 0,T=s??g.some(e=>e.required),W=(0,_Form.normalizeTrigger)(d??u);if(p)return h?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:F.getFieldValue,getFieldsValue:F.getFieldsValue,form:F.form||null})):null;if(!e)return _react().default.createElement(_react().default.Fragment,null,m);if(!h)return null;const L=_react().default.Children.toArray(m);if(1!==L.length)return _react().default.createElement(_react().default.Fragment,null,m);const S=L[0],x=S.type.displayName,R=(0,_utils.isString)(x)&&(x.includes("Field")||x.includes("Input")),U={[n]:(()=>{const e=S.props[n];return void 0!==e?e:void 0!==I?I:R&&"value"===n?"":I})(),[u]:t=>{F.setFieldValue(e,t,u);const r=S.props[u];(0,_utils.isFunction)(r)&&r(t)}};W.forEach(t=>{if(!t||t===u)return;const r=S.props[t];U[t]=(...l)=>{(0,_utils.isFunction)(r)&&r(...l),F.validateField(e,t)}});const Y=S.props;return void 0!==t&&void 0===Y.label&&(U.label=t),void 0!==F.colon&&void 0!==U.label&&void 0===Y.colon&&(U.colon=F.colon),void 0!==F.labelWidth&&void 0===Y.labelWidth&&(U.labelWidth=F.labelWidth),r&&void 0===Y.description&&(U.description=r),l&&void 0===Y.intro&&(U.intro=l),i&&void 0===Y.tooltip&&(U.tooltip=i),T&&void 0===Y.required&&(U.required=!0),q&&void 0===Y.errorMessage&&(U.error=!0,U.errorMessage=q),_react().default.cloneElement(S,U)};FormItemImpl.displayName="FormItem";const FormItem=exports.FormItem=_react().default.memo(FormItemImpl);var _default=exports.default=FormItem;

package/dist/cjs/components/form/FormList.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormList=void 0;var _FormContext=require("./FormContext"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(u,t,s):u[t]=e[t]);return u})(e,t)}const getList=(e,t)=>{const r=(0,_utils.getValueByName)(e.getFieldsValue(),t);return Array.isArray(r)?r:[]},FormList=({name:e,initialValue:t,children:r})=>{const i=(0,_react().useContext)(_FormContext.FormContext),n=(0,_react().useRef)(0),s=(0,_react().useRef)([]),u=(0,_utils.serializeNamePath)(e),[c,a]=(0,_react().useState)(()=>i?getList(i,e):[]),l=(0,_react().useCallback)(e=>{const t=s.current;for(;t.length<e;)t.push(n.current++);t.length>e&&(s.current=t.slice(0,e))},[]),o=(0,_react().useCallback)(()=>{i&&void 0===(0,_utils.getValueByName)(i.getFieldsValue(),e)&&void 0!==t&&i.setFieldValue(e,t)},[i,t,e]);(0,_react().useEffect)(()=>{o()},[o]),(0,_react().useEffect)(()=>{if(i?.subscribe)return i.subscribe((t,r)=>{if(_utils.FORM_ALL_FIELDS_KEY in t||u in t){const t=(0,_utils.getValueByName)(r,e),i=Array.isArray(t)?t:[];l(i.length),a(i)}})},[i,e,u,l]);const _=(0,_react().useCallback)((t,r)=>{if(!i)return;const u=getList(i,e),c="number"==typeof r?r:u.length,a=[...u];a.splice(c,0,t),s.current.splice(c,0,n.current++),i.setFieldValue(e,a)},[i,e]),f=(0,_react().useCallback)(t=>{if(!i)return;const r=getList(i,e);t<0||t>=r.length||(s.current.splice(t,1),i.setFieldValue(e,r.slice(0,t).concat(r.slice(t+1))))},[i,e]),p=(0,_react().useCallback)((t,r)=>{if(!i)return;const n=getList(i,e);if(t===r||t<0||r<0||t>=n.length||r>=n.length)return;const u=[...n],c=u.splice(t,1)[0];u.splice(r,0,c);const[a]=s.current.splice(t,1);s.current.splice(r,0,a),i.setFieldValue(e,u)},[i,e]);if(!i)return null;l(c.length);const d=c.map((e,t)=>({name:t,key:s.current[t],isListField:!0}));return _react().default.createElement(_react().default.Fragment,null,r(d,{add:_,remove:f,move:p}))};exports.FormList=FormList,FormList.displayName="Form.List";
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormList=void 0;var _Form=require("./Form");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,c,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?i(a,t,c):a[t]=e[t]);return a})(e,t)}const getList=(e,t)=>{const r=(0,_Form.getValueByName)(e.getFieldsValue(),t);return Array.isArray(r)?r:[]},FormList=({name:e,initialValue:t,children:r})=>{const n=(0,_react().useContext)(_Form.FormContext),i=(0,_react().useRef)(0),c=(0,_react().useRef)([]),a=(0,_Form.serializeNamePath)(e),[s,u]=(0,_react().useState)(()=>n?getList(n,e):[]),l=(0,_react().useCallback)(e=>{const t=c.current;for(;t.length<e;)t.push(i.current++);t.length>e&&(c.current=t.slice(0,e))},[]),o=(0,_react().useCallback)(()=>{n&&void 0===(0,_Form.getValueByName)(n.getFieldsValue(),e)&&void 0!==t&&n.setFieldValue(e,t)},[n,t,e]);(0,_react().useEffect)(()=>{o()},[o]),(0,_react().useEffect)(()=>{if(n?.subscribe)return n.subscribe((t,r)=>{if(_Form.FORM_ALL_FIELDS_KEY in t||a in t){const t=(0,_Form.getValueByName)(r,e),n=Array.isArray(t)?t:[];l(n.length),u(n)}})},[n,e,a,l]);const f=(0,_react().useCallback)((t,r)=>{if(!n)return;const a=getList(n,e),s="number"==typeof r?r:a.length,u=[...a];u.splice(s,0,t),c.current.splice(s,0,i.current++),n.setFieldValue(e,u)},[n,e]),_=(0,_react().useCallback)(t=>{if(!n)return;const r=getList(n,e);t<0||t>=r.length||(c.current.splice(t,1),n.setFieldValue(e,r.slice(0,t).concat(r.slice(t+1))))},[n,e]),p=(0,_react().useCallback)((t,r)=>{if(!n)return;const i=getList(n,e);if(t===r||t<0||r<0||t>=i.length||r>=i.length)return;const a=[...i],s=a.splice(t,1)[0];a.splice(r,0,s);const[u]=c.current.splice(t,1);c.current.splice(r,0,u),n.setFieldValue(e,a)},[n,e]);if(!n)return null;l(s.length);const d=s.map((e,t)=>({name:t,key:c.current[t],isListField:!0}));return _react().default.createElement(_react().default.Fragment,null,r(d,{add:f,remove:_,move:p}))};exports.FormList=FormList,FormList.displayName="Form.List";

package/dist/cjs/components/form/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/grid/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useGridTokens=exports.createGridTokens=void 0;var _designSystem=require("../../design-system");const createGridTokens=e=>{const{palette:t,spacing:r,fontSize:i,typography:o,opacity:n}=e;return{defaults:{columnNum:4,gutter:0,border:!0,center:!0,square:!1,direction:"vertical",reverse:!1,clickable:!1,iconSize:28,pressedOpacity:n.pressed,textNumberOfLines:2},layout:{container:{flexDirection:"row",flexWrap:"wrap"},border:{position:"absolute",left:0,right:0,height:1,zIndex:1},borderTop:{top:0},borderBottom:{bottom:0},itemContentBase:{justifyContent:"center"},itemVertical:{flexDirection:"column"},itemHorizontal:{flexDirection:"row",alignItems:"center"},itemCenter:{alignItems:"center"},itemReverseColumn:{flexDirection:"column-reverse"},itemReverseRow:{flexDirection:"row-reverse"},iconWrapper:{alignItems:"center",justifyContent:"center"},text:{textAlign:"center"},itemBorderRight:{width:1},itemBorderBottom:{height:1},itemContentSquare:{width:"100%",aspectRatio:1}},colors:{border:t.default[200],text:t.default[600],background:"#ffffff",active:t.default[100]},typography:{fontSize:i.sm,fontFamily:o.fontFamily,lineHeight:Math.round(i.sm*o.lineHeightMultiplier),fontWeight:o.weight.regular},spacing:{paddingHorizontal:r.sm,paddingVertical:r.md,iconGap:r.sm}}};exports.createGridTokens=createGridTokens;const useGridTokens=exports.useGridTokens=(0,_designSystem.createComponentTokensHook)("grid",createGridTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useGridTokens=exports.createGridTokens=void 0;var _designSystem=require("../../design-system");const createGridTokens=e=>{const{palette:t,spacing:r,fontSize:i,typography:o,opacity:n}=e,s=e.surface??"#ffffff";return{defaults:{columnNum:4,gutter:0,border:!0,center:!0,square:!1,direction:"vertical",reverse:!1,clickable:!1,iconSize:28,pressedOpacity:n.pressed,textNumberOfLines:2},layout:{container:{flexDirection:"row",flexWrap:"wrap"},border:{position:"absolute",left:0,right:0,height:1,zIndex:1},borderTop:{top:0},borderBottom:{bottom:0},itemContentBase:{justifyContent:"center"},itemVertical:{flexDirection:"column"},itemHorizontal:{flexDirection:"row",alignItems:"center"},itemCenter:{alignItems:"center"},itemReverseColumn:{flexDirection:"column-reverse"},itemReverseRow:{flexDirection:"row-reverse"},iconWrapper:{alignItems:"center",justifyContent:"center"},text:{textAlign:"center"},itemBorderRight:{width:1},itemBorderBottom:{height:1},itemContentSquare:{width:"100%",aspectRatio:1}},colors:{border:t.default[200],text:t.default[600],background:s,active:t.default[100]},typography:{fontSize:i.sm,fontFamily:o.fontFamily,lineHeight:Math.round(i.sm*o.lineHeightMultiplier),fontWeight:o.weight.regular},spacing:{paddingHorizontal:r.sm,paddingVertical:r.md,iconGap:r.sm}}};exports.createGridTokens=createGridTokens;const useGridTokens=exports.useGridTokens=(0,_designSystem.createComponentTokensHook)("grid",createGridTokens);

package/dist/cjs/components/grid/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/image/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useImageTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t,spacing:o,fontSize:n,radii:i,typography:r}=e;return{defaults:{fit:"cover",showLoading:!0,showError:!0,loadingText:"Loading...",errorText:"Failed to load",iconSize:20,loadingIndicatorBaseSize:20,loadingLabelMarginTop:o.xs,roundRadius:i.full},layout:{container:{alignItems:"center",justifyContent:"center",overflow:"hidden"},overlay:{position:"absolute",top:0,right:0,bottom:0,left:0,alignItems:"center",justifyContent:"center"},label:{fontFamily:r.fontFamily,fontSize:n.xs},iconContainer:{alignItems:"center",justifyContent:"center"},absoluteFill:{position:"absolute",top:0,right:0,bottom:0,left:0}},colors:{background:"#ffffff",text:t.default[500],error:t.danger[500]}}},useImageTokens=exports.useImageTokens=(0,_designSystem.createComponentTokensHook)("image",createTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useImageTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t,spacing:o,fontSize:n,radii:i,typography:r}=e,s=e.surface??"#ffffff";return{defaults:{fit:"cover",showLoading:!0,showError:!0,loadingText:"Loading...",errorText:"Failed to load",iconSize:20,loadingIndicatorBaseSize:20,loadingLabelMarginTop:o.xs,roundRadius:i.full},layout:{container:{alignItems:"center",justifyContent:"center",overflow:"hidden"},overlay:{position:"absolute",top:0,right:0,bottom:0,left:0,alignItems:"center",justifyContent:"center"},label:{fontFamily:r.fontFamily,fontSize:n.xs},iconContainer:{alignItems:"center",justifyContent:"center"},absoluteFill:{position:"absolute",top:0,right:0,bottom:0,left:0}},colors:{background:s,text:t.default[500],error:t.danger[500]}}},useImageTokens=exports.useImageTokens=(0,_designSystem.createComponentTokensHook)("image",createTokens);

package/dist/cjs/components/image/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/image-preview/ImagePreview.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _popup=_interopRequireDefault(require("../popup")),_swiper=_interopRequireDefault(require("../swiper")),_tokens=require("./tokens"),_validate=require("../../utils/validate");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const clampIndex=(e,t)=>t<=0?0:Math.max(0,Math.min(t-1,e)),indicatorSpacing={bottom:32},IS_WEB="web"===_reactNative().Platform.OS,TOUCH_MOVE_THRESHOLD=8,TOUCH_MOVE_THRESHOLD_SQUARED=64,ImageSlide=_react().default.memo(e=>{const{source:t,rendered:a,pressableHandlers:r,index:n,total:i}=e;return _react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"image",accessibilityLabel:`image ${n+1} of ${i}`,style:S.slidePressable},r),a?_react().default.createElement(_reactNative().Image,{source:t,resizeMode:"contain",style:S.image,accessible:!0,accessibilityRole:"image"}):_react().default.createElement(_reactNative().View,{style:S.imagePlaceholder}))},(e,t)=>e.source===t.source&&e.rendered===t.rendered&&e.pressableHandlers===t.pressableHandlers&&e.index===t.index&&e.total===t.total),ImagePreviewImpl=(e,t)=>{const{visible:a,images:r=[],startPosition:n=0,tokensOverride:i,lazyRender:o=!1,lazyRenderBuffer:l=1,showIndex:c=!0,indexRender:s,showIndicators:u=!1,closeable:d=!1,closeIcon:p,closeIconPosition:f="top-right",closeOnlyClickCloseIcon:_=!1,overlay:g=!0,overlayStyle:m,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,safeAreaInsetTop:I=!0,safeAreaInsetBottom:w=!0,onChange:h,onClose:C,onClosed:P,beforeClose:E}=e,{colors:k,layout:T,radii:R,typography:O,spacing:M}=(0,_tokens.useImagePreviewTokens)(i),H=(0,_react().useRef)(null),q=(0,_react().useRef)("close"),z=(0,_react().useRef)(null),D=(0,_react().useRef)(!1),B=r.length,[N,A]=(0,_react().useState)(()=>clampIndex(n,B)),F=clampIndex(N,B),V=(0,_react().useRef)({images:r,index:F,beforeClose:E,onClose:C});V.current={images:r,index:F,beforeClose:E,onClose:C};const W=(0,_react().useMemo)(()=>r.map(e=>(0,_validate.isString)(e)?{uri:e}:e),[r]);(0,_react().useEffect)(()=>{A(e=>clampIndex(e,B))},[B]),(0,_react().useEffect)(()=>{if(!a)return;const e=clampIndex(n,B);if(A(e),"undefined"!=typeof requestAnimationFrame){const t=requestAnimationFrame(()=>{H.current?.swipeTo(e,!1)});return()=>cancelAnimationFrame(t)}},[B,n,a]);const X=(0,_react().useCallback)(async e=>{const{beforeClose:t,images:a,index:r}=V.current;if(!t)return!0;return!1!==await t({reason:e,index:r,image:a[r]})},[]),Y=(0,_react().useCallback)(async(e,t=!1)=>{const{onClose:a,images:r,index:n}=V.current;if(!t){if(!await X(e))return}a?.({index:n,image:r[n]})},[X]),j=(0,_react().useCallback)(async e=>(q.current=e,X(e)),[X]),$=(0,_react().useCallback)(()=>{Y(q.current,!0)},[Y]);(0,_react().useImperativeHandle)(t,()=>({swipeTo:(e,t=!0)=>{const a=clampIndex(e,B);A(a),H.current?.swipeTo(a,t)}}),[B]);const U=(0,_react().useRef)(h);U.current=h;const L=(0,_react().useRef)(F);L.current=F;const Q=(0,_react().useCallback)(e=>{L.current!==e&&(A(e),U.current?.(e))},[]),G=(0,_react().useCallback)(()=>{_||Y("content")},[_,Y]),J=(0,_react().useCallback)(()=>{z.current=null,D.current=!1},[]),K=(0,_react().useCallback)((e,t)=>{z.current={x:e,y:t},D.current=!1},[]),Z=(0,_react().useCallback)((e,t)=>{const a=z.current;if(!a)return;const r=e-a.x,n=t-a.y;r*r+n*n>=64&&(D.current=!0)},[]),ee=(0,_react().useCallback)((e,t)=>{const a=z.current,r=D.current;if(J(),!a||r)return;const n=e-a.x,i=t-a.y;n*n+i*i>=64||G()},[G,J]),te=(0,_react().useMemo)(()=>{const e={onTouchStart:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&K(t,a)},onTouchMove:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&Z(t,a)},onTouchEnd:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&ee(t,a)},onTouchCancel:J};return IS_WEB&&(e.onMouseDown=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&K(t.pageX,t.pageY)},e.onMouseMove=e=>{const t=e.nativeEvent;1===t?.buttons&&null!=t?.pageX&&null!=t?.pageY&&Z(t.pageX,t.pageY)},e.onMouseUp=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&ee(t.pageX,t.pageY)}),e},[Z,K,J,ee]),ae=(0,_react().useCallback)((e,t)=>{if(!c||0===t)return null;const a=`${e+1} / ${t}`;return _react().default.createElement(_reactNative().View,{style:[S.index,{top:M.indexTop}],testID:"rv-image-preview-index"},_react().default.createElement(_reactNative().View,{style:[S.indexBadge,{backgroundColor:k.indexBackground,borderRadius:R.indexBadge,paddingHorizontal:M.indexPaddingHorizontal,paddingVertical:M.indexPaddingVertical}]},(()=>{if(!s)return _react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},a);const r=s({index:e,len:t});return(0,_validate.isText)(r)?_react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},r):r})()))},[k.indexBackground,k.indexText,s,R.indexBadge,c,M.indexPaddingHorizontal,M.indexPaddingVertical,M.indexTop,O.indexTextSize]),re=o?Math.max(0,0|l):0,ne=(0,_react().useCallback)((e,t)=>_react().default.createElement(_react().default.Fragment,null,ae(t,e),u&&e>1&&_react().default.createElement(_swiper.default.PagIndicator,{total:e,current:t,activeColor:k.indicatorActive,inactiveColor:k.indicatorInactive,style:indicatorSpacing,testID:"rv-image-preview-indicators"})),[k.indicatorActive,k.indicatorInactive,ae,u]);return _react().default.createElement(_popup.default,{visible:a,overlay:g,overlayStyle:m,closeOnOverlayPress:!_,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,closeable:d,closeIcon:p,closeIconPosition:f,stopPropagation:!1,round:!1,safeAreaInsetTop:I,safeAreaInsetBottom:w,overlayTestID:"rv-image-preview-overlay",style:[S.popup,{backgroundColor:k.transparent,padding:T.popupPadding,borderRadius:T.popupRadius}],beforeClose:j,onClose:$,onClosed:P},_react().default.createElement(_reactNative().View,{style:[S.content,{backgroundColor:k.background}]},1===B&&ae(0,1),0===B?_react().default.createElement(_reactNative().View,{style:S.empty,testID:"rv-image-preview-empty"}):_react().default.createElement(_swiper.default,{ref:H,style:S.swiper,initialSwipe:clampIndex(n,B),loop:!1,autoplay:!1,touchable:B>1,indicator:ne,onChange:Q,testID:"rv-image-preview-swiper"},W.map((e,t)=>_react().default.createElement(_swiper.default.Item,{key:t,style:S.slide,testID:`rv-image-preview-slide-${t}`},_react().default.createElement(ImageSlide,{source:e,rendered:!o||Math.abs(t-F)<=re,pressableHandlers:te,index:t,total:W.length}))))))},ImagePreviewForwardRef=_react().default.forwardRef(ImagePreviewImpl),ImagePreview=_react().default.memo(ImagePreviewForwardRef);var _default=exports.default=ImagePreview;const S=_reactNative().StyleSheet.create({popup:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%"},content:{flex:1},swiper:{flex:1},slide:{justifyContent:"center",alignItems:"center",flex:1},slidePressable:{flex:1,width:"100%",height:"100%",justifyContent:"center",alignItems:"center"},image:{width:"100%",height:"100%"},imagePlaceholder:{width:"100%",height:"100%"},empty:{flex:1},index:{position:"absolute",left:0,right:0,alignItems:"center",zIndex:1},indexBadge:{},indexText:{fontWeight:"500"}});
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _popup=_interopRequireDefault(require("../popup")),_swiper=_interopRequireDefault(require("../swiper")),_tokens=require("./tokens"),_validate=require("../../utils/validate");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const clampIndex=(e,t)=>t<=0?0:Math.max(0,Math.min(t-1,e)),indicatorSpacing={bottom:32},IS_WEB="web"===_reactNative().Platform.OS,TOUCH_MOVE_THRESHOLD=8,TOUCH_MOVE_THRESHOLD_SQUARED=64,ImageSlide=_react().default.memo(e=>{const{source:t,rendered:a,pressableHandlers:r,index:n,total:i}=e;return _react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"image",accessibilityLabel:`image ${n+1} of ${i}`,style:S.slidePressable},r),a?_react().default.createElement(_reactNative().Image,{source:t,resizeMode:"contain",style:S.image,accessible:!0,accessibilityRole:"image"}):_react().default.createElement(_reactNative().View,{style:S.imagePlaceholder}))},(e,t)=>e.source===t.source&&e.rendered===t.rendered&&e.pressableHandlers===t.pressableHandlers&&e.index===t.index&&e.total===t.total),ImagePreviewImpl=(e,t)=>{const{visible:a,images:r=[],startPosition:n=0,tokensOverride:i,lazyRender:o=!1,lazyRenderBuffer:l=1,showIndex:c=!0,indexRender:s,showIndicators:u=!1,closeable:d=!1,closeIcon:p,closeIconPosition:f="top-right",closeOnlyClickCloseIcon:_=!1,overlay:g=!0,overlayStyle:m,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,safeAreaInsetTop:I=!0,safeAreaInsetBottom:w=!0,onChange:h,onClose:C,onClosed:P,beforeClose:E}=e,{colors:k,layout:T,radii:R,typography:O,spacing:M}=(0,_tokens.useImagePreviewTokens)(i),H=(0,_react().useRef)(null),q=(0,_react().useRef)("close"),z=(0,_react().useRef)(null),D=(0,_react().useRef)(!1),B=r.length,[N,F]=(0,_react().useState)(()=>clampIndex(n,B)),A=clampIndex(N,B),V=(0,_react().useRef)({images:r,index:A,beforeClose:E,onClose:C});V.current={images:r,index:A,beforeClose:E,onClose:C};const W=(0,_react().useMemo)(()=>r.map(e=>(0,_validate.isString)(e)?{uri:e}:e),[r]);(0,_react().useEffect)(()=>{F(e=>clampIndex(e,B))},[B]),(0,_react().useEffect)(()=>{if(!a)return;const e=clampIndex(n,B);if(F(e),"undefined"!=typeof requestAnimationFrame){const t=requestAnimationFrame(()=>{H.current?.swipeTo(e,!1)});return()=>cancelAnimationFrame(t)}},[B,n,a]);const X=(0,_react().useCallback)(async e=>{const{beforeClose:t,images:a,index:r}=V.current;if(!t)return!0;return!1!==await t({reason:e,index:r,image:a[r]})},[]),Y=(0,_react().useCallback)(async(e,t=!1)=>{const{onClose:a,images:r,index:n}=V.current;if(!t){if(!await X(e))return}a?.({index:n,image:r[n]})},[X]),j=(0,_react().useCallback)(async e=>(q.current=e,X(e)),[X]),$=(0,_react().useCallback)(()=>{Y(q.current,!0)},[Y]);(0,_react().useImperativeHandle)(t,()=>({swipeTo:(e,t=!0)=>{const a=clampIndex(e,B);F(a),H.current?.swipeTo(a,t)}}),[B]);const U=(0,_react().useRef)(h);U.current=h;const L=(0,_react().useRef)(A);L.current=A;const Q=(0,_react().useCallback)(e=>{L.current!==e&&(F(e),U.current?.(e))},[]),G=(0,_react().useCallback)(()=>{_||Y("content")},[_,Y]),J=(0,_react().useCallback)(()=>{z.current=null,D.current=!1},[]),K=(0,_react().useCallback)((e,t)=>{z.current={x:e,y:t},D.current=!1},[]),Z=(0,_react().useCallback)((e,t)=>{const a=z.current;if(!a)return;const r=e-a.x,n=t-a.y;r*r+n*n>=64&&(D.current=!0)},[]),ee=(0,_react().useCallback)((e,t)=>{const a=z.current,r=D.current;if(J(),!a||r)return;const n=e-a.x,i=t-a.y;n*n+i*i>=64||G()},[G,J]),te=(0,_react().useMemo)(()=>{const e={onTouchStart:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&K(t,a)},onTouchMove:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&Z(t,a)},onTouchEnd:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&ee(t,a)},onTouchCancel:J};return IS_WEB&&(e.onMouseDown=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&K(t.pageX,t.pageY)},e.onMouseMove=e=>{const t=e.nativeEvent;1===t?.buttons&&null!=t?.pageX&&null!=t?.pageY&&Z(t.pageX,t.pageY)},e.onMouseUp=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&ee(t.pageX,t.pageY)}),e},[Z,K,J,ee]),ae=(0,_react().useCallback)((e,t)=>c&&0!==t?_react().default.createElement(_reactNative().View,{style:[S.index,{top:M.indexTop}],testID:"rv-image-preview-index"},_react().default.createElement(_reactNative().View,{style:[S.indexBadge,{backgroundColor:k.indexBackground,borderRadius:R.indexBadge,paddingHorizontal:M.indexPaddingHorizontal,paddingVertical:M.indexPaddingVertical}]},s?(()=>{const a=s({index:e,len:t});return(0,_validate.isText)(a)?_react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},a):a})():_react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},`${e+1} / ${t}`))):null,[k.indexBackground,k.indexText,s,R.indexBadge,c,M.indexPaddingHorizontal,M.indexPaddingVertical,M.indexTop,O.fontFamily,O.indexTextSize]),re=o?Math.max(0,0|l):0,ne=(0,_react().useCallback)((e,t)=>_react().default.createElement(_react().default.Fragment,null,ae(t,e),u&&e>1&&_react().default.createElement(_swiper.default.PagIndicator,{total:e,current:t,activeColor:k.indicatorActive,inactiveColor:k.indicatorInactive,style:indicatorSpacing,testID:"rv-image-preview-indicators"})),[k.indicatorActive,k.indicatorInactive,ae,u]);return _react().default.createElement(_popup.default,{visible:a,overlay:g,overlayStyle:m,closeOnOverlayPress:!_,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,closeable:d,closeIcon:p,closeIconPosition:f,stopPropagation:!1,round:!1,safeAreaInsetTop:I,safeAreaInsetBottom:w,overlayTestID:"rv-image-preview-overlay",style:[S.popup,{backgroundColor:k.background,padding:T.popupPadding,borderRadius:T.popupRadius}],beforeClose:j,onClose:$,onClosed:P},_react().default.createElement(_reactNative().View,{style:S.content},1===B&&ae(0,1),0===B?_react().default.createElement(_reactNative().View,{style:S.empty,testID:"rv-image-preview-empty"}):_react().default.createElement(_swiper.default,{ref:H,style:S.swiper,initialSwipe:clampIndex(n,B),loop:!1,autoplay:!1,touchable:B>1,indicator:ne,onChange:Q,testID:"rv-image-preview-swiper"},W.map((e,t)=>_react().default.createElement(_swiper.default.Item,{key:t,style:S.slide,testID:`rv-image-preview-slide-${t}`},_react().default.createElement(ImageSlide,{source:e,rendered:!o||Math.abs(t-A)<=re,pressableHandlers:te,index:t,total:W.length}))))))},ImagePreviewForwardRef=_react().default.forwardRef(ImagePreviewImpl),ImagePreview=_react().default.memo(ImagePreviewForwardRef);var _default=exports.default=ImagePreview;const S=_reactNative().StyleSheet.create({popup:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%"},content:{flex:1},swiper:{flex:1},slide:{justifyContent:"center",alignItems:"center",flex:1},slidePressable:{flex:1,width:"100%",height:"100%",justifyContent:"center",alignItems:"center"},image:{width:"100%",height:"100%"},imagePlaceholder:{width:"100%",height:"100%"},empty:{flex:1},index:{position:"absolute",left:0,right:0,alignItems:"center",zIndex:1},indexBadge:{},indexText:{fontWeight:"500"}});

package/dist/cjs/components/image-preview/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/input/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/loading/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/components/nav-bar/NavBar.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_useLocale=require("../config-provider/useLocale"),_useDirection=require("../config-provider/useDirection"),_hairline=require("../../utils/hairline"),_utils=require("../../utils"),_safeAreaView=require("../safe-area-view"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?i(n,t,l):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const NavBarBaseImpl=e=>{const{tokensOverride:t,title:r,description:a,children:i,leftText:l,rightText:n,leftIcon:o,rightIcon:s,leftArrow:c,fixed:u,placeholder:d,zIndex:f,border:_,safeAreaInsetTop:y,background:p,tintColor:v,titleStyle:b,descriptionStyle:h,sideStyle:m,onPressLeft:g,onClickLeft:N,onPressRight:x,onClickRight:k,style:w,...R}=e,P=(0,_useLocale.useLocale)(),B=(0,_useDirection.useDirection)(),E=(0,_tokens.useNavBarTokens)(t),I=c??E.defaults.leftArrow,L=u??E.defaults.fixed,O=d??E.defaults.placeholder,q=f??E.defaults.zIndex,S=_??E.defaults.border,V=y??L,A=p??E.colors.background,T=g??N,z=x??k,[W,D]=(0,_react().useState)(E.sizing.height),F=L&&O,j=(0,_react().useCallback)(e=>{if(!F)return;const t=e.nativeEvent.layout.height;D(e=>Math.abs(e-t)<.5?e:t)},[F]),C=v??E.colors.text,M=v??E.colors.icon,$=(0,_hooks.useAriaPress)({disabled:!T,onPress:T,extraProps:{accessibilityRole:"button",accessibilityLabel:(0,_utils.isText)(l)?`${l}`:P?.vanNavBar?.back??"Back"}}),H=(0,_hooks.useAriaPress)({disabled:!z,onPress:z,extraProps:{accessibilityRole:"button",accessibilityLabel:(0,_utils.isText)(n)?`${n}`:P?.vanNavBar?.action??"Actions"}}),X=e=>{const t="left"===e,r=t?l:n,a=t?o:s,i=t?$:H,c=t?T:z,u=t?!0===I?_react().default.createElement(_reactNativeSystemIcon().ArrowLeft,{size:18,fill:M,color:M,style:"rtl"===B?{transform:[{scaleX:-1}]}:void 0}):(0,_utils.isRenderable)(I)&&I:null;if(!(!!c||(0,_utils.isRenderable)(u)||(0,_utils.isRenderable)(r)||(0,_utils.isRenderable)(a)))return _react().default.createElement(_reactNative().View,{style:E.layout.sidePlaceholder});const d=_react().default.createElement(_react().default.Fragment,null,u,(0,_utils.isRenderable)(a)?a:null,(0,_utils.isRenderable)(r)?(0,_utils.isText)(r)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[E.layout.sideText,{color:M,fontFamily:E.typography.fontFamily}]},r):r:null),f=[E.layout.side,!t&&E.layout.rightAlign,m];return c?_react().default.createElement(_reactNative().Pressable,_extends({hitSlop:{top:8,right:8,bottom:8,left:8},testID:`rv-navbar-${e}`,style:f},i.interactionProps),d):_react().default.createElement(_reactNative().View,{testID:`rv-navbar-${e}`,style:f},d)},G=(0,_utils.isRenderable)(i)?i:_react().default.createElement(_reactNative().View,{style:E.layout.titleWrapper},(0,_utils.isRenderable)(r)&&(0,_utils.renderTextOrNode)(r,[E.layout.title,{color:C,fontFamily:E.typography.fontFamily,fontSize:E.typography.titleSize,fontWeight:E.typography.titleWeight},b],{numberOfLines:1}),(0,_utils.isRenderable)(a)&&(0,_utils.renderTextOrNode)(a,[E.layout.description,{color:v??E.colors.description,fontFamily:E.typography.fontFamily,fontSize:E.typography.descriptionSize},h],{numberOfLines:1})),J=_react().default.createElement(_reactNative().View,{style:[E.layout.bar,{backgroundColor:A}],onLayout:V?void 0:j},X("left"),_react().default.createElement(_reactNative().View,{style:E.layout.center},G),X("right"),S&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:E.colors.border,left:0,right:0})})),K=V?_react().default.createElement(_safeAreaView.SafeAreaView,{onLayout:j,style:{backgroundColor:A}},J):J;return _react().default.createElement(_react().default.Fragment,null,F&&_react().default.createElement(_reactNative().View,{testID:"rv-navbar-placeholder",style:{height:W}}),_react().default.createElement(_reactNative().View,_extends({},R,{accessibilityRole:"navigation",style:[E.layout.container,L&&[E.layout.fixed,{zIndex:q}],w]}),K))},NavBarBase=_react().default.memo(NavBarBaseImpl);NavBarBase.displayName="NavBar";var _default=exports.default=NavBarBase;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_useLocale=require("../config-provider/useLocale"),_useDirection=require("../config-provider/useDirection"),_hairline=require("../../utils/hairline"),_utils=require("../../utils"),_safeAreaView=require("../safe-area-view"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?i(n,t,l):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const NavBarBaseImpl=e=>{const{tokensOverride:t,title:r,description:a,children:i,leftText:l,rightText:n,leftIcon:o,rightIcon:s,leftArrow:c,fixed:u,placeholder:d,zIndex:f,border:_,safeAreaInsetTop:y,background:p,tintColor:v,titleStyle:b,descriptionStyle:h,sideStyle:m,onPressLeft:g,onClickLeft:N,onPressRight:x,onClickRight:w,style:k,...P}=e,R=(0,_useLocale.useLocale)(),B=(0,_useDirection.useDirection)(),E=(0,_tokens.useNavBarTokens)(t),O=c??E.defaults.leftArrow,I=u??E.defaults.fixed,L=d??E.defaults.placeholder,S=f??E.defaults.zIndex,q=_??E.defaults.border,V=y??I,A=p??E.colors.background,T=g??N,z=x??w,[W,D]=(0,_react().useState)(E.sizing.height),F=I&&L,j=(0,_react().useCallback)(e=>{if(!F)return;const t=e.nativeEvent.layout.height;D(e=>Math.abs(e-t)<.5?e:t)},[F]),C=v??E.colors.text,M=v??E.colors.icon,$=(0,_hooks.useAriaPress)({disabled:!T,onPress:T,extraProps:{accessibilityRole:"button",accessibilityLabel:(0,_utils.isText)(l)?`${l}`:R?.vanNavBar?.back??"Back"}}),H=(0,_hooks.useAriaPress)({disabled:!z,onPress:z,extraProps:{accessibilityRole:"button",accessibilityLabel:(0,_utils.isText)(n)?`${n}`:R?.vanNavBar?.action??"Actions"}}),X=e=>{const t="left"===e,r=t?l:n,a=t?o:s,i=t?$:H,c=t?T:z,u=t?!0===O?_react().default.createElement(_reactNativeSystemIcon().ArrowLeft,{size:18,fill:M,color:M,style:"rtl"===B?{transform:[{scaleX:-1}]}:void 0}):(0,_utils.isRenderable)(O)&&O:null;if(!(!!c||(0,_utils.isRenderable)(u)||(0,_utils.isRenderable)(r)||(0,_utils.isRenderable)(a)))return _react().default.createElement(_reactNative().View,{style:E.layout.sidePlaceholder});const d=_react().default.createElement(_react().default.Fragment,null,u,(0,_utils.isRenderable)(a)?a:null,(0,_utils.isRenderable)(r)?(0,_utils.isText)(r)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[E.layout.sideText,{color:M,fontFamily:E.typography.fontFamily}]},r):r:null),f=[E.layout.side,!t&&E.layout.rightAlign,m];return c?_react().default.createElement(_reactNative().Pressable,_extends({hitSlop:{top:8,right:8,bottom:8,left:8},testID:`rv-navbar-${e}`,style:f},i.interactionProps),d):_react().default.createElement(_reactNative().View,{testID:`rv-navbar-${e}`,style:f},d)},G=(0,_utils.isRenderable)(i)?i:_react().default.createElement(_reactNative().View,{style:E.layout.titleWrapper},(0,_utils.isRenderable)(r)&&(0,_utils.renderTextOrNode)(r,[E.layout.title,{color:C,fontFamily:E.typography.fontFamily,fontSize:E.typography.titleSize,fontWeight:E.typography.titleWeight},b],{numberOfLines:1}),(0,_utils.isRenderable)(a)&&(0,_utils.renderTextOrNode)(a,[E.layout.description,{color:v??E.colors.description,fontFamily:E.typography.fontFamily,fontSize:E.typography.descriptionSize},h],{numberOfLines:1})),J=_react().default.createElement(_reactNative().View,{style:[E.layout.bar,{backgroundColor:A}],onLayout:V?void 0:j},X("left"),_react().default.createElement(_reactNative().View,{style:E.layout.center},G),X("right"),q&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:E.colors.border,left:0,right:0})})),K=V?_react().default.createElement(_safeAreaView.SafeAreaView,{onLayout:j,style:{backgroundColor:A}},J):J;return _react().default.createElement(_react().default.Fragment,null,F&&_react().default.createElement(_reactNative().View,{testID:"rv-navbar-placeholder",style:{height:W}}),_react().default.createElement(_reactNative().View,_extends({},P,{accessibilityRole:"web"===_reactNative().Platform.OS?"navigation":void 0,style:[E.layout.container,I&&[E.layout.fixed,{zIndex:S}],k]}),K))},NavBarBase=_react().default.memo(NavBarBaseImpl);NavBarBase.displayName="NavBar";var _default=exports.default=NavBarBase;

package/dist/cjs/components/nav-bar/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNavBarTokens=exports.createNavBarTokens=void 0;var _designSystem=require("../../design-system");const createNavBarTokens=({palette:e,spacing:t,fontSize:i,typography:n})=>({defaults:{fixed:!1,placeholder:!1,border:!0,safeAreaInsetTop:!1,leftArrow:!1,zIndex:1},layout:{container:{width:"100%"},bar:{flexDirection:"row",alignItems:"center",minHeight:48,paddingHorizontal:t.md},center:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:12},side:{minWidth:60,flexDirection:"row",alignItems:"center",gap:4},rightAlign:{justifyContent:"flex-end"},sidePlaceholder:{minWidth:60},sideText:{fontSize:16},titleWrapper:{alignItems:"center"},title:{includeFontPadding:!1},description:{marginTop:2,includeFontPadding:!1},fixed:{position:"absolute",top:0,left:0,right:0}},colors:{background:"#ffffff",text:e.default[900],description:e.default[500],border:e.default[200],icon:e.default[700]},typography:{fontFamily:n.fontFamily,titleSize:i.lg,titleWeight:"600",descriptionSize:i.sm},sizing:{height:52}});exports.createNavBarTokens=createNavBarTokens;const useNavBarTokens=exports.useNavBarTokens=(0,_designSystem.createComponentTokensHook)("navBar",createNavBarTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNavBarTokens=exports.createNavBarTokens=void 0;var _designSystem=require("../../design-system");const createNavBarTokens=e=>{const{palette:t,spacing:n,fontSize:i,typography:r}=e,o=e.surface??"#ffffff";return{defaults:{fixed:!1,placeholder:!1,border:!0,safeAreaInsetTop:!1,leftArrow:!1,zIndex:1},layout:{container:{width:"100%"},bar:{flexDirection:"row",alignItems:"center",minHeight:48,paddingHorizontal:n.md},center:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:12},side:{minWidth:60,flexDirection:"row",alignItems:"center",gap:4},rightAlign:{justifyContent:"flex-end"},sidePlaceholder:{minWidth:60},sideText:{fontSize:16},titleWrapper:{alignItems:"center"},title:{includeFontPadding:!1},description:{marginTop:2,includeFontPadding:!1},fixed:{position:"absolute",top:0,left:0,right:0}},colors:{background:o,text:t.default[900],description:t.default[500],border:t.default[200],icon:t.default[700]},typography:{fontFamily:r.fontFamily,titleSize:i.lg,titleWeight:"600",descriptionSize:i.sm},sizing:{height:52}}};exports.createNavBarTokens=createNavBarTokens;const useNavBarTokens=exports.useNavBarTokens=(0,_designSystem.createComponentTokensHook)("navBar",createNavBarTokens);

package/dist/cjs/components/nav-bar/types.js

@@ -0,0 +1 @@
+"use strict";