react-native-system-ui 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/cjs/components/action-sheet/tokens.js +1 -1
  2. package/dist/cjs/components/calendar/tokens.js +1 -1
  3. package/dist/cjs/components/cascader/tokens.js +1 -1
  4. package/dist/cjs/components/cell/tokens.js +1 -1
  5. package/dist/cjs/components/checkbox/tokens.js +1 -1
  6. package/dist/cjs/components/collapse/tokens.js +1 -1
  7. package/dist/cjs/components/dialog/tokens.js +1 -1
  8. package/dist/cjs/components/grid/tokens.js +1 -1
  9. package/dist/cjs/components/image/tokens.js +1 -1
  10. package/dist/cjs/components/nav-bar/tokens.js +1 -1
  11. package/dist/cjs/components/number-keyboard/tokens.js +1 -1
  12. package/dist/cjs/components/password-input/tokens.js +1 -1
  13. package/dist/cjs/components/picker/tokens.js +1 -1
  14. package/dist/cjs/components/popup/tokens.js +1 -1
  15. package/dist/cjs/components/radio/tokens.js +1 -1
  16. package/dist/cjs/components/search/tokens.js +1 -1
  17. package/dist/cjs/components/selector/tokens.js +1 -1
  18. package/dist/cjs/components/share-sheet/tokens.js +1 -1
  19. package/dist/cjs/components/sidebar/tokens.js +1 -1
  20. package/dist/cjs/components/stepper/tokens.js +1 -1
  21. package/dist/cjs/components/swiper/Swiper.js +1 -1
  22. package/dist/cjs/components/tabbar/tokens.js +1 -1
  23. package/dist/cjs/components/tabs/tokens.js +1 -1
  24. package/dist/cjs/components/tag/tokens.js +1 -1
  25. package/dist/cjs/design-system/presets.js +1 -1
  26. package/dist/cjs/design-system/tokens.js +1 -1
  27. package/dist/es/components/action-sheet/tokens.js +1 -1
  28. package/dist/es/components/calendar/tokens.js +1 -1
  29. package/dist/es/components/cascader/tokens.js +1 -1
  30. package/dist/es/components/cell/tokens.js +1 -1
  31. package/dist/es/components/checkbox/tokens.js +1 -1
  32. package/dist/es/components/collapse/tokens.js +1 -1
  33. package/dist/es/components/dialog/tokens.js +1 -1
  34. package/dist/es/components/grid/tokens.js +1 -1
  35. package/dist/es/components/image/tokens.js +1 -1
  36. package/dist/es/components/nav-bar/tokens.js +1 -1
  37. package/dist/es/components/number-keyboard/tokens.js +1 -1
  38. package/dist/es/components/password-input/tokens.js +1 -1
  39. package/dist/es/components/picker/tokens.js +1 -1
  40. package/dist/es/components/popup/tokens.js +1 -1
  41. package/dist/es/components/radio/tokens.js +1 -1
  42. package/dist/es/components/search/tokens.js +1 -1
  43. package/dist/es/components/selector/tokens.js +1 -1
  44. package/dist/es/components/share-sheet/tokens.js +1 -1
  45. package/dist/es/components/sidebar/tokens.js +1 -1
  46. package/dist/es/components/stepper/tokens.js +1 -1
  47. package/dist/es/components/swiper/Swiper.js +1 -1
  48. package/dist/es/components/tabbar/tokens.js +1 -1
  49. package/dist/es/components/tabs/tokens.js +1 -1
  50. package/dist/es/components/tag/tokens.js +1 -1
  51. package/dist/es/design-system/presets.js +1 -1
  52. package/dist/es/design-system/tokens.js +1 -1
  53. package/dist/types/components/nav-bar/tokens.d.ts +1 -1
  54. package/dist/types/design-system/tokens.d.ts +1 -0
  55. package/package.json +1 -1
@@ -1 +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);
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=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);
@@ -1 +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);
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=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);
@@ -1 +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);
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=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);
@@ -1 +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);
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=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);
@@ -1 +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);
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,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);
@@ -1 +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);
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,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);
@@ -1 +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);
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: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);
@@ -1 +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);
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,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);
@@ -1 +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);
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,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);
@@ -1 +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);
1
+ "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);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNumberKeyboardTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,radii:r,fontSize:a,typography:i}=e,s=o.primary.foreground??"#ffffff";return{colors:{background:o.default[100],title:o.default[700],keyBackground:"#ffffff",keyActiveBackground:o.default[50],keyText:o.default[900],keyTextActive:o.primary[600],closeBackground:o.primary[500],closeActiveBackground:o.primary[400],closeText:s,border:o.default[200]},spacing:{paddingHorizontal:t.ssm,paddingVertical:t.ssm,keyGap:t.ssm,titlePadding:t.md},sizing:{keyHeight:54,closeHeight:44,fontSize:28,defaultIconFontSize:30,auxFontSize:18,titleFontSize:a.md},typography:{fontFamily:i.fontFamily},radii:{key:r.xs},shadow:{color:"#000000",opacity:.08,radius:6,offsetY:0,elevation:6}}},useNumberKeyboardTokens=exports.useNumberKeyboardTokens=(0,_designSystem.createComponentTokensHook)("numberKeyboard",createTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNumberKeyboardTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,radii:r,fontSize:a,typography:s}=e,i=e.surface??"#ffffff",n=o.primary.foreground??"#ffffff";return{colors:{background:o.default[100],title:o.default[700],keyBackground:i,keyActiveBackground:o.default[50],keyText:o.default[900],keyTextActive:o.primary[600],closeBackground:o.primary[500],closeActiveBackground:o.primary[400],closeText:n,border:o.default[200]},spacing:{paddingHorizontal:t.ssm,paddingVertical:t.ssm,keyGap:t.ssm,titlePadding:t.md},sizing:{keyHeight:54,closeHeight:44,fontSize:28,defaultIconFontSize:30,auxFontSize:18,titleFontSize:a.md},typography:{fontFamily:s.fontFamily},radii:{key:r.xs},shadow:{color:"#000000",opacity:.08,radius:6,offsetY:0,elevation:6}}},useNumberKeyboardTokens=exports.useNumberKeyboardTokens=(0,_designSystem.createComponentTokensHook)("numberKeyboard",createTokens);
@@ -1 +1 @@
1
- "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePasswordInputTokens=void 0;var _designSystem=require("../../design-system");const createPasswordInputTokens=e=>({colors:{border:e.palette.default[100],text:e.palette.default[900],muted:e.palette.default[500],error:e.palette.danger[500],cursor:e.palette.default[800],background:"#ffffff",transparent:"transparent"},radii:{wrapper:e.radii.sm,cellGutter:e.radii.none},sizing:{cellHeight:50,cellTextSize:e.fontSize.xl,maskSize:10,cursorWidth:_reactNative().StyleSheet.hairlineWidth||1,cursorHeightRatio:.4,cursorTopRatio:.3},typography:{fontFamily:e.typography.fontFamily,cellTextWeight:e.typography.weight.semiBold,infoSize:e.fontSize.sm,infoLineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier),infoWeight:e.typography.weight.regular},opacity:{disabled:.6,hidden:0},spacing:{infoMarginTop:e.spacing.sm,none:e.spacing.none}}),usePasswordInputTokens=exports.usePasswordInputTokens=(0,_designSystem.createComponentTokensHook)("passwordInput",createPasswordInputTokens);
1
+ "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePasswordInputTokens=void 0;var _designSystem=require("../../design-system");const createPasswordInputTokens=e=>({colors:{border:e.palette.default[100],text:e.palette.default[900],muted:e.palette.default[500],error:e.palette.danger[500],cursor:e.palette.default[800],background:e.surface??"#ffffff",transparent:"transparent"},radii:{wrapper:e.radii.sm,cellGutter:e.radii.none},sizing:{cellHeight:50,cellTextSize:e.fontSize.xl,maskSize:10,cursorWidth:_reactNative().StyleSheet.hairlineWidth||1,cursorHeightRatio:.4,cursorTopRatio:.3},typography:{fontFamily:e.typography.fontFamily,cellTextWeight:e.typography.weight.semiBold,infoSize:e.fontSize.sm,infoLineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier),infoWeight:e.typography.weight.regular},opacity:{disabled:.6,hidden:0},spacing:{infoMarginTop:e.spacing.sm,none:e.spacing.none}}),usePasswordInputTokens=exports.usePasswordInputTokens=(0,_designSystem.createComponentTokensHook)("passwordInput",createPasswordInputTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePickerTokens=void 0;var _designSystem=require("../../design-system");const createPickerTokens=e=>{const{palette:t,spacing:o,fontSize:i,typography:a,radii:r}=e;return{defaults:{itemHeight:44,visibleItemCount:5,showToolbar:!0,toolbarPosition:"top",swipeDuration:700,maskType:"gradient"},colors:{background:"#ffffff",indicator:t.default[200]??"#ebedf0",text:t.default[900],textMuted:t.default[900],textDisabled:t.default[400],confirm:t.primary[600],cancel:t.default[600],mask:"#ffffff",loadingMask:"rgba(255,255,255,0.65)"},spacing:{toolbarHeight:44,actionPadding:o.lg},typography:{optionSize:i.md,toolbarSize:i.md,fontFamily:a.fontFamily,optionWeight:a.weight.regular,toolbarWeight:a.weight.medium},radius:{toolbar:r.none,container:r.xs}}},usePickerTokens=exports.usePickerTokens=(0,_designSystem.createComponentTokensHook)("picker",createPickerTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePickerTokens=void 0;var _designSystem=require("../../design-system");const createPickerTokens=e=>{const{palette:t,spacing:o,fontSize:i,typography:a,radii:r}=e,s=e.surface??"#ffffff";return{defaults:{itemHeight:44,visibleItemCount:5,showToolbar:!0,toolbarPosition:"top",swipeDuration:700,maskType:"gradient"},colors:{background:s,indicator:t.default[200]??"#ebedf0",text:t.default[900],textMuted:t.default[900],textDisabled:t.default[400],confirm:t.primary[600],cancel:t.default[600],mask:s,loadingMask:"rgba(255,255,255,0.65)"},spacing:{toolbarHeight:44,actionPadding:o.lg},typography:{optionSize:i.md,toolbarSize:i.md,fontFamily:a.fontFamily,optionWeight:a.weight.regular,toolbarWeight:a.weight.medium},radius:{toolbar:r.none,container:r.xs}}},usePickerTokens=exports.usePickerTokens=(0,_designSystem.createComponentTokensHook)("picker",createPickerTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePopupTokens=exports.createPopupTokens=void 0;var _designSystem=require("../../design-system");const createPopupTokens=e=>{const{palette:o,spacing:t,radii:s,fontSize:i,typography:n}=e;return{colors:{overlay:"rgba(0,0,0,0.5)",background:"#ffffff",title:o.default[900],description:o.default[500],closeIcon:o.default[300]},radius:{round:s.lg,shadow:18},spacing:{padding:t.lg,titleTop:t.xl,titleBottom:t.md,descriptionHorizontal:t.xl,descriptionBottom:t.md,closeIconTop:t.md,closeIconRight:t.md,closeIconSize:36,closeIconPadding:t.ssm},typography:{fontFamily:n.fontFamily,titleSize:i.md,titleWeight:n.weight.medium,descriptionSize:i.sm,descriptionLineHeight:20},shadow:{color:"rgba(0,0,0,0.25)",opacity:.35,radius:18,offsetY:8,elevation:24},layout:{maxWidth:420,minWidth:260,centerMaxWidth:360,sideWidth:"80%"}}};exports.createPopupTokens=createPopupTokens;const usePopupTokens=exports.usePopupTokens=(0,_designSystem.createComponentTokensHook)("popup",createPopupTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePopupTokens=exports.createPopupTokens=void 0;var _designSystem=require("../../design-system");const createPopupTokens=e=>{const{palette:o,spacing:t,radii:s,fontSize:i,typography:n}=e;return{colors:{overlay:"rgba(0,0,0,0.5)",background:e.surface??"#ffffff",title:o.default[900],description:o.default[500],closeIcon:o.default[300]},radius:{round:s.lg,shadow:18},spacing:{padding:t.lg,titleTop:t.xl,titleBottom:t.md,descriptionHorizontal:t.xl,descriptionBottom:t.md,closeIconTop:t.md,closeIconRight:t.md,closeIconSize:36,closeIconPadding:t.ssm},typography:{fontFamily:n.fontFamily,titleSize:i.md,titleWeight:n.weight.medium,descriptionSize:i.sm,descriptionLineHeight:20},shadow:{color:"rgba(0,0,0,0.25)",opacity:.35,radius:18,offsetY:8,elevation:24},layout:{maxWidth:420,minWidth:260,centerMaxWidth:360,sideWidth:"80%"}}};exports.createPopupTokens=createPopupTokens;const usePopupTokens=exports.usePopupTokens=(0,_designSystem.createComponentTokensHook)("popup",createPopupTokens);
@@ -1 +1 @@
1
- "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRadioTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createRadioTokens=e=>{const{palette:r,spacing:t,fontSize:i,typography:o}=e;return{defaults:{iconSize:20,labelPosition:"right",shape:"round",labelDisabled:!1,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,labelWrapper:{flexShrink:1},icon:centered,label:{includeFontPadding:!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:i.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},sizing:{dotScale:.5},radii:{round:999,square:2},borders:{width:_reactNative().StyleSheet.hairlineWidth},spacing:{gap:t.sm,groupGap:t.sm}}},useRadioTokens=exports.useRadioTokens=(0,_designSystem.createComponentTokensHook)("radio",createRadioTokens);
1
+ "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRadioTokens=void 0;var _designSystem=require("../../design-system");const centered={justifyContent:"center",alignItems:"center"},createRadioTokens=e=>{const{palette:r,spacing:t,fontSize:i,typography:o}=e,a=e.surface??"#ffffff";return{defaults:{iconSize:20,labelPosition:"right",shape:"round",labelDisabled:!1,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,labelWrapper:{flexShrink:1},icon:centered,label:{includeFontPadding:!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:i.md,fontFamily:o.fontFamily,fontWeight:o.weight.medium,lineHeightMultiplier:o.lineHeightMultiplier},sizing:{dotScale:.5},radii:{round:999,square:2},borders:{width:_reactNative().StyleSheet.hairlineWidth},spacing:{gap:t.sm,groupGap:t.sm}}},useRadioTokens=exports.useRadioTokens=(0,_designSystem.createComponentTokensHook)("radio",createRadioTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSearchTokens=void 0;var _designSystem=require("../../design-system");const createSearchTokens=e=>{const{palette:a,spacing:n,radii:s,fontSize:o}=e;return{defaults:{shape:"square",clearTrigger:"focus"},colors:{background:"#ffffff",contentBackground:"#ffffff",label:a.default[600],action:a.primary[500],icon:a.default[400]},spacing:{paddingHorizontal:n.md,paddingVertical:n.sm,labelGap:n.sm,actionGap:n.sm,contentPaddingHorizontal:n.sm,contentPaddingVertical:n.xs,none:n.none},radius:{square:s.md,round:s.pill},typography:{label:o.sm,labelWeight:"500",action:o.sm,actionWeight:"500"},opacity:{actionPressed:.6},icon:{size:o.md}}},useSearchTokens=exports.useSearchTokens=(0,_designSystem.createComponentTokensHook)("search",createSearchTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSearchTokens=void 0;var _designSystem=require("../../design-system");const createSearchTokens=e=>{const{palette:a,spacing:s,radii:n,fontSize:o}=e,t=e.surface??"#ffffff";return{defaults:{shape:"square",clearTrigger:"focus"},colors:{background:t,contentBackground:t,label:a.default[600],action:a.primary[500],icon:a.default[400]},spacing:{paddingHorizontal:s.md,paddingVertical:s.sm,labelGap:s.sm,actionGap:s.sm,contentPaddingHorizontal:s.sm,contentPaddingVertical:s.xs,none:s.none},radius:{square:n.md,round:n.pill},typography:{label:o.sm,labelWeight:"500",action:o.sm,actionWeight:"500"},opacity:{actionPressed:.6},icon:{size:o.md}}},useSearchTokens=exports.useSearchTokens=(0,_designSystem.createComponentTokensHook)("search",createSearchTokens);
@@ -1 +1 @@
1
- "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSelectorTokens=void 0;var _designSystem=require("../../design-system");const createSelectorTokens=({palette:e,spacing:t,radii:r,typography:o,fontSize:i})=>({defaults:{columns:3,multiple:!1,showCheckMark:!0,disabled:!1},layout:{container:{flexDirection:"row",flexWrap:"wrap"},pressable:"web"===_reactNative().Platform.OS?{outlineStyle:"solid",outlineWidth:0}:{},item:{flex:1,borderWidth:0,justifyContent:"center",alignItems:"center",overflow:"hidden"},label:{includeFontPadding:!1,textAlign:"center"},description:{includeFontPadding:!1,textAlign:"center"},checkMark:{position:"absolute",right:1,bottom:1,fontSize:8,includeFontPadding:!1},checkMarkTriangle:{position:"absolute",right:0,bottom:0,width:0,height:0,borderTopColor:"transparent",borderLeftColor:"transparent"}},colors:{border:"transparent",borderActive:"transparent",background:"#ffffff",backgroundActive:e.primary[50],text:e.default[900],textActive:e.primary[600],description:e.default[500],disabledText:e.default[400],check:e.primary[600],checkForeground:e.primary.foreground??"#fff"},typography:{fontSize:i.md,descriptionSize:i.sm,fontFamily:o.fontFamily,fontWeight:o.weight.medium},radii:{item:r.xs},spacing:{gap:t.sm,paddingVertical:t.sm,paddingHorizontal:t.lg,descriptionMarginTop:t.xxs},states:{disabledOpacity:.45}}),useSelectorTokens=exports.useSelectorTokens=(0,_designSystem.createComponentTokensHook)("selector",createSelectorTokens);
1
+ "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSelectorTokens=void 0;var _designSystem=require("../../design-system");const createSelectorTokens=e=>{const{palette:t,spacing:r,radii:o,typography:i,fontSize:n}=e,a=e.surface??"#ffffff";return{defaults:{columns:3,multiple:!1,showCheckMark:!0,disabled:!1},layout:{container:{flexDirection:"row",flexWrap:"wrap"},pressable:"web"===_reactNative().Platform.OS?{outlineStyle:"solid",outlineWidth:0}:{},item:{flex:1,borderWidth:0,justifyContent:"center",alignItems:"center",overflow:"hidden"},label:{includeFontPadding:!1,textAlign:"center"},description:{includeFontPadding:!1,textAlign:"center"},checkMark:{position:"absolute",right:1,bottom:1,fontSize:8,includeFontPadding:!1},checkMarkTriangle:{position:"absolute",right:0,bottom:0,width:0,height:0,borderTopColor:"transparent",borderLeftColor:"transparent"}},colors:{border:"transparent",borderActive:"transparent",background:a,backgroundActive:t.primary[50],text:t.default[900],textActive:t.primary[600],description:t.default[500],disabledText:t.default[400],check:t.primary[600],checkForeground:t.primary.foreground??"#fff"},typography:{fontSize:n.md,descriptionSize:n.sm,fontFamily:i.fontFamily,fontWeight:i.weight.medium},radii:{item:o.xs},spacing:{gap:r.sm,paddingVertical:r.sm,paddingHorizontal:r.lg,descriptionMarginTop:r.xxs},states:{disabledOpacity:.45}}},useSelectorTokens=exports.useSelectorTokens=(0,_designSystem.createComponentTokensHook)("selector",createSelectorTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShareSheetTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,fontSize:n,typography:i}=e;return{colors:{background:"#ffffff",title:o.default[900],description:o.default[500],option:o.default[900],optionDesc:o.default[500],border:o.default[200],divider:o.default[100]},spacing:{horizontal:t.md,vertical:t.sm,gap:t.xs,popupPadding:0,headerPaddingTop:t.sm,headerPaddingHorizontal:t.lg,headerPaddingBottom:t.md,titleMarginTop:t.xs,descriptionMarginTop:t.xs,nodeMarginTop:t.xs,iconMarginHorizontal:t.md,optionTextPaddingHorizontal:t.xs,optionDescPaddingHorizontal:t.lg,cancelPaddingVertical:14,cancelMarginTop:t.sm},sizing:{icon:48},typography:{fontFamily:i.fontFamily,title:n.md,description:n.xs,option:n.xs,optionDesc:n.xxs,cancel:n.md}}},useShareSheetTokens=exports.useShareSheetTokens=(0,_designSystem.createComponentTokensHook)("shareSheet",createTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShareSheetTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,fontSize:n,typography:i}=e;return{colors:{background:e.surface??"#ffffff",title:o.default[900],description:o.default[500],option:o.default[900],optionDesc:o.default[500],border:o.default[200],divider:o.default[100]},spacing:{horizontal:t.md,vertical:t.sm,gap:t.xs,popupPadding:0,headerPaddingTop:t.sm,headerPaddingHorizontal:t.lg,headerPaddingBottom:t.md,titleMarginTop:t.xs,descriptionMarginTop:t.xs,nodeMarginTop:t.xs,iconMarginHorizontal:t.md,optionTextPaddingHorizontal:t.xs,optionDescPaddingHorizontal:t.lg,cancelPaddingVertical:14,cancelMarginTop:t.sm},sizing:{icon:48},typography:{fontFamily:i.fontFamily,title:n.md,description:n.xs,option:n.xs,optionDesc:n.xxs,cancel:n.md}}},useShareSheetTokens=exports.useShareSheetTokens=(0,_designSystem.createComponentTokensHook)("shareSheet",createTokens);
@@ -1 +1 @@
1
- "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSidebarTokens=exports.createSidebarTokens=void 0;var _designSystem=require("../../design-system");const createSidebarTokens=e=>{const{palette:t,fontSize:i,typography:r}=e,n=_reactNative().StyleSheet.hairlineWidth;return{defaults:{disabled:!1},layout:{container:{flexDirection:"row"},side:{},content:{flex:1,minWidth:0},item:{flexDirection:"row",alignItems:"center",paddingHorizontal:16},indicatorWrapper:{width:12,alignItems:"center"},itemContent:{flex:1,paddingVertical:12},indicator:{height:20},titleRow:{flexDirection:"row",alignItems:"center",gap:8},badge:{marginLeft:4},dot:{width:6,height:6,borderRadius:3},title:{includeFontPadding:!1}},colors:{background:"#ffffff",border:t.default[200],title:t.default[800],titleActive:t.primary[600],disabled:t.default[400],indicator:t.primary[600]},typography:{fontFamily:r.fontFamily,fontSize:i.sm,fontWeight:r.weight.medium,contentFontSize:i.sm},sizing:{width:120,itemHeight:48,indicatorWidth:4},borders:{width:n}}};exports.createSidebarTokens=createSidebarTokens;const useSidebarTokens=exports.useSidebarTokens=(0,_designSystem.createComponentTokensHook)("sidebar",createSidebarTokens);
1
+ "use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSidebarTokens=exports.createSidebarTokens=void 0;var _designSystem=require("../../design-system");const createSidebarTokens=e=>{const{palette:t,fontSize:i,typography:r}=e,n=e.surface??"#ffffff",o=_reactNative().StyleSheet.hairlineWidth;return{defaults:{disabled:!1},layout:{container:{flexDirection:"row"},side:{},content:{flex:1,minWidth:0},item:{flexDirection:"row",alignItems:"center",paddingHorizontal:16},indicatorWrapper:{width:12,alignItems:"center"},itemContent:{flex:1,paddingVertical:12},indicator:{height:20},titleRow:{flexDirection:"row",alignItems:"center",gap:8},badge:{marginLeft:4},dot:{width:6,height:6,borderRadius:3},title:{includeFontPadding:!1}},colors:{background:n,border:t.default[200],title:t.default[800],titleActive:t.primary[600],disabled:t.default[400],indicator:t.primary[600]},typography:{fontFamily:r.fontFamily,fontSize:i.sm,fontWeight:r.weight.medium,contentFontSize:i.sm},sizing:{width:120,itemHeight:48,indicatorWidth:4},borders:{width:o}}};exports.createSidebarTokens=createSidebarTokens;const useSidebarTokens=exports.useSidebarTokens=(0,_designSystem.createComponentTokensHook)("sidebar",createSidebarTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useStepperTokens=void 0;var _designSystem=require("../../design-system");const createStepperTokens=e=>{const{palette:t,radii:n,fontSize:o,opacity:s,typography:r}=e,a=t.primary.foreground??"#ffffff";return{defaults:{theme:"default",showInput:!0,showPlus:!0,showMinus:!0,longPress:!0,inputWidth:32,buttonSize:28},colors:{active:t.default[200],background:t.default[100],buttonIcon:t.default[900],buttonDisabledBackground:"#ffffff",buttonDisabledIcon:t.default[400],roundTheme:t.primary[500],roundThemeText:a,roundThemeBackground:"#ffffff",inputText:t.default[900],inputDisabledText:t.default[400],inputDisabledBackground:t.default[100],transparent:"transparent"},radii:{default:n.md},typography:{fontFamily:r.fontFamily,fontSize:o.md,fontWeight:r.weight.semiBold},opacity:{disabled:s.disabled,roundDisabled:.3,pressed:s.pressed},spacing:{gap:2,none:e.spacing.none}}},useStepperTokens=exports.useStepperTokens=(0,_designSystem.createComponentTokensHook)("stepper",createStepperTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useStepperTokens=void 0;var _designSystem=require("../../design-system");const createStepperTokens=e=>{const{palette:t,radii:n,fontSize:o,opacity:s,typography:r}=e,a=e.surface??"#ffffff",d=t.primary.foreground??"#ffffff";return{defaults:{theme:"default",showInput:!0,showPlus:!0,showMinus:!0,longPress:!0,inputWidth:32,buttonSize:28},colors:{active:t.default[200],background:t.default[100],buttonIcon:t.default[900],buttonDisabledBackground:a,buttonDisabledIcon:t.default[400],roundTheme:t.primary[500],roundThemeText:d,roundThemeBackground:a,inputText:t.default[900],inputDisabledText:t.default[400],inputDisabledBackground:t.default[100],transparent:"transparent"},radii:{default:n.md},typography:{fontFamily:r.fontFamily,fontSize:o.md,fontWeight:r.weight.semiBold},opacity:{disabled:s.disabled,roundDisabled:.3,pressed:s.pressed},spacing:{gap:2,none:e.spacing.none}}},useStepperTokens=exports.useStepperTokens=(0,_designSystem.createComponentTokensHook)("stepper",createStepperTokens);
@@ -1 +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.SwiperItem=void 0;var _number=require("../../utils/number"),_SwiperPagIndicator=_interopRequireDefault(require("./SwiperPagIndicator")),_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,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,c,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?a(l,t,c):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 r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SwiperItemImpl=(e,t)=>_react().default.createElement(_reactNative().View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=(0,_react().forwardRef)(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";const SwiperItem=exports.SwiperItem=(0,_react().memo)(SwiperItemFR),LOOP_THRESHOLD=10,SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:a,initialSwipe:c=0,touchable:l=!0,loop:u=!0,autoplay:i=!1,vertical:o=!1,onChange:s,indicator:_=!0,indicatorProps:f,style:d,testID:p}=e,m=(0,_tokens.useSwiperTokens)(),v=(0,_react().useRef)(null),b=(0,_react().useRef)(null),w=(0,_react().useRef)(!1),h=(0,_react().useRef)(!1),y=(0,_react().useRef)(null),I=(0,_react().useRef)(!1),g=(0,_react().useRef)(null),x="web"===_reactNative().Platform.OS,[E,k]=(0,_react().useState)({width:0,height:0}),R=(0,_react().useCallback)(e=>{const{width:t,height:r}=e.nativeEvent.layout;k(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),C=(0,_react().useMemo)(()=>a?_react().Children.toArray(a).filter(e=>(0,_react().isValidElement)(e)):[],[a]),M=Array.isArray(r),O=M?r:C,P=O.length,T=u&&P>1,N=(0,_react().useMemo)(()=>T?[O[P-1],...O,O[0]]:O,[O,T,P]),D=N.length,q=T&&D<=10,V=(0,_react().useCallback)(e=>T?0===e?P-1:e===D-1?0:e-1:(0,_number.clamp)(e,0,P-1),[T,P,D]),L=(0,_react().useCallback)(e=>T?(0,_number.clamp)(e,0,P-1)+1:(0,_number.clamp)(e,0,P-1),[T,P]),j=(0,_number.clamp)(c,0,Math.max(0,P-1)),F=L(j),z=(0,_react().useRef)(j),[W,H]=(0,_react().useState)(j),A=E.width>0&&E.height>0,B=o?E.height:E.width,$=o?E.width:E.height,X=(0,_react().useMemo)(()=>({width:o?$:B,height:o?B:$}),[o,B,$]),Y=(0,_react().useCallback)(()=>{b.current&&(clearTimeout(b.current),b.current=null)},[]),U=(0,_react().useRef)(s);U.current=s;const G=(0,_react().useCallback)(e=>{const t=(0,_number.clamp)(e,0,Math.max(0,P-1));z.current!==t&&(z.current=t,H(t),U.current?.(t))},[P]),J=(0,_react().useCallback)((e,t)=>{try{v.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),K=(0,_react().useCallback)((e,t=!0)=>{if(0===P)return;if(t&&h.current)return void(y.current=e);const r=(0,_number.clamp)(e,0,P-1);let n=L(r);if(T&&t){const e=L(z.current);e===P&&0===r?n=D-1:1===e&&r===P-1&&(n=0)}const a=z.current,c=L(a);if(r!==a||n!==c){if(t&&(h.current=!0),J(n,t),!t&&(G(r),null!=y.current)){const e=y.current;y.current=null,K(e,!0)}}else if(null!=y.current){const e=y.current;y.current=null,K(e,!0)}},[P,L,J,T,D,G]),Q=(0,_react().useCallback)(()=>{const e="number"==typeof i?Math.max(0,i):i?m.defaults.autoplayInterval:0;!e||P<=1||w.current&&!x||(Y(),b.current=setTimeout(()=>{w.current&&!x||K(T?(z.current+1)%P:(0,_number.clamp)(z.current+1,0,P-1),!0)},e))},[i,P,Y,T,K,x,m.defaults.autoplayInterval]),Z=(0,_react().useCallback)(()=>{0!==P&&K(T?(z.current+1)%P:(0,_number.clamp)(z.current+1,0,P-1),!0)},[P,T,K]),ee=(0,_react().useCallback)(()=>{0!==P&&K(T?(z.current-1+P)%P:(0,_number.clamp)(z.current-1,0,P-1),!0)},[P,T,K]);(0,_react().useImperativeHandle)(t,()=>({swipeTo:K,swipeNext:Z,swipePrev:ee,getCurrentIndex:()=>z.current}),[K,Z,ee]),(0,_react().useEffect)(()=>{A&&0!==P&&J(F,!1)},[A,P,F,J]),(0,_react().useEffect)(()=>(Q(),Y),[Q,Y,W]);const te=(0,_react().useCallback)(()=>{h.current=!1,w.current=!1,I.current=!1,Q(),(()=>{if(null==y.current)return;const e=y.current;y.current=null,K(e,!0)})()},[Q]),re=(0,_react().useCallback)(e=>{if(P<=1)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/B),n=T?(0,_number.clamp)(r,0,D-1):(0,_number.clamp)(r,0,P-1);if(G(V(n)),x){const e=r*B;Math.abs(t-e)<.5&&(T&&(r<=0||r>=D-1)&&J(r<=0?P:1,!1),te())}},[P,o,B,T,D,G,V,J,te,x]),ne=(0,_react().useCallback)(e=>{if(x||0===P)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/B);let n=r;T&&(0===r&&(n=P),r===D-1&&(n=1)),n!==r&&J(n,!1),G(V(n)),te()},[o,P,B,T,D,J,G,V,te,x]),ae=(0,_react().useCallback)(()=>{w.current=!0,Y()},[Y]),ce=(0,_react().useCallback)(e=>{I.current||ne(e)},[ne]),le=(0,_react().useCallback)(()=>{I.current=!0},[]),ue=(0,_react().useCallback)(e=>{J(e.index,!1),G(V(e.index)),te()},[J,G,V,te]),ie=(0,_react().useRef)(n);ie.current=n;const oe=(0,_react().useCallback)(e=>{const t=M?ie.current?.(e)??null:e.item;return t?_react().default.createElement(_reactNative().View,{style:[S.slide,X]},t):null},[M,X]),se=(0,_react().useCallback)((e,t)=>({length:B,offset:B*t,index:t}),[B]),_e=(0,_react().useCallback)((e,t)=>`s-${t}`,[]);if(0===P)return null;const fe=!1===_||P<=1?null:"function"==typeof _?_(P,W):_react().default.createElement(_SwiperPagIndicator.default,_extends({},f,{total:P,current:W,vertical:o})),de=x&&l&&P>1?{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(g.current=o?e.nativeEvent.pageY:e.nativeEvent.pageX,w.current=!0,Y())},onPointerUp:e=>{const t=g.current;if(g.current=null,null==t||"mouse"!==e.nativeEvent.pointerType)return;const r=(o?e.nativeEvent.pageY:e.nativeEvent.pageX)-t;Math.abs(r)>=.15*B&&(r<0?Z():ee()),w.current=!1,Q()},onPointerLeave:()=>{null!=g.current&&(g.current=null,w.current=!1,Q())}}:void 0;return A?_react().default.createElement(_reactNative().View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${W+1} of ${P}`,accessibilityValue:{min:0,max:P-1,now:W},style:[S.ctr,de&&S.web,d],onLayout:R,testID:p},de),_react().default.createElement(_reactNative().FlatList,{ref:v,data:N,renderItem:oe,keyExtractor:_e,horizontal:!o,getItemLayout:se,initialScrollIndex:F,scrollEnabled:l&&P>1,removeClippedSubviews:!T||!q,disableVirtualization:T&&q,initialNumToRender:T&&q?D:3,maxToRenderPerBatch:T&&q?D:3,windowSize:T?q?D:7:5,pagingEnabled:!0,snapToInterval:B,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:ae,onScroll:re,scrollEventThrottle:m.defaults.scrollEventThrottle,onScrollEndDrag:ce,onMomentumScrollBegin:le,onMomentumScrollEnd:ne,onScrollToIndexFailed:ue}),_react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[S.ind,{zIndex:m.layer.zIndex,elevation:m.layer.elevation}]},fe)):_react().default.createElement(_reactNative().View,{style:[S.ctr,d],onLayout:R,testID:p})},SwiperFR=(0,_react().forwardRef)(SwiperImpl),Swiper=(0,_react().memo)(SwiperFR),S=_reactNative().StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});var _default=exports.default=Swiper;
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.SwiperItem=void 0;var _number=require("../../utils/number"),_SwiperPagIndicator=_interopRequireDefault(require("./SwiperPagIndicator")),_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,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,c,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?a(l,t,c):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 r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SwiperItemImpl=(e,t)=>_react().default.createElement(_reactNative().View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=(0,_react().forwardRef)(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";const SwiperItem=exports.SwiperItem=(0,_react().memo)(SwiperItemFR),LOOP_THRESHOLD=10,SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:a,initialSwipe:c=0,touchable:l=!0,loop:u=!0,autoplay:i=!1,vertical:o=!1,onChange:s,indicator:_=!0,indicatorProps:f,style:d,testID:p}=e,m=(0,_tokens.useSwiperTokens)(),v=(0,_react().useRef)(null),b=(0,_react().useRef)(null),w=(0,_react().useRef)(!1),h=(0,_react().useRef)(!1),y=(0,_react().useRef)(null),I=(0,_react().useRef)(!1),g=(0,_react().useRef)(null),E=(0,_react().useRef)(null),x=(0,_react().useRef)(0),R="web"===_reactNative().Platform.OS,[k,C]=(0,_react().useState)({width:0,height:0}),M=(0,_react().useCallback)(e=>{const{width:t,height:r}=e.nativeEvent.layout;C(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),T=(0,_react().useMemo)(()=>a?_react().Children.toArray(a).filter(e=>(0,_react().isValidElement)(e)):[],[a]),O=Array.isArray(r),P=O?r:T,N=P.length,D=u&&N>1,q=(0,_react().useMemo)(()=>D?[P[N-1],...P,P[0]]:P,[P,D,N]),V=q.length,L=D&&V<=10,j=(0,_react().useCallback)(e=>D?0===e?N-1:e===V-1?0:e-1:(0,_number.clamp)(e,0,N-1),[D,N,V]),F=(0,_react().useCallback)(e=>D?(0,_number.clamp)(e,0,N-1)+1:(0,_number.clamp)(e,0,N-1),[D,N]),z=(0,_number.clamp)(c,0,Math.max(0,N-1)),W=F(z),H=(0,_react().useRef)(z),[A,B]=(0,_react().useState)(z),$=k.width>0&&k.height>0,X=o?k.height:k.width,Y=o?k.width:k.height,U=(0,_react().useMemo)(()=>({width:o?Y:X,height:o?X:Y}),[o,X,Y]),G=(0,_react().useCallback)(()=>{b.current&&(clearTimeout(b.current),b.current=null)},[]),J=(0,_react().useRef)(s);J.current=s;const K=(0,_react().useCallback)(e=>{const t=(0,_number.clamp)(e,0,Math.max(0,N-1));H.current!==t&&(H.current=t,B(t),J.current?.(t))},[N]),Q=(0,_react().useCallback)((e,t)=>{try{v.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),Z=(0,_react().useCallback)((e,t=!0)=>{if(0===N)return;if(t&&h.current)return void(y.current=e);const r=(0,_number.clamp)(e,0,N-1);let n=F(r);if(D&&t){const e=F(H.current);e===N&&0===r?n=V-1:1===e&&r===N-1&&(n=0)}const a=H.current,c=F(a);if(r!==a||n!==c){if(t&&(h.current=!0),Q(n,t),!t&&(K(r),null!=y.current)){const e=y.current;y.current=null,Z(e,!0)}}else if(null!=y.current){const e=y.current;y.current=null,Z(e,!0)}},[N,F,Q,D,V,K]),ee=(0,_react().useCallback)(()=>{const e="number"==typeof i?Math.max(0,i):i?m.defaults.autoplayInterval:0;!e||N<=1||w.current&&!R||(G(),b.current=setTimeout(()=>{w.current&&!R||Z(D?(H.current+1)%N:(0,_number.clamp)(H.current+1,0,N-1),!0)},e))},[i,N,G,D,Z,R,m.defaults.autoplayInterval]),te=(0,_react().useCallback)(()=>{0!==N&&Z(D?(H.current+1)%N:(0,_number.clamp)(H.current+1,0,N-1),!0)},[N,D,Z]),re=(0,_react().useCallback)(()=>{0!==N&&Z(D?(H.current-1+N)%N:(0,_number.clamp)(H.current-1,0,N-1),!0)},[N,D,Z]);(0,_react().useImperativeHandle)(t,()=>({swipeTo:Z,swipeNext:te,swipePrev:re,getCurrentIndex:()=>H.current}),[Z,te,re]),(0,_react().useEffect)(()=>{$&&0!==N&&Q(W,!1)},[$,N,W,Q]),(0,_react().useEffect)(()=>(ee(),G),[ee,G,A]),(0,_react().useEffect)(()=>()=>{E.current&&clearTimeout(E.current)},[]);const ne=(0,_react().useCallback)(()=>{h.current=!1,w.current=!1,I.current=!1,ee(),(()=>{if(null==y.current)return;const e=y.current;y.current=null,Z(e,!0)})()},[ee]),ae=(0,_react().useCallback)(e=>{if(N<=1)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X),n=D?(0,_number.clamp)(r,0,V-1):(0,_number.clamp)(r,0,N-1);if(K(j(n)),R){E.current&&(clearTimeout(E.current),E.current=null),x.current=t;const e=r*X;Math.abs(t-e)<.5?(D&&(r<=0||r>=V-1)&&Q(r<=0?N:1,!1),ne()):E.current=setTimeout(()=>{E.current=null;const e=x.current,t=Math.round(e/X);D&&(t<=0||t>=V-1)&&Q(t<=0?N:1,!1),ne()},150)}},[N,o,X,D,V,K,j,Q,ne,R]),ce=(0,_react().useCallback)(e=>{if(R||0===N)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X);let n=r;D&&(0===r&&(n=N),r===V-1&&(n=1)),n!==r&&Q(n,!1),K(j(n)),ne()},[o,N,X,D,V,Q,K,j,ne,R]),le=(0,_react().useCallback)(()=>{w.current=!0,G(),E.current&&(clearTimeout(E.current),E.current=null)},[G]),ue=(0,_react().useCallback)(e=>{I.current||ce(e)},[ce]),ie=(0,_react().useCallback)(()=>{I.current=!0},[]),oe=(0,_react().useCallback)(e=>{Q(e.index,!1),K(j(e.index)),ne()},[Q,K,j,ne]),se=(0,_react().useRef)(n);se.current=n;const _e=(0,_react().useCallback)(e=>{const t=O?se.current?.(e)??null:e.item;return t?_react().default.createElement(_reactNative().View,{style:[S.slide,U]},t):null},[O,U]),fe=(0,_react().useCallback)((e,t)=>({length:X,offset:X*t,index:t}),[X]),de=(0,_react().useCallback)((e,t)=>`s-${t}`,[]);if(0===N)return null;const pe=!1===_||N<=1?null:"function"==typeof _?_(N,A):_react().default.createElement(_SwiperPagIndicator.default,_extends({},f,{total:N,current:A,vertical:o})),me=R&&l&&N>1?{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(g.current=o?e.nativeEvent.pageY:e.nativeEvent.pageX,w.current=!0,G())},onPointerUp:e=>{const t=g.current;if(g.current=null,null==t||"mouse"!==e.nativeEvent.pointerType)return;const r=(o?e.nativeEvent.pageY:e.nativeEvent.pageX)-t;Math.abs(r)>=.15*X&&(r<0?te():re()),w.current=!1,ee()},onPointerLeave:()=>{null!=g.current&&(g.current=null,w.current=!1,ee())}}:void 0;return $?_react().default.createElement(_reactNative().View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${A+1} of ${N}`,accessibilityValue:{min:0,max:N-1,now:A},style:[S.ctr,me&&S.web,d],onLayout:M,testID:p},me),_react().default.createElement(_reactNative().FlatList,{ref:v,data:q,renderItem:_e,keyExtractor:de,horizontal:!o,getItemLayout:fe,initialScrollIndex:W,scrollEnabled:l&&N>1,removeClippedSubviews:!D||!L,disableVirtualization:D&&L,initialNumToRender:D&&L?V:3,maxToRenderPerBatch:D&&L?V:3,windowSize:D?L?V:7:5,pagingEnabled:!0,snapToInterval:X,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:le,onScroll:ae,scrollEventThrottle:m.defaults.scrollEventThrottle,onScrollEndDrag:ue,onMomentumScrollBegin:ie,onMomentumScrollEnd:ce,onScrollToIndexFailed:oe}),_react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[S.ind,{zIndex:m.layer.zIndex,elevation:m.layer.elevation}]},pe)):_react().default.createElement(_reactNative().View,{style:[S.ctr,d],onLayout:M,testID:p})},SwiperFR=(0,_react().forwardRef)(SwiperImpl),Swiper=(0,_react().memo)(SwiperFR),S=_reactNative().StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});var _default=exports.default=Swiper;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabbarTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t,spacing:o,fontSize:s}=e;return{defaults:{fixed:!0,border:!0,placeholder:!1,safeAreaInsetBottom:!1},colors:{background:"#ffffff",border:t.default[200],active:t.primary[600],inactive:t.default[600]},layout:{height:50,paddingHorizontal:0,paddingVertical:o.xs},icon:{size:22},typography:{fontSize:s.sm,fontWeight:"400"}}},useTabbarTokens=exports.useTabbarTokens=(0,_designSystem.createComponentTokensHook)("tabbar",createTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabbarTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t,spacing:o,fontSize:s}=e;return{defaults:{fixed:!0,border:!0,placeholder:!1,safeAreaInsetBottom:!1},colors:{background:e.surface??"#ffffff",border:t.default[200],active:t.primary[600],inactive:t.default[600]},layout:{height:50,paddingHorizontal:0,paddingVertical:o.xs},icon:{size:22},typography:{fontSize:s.sm,fontWeight:"400"}}},useTabbarTokens=exports.useTabbarTokens=(0,_designSystem.createComponentTokensHook)("tabbar",createTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:i,spacing:t,fontSize:r,radii:a,typography:d}=e,o=i.primary.foreground??"#ffffff";return{defaults:{type:"line",align:"center",ellipsis:!0,swipeThreshold:5,animated:!0,duration:300,lazyRender:!0},colors:{text:i.default[700],textActive:i.primary[600],textDisabled:i.default[400],description:i.default[500],descriptionActive:i.default[600],descriptionBackground:i.default[100],descriptionActiveBackground:i.primary[600],border:i.default[200],indicator:i.primary[600],cardBackground:"#ffffff",cardActiveBackground:i.primary[600],cardBorder:i.primary[600],cardActiveBorder:i.primary[600],cardActiveText:o,capsuleBackground:"transparent",capsuleActiveBackground:i.primary[600],capsuleBorder:"transparent",capsuleActiveBorder:"transparent",capsuleText:i.default[700],capsuleActiveText:o,badgeText:i.default[500],jumboBackground:i.default[50],jumboActiveBackground:"#ffffff",jumboBorder:"transparent",jumboActiveBorder:i.primary[400],jumboDescription:i.default[500],jumboDescriptionActive:o,jumboDescriptionBackground:i.default[100],jumboDescriptionActiveBackground:i.primary[500]},tabList:{height:44,paddingHorizontal:t.lg,paddingVertical:0,paddingBottom:t.md,background:"#ffffff"},typography:{fontFamily:d.fontFamily,titleSize:r.sm,titleWeight:e.typography.weight.medium,titleActiveWeight:e.typography.weight.semiBold,descriptionSize:r.xs,jumboTitleSize:r.md,jumboLineHeight:Math.round(1.6*r.md),badgeTextSize:r.xxs},spacing:{navSidePaddingHorizontal:t.sm,navBottomMarginTop:t.sm,descriptionMarginTop:t.xxs,jumboDescriptionMarginTop:t.sm,badgeMarginTop:t.xs},indicator:{height:3,radius:999,width:40,offset:t.md},card:{radius:a.xs,paddingHorizontal:t.sm,paddingVertical:t.xs,height:30,marginHorizontal:t.md},capsule:{radius:999,paddingHorizontal:t.sm,paddingVertical:t.ssm},jumbo:{radius:16,paddingHorizontal:t.md,paddingVertical:t.sm,height:64,descriptionPaddingHorizontal:t.sm,descriptionPaddingVertical:t.xxs,descriptionRadius:10}}},useTabsTokens=exports.useTabsTokens=(0,_designSystem.createComponentTokensHook)("tabs",createTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:i,spacing:t,fontSize:r,radii:a,typography:d}=e,o=e.surface??"#ffffff",n=i.primary.foreground??"#ffffff";return{defaults:{type:"line",align:"center",ellipsis:!0,swipeThreshold:5,animated:!0,duration:300,lazyRender:!0},colors:{text:i.default[700],textActive:i.primary[600],textDisabled:i.default[400],description:i.default[500],descriptionActive:i.default[600],descriptionBackground:i.default[100],descriptionActiveBackground:i.primary[600],border:i.default[200],indicator:i.primary[600],cardBackground:o,cardActiveBackground:i.primary[600],cardBorder:i.primary[600],cardActiveBorder:i.primary[600],cardActiveText:n,capsuleBackground:"transparent",capsuleActiveBackground:i.primary[600],capsuleBorder:"transparent",capsuleActiveBorder:"transparent",capsuleText:i.default[700],capsuleActiveText:n,badgeText:i.default[500],jumboBackground:i.default[50],jumboActiveBackground:o,jumboBorder:"transparent",jumboActiveBorder:i.primary[400],jumboDescription:i.default[500],jumboDescriptionActive:n,jumboDescriptionBackground:i.default[100],jumboDescriptionActiveBackground:i.primary[500]},tabList:{height:44,paddingHorizontal:t.lg,paddingVertical:0,paddingBottom:t.md,background:o},typography:{fontFamily:d.fontFamily,titleSize:r.sm,titleWeight:e.typography.weight.medium,titleActiveWeight:e.typography.weight.semiBold,descriptionSize:r.xs,jumboTitleSize:r.md,jumboLineHeight:Math.round(1.6*r.md),badgeTextSize:r.xxs},spacing:{navSidePaddingHorizontal:t.sm,navBottomMarginTop:t.sm,descriptionMarginTop:t.xxs,jumboDescriptionMarginTop:t.sm,badgeMarginTop:t.xs},indicator:{height:3,radius:999,width:40,offset:t.md},card:{radius:a.xs,paddingHorizontal:t.sm,paddingVertical:t.xs,height:30,marginHorizontal:t.md},capsule:{radius:999,paddingHorizontal:t.sm,paddingVertical:t.ssm},jumbo:{radius:16,paddingHorizontal:t.md,paddingVertical:t.sm,height:64,descriptionPaddingHorizontal:t.sm,descriptionPaddingVertical:t.xxs,descriptionRadius:10}}},useTabsTokens=exports.useTabsTokens=(0,_designSystem.createComponentTokensHook)("tabs",createTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTagTokens=exports.createTagTokens=void 0;var _designSystem=require("../../design-system"),_utils=require("../../utils");const buildTone=(e,i,n)=>({background:e[i][500],text:n??e[i].foreground??"#ffffff"}),createTagTokens=e=>{const{palette:i,radii:n,typography:t,opacity:a,spacing:o}=e;return{defaults:{type:"default",size:"small",plain:!1,round:!1,mark:!1,show:!0,pressedOpacity:a.pressed},layout:{container:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start"},close:{alignItems:"center",justifyContent:"center"}},colors:{plainBackground:"#ffffff",toneMap:{default:buildTone(i,"default","#ffffff"),primary:buildTone(i,"primary"),success:buildTone(i,"success"),warning:buildTone(i,"warning",i.warning.foreground??i.warning[900]),danger:buildTone(i,"danger")}},typography:{fontFamily:t.fontFamily,lineHeightMultiplier:t.lineHeightMultiplier,fontWeight:t.weight.medium},sizing:{sizes:{mini:{fontSize:10,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},small:{fontSize:12,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},medium:{fontSize:12,paddingHorizontal:6,paddingVertical:2,borderRadius:4,lineHeight:16},large:{fontSize:14,paddingHorizontal:8,paddingVertical:4,borderRadius:4,lineHeight:16}},closeIconSize:12},radii:{round:n.pill,markLeading:n.none},borders:{width:(0,_utils.getHairlineWidth)()},spacing:{closeGap:2,closeHitSlop:o.sm}}};exports.createTagTokens=createTagTokens;const useTagTokens=exports.useTagTokens=(0,_designSystem.createComponentTokensHook)("tag",createTagTokens);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTagTokens=exports.createTagTokens=void 0;var _designSystem=require("../../design-system"),_utils=require("../../utils");const buildTone=(e,i,n)=>({background:e[i][500],text:n??e[i].foreground??"#ffffff"}),createTagTokens=e=>{const{palette:i,radii:n,typography:t,opacity:a,spacing:r}=e,o=e.surface??"#ffffff";return{defaults:{type:"default",size:"small",plain:!1,round:!1,mark:!1,show:!0,pressedOpacity:a.pressed},layout:{container:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start"},close:{alignItems:"center",justifyContent:"center"}},colors:{plainBackground:o,toneMap:{default:buildTone(i,"default","#ffffff"),primary:buildTone(i,"primary"),success:buildTone(i,"success"),warning:buildTone(i,"warning",i.warning.foreground??i.warning[900]),danger:buildTone(i,"danger")}},typography:{fontFamily:t.fontFamily,lineHeightMultiplier:t.lineHeightMultiplier,fontWeight:t.weight.medium},sizing:{sizes:{mini:{fontSize:10,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},small:{fontSize:12,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},medium:{fontSize:12,paddingHorizontal:6,paddingVertical:2,borderRadius:4,lineHeight:16},large:{fontSize:14,paddingHorizontal:8,paddingVertical:4,borderRadius:4,lineHeight:16}},closeIconSize:12},radii:{round:n.pill,markLeading:n.none},borders:{width:(0,_utils.getHairlineWidth)()},spacing:{closeGap:2,closeHitSlop:r.sm}}};exports.createTagTokens=createTagTokens;const useTagTokens=exports.useTagTokens=(0,_designSystem.createComponentTokensHook)("tag",createTagTokens);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.themePresets=exports.getThemePreset=void 0;var _tokens=require("./tokens");const darkOverrides={palette:{default:{50:"#05070b",100:"#0b0f16",200:"#131a23",300:"#1c2632",400:"#263342",500:"#35455a",600:"#4b5d73",700:"#5f758c",800:"#7e91a7",900:"#b2c1cf",foreground:"#f4f6fb"},primary:{50:"#141632",100:"#161c49",200:"#152262",300:"#162d88",400:"#1d3ca6",500:"#3055d8",600:"#4c6ef5",700:"#7d93ff",800:"#a8b5ff",900:"#d8e0ff",foreground:"#f6f8ff"},info:{50:"#101a2c",100:"#0f203e",200:"#0d2a55",300:"#12376f",400:"#1d4d9a",500:"#2a66c3",600:"#3f86ec",700:"#69a6ff",800:"#99c3ff",900:"#d7e6ff",foreground:"#f4f8ff"},success:{50:"#07160f",100:"#0b2416",200:"#123221",300:"#15452c",400:"#1d5e3a",500:"#27784a",600:"#32a064",700:"#5ac68f",800:"#8adeb1",900:"#c8f3d9",foreground:"#effff5"},warning:{50:"#2e1405",100:"#3b1b08",200:"#52260c",300:"#6b3311",400:"#8a4416",500:"#ab561c",600:"#cc6a1f",700:"#e78a3a",800:"#f5a85f",900:"#ffd9a8",foreground:"#ffffff"},danger:{50:"#2d090e",100:"#3a0d13",200:"#50121c",300:"#6a1a27",400:"#882434",500:"#a92c40",600:"#cb3750",700:"#ef4b63",800:"#ff7d8f",900:"#ffc6d0",foreground:"#fff5f6"}}},auroraOverrides={palette:{default:{50:"#f4fbff",100:"#e3f5ff",200:"#d1eef9",300:"#b8e1ef",400:"#a2d1e2",500:"#89bbcf",600:"#6ba3b8",700:"#508aa0",800:"#3a6f84",900:"#254a57",foreground:"#0b1d23"},primary:{50:"#e8fbff",100:"#c1f4ff",200:"#96e7ff",300:"#6bdbff",400:"#40cfff",500:"#18b8f2",600:"#1296d3",700:"#0d74ad",800:"#095885",900:"#053658"},success:{50:"#f1fff6",100:"#cff9e3",200:"#a2f0ca",300:"#75e4b1",400:"#45d799",500:"#1dbe80",600:"#129c67",700:"#097852",800:"#05583b",900:"#033427"}},radii:{sm:8,md:12,lg:18},typography:{fontFamily:'System, "Helvetica Neue", "PingFang SC"',lineHeightMultiplier:1.25}},themePresets=exports.themePresets={light:_tokens.defaultTokens,dark:(0,_tokens.createTokens)(darkOverrides),aurora:(0,_tokens.createTokens)(auroraOverrides)},getThemePreset=e=>themePresets[e];exports.getThemePreset=getThemePreset;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.themePresets=exports.getThemePreset=void 0;var _tokens=require("./tokens");const darkOverrides={palette:{default:{50:"#05070b",100:"#0b0f16",200:"#131a23",300:"#1c2632",400:"#263342",500:"#35455a",600:"#4b5d73",700:"#5f758c",800:"#7e91a7",900:"#b2c1cf",foreground:"#f4f6fb"},primary:{50:"#141632",100:"#161c49",200:"#152262",300:"#162d88",400:"#1d3ca6",500:"#3055d8",600:"#4c6ef5",700:"#7d93ff",800:"#a8b5ff",900:"#d8e0ff",foreground:"#f6f8ff"},info:{50:"#101a2c",100:"#0f203e",200:"#0d2a55",300:"#12376f",400:"#1d4d9a",500:"#2a66c3",600:"#3f86ec",700:"#69a6ff",800:"#99c3ff",900:"#d7e6ff",foreground:"#f4f8ff"},success:{50:"#07160f",100:"#0b2416",200:"#123221",300:"#15452c",400:"#1d5e3a",500:"#27784a",600:"#32a064",700:"#5ac68f",800:"#8adeb1",900:"#c8f3d9",foreground:"#effff5"},warning:{50:"#2e1405",100:"#3b1b08",200:"#52260c",300:"#6b3311",400:"#8a4416",500:"#ab561c",600:"#cc6a1f",700:"#e78a3a",800:"#f5a85f",900:"#ffd9a8",foreground:"#ffffff"},danger:{50:"#2d090e",100:"#3a0d13",200:"#50121c",300:"#6a1a27",400:"#882434",500:"#a92c40",600:"#cb3750",700:"#ef4b63",800:"#ff7d8f",900:"#ffc6d0",foreground:"#fff5f6"}},surface:"#131a23"},auroraOverrides={palette:{default:{50:"#f4fbff",100:"#e3f5ff",200:"#d1eef9",300:"#b8e1ef",400:"#a2d1e2",500:"#89bbcf",600:"#6ba3b8",700:"#508aa0",800:"#3a6f84",900:"#254a57",foreground:"#0b1d23"},primary:{50:"#e8fbff",100:"#c1f4ff",200:"#96e7ff",300:"#6bdbff",400:"#40cfff",500:"#18b8f2",600:"#1296d3",700:"#0d74ad",800:"#095885",900:"#053658"},success:{50:"#f1fff6",100:"#cff9e3",200:"#a2f0ca",300:"#75e4b1",400:"#45d799",500:"#1dbe80",600:"#129c67",700:"#097852",800:"#05583b",900:"#033427"}},radii:{sm:8,md:12,lg:18},typography:{fontFamily:'System, "Helvetica Neue", "PingFang SC"',lineHeightMultiplier:1.25}},themePresets=exports.themePresets={light:_tokens.defaultTokens,dark:(0,_tokens.createTokens)(darkOverrides),aurora:(0,_tokens.createTokens)(auroraOverrides)},getThemePreset=e=>themePresets[e];exports.getThemePreset=getThemePreset;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultTokens=exports.defaultFoundations=exports.createTokens=void 0;var _deepMerge=require("../utils/deepMerge");const defaultFoundations=exports.defaultFoundations={palette:{default:{50:"#f7f8fa",100:"#f1f2f5",200:"#ebedf0",300:"#c8ccd6",400:"#a8aebb",500:"#888f9f",600:"#6d7483",700:"#505560",800:"#353840",900:"#191a1f",foreground:"#222222"},primary:{50:"#f5f8ff",100:"#e1e9ff",200:"#c2d4ff",300:"#9bb8ff",400:"#6d94ff",500:"#4770ff",600:"#2f51e0",700:"#243eb1",800:"#1a2d82",900:"#111d55",foreground:"#ffffff"},info:{50:"#f0f8ff",100:"#d9ecff",200:"#b9dcff",300:"#8bc3ff",400:"#5aa7ff",500:"#328dff",600:"#1d6fde",700:"#1753a9",800:"#113a75",900:"#0a2143",foreground:"#ffffff"},success:{50:"#f2fbf6",100:"#dcf5e7",200:"#b8e9cf",300:"#8ddbb1",400:"#5fcf93",500:"#31c174",600:"#1da45e",700:"#128047",800:"#0a5c32",900:"#043719",foreground:"#ffffff"},warning:{50:"#fff8ec",100:"#ffecc7",200:"#ffd595",300:"#ffbc63",400:"#ffa035",500:"#ff8414",600:"#d9650b",700:"#ad4905",800:"#7f3101",900:"#4d1c00",foreground:"#ffffff"},danger:{50:"#fff1f2",100:"#ffd8dd",200:"#ffadb7",300:"#ff8090",400:"#ff556c",500:"#f2324c",600:"#ce1733",700:"#a30f27",800:"#770819",900:"#47040b",foreground:"#ffffff"}},spacing:{none:0,xxs:2,xs:4,ssm:6,sm:8,md:12,lg:16,xl:20,xxl:28},radii:{none:0,xs:4,sm:6,md:8,lg:12,pill:999,full:9999},fontSize:{xxs:10,xs:12,sm:14,md:16,lg:18,xl:20},typography:{fontFamily:"System",weight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},lineHeightMultiplier:1.2},opacity:{disabled:.45,loading:.65,pressed:.85}},createTokens=f=>f?(0,_deepMerge.deepMerge)(defaultFoundations,f):defaultFoundations;exports.createTokens=createTokens;const defaultTokens=exports.defaultTokens=defaultFoundations;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultTokens=exports.defaultFoundations=exports.createTokens=void 0;var _deepMerge=require("../utils/deepMerge");const defaultFoundations=exports.defaultFoundations={palette:{default:{50:"#f7f8fa",100:"#f1f2f5",200:"#ebedf0",300:"#c8ccd6",400:"#a8aebb",500:"#888f9f",600:"#6d7483",700:"#505560",800:"#353840",900:"#191a1f",foreground:"#222222"},primary:{50:"#f5f8ff",100:"#e1e9ff",200:"#c2d4ff",300:"#9bb8ff",400:"#6d94ff",500:"#4770ff",600:"#2f51e0",700:"#243eb1",800:"#1a2d82",900:"#111d55",foreground:"#ffffff"},info:{50:"#f0f8ff",100:"#d9ecff",200:"#b9dcff",300:"#8bc3ff",400:"#5aa7ff",500:"#328dff",600:"#1d6fde",700:"#1753a9",800:"#113a75",900:"#0a2143",foreground:"#ffffff"},success:{50:"#f2fbf6",100:"#dcf5e7",200:"#b8e9cf",300:"#8ddbb1",400:"#5fcf93",500:"#31c174",600:"#1da45e",700:"#128047",800:"#0a5c32",900:"#043719",foreground:"#ffffff"},warning:{50:"#fff8ec",100:"#ffecc7",200:"#ffd595",300:"#ffbc63",400:"#ffa035",500:"#ff8414",600:"#d9650b",700:"#ad4905",800:"#7f3101",900:"#4d1c00",foreground:"#ffffff"},danger:{50:"#fff1f2",100:"#ffd8dd",200:"#ffadb7",300:"#ff8090",400:"#ff556c",500:"#f2324c",600:"#ce1733",700:"#a30f27",800:"#770819",900:"#47040b",foreground:"#ffffff"}},spacing:{none:0,xxs:2,xs:4,ssm:6,sm:8,md:12,lg:16,xl:20,xxl:28},radii:{none:0,xs:4,sm:6,md:8,lg:12,pill:999,full:9999},fontSize:{xxs:10,xs:12,sm:14,md:16,lg:18,xl:20},typography:{fontFamily:"System",weight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},lineHeightMultiplier:1.2},opacity:{disabled:.45,loading:.65,pressed:.85},surface:"#ffffff"},createTokens=f=>f?(0,_deepMerge.deepMerge)(defaultFoundations,f):defaultFoundations;exports.createTokens=createTokens;const defaultTokens=exports.defaultTokens=defaultFoundations;
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const centered={alignItems:"center",justifyContent:"center"};export const 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}}};export const useActionSheetTokens=createComponentTokensHook("actionSheet",createActionSheetTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const centered={alignItems:"center",justifyContent:"center"};export const 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}}};export const useActionSheetTokens=createComponentTokensHook("actionSheet",createActionSheetTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export 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}}};export const useCalendarTokens=createComponentTokensHook("calendar",createCalendarTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export 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}}};export const useCalendarTokens=createComponentTokensHook("calendar",createCalendarTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export 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}}};export const useCascaderTokens=createComponentTokensHook("cascader",createCascaderTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export 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}}};export const useCascaderTokens=createComponentTokensHook("cascader",createCascaderTokens);
@@ -1 +1 @@
1
- import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";export 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:StyleSheet.hairlineWidth},spacing:{iconGap:r.sm,valueGap:r.none,extraGap:r.sm,labelMarginTop:r.xs}}};export const useCellTokens=createComponentTokensHook("cell",createCellTokens);
1
+ import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";export 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:StyleSheet.hairlineWidth},spacing:{iconGap:r.sm,valueGap:r.none,extraGap:r.sm,labelMarginTop:r.xs}}};export const useCellTokens=createComponentTokensHook("cell",createCellTokens);
@@ -1 +1 @@
1
- import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const centered={justifyContent:"center",alignItems:"center"},createCheckboxTokens=e=>{const{palette:r,spacing:t,radii:o,fontSize:i,typography:n}=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:i.md,fontFamily:n.fontFamily,fontWeight:n.weight.medium,lineHeightMultiplier:n.lineHeightMultiplier},spacing:{gap:t.sm,groupGap:t.md},radii:{square:o.xs},borders:{width:StyleSheet.hairlineWidth},icon:{scale:.65}}};export const useCheckboxTokens=createComponentTokensHook("checkbox",createCheckboxTokens);
1
+ import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const centered={justifyContent:"center",alignItems:"center"},createCheckboxTokens=e=>{const{palette:r,spacing:t,radii:o,fontSize:i,typography:n}=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:i.md,fontFamily:n.fontFamily,fontWeight:n.weight.medium,lineHeightMultiplier:n.lineHeightMultiplier},spacing:{gap:t.sm,groupGap:t.md},radii:{square:o.xs},borders:{width:StyleSheet.hairlineWidth},icon:{scale:.65}}};export const useCheckboxTokens=createComponentTokensHook("checkbox",createCheckboxTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export const createCollapseTokens=e=>{const{palette:o,spacing:t,fontSize:i,typography:a,radii:n}=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:n.sm},spacing:{paddingVertical:t.md,paddingHorizontal:t.lg,descriptionTop:t.xs,iconGap:8}}};export const useCollapseTokens=createComponentTokensHook("collapse",createCollapseTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export const createCollapseTokens=e=>{const{palette:o,spacing:t,fontSize:i,typography:a,radii:n}=e,r=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:r,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:n.sm},spacing:{paddingVertical:t.md,paddingHorizontal:t.lg,descriptionTop:t.xs,iconGap:8}}};export const useCollapseTokens=createComponentTokensHook("collapse",createCollapseTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:n}=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:n.fontFamily,titleSize:a.md,titleLineHeight:a.md*n.lineHeightMultiplier,titleWeight:n.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*n.lineHeightMultiplier,actionSize:a.md,actionWeight:n.weight.medium}}};export const useDialogTokens=createComponentTokensHook("dialog",createDialogTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:n}=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:n.fontFamily,titleSize:a.md,titleLineHeight:a.md*n.lineHeightMultiplier,titleWeight:n.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*n.lineHeightMultiplier,actionSize:a.md,actionWeight:n.weight.medium}}};export const useDialogTokens=createComponentTokensHook("dialog",createDialogTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export const createGridTokens=e=>{const{palette:t,spacing:o,fontSize:r,typography:i,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:r.sm,fontFamily:i.fontFamily,lineHeight:Math.round(r.sm*i.lineHeightMultiplier),fontWeight:i.weight.regular},spacing:{paddingHorizontal:o.sm,paddingVertical:o.md,iconGap:o.sm}}};export const useGridTokens=createComponentTokensHook("grid",createGridTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export const createGridTokens=e=>{const{palette:t,spacing:r,fontSize:o,typography:i,opacity:n}=e,a=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:a,active:t.default[100]},typography:{fontSize:o.sm,fontFamily:i.fontFamily,lineHeight:Math.round(o.sm*i.lineHeightMultiplier),fontWeight:i.weight.regular},spacing:{paddingHorizontal:r.sm,paddingVertical:r.md,iconGap:r.sm}}};export const useGridTokens=createComponentTokensHook("grid",createGridTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,fontSize:n,radii:i,typography:a}=e;return{defaults:{fit:"cover",showLoading:!0,showError:!0,loadingText:"Loading...",errorText:"Failed to load",iconSize:20,loadingIndicatorBaseSize:20,loadingLabelMarginTop:t.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:a.fontFamily,fontSize:n.xs},iconContainer:{alignItems:"center",justifyContent:"center"},absoluteFill:{position:"absolute",top:0,right:0,bottom:0,left:0}},colors:{background:"#ffffff",text:o.default[500],error:o.danger[500]}}};export const useImageTokens=createComponentTokensHook("image",createTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,fontSize:n,radii:a,typography:i}=e,r=e.surface??"#ffffff";return{defaults:{fit:"cover",showLoading:!0,showError:!0,loadingText:"Loading...",errorText:"Failed to load",iconSize:20,loadingIndicatorBaseSize:20,loadingLabelMarginTop:t.xs,roundRadius:a.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:i.fontFamily,fontSize:n.xs},iconContainer:{alignItems:"center",justifyContent:"center"},absoluteFill:{position:"absolute",top:0,right:0,bottom:0,left:0}},colors:{background:r,text:o.default[500],error:o.danger[500]}}};export const useImageTokens=createComponentTokensHook("image",createTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export 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}});export const useNavBarTokens=createComponentTokensHook("navBar",createNavBarTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export const createNavBarTokens=e=>{const{palette:t,spacing:n,fontSize:i,typography:o}=e,r=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:r,text:t.default[900],description:t.default[500],border:t.default[200],icon:t.default[700]},typography:{fontFamily:o.fontFamily,titleSize:i.lg,titleWeight:"600",descriptionSize:i.sm},sizing:{height:52}}};export const useNavBarTokens=createComponentTokensHook("navBar",createNavBarTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,radii:a,fontSize:r,typography:i}=e,n=o.primary.foreground??"#ffffff";return{colors:{background:o.default[100],title:o.default[700],keyBackground:"#ffffff",keyActiveBackground:o.default[50],keyText:o.default[900],keyTextActive:o.primary[600],closeBackground:o.primary[500],closeActiveBackground:o.primary[400],closeText:n,border:o.default[200]},spacing:{paddingHorizontal:t.ssm,paddingVertical:t.ssm,keyGap:t.ssm,titlePadding:t.md},sizing:{keyHeight:54,closeHeight:44,fontSize:28,defaultIconFontSize:30,auxFontSize:18,titleFontSize:r.md},typography:{fontFamily:i.fontFamily},radii:{key:a.xs},shadow:{color:"#000000",opacity:.08,radius:6,offsetY:0,elevation:6}}};export const useNumberKeyboardTokens=createComponentTokensHook("numberKeyboard",createTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,radii:a,fontSize:r,typography:i}=e,n=e.surface??"#ffffff",s=o.primary.foreground??"#ffffff";return{colors:{background:o.default[100],title:o.default[700],keyBackground:n,keyActiveBackground:o.default[50],keyText:o.default[900],keyTextActive:o.primary[600],closeBackground:o.primary[500],closeActiveBackground:o.primary[400],closeText:s,border:o.default[200]},spacing:{paddingHorizontal:t.ssm,paddingVertical:t.ssm,keyGap:t.ssm,titlePadding:t.md},sizing:{keyHeight:54,closeHeight:44,fontSize:28,defaultIconFontSize:30,auxFontSize:18,titleFontSize:r.md},typography:{fontFamily:i.fontFamily},radii:{key:a.xs},shadow:{color:"#000000",opacity:.08,radius:6,offsetY:0,elevation:6}}};export const useNumberKeyboardTokens=createComponentTokensHook("numberKeyboard",createTokens);
@@ -1 +1 @@
1
- import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const createPasswordInputTokens=e=>({colors:{border:e.palette.default[100],text:e.palette.default[900],muted:e.palette.default[500],error:e.palette.danger[500],cursor:e.palette.default[800],background:"#ffffff",transparent:"transparent"},radii:{wrapper:e.radii.sm,cellGutter:e.radii.none},sizing:{cellHeight:50,cellTextSize:e.fontSize.xl,maskSize:10,cursorWidth:StyleSheet.hairlineWidth||1,cursorHeightRatio:.4,cursorTopRatio:.3},typography:{fontFamily:e.typography.fontFamily,cellTextWeight:e.typography.weight.semiBold,infoSize:e.fontSize.sm,infoLineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier),infoWeight:e.typography.weight.regular},opacity:{disabled:.6,hidden:0},spacing:{infoMarginTop:e.spacing.sm,none:e.spacing.none}});export const usePasswordInputTokens=createComponentTokensHook("passwordInput",createPasswordInputTokens);
1
+ import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const createPasswordInputTokens=e=>({colors:{border:e.palette.default[100],text:e.palette.default[900],muted:e.palette.default[500],error:e.palette.danger[500],cursor:e.palette.default[800],background:e.surface??"#ffffff",transparent:"transparent"},radii:{wrapper:e.radii.sm,cellGutter:e.radii.none},sizing:{cellHeight:50,cellTextSize:e.fontSize.xl,maskSize:10,cursorWidth:StyleSheet.hairlineWidth||1,cursorHeightRatio:.4,cursorTopRatio:.3},typography:{fontFamily:e.typography.fontFamily,cellTextWeight:e.typography.weight.semiBold,infoSize:e.fontSize.sm,infoLineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier),infoWeight:e.typography.weight.regular},opacity:{disabled:.6,hidden:0},spacing:{infoMarginTop:e.spacing.sm,none:e.spacing.none}});export const usePasswordInputTokens=createComponentTokensHook("passwordInput",createPasswordInputTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createPickerTokens=e=>{const{palette:t,spacing:o,fontSize:i,typography:a,radii:n}=e;return{defaults:{itemHeight:44,visibleItemCount:5,showToolbar:!0,toolbarPosition:"top",swipeDuration:700,maskType:"gradient"},colors:{background:"#ffffff",indicator:t.default[200]??"#ebedf0",text:t.default[900],textMuted:t.default[900],textDisabled:t.default[400],confirm:t.primary[600],cancel:t.default[600],mask:"#ffffff",loadingMask:"rgba(255,255,255,0.65)"},spacing:{toolbarHeight:44,actionPadding:o.lg},typography:{optionSize:i.md,toolbarSize:i.md,fontFamily:a.fontFamily,optionWeight:a.weight.regular,toolbarWeight:a.weight.medium},radius:{toolbar:n.none,container:n.xs}}};export const usePickerTokens=createComponentTokensHook("picker",createPickerTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createPickerTokens=e=>{const{palette:t,spacing:o,fontSize:a,typography:i,radii:n}=e,r=e.surface??"#ffffff";return{defaults:{itemHeight:44,visibleItemCount:5,showToolbar:!0,toolbarPosition:"top",swipeDuration:700,maskType:"gradient"},colors:{background:r,indicator:t.default[200]??"#ebedf0",text:t.default[900],textMuted:t.default[900],textDisabled:t.default[400],confirm:t.primary[600],cancel:t.default[600],mask:r,loadingMask:"rgba(255,255,255,0.65)"},spacing:{toolbarHeight:44,actionPadding:o.lg},typography:{optionSize:a.md,toolbarSize:a.md,fontFamily:i.fontFamily,optionWeight:i.weight.regular,toolbarWeight:i.weight.medium},radius:{toolbar:n.none,container:n.xs}}};export const usePickerTokens=createComponentTokensHook("picker",createPickerTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";export const createPopupTokens=o=>{const{palette:e,spacing:t,radii:i,fontSize:n,typography:s}=o;return{colors:{overlay:"rgba(0,0,0,0.5)",background:"#ffffff",title:e.default[900],description:e.default[500],closeIcon:e.default[300]},radius:{round:i.lg,shadow:18},spacing:{padding:t.lg,titleTop:t.xl,titleBottom:t.md,descriptionHorizontal:t.xl,descriptionBottom:t.md,closeIconTop:t.md,closeIconRight:t.md,closeIconSize:36,closeIconPadding:t.ssm},typography:{fontFamily:s.fontFamily,titleSize:n.md,titleWeight:s.weight.medium,descriptionSize:n.sm,descriptionLineHeight:20},shadow:{color:"rgba(0,0,0,0.25)",opacity:.35,radius:18,offsetY:8,elevation:24},layout:{maxWidth:420,minWidth:260,centerMaxWidth:360,sideWidth:"80%"}}};export const usePopupTokens=createComponentTokensHook("popup",createPopupTokens);
1
+ import{createComponentTokensHook}from"../../design-system";export const createPopupTokens=o=>{const{palette:e,spacing:t,radii:i,fontSize:n,typography:s}=o;return{colors:{overlay:"rgba(0,0,0,0.5)",background:o.surface??"#ffffff",title:e.default[900],description:e.default[500],closeIcon:e.default[300]},radius:{round:i.lg,shadow:18},spacing:{padding:t.lg,titleTop:t.xl,titleBottom:t.md,descriptionHorizontal:t.xl,descriptionBottom:t.md,closeIconTop:t.md,closeIconRight:t.md,closeIconSize:36,closeIconPadding:t.ssm},typography:{fontFamily:s.fontFamily,titleSize:n.md,titleWeight:s.weight.medium,descriptionSize:n.sm,descriptionLineHeight:20},shadow:{color:"rgba(0,0,0,0.25)",opacity:.35,radius:18,offsetY:8,elevation:24},layout:{maxWidth:420,minWidth:260,centerMaxWidth:360,sideWidth:"80%"}}};export const usePopupTokens=createComponentTokensHook("popup",createPopupTokens);
@@ -1 +1 @@
1
- import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const centered={justifyContent:"center",alignItems:"center"},createRadioTokens=e=>{const{palette:r,spacing:o,fontSize:t,typography:i}=e;return{defaults:{iconSize:20,labelPosition:"right",shape:"round",labelDisabled:!1,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,labelWrapper:{flexShrink:1},icon:centered,label:{includeFontPadding:!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:t.md,fontFamily:i.fontFamily,fontWeight:i.weight.medium,lineHeightMultiplier:i.lineHeightMultiplier},sizing:{dotScale:.5},radii:{round:999,square:2},borders:{width:StyleSheet.hairlineWidth},spacing:{gap:o.sm,groupGap:o.sm}}};export const useRadioTokens=createComponentTokensHook("radio",createRadioTokens);
1
+ import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const centered={justifyContent:"center",alignItems:"center"},createRadioTokens=e=>{const{palette:r,spacing:o,fontSize:t,typography:i}=e,n=e.surface??"#ffffff";return{defaults:{iconSize:20,labelPosition:"right",shape:"round",labelDisabled:!1,groupDisabled:!1,groupDirection:"vertical"},layout:{container:{flexDirection:"row",alignItems:"center"},iconWrapper:centered,labelWrapper:{flexShrink:1},icon:centered,label:{includeFontPadding:!1},groupHorizontal:{flexDirection:"row",flexWrap:"wrap",alignItems:"center"},groupVertical:{flexDirection:"column"},groupItem:{flexShrink:0}},colors:{border:r.default[400],background:n,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:t.md,fontFamily:i.fontFamily,fontWeight:i.weight.medium,lineHeightMultiplier:i.lineHeightMultiplier},sizing:{dotScale:.5},radii:{round:999,square:2},borders:{width:StyleSheet.hairlineWidth},spacing:{gap:o.sm,groupGap:o.sm}}};export const useRadioTokens=createComponentTokensHook("radio",createRadioTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createSearchTokens=e=>{const{palette:a,spacing:o,radii:n,fontSize:t}=e;return{defaults:{shape:"square",clearTrigger:"focus"},colors:{background:"#ffffff",contentBackground:"#ffffff",label:a.default[600],action:a.primary[500],icon:a.default[400]},spacing:{paddingHorizontal:o.md,paddingVertical:o.sm,labelGap:o.sm,actionGap:o.sm,contentPaddingHorizontal:o.sm,contentPaddingVertical:o.xs,none:o.none},radius:{square:n.md,round:n.pill},typography:{label:t.sm,labelWeight:"500",action:t.sm,actionWeight:"500"},opacity:{actionPressed:.6},icon:{size:t.md}}};export const useSearchTokens=createComponentTokensHook("search",createSearchTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createSearchTokens=e=>{const{palette:a,spacing:o,radii:n,fontSize:t}=e,r=e.surface??"#ffffff";return{defaults:{shape:"square",clearTrigger:"focus"},colors:{background:r,contentBackground:r,label:a.default[600],action:a.primary[500],icon:a.default[400]},spacing:{paddingHorizontal:o.md,paddingVertical:o.sm,labelGap:o.sm,actionGap:o.sm,contentPaddingHorizontal:o.sm,contentPaddingVertical:o.xs,none:o.none},radius:{square:n.md,round:n.pill},typography:{label:t.sm,labelWeight:"500",action:t.sm,actionWeight:"500"},opacity:{actionPressed:.6},icon:{size:t.md}}};export const useSearchTokens=createComponentTokensHook("search",createSearchTokens);
@@ -1 +1 @@
1
- import{Platform}from"react-native";import{createComponentTokensHook}from"../../design-system";const createSelectorTokens=({palette:e,spacing:t,radii:o,typography:r,fontSize:i})=>({defaults:{columns:3,multiple:!1,showCheckMark:!0,disabled:!1},layout:{container:{flexDirection:"row",flexWrap:"wrap"},pressable:"web"===Platform.OS?{outlineStyle:"solid",outlineWidth:0}:{},item:{flex:1,borderWidth:0,justifyContent:"center",alignItems:"center",overflow:"hidden"},label:{includeFontPadding:!1,textAlign:"center"},description:{includeFontPadding:!1,textAlign:"center"},checkMark:{position:"absolute",right:1,bottom:1,fontSize:8,includeFontPadding:!1},checkMarkTriangle:{position:"absolute",right:0,bottom:0,width:0,height:0,borderTopColor:"transparent",borderLeftColor:"transparent"}},colors:{border:"transparent",borderActive:"transparent",background:"#ffffff",backgroundActive:e.primary[50],text:e.default[900],textActive:e.primary[600],description:e.default[500],disabledText:e.default[400],check:e.primary[600],checkForeground:e.primary.foreground??"#fff"},typography:{fontSize:i.md,descriptionSize:i.sm,fontFamily:r.fontFamily,fontWeight:r.weight.medium},radii:{item:o.xs},spacing:{gap:t.sm,paddingVertical:t.sm,paddingHorizontal:t.lg,descriptionMarginTop:t.xxs},states:{disabledOpacity:.45}});export const useSelectorTokens=createComponentTokensHook("selector",createSelectorTokens);
1
+ import{Platform}from"react-native";import{createComponentTokensHook}from"../../design-system";const createSelectorTokens=e=>{const{palette:t,spacing:o,radii:r,typography:i,fontSize:n}=e,a=e.surface??"#ffffff";return{defaults:{columns:3,multiple:!1,showCheckMark:!0,disabled:!1},layout:{container:{flexDirection:"row",flexWrap:"wrap"},pressable:"web"===Platform.OS?{outlineStyle:"solid",outlineWidth:0}:{},item:{flex:1,borderWidth:0,justifyContent:"center",alignItems:"center",overflow:"hidden"},label:{includeFontPadding:!1,textAlign:"center"},description:{includeFontPadding:!1,textAlign:"center"},checkMark:{position:"absolute",right:1,bottom:1,fontSize:8,includeFontPadding:!1},checkMarkTriangle:{position:"absolute",right:0,bottom:0,width:0,height:0,borderTopColor:"transparent",borderLeftColor:"transparent"}},colors:{border:"transparent",borderActive:"transparent",background:a,backgroundActive:t.primary[50],text:t.default[900],textActive:t.primary[600],description:t.default[500],disabledText:t.default[400],check:t.primary[600],checkForeground:t.primary.foreground??"#fff"},typography:{fontSize:n.md,descriptionSize:n.sm,fontFamily:i.fontFamily,fontWeight:i.weight.medium},radii:{item:r.xs},spacing:{gap:o.sm,paddingVertical:o.sm,paddingHorizontal:o.lg,descriptionMarginTop:o.xxs},states:{disabledOpacity:.45}}};export const useSelectorTokens=createComponentTokensHook("selector",createSelectorTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createTokens=o=>{const{palette:e,spacing:n,fontSize:t,typography:i}=o;return{colors:{background:"#ffffff",title:e.default[900],description:e.default[500],option:e.default[900],optionDesc:e.default[500],border:e.default[200],divider:e.default[100]},spacing:{horizontal:n.md,vertical:n.sm,gap:n.xs,popupPadding:0,headerPaddingTop:n.sm,headerPaddingHorizontal:n.lg,headerPaddingBottom:n.md,titleMarginTop:n.xs,descriptionMarginTop:n.xs,nodeMarginTop:n.xs,iconMarginHorizontal:n.md,optionTextPaddingHorizontal:n.xs,optionDescPaddingHorizontal:n.lg,cancelPaddingVertical:14,cancelMarginTop:n.sm},sizing:{icon:48},typography:{fontFamily:i.fontFamily,title:t.md,description:t.xs,option:t.xs,optionDesc:t.xxs,cancel:t.md}}};export const useShareSheetTokens=createComponentTokensHook("shareSheet",createTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createTokens=o=>{const{palette:e,spacing:n,fontSize:t,typography:a}=o;return{colors:{background:o.surface??"#ffffff",title:e.default[900],description:e.default[500],option:e.default[900],optionDesc:e.default[500],border:e.default[200],divider:e.default[100]},spacing:{horizontal:n.md,vertical:n.sm,gap:n.xs,popupPadding:0,headerPaddingTop:n.sm,headerPaddingHorizontal:n.lg,headerPaddingBottom:n.md,titleMarginTop:n.xs,descriptionMarginTop:n.xs,nodeMarginTop:n.xs,iconMarginHorizontal:n.md,optionTextPaddingHorizontal:n.xs,optionDescPaddingHorizontal:n.lg,cancelPaddingVertical:14,cancelMarginTop:n.sm},sizing:{icon:48},typography:{fontFamily:a.fontFamily,title:t.md,description:t.xs,option:t.xs,optionDesc:t.xxs,cancel:t.md}}};export const useShareSheetTokens=createComponentTokensHook("shareSheet",createTokens);
@@ -1 +1 @@
1
- import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";export const createSidebarTokens=e=>{const{palette:t,fontSize:i,typography:o}=e,n=StyleSheet.hairlineWidth;return{defaults:{disabled:!1},layout:{container:{flexDirection:"row"},side:{},content:{flex:1,minWidth:0},item:{flexDirection:"row",alignItems:"center",paddingHorizontal:16},indicatorWrapper:{width:12,alignItems:"center"},itemContent:{flex:1,paddingVertical:12},indicator:{height:20},titleRow:{flexDirection:"row",alignItems:"center",gap:8},badge:{marginLeft:4},dot:{width:6,height:6,borderRadius:3},title:{includeFontPadding:!1}},colors:{background:"#ffffff",border:t.default[200],title:t.default[800],titleActive:t.primary[600],disabled:t.default[400],indicator:t.primary[600]},typography:{fontFamily:o.fontFamily,fontSize:i.sm,fontWeight:o.weight.medium,contentFontSize:i.sm},sizing:{width:120,itemHeight:48,indicatorWidth:4},borders:{width:n}}};export const useSidebarTokens=createComponentTokensHook("sidebar",createSidebarTokens);
1
+ import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";export const createSidebarTokens=e=>{const{palette:t,fontSize:i,typography:o}=e,n=e.surface??"#ffffff",r=StyleSheet.hairlineWidth;return{defaults:{disabled:!1},layout:{container:{flexDirection:"row"},side:{},content:{flex:1,minWidth:0},item:{flexDirection:"row",alignItems:"center",paddingHorizontal:16},indicatorWrapper:{width:12,alignItems:"center"},itemContent:{flex:1,paddingVertical:12},indicator:{height:20},titleRow:{flexDirection:"row",alignItems:"center",gap:8},badge:{marginLeft:4},dot:{width:6,height:6,borderRadius:3},title:{includeFontPadding:!1}},colors:{background:n,border:t.default[200],title:t.default[800],titleActive:t.primary[600],disabled:t.default[400],indicator:t.primary[600]},typography:{fontFamily:o.fontFamily,fontSize:i.sm,fontWeight:o.weight.medium,contentFontSize:i.sm},sizing:{width:120,itemHeight:48,indicatorWidth:4},borders:{width:r}}};export const useSidebarTokens=createComponentTokensHook("sidebar",createSidebarTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createStepperTokens=e=>{const{palette:t,radii:o,fontSize:n,opacity:a,typography:r}=e,s=t.primary.foreground??"#ffffff";return{defaults:{theme:"default",showInput:!0,showPlus:!0,showMinus:!0,longPress:!0,inputWidth:32,buttonSize:28},colors:{active:t.default[200],background:t.default[100],buttonIcon:t.default[900],buttonDisabledBackground:"#ffffff",buttonDisabledIcon:t.default[400],roundTheme:t.primary[500],roundThemeText:s,roundThemeBackground:"#ffffff",inputText:t.default[900],inputDisabledText:t.default[400],inputDisabledBackground:t.default[100],transparent:"transparent"},radii:{default:o.md},typography:{fontFamily:r.fontFamily,fontSize:n.md,fontWeight:r.weight.semiBold},opacity:{disabled:a.disabled,roundDisabled:.3,pressed:a.pressed},spacing:{gap:2,none:e.spacing.none}}};export const useStepperTokens=createComponentTokensHook("stepper",createStepperTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createStepperTokens=e=>{const{palette:t,radii:o,fontSize:n,opacity:a,typography:r}=e,s=e.surface??"#ffffff",d=t.primary.foreground??"#ffffff";return{defaults:{theme:"default",showInput:!0,showPlus:!0,showMinus:!0,longPress:!0,inputWidth:32,buttonSize:28},colors:{active:t.default[200],background:t.default[100],buttonIcon:t.default[900],buttonDisabledBackground:s,buttonDisabledIcon:t.default[400],roundTheme:t.primary[500],roundThemeText:d,roundThemeBackground:s,inputText:t.default[900],inputDisabledText:t.default[400],inputDisabledBackground:t.default[100],transparent:"transparent"},radii:{default:o.md},typography:{fontFamily:r.fontFamily,fontSize:n.md,fontWeight:r.weight.semiBold},opacity:{disabled:a.disabled,roundDisabled:.3,pressed:a.pressed},spacing:{gap:2,none:e.spacing.none}}};export const useStepperTokens=createComponentTokensHook("stepper",createStepperTokens);
@@ -1 +1 @@
1
- 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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useCallback,useEffect,useImperativeHandle,forwardRef,memo,useMemo,Children,isValidElement}from"react";import{FlatList,View,StyleSheet,Platform}from"react-native";import{clamp}from"../../utils/number";import SwiperPagIndicator from"./SwiperPagIndicator";import{useSwiperTokens}from"./tokens";const SwiperItemImpl=(e,t)=>React.createElement(View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=forwardRef(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";export const SwiperItem=memo(SwiperItemFR);const LOOP_THRESHOLD=10,SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:l,initialSwipe:a=0,touchable:c=!0,loop:i=!0,autoplay:o=!1,vertical:u=!1,onChange:s,indicator:m=!0,indicatorProps:p,style:d,testID:f}=e,h=useSwiperTokens(),w=useRef(null),v=useRef(null),b=useRef(!1),y=useRef(!1),I=useRef(null),E=useRef(!1),g=useRef(null),R="web"===Platform.OS,[x,C]=useState({width:0,height:0}),k=useCallback(e=>{const{width:t,height:r}=e.nativeEvent.layout;C(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),T=useMemo(()=>l?Children.toArray(l).filter(e=>isValidElement(e)):[],[l]),M=Array.isArray(r),P=M?r:T,O=P.length,V=i&&O>1,D=useMemo(()=>V?[P[O-1],...P,P[0]]:P,[P,V,O]),L=D.length,F=V&&L<=10,z=useCallback(e=>V?0===e?O-1:e===L-1?0:e-1:clamp(e,0,O-1),[V,O,L]),_=useCallback(e=>V?clamp(e,0,O-1)+1:clamp(e,0,O-1),[V,O]),H=clamp(a,0,Math.max(0,O-1)),j=_(H),A=useRef(H),[B,N]=useState(H),$=x.width>0&&x.height>0,X=u?x.height:x.width,Y=u?x.width:x.height,U=useMemo(()=>({width:u?Y:X,height:u?X:Y}),[u,X,Y]),q=useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null)},[]),G=useRef(s);G.current=s;const J=useCallback(e=>{const t=clamp(e,0,Math.max(0,O-1));A.current!==t&&(A.current=t,N(t),G.current?.(t))},[O]),K=useCallback((e,t)=>{try{w.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),Q=useCallback((e,t=!0)=>{if(0===O)return;if(t&&y.current)return void(I.current=e);const r=clamp(e,0,O-1);let n=_(r);if(V&&t){const e=_(A.current);e===O&&0===r?n=L-1:1===e&&r===O-1&&(n=0)}const l=A.current,a=_(l);if(r!==l||n!==a){if(t&&(y.current=!0),K(n,t),!t&&(J(r),null!=I.current)){const e=I.current;I.current=null,Q(e,!0)}}else if(null!=I.current){const e=I.current;I.current=null,Q(e,!0)}},[O,_,K,V,L,J]),W=useCallback(()=>{const e="number"==typeof o?Math.max(0,o):o?h.defaults.autoplayInterval:0;!e||O<=1||b.current&&!R||(q(),v.current=setTimeout(()=>{b.current&&!R||Q(V?(A.current+1)%O:clamp(A.current+1,0,O-1),!0)},e))},[o,O,q,V,Q,R,h.defaults.autoplayInterval]),Z=useCallback(()=>{0!==O&&Q(V?(A.current+1)%O:clamp(A.current+1,0,O-1),!0)},[O,V,Q]),ee=useCallback(()=>{0!==O&&Q(V?(A.current-1+O)%O:clamp(A.current-1,0,O-1),!0)},[O,V,Q]);useImperativeHandle(t,()=>({swipeTo:Q,swipeNext:Z,swipePrev:ee,getCurrentIndex:()=>A.current}),[Q,Z,ee]),useEffect(()=>{$&&0!==O&&K(j,!1)},[$,O,j,K]),useEffect(()=>(W(),q),[W,q,B]);const te=useCallback(()=>{y.current=!1,b.current=!1,E.current=!1,W(),(()=>{if(null==I.current)return;const e=I.current;I.current=null,Q(e,!0)})()},[W]),re=useCallback(e=>{if(O<=1)return;const t=u?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X),n=clamp(r,0,V?L-1:O-1);if(J(z(n)),R){const e=r*X;Math.abs(t-e)<.5&&(V&&(r<=0||r>=L-1)&&K(r<=0?O:1,!1),te())}},[O,u,X,V,L,J,z,K,te,R]),ne=useCallback(e=>{if(R||0===O)return;const t=u?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X);let n=r;V&&(0===r&&(n=O),r===L-1&&(n=1)),n!==r&&K(n,!1),J(z(n)),te()},[u,O,X,V,L,K,J,z,te,R]),le=useCallback(()=>{b.current=!0,q()},[q]),ae=useCallback(e=>{E.current||ne(e)},[ne]),ce=useCallback(()=>{E.current=!0},[]),ie=useCallback(e=>{K(e.index,!1),J(z(e.index)),te()},[K,J,z,te]),oe=useRef(n);oe.current=n;const ue=useCallback(e=>{const t=M?oe.current?.(e)??null:e.item;return t?React.createElement(View,{style:[S.slide,U]},t):null},[M,U]),se=useCallback((e,t)=>({length:X,offset:X*t,index:t}),[X]),me=useCallback((e,t)=>`s-${t}`,[]);if(0===O)return null;const pe=!1===m||O<=1?null:"function"==typeof m?m(O,B):React.createElement(SwiperPagIndicator,_extends({},p,{total:O,current:B,vertical:u})),de=R&&c&&O>1?{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(g.current=u?e.nativeEvent.pageY:e.nativeEvent.pageX,b.current=!0,q())},onPointerUp:e=>{const t=g.current;if(g.current=null,null==t||"mouse"!==e.nativeEvent.pointerType)return;const r=(u?e.nativeEvent.pageY:e.nativeEvent.pageX)-t;Math.abs(r)>=.15*X&&(r<0?Z():ee()),b.current=!1,W()},onPointerLeave:()=>{null!=g.current&&(g.current=null,b.current=!1,W())}}:void 0;return $?React.createElement(View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${B+1} of ${O}`,accessibilityValue:{min:0,max:O-1,now:B},style:[S.ctr,de&&S.web,d],onLayout:k,testID:f},de),React.createElement(FlatList,{ref:w,data:D,renderItem:ue,keyExtractor:me,horizontal:!u,getItemLayout:se,initialScrollIndex:j,scrollEnabled:c&&O>1,removeClippedSubviews:!V||!F,disableVirtualization:V&&F,initialNumToRender:V&&F?L:3,maxToRenderPerBatch:V&&F?L:3,windowSize:V?F?L:7:5,pagingEnabled:!0,snapToInterval:X,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:le,onScroll:re,scrollEventThrottle:h.defaults.scrollEventThrottle,onScrollEndDrag:ae,onMomentumScrollBegin:ce,onMomentumScrollEnd:ne,onScrollToIndexFailed:ie}),React.createElement(View,{pointerEvents:"none",style:[S.ind,{zIndex:h.layer.zIndex,elevation:h.layer.elevation}]},pe)):React.createElement(View,{style:[S.ctr,d],onLayout:k,testID:f})},SwiperFR=forwardRef(SwiperImpl),Swiper=memo(SwiperFR),S=StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});export default Swiper;
1
+ 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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useCallback,useEffect,useImperativeHandle,forwardRef,memo,useMemo,Children,isValidElement}from"react";import{FlatList,View,StyleSheet,Platform}from"react-native";import{clamp}from"../../utils/number";import SwiperPagIndicator from"./SwiperPagIndicator";import{useSwiperTokens}from"./tokens";const SwiperItemImpl=(e,t)=>React.createElement(View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=forwardRef(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";export const SwiperItem=memo(SwiperItemFR);const LOOP_THRESHOLD=10,SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:l,initialSwipe:a=0,touchable:c=!0,loop:u=!0,autoplay:i=!1,vertical:o=!1,onChange:s,indicator:m=!0,indicatorProps:f,style:d,testID:p}=e,h=useSwiperTokens(),w=useRef(null),v=useRef(null),b=useRef(!1),y=useRef(!1),I=useRef(null),E=useRef(!1),R=useRef(null),g=useRef(null),x=useRef(0),C="web"===Platform.OS,[k,T]=useState({width:0,height:0}),M=useCallback(e=>{const{width:t,height:r}=e.nativeEvent.layout;T(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),P=useMemo(()=>l?Children.toArray(l).filter(e=>isValidElement(e)):[],[l]),O=Array.isArray(r),V=O?r:P,D=V.length,L=u&&D>1,F=useMemo(()=>L?[V[D-1],...V,V[0]]:V,[V,L,D]),z=F.length,_=L&&z<=10,H=useCallback(e=>L?0===e?D-1:e===z-1?0:e-1:clamp(e,0,D-1),[L,D,z]),j=useCallback(e=>L?clamp(e,0,D-1)+1:clamp(e,0,D-1),[L,D]),A=clamp(a,0,Math.max(0,D-1)),B=j(A),N=useRef(A),[$,X]=useState(A),Y=k.width>0&&k.height>0,U=o?k.height:k.width,q=o?k.width:k.height,G=useMemo(()=>({width:o?q:U,height:o?U:q}),[o,U,q]),J=useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null)},[]),K=useRef(s);K.current=s;const Q=useCallback(e=>{const t=clamp(e,0,Math.max(0,D-1));N.current!==t&&(N.current=t,X(t),K.current?.(t))},[D]),W=useCallback((e,t)=>{try{w.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),Z=useCallback((e,t=!0)=>{if(0===D)return;if(t&&y.current)return void(I.current=e);const r=clamp(e,0,D-1);let n=j(r);if(L&&t){const e=j(N.current);e===D&&0===r?n=z-1:1===e&&r===D-1&&(n=0)}const l=N.current,a=j(l);if(r!==l||n!==a){if(t&&(y.current=!0),W(n,t),!t&&(Q(r),null!=I.current)){const e=I.current;I.current=null,Z(e,!0)}}else if(null!=I.current){const e=I.current;I.current=null,Z(e,!0)}},[D,j,W,L,z,Q]),ee=useCallback(()=>{const e="number"==typeof i?Math.max(0,i):i?h.defaults.autoplayInterval:0;!e||D<=1||b.current&&!C||(J(),v.current=setTimeout(()=>{b.current&&!C||Z(L?(N.current+1)%D:clamp(N.current+1,0,D-1),!0)},e))},[i,D,J,L,Z,C,h.defaults.autoplayInterval]),te=useCallback(()=>{0!==D&&Z(L?(N.current+1)%D:clamp(N.current+1,0,D-1),!0)},[D,L,Z]),re=useCallback(()=>{0!==D&&Z(L?(N.current-1+D)%D:clamp(N.current-1,0,D-1),!0)},[D,L,Z]);useImperativeHandle(t,()=>({swipeTo:Z,swipeNext:te,swipePrev:re,getCurrentIndex:()=>N.current}),[Z,te,re]),useEffect(()=>{Y&&0!==D&&W(B,!1)},[Y,D,B,W]),useEffect(()=>(ee(),J),[ee,J,$]),useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]);const ne=useCallback(()=>{y.current=!1,b.current=!1,E.current=!1,ee(),(()=>{if(null==I.current)return;const e=I.current;I.current=null,Z(e,!0)})()},[ee]),le=useCallback(e=>{if(D<=1)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/U),n=clamp(r,0,L?z-1:D-1);if(Q(H(n)),C){g.current&&(clearTimeout(g.current),g.current=null),x.current=t;const e=r*U;Math.abs(t-e)<.5?(L&&(r<=0||r>=z-1)&&W(r<=0?D:1,!1),ne()):g.current=setTimeout(()=>{g.current=null;const e=x.current,t=Math.round(e/U);L&&(t<=0||t>=z-1)&&W(t<=0?D:1,!1),ne()},150)}},[D,o,U,L,z,Q,H,W,ne,C]),ae=useCallback(e=>{if(C||0===D)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/U);let n=r;L&&(0===r&&(n=D),r===z-1&&(n=1)),n!==r&&W(n,!1),Q(H(n)),ne()},[o,D,U,L,z,W,Q,H,ne,C]),ce=useCallback(()=>{b.current=!0,J(),g.current&&(clearTimeout(g.current),g.current=null)},[J]),ue=useCallback(e=>{E.current||ae(e)},[ae]),ie=useCallback(()=>{E.current=!0},[]),oe=useCallback(e=>{W(e.index,!1),Q(H(e.index)),ne()},[W,Q,H,ne]),se=useRef(n);se.current=n;const me=useCallback(e=>{const t=O?se.current?.(e)??null:e.item;return t?React.createElement(View,{style:[S.slide,G]},t):null},[O,G]),fe=useCallback((e,t)=>({length:U,offset:U*t,index:t}),[U]),de=useCallback((e,t)=>`s-${t}`,[]);if(0===D)return null;const pe=!1===m||D<=1?null:"function"==typeof m?m(D,$):React.createElement(SwiperPagIndicator,_extends({},f,{total:D,current:$,vertical:o})),he=C&&c&&D>1?{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(R.current=o?e.nativeEvent.pageY:e.nativeEvent.pageX,b.current=!0,J())},onPointerUp:e=>{const t=R.current;if(R.current=null,null==t||"mouse"!==e.nativeEvent.pointerType)return;const r=(o?e.nativeEvent.pageY:e.nativeEvent.pageX)-t;Math.abs(r)>=.15*U&&(r<0?te():re()),b.current=!1,ee()},onPointerLeave:()=>{null!=R.current&&(R.current=null,b.current=!1,ee())}}:void 0;return Y?React.createElement(View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${$+1} of ${D}`,accessibilityValue:{min:0,max:D-1,now:$},style:[S.ctr,he&&S.web,d],onLayout:M,testID:p},he),React.createElement(FlatList,{ref:w,data:F,renderItem:me,keyExtractor:de,horizontal:!o,getItemLayout:fe,initialScrollIndex:B,scrollEnabled:c&&D>1,removeClippedSubviews:!L||!_,disableVirtualization:L&&_,initialNumToRender:L&&_?z:3,maxToRenderPerBatch:L&&_?z:3,windowSize:L?_?z:7:5,pagingEnabled:!0,snapToInterval:U,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:ce,onScroll:le,scrollEventThrottle:h.defaults.scrollEventThrottle,onScrollEndDrag:ue,onMomentumScrollBegin:ie,onMomentumScrollEnd:ae,onScrollToIndexFailed:oe}),React.createElement(View,{pointerEvents:"none",style:[S.ind,{zIndex:h.layer.zIndex,elevation:h.layer.elevation}]},pe)):React.createElement(View,{style:[S.ctr,d],onLayout:M,testID:p})},SwiperFR=forwardRef(SwiperImpl),Swiper=memo(SwiperFR),S=StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});export default Swiper;
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,fontSize:a}=e;return{defaults:{fixed:!0,border:!0,placeholder:!1,safeAreaInsetBottom:!1},colors:{background:"#ffffff",border:o.default[200],active:o.primary[600],inactive:o.default[600]},layout:{height:50,paddingHorizontal:0,paddingVertical:t.xs},icon:{size:22},typography:{fontSize:a.sm,fontWeight:"400"}}};export const useTabbarTokens=createComponentTokensHook("tabbar",createTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:o,spacing:t,fontSize:a}=e;return{defaults:{fixed:!0,border:!0,placeholder:!1,safeAreaInsetBottom:!1},colors:{background:e.surface??"#ffffff",border:o.default[200],active:o.primary[600],inactive:o.default[600]},layout:{height:50,paddingHorizontal:0,paddingVertical:t.xs},icon:{size:22},typography:{fontSize:a.sm,fontWeight:"400"}}};export const useTabbarTokens=createComponentTokensHook("tabbar",createTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:i,spacing:t,fontSize:a,radii:r,typography:o}=e,d=i.primary.foreground??"#ffffff";return{defaults:{type:"line",align:"center",ellipsis:!0,swipeThreshold:5,animated:!0,duration:300,lazyRender:!0},colors:{text:i.default[700],textActive:i.primary[600],textDisabled:i.default[400],description:i.default[500],descriptionActive:i.default[600],descriptionBackground:i.default[100],descriptionActiveBackground:i.primary[600],border:i.default[200],indicator:i.primary[600],cardBackground:"#ffffff",cardActiveBackground:i.primary[600],cardBorder:i.primary[600],cardActiveBorder:i.primary[600],cardActiveText:d,capsuleBackground:"transparent",capsuleActiveBackground:i.primary[600],capsuleBorder:"transparent",capsuleActiveBorder:"transparent",capsuleText:i.default[700],capsuleActiveText:d,badgeText:i.default[500],jumboBackground:i.default[50],jumboActiveBackground:"#ffffff",jumboBorder:"transparent",jumboActiveBorder:i.primary[400],jumboDescription:i.default[500],jumboDescriptionActive:d,jumboDescriptionBackground:i.default[100],jumboDescriptionActiveBackground:i.primary[500]},tabList:{height:44,paddingHorizontal:t.lg,paddingVertical:0,paddingBottom:t.md,background:"#ffffff"},typography:{fontFamily:o.fontFamily,titleSize:a.sm,titleWeight:e.typography.weight.medium,titleActiveWeight:e.typography.weight.semiBold,descriptionSize:a.xs,jumboTitleSize:a.md,jumboLineHeight:Math.round(1.6*a.md),badgeTextSize:a.xxs},spacing:{navSidePaddingHorizontal:t.sm,navBottomMarginTop:t.sm,descriptionMarginTop:t.xxs,jumboDescriptionMarginTop:t.sm,badgeMarginTop:t.xs},indicator:{height:3,radius:999,width:40,offset:t.md},card:{radius:r.xs,paddingHorizontal:t.sm,paddingVertical:t.xs,height:30,marginHorizontal:t.md},capsule:{radius:999,paddingHorizontal:t.sm,paddingVertical:t.ssm},jumbo:{radius:16,paddingHorizontal:t.md,paddingVertical:t.sm,height:64,descriptionPaddingHorizontal:t.sm,descriptionPaddingVertical:t.xxs,descriptionRadius:10}}};export const useTabsTokens=createComponentTokensHook("tabs",createTokens);
1
+ import{createComponentTokensHook}from"../../design-system";const createTokens=e=>{const{palette:i,spacing:t,fontSize:a,radii:r,typography:o}=e,d=e.surface??"#ffffff",n=i.primary.foreground??"#ffffff";return{defaults:{type:"line",align:"center",ellipsis:!0,swipeThreshold:5,animated:!0,duration:300,lazyRender:!0},colors:{text:i.default[700],textActive:i.primary[600],textDisabled:i.default[400],description:i.default[500],descriptionActive:i.default[600],descriptionBackground:i.default[100],descriptionActiveBackground:i.primary[600],border:i.default[200],indicator:i.primary[600],cardBackground:d,cardActiveBackground:i.primary[600],cardBorder:i.primary[600],cardActiveBorder:i.primary[600],cardActiveText:n,capsuleBackground:"transparent",capsuleActiveBackground:i.primary[600],capsuleBorder:"transparent",capsuleActiveBorder:"transparent",capsuleText:i.default[700],capsuleActiveText:n,badgeText:i.default[500],jumboBackground:i.default[50],jumboActiveBackground:d,jumboBorder:"transparent",jumboActiveBorder:i.primary[400],jumboDescription:i.default[500],jumboDescriptionActive:n,jumboDescriptionBackground:i.default[100],jumboDescriptionActiveBackground:i.primary[500]},tabList:{height:44,paddingHorizontal:t.lg,paddingVertical:0,paddingBottom:t.md,background:d},typography:{fontFamily:o.fontFamily,titleSize:a.sm,titleWeight:e.typography.weight.medium,titleActiveWeight:e.typography.weight.semiBold,descriptionSize:a.xs,jumboTitleSize:a.md,jumboLineHeight:Math.round(1.6*a.md),badgeTextSize:a.xxs},spacing:{navSidePaddingHorizontal:t.sm,navBottomMarginTop:t.sm,descriptionMarginTop:t.xxs,jumboDescriptionMarginTop:t.sm,badgeMarginTop:t.xs},indicator:{height:3,radius:999,width:40,offset:t.md},card:{radius:r.xs,paddingHorizontal:t.sm,paddingVertical:t.xs,height:30,marginHorizontal:t.md},capsule:{radius:999,paddingHorizontal:t.sm,paddingVertical:t.ssm},jumbo:{radius:16,paddingHorizontal:t.md,paddingVertical:t.sm,height:64,descriptionPaddingHorizontal:t.sm,descriptionPaddingVertical:t.xxs,descriptionRadius:10}}};export const useTabsTokens=createComponentTokensHook("tabs",createTokens);
@@ -1 +1 @@
1
- import{createComponentTokensHook}from"../../design-system";import{getHairlineWidth}from"../../utils";const buildTone=(e,i,n)=>({background:e[i][500],text:n??e[i].foreground??"#ffffff"});export const createTagTokens=e=>{const{palette:i,radii:n,typography:o,opacity:t,spacing:a}=e;return{defaults:{type:"default",size:"small",plain:!1,round:!1,mark:!1,show:!0,pressedOpacity:t.pressed},layout:{container:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start"},close:{alignItems:"center",justifyContent:"center"}},colors:{plainBackground:"#ffffff",toneMap:{default:buildTone(i,"default","#ffffff"),primary:buildTone(i,"primary"),success:buildTone(i,"success"),warning:buildTone(i,"warning",i.warning.foreground??i.warning[900]),danger:buildTone(i,"danger")}},typography:{fontFamily:o.fontFamily,lineHeightMultiplier:o.lineHeightMultiplier,fontWeight:o.weight.medium},sizing:{sizes:{mini:{fontSize:10,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},small:{fontSize:12,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},medium:{fontSize:12,paddingHorizontal:6,paddingVertical:2,borderRadius:4,lineHeight:16},large:{fontSize:14,paddingHorizontal:8,paddingVertical:4,borderRadius:4,lineHeight:16}},closeIconSize:12},radii:{round:n.pill,markLeading:n.none},borders:{width:getHairlineWidth()},spacing:{closeGap:2,closeHitSlop:a.sm}}};export const useTagTokens=createComponentTokensHook("tag",createTagTokens);
1
+ import{createComponentTokensHook}from"../../design-system";import{getHairlineWidth}from"../../utils";const buildTone=(e,i,n)=>({background:e[i][500],text:n??e[i].foreground??"#ffffff"});export const createTagTokens=e=>{const{palette:i,radii:n,typography:o,opacity:t,spacing:a}=e,r=e.surface??"#ffffff";return{defaults:{type:"default",size:"small",plain:!1,round:!1,mark:!1,show:!0,pressedOpacity:t.pressed},layout:{container:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start"},close:{alignItems:"center",justifyContent:"center"}},colors:{plainBackground:r,toneMap:{default:buildTone(i,"default","#ffffff"),primary:buildTone(i,"primary"),success:buildTone(i,"success"),warning:buildTone(i,"warning",i.warning.foreground??i.warning[900]),danger:buildTone(i,"danger")}},typography:{fontFamily:o.fontFamily,lineHeightMultiplier:o.lineHeightMultiplier,fontWeight:o.weight.medium},sizing:{sizes:{mini:{fontSize:10,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},small:{fontSize:12,paddingHorizontal:4,paddingVertical:0,borderRadius:2,lineHeight:16},medium:{fontSize:12,paddingHorizontal:6,paddingVertical:2,borderRadius:4,lineHeight:16},large:{fontSize:14,paddingHorizontal:8,paddingVertical:4,borderRadius:4,lineHeight:16}},closeIconSize:12},radii:{round:n.pill,markLeading:n.none},borders:{width:getHairlineWidth()},spacing:{closeGap:2,closeHitSlop:a.sm}}};export const useTagTokens=createComponentTokensHook("tag",createTagTokens);
@@ -1 +1 @@
1
- import{createTokens,defaultTokens}from"./tokens";const darkOverrides={palette:{default:{50:"#05070b",100:"#0b0f16",200:"#131a23",300:"#1c2632",400:"#263342",500:"#35455a",600:"#4b5d73",700:"#5f758c",800:"#7e91a7",900:"#b2c1cf",foreground:"#f4f6fb"},primary:{50:"#141632",100:"#161c49",200:"#152262",300:"#162d88",400:"#1d3ca6",500:"#3055d8",600:"#4c6ef5",700:"#7d93ff",800:"#a8b5ff",900:"#d8e0ff",foreground:"#f6f8ff"},info:{50:"#101a2c",100:"#0f203e",200:"#0d2a55",300:"#12376f",400:"#1d4d9a",500:"#2a66c3",600:"#3f86ec",700:"#69a6ff",800:"#99c3ff",900:"#d7e6ff",foreground:"#f4f8ff"},success:{50:"#07160f",100:"#0b2416",200:"#123221",300:"#15452c",400:"#1d5e3a",500:"#27784a",600:"#32a064",700:"#5ac68f",800:"#8adeb1",900:"#c8f3d9",foreground:"#effff5"},warning:{50:"#2e1405",100:"#3b1b08",200:"#52260c",300:"#6b3311",400:"#8a4416",500:"#ab561c",600:"#cc6a1f",700:"#e78a3a",800:"#f5a85f",900:"#ffd9a8",foreground:"#ffffff"},danger:{50:"#2d090e",100:"#3a0d13",200:"#50121c",300:"#6a1a27",400:"#882434",500:"#a92c40",600:"#cb3750",700:"#ef4b63",800:"#ff7d8f",900:"#ffc6d0",foreground:"#fff5f6"}}},auroraOverrides={palette:{default:{50:"#f4fbff",100:"#e3f5ff",200:"#d1eef9",300:"#b8e1ef",400:"#a2d1e2",500:"#89bbcf",600:"#6ba3b8",700:"#508aa0",800:"#3a6f84",900:"#254a57",foreground:"#0b1d23"},primary:{50:"#e8fbff",100:"#c1f4ff",200:"#96e7ff",300:"#6bdbff",400:"#40cfff",500:"#18b8f2",600:"#1296d3",700:"#0d74ad",800:"#095885",900:"#053658"},success:{50:"#f1fff6",100:"#cff9e3",200:"#a2f0ca",300:"#75e4b1",400:"#45d799",500:"#1dbe80",600:"#129c67",700:"#097852",800:"#05583b",900:"#033427"}},radii:{sm:8,md:12,lg:18},typography:{fontFamily:'System, "Helvetica Neue", "PingFang SC"',lineHeightMultiplier:1.25}};export const themePresets={light:defaultTokens,dark:createTokens(darkOverrides),aurora:createTokens(auroraOverrides)};export const getThemePreset=f=>themePresets[f];
1
+ import{createTokens,defaultTokens}from"./tokens";const darkOverrides={palette:{default:{50:"#05070b",100:"#0b0f16",200:"#131a23",300:"#1c2632",400:"#263342",500:"#35455a",600:"#4b5d73",700:"#5f758c",800:"#7e91a7",900:"#b2c1cf",foreground:"#f4f6fb"},primary:{50:"#141632",100:"#161c49",200:"#152262",300:"#162d88",400:"#1d3ca6",500:"#3055d8",600:"#4c6ef5",700:"#7d93ff",800:"#a8b5ff",900:"#d8e0ff",foreground:"#f6f8ff"},info:{50:"#101a2c",100:"#0f203e",200:"#0d2a55",300:"#12376f",400:"#1d4d9a",500:"#2a66c3",600:"#3f86ec",700:"#69a6ff",800:"#99c3ff",900:"#d7e6ff",foreground:"#f4f8ff"},success:{50:"#07160f",100:"#0b2416",200:"#123221",300:"#15452c",400:"#1d5e3a",500:"#27784a",600:"#32a064",700:"#5ac68f",800:"#8adeb1",900:"#c8f3d9",foreground:"#effff5"},warning:{50:"#2e1405",100:"#3b1b08",200:"#52260c",300:"#6b3311",400:"#8a4416",500:"#ab561c",600:"#cc6a1f",700:"#e78a3a",800:"#f5a85f",900:"#ffd9a8",foreground:"#ffffff"},danger:{50:"#2d090e",100:"#3a0d13",200:"#50121c",300:"#6a1a27",400:"#882434",500:"#a92c40",600:"#cb3750",700:"#ef4b63",800:"#ff7d8f",900:"#ffc6d0",foreground:"#fff5f6"}},surface:"#131a23"},auroraOverrides={palette:{default:{50:"#f4fbff",100:"#e3f5ff",200:"#d1eef9",300:"#b8e1ef",400:"#a2d1e2",500:"#89bbcf",600:"#6ba3b8",700:"#508aa0",800:"#3a6f84",900:"#254a57",foreground:"#0b1d23"},primary:{50:"#e8fbff",100:"#c1f4ff",200:"#96e7ff",300:"#6bdbff",400:"#40cfff",500:"#18b8f2",600:"#1296d3",700:"#0d74ad",800:"#095885",900:"#053658"},success:{50:"#f1fff6",100:"#cff9e3",200:"#a2f0ca",300:"#75e4b1",400:"#45d799",500:"#1dbe80",600:"#129c67",700:"#097852",800:"#05583b",900:"#033427"}},radii:{sm:8,md:12,lg:18},typography:{fontFamily:'System, "Helvetica Neue", "PingFang SC"',lineHeightMultiplier:1.25}};export const themePresets={light:defaultTokens,dark:createTokens(darkOverrides),aurora:createTokens(auroraOverrides)};export const getThemePreset=f=>themePresets[f];
@@ -1 +1 @@
1
- import{deepMerge}from"../utils/deepMerge";export const defaultFoundations={palette:{default:{50:"#f7f8fa",100:"#f1f2f5",200:"#ebedf0",300:"#c8ccd6",400:"#a8aebb",500:"#888f9f",600:"#6d7483",700:"#505560",800:"#353840",900:"#191a1f",foreground:"#222222"},primary:{50:"#f5f8ff",100:"#e1e9ff",200:"#c2d4ff",300:"#9bb8ff",400:"#6d94ff",500:"#4770ff",600:"#2f51e0",700:"#243eb1",800:"#1a2d82",900:"#111d55",foreground:"#ffffff"},info:{50:"#f0f8ff",100:"#d9ecff",200:"#b9dcff",300:"#8bc3ff",400:"#5aa7ff",500:"#328dff",600:"#1d6fde",700:"#1753a9",800:"#113a75",900:"#0a2143",foreground:"#ffffff"},success:{50:"#f2fbf6",100:"#dcf5e7",200:"#b8e9cf",300:"#8ddbb1",400:"#5fcf93",500:"#31c174",600:"#1da45e",700:"#128047",800:"#0a5c32",900:"#043719",foreground:"#ffffff"},warning:{50:"#fff8ec",100:"#ffecc7",200:"#ffd595",300:"#ffbc63",400:"#ffa035",500:"#ff8414",600:"#d9650b",700:"#ad4905",800:"#7f3101",900:"#4d1c00",foreground:"#ffffff"},danger:{50:"#fff1f2",100:"#ffd8dd",200:"#ffadb7",300:"#ff8090",400:"#ff556c",500:"#f2324c",600:"#ce1733",700:"#a30f27",800:"#770819",900:"#47040b",foreground:"#ffffff"}},spacing:{none:0,xxs:2,xs:4,ssm:6,sm:8,md:12,lg:16,xl:20,xxl:28},radii:{none:0,xs:4,sm:6,md:8,lg:12,pill:999,full:9999},fontSize:{xxs:10,xs:12,sm:14,md:16,lg:18,xl:20},typography:{fontFamily:"System",weight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},lineHeightMultiplier:1.2},opacity:{disabled:.45,loading:.65,pressed:.85}};export const createTokens=f=>f?deepMerge(defaultFoundations,f):defaultFoundations;export const defaultTokens=defaultFoundations;
1
+ import{deepMerge}from"../utils/deepMerge";export const defaultFoundations={palette:{default:{50:"#f7f8fa",100:"#f1f2f5",200:"#ebedf0",300:"#c8ccd6",400:"#a8aebb",500:"#888f9f",600:"#6d7483",700:"#505560",800:"#353840",900:"#191a1f",foreground:"#222222"},primary:{50:"#f5f8ff",100:"#e1e9ff",200:"#c2d4ff",300:"#9bb8ff",400:"#6d94ff",500:"#4770ff",600:"#2f51e0",700:"#243eb1",800:"#1a2d82",900:"#111d55",foreground:"#ffffff"},info:{50:"#f0f8ff",100:"#d9ecff",200:"#b9dcff",300:"#8bc3ff",400:"#5aa7ff",500:"#328dff",600:"#1d6fde",700:"#1753a9",800:"#113a75",900:"#0a2143",foreground:"#ffffff"},success:{50:"#f2fbf6",100:"#dcf5e7",200:"#b8e9cf",300:"#8ddbb1",400:"#5fcf93",500:"#31c174",600:"#1da45e",700:"#128047",800:"#0a5c32",900:"#043719",foreground:"#ffffff"},warning:{50:"#fff8ec",100:"#ffecc7",200:"#ffd595",300:"#ffbc63",400:"#ffa035",500:"#ff8414",600:"#d9650b",700:"#ad4905",800:"#7f3101",900:"#4d1c00",foreground:"#ffffff"},danger:{50:"#fff1f2",100:"#ffd8dd",200:"#ffadb7",300:"#ff8090",400:"#ff556c",500:"#f2324c",600:"#ce1733",700:"#a30f27",800:"#770819",900:"#47040b",foreground:"#ffffff"}},spacing:{none:0,xxs:2,xs:4,ssm:6,sm:8,md:12,lg:16,xl:20,xxl:28},radii:{none:0,xs:4,sm:6,md:8,lg:12,pill:999,full:9999},fontSize:{xxs:10,xs:12,sm:14,md:16,lg:18,xl:20},typography:{fontFamily:"System",weight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},lineHeightMultiplier:1.2},opacity:{disabled:.45,loading:.65,pressed:.85},surface:"#ffffff"};export const createTokens=f=>f?deepMerge(defaultFoundations,f):defaultFoundations;export const defaultTokens=defaultFoundations;
@@ -1,4 +1,4 @@
1
1
  import { type Foundations } from '../../design-system/tokens';
2
2
  import type { NavBarTokens } from './types';
3
- export declare const createNavBarTokens: ({ palette, spacing, fontSize, typography, }: Foundations) => NavBarTokens;
3
+ export declare const createNavBarTokens: (foundations: Foundations) => NavBarTokens;
4
4
  export declare const useNavBarTokens: (overrides?: import("../..").DeepPartial<NavBarTokens> | undefined) => NavBarTokens;
@@ -66,6 +66,7 @@ export interface Foundations {
66
66
  loading: number;
67
67
  pressed: number;
68
68
  };
69
+ surface?: string;
69
70
  }
70
71
  export declare const defaultFoundations: Foundations;
71
72
  export type ThemeTokens = Foundations;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-system-ui",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "面向 React Native 的设计系统级组件库,Tokens + ThemeProvider 主题体系,按需引入、体积小;API 统一可组合、高效可靠,支持可访问性与多端一致。",
5
5
  "homepage": "https://rn-system-ui.netlify.app/",
6
6
  "main": "./dist/cjs/index.js",