@webority/mobile-ui 0.103.0 → 0.104.1

package/dist/canvas-kit/manifest.json

@@ -2,7 +2,7 @@
   "kind": "WeborityPhone",
   "library": {
     "name": "@webority/mobile-ui",
-    "version": "0.103.0"
+    "version": "0.104.1"
   },
   "rendererProtocolVersion": 12,
   "platform": "Phone",
@@ -3957,6 +3957,15 @@
           "required": false,
           "description": "The lines the label may take before it truncates. Zero or unset means no limit."
         },
+        {
+          "name": "shape",
+          "type": "enum",
+          "enum": [
+            "circle"
+          ],
+          "required": false,
+          "description": "circle draws a round box with the tick inside, for a task that is completed. Omit it for the square box."
+        },
         {
           "name": "size",
           "type": "enum",
@@ -15510,6 +15519,147 @@
         ]
       }
     },
+    {
+      "name": "SortableList",
+      "marker": null,
+      "acceptsChildren": false,
+      "props": [
+        {
+          "name": "accessibilityLabel",
+          "type": "string",
+          "required": false,
+          "description": "Names the list for a screen reader."
+        },
+        {
+          "name": "data",
+          "type": "array",
+          "required": true,
+          "description": "The rows in their current order. Each row shows the app's own content."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "Turns reordering off: rows cannot be lifted or moved.",
+          "default": false
+        },
+        {
+          "name": "handle",
+          "type": "boolean",
+          "required": false,
+          "description": "Shows a drag handle on each row, and only the handle lifts it. Off, a long press on the row lifts it.",
+          "default": false
+        }
+      ],
+      "itemsTakeAction": [],
+      "takesAction": [],
+      "source": "@webority/mobile-ui",
+      "usage": {
+        "when": [
+          "A person orders their own list, such as tasks, playlists or a checklist, by dragging the rows.",
+          "The same order must also change without a drag, which the component exposes to screen readers as Move up and Move down."
+        ],
+        "whenNot": [
+          {
+            "text": "The order is set by the system, such as a date or a status, and the person cannot change it.",
+            "instead": "ListItem"
+          }
+        ],
+        "do": [
+          {
+            "note": "Keep it to a short list a person orders by hand, and reorder the parent state from the keys onReorder passes back.",
+            "example": [
+              {
+                "component": "SortableList",
+                "props": {
+                  "data": [
+                    "Pay the electricity bill",
+                    "Book the dentist"
+                  ],
+                  "accessibilityLabel": "Tasks"
+                }
+              }
+            ]
+          },
+          {
+            "note": "Place it on a screen that does not scroll, so a drag is never mistaken for a scroll.",
+            "example": [
+              {
+                "component": "Screen",
+                "props": {
+                  "title": "Tasks",
+                  "scroll": false
+                },
+                "children": [
+                  {
+                    "component": "SortableList",
+                    "props": {
+                      "data": [
+                        "Pay the electricity bill",
+                        "Book the dentist"
+                      ],
+                      "accessibilityLabel": "Tasks"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ],
+        "dont": [
+          {
+            "note": "Do not use it for a long list; it does not virtualise, so every row mounts at once. Use a FlatList and reorder on a dedicated screen.",
+            "example": [
+              {
+                "component": "SortableList",
+                "props": {
+                  "data": [
+                    "Row 1",
+                    "Row 2",
+                    "Row 3",
+                    "Row 4",
+                    "Row 5",
+                    "Row 6",
+                    "Row 7",
+                    "Row 8",
+                    "Row 9",
+                    "Row 10"
+                  ],
+                  "accessibilityLabel": "Every task this year"
+                }
+              }
+            ]
+          },
+          {
+            "note": "Do not place it on a scrolling screen; the drag and the scroll then fight over the same gesture.",
+            "example": [
+              {
+                "component": "Screen",
+                "props": {
+                  "title": "Tasks"
+                },
+                "children": [
+                  {
+                    "component": "SortableList",
+                    "props": {
+                      "data": [
+                        "Pay the electricity bill",
+                        "Book the dentist"
+                      ],
+                      "accessibilityLabel": "Tasks"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ],
+        "a11y": [
+          "Each row offers Move up and Move down as screen reader actions, so a drag is never the only way to reorder.",
+          "Set accessibilityLabel so the list is named when a screen reader focuses it."
+        ]
+      }
+    },
     {
       "name": "Spacer",
       "marker": null,

package/dist/canvas-kit/release.json

@@ -1,21 +1,21 @@
 {
   "name": "webority-phone",
-  "version": "0.103.0",
+  "version": "0.104.1",
   "platform": "Phone",
   "kitModuleVersion": 2,
   "rendererProtocolVersion": 12,
   "library": {
     "name": "@webority/mobile-ui",
-    "version": "0.103.0"
+    "version": "0.104.1"
   },
   "files": {
     "manifest.json": {
-      "sha256": "271f7cb6783b6d2568949e52091eed3d2afee1c1df14bec59aa8c8e063ceaad2",
-      "bytes": 613608
+      "sha256": "a2121a32b2db7235d543d02862e637597b6a329185057fd5da515d1f225f326c",
+      "bytes": 618503
     },
     "kit.js": {
-      "sha256": "73d581ed053fba5559fc8d70cd98ca89e91695050ed14ea45b4b65d664c57b8a",
-      "bytes": 5916972
+      "sha256": "a1069a8c219a5af38dc0217c410612b7d72289b2335f53aa0bd4cb5b6932f56b",
+      "bytes": 5926288
     },
     "kit.css": {
       "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,i,s=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=s&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?s(a,i,r):a[i]=e[i]);return a}const toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},toneOnColor=(e,t)=>{switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}},Checkbox=exports.Checkbox=(0,_react.forwardRef)((e,t)=>{const{checked:r,defaultChecked:i,onChange:s,indeterminate:a=!1,disabled:o=!1,label:n,description:l,error:c,help:d,labelLines:u,size:h="md",tone:p="primary",accessibilityLabel:x,haptic:_,style:b,boxStyle:m,indeterminateBarStyle:f,containerStyle:g,labelStyle:y,testID:j,hitSlop:v,...w}=e,[C,k]=(0,_index.useControllableState)({value:r,defaultValue:i??!1,onChange:s}),S=(0,_index2.useTheme)(),R=(0,_react.useMemo)(()=>buildStyles(S),[S]),{"box-size":T}=(0,_react.useMemo)(()=>(0,_index2.resolveCheckboxSize)(S,h),[S,h]),N=S.size.border,q=(0,_index2.spaceOf)(S,S.components.checkbox["label-gap"]),F=toneColor(S,p),M=v??6,B=C||a,L=(0,_react.useRef)((0,_index2.createAnimatedValue)(B?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(L,{toValue:B?1:0,damping:S.motion.spring.snappy.damping,stiffness:S.motion.spring.snappy.stiffness,mass:S.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[B,L,S.motion.spring.snappy]);const O=L.interpolate({inputRange:[0,1],outputRange:[0,1]}),D=x??(0,_FieldBase.fieldTextAsString)(n),P=!0===c||(0,_FieldBase.hasFieldText)(c),V=B?F:o?S.colors.border:P?S.colors["field-border-error"]:S.colors.border,W=B?F:o?S.colors["surface-disabled"]:"transparent",I=o&&!B?S.colors["text-disabled"]:toneOnColor(S,p),A=Math.round(.72*T),z=Math.round(.55*T),H=Math.max(2,Math.round(.12*T)),U=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:e=>{if(o)return;const t=(0,_hapticUtils.resolveHaptic)(_,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),k(!C),w.onPressOut?.(e)},disabled:o,accessibilityRole:"checkbox",accessibilityLabel:D,accessibilityHint:w.accessibilityHint??(0,_FieldBase.fieldTextAsString)(l),accessibilityState:{checked:a?"mixed":C,disabled:o},"aria-checked":a?"mixed":C,"aria-disabled":o,testID:j,hitSlop:M,...(0,_hitSlop.hitSlopMarker)(M),...w,style:({pressed:e})=>[R.row,(0,_ChoiceText.hasChoiceDetail)(l,c)?R.rowTop:null,(0,_FieldBase.hasFieldText)(d)?R.rowShrink:null,{opacity:o?.55:e?.85:1},g,b],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[R.box,{width:T,height:T,borderWidth:N,borderRadius:S.radius.sm,..._corners.smoothCorners,borderColor:V,backgroundColor:W},m],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[R.glyphWrap,{opacity:L,transform:[{scale:O}]}],children:a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:z,height:H,borderRadius:S.radius.pill,..._corners.smoothCorners,backgroundColor:I},f]}):(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:A,height:A,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:I,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:n,description:l,error:c,disabled:o,labelLines:u||void 0,descriptionLines:u||void 0,style:{marginLeft:q},labelStyle:y})]});return(0,_FieldBase.hasFieldText)(d)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[R.helpRow,(0,_ChoiceText.hasChoiceDetail)(l,c)?R.rowTop:null],children:[U,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[R.help,{marginLeft:S.space.xs}],children:d})]}):U});Checkbox.displayName="Checkbox";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Checkbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,s=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((t=s&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?s(a,i,t):a[i]=e[i]);return a}const CHECKBOX_SHAPES=["circle"],toneColor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},toneOnColor=(e,r)=>{switch(r){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}},Checkbox=exports.Checkbox=(0,_react.forwardRef)((e,r)=>{const{checked:t,defaultChecked:i,onChange:s,indeterminate:a=!1,disabled:o=!1,label:n,description:l,error:c,help:d,labelLines:u,size:h="md",tone:p="primary",shape:x,accessibilityLabel:_,haptic:b,style:m,boxStyle:f,indeterminateBarStyle:g,containerStyle:y,labelStyle:j,testID:v,hitSlop:C,...w}=e,[S,k]=(0,_index.useControllableState)({value:t,defaultValue:i??!1,onChange:s}),R=(0,_index2.useTheme)(),T=(0,_react.useMemo)(()=>buildStyles(R),[R]),{"box-size":q}=(0,_react.useMemo)(()=>(0,_index2.resolveCheckboxSize)(R,h),[R,h]),N=R.size.border,B=(0,_index2.spaceOf)(R,R.components.checkbox["label-gap"]),F=toneColor(R,p),M=C??6;(0,_warnInvalidValue.warnInvalidValue)("Checkbox","shape",x,CHECKBOX_SHAPES);const O="circle"===x,V=S||a,I=(0,_react.useRef)((0,_index2.createAnimatedValue)(V?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(I,{toValue:V?1:0,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[V,I,R.motion.spring.snappy]);const L=I.interpolate({inputRange:[0,1],outputRange:[0,1]}),P=_??(0,_FieldBase.fieldTextAsString)(n),D=!0===c||(0,_FieldBase.hasFieldText)(c),H=V?F:o?R.colors.border:D?R.colors["field-border-error"]:R.colors.border,W=V?F:o?R.colors["surface-disabled"]:"transparent",A=o&&!V?R.colors["text-disabled"]:toneOnColor(R,p),E=Math.round(.72*q),z=Math.round(.55*q),U=Math.max(2,Math.round(.12*q)),K=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:r,onPress:e=>{if(o)return;const r=(0,_hapticUtils.resolveHaptic)(b,"selection");r&&(0,_hapticUtils.triggerHaptic)(r),k(!S),w.onPressOut?.(e)},disabled:o,accessibilityRole:"checkbox",accessibilityLabel:P,accessibilityHint:w.accessibilityHint??(0,_FieldBase.fieldTextAsString)(l),accessibilityState:{checked:a?"mixed":S,disabled:o},"aria-checked":a?"mixed":S,"aria-disabled":o,testID:v,hitSlop:M,...(0,_hitSlop.hitSlopMarker)(M),...w,style:({pressed:e})=>[T.row,(0,_ChoiceText.hasChoiceDetail)(l,c)?T.rowTop:null,(0,_FieldBase.hasFieldText)(d)?T.rowShrink:null,{opacity:o?.55:e?.85:1},y,m],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.box,{width:q,height:q,borderWidth:N,borderRadius:O?q/2:R.radius.sm,...O?{}:_corners.smoothCorners,borderColor:H,backgroundColor:W},f],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[T.glyphWrap,{opacity:I,transform:[{scale:L}]}],children:a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:z,height:U,borderRadius:R.radius.pill,..._corners.smoothCorners,backgroundColor:A},g]}):(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:E,height:E,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:A,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:n,description:l,error:c,disabled:o,labelLines:u||void 0,descriptionLines:u||void 0,style:{marginLeft:B},labelStyle:j})]});return(0,_FieldBase.hasFieldText)(d)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.helpRow,(0,_ChoiceText.hasChoiceDetail)(l,c)?T.rowTop:null],children:[K,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.help,{marginLeft:R.space.xs}],children:d})]}):K});Checkbox.displayName="Checkbox";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Checkbox;

package/lib/commonjs/components/Checkbox/Checkbox.meta.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Checkbox",marker:null,platforms:["phone"],acceptsChildren:!1,props:{checked:{type:"boolean",description:"Whether the box is checked, when the screen controls it."},defaultChecked:{type:"boolean",description:"Whether the box starts checked, when the checkbox keeps its own state."},indeterminate:{type:"boolean",default:!1,description:"Draws the mixed state, such as a select all box with some rows chosen."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the checkbox."},label:{type:"node",description:"The text beside the box. A node label needs an accessibility label."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label. It also draws the box in the error colour; true shows the error state without a message."},help:{type:"node",description:"A node beside the label, such as an info button. It is not part of the checkbox and does not toggle it."},labelLines:{type:"number",description:"The lines the label may take before it truncates. Zero or unset means no limit."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the box."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the checked box."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name by a screen reader."},accessibilityLabel:{type:"string",description:"The accessible name of the checkbox. Needed when the label is a node."}},omit:["haptic","hitSlop","id","needsOffscreenAlphaCompositing","pointerEvents","removeClippedSubviews","nativeID","collapsable","collapsableChildren","renderToHardwareTextureAndroid","focusable","tabIndex","shouldRasterizeIOS","isTVSelectable","hasTVPreferredFocus","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle","tvParallaxMagnification","accessible","accessibilityActions","aria-label","accessibilityRole","accessibilityState","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-selected","accessibilityValue","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","importantForAccessibility","aria-hidden","aria-modal","role","accessibilityLabelledBy","aria-labelledby","accessibilityLiveRegion","aria-live","screenReaderFocusable","accessibilityElementsHidden","accessibilityViewIsModal","accessibilityIgnoresInvertColors","accessibilityLanguage","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","accessibilityRespondsToUserInteraction","cancelable","delayHoverIn","delayHoverOut","delayLongPress","pressRetentionOffset","android_disableSound","android_ripple","testOnly_pressed","unstable_pressDelay"],examples:[{id:"Checkbox.checked",title:"Checked",props:{checked:!0,label:"Email me a receipt"}},{id:"Checkbox.description",title:"With a description",props:{checked:!1,label:"Subscribe to updates",description:"A monthly summary, no more."}},{id:"Checkbox.error",title:"Error",props:{checked:!1,label:"I accept the terms",error:"You must accept the terms to continue."}},{id:"Checkbox.indeterminate",title:"Mixed state",props:{indeterminate:!0,label:"Select all",size:"lg"}}],usage:{when:["The person picks any number of options from a list.","A single yes or no needs to be saved with a form, such as accepting terms.","A parent box should show that only some of its rows are chosen."],whenNot:[{text:"The person picks exactly one option.",instead:"Radio"},{text:"The setting takes effect at once when changed.",instead:"Switch"}],do:[{note:"Write the label so a checked box reads as a true statement.",example:[{component:"Checkbox",props:{checked:!0,label:"Email me a receipt"}}]}],dont:[{note:"Do not leave a checkbox with no label. The person cannot tell what it controls.",example:[{component:"Checkbox",props:{checked:!1}}]}],a11y:["A node label needs an accessibility label, which becomes the screen reader name.","Pressing the help node beside the label does not toggle the checkbox."]}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Checkbox",marker:null,platforms:["phone"],acceptsChildren:!1,props:{checked:{type:"boolean",description:"Whether the box is checked, when the screen controls it."},defaultChecked:{type:"boolean",description:"Whether the box starts checked, when the checkbox keeps its own state."},indeterminate:{type:"boolean",default:!1,description:"Draws the mixed state, such as a select all box with some rows chosen."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the checkbox."},label:{type:"node",description:"The text beside the box. A node label needs an accessibility label."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label. It also draws the box in the error colour; true shows the error state without a message."},help:{type:"node",description:"A node beside the label, such as an info button. It is not part of the checkbox and does not toggle it."},labelLines:{type:"number",description:"The lines the label may take before it truncates. Zero or unset means no limit."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the box."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the checked box."},shape:{type:"enum",values:["circle"],description:"circle draws a round box with the tick inside, for a task that is completed. Omit it for the square box."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name by a screen reader."},accessibilityLabel:{type:"string",description:"The accessible name of the checkbox. Needed when the label is a node."}},omit:["haptic","hitSlop","id","needsOffscreenAlphaCompositing","pointerEvents","removeClippedSubviews","nativeID","collapsable","collapsableChildren","renderToHardwareTextureAndroid","focusable","tabIndex","shouldRasterizeIOS","isTVSelectable","hasTVPreferredFocus","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle","tvParallaxMagnification","accessible","accessibilityActions","aria-label","accessibilityRole","accessibilityState","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-selected","accessibilityValue","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","importantForAccessibility","aria-hidden","aria-modal","role","accessibilityLabelledBy","aria-labelledby","accessibilityLiveRegion","aria-live","screenReaderFocusable","accessibilityElementsHidden","accessibilityViewIsModal","accessibilityIgnoresInvertColors","accessibilityLanguage","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","accessibilityRespondsToUserInteraction","cancelable","delayHoverIn","delayHoverOut","delayLongPress","pressRetentionOffset","android_disableSound","android_ripple","testOnly_pressed","unstable_pressDelay"],examples:[{id:"Checkbox.checked",title:"Checked",props:{checked:!0,label:"Email me a receipt"}},{id:"Checkbox.circle",title:"Round (task completion)",props:{checked:!0,label:"Ship the report",shape:"circle"}},{id:"Checkbox.description",title:"With a description",props:{checked:!1,label:"Subscribe to updates",description:"A monthly summary, no more."}},{id:"Checkbox.error",title:"Error",props:{checked:!1,label:"I accept the terms",error:"You must accept the terms to continue."}},{id:"Checkbox.indeterminate",title:"Mixed state",props:{indeterminate:!0,label:"Select all",size:"lg"}}],usage:{when:["The person picks any number of options from a list.","A single yes or no needs to be saved with a form, such as accepting terms.","A parent box should show that only some of its rows are chosen."],whenNot:[{text:"The person picks exactly one option.",instead:"Radio"},{text:"The setting takes effect at once when changed.",instead:"Switch"}],do:[{note:"Write the label so a checked box reads as a true statement.",example:[{component:"Checkbox",props:{checked:!0,label:"Email me a receipt"}}]}],dont:[{note:"Do not leave a checkbox with no label. The person cannot tell what it controls.",example:[{component:"Checkbox",props:{checked:!1}}]}],a11y:["A node label needs an accessibility label, which becomes the screen reader name.","Pressing the help node beside the label does not toggle the checkbox."]}});

package/lib/commonjs/components/SortableList/SortableList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SortableList=SortableList,exports.default=void 0,exports.dropIndex=dropIndex,exports.moveItem=moveItem,exports.rowShifts=rowShifts,exports.slotTop=slotTop,exports.topOf=topOf;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(i,r,a):i[r]=e[r]);return i}const LONG_PRESS_MS=350,EDGE_PX=48,SCROLL_STEP_PX=12,SPRING_CONFIG={damping:22,stiffness:260,mass:1},ACTION_STEP={moveUp:-1,moveDown:1};function moveItem(e,t,a){const r=e.slice();if(t<0||t>=r.length)return r;const[n]=r.splice(t,1);return r.splice(a,0,n),r}function topOf(e,t){"worklet";let a=0;for(let r=0;r<t;r++)a+=e[r]??0;return a}function slotTop(e,t,a){"worklet";let r=0,n=0;for(let i=0;i<e.length&&n<a;i++)i!==t&&(r+=e[i]??0,n++);return r}function dropIndex(e,t,a){"worklet";const r=topOf(e,t)+(e[t]??0)/2+a;let n=0,i=0;for(let a=0;a<e.length;a++){const l=e[a]??0;a!==t&&i+l/2<r&&n++,i+=l}return n}function rowShifts(e,t,a){const r=[];let n=0;for(const t of e)r.push(n),n+=t;const i=e.map(()=>0),l=moveItem(e.map((e,t)=>t),t,a);let s=0;for(const t of l)i[t]=s-(r[t]??0),s+=e[t]??0;return i}const buildStyles=e=>_reactNative.StyleSheet.create({handleRow:{flexDirection:"row",alignItems:"center"},handle:{paddingHorizontal:e.space.sm,paddingVertical:e.space.md,gap:e.space.xxs},bar:{width:e.space.md,height:e.space.xxs,backgroundColor:e.colors["text-muted"]},body:{flex:1}});function SortableRow({rowKey:e,index:t,count:a,shift:r,isActive:n,dragging:i,handle:l,disabled:s,shared:o,callbacks:c,children:u}){const d=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>buildStyles(d),[d]),_=(0,_reactNativeReanimated.useSharedValue)(0);(0,_react.useEffect)(()=>{_.value=i&&!n?(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG):r},[i,n,r,_]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(_)},[_]);const m=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateY:n?o.dragY.value:_.value}],zIndex:n?1:0})),f=(0,_react.useMemo)(()=>{const{dragIndex:e,dropTo:a,dragY:r,translation:n,absoluteY:i,scrollY:u,scrollStart:d,heights:v}=o,{onLift:_,onDrop:m,onSettled:f}=c,h=_reactNativeGestureHandler.Gesture.Pan().enabled(!s).onStart(()=>{"worklet";e.value=t,a.value=t,d.value=u.value,n.value=0,r.value=0,(0,_reactNativeReanimated.runOnJS)(_)(t)}).onUpdate(a=>{"worklet";e.value===t&&(n.value=a.translationY,i.value=a.absoluteY)}).onFinalize(()=>{"worklet";if(e.value!==t)return;const n=a.value,i=v.value;e.value=-1,r.value=topOf(i,t)+r.value-slotTop(i,t,n),r.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG,e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(f)()}),(0,_reactNativeReanimated.runOnJS)(m)(t,n)});return l?h:h.activateAfterLongPress(350)},[s,l,t,c,o]),h=s?[]:[...t>0?[{name:"moveUp",label:"Move up"}]:[],...t<a-1?[{name:"moveDown",label:"Move down"}]:[]];return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:m,onLayout:t=>c.onHeight(e,t.nativeEvent.layout.height),accessibilityActions:h,onAccessibilityAction:e=>{if(s)return;const r=t+(ACTION_STEP[e.nativeEvent.actionName]??0);r!==t&&r>=0&&r<a&&c.onMove(t,r)},testID:`sortable-row-${e}`,children:l?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handleRow,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:f,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handle,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.body,children:u})]}):(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:f,children:(0,_jsxRuntime.jsx)(_reactNative.View,{children:u})})})}function SortableList(e){const{data:t,keyExtractor:a,renderItem:r,onReorder:n,handle:i=!1,disabled:l=!1,accessibilityLabel:s,testID:o}=e,c=(0,_react.useMemo)(()=>t.map((e,t)=>({key:a(e,t),item:e})),[t,a]),u=(0,_react.useMemo)(()=>c.map(e=>e.key),[c]),d=(0,_reactNativeReanimated.useAnimatedRef)(),v=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),m=(0,_reactNativeReanimated.useSharedValue)(0),f=(0,_reactNativeReanimated.useSharedValue)(0),h=(0,_reactNativeReanimated.useSharedValue)(-1),p=(0,_reactNativeReanimated.useSharedValue)(-1),x=(0,_reactNativeReanimated.useSharedValue)(0),g=(0,_reactNativeReanimated.useSharedValue)([]),R=(0,_react.useRef)(new Map),S=(0,_react.useRef)(u),[N,b]=(0,_react.useState)(null),w=(0,_react.useCallback)(()=>{g.value=S.current.map(e=>R.current.get(e)??0)},[g]);(0,_react.useEffect)(()=>{S.current=u,w()},[u,w]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(x)},[x]);const y=(0,_react.useCallback)(e=>{b(t=>t?.dragging?{...t,to:e}:t)},[]),j=(0,_reactNativeReanimated.useFrameCallback)(()=>{"worklet";const e=h.value;if(e<0)return;const t=(0,_reactNativeReanimated.measure)(d);t&&(f.value<t.pageY+EDGE_PX?(0,_reactNativeReanimated.scrollTo)(d,0,Math.max(0,v.value-SCROLL_STEP_PX),!1):f.value>t.pageY+t.height-EDGE_PX&&(0,_reactNativeReanimated.scrollTo)(d,0,v.value+SCROLL_STEP_PX,!1)),x.value=m.value+v.value-_.value;const a=dropIndex(g.value,e,x.value);a!==p.value&&(p.value=a,(0,_reactNativeReanimated.runOnJS)(y)(a))},!1),k=(0,_react.useCallback)(e=>{(0,_index2.triggerHaptic)("longPress"),j.setActive(!0),b({key:u[e]??"",from:e,to:e,dragging:!0})},[j,u]),I=(0,_react.useCallback)((e,t)=>{j.setActive(!1),b(e=>e?{...e,to:t,dragging:!1}:e),t!==e&&n(moveItem(u,e,t))},[j,u,n]),O=(0,_react.useCallback)(()=>{b(e=>e&&!e.dragging?null:e)},[]),P=(0,_react.useCallback)((e,t)=>{n(moveItem(u,e,t))},[u,n]),E=(0,_react.useCallback)((e,t)=>{R.current.set(e,t),w()},[w]),L=(0,_reactNativeReanimated.useAnimatedScrollHandler)({onScroll:e=>{"worklet";v.value=e.contentOffset.y}}),V=(0,_react.useMemo)(()=>({scrollRef:d,scrollY:v,scrollStart:_,translation:m,absoluteY:f,dragIndex:h,dropTo:p,dragY:x,heights:g}),[d,v,_,m,f,h,p,x,g]),C=(0,_react.useMemo)(()=>({onLift:k,onDrop:I,onSettled:O,onMove:P,onHeight:E}),[k,I,O,P,E]),G=!0===N?.dragging,M=G&&N?rowShifts(u.map(e=>R.current.get(e)??0),N.from,N.to):null;return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView,{ref:d,onScroll:L,scrollEventThrottle:16,scrollEnabled:!G,accessibilityLabel:s,testID:o,children:c.map((e,t)=>{const a=N?.key===e.key;return(0,_jsxRuntime.jsx)(SortableRow,{rowKey:e.key,index:t,count:c.length,shift:M?.[t]??0,isActive:a,dragging:G,handle:i,disabled:l,shared:V,callbacks:C,children:r({item:e.item,index:t,isActive:a})},e.key)})})}SortableList.displayName="SortableList";var _default=exports.default=SortableList;

package/lib/commonjs/components/SortableList/SortableList.meta.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"SortableList",marker:null,platforms:["phone"],acceptsChildren:!1,props:{data:{type:"array",required:!0,description:"The rows in their current order. Each row shows the app's own content."},handle:{type:"boolean",default:!1,description:"Shows a drag handle on each row, and only the handle lifts it. Off, a long press on the row lifts it."},disabled:{type:"boolean",default:!1,description:"Turns reordering off: rows cannot be lifted or moved."},accessibilityLabel:{type:"string",description:"Names the list for a screen reader."}},omit:[],examples:[{id:"SortableList.basic",title:"Basic",props:{data:["Pay the electricity bill","Book the dentist","Renew the car insurance"],accessibilityLabel:"Tasks"}},{id:"SortableList.handle",title:"Drag handle",props:{data:["Pay the electricity bill","Book the dentist","Renew the car insurance"],handle:!0,accessibilityLabel:"Tasks"}},{id:"SortableList.disabled",title:"Disabled",props:{data:["Pay the electricity bill","Book the dentist"],disabled:!0,accessibilityLabel:"Tasks"}}],usage:{when:["A person orders their own list, such as tasks, playlists or a checklist, by dragging the rows.","The same order must also change without a drag, which the component exposes to screen readers as Move up and Move down."],whenNot:[{text:"The order is set by the system, such as a date or a status, and the person cannot change it.",instead:"ListItem"}],do:[{note:"Keep it to a short list a person orders by hand, and reorder the parent state from the keys onReorder passes back.",example:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]},{note:"Place it on a screen that does not scroll, so a drag is never mistaken for a scroll.",example:[{component:"Screen",props:{title:"Tasks",scroll:!1},children:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]}]}],dont:[{note:"Do not use it for a long list; it does not virtualise, so every row mounts at once. Use a FlatList and reorder on a dedicated screen.",example:[{component:"SortableList",props:{data:["Row 1","Row 2","Row 3","Row 4","Row 5","Row 6","Row 7","Row 8","Row 9","Row 10"],accessibilityLabel:"Every task this year"}}]},{note:"Do not place it on a scrolling screen; the drag and the scroll then fight over the same gesture.",example:[{component:"Screen",props:{title:"Tasks"},children:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]}]}],a11y:["Each row offers Move up and Move down as screen reader actions, so a drag is never the only way to reorder.","Set accessibilityLabel so the list is named when a screen reader focuses it."]}});

package/lib/commonjs/components/SortableList/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SortableList",{enumerable:!0,get:function(){return _SortableList.SortableList}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SortableList.default}});var cache,_SortableList=_interopRequireWildcard(require("./SortableList.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=c&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?c(i,a,r):i[a]=e[a]);return i}

package/lib/commonjs/components/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _index59.ALL_CALLING_CODES}}),Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return _index.Accordion}}),Object.defineProperty(exports,"AccordionGroup",{enumerable:!0,get:function(){return _index.AccordionGroup}}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _index2.AmountSlider}}),Object.defineProperty(exports,"AnimatePresence",{enumerable:!0,get:function(){return _index3.AnimatePresence}}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _index4.AppBar}}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _index5.AsyncBlock}}),Object.defineProperty(exports,"AuthedImage",{enumerable:!0,get:function(){return _index6.AuthedImage}}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _index7.Autocomplete}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _index8.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _index8.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _index9.Badge}}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _index0.Banner}}),Object.defineProperty(exports,"BarChart",{enumerable:!0,get:function(){return _index1.BarChart}}),Object.defineProperty(exports,"BottomNavigation",{enumerable:!0,get:function(){return _index10.BottomNavigation}}),Object.defineProperty(exports,"BottomSheet",{enumerable:!0,get:function(){return _index11.BottomSheet}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return _index12.Box}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _index13.Button}}),Object.defineProperty(exports,"Calendar",{enumerable:!0,get:function(){return _index14.Calendar}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _index15.Card}}),Object.defineProperty(exports,"Carousel",{enumerable:!0,get:function(){return _index16.Carousel}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _index17.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return _index18.Chip}}),Object.defineProperty(exports,"ChoiceGroup",{enumerable:!0,get:function(){return _index19.ChoiceGroup}}),Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return _index20.Composer}}),Object.defineProperty(exports,"Confetti",{enumerable:!0,get:function(){return _index21.Confetti}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _index59.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"DEFAULT_DATE_SEPARATOR_LABELS",{enumerable:!0,get:function(){return _index24.DEFAULT_DATE_SEPARATOR_LABELS}}),Object.defineProperty(exports,"DEFAULT_MESSAGE_BUBBLE_LABELS",{enumerable:!0,get:function(){return _index49.DEFAULT_MESSAGE_BUBBLE_LABELS}}),Object.defineProperty(exports,"DEFAULT_MESSAGE_LIST_LABELS",{enumerable:!0,get:function(){return _index50.DEFAULT_MESSAGE_LIST_LABELS}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return _index22.DatePicker}}),Object.defineProperty(exports,"DateRangePicker",{enumerable:!0,get:function(){return _index23.DateRangePicker}}),Object.defineProperty(exports,"DateSeparator",{enumerable:!0,get:function(){return _index24.DateSeparator}}),Object.defineProperty(exports,"DecimalInput",{enumerable:!0,get:function(){return _index25.DecimalInput}}),Object.defineProperty(exports,"Descriptions",{enumerable:!0,get:function(){return _index26.Descriptions}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return _index27.Dialog}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return _index28.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return _index29.Drawer}}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return _index30.EmptyState}}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _index31.ErrorBoundary}}),Object.defineProperty(exports,"FilePicker",{enumerable:!0,get:function(){return _index32.FilePicker}}),Object.defineProperty(exports,"FileViewer",{enumerable:!0,get:function(){return _index33.FileViewer}}),Object.defineProperty(exports,"FilterChipRow",{enumerable:!0,get:function(){return _index34.FilterChipRow}}),Object.defineProperty(exports,"FloatingActionButton",{enumerable:!0,get:function(){return _index35.FloatingActionButton}}),Object.defineProperty(exports,"FloatingActionButtonGroup",{enumerable:!0,get:function(){return _index35.FloatingActionButtonGroup}}),Object.defineProperty(exports,"ForceUpdateDialog",{enumerable:!0,get:function(){return _index36.ForceUpdateDialog}}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return _index37.FormField}}),Object.defineProperty(exports,"IconBadge",{enumerable:!0,get:function(){return _index38.IconBadge}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return _index39.IconButton}}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _index40.ImageGallery}}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _index41.InlineSelect}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _index42.Input}}),Object.defineProperty(exports,"KeyboardAwareScrollView",{enumerable:!0,get:function(){return _index43.KeyboardAwareScrollView}}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _index44.KeyboardToolbar}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return _index45.ListItem}}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _index46.LoaderOverlay}}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _index51.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return _index47.Markdown}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return _index48.Menu}}),Object.defineProperty(exports,"MessageBubble",{enumerable:!0,get:function(){return _index49.MessageBubble}}),Object.defineProperty(exports,"MessageList",{enumerable:!0,get:function(){return _index50.MessageList}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _index51.Modal}}),Object.defineProperty(exports,"Notation",{enumerable:!0,get:function(){return _index52.Notation}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _index53.NumberInput}}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _index56.OTPInput}}),Object.defineProperty(exports,"OnboardingPager",{enumerable:!0,get:function(){return _index54.OnboardingPager}}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _index55.OptionSheet}}),Object.defineProperty(exports,"PaymentResult",{enumerable:!0,get:function(){return _index57.PaymentResult}}),Object.defineProperty(exports,"PermissionPrompt",{enumerable:!0,get:function(){return _index58.PermissionPrompt}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _index59.PhoneNumberInput}}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _index60.PickerTrigger}}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _index61.ProfileCompletion}}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _index62.ProfilePicker}}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _index63.ProgressBar}}),Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return _index64.ProgressRing}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _index65.Radio}}),Object.defineProperty(exports,"RadioDot",{enumerable:!0,get:function(){return _index65.RadioDot}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _index65.RadioGroup}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function(){return _index66.Rating}}),Object.defineProperty(exports,"Repeater",{enumerable:!0,get:function(){return _index67.Repeater}}),Object.defineProperty(exports,"RichTextEditor",{enumerable:!0,get:function(){return _index68.RichTextEditor}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return _index12.Row}}),Object.defineProperty(exports,"ScannerOverlay",{enumerable:!0,get:function(){return _index69.ScannerOverlay}}),Object.defineProperty(exports,"Screen",{enumerable:!0,get:function(){return _index70.Screen}}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _index71.SearchBar}}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _index72.SectionHeader}}),Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return _index73.SegmentedControl}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _index74.Select}}),Object.defineProperty(exports,"SignaturePad",{enumerable:!0,get:function(){return _index75.SignaturePad}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _index76.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _index76.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _index76.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _index76.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _index76.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _index76.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _index76.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _index76.SkeletonText}}),Object.defineProperty(exports,"SlideToConfirm",{enumerable:!0,get:function(){return _index79.SlideToConfirm}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return _index77.Slider}}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _index78.SliderField}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return _index12.Spacer}}),Object.defineProperty(exports,"Sparkline",{enumerable:!0,get:function(){return _index80.Sparkline}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _index81.Spinner}}),Object.defineProperty(exports,"SquircleView",{enumerable:!0,get:function(){return _index82.SquircleView}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return _index12.Stack}}),Object.defineProperty(exports,"StatTile",{enumerable:!0,get:function(){return _index83.StatTile}}),Object.defineProperty(exports,"StatusBadge",{enumerable:!0,get:function(){return _index84.StatusBadge}}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _index85.Stepper}}),Object.defineProperty(exports,"Swipeable",{enumerable:!0,get:function(){return _index86.Swipeable}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _index87.Switch}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return _index88.Tabs}}),Object.defineProperty(exports,"TagInput",{enumerable:!0,get:function(){return _index89.TagInput}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return _index90.Text}}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _index92.TimePicker}}),Object.defineProperty(exports,"Timeline",{enumerable:!0,get:function(){return _index91.Timeline}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _index93.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _index93.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _index93.ToastProvider}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _index94.Tooltip}}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _index95.Tour}}),Object.defineProperty(exports,"TypingIndicator",{enumerable:!0,get:function(){return _index96.TypingIndicator}}),Object.defineProperty(exports,"WheelPicker",{enumerable:!0,get:function(){return _index97.WheelPicker}}),Object.defineProperty(exports,"ZoomableImage",{enumerable:!0,get:function(){return _index98.ZoomableImage}}),Object.defineProperty(exports,"applyMarkdownAction",{enumerable:!0,get:function(){return _index68.applyMarkdownAction}}),Object.defineProperty(exports,"authedImageCacheStats",{enumerable:!0,get:function(){return _index6.authedImageCacheStats}}),Object.defineProperty(exports,"buttonLabelInk",{enumerable:!0,get:function(){return _index13.buttonLabelInk}}),Object.defineProperty(exports,"cleanDecimalText",{enumerable:!0,get:function(){return _index25.cleanDecimalText}}),Object.defineProperty(exports,"clearAuthedImageCache",{enumerable:!0,get:function(){return _index6.clearAuthedImageCache}}),Object.defineProperty(exports,"dayLabel",{enumerable:!0,get:function(){return _index24.dayLabel}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _index59.formatE164}}),Object.defineProperty(exports,"formatFileSize",{enumerable:!0,get:function(){return _index32.formatFileSize}}),Object.defineProperty(exports,"getAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.getAuthedImageCacheLimit}}),Object.defineProperty(exports,"isUnclearDecimalComma",{enumerable:!0,get:function(){return _index25.isUnclearDecimalComma}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _index46.loader}}),Object.defineProperty(exports,"parseDecimalText",{enumerable:!0,get:function(){return _index25.parseDecimalText}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _index59.parseE164}}),Object.defineProperty(exports,"parseNotation",{enumerable:!0,get:function(){return _index52.parseNotation}}),Object.defineProperty(exports,"pointDecimalText",{enumerable:!0,get:function(){return _index25.pointDecimalText}}),Object.defineProperty(exports,"setAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.setAuthedImageCacheLimit}}),Object.defineProperty(exports,"sym",{enumerable:!0,get:function(){return _index52.sym}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _index93.toast}}),Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return _index11.useBottomSheet}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _index31.useErrorHandler}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _index46.useLoader}}),Object.defineProperty(exports,"usePermissionPrompt",{enumerable:!0,get:function(){return _index58.usePermissionPrompt}}),Object.defineProperty(exports,"useRecentSearches",{enumerable:!0,get:function(){return _index71.useRecentSearches}}),Object.defineProperty(exports,"useSheetSwap",{enumerable:!0,get:function(){return _index11.useSheetSwap}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _index76.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _index76.useSkeletonDefaults}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _index93.useToast}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _index31.withErrorBoundary}});var _index=require("./Accordion/index.js"),_index2=require("./AmountSlider/index.js"),_index3=require("./AnimatePresence/index.js"),_index4=require("./AppBar/index.js"),_index5=require("./AsyncBlock/index.js"),_index6=require("./AuthedImage/index.js"),_index7=require("./Autocomplete/index.js"),_index8=require("./Avatar/index.js"),_index9=require("./Badge/index.js"),_index0=require("./Banner/index.js"),_index1=require("./BarChart/index.js"),_index10=require("./BottomNavigation/index.js"),_index11=require("./BottomSheet/index.js"),_index12=require("./Box/index.js"),_index13=require("./Button/index.js"),_index14=require("./Calendar/index.js"),_index15=require("./Card/index.js"),_index16=require("./Carousel/index.js"),_index17=require("./Checkbox/index.js"),_index18=require("./Chip/index.js"),_index19=require("./ChoiceGroup/index.js"),_index20=require("./Composer/index.js"),_index21=require("./Confetti/index.js"),_index22=require("./DatePicker/index.js"),_index23=require("./DateRangePicker/index.js"),_index24=require("./DateSeparator/index.js"),_index25=require("./DecimalInput/index.js"),_index26=require("./Descriptions/index.js"),_index27=require("./Dialog/index.js"),_index28=require("./Divider/index.js"),_index29=require("./Drawer/index.js"),_index30=require("./EmptyState/index.js"),_index31=require("./ErrorBoundary/index.js"),_index32=require("./FilePicker/index.js"),_index33=require("./FileViewer/index.js"),_index34=require("./FilterChipRow/index.js"),_index35=require("./FloatingActionButton/index.js"),_index36=require("./ForceUpdateDialog/index.js"),_index37=require("./FormField/index.js"),_index38=require("./IconBadge/index.js"),_index39=require("./IconButton/index.js"),_index40=require("./ImageGallery/index.js"),_index41=require("./InlineSelect/index.js"),_index42=require("./Input/index.js"),_index43=require("./KeyboardAwareScrollView/index.js"),_index44=require("./KeyboardToolbar/index.js"),_index45=require("./ListItem/index.js"),_index46=require("./LoaderOverlay/index.js"),_index47=require("./Markdown/index.js"),_index48=require("./Menu/index.js"),_index49=require("./MessageBubble/index.js"),_index50=require("./MessageList/index.js"),_index51=require("./Modal/index.js"),_index52=require("./Notation/index.js"),_index53=require("./NumberInput/index.js"),_index54=require("./OnboardingPager/index.js"),_index55=require("./OptionSheet/index.js"),_index56=require("./OTPInput/index.js"),_index57=require("./PaymentResult/index.js"),_index58=require("./PermissionPrompt/index.js"),_index59=require("./PhoneNumberInput/index.js"),_index60=require("./PickerTrigger/index.js"),_index61=require("./ProfileCompletion/index.js"),_index62=require("./ProfilePicker/index.js"),_index63=require("./ProgressBar/index.js"),_index64=require("./ProgressRing/index.js"),_index65=require("./Radio/index.js"),_index66=require("./Rating/index.js"),_index67=require("./Repeater/index.js"),_index68=require("./RichTextEditor/index.js"),_index69=require("./ScannerOverlay/index.js"),_index70=require("./Screen/index.js"),_index71=require("./SearchBar/index.js"),_index72=require("./SectionHeader/index.js"),_index73=require("./SegmentedControl/index.js"),_index74=require("./Select/index.js"),_index75=require("./SignaturePad/index.js"),_index76=require("./Skeleton/index.js"),_index77=require("./Slider/index.js"),_index78=require("./SliderField/index.js"),_index79=require("./SlideToConfirm/index.js"),_index80=require("./Sparkline/index.js"),_index81=require("./Spinner/index.js"),_index82=require("./SquircleView/index.js"),_index83=require("./StatTile/index.js"),_index84=require("./StatusBadge/index.js"),_index85=require("./Stepper/index.js"),_index86=require("./Swipeable/index.js"),_index87=require("./Switch/index.js"),_index88=require("./Tabs/index.js"),_index89=require("./TagInput/index.js"),_index90=require("./Text/index.js"),_index91=require("./Timeline/index.js"),_index92=require("./TimePicker/index.js"),_index93=require("./Toast/index.js"),_index94=require("./Tooltip/index.js"),_index95=require("./Tour/index.js"),_index96=require("./TypingIndicator/index.js"),_index97=require("./WheelPicker/index.js"),_index98=require("./ZoomableImage/index.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _index59.ALL_CALLING_CODES}}),Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return _index.Accordion}}),Object.defineProperty(exports,"AccordionGroup",{enumerable:!0,get:function(){return _index.AccordionGroup}}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _index2.AmountSlider}}),Object.defineProperty(exports,"AnimatePresence",{enumerable:!0,get:function(){return _index3.AnimatePresence}}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _index4.AppBar}}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _index5.AsyncBlock}}),Object.defineProperty(exports,"AuthedImage",{enumerable:!0,get:function(){return _index6.AuthedImage}}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _index7.Autocomplete}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _index8.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _index8.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _index9.Badge}}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _index0.Banner}}),Object.defineProperty(exports,"BarChart",{enumerable:!0,get:function(){return _index1.BarChart}}),Object.defineProperty(exports,"BottomNavigation",{enumerable:!0,get:function(){return _index10.BottomNavigation}}),Object.defineProperty(exports,"BottomSheet",{enumerable:!0,get:function(){return _index11.BottomSheet}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return _index12.Box}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _index13.Button}}),Object.defineProperty(exports,"Calendar",{enumerable:!0,get:function(){return _index14.Calendar}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _index15.Card}}),Object.defineProperty(exports,"Carousel",{enumerable:!0,get:function(){return _index16.Carousel}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _index17.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return _index18.Chip}}),Object.defineProperty(exports,"ChoiceGroup",{enumerable:!0,get:function(){return _index19.ChoiceGroup}}),Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return _index20.Composer}}),Object.defineProperty(exports,"Confetti",{enumerable:!0,get:function(){return _index21.Confetti}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _index59.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"DEFAULT_DATE_SEPARATOR_LABELS",{enumerable:!0,get:function(){return _index24.DEFAULT_DATE_SEPARATOR_LABELS}}),Object.defineProperty(exports,"DEFAULT_MESSAGE_BUBBLE_LABELS",{enumerable:!0,get:function(){return _index49.DEFAULT_MESSAGE_BUBBLE_LABELS}}),Object.defineProperty(exports,"DEFAULT_MESSAGE_LIST_LABELS",{enumerable:!0,get:function(){return _index50.DEFAULT_MESSAGE_LIST_LABELS}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return _index22.DatePicker}}),Object.defineProperty(exports,"DateRangePicker",{enumerable:!0,get:function(){return _index23.DateRangePicker}}),Object.defineProperty(exports,"DateSeparator",{enumerable:!0,get:function(){return _index24.DateSeparator}}),Object.defineProperty(exports,"DecimalInput",{enumerable:!0,get:function(){return _index25.DecimalInput}}),Object.defineProperty(exports,"Descriptions",{enumerable:!0,get:function(){return _index26.Descriptions}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return _index27.Dialog}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return _index28.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return _index29.Drawer}}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return _index30.EmptyState}}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _index31.ErrorBoundary}}),Object.defineProperty(exports,"FilePicker",{enumerable:!0,get:function(){return _index32.FilePicker}}),Object.defineProperty(exports,"FileViewer",{enumerable:!0,get:function(){return _index33.FileViewer}}),Object.defineProperty(exports,"FilterChipRow",{enumerable:!0,get:function(){return _index34.FilterChipRow}}),Object.defineProperty(exports,"FloatingActionButton",{enumerable:!0,get:function(){return _index35.FloatingActionButton}}),Object.defineProperty(exports,"FloatingActionButtonGroup",{enumerable:!0,get:function(){return _index35.FloatingActionButtonGroup}}),Object.defineProperty(exports,"ForceUpdateDialog",{enumerable:!0,get:function(){return _index36.ForceUpdateDialog}}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return _index37.FormField}}),Object.defineProperty(exports,"IconBadge",{enumerable:!0,get:function(){return _index38.IconBadge}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return _index39.IconButton}}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _index40.ImageGallery}}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _index41.InlineSelect}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _index42.Input}}),Object.defineProperty(exports,"KeyboardAwareScrollView",{enumerable:!0,get:function(){return _index43.KeyboardAwareScrollView}}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _index44.KeyboardToolbar}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return _index45.ListItem}}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _index46.LoaderOverlay}}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _index51.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return _index47.Markdown}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return _index48.Menu}}),Object.defineProperty(exports,"MessageBubble",{enumerable:!0,get:function(){return _index49.MessageBubble}}),Object.defineProperty(exports,"MessageList",{enumerable:!0,get:function(){return _index50.MessageList}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _index51.Modal}}),Object.defineProperty(exports,"Notation",{enumerable:!0,get:function(){return _index52.Notation}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _index53.NumberInput}}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _index56.OTPInput}}),Object.defineProperty(exports,"OnboardingPager",{enumerable:!0,get:function(){return _index54.OnboardingPager}}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _index55.OptionSheet}}),Object.defineProperty(exports,"PaymentResult",{enumerable:!0,get:function(){return _index57.PaymentResult}}),Object.defineProperty(exports,"PermissionPrompt",{enumerable:!0,get:function(){return _index58.PermissionPrompt}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _index59.PhoneNumberInput}}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _index60.PickerTrigger}}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _index61.ProfileCompletion}}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _index62.ProfilePicker}}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _index63.ProgressBar}}),Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return _index64.ProgressRing}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _index65.Radio}}),Object.defineProperty(exports,"RadioDot",{enumerable:!0,get:function(){return _index65.RadioDot}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _index65.RadioGroup}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function(){return _index66.Rating}}),Object.defineProperty(exports,"Repeater",{enumerable:!0,get:function(){return _index67.Repeater}}),Object.defineProperty(exports,"RichTextEditor",{enumerable:!0,get:function(){return _index68.RichTextEditor}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return _index12.Row}}),Object.defineProperty(exports,"ScannerOverlay",{enumerable:!0,get:function(){return _index69.ScannerOverlay}}),Object.defineProperty(exports,"Screen",{enumerable:!0,get:function(){return _index70.Screen}}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _index71.SearchBar}}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _index72.SectionHeader}}),Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return _index73.SegmentedControl}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _index74.Select}}),Object.defineProperty(exports,"SignaturePad",{enumerable:!0,get:function(){return _index75.SignaturePad}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _index76.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _index76.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _index76.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _index76.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _index76.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _index76.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _index76.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _index76.SkeletonText}}),Object.defineProperty(exports,"SlideToConfirm",{enumerable:!0,get:function(){return _index79.SlideToConfirm}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return _index77.Slider}}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _index78.SliderField}}),Object.defineProperty(exports,"SortableList",{enumerable:!0,get:function(){return _index80.SortableList}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return _index12.Spacer}}),Object.defineProperty(exports,"Sparkline",{enumerable:!0,get:function(){return _index81.Sparkline}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _index82.Spinner}}),Object.defineProperty(exports,"SquircleView",{enumerable:!0,get:function(){return _index83.SquircleView}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return _index12.Stack}}),Object.defineProperty(exports,"StatTile",{enumerable:!0,get:function(){return _index84.StatTile}}),Object.defineProperty(exports,"StatusBadge",{enumerable:!0,get:function(){return _index85.StatusBadge}}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _index86.Stepper}}),Object.defineProperty(exports,"Swipeable",{enumerable:!0,get:function(){return _index87.Swipeable}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _index88.Switch}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return _index89.Tabs}}),Object.defineProperty(exports,"TagInput",{enumerable:!0,get:function(){return _index90.TagInput}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return _index91.Text}}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _index93.TimePicker}}),Object.defineProperty(exports,"Timeline",{enumerable:!0,get:function(){return _index92.Timeline}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _index94.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _index94.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _index94.ToastProvider}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _index95.Tooltip}}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _index96.Tour}}),Object.defineProperty(exports,"TypingIndicator",{enumerable:!0,get:function(){return _index97.TypingIndicator}}),Object.defineProperty(exports,"WheelPicker",{enumerable:!0,get:function(){return _index98.WheelPicker}}),Object.defineProperty(exports,"ZoomableImage",{enumerable:!0,get:function(){return _index99.ZoomableImage}}),Object.defineProperty(exports,"applyMarkdownAction",{enumerable:!0,get:function(){return _index68.applyMarkdownAction}}),Object.defineProperty(exports,"authedImageCacheStats",{enumerable:!0,get:function(){return _index6.authedImageCacheStats}}),Object.defineProperty(exports,"buttonLabelInk",{enumerable:!0,get:function(){return _index13.buttonLabelInk}}),Object.defineProperty(exports,"cleanDecimalText",{enumerable:!0,get:function(){return _index25.cleanDecimalText}}),Object.defineProperty(exports,"clearAuthedImageCache",{enumerable:!0,get:function(){return _index6.clearAuthedImageCache}}),Object.defineProperty(exports,"dayLabel",{enumerable:!0,get:function(){return _index24.dayLabel}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _index59.formatE164}}),Object.defineProperty(exports,"formatFileSize",{enumerable:!0,get:function(){return _index32.formatFileSize}}),Object.defineProperty(exports,"getAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.getAuthedImageCacheLimit}}),Object.defineProperty(exports,"isUnclearDecimalComma",{enumerable:!0,get:function(){return _index25.isUnclearDecimalComma}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _index46.loader}}),Object.defineProperty(exports,"parseDecimalText",{enumerable:!0,get:function(){return _index25.parseDecimalText}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _index59.parseE164}}),Object.defineProperty(exports,"parseNotation",{enumerable:!0,get:function(){return _index52.parseNotation}}),Object.defineProperty(exports,"pointDecimalText",{enumerable:!0,get:function(){return _index25.pointDecimalText}}),Object.defineProperty(exports,"setAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.setAuthedImageCacheLimit}}),Object.defineProperty(exports,"sym",{enumerable:!0,get:function(){return _index52.sym}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _index94.toast}}),Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return _index11.useBottomSheet}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _index31.useErrorHandler}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _index46.useLoader}}),Object.defineProperty(exports,"usePermissionPrompt",{enumerable:!0,get:function(){return _index58.usePermissionPrompt}}),Object.defineProperty(exports,"useRecentSearches",{enumerable:!0,get:function(){return _index71.useRecentSearches}}),Object.defineProperty(exports,"useSheetSwap",{enumerable:!0,get:function(){return _index11.useSheetSwap}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _index76.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _index76.useSkeletonDefaults}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _index94.useToast}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _index31.withErrorBoundary}});var _index=require("./Accordion/index.js"),_index2=require("./AmountSlider/index.js"),_index3=require("./AnimatePresence/index.js"),_index4=require("./AppBar/index.js"),_index5=require("./AsyncBlock/index.js"),_index6=require("./AuthedImage/index.js"),_index7=require("./Autocomplete/index.js"),_index8=require("./Avatar/index.js"),_index9=require("./Badge/index.js"),_index0=require("./Banner/index.js"),_index1=require("./BarChart/index.js"),_index10=require("./BottomNavigation/index.js"),_index11=require("./BottomSheet/index.js"),_index12=require("./Box/index.js"),_index13=require("./Button/index.js"),_index14=require("./Calendar/index.js"),_index15=require("./Card/index.js"),_index16=require("./Carousel/index.js"),_index17=require("./Checkbox/index.js"),_index18=require("./Chip/index.js"),_index19=require("./ChoiceGroup/index.js"),_index20=require("./Composer/index.js"),_index21=require("./Confetti/index.js"),_index22=require("./DatePicker/index.js"),_index23=require("./DateRangePicker/index.js"),_index24=require("./DateSeparator/index.js"),_index25=require("./DecimalInput/index.js"),_index26=require("./Descriptions/index.js"),_index27=require("./Dialog/index.js"),_index28=require("./Divider/index.js"),_index29=require("./Drawer/index.js"),_index30=require("./EmptyState/index.js"),_index31=require("./ErrorBoundary/index.js"),_index32=require("./FilePicker/index.js"),_index33=require("./FileViewer/index.js"),_index34=require("./FilterChipRow/index.js"),_index35=require("./FloatingActionButton/index.js"),_index36=require("./ForceUpdateDialog/index.js"),_index37=require("./FormField/index.js"),_index38=require("./IconBadge/index.js"),_index39=require("./IconButton/index.js"),_index40=require("./ImageGallery/index.js"),_index41=require("./InlineSelect/index.js"),_index42=require("./Input/index.js"),_index43=require("./KeyboardAwareScrollView/index.js"),_index44=require("./KeyboardToolbar/index.js"),_index45=require("./ListItem/index.js"),_index46=require("./LoaderOverlay/index.js"),_index47=require("./Markdown/index.js"),_index48=require("./Menu/index.js"),_index49=require("./MessageBubble/index.js"),_index50=require("./MessageList/index.js"),_index51=require("./Modal/index.js"),_index52=require("./Notation/index.js"),_index53=require("./NumberInput/index.js"),_index54=require("./OnboardingPager/index.js"),_index55=require("./OptionSheet/index.js"),_index56=require("./OTPInput/index.js"),_index57=require("./PaymentResult/index.js"),_index58=require("./PermissionPrompt/index.js"),_index59=require("./PhoneNumberInput/index.js"),_index60=require("./PickerTrigger/index.js"),_index61=require("./ProfileCompletion/index.js"),_index62=require("./ProfilePicker/index.js"),_index63=require("./ProgressBar/index.js"),_index64=require("./ProgressRing/index.js"),_index65=require("./Radio/index.js"),_index66=require("./Rating/index.js"),_index67=require("./Repeater/index.js"),_index68=require("./RichTextEditor/index.js"),_index69=require("./ScannerOverlay/index.js"),_index70=require("./Screen/index.js"),_index71=require("./SearchBar/index.js"),_index72=require("./SectionHeader/index.js"),_index73=require("./SegmentedControl/index.js"),_index74=require("./Select/index.js"),_index75=require("./SignaturePad/index.js"),_index76=require("./Skeleton/index.js"),_index77=require("./Slider/index.js"),_index78=require("./SliderField/index.js"),_index79=require("./SlideToConfirm/index.js"),_index80=require("./SortableList/index.js"),_index81=require("./Sparkline/index.js"),_index82=require("./Spinner/index.js"),_index83=require("./SquircleView/index.js"),_index84=require("./StatTile/index.js"),_index85=require("./StatusBadge/index.js"),_index86=require("./Stepper/index.js"),_index87=require("./Swipeable/index.js"),_index88=require("./Switch/index.js"),_index89=require("./Tabs/index.js"),_index90=require("./TagInput/index.js"),_index91=require("./Text/index.js"),_index92=require("./Timeline/index.js"),_index93=require("./TimePicker/index.js"),_index94=require("./Toast/index.js"),_index95=require("./Tooltip/index.js"),_index96=require("./Tour/index.js"),_index97=require("./TypingIndicator/index.js"),_index98=require("./WheelPicker/index.js"),_index99=require("./ZoomableImage/index.js");

package/lib/module/components/Checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";import{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Pressable,StyleSheet,View}from"react-native";import Svg,{Path}from"react-native-svg";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,resolveCheckboxSize,spaceOf,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{hitSlopMarker}from"../../utils/hitSlop.js";import{ChoiceText,hasChoiceDetail}from"../FieldBase/ChoiceText.js";import{fieldTextAsString,hasFieldText}from"../FieldBase/FieldBase.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const toneColor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},toneOnColor=(e,r)=>{switch(r){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}},Checkbox=forwardRef((e,r)=>{const{checked:t,defaultChecked:s,onChange:o,indeterminate:i=!1,disabled:a=!1,label:l,description:n,error:c,help:d,labelLines:h,size:p="md",tone:u="primary",accessibilityLabel:m,haptic:x,style:b,boxStyle:f,indeterminateBarStyle:g,containerStyle:y,labelStyle:C,testID:S,hitSlop:w,...k}=e,[j,v]=useControllableState({value:t,defaultValue:s??!1,onChange:o}),T=useTheme(),R=useMemo(()=>buildStyles(T),[T]),{"box-size":_}=useMemo(()=>resolveCheckboxSize(T,p),[T,p]),L=T.size.border,M=spaceOf(T,T.components.checkbox["label-gap"]),V=toneColor(T,u),A=w??6,D=j||i,F=useRef(createAnimatedValue(D?1:0)).current;useEffect(()=>{const e=Animated.spring(F,{toValue:D?1:0,damping:T.motion.spring.snappy.damping,stiffness:T.motion.spring.snappy.stiffness,mass:T.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[D,F,T.motion.spring.snappy]);const I=F.interpolate({inputRange:[0,1],outputRange:[0,1]}),H=m??fieldTextAsString(l),P=!0===c||hasFieldText(c),z=D?V:a?T.colors.border:P?T.colors["field-border-error"]:T.colors.border,B=D?V:a?T.colors["surface-disabled"]:"transparent",O=a&&!D?T.colors["text-disabled"]:toneOnColor(T,u),W=Math.round(.72*_),E=Math.round(.55*_),N=Math.max(2,Math.round(.12*_)),U=_jsxs(Pressable,{ref:r,onPress:e=>{if(a)return;const r=resolveHaptic(x,"selection");r&&triggerHaptic(r),v(!j),k.onPressOut?.(e)},disabled:a,accessibilityRole:"checkbox",accessibilityLabel:H,accessibilityHint:k.accessibilityHint??fieldTextAsString(n),accessibilityState:{checked:i?"mixed":j,disabled:a},"aria-checked":i?"mixed":j,"aria-disabled":a,testID:S,hitSlop:A,...hitSlopMarker(A),...k,style:({pressed:e})=>[R.row,hasChoiceDetail(n,c)?R.rowTop:null,hasFieldText(d)?R.rowShrink:null,{opacity:a?.55:e?.85:1},y,b],children:[_jsx(View,{style:[R.box,{width:_,height:_,borderWidth:L,borderRadius:T.radius.sm,...smoothCorners,borderColor:z,backgroundColor:B},f],children:_jsx(Animated.View,{style:[R.glyphWrap,{opacity:F,transform:[{scale:I}]}],children:i?_jsx(View,{style:[{width:E,height:N,borderRadius:T.radius.pill,...smoothCorners,backgroundColor:O},g]}):_jsx(Svg,{width:W,height:W,viewBox:"0 0 24 24",children:_jsx(Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:O,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),_jsx(ChoiceText,{label:l,description:n,error:c,disabled:a,labelLines:h||void 0,descriptionLines:h||void 0,style:{marginLeft:M},labelStyle:C})]});return hasFieldText(d)?_jsxs(View,{style:[R.helpRow,hasChoiceDetail(n,c)?R.rowTop:null],children:[U,_jsx(View,{style:[R.help,{marginLeft:T.space.xs}],children:d})]}):U});Checkbox.displayName="Checkbox";const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});export{Checkbox};export default Checkbox;
+"use strict";import{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Pressable,StyleSheet,View}from"react-native";import Svg,{Path}from"react-native-svg";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,resolveCheckboxSize,spaceOf,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{hitSlopMarker}from"../../utils/hitSlop.js";import{warnInvalidValue}from"../../utils/warnInvalidValue.js";import{ChoiceText,hasChoiceDetail}from"../FieldBase/ChoiceText.js";import{fieldTextAsString,hasFieldText}from"../FieldBase/FieldBase.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const CHECKBOX_SHAPES=["circle"],toneColor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},toneOnColor=(e,r)=>{switch(r){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}},Checkbox=forwardRef((e,r)=>{const{checked:t,defaultChecked:s,onChange:o,indeterminate:i=!1,disabled:a=!1,label:l,description:n,error:c,help:d,labelLines:h,size:p="md",tone:u="primary",shape:m,accessibilityLabel:x,haptic:b,style:f,boxStyle:g,indeterminateBarStyle:y,containerStyle:C,labelStyle:S,testID:w,hitSlop:k,...j}=e,[v,T]=useControllableState({value:t,defaultValue:s??!1,onChange:o}),V=useTheme(),_=useMemo(()=>buildStyles(V),[V]),{"box-size":R}=useMemo(()=>resolveCheckboxSize(V,p),[V,p]),A=V.size.border,H=spaceOf(V,V.components.checkbox["label-gap"]),I=toneColor(V,u),L=k??6;warnInvalidValue("Checkbox","shape",m,CHECKBOX_SHAPES);const M="circle"===m,D=v||i,P=useRef(createAnimatedValue(D?1:0)).current;useEffect(()=>{const e=Animated.spring(P,{toValue:D?1:0,damping:V.motion.spring.snappy.damping,stiffness:V.motion.spring.snappy.stiffness,mass:V.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[D,P,V.motion.spring.snappy]);const B=P.interpolate({inputRange:[0,1],outputRange:[0,1]}),F=x??fieldTextAsString(l),O=!0===c||hasFieldText(c),E=D?I:a?V.colors.border:O?V.colors["field-border-error"]:V.colors.border,z=D?I:a?V.colors["surface-disabled"]:"transparent",W=a&&!D?V.colors["text-disabled"]:toneOnColor(V,u),K=Math.round(.72*R),N=Math.round(.55*R),X=Math.max(2,Math.round(.12*R)),U=_jsxs(Pressable,{ref:r,onPress:e=>{if(a)return;const r=resolveHaptic(b,"selection");r&&triggerHaptic(r),T(!v),j.onPressOut?.(e)},disabled:a,accessibilityRole:"checkbox",accessibilityLabel:F,accessibilityHint:j.accessibilityHint??fieldTextAsString(n),accessibilityState:{checked:i?"mixed":v,disabled:a},"aria-checked":i?"mixed":v,"aria-disabled":a,testID:w,hitSlop:L,...hitSlopMarker(L),...j,style:({pressed:e})=>[_.row,hasChoiceDetail(n,c)?_.rowTop:null,hasFieldText(d)?_.rowShrink:null,{opacity:a?.55:e?.85:1},C,f],children:[_jsx(View,{style:[_.box,{width:R,height:R,borderWidth:A,borderRadius:M?R/2:V.radius.sm,...M?{}:smoothCorners,borderColor:E,backgroundColor:z},g],children:_jsx(Animated.View,{style:[_.glyphWrap,{opacity:P,transform:[{scale:B}]}],children:i?_jsx(View,{style:[{width:N,height:X,borderRadius:V.radius.pill,...smoothCorners,backgroundColor:W},y]}):_jsx(Svg,{width:K,height:K,viewBox:"0 0 24 24",children:_jsx(Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:W,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),_jsx(ChoiceText,{label:l,description:n,error:c,disabled:a,labelLines:h||void 0,descriptionLines:h||void 0,style:{marginLeft:H},labelStyle:S})]});return hasFieldText(d)?_jsxs(View,{style:[_.helpRow,hasChoiceDetail(n,c)?_.rowTop:null],children:[U,_jsx(View,{style:[_.help,{marginLeft:V.space.xs}],children:d})]}):U});Checkbox.displayName="Checkbox";const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});export{Checkbox};export default Checkbox;

package/lib/module/components/Checkbox/Checkbox.meta.js

@@ -1 +1 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Checkbox",marker:null,platforms:["phone"],acceptsChildren:!1,props:{checked:{type:"boolean",description:"Whether the box is checked, when the screen controls it."},defaultChecked:{type:"boolean",description:"Whether the box starts checked, when the checkbox keeps its own state."},indeterminate:{type:"boolean",default:!1,description:"Draws the mixed state, such as a select all box with some rows chosen."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the checkbox."},label:{type:"node",description:"The text beside the box. A node label needs an accessibility label."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label. It also draws the box in the error colour; true shows the error state without a message."},help:{type:"node",description:"A node beside the label, such as an info button. It is not part of the checkbox and does not toggle it."},labelLines:{type:"number",description:"The lines the label may take before it truncates. Zero or unset means no limit."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the box."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the checked box."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name by a screen reader."},accessibilityLabel:{type:"string",description:"The accessible name of the checkbox. Needed when the label is a node."}},omit:["haptic","hitSlop","id","needsOffscreenAlphaCompositing","pointerEvents","removeClippedSubviews","nativeID","collapsable","collapsableChildren","renderToHardwareTextureAndroid","focusable","tabIndex","shouldRasterizeIOS","isTVSelectable","hasTVPreferredFocus","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle","tvParallaxMagnification","accessible","accessibilityActions","aria-label","accessibilityRole","accessibilityState","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-selected","accessibilityValue","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","importantForAccessibility","aria-hidden","aria-modal","role","accessibilityLabelledBy","aria-labelledby","accessibilityLiveRegion","aria-live","screenReaderFocusable","accessibilityElementsHidden","accessibilityViewIsModal","accessibilityIgnoresInvertColors","accessibilityLanguage","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","accessibilityRespondsToUserInteraction","cancelable","delayHoverIn","delayHoverOut","delayLongPress","pressRetentionOffset","android_disableSound","android_ripple","testOnly_pressed","unstable_pressDelay"],examples:[{id:"Checkbox.checked",title:"Checked",props:{checked:!0,label:"Email me a receipt"}},{id:"Checkbox.description",title:"With a description",props:{checked:!1,label:"Subscribe to updates",description:"A monthly summary, no more."}},{id:"Checkbox.error",title:"Error",props:{checked:!1,label:"I accept the terms",error:"You must accept the terms to continue."}},{id:"Checkbox.indeterminate",title:"Mixed state",props:{indeterminate:!0,label:"Select all",size:"lg"}}],usage:{when:["The person picks any number of options from a list.","A single yes or no needs to be saved with a form, such as accepting terms.","A parent box should show that only some of its rows are chosen."],whenNot:[{text:"The person picks exactly one option.",instead:"Radio"},{text:"The setting takes effect at once when changed.",instead:"Switch"}],do:[{note:"Write the label so a checked box reads as a true statement.",example:[{component:"Checkbox",props:{checked:!0,label:"Email me a receipt"}}]}],dont:[{note:"Do not leave a checkbox with no label. The person cannot tell what it controls.",example:[{component:"Checkbox",props:{checked:!1}}]}],a11y:["A node label needs an accessibility label, which becomes the screen reader name.","Pressing the help node beside the label does not toggle the checkbox."]}});
+"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Checkbox",marker:null,platforms:["phone"],acceptsChildren:!1,props:{checked:{type:"boolean",description:"Whether the box is checked, when the screen controls it."},defaultChecked:{type:"boolean",description:"Whether the box starts checked, when the checkbox keeps its own state."},indeterminate:{type:"boolean",default:!1,description:"Draws the mixed state, such as a select all box with some rows chosen."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the checkbox."},label:{type:"node",description:"The text beside the box. A node label needs an accessibility label."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label. It also draws the box in the error colour; true shows the error state without a message."},help:{type:"node",description:"A node beside the label, such as an info button. It is not part of the checkbox and does not toggle it."},labelLines:{type:"number",description:"The lines the label may take before it truncates. Zero or unset means no limit."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the box."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the checked box."},shape:{type:"enum",values:["circle"],description:"circle draws a round box with the tick inside, for a task that is completed. Omit it for the square box."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name by a screen reader."},accessibilityLabel:{type:"string",description:"The accessible name of the checkbox. Needed when the label is a node."}},omit:["haptic","hitSlop","id","needsOffscreenAlphaCompositing","pointerEvents","removeClippedSubviews","nativeID","collapsable","collapsableChildren","renderToHardwareTextureAndroid","focusable","tabIndex","shouldRasterizeIOS","isTVSelectable","hasTVPreferredFocus","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle","tvParallaxMagnification","accessible","accessibilityActions","aria-label","accessibilityRole","accessibilityState","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-selected","accessibilityValue","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","importantForAccessibility","aria-hidden","aria-modal","role","accessibilityLabelledBy","aria-labelledby","accessibilityLiveRegion","aria-live","screenReaderFocusable","accessibilityElementsHidden","accessibilityViewIsModal","accessibilityIgnoresInvertColors","accessibilityLanguage","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","accessibilityRespondsToUserInteraction","cancelable","delayHoverIn","delayHoverOut","delayLongPress","pressRetentionOffset","android_disableSound","android_ripple","testOnly_pressed","unstable_pressDelay"],examples:[{id:"Checkbox.checked",title:"Checked",props:{checked:!0,label:"Email me a receipt"}},{id:"Checkbox.circle",title:"Round (task completion)",props:{checked:!0,label:"Ship the report",shape:"circle"}},{id:"Checkbox.description",title:"With a description",props:{checked:!1,label:"Subscribe to updates",description:"A monthly summary, no more."}},{id:"Checkbox.error",title:"Error",props:{checked:!1,label:"I accept the terms",error:"You must accept the terms to continue."}},{id:"Checkbox.indeterminate",title:"Mixed state",props:{indeterminate:!0,label:"Select all",size:"lg"}}],usage:{when:["The person picks any number of options from a list.","A single yes or no needs to be saved with a form, such as accepting terms.","A parent box should show that only some of its rows are chosen."],whenNot:[{text:"The person picks exactly one option.",instead:"Radio"},{text:"The setting takes effect at once when changed.",instead:"Switch"}],do:[{note:"Write the label so a checked box reads as a true statement.",example:[{component:"Checkbox",props:{checked:!0,label:"Email me a receipt"}}]}],dont:[{note:"Do not leave a checkbox with no label. The person cannot tell what it controls.",example:[{component:"Checkbox",props:{checked:!1}}]}],a11y:["A node label needs an accessibility label, which becomes the screen reader name.","Pressing the help node beside the label does not toggle the checkbox."]}});

package/lib/module/components/SortableList/SortableList.js

@@ -0,0 +1 @@
+"use strict";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{StyleSheet,View}from"react-native";import{Gesture,GestureDetector}from"react-native-gesture-handler";import Animated,{cancelAnimation,measure,runOnJS,scrollTo,useAnimatedRef,useAnimatedScrollHandler,useAnimatedStyle,useFrameCallback,useSharedValue,withSpring}from"react-native-reanimated";import{useTheme}from"../../theme/index.js";import{triggerHaptic}from"../../utils/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const LONG_PRESS_MS=350,EDGE_PX=48,SCROLL_STEP_PX=12,SPRING_CONFIG={damping:22,stiffness:260,mass:1},ACTION_STEP={moveUp:-1,moveDown:1};export function moveItem(e,t,a){const l=e.slice();if(t<0||t>=l.length)return l;const[r]=l.splice(t,1);return l.splice(a,0,r),l}export function topOf(e,t){"worklet";let a=0;for(let l=0;l<t;l++)a+=e[l]??0;return a}export function slotTop(e,t,a){"worklet";let l=0,r=0;for(let o=0;o<e.length&&r<a;o++)o!==t&&(l+=e[o]??0,r++);return l}export function dropIndex(e,t,a){"worklet";const l=topOf(e,t)+(e[t]??0)/2+a;let r=0,o=0;for(let a=0;a<e.length;a++){const s=e[a]??0;a!==t&&o+s/2<l&&r++,o+=s}return r}export function rowShifts(e,t,a){const l=[];let r=0;for(const t of e)l.push(r),r+=t;const o=e.map(()=>0),s=moveItem(e.map((e,t)=>t),t,a);let n=0;for(const t of s)o[t]=n-(l[t]??0),n+=e[t]??0;return o}const buildStyles=e=>StyleSheet.create({handleRow:{flexDirection:"row",alignItems:"center"},handle:{paddingHorizontal:e.space.sm,paddingVertical:e.space.md,gap:e.space.xxs},bar:{width:e.space.md,height:e.space.xxs,backgroundColor:e.colors["text-muted"]},body:{flex:1}});function SortableRow({rowKey:e,index:t,count:a,shift:l,isActive:r,dragging:o,handle:s,disabled:n,shared:i,callbacks:u,children:c}){const d=useTheme(),m=useMemo(()=>buildStyles(d),[d]),f=useSharedValue(0);useEffect(()=>{f.value=o&&!r?withSpring(l,SPRING_CONFIG):l},[o,r,l,f]),useEffect(()=>()=>{cancelAnimation(f)},[f]);const h=useAnimatedStyle(()=>({transform:[{translateY:r?i.dragY.value:f.value}],zIndex:r?1:0})),v=useMemo(()=>{const{dragIndex:e,dropTo:a,dragY:l,translation:r,absoluteY:o,scrollY:c,scrollStart:d,heights:m}=i,{onLift:f,onDrop:h,onSettled:v}=u,g=Gesture.Pan().enabled(!n).onStart(()=>{"worklet";e.value=t,a.value=t,d.value=c.value,r.value=0,l.value=0,runOnJS(f)(t)}).onUpdate(a=>{"worklet";e.value===t&&(r.value=a.translationY,o.value=a.absoluteY)}).onFinalize(()=>{"worklet";if(e.value!==t)return;const r=a.value,o=m.value;e.value=-1,l.value=topOf(o,t)+l.value-slotTop(o,t,r),l.value=withSpring(0,SPRING_CONFIG,e=>{"worklet";e&&runOnJS(v)()}),runOnJS(h)(t,r)});return s?g:g.activateAfterLongPress(350)},[n,s,t,u,i]),g=n?[]:[...t>0?[{name:"moveUp",label:"Move up"}]:[],...t<a-1?[{name:"moveDown",label:"Move down"}]:[]];return _jsx(Animated.View,{style:h,onLayout:t=>u.onHeight(e,t.nativeEvent.layout.height),accessibilityActions:g,onAccessibilityAction:e=>{if(n)return;const l=t+(ACTION_STEP[e.nativeEvent.actionName]??0);l!==t&&l>=0&&l<a&&u.onMove(t,l)},testID:`sortable-row-${e}`,children:s?_jsxs(View,{style:m.handleRow,children:[_jsx(GestureDetector,{gesture:v,children:_jsxs(View,{style:m.handle,children:[_jsx(View,{style:m.bar}),_jsx(View,{style:m.bar}),_jsx(View,{style:m.bar})]})}),_jsx(View,{style:m.body,children:c})]}):_jsx(GestureDetector,{gesture:v,children:_jsx(View,{children:c})})})}export function SortableList(e){const{data:t,keyExtractor:a,renderItem:l,onReorder:r,handle:o=!1,disabled:s=!1,accessibilityLabel:n,testID:i}=e,u=useMemo(()=>t.map((e,t)=>({key:a(e,t),item:e})),[t,a]),c=useMemo(()=>u.map(e=>e.key),[u]),d=useAnimatedRef(),m=useSharedValue(0),f=useSharedValue(0),h=useSharedValue(0),v=useSharedValue(0),g=useSharedValue(-1),p=useSharedValue(-1),S=useSharedValue(0),b=useSharedValue([]),x=useRef(new Map),w=useRef(c),[y,k]=useState(null),_=useCallback(()=>{b.value=w.current.map(e=>x.current.get(e)??0)},[b]);useEffect(()=>{w.current=c,_()},[c,_]),useEffect(()=>()=>{cancelAnimation(S)},[S]);const A=useCallback(e=>{k(t=>t?.dragging?{...t,to:e}:t)},[]),I=useFrameCallback(()=>{"worklet";const e=g.value;if(e<0)return;const t=measure(d);t&&(v.value<t.pageY+48?scrollTo(d,0,Math.max(0,m.value-12),!1):v.value>t.pageY+t.height-48&&scrollTo(d,0,m.value+12,!1)),S.value=h.value+m.value-f.value;const a=dropIndex(b.value,e,S.value);a!==p.value&&(p.value=a,runOnJS(A)(a))},!1),V=useCallback(e=>{triggerHaptic("longPress"),I.setActive(!0),k({key:c[e]??"",from:e,to:e,dragging:!0})},[I,c]),j=useCallback((e,t)=>{I.setActive(!1),k(e=>e?{...e,to:t,dragging:!1}:e),t!==e&&r(moveItem(c,e,t))},[I,c,r]),C=useCallback(()=>{k(e=>e&&!e.dragging?null:e)},[]),E=useCallback((e,t)=>{r(moveItem(c,e,t))},[c,r]),O=useCallback((e,t)=>{x.current.set(e,t),_()},[_]),R=useAnimatedScrollHandler({onScroll:e=>{"worklet";m.value=e.contentOffset.y}}),T=useMemo(()=>({scrollRef:d,scrollY:m,scrollStart:f,translation:h,absoluteY:v,dragIndex:g,dropTo:p,dragY:S,heights:b}),[d,m,f,h,v,g,p,S,b]),M=useMemo(()=>({onLift:V,onDrop:j,onSettled:C,onMove:E,onHeight:O}),[V,j,C,E,O]),G=!0===y?.dragging,L=G&&y?rowShifts(c.map(e=>x.current.get(e)??0),y.from,y.to):null;return _jsx(Animated.ScrollView,{ref:d,onScroll:R,scrollEventThrottle:16,scrollEnabled:!G,accessibilityLabel:n,testID:i,children:u.map((e,t)=>{const a=y?.key===e.key;return _jsx(SortableRow,{rowKey:e.key,index:t,count:u.length,shift:L?.[t]??0,isActive:a,dragging:G,handle:o,disabled:s,shared:T,callbacks:M,children:l({item:e.item,index:t,isActive:a})},e.key)})})}SortableList.displayName="SortableList";export default SortableList;

package/lib/module/components/SortableList/SortableList.meta.js

@@ -0,0 +1 @@
+"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SortableList",marker:null,platforms:["phone"],acceptsChildren:!1,props:{data:{type:"array",required:!0,description:"The rows in their current order. Each row shows the app's own content."},handle:{type:"boolean",default:!1,description:"Shows a drag handle on each row, and only the handle lifts it. Off, a long press on the row lifts it."},disabled:{type:"boolean",default:!1,description:"Turns reordering off: rows cannot be lifted or moved."},accessibilityLabel:{type:"string",description:"Names the list for a screen reader."}},omit:[],examples:[{id:"SortableList.basic",title:"Basic",props:{data:["Pay the electricity bill","Book the dentist","Renew the car insurance"],accessibilityLabel:"Tasks"}},{id:"SortableList.handle",title:"Drag handle",props:{data:["Pay the electricity bill","Book the dentist","Renew the car insurance"],handle:!0,accessibilityLabel:"Tasks"}},{id:"SortableList.disabled",title:"Disabled",props:{data:["Pay the electricity bill","Book the dentist"],disabled:!0,accessibilityLabel:"Tasks"}}],usage:{when:["A person orders their own list, such as tasks, playlists or a checklist, by dragging the rows.","The same order must also change without a drag, which the component exposes to screen readers as Move up and Move down."],whenNot:[{text:"The order is set by the system, such as a date or a status, and the person cannot change it.",instead:"ListItem"}],do:[{note:"Keep it to a short list a person orders by hand, and reorder the parent state from the keys onReorder passes back.",example:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]},{note:"Place it on a screen that does not scroll, so a drag is never mistaken for a scroll.",example:[{component:"Screen",props:{title:"Tasks",scroll:!1},children:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]}]}],dont:[{note:"Do not use it for a long list; it does not virtualise, so every row mounts at once. Use a FlatList and reorder on a dedicated screen.",example:[{component:"SortableList",props:{data:["Row 1","Row 2","Row 3","Row 4","Row 5","Row 6","Row 7","Row 8","Row 9","Row 10"],accessibilityLabel:"Every task this year"}}]},{note:"Do not place it on a scrolling screen; the drag and the scroll then fight over the same gesture.",example:[{component:"Screen",props:{title:"Tasks"},children:[{component:"SortableList",props:{data:["Pay the electricity bill","Book the dentist"],accessibilityLabel:"Tasks"}}]}]}],a11y:["Each row offers Move up and Move down as screen reader actions, so a drag is never the only way to reorder.","Set accessibilityLabel so the list is named when a screen reader focuses it."]}});

package/lib/module/components/SortableList/index.js

@@ -0,0 +1 @@
+"use strict";export{default,SortableList}from"./SortableList.js";

package/lib/module/components/index.js

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

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

@@ -3,6 +3,7 @@ import type { PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle }
 import type { HapticType } from "../../utils/hapticUtils";
 export type CheckboxSize = "sm" | "md" | "lg";
 export type CheckboxTone = "primary" | "success" | "warning" | "danger";
+export type CheckboxShape = "circle";
 export interface CheckboxProps extends Omit<PressableProps, "style" | "children" | "onPress"> {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -34,6 +35,8 @@ export interface CheckboxProps extends Omit<PressableProps, "style" | "children"
     labelLines?: number;
     size?: CheckboxSize;
     tone?: CheckboxTone;
+    /** circle draws a round box with the tick inside. Omit it for the square box. */
+    shape?: CheckboxShape;
     accessibilityLabel?: string;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;

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

@@ -0,0 +1,53 @@
+/**
+ * SortableList: rows the person reorders by dragging. A long press lifts a row (a drag handle does
+ * when `handle` is set); the other rows make room, the list scrolls near its edges, and a drop calls
+ * `onReorder` with the keys in their new order. The list is controlled: the parent reorders `data`.
+ * Every row also offers "Move up" and "Move down" as accessibility actions, so no drag is required.
+ *
+ * USAGE:
+ *
+ * <SortableList
+ *   data={tasks}
+ *   keyExtractor={(task) => task.id}
+ *   renderItem={({ item }) => <ListItem title={item.title} />}
+ *   onReorder={(keys) => setTasks(sortByKeys(tasks, keys))}
+ * />
+ */
+import type React from "react";
+export interface SortableListProps<T> {
+    data: readonly T[];
+    keyExtractor: (item: T, index: number) => string;
+    renderItem: (info: {
+        item: T;
+        index: number;
+        isActive: boolean;
+    }) => React.ReactNode;
+    /** Called with the keys in their new order after a drop or a "Move up" or "Move down" action. */
+    onReorder: (keys: string[]) => void;
+    /** Only the drag handle lifts a row; by default a long press on the row does. */
+    handle?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];
+/** Top edge of row `index` when the rows stack at their own heights. */
+export declare function topOf(heights: readonly number[], index: number): number;
+/** Top edge of the slot `to` once row `from` has left its place and the rest keep their order. */
+export declare function slotTop(heights: readonly number[], from: number, to: number): number;
+/**
+ * The slot the lifted row would drop into. The row counts as passing another row once its
+ * centre is past that row's midpoint, so a drop lands on the nearest slot to the finger.
+ */
+export declare function dropIndex(heights: readonly number[], from: number, dragY: number): number;
+/**
+ * How far each row moves while row `from` is lifted towards slot `to`, by row index. The lifted
+ * row's own entry is not used; it follows the finger instead.
+ */
+export declare function rowShifts(heights: readonly number[], from: number, to: number): number[];
+export declare function SortableList<T>(props: SortableListProps<T>): React.ReactElement;
+export declare namespace SortableList {
+    var displayName: string;
+}
+export default SortableList;
+//# sourceMappingURL=SortableList.d.ts.map

package/lib/typescript/commonjs/components/SortableList/SortableList.meta.d.ts

@@ -0,0 +1,3 @@
+import type { SortableListProps } from "./SortableList";
+export declare const meta: import("../../canvasKit/meta").PhoneMeta<SortableListProps<unknown>, never, never>;
+//# sourceMappingURL=SortableList.meta.d.ts.map