@masumdev/rn-ui 0.1.7 → 0.2.0
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.
- package/lib/commonjs/components/Accordion.js +28 -13
- package/lib/commonjs/components/Accordion.js.map +1 -1
- package/lib/commonjs/components/Alert.js +229 -73
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/AlertDialog.js +143 -87
- package/lib/commonjs/components/AlertDialog.js.map +1 -1
- package/lib/commonjs/components/Avatar.js +31 -28
- package/lib/commonjs/components/Avatar.js.map +1 -1
- package/lib/commonjs/components/Badge.js +18 -7
- package/lib/commonjs/components/Badge.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +63 -8
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Breadcrumb.js +31 -9
- package/lib/commonjs/components/Breadcrumb.js.map +1 -1
- package/lib/commonjs/components/Button.js +22 -6
- package/lib/commonjs/components/Button.js.map +1 -1
- package/lib/commonjs/components/Calendar.js +113 -31
- package/lib/commonjs/components/Calendar.js.map +1 -1
- package/lib/commonjs/components/Card.js +8 -3
- package/lib/commonjs/components/Card.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +67 -21
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Checkbox.js +12 -7
- package/lib/commonjs/components/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Collapsible.js +47 -36
- package/lib/commonjs/components/Collapsible.js.map +1 -1
- package/lib/commonjs/components/Combobox.js +110 -48
- package/lib/commonjs/components/Combobox.js.map +1 -1
- package/lib/commonjs/components/Command.js +121 -77
- package/lib/commonjs/components/Command.js.map +1 -1
- package/lib/commonjs/components/DropdownMenu.js +78 -25
- package/lib/commonjs/components/DropdownMenu.js.map +1 -1
- package/lib/commonjs/components/Empty.js +24 -10
- package/lib/commonjs/components/Empty.js.map +1 -1
- package/lib/commonjs/components/FormField.js +63 -13
- package/lib/commonjs/components/FormField.js.map +1 -1
- package/lib/commonjs/components/IconButton.js +22 -6
- package/lib/commonjs/components/IconButton.js.map +1 -1
- package/lib/commonjs/components/Input.js +11 -13
- package/lib/commonjs/components/Input.js.map +1 -1
- package/lib/commonjs/components/InputGroup.js +19 -10
- package/lib/commonjs/components/InputGroup.js.map +1 -1
- package/lib/commonjs/components/InputOTP.js +46 -15
- package/lib/commonjs/components/InputOTP.js.map +1 -1
- package/lib/commonjs/components/Popover.js +90 -23
- package/lib/commonjs/components/Popover.js.map +1 -1
- package/lib/commonjs/components/Progress.js +105 -6
- package/lib/commonjs/components/Progress.js.map +1 -1
- package/lib/commonjs/components/RadioGroup.js +109 -51
- package/lib/commonjs/components/RadioGroup.js.map +1 -1
- package/lib/commonjs/components/Rating.js +109 -95
- package/lib/commonjs/components/Rating.js.map +1 -1
- package/lib/commonjs/components/Select.js +109 -43
- package/lib/commonjs/components/Select.js.map +1 -1
- package/lib/commonjs/components/Sheet.js +217 -29
- package/lib/commonjs/components/Sheet.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +119 -24
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Switch.js +21 -11
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/Tabs.js +159 -28
- package/lib/commonjs/components/Tabs.js.map +1 -1
- package/lib/commonjs/components/Timeline.js +35 -12
- package/lib/commonjs/components/Timeline.js.map +1 -1
- package/lib/commonjs/components/Toast.js +163 -38
- package/lib/commonjs/components/Toast.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/types.js +16 -0
- package/lib/commonjs/components/types.js.map +1 -1
- package/lib/commonjs/theme/tokens.js +7 -7
- package/lib/commonjs/theme/tokens.js.map +1 -1
- package/lib/commonjs/utils/haptics.js +42 -0
- package/lib/commonjs/utils/haptics.js.map +1 -0
- package/lib/commonjs/utils/index.js +7 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/components/Accordion.js +28 -13
- package/lib/module/components/Accordion.js.map +1 -1
- package/lib/module/components/Alert.js +229 -73
- package/lib/module/components/Alert.js.map +1 -1
- package/lib/module/components/AlertDialog.js +144 -88
- package/lib/module/components/AlertDialog.js.map +1 -1
- package/lib/module/components/Avatar.js +31 -28
- package/lib/module/components/Avatar.js.map +1 -1
- package/lib/module/components/Badge.js +18 -7
- package/lib/module/components/Badge.js.map +1 -1
- package/lib/module/components/BottomSheet.js +64 -4
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/Breadcrumb.js +31 -9
- package/lib/module/components/Breadcrumb.js.map +1 -1
- package/lib/module/components/Button.js +22 -6
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Calendar.js +114 -32
- package/lib/module/components/Calendar.js.map +1 -1
- package/lib/module/components/Card.js +8 -3
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/Carousel.js +67 -21
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Checkbox.js +12 -7
- package/lib/module/components/Checkbox.js.map +1 -1
- package/lib/module/components/Collapsible.js +49 -38
- package/lib/module/components/Collapsible.js.map +1 -1
- package/lib/module/components/Combobox.js +110 -48
- package/lib/module/components/Combobox.js.map +1 -1
- package/lib/module/components/Command.js +121 -77
- package/lib/module/components/Command.js.map +1 -1
- package/lib/module/components/DropdownMenu.js +79 -26
- package/lib/module/components/DropdownMenu.js.map +1 -1
- package/lib/module/components/Empty.js +24 -10
- package/lib/module/components/Empty.js.map +1 -1
- package/lib/module/components/FormField.js +63 -14
- package/lib/module/components/FormField.js.map +1 -1
- package/lib/module/components/IconButton.js +22 -6
- package/lib/module/components/IconButton.js.map +1 -1
- package/lib/module/components/Input.js +12 -14
- package/lib/module/components/Input.js.map +1 -1
- package/lib/module/components/InputGroup.js +19 -10
- package/lib/module/components/InputGroup.js.map +1 -1
- package/lib/module/components/InputOTP.js +46 -15
- package/lib/module/components/InputOTP.js.map +1 -1
- package/lib/module/components/Popover.js +90 -24
- package/lib/module/components/Popover.js.map +1 -1
- package/lib/module/components/Progress.js +106 -8
- package/lib/module/components/Progress.js.map +1 -1
- package/lib/module/components/RadioGroup.js +108 -51
- package/lib/module/components/RadioGroup.js.map +1 -1
- package/lib/module/components/Rating.js +109 -95
- package/lib/module/components/Rating.js.map +1 -1
- package/lib/module/components/Select.js +111 -45
- package/lib/module/components/Select.js.map +1 -1
- package/lib/module/components/Sheet.js +216 -24
- package/lib/module/components/Sheet.js.map +1 -1
- package/lib/module/components/Stepper.js +120 -25
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/components/Switch.js +21 -11
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/components/Tabs.js +158 -29
- package/lib/module/components/Tabs.js.map +1 -1
- package/lib/module/components/Timeline.js +35 -12
- package/lib/module/components/Timeline.js.map +1 -1
- package/lib/module/components/Toast.js +164 -38
- package/lib/module/components/Toast.js.map +1 -1
- package/lib/module/components/index.js +2 -2
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/types.js +16 -0
- package/lib/module/components/types.js.map +1 -1
- package/lib/module/theme/tokens.js +7 -7
- package/lib/module/theme/tokens.js.map +1 -1
- package/lib/module/utils/haptics.js +38 -0
- package/lib/module/utils/haptics.js.map +1 -0
- package/lib/module/utils/index.js +1 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/commonjs/components/Accordion.d.ts +6 -3
- package/lib/typescript/commonjs/components/Accordion.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Alert.d.ts +4 -4
- package/lib/typescript/commonjs/components/Alert.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/AlertDialog.d.ts +5 -3
- package/lib/typescript/commonjs/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Avatar.d.ts +9 -4
- package/lib/typescript/commonjs/components/Avatar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Badge.d.ts +4 -4
- package/lib/typescript/commonjs/components/Badge.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BottomSheet.d.ts +13 -4
- package/lib/typescript/commonjs/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Breadcrumb.d.ts +6 -5
- package/lib/typescript/commonjs/components/Breadcrumb.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Button.d.ts +3 -3
- package/lib/typescript/commonjs/components/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Calendar.d.ts +9 -1
- package/lib/typescript/commonjs/components/Calendar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card.d.ts +3 -2
- package/lib/typescript/commonjs/components/Card.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Carousel.d.ts +4 -1
- package/lib/typescript/commonjs/components/Carousel.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Checkbox.d.ts +3 -3
- package/lib/typescript/commonjs/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Collapsible.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Combobox.d.ts +11 -6
- package/lib/typescript/commonjs/components/Combobox.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Command.d.ts +3 -0
- package/lib/typescript/commonjs/components/Command.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/DropdownMenu.d.ts +4 -2
- package/lib/typescript/commonjs/components/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Empty.d.ts +7 -4
- package/lib/typescript/commonjs/components/Empty.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/FormField.d.ts +12 -4
- package/lib/typescript/commonjs/components/FormField.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/IconButton.d.ts +3 -3
- package/lib/typescript/commonjs/components/IconButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Input.d.ts +2 -1
- package/lib/typescript/commonjs/components/Input.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputGroup.d.ts +3 -2
- package/lib/typescript/commonjs/components/InputGroup.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputOTP.d.ts +9 -4
- package/lib/typescript/commonjs/components/InputOTP.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Popover.d.ts +1 -1
- package/lib/typescript/commonjs/components/Popover.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Progress.d.ts +13 -1
- package/lib/typescript/commonjs/components/Progress.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/RadioGroup.d.ts +3 -2
- package/lib/typescript/commonjs/components/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Rating.d.ts +3 -23
- package/lib/typescript/commonjs/components/Rating.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Select.d.ts +5 -4
- package/lib/typescript/commonjs/components/Select.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Sheet.d.ts +25 -6
- package/lib/typescript/commonjs/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Stepper.d.ts +5 -3
- package/lib/typescript/commonjs/components/Stepper.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Switch.d.ts +3 -3
- package/lib/typescript/commonjs/components/Switch.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Tabs.d.ts +21 -4
- package/lib/typescript/commonjs/components/Tabs.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Timeline.d.ts +9 -3
- package/lib/typescript/commonjs/components/Timeline.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Toast.d.ts +3 -0
- package/lib/typescript/commonjs/components/Toast.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/index.d.ts +5 -5
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/types.d.ts +35 -0
- package/lib/typescript/commonjs/components/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/haptics.d.ts +6 -0
- package/lib/typescript/commonjs/utils/haptics.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Accordion.d.ts +6 -3
- package/lib/typescript/module/components/Accordion.d.ts.map +1 -1
- package/lib/typescript/module/components/Alert.d.ts +4 -4
- package/lib/typescript/module/components/Alert.d.ts.map +1 -1
- package/lib/typescript/module/components/AlertDialog.d.ts +5 -3
- package/lib/typescript/module/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/module/components/Avatar.d.ts +9 -4
- package/lib/typescript/module/components/Avatar.d.ts.map +1 -1
- package/lib/typescript/module/components/Badge.d.ts +4 -4
- package/lib/typescript/module/components/Badge.d.ts.map +1 -1
- package/lib/typescript/module/components/BottomSheet.d.ts +13 -4
- package/lib/typescript/module/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/module/components/Breadcrumb.d.ts +6 -5
- package/lib/typescript/module/components/Breadcrumb.d.ts.map +1 -1
- package/lib/typescript/module/components/Button.d.ts +3 -3
- package/lib/typescript/module/components/Button.d.ts.map +1 -1
- package/lib/typescript/module/components/Calendar.d.ts +9 -1
- package/lib/typescript/module/components/Calendar.d.ts.map +1 -1
- package/lib/typescript/module/components/Card.d.ts +3 -2
- package/lib/typescript/module/components/Card.d.ts.map +1 -1
- package/lib/typescript/module/components/Carousel.d.ts +4 -1
- package/lib/typescript/module/components/Carousel.d.ts.map +1 -1
- package/lib/typescript/module/components/Checkbox.d.ts +3 -3
- package/lib/typescript/module/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/module/components/Collapsible.d.ts.map +1 -1
- package/lib/typescript/module/components/Combobox.d.ts +11 -6
- package/lib/typescript/module/components/Combobox.d.ts.map +1 -1
- package/lib/typescript/module/components/Command.d.ts +3 -0
- package/lib/typescript/module/components/Command.d.ts.map +1 -1
- package/lib/typescript/module/components/DropdownMenu.d.ts +4 -2
- package/lib/typescript/module/components/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/module/components/Empty.d.ts +7 -4
- package/lib/typescript/module/components/Empty.d.ts.map +1 -1
- package/lib/typescript/module/components/FormField.d.ts +12 -4
- package/lib/typescript/module/components/FormField.d.ts.map +1 -1
- package/lib/typescript/module/components/IconButton.d.ts +3 -3
- package/lib/typescript/module/components/IconButton.d.ts.map +1 -1
- package/lib/typescript/module/components/Input.d.ts +2 -1
- package/lib/typescript/module/components/Input.d.ts.map +1 -1
- package/lib/typescript/module/components/InputGroup.d.ts +3 -2
- package/lib/typescript/module/components/InputGroup.d.ts.map +1 -1
- package/lib/typescript/module/components/InputOTP.d.ts +9 -4
- package/lib/typescript/module/components/InputOTP.d.ts.map +1 -1
- package/lib/typescript/module/components/Popover.d.ts +1 -1
- package/lib/typescript/module/components/Popover.d.ts.map +1 -1
- package/lib/typescript/module/components/Progress.d.ts +13 -1
- package/lib/typescript/module/components/Progress.d.ts.map +1 -1
- package/lib/typescript/module/components/RadioGroup.d.ts +3 -2
- package/lib/typescript/module/components/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/module/components/Rating.d.ts +3 -23
- package/lib/typescript/module/components/Rating.d.ts.map +1 -1
- package/lib/typescript/module/components/Select.d.ts +5 -4
- package/lib/typescript/module/components/Select.d.ts.map +1 -1
- package/lib/typescript/module/components/Sheet.d.ts +25 -6
- package/lib/typescript/module/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/module/components/Stepper.d.ts +5 -3
- package/lib/typescript/module/components/Stepper.d.ts.map +1 -1
- package/lib/typescript/module/components/Switch.d.ts +3 -3
- package/lib/typescript/module/components/Switch.d.ts.map +1 -1
- package/lib/typescript/module/components/Tabs.d.ts +21 -4
- package/lib/typescript/module/components/Tabs.d.ts.map +1 -1
- package/lib/typescript/module/components/Timeline.d.ts +9 -3
- package/lib/typescript/module/components/Timeline.d.ts.map +1 -1
- package/lib/typescript/module/components/Toast.d.ts +3 -0
- package/lib/typescript/module/components/Toast.d.ts.map +1 -1
- package/lib/typescript/module/components/index.d.ts +5 -5
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/types.d.ts +35 -0
- package/lib/typescript/module/components/types.d.ts.map +1 -1
- package/lib/typescript/module/utils/haptics.d.ts +6 -0
- package/lib/typescript/module/utils/haptics.d.ts.map +1 -0
- package/lib/typescript/module/utils/index.d.ts +1 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Modal","Pressable","ScrollView","View","useTheme","Text","renderIcon","
|
|
1
|
+
{"version":3,"names":["React","Modal","Pressable","ScrollView","StyleSheet","View","useTheme","withAlpha","triggerHaptic","Text","renderIcon","selectHeights","sm","md","lg","selectPaddingX","useFormField","jsx","_jsx","jsxs","_jsxs","Select","value","defaultValue","options","placeholder","variant","size","disabled","glass","haptic","onValueChange","chevronIcon","checkIcon","style","colors","components","radii","spacing","isDark","field","open","setOpen","useState","internalValue","setInternalValue","triggerRef","useRef","coords","setCoords","x","y","width","isInvalid","Boolean","invalid","isDisabled","currentValue","selected","find","option","choose","next","undefined","handleOpen","current","measureInWindow","height","glassBg","triggerBg","input","surface","primary","borderColor","danger","border","invalidOrOpenBorder","containerHeight","paddingX","ref","children","accessibilityRole","onPress","pressed","minHeight","borderWidth","focus","strong","borderRadius","backgroundColor","paddingHorizontal","flexDirection","alignItems","gap","opacity","color","flex","label","textMuted","fontSize","visible","transparent","animationType","onRequestClose","absoluteFill","position","top","left","maxHeight","xl","padding","xs","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","nestedScrollEnabled","keyboardShouldPersistTaps","map","active","primarySoft","backgroundMuted","paddingVertical","weight","description"],"sourceRoot":"../../../src","sources":["components/Select.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,IAAI,QAGC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,mBAAU;AACpC,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SACEC,UAAU,QAML,YAAS;AA4BhB,MAAMC,aAAyC,GAAG;EAChDC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,cAA0C,GAAG;EACjDH,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,SAASE,YAAY,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,OAAO,SAASC,MAAMA,CAAC;EACrBC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,WAAW,GAAG,eAAe;EAC7BC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,KAAK;EACbC,MAAM,GAAG,IAAI;EACbC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGjC,QAAQ,CAAC,CAAC;EACjE,MAAMkC,KAAK,GAAGxB,YAAY,CAAC,CAAC;EAC5B,MAAM,CAACyB,IAAI,EAAEC,OAAO,CAAC,GAAG1C,KAAK,CAAC2C,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG7C,KAAK,CAAC2C,QAAQ,CAACpB,YAAY,CAAC;EACtE,MAAMuB,UAAU,GAAG9C,KAAK,CAAC+C,MAAM,CAAO,IAAI,CAAC;EAC3C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGjD,KAAK,CAAC2C,QAAQ,CAAC;IAAEO,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EAEpE,MAAMC,SAAS,GAAGC,OAAO,CAACd,KAAK,EAAEe,OAAO,CAAC;EACzC,MAAMC,UAAU,GAAG5B,QAAQ,IAAI0B,OAAO,CAACd,KAAK,EAAEZ,QAAQ,CAAC;EAEvD,MAAM6B,YAAY,GAAGnC,KAAK,IAAIsB,aAAa;EAC3C,MAAMc,QAAQ,GAAGlC,OAAO,CAACmC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACtC,KAAK,KAAKmC,YAAY,CAAC;EAExE,MAAMI,MAAM,GAAIC,IAAY,IAAK;IAC/B,IAAIhC,MAAM,EAAEtB,aAAa,CAAC,WAAW,CAAC;IACtC,IAAIc,KAAK,KAAKyC,SAAS,EAAElB,gBAAgB,CAACiB,IAAI,CAAC;IAC/C/B,aAAa,GAAG+B,IAAI,CAAC;IACrBpB,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;EAED,MAAMsB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIR,UAAU,EAAE;IAChB,IAAI1B,MAAM,EAAEtB,aAAa,CAAC,OAAO,CAAC;IAElCsC,UAAU,CAACmB,OAAO,EAAEC,eAAe,CAAC,CAAChB,CAAC,EAAEC,CAAC,EAAEC,KAAK,EAAEe,MAAM,KAAK;MAC3DlB,SAAS,CAAC;QACRC,CAAC;QACDC,CAAC,EAAEA,CAAC,GAAGgB,MAAM,GAAG,CAAC;QACjBf;MACF,CAAC,CAAC;MACFV,OAAO,CAAC,KAAK,CAAC;MACdA,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAM0B,OAAO,GAAG7B,MAAM,GAClB,wBAAwB,GACxB,2BAA2B;EAE/B,MAAM8B,SAAS,GAAGb,UAAU,GACxBjD,SAAS,CAAC4B,MAAM,CAACmC,KAAK,EAAE,IAAI,CAAC,GAC7BzC,KAAK,GACHuC,OAAO,GACP1C,OAAO,KAAK,QAAQ,GAClBS,MAAM,CAACoC,OAAO,GACd7C,OAAO,KAAK,MAAM,GAChBnB,SAAS,CAAC4B,MAAM,CAACqC,OAAO,EAAE,IAAI,CAAC,GAC/BrC,MAAM,CAACmC,KAAK;EAEtB,MAAMG,WAAW,GAAGpB,SAAS,GACzBlB,MAAM,CAACuC,MAAM,GACblB,UAAU,GACRrB,MAAM,CAACwC,MAAM,GACbC,mBAAmB,CAACnC,IAAI,EAAEZ,KAAK,EAAEU,MAAM,EAAEJ,MAAM,CAAC;EAEtD,MAAM0C,eAAe,GAAGlE,aAAa,CAACgB,IAAI,CAAC;EAC3C,MAAMmD,QAAQ,GAAG/D,cAAc,CAACY,IAAI,CAAC;EAErC,oBACEP,KAAA,CAACf,IAAI;IAAC0E,GAAG,EAAEjC,UAAW;IAACZ,KAAK,EAAE;MAAEkB,KAAK,EAAE;IAAO,CAAE;IAAA4B,QAAA,gBAC9C5D,KAAA,CAAClB,SAAS;MACR+E,iBAAiB,EAAC,QAAQ;MAC1BrD,QAAQ,EAAEA,QAAS;MACnBsD,OAAO,EAAElB,UAAW;MACpB9B,KAAK,EAAEA,CAAC;QAAEiD;MAAQ,CAAC,KAAK,CACtB;QACEC,SAAS,EAAEP,eAAe;QAC1BV,MAAM,EAAEU,eAAe;QACvBzB,KAAK,EAAE,MAAM;QACbiC,WAAW,EAAE5C,IAAI,GACbL,UAAU,CAACiD,WAAW,CAACC,KAAK,GAC5BlD,UAAU,CAACiD,WAAW,CAACE,MAAM;QACjCd,WAAW;QACXe,YAAY,EAAEnD,KAAK,CAACvB,EAAE;QACtB2E,eAAe,EAAEpB,SAAS;QAC1BqB,iBAAiB,EAAEZ,QAAQ;QAC3Ba,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,GAAG,EAAEvD,OAAO,CAAC1B,EAAE;QACfkF,OAAO,EAAElE,QAAQ,GAAG,IAAI,GAAGuD,OAAO,GAAG,IAAI,GAAG;MAC9C,CAAC,EACDjD,KAAK,CACL;MAAA8C,QAAA,gBAEF9D,IAAA,CAACT,IAAI;QACHiB,OAAO,EAAEC,IAAI,KAAK,IAAI,GAAG,WAAW,GAAG,MAAO;QAC9CoE,KAAK,EAAErC,QAAQ,GAAG,MAAM,GAAG,aAAc;QACzCxB,KAAK,EAAE;UAAE8D,IAAI,EAAE;QAAE,CAAE;QAAAhB,QAAA,EAElBtB,QAAQ,EAAEuC,KAAK,IAAIxE;MAAW,CAC3B,CAAC,EACNf,UAAU,CAACsB,WAAW,EAAEG,MAAM,CAAC+D,SAAS,EAAEvE,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,iBACjET,IAAA,CAACT,IAAI;QAACsF,KAAK,EAAC,WAAW;QAAC7D,KAAK,EAAE;UAAEiE,QAAQ,EAAExE,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG;QAAG,CAAE;QAAAqD,QAAA,EAAC;MAEtE,CAAM,CACP;IAAA,CACQ,CAAC,eAEZ9D,IAAA,CAACjB,KAAK;MACJmG,OAAO,EAAE3D,IAAK;MACd4D,WAAW;MACXC,aAAa,EAAC,MAAM;MACpBC,cAAc,EAAEA,CAAA,KAAM7D,OAAO,CAAC,KAAK,CAAE;MAAAsC,QAAA,eAErC9D,IAAA,CAAChB,SAAS;QACRgC,KAAK,EAAE9B,UAAU,CAACoG,YAAa;QAC/BtB,OAAO,EAAEA,CAAA,KAAMxC,OAAO,CAAC,KAAK,CAAE;QAAAsC,QAAA,eAE9B9D,IAAA,CAACb,IAAI;UACH6B,KAAK,EAAE,CACL;YACEuE,QAAQ,EAAE,UAAU;YACpBC,GAAG,EAAE1D,MAAM,CAACG,CAAC;YACbwD,IAAI,EAAE3D,MAAM,CAACE,CAAC;YACdE,KAAK,EAAEJ,MAAM,CAACI,KAAK;YACnBwD,SAAS,EAAE,GAAG;YACdnB,eAAe,EAAE5D,KAAK,GAAGuC,OAAO,GAAGjC,MAAM,CAACoC,OAAO;YACjDiB,YAAY,EAAEnD,KAAK,CAACwE,EAAE;YACtBxB,WAAW,EAAEjD,UAAU,CAACiD,WAAW,CAACE,MAAM;YAC1Cd,WAAW,EAAE5C,KAAK,GACdU,MAAM,GACJ,2BAA2B,GAC3B,wBAAwB,GAC1BJ,MAAM,CAACwC,MAAM;YACjBmC,OAAO,EAAExE,OAAO,CAACyE,EAAE;YACnBC,SAAS,EAAE,CAAC;YACZC,WAAW,EAAE,MAAM;YACnBC,YAAY,EAAE;cAAE9D,KAAK,EAAE,CAAC;cAAEe,MAAM,EAAE;YAAE,CAAC;YACrCgD,aAAa,EAAE,IAAI;YACnBC,YAAY,EAAE;UAChB,CAAC,CACD;UAAApC,QAAA,eAEF9D,IAAA,CAACf,UAAU;YACTkH,mBAAmB;YACnBC,yBAAyB,EAAC,SAAS;YAAAtC,QAAA,eAEnC9D,IAAA,CAACb,IAAI;cAAC6B,KAAK,EAAE;gBAAE2D,GAAG,EAAE;cAAE,CAAE;cAAAb,QAAA,EACrBxD,OAAO,CAAC+F,GAAG,CAAE3D,MAAM,IAAK;gBACvB,MAAM4D,MAAM,GAAG5D,MAAM,CAACtC,KAAK,KAAKmC,YAAY;gBAC5C,oBACErC,KAAA,CAAClB,SAAS;kBAER0B,QAAQ,EAAEgC,MAAM,CAAChC,QAAS;kBAC1BsD,OAAO,EAAEA,CAAA,KAAMrB,MAAM,CAACD,MAAM,CAACtC,KAAK,CAAE;kBACpCY,KAAK,EAAEA,CAAC;oBAAEiD;kBAAQ,CAAC,MAAM;oBACvBC,SAAS,EAAE,EAAE;oBACbI,YAAY,EAAEnD,KAAK,CAACvB,EAAE;oBACtB2E,eAAe,EAAE+B,MAAM,GACnBrF,MAAM,CAACsF,WAAW,GAClBtC,OAAO,GACLhD,MAAM,CAACuF,eAAe,GACtBvF,MAAM,CAACkE,WAAW;oBACxBX,iBAAiB,EAAEpD,OAAO,CAACzB,EAAE;oBAC7B8G,eAAe,EAAErF,OAAO,CAACyE,EAAE;oBAC3BpB,aAAa,EAAE,KAAK;oBACpBC,UAAU,EAAE,QAAQ;oBACpBC,GAAG,EAAEvD,OAAO,CAAC1B,EAAE;oBACfkF,OAAO,EAAElC,MAAM,CAAChC,QAAQ,GAAG,GAAG,GAAG;kBACnC,CAAC,CAAE;kBAAAoD,QAAA,gBAEH5D,KAAA,CAACf,IAAI;oBAAC6B,KAAK,EAAE;sBAAE8D,IAAI,EAAE,CAAC;sBAAEH,GAAG,EAAE;oBAAE,CAAE;oBAAAb,QAAA,gBAC/B9D,IAAA,CAACT,IAAI;sBACHiB,OAAO,EAAC,MAAM;sBACdqE,KAAK,EAAEyB,MAAM,GAAG,SAAS,GAAG,MAAO;sBACnCI,MAAM,EAAEJ,MAAM,GAAG,KAAK,GAAG,KAAM;sBAAAxC,QAAA,EAE9BpB,MAAM,CAACqC;oBAAK,CACT,CAAC,EACNrC,MAAM,CAACiE,WAAW,gBACjB3G,IAAA,CAACT,IAAI;sBAACiB,OAAO,EAAC,SAAS;sBAACqE,KAAK,EAAC,WAAW;sBAAAf,QAAA,EACtCpB,MAAM,CAACiE;oBAAW,CACf,CAAC,GACL,IAAI;kBAAA,CACJ,CAAC,EACNL,MAAM,GACF9G,UAAU,CAACuB,SAAS,EAAEE,MAAM,CAACqC,OAAO,EAAE,EAAE,CAAC,iBACxCtD,IAAA,CAACT,IAAI;oBAACsF,KAAK,EAAC,SAAS;oBAAC6B,MAAM,EAAC,KAAK;oBAAA5C,QAAA,EAAC;kBAEnC,CAAM,CACP,GACD,IAAI;gBAAA,GAvCHpB,MAAM,CAACtC,KAwCH,CAAC;cAEhB,CAAC;YAAC,CACE;UAAC,CACG;QAAC,CACT;MAAC,CACE;IAAC,CACP,CAAC;EAAA,CACJ,CAAC;AAEX;AAEA,SAASsD,mBAAmBA,CAC1BnC,IAAa,EACbZ,KAAc,EACdU,MAAe,EACfJ,MAA6C,EAC7C;EACA,IAAIM,IAAI,EAAE,OAAON,MAAM,CAACqC,OAAO;EAC/B,IAAI3C,KAAK,EACP,OAAOU,MAAM,GAAG,2BAA2B,GAAG,wBAAwB;EACxE,OAAOJ,MAAM,CAACwC,MAAM;AACtB","ignoreList":[]}
|
|
@@ -1,28 +1,218 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import React, { useEffect, useState } from "react";
|
|
4
|
+
import { Modal, Pressable, View } from "react-native";
|
|
5
|
+
import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
6
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
7
7
|
import { useTheme } from "../theme/index.js";
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
import { triggerHaptic } from "../utils/haptics.js";
|
|
9
|
+
import { Text } from "./Text.js";
|
|
10
|
+
import { renderIcon } from "./types.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
export function Sheet({
|
|
13
|
+
visible,
|
|
14
|
+
onClose,
|
|
15
|
+
title,
|
|
16
|
+
description,
|
|
17
|
+
children,
|
|
18
|
+
glass = false,
|
|
19
|
+
haptic = true,
|
|
20
|
+
closeIcon,
|
|
21
|
+
dismissOnBackdropPress = true,
|
|
22
|
+
animated = true,
|
|
23
|
+
animationDuration = 240,
|
|
24
|
+
modalProps,
|
|
25
|
+
overlayStyle,
|
|
26
|
+
style,
|
|
27
|
+
contentStyle,
|
|
28
|
+
titleStyle,
|
|
29
|
+
descriptionStyle
|
|
30
|
+
}) {
|
|
31
|
+
const {
|
|
32
|
+
colors,
|
|
33
|
+
components,
|
|
34
|
+
radii,
|
|
35
|
+
spacing,
|
|
36
|
+
isDark
|
|
37
|
+
} = useTheme();
|
|
38
|
+
const insets = useSafeAreaInsets();
|
|
39
|
+
const [mounted, setMounted] = useState(visible);
|
|
40
|
+
const progress = useSharedValue(0);
|
|
41
|
+
const bottomInset = Math.max(insets.bottom, spacing.md);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
if (visible) {
|
|
44
|
+
if (haptic) triggerHaptic("medium");
|
|
45
|
+
progress.value = 0; // Guarantee 0 offset on initial mount frame (no flicker/glitch)
|
|
46
|
+
setMounted(true);
|
|
47
|
+
if (animated) {
|
|
48
|
+
progress.value = withTiming(1, {
|
|
49
|
+
duration: animationDuration,
|
|
50
|
+
easing: Easing.out(Easing.quad)
|
|
51
|
+
});
|
|
52
|
+
} else {
|
|
53
|
+
progress.value = 1;
|
|
54
|
+
}
|
|
55
|
+
} else {
|
|
56
|
+
if (animated) {
|
|
57
|
+
progress.value = withTiming(0, {
|
|
58
|
+
duration: Math.max(140, animationDuration - 60),
|
|
59
|
+
easing: Easing.in(Easing.quad)
|
|
60
|
+
}, finished => {
|
|
61
|
+
if (finished) {
|
|
62
|
+
runOnJS(setMounted)(false);
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
} else {
|
|
66
|
+
progress.value = 0;
|
|
67
|
+
setMounted(false);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}, [animated, animationDuration, haptic, progress, visible]);
|
|
71
|
+
const backdropAnimatedStyle = useAnimatedStyle(() => ({
|
|
72
|
+
opacity: progress.value
|
|
73
|
+
}));
|
|
74
|
+
const sheetAnimatedStyle = useAnimatedStyle(() => ({
|
|
75
|
+
opacity: progress.value,
|
|
76
|
+
transform: [{
|
|
77
|
+
translateY: 500 * (1 - progress.value)
|
|
78
|
+
}]
|
|
79
|
+
}));
|
|
80
|
+
if (!mounted) return null;
|
|
81
|
+
const requestClose = () => {
|
|
82
|
+
if (haptic) triggerHaptic("selection");
|
|
83
|
+
onClose?.();
|
|
84
|
+
};
|
|
85
|
+
const handleBackdropPress = () => {
|
|
86
|
+
if (dismissOnBackdropPress) {
|
|
87
|
+
requestClose();
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
const glassBg = isDark ? "rgba(15, 27, 45, 0.94)" : "rgba(255, 255, 255, 0.96)";
|
|
91
|
+
const sheetBg = glass ? glassBg : colors.surface;
|
|
92
|
+
const borderColor = glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border;
|
|
93
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
94
|
+
visible: mounted,
|
|
95
|
+
transparent: true,
|
|
96
|
+
animationType: "none",
|
|
97
|
+
statusBarTranslucent: true,
|
|
98
|
+
navigationBarTranslucent: true,
|
|
99
|
+
hardwareAccelerated: true,
|
|
100
|
+
onRequestClose: requestClose,
|
|
101
|
+
...modalProps,
|
|
102
|
+
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
103
|
+
style: [{
|
|
104
|
+
flex: 1,
|
|
105
|
+
backgroundColor: isDark ? "rgba(0, 0, 0, 0.78)" : "rgba(15, 23, 42, 0.65)",
|
|
106
|
+
justifyContent: "flex-end"
|
|
107
|
+
}, backdropAnimatedStyle, overlayStyle],
|
|
108
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
109
|
+
accessibilityRole: "button",
|
|
110
|
+
style: {
|
|
111
|
+
position: "absolute",
|
|
112
|
+
top: 0,
|
|
113
|
+
right: 0,
|
|
114
|
+
bottom: 0,
|
|
115
|
+
left: 0
|
|
116
|
+
},
|
|
117
|
+
onPress: handleBackdropPress
|
|
118
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
119
|
+
style: [{
|
|
120
|
+
width: "100%"
|
|
121
|
+
}, animated ? sheetAnimatedStyle : undefined],
|
|
122
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
123
|
+
style: [{
|
|
124
|
+
width: "100%",
|
|
125
|
+
backgroundColor: sheetBg,
|
|
126
|
+
borderTopLeftRadius: radii.xxl,
|
|
127
|
+
borderTopRightRadius: radii.xxl,
|
|
128
|
+
borderWidth: components.borderWidth.strong,
|
|
129
|
+
borderBottomWidth: 0,
|
|
130
|
+
borderColor,
|
|
131
|
+
paddingHorizontal: spacing.xl,
|
|
132
|
+
paddingTop: spacing.sm,
|
|
133
|
+
paddingBottom: spacing.lg + bottomInset,
|
|
134
|
+
gap: spacing.lg,
|
|
135
|
+
elevation: 0
|
|
136
|
+
}, style],
|
|
137
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
138
|
+
style: {
|
|
139
|
+
alignItems: "center",
|
|
140
|
+
width: "100%",
|
|
141
|
+
paddingVertical: spacing.xs
|
|
142
|
+
},
|
|
143
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
144
|
+
style: {
|
|
145
|
+
width: 40,
|
|
146
|
+
height: 4,
|
|
147
|
+
borderRadius: radii.full,
|
|
148
|
+
backgroundColor: colors.border
|
|
149
|
+
}
|
|
150
|
+
})
|
|
151
|
+
}), title || description || onClose ? /*#__PURE__*/_jsxs(View, {
|
|
152
|
+
style: {
|
|
153
|
+
flexDirection: "row",
|
|
154
|
+
alignItems: "flex-start",
|
|
155
|
+
justifyContent: "space-between",
|
|
156
|
+
gap: spacing.md
|
|
157
|
+
},
|
|
158
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
159
|
+
style: [{
|
|
160
|
+
flex: 1,
|
|
161
|
+
gap: spacing.xxs
|
|
162
|
+
}, contentStyle],
|
|
163
|
+
children: [title ? typeof title === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
164
|
+
variant: "h3",
|
|
165
|
+
weight: "700",
|
|
166
|
+
style: titleStyle,
|
|
167
|
+
children: title
|
|
168
|
+
}) : title : null, description ? typeof description === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
169
|
+
variant: "bodySmall",
|
|
170
|
+
color: "textMuted",
|
|
171
|
+
style: [{
|
|
172
|
+
lineHeight: 20
|
|
173
|
+
}, descriptionStyle],
|
|
174
|
+
children: description
|
|
175
|
+
}) : description : null]
|
|
176
|
+
}), onClose ? /*#__PURE__*/_jsx(Pressable, {
|
|
177
|
+
accessibilityRole: "button",
|
|
178
|
+
accessibilityLabel: "Close sheet",
|
|
179
|
+
onPress: requestClose,
|
|
180
|
+
hitSlop: 12,
|
|
181
|
+
style: ({
|
|
182
|
+
pressed
|
|
183
|
+
}) => ({
|
|
184
|
+
width: 32,
|
|
185
|
+
height: 32,
|
|
186
|
+
borderRadius: 16,
|
|
187
|
+
alignItems: "center",
|
|
188
|
+
justifyContent: "center",
|
|
189
|
+
backgroundColor: pressed ? colors.backgroundMuted : "transparent",
|
|
190
|
+
opacity: pressed ? 0.8 : 0.7
|
|
191
|
+
}),
|
|
192
|
+
children: closeIcon ? renderIcon(closeIcon, colors.textMuted, 16) : /*#__PURE__*/_jsx(Text, {
|
|
193
|
+
style: {
|
|
194
|
+
color: colors.textMuted,
|
|
195
|
+
fontSize: 16,
|
|
196
|
+
fontWeight: "600"
|
|
197
|
+
},
|
|
198
|
+
children: "\u2715"
|
|
199
|
+
})
|
|
200
|
+
}) : null]
|
|
201
|
+
}) : null, children ? /*#__PURE__*/_jsx(View, {
|
|
202
|
+
style: {
|
|
203
|
+
width: "100%"
|
|
204
|
+
},
|
|
205
|
+
children: children
|
|
206
|
+
}) : null]
|
|
207
|
+
})
|
|
208
|
+
})]
|
|
209
|
+
})
|
|
20
210
|
});
|
|
21
|
-
}
|
|
22
|
-
export
|
|
211
|
+
}
|
|
212
|
+
export const SheetContent = View;
|
|
23
213
|
export function SheetHeader({
|
|
24
214
|
style,
|
|
25
|
-
|
|
215
|
+
children
|
|
26
216
|
}) {
|
|
27
217
|
const {
|
|
28
218
|
spacing
|
|
@@ -31,7 +221,7 @@ export function SheetHeader({
|
|
|
31
221
|
style: [{
|
|
32
222
|
gap: spacing.xs
|
|
33
223
|
}, style],
|
|
34
|
-
|
|
224
|
+
children: children
|
|
35
225
|
});
|
|
36
226
|
}
|
|
37
227
|
export function SheetTitle({
|
|
@@ -39,7 +229,8 @@ export function SheetTitle({
|
|
|
39
229
|
style
|
|
40
230
|
}) {
|
|
41
231
|
return /*#__PURE__*/_jsx(Text, {
|
|
42
|
-
variant: "
|
|
232
|
+
variant: "h3",
|
|
233
|
+
weight: "700",
|
|
43
234
|
color: "text",
|
|
44
235
|
style: style,
|
|
45
236
|
children: children
|
|
@@ -58,7 +249,7 @@ export function SheetDescription({
|
|
|
58
249
|
}
|
|
59
250
|
export function SheetFooter({
|
|
60
251
|
style,
|
|
61
|
-
|
|
252
|
+
children
|
|
62
253
|
}) {
|
|
63
254
|
const {
|
|
64
255
|
spacing
|
|
@@ -67,9 +258,10 @@ export function SheetFooter({
|
|
|
67
258
|
style: [{
|
|
68
259
|
flexDirection: "row",
|
|
69
260
|
justifyContent: "flex-end",
|
|
70
|
-
gap: spacing.sm
|
|
261
|
+
gap: spacing.sm,
|
|
262
|
+
marginTop: spacing.md
|
|
71
263
|
}, style],
|
|
72
|
-
|
|
264
|
+
children: children
|
|
73
265
|
});
|
|
74
266
|
}
|
|
75
267
|
//# sourceMappingURL=Sheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Modal","Pressable","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","useTheme","triggerHaptic","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","Sheet","visible","onClose","title","description","children","glass","haptic","closeIcon","dismissOnBackdropPress","animated","animationDuration","modalProps","overlayStyle","style","contentStyle","titleStyle","descriptionStyle","colors","components","radii","spacing","isDark","insets","mounted","setMounted","progress","bottomInset","Math","max","bottom","md","value","duration","easing","out","quad","in","finished","backdropAnimatedStyle","opacity","sheetAnimatedStyle","transform","translateY","requestClose","handleBackdropPress","glassBg","sheetBg","surface","borderColor","border","transparent","animationType","statusBarTranslucent","navigationBarTranslucent","hardwareAccelerated","onRequestClose","flex","backgroundColor","justifyContent","accessibilityRole","position","top","right","left","onPress","width","undefined","borderTopLeftRadius","xxl","borderTopRightRadius","borderWidth","strong","borderBottomWidth","paddingHorizontal","xl","paddingTop","sm","paddingBottom","lg","gap","elevation","alignItems","paddingVertical","xs","height","borderRadius","full","flexDirection","xxs","variant","weight","color","lineHeight","accessibilityLabel","hitSlop","pressed","backgroundMuted","textMuted","fontSize","fontWeight","SheetContent","SheetHeader","SheetTitle","SheetDescription","SheetFooter","marginTop"],"sourceRoot":"../../../src","sources":["components/Sheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,22 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
4
|
+
import { Pressable, View } from "react-native";
|
|
5
5
|
import { useTheme } from "../theme/index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { withAlpha } from "../utils/index.js";
|
|
7
|
+
import { triggerHaptic } from "../utils/haptics.js";
|
|
7
8
|
import { Text } from "./Text.js";
|
|
8
9
|
import { renderIcon } from "./types.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const stepperHeights = {
|
|
12
|
+
sm: 36,
|
|
13
|
+
md: 44,
|
|
14
|
+
lg: 52
|
|
15
|
+
};
|
|
10
16
|
function clampStepper(value, min, max) {
|
|
11
17
|
return Math.min(max, Math.max(min, value));
|
|
12
18
|
}
|
|
19
|
+
function MinusIcon({
|
|
20
|
+
color,
|
|
21
|
+
size
|
|
22
|
+
}) {
|
|
23
|
+
return /*#__PURE__*/_jsx(View, {
|
|
24
|
+
style: {
|
|
25
|
+
width: size,
|
|
26
|
+
height: 2,
|
|
27
|
+
backgroundColor: color,
|
|
28
|
+
borderRadius: 1
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
function PlusIcon({
|
|
33
|
+
color,
|
|
34
|
+
size
|
|
35
|
+
}) {
|
|
36
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
37
|
+
style: {
|
|
38
|
+
width: size,
|
|
39
|
+
height: size,
|
|
40
|
+
alignItems: "center",
|
|
41
|
+
justifyContent: "center"
|
|
42
|
+
},
|
|
43
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
44
|
+
style: {
|
|
45
|
+
position: "absolute",
|
|
46
|
+
width: size,
|
|
47
|
+
height: 2,
|
|
48
|
+
backgroundColor: color,
|
|
49
|
+
borderRadius: 1
|
|
50
|
+
}
|
|
51
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
52
|
+
style: {
|
|
53
|
+
position: "absolute",
|
|
54
|
+
width: 2,
|
|
55
|
+
height: size,
|
|
56
|
+
backgroundColor: color,
|
|
57
|
+
borderRadius: 1
|
|
58
|
+
}
|
|
59
|
+
})]
|
|
60
|
+
});
|
|
61
|
+
}
|
|
13
62
|
export function Stepper({
|
|
14
63
|
value,
|
|
15
64
|
defaultValue = 0,
|
|
16
65
|
min = 0,
|
|
17
66
|
max = 999,
|
|
18
67
|
step = 1,
|
|
68
|
+
variant = "input",
|
|
69
|
+
size = "md",
|
|
19
70
|
disabled = false,
|
|
71
|
+
glass = false,
|
|
72
|
+
haptic = true,
|
|
20
73
|
onValueChange,
|
|
21
74
|
decrementIcon,
|
|
22
75
|
incrementIcon,
|
|
@@ -27,15 +80,30 @@ export function Stepper({
|
|
|
27
80
|
colors,
|
|
28
81
|
components,
|
|
29
82
|
radii,
|
|
30
|
-
spacing
|
|
83
|
+
spacing,
|
|
84
|
+
isDark
|
|
31
85
|
} = useTheme();
|
|
32
86
|
const [internalValue, setInternalValue] = React.useState(defaultValue);
|
|
33
87
|
const currentValue = clampStepper(value ?? internalValue, min, max);
|
|
34
88
|
const setNextValue = nextValue => {
|
|
89
|
+
if (disabled) return;
|
|
35
90
|
const next = clampStepper(nextValue, min, max);
|
|
91
|
+
if (haptic) triggerHaptic("selection");
|
|
36
92
|
if (value === undefined) setInternalValue(next);
|
|
37
93
|
onValueChange?.(next);
|
|
38
94
|
};
|
|
95
|
+
const containerHeight = stepperHeights[size];
|
|
96
|
+
const padding = 4;
|
|
97
|
+
const buttonSize = containerHeight - padding * 2;
|
|
98
|
+
const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
|
|
99
|
+
const glassBg = isDark ? "rgba(15, 27, 45, 0.70)" : "rgba(255, 255, 255, 0.85)";
|
|
100
|
+
const containerBg = disabled ? withAlpha(colors.input, 0.55) : glass ? glassBg : variant === "soft" ? withAlpha(colors.primary, 0.08) : colors.input;
|
|
101
|
+
const borderColor = glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border;
|
|
102
|
+
|
|
103
|
+
// Concentric inner radius (Outer 16px - 4px padding = 12px inner)
|
|
104
|
+
const innerRadius = radii.md;
|
|
105
|
+
const canDecrement = !disabled && currentValue > min;
|
|
106
|
+
const canIncrement = !disabled && currentValue < max;
|
|
39
107
|
return /*#__PURE__*/_jsxs(View, {
|
|
40
108
|
accessibilityRole: "adjustable",
|
|
41
109
|
accessibilityValue: {
|
|
@@ -44,46 +112,73 @@ export function Stepper({
|
|
|
44
112
|
now: currentValue
|
|
45
113
|
},
|
|
46
114
|
style: [{
|
|
47
|
-
|
|
115
|
+
height: containerHeight,
|
|
116
|
+
minHeight: containerHeight,
|
|
48
117
|
flexDirection: "row",
|
|
49
118
|
alignItems: "center",
|
|
50
119
|
borderWidth: components.borderWidth.strong,
|
|
51
|
-
borderColor
|
|
120
|
+
borderColor,
|
|
52
121
|
borderRadius: radii.lg,
|
|
53
|
-
backgroundColor:
|
|
54
|
-
|
|
55
|
-
opacity: disabled ? 0.
|
|
122
|
+
backgroundColor: containerBg,
|
|
123
|
+
padding,
|
|
124
|
+
opacity: disabled ? 0.56 : 1
|
|
56
125
|
}, style],
|
|
57
126
|
...props,
|
|
58
|
-
children: [/*#__PURE__*/_jsx(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
shape: "square",
|
|
63
|
-
disabled: disabled || currentValue <= min,
|
|
127
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
128
|
+
accessibilityRole: "button",
|
|
129
|
+
accessibilityLabel: "Decrement stepper",
|
|
130
|
+
disabled: !canDecrement,
|
|
64
131
|
onPress: () => setNextValue(currentValue - step),
|
|
65
|
-
|
|
132
|
+
style: ({
|
|
133
|
+
pressed
|
|
134
|
+
}) => [{
|
|
135
|
+
width: buttonSize,
|
|
136
|
+
height: buttonSize,
|
|
137
|
+
borderRadius: innerRadius,
|
|
138
|
+
backgroundColor: pressed && canDecrement ? colors.backgroundMuted : canDecrement ? withAlpha(colors.secondary, 0.12) : colors.transparent,
|
|
139
|
+
alignItems: "center",
|
|
140
|
+
justifyContent: "center",
|
|
141
|
+
opacity: canDecrement ? pressed ? 0.8 : 1 : 0.4
|
|
142
|
+
}],
|
|
143
|
+
children: decrementIcon ? renderIcon(decrementIcon, canDecrement ? colors.text : colors.disabledText, iconSize) : /*#__PURE__*/_jsx(MinusIcon, {
|
|
144
|
+
color: canDecrement ? colors.text : colors.disabledText,
|
|
145
|
+
size: iconSize
|
|
146
|
+
})
|
|
66
147
|
}), /*#__PURE__*/_jsx(View, {
|
|
67
148
|
style: {
|
|
68
|
-
|
|
149
|
+
flex: 1,
|
|
69
150
|
alignItems: "center",
|
|
70
|
-
|
|
151
|
+
justifyContent: "center",
|
|
152
|
+
paddingHorizontal: spacing.xs
|
|
71
153
|
},
|
|
72
154
|
children: /*#__PURE__*/_jsx(Text, {
|
|
73
|
-
variant: "label",
|
|
155
|
+
variant: size === "sm" ? "bodySmall" : "label",
|
|
156
|
+
weight: "600",
|
|
74
157
|
style: {
|
|
75
158
|
fontVariant: ["tabular-nums"]
|
|
76
159
|
},
|
|
77
160
|
children: currentValue
|
|
78
161
|
})
|
|
79
|
-
}), /*#__PURE__*/_jsx(
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
shape: "square",
|
|
84
|
-
disabled: disabled || currentValue >= max,
|
|
162
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
163
|
+
accessibilityRole: "button",
|
|
164
|
+
accessibilityLabel: "Increment stepper",
|
|
165
|
+
disabled: !canIncrement,
|
|
85
166
|
onPress: () => setNextValue(currentValue + step),
|
|
86
|
-
|
|
167
|
+
style: ({
|
|
168
|
+
pressed
|
|
169
|
+
}) => [{
|
|
170
|
+
width: buttonSize,
|
|
171
|
+
height: buttonSize,
|
|
172
|
+
borderRadius: innerRadius,
|
|
173
|
+
backgroundColor: pressed && canIncrement ? colors.backgroundMuted : canIncrement ? withAlpha(colors.secondary, 0.12) : colors.transparent,
|
|
174
|
+
alignItems: "center",
|
|
175
|
+
justifyContent: "center",
|
|
176
|
+
opacity: canIncrement ? pressed ? 0.8 : 1 : 0.4
|
|
177
|
+
}],
|
|
178
|
+
children: incrementIcon ? renderIcon(incrementIcon, canIncrement ? colors.text : colors.disabledText, iconSize) : /*#__PURE__*/_jsx(PlusIcon, {
|
|
179
|
+
color: canIncrement ? colors.text : colors.disabledText,
|
|
180
|
+
size: iconSize
|
|
181
|
+
})
|
|
87
182
|
})]
|
|
88
183
|
});
|
|
89
184
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","useTheme","
|
|
1
|
+
{"version":3,"names":["React","Pressable","View","useTheme","withAlpha","triggerHaptic","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","stepperHeights","sm","md","lg","clampStepper","value","min","max","Math","MinusIcon","color","size","style","width","height","backgroundColor","borderRadius","PlusIcon","alignItems","justifyContent","children","position","Stepper","defaultValue","step","variant","disabled","glass","haptic","onValueChange","decrementIcon","incrementIcon","props","colors","components","radii","spacing","isDark","internalValue","setInternalValue","useState","currentValue","setNextValue","nextValue","next","undefined","containerHeight","padding","buttonSize","iconSize","glassBg","containerBg","input","primary","borderColor","border","innerRadius","canDecrement","canIncrement","accessibilityRole","accessibilityValue","now","minHeight","flexDirection","borderWidth","strong","opacity","accessibilityLabel","onPress","pressed","backgroundMuted","secondary","transparent","text","disabledText","flex","paddingHorizontal","xs","weight","fontVariant"],"sourceRoot":"../../../src","sources":["components/Stepper.tsx"],"mappings":"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","ignoreList":[]}
|