@webority/mobile-ui 0.106.0 → 0.108.0

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"IconButton",marker:null,platforms:["phone"],acceptsChildren:!1,props:{accessibilityLabel:{type:"string",required:!0,description:"The accessible name of the button, required for an icon-only control."},icon:{type:"icon",required:!0,description:"The icon the button draws, given by name or as an element."},iconVariant:{type:"enum",values:["linear","bold","broken","bulk","outline","twotone"],default:"linear",description:"The Iconsax style for the icon when it is given by name."},tone:{type:"enum",values:["primary","secondary","success","warning","danger","neutral"],default:"primary",description:"The colour family of the button."},variant:{type:"enum",values:["solid","soft","outline","ghost","glass"],default:"solid",description:"The visual weight of the button, from a solid fill to no fill."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The diameter of the button and the size of its icon."},shape:{type:"enum",values:["circle","rounded"],default:"circle",description:"The outline of the button."},active:{type:"boolean",default:!1,description:"Draws the button filled regardless of the variant, as for an active nav tile."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the button."},loading:{type:"boolean",default:!1,description:"Replaces the icon with a spinner and disables the button."}},omit:["haptic"],examples:[{id:"IconButton.default",title:"Default",props:{icon:"search",accessibilityLabel:"Search",variant:"solid",tone:"primary"}},{id:"IconButton.outline",title:"Outline",props:{icon:"more",accessibilityLabel:"More options",variant:"outline",tone:"neutral"}},{id:"IconButton.active",title:"Active",props:{icon:"home",accessibilityLabel:"Home",active:!0,tone:"primary"}}],usage:{when:["A single icon action that needs a clear touch target, such as a back or close control.","A navigation tile that is selected and should render filled."],whenNot:[{text:"A button with a text label.",instead:"Button"},{text:"A decorative icon with no action.",instead:"AppIcon"},{text:"A floating action button over the main content.",instead:"FloatingActionButton"}],do:[{note:"Always set an accessibility label so screen readers can announce the action.",example:[{component:"IconButton",props:{accessibilityLabel:"Close dialog"}}]},{note:"Use the outline variant for a quiet action beside stronger controls.",example:[{component:"IconButton",props:{accessibilityLabel:"Copy",variant:"outline",tone:"neutral"}}]}],dont:[{note:"Do not omit the accessibility label; an icon-only button is invisible to screen readers without it.",example:[{component:"IconButton",props:{variant:"solid"}}]},{note:"Do not use the danger tone for a standard destructive action without confirmation.",example:[{component:"IconButton",props:{accessibilityLabel:"Delete",tone:"danger"}}]}],a11y:["The accessibility label is the spoken name; without it the button has no accessible name.","The button announces itself as disabled when disabled or loading, with a disabled state.","The active state is exposed as selected for screen readers."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ImageGallery",marker:null,platforms:["phone"],acceptsChildren:!1,props:{images:{type:"array",required:!0,description:"The photos in order. Each entry holds a source, and may hold a caption and alt text."},initialIndex:{type:"number",default:0,description:"The photo shown first, counted from 0."},showThumbnails:{type:"boolean",default:!0,description:"Draws a strip of small thumbnails under the photo."},showCounter:{type:"boolean",default:!0,description:"Draws a counter such as 2 / 5 over the photo."},enableLightbox:{type:"boolean",default:!0,description:"Opens a full screen view when the person taps a photo."},enablePinchZoom:{type:"boolean",default:!0,description:"Lets the person pinch and double tap to zoom into a photo in the full screen view."},loading:{type:"boolean",default:!1,description:"Draws the placeholder shape instead of the photos while data loads."},accessibilityLabel:{type:"string",description:"Names the gallery for a screen reader."}},omit:["haptic"],examples:[{id:"ImageGallery.withThumbnails",title:"With thumbnails",props:{images:[{source:{uri:"https://picsum.photos/seed/sunset/800/600"},caption:"Sunset"},{source:{uri:"https://picsum.photos/seed/mountain/800/600"},caption:"Mountain"},{source:{uri:"https://picsum.photos/seed/coast/800/600"},caption:"Coast"}],showThumbnails:!0,showCounter:!0}},{id:"ImageGallery.startsLater",title:"Starts on a later photo",props:{images:[{source:{uri:"https://picsum.photos/seed/forest/800/600"},alt:"Forest path in autumn"},{source:{uri:"https://picsum.photos/seed/river/800/600"},alt:"River at dawn"}],initialIndex:1,showThumbnails:!1}},{id:"ImageGallery.noLightbox",title:"Photos without full screen view",props:{images:[{source:{uri:"https://picsum.photos/seed/harbor/800/600"},caption:"Harbor"},{source:{uri:"https://picsum.photos/seed/meadow/800/600"},caption:"Meadow"}],enableLightbox:!1,showCounter:!1}}],usage:{when:["A short set of photos belongs together and the person looks through them in one place.","The person may need to zoom into a photo to see its detail."],whenNot:[{text:"The items are slides of a banner or promotion that rotate on their own.",instead:"Carousel"}],do:[{note:"Give each photo a caption so the person knows what it shows.",example:[{component:"ImageGallery",props:{images:[{source:{uri:"https://picsum.photos/seed/sunset/800/600"},caption:"Sunset"},{source:{uri:"https://picsum.photos/seed/coast/800/600"},caption:"Coast"}]}}]},{note:"Keep the full screen view on so the person can open each photo at full size.",example:[{component:"ImageGallery",props:{images:[{source:{uri:"https://picsum.photos/seed/harbor/800/600"},caption:"Harbor"},{source:{uri:"https://picsum.photos/seed/meadow/800/600"},caption:"Meadow"}],enableLightbox:!0}}]}],dont:[{note:"Do not leave out captions. Photos with no caption give the person no context.",example:[{component:"ImageGallery",props:{images:[{source:{uri:"https://picsum.photos/seed/sunset/800/600"}},{source:{uri:"https://picsum.photos/seed/coast/800/600"}}]}}]},{note:"Do not turn off the full screen view for photos the person must inspect. They cannot open them at full size.",example:[{component:"ImageGallery",props:{images:[{source:{uri:"https://picsum.photos/seed/harbor/800/600"},caption:"Harbor"},{source:{uri:"https://picsum.photos/seed/meadow/800/600"},caption:"Meadow"}],enableLightbox:!1}}]}],a11y:["Set accessibilityLabel to name the gallery for a screen reader.","Each photo is announced by its alt text, or by its position in the set when it has no alt text."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"InlineSelect",marker:null,platforms:["phone"],acceptsChildren:!1,props:{options:{type:"array",required:!0,description:"The options to pick from, each with a label, a value and an optional icon, description or disabled flag.",itemFields:{label:{type:"string",required:!0,description:"The text shown for the option."},value:{type:"stringOrNumber",required:!0,description:"The value the option stands for."},description:{type:"string",description:"A supporting description line under the label."},icon:{type:"icon",description:"An icon drawn beside the option."},disabled:{type:"boolean",description:"Blocks selection of this option."}}},value:{type:"stringOrNumber",description:"The selected option value."},placeholder:{type:"string",default:"Select",description:"Trigger text shown when nothing is selected."},label:{type:"string",description:"A label drawn above the trigger like a field label."},title:{type:"string",description:"Heading shown at the top of the options bottom sheet."},searchable:{type:"boolean",default:!1,description:"Shows a search box above the option list in the sheet."},disabled:{type:"boolean",default:!1,description:"Blocks opening the sheet and dims the trigger."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"Density of the trigger text and chevron, matching the host field."},color:{type:"string",description:"Color for the trigger text and chevron, falling back to the primary brand color."},chevronColor:{type:"string",description:"Color override for the chevron glyph."},chevronSize:{type:"number",description:"Chevron size in pixels, falling back to the icon size of the chosen field size."},accessibilityLabel:{type:"string",description:"The spoken name of the trigger for screen readers."}},omit:["haptic"],examples:[{id:"InlineSelect.currencyPrefix",title:"Currency prefix",props:{options:[{label:"INR",value:"inr"},{label:"USD",value:"usd"},{label:"EUR",value:"eur"}],value:"inr",size:"md"}},{id:"InlineSelect.sheetHeading",title:"With sheet heading and search",props:{options:[{label:"Bengaluru",value:"blr",description:"Karnataka"},{label:"Chennai",value:"maa",description:"Tamil Nadu"},{label:"Delhi",value:"del",description:"National Capital Territory"},{label:"Mumbai",value:"bom",description:"Maharashtra"}],value:"blr",title:"Select city",searchable:!0}},{id:"InlineSelect.withLabel",title:"With label and placeholder",props:{options:[{label:"Kilograms",value:"kg"},{label:"Pounds",value:"lbs"},{label:"Grams",value:"g"}],label:"Unit",placeholder:"Pick unit"}}],usage:{when:["A compact dropdown trigger inside a field prefix or suffix slot.","A borderless picker trigger in a toolbar or list header."],whenNot:[{text:"The choice needs a full standalone field with its own border or multi selection.",instead:"Select"}],do:[{note:"Provide a title so the sheet heading and spoken name describe the choice.",example:[{component:"InlineSelect",props:{options:[{label:"INR",value:"INR"},{label:"USD",value:"USD"}],value:"INR",title:"Currency"}}]},{note:"Turn on search when the list of options is long.",example:[{component:"InlineSelect",props:{options:[{label:"Bengaluru",value:"blr"},{label:"Chennai",value:"maa"},{label:"Delhi",value:"del"}],title:"City",searchable:!0}}]}],dont:[{note:"Do not leave the trigger with no title or label to describe the choice.",example:[{component:"InlineSelect",props:{options:[{label:"INR",value:"INR"},{label:"USD",value:"USD"}],value:"INR"}}]},{note:"Do not leave search off when the list of options is long.",example:[{component:"InlineSelect",props:{options:[{label:"Bengaluru",value:"blr"},{label:"Chennai",value:"maa"},{label:"Delhi",value:"del"}],title:"City",searchable:!1}}]}],a11y:["The trigger announces as a button with its label, selected value and expanded state.","Set title, label or accessibilityLabel so the trigger has a descriptive name for screen readers."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Input",marker:null,platforms:["phone"],acceptsChildren:!1,props:{keyboardType:{type:"enum",values:["default","email-address","numeric","phone-pad","number-pad","decimal-pad","numbers-and-punctuation","url","visible-password"],description:"The keyboard layout shown while the field is focused."},label:{type:"node",description:"The field label. A node label needs an explicit accessibilityLabel."},help:{type:"node",description:"An info control drawn beside the static label. It is not part of the label's accessibility text."},placeholder:{type:"string",description:"Hint text shown while the field is empty."},value:{type:"string",description:"The controlled text value."},error:{type:"node",description:"An error message that puts the field in the error state and replaces the helper text."},helperText:{type:"node",description:"Help text shown under the field."},type:{type:"enum",values:["input","password","textarea"],default:"input",description:"The kind of field: single-line text, a masked password with an eye toggle, or a multi-line textarea."},showPasswordToggle:{type:"boolean",default:!1,description:"Adds the show and hide eye toggle to a masked field."},secureTextEntry:{type:"boolean",default:!1,description:"Masks the value without the eye toggle. The password type is the usual way to mask a field."},disabled:{type:"boolean",default:!1,description:"Blocks editing and dims the field."},multiline:{type:"boolean",default:!1,description:"Lets the value span several lines, the same as the textarea type."},unit:{type:"string",description:"Fixed text drawn after the value, such as km or %."},prefix:{type:"node",description:"Fixed text drawn before the value, such as a currency symbol or a country code."},readOnly:{type:"boolean",default:!1,description:"Shows the value in normal ink and lets it be selected and copied, but not edited."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field height and text size."},variant:{type:"enum",values:["outlined","filled","underline"],default:"outlined",description:"The look of the field box."},labelMode:{type:"enum",values:["float","top"],default:"top",description:"Where the label sits: permanently above the field, or floating inside it until focus."},required:{type:"boolean",default:!1,description:"Marks the field as required."},maxLength:{type:"number",description:"The most characters the field accepts."},showCounter:{type:"boolean",default:!0,description:"Shows the character count under the field when maxLength is set."},borderRadius:{type:"number",description:"The corner radius of the field box, overriding the size's radius."},accessibilityLabel:{type:"string",description:"The screen reader name of the field. Without it the label text is used."},autoCapitalize:{type:"enum",values:["none","sentences","words","characters"],description:"Which letters the keyboard capitalises automatically."},editable:{type:"boolean",description:"Whether the field accepts editing."},returnKeyType:{type:"enum",values:["done","go","next","search","send","none","previous","default","google","join","route","yahoo","emergency-call"],description:"The label of the return key on the keyboard."}},omit:["accessibilityActions","accessibilityElementsHidden","accessibilityHint","accessibilityIgnoresInvertColors","accessibilityLabelledBy","accessibilityLanguage","accessibilityLargeContentTitle","accessibilityLiveRegion","accessibilityRespondsToUserInteraction","accessibilityRole","accessibilityShowsLargeContentViewer","accessibilityState","accessibilityValue","accessibilityViewIsModal","accessible","action","allowFontScaling","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-hidden","aria-label","aria-labelledby","aria-live","aria-modal","aria-selected","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","autoComplete","autoCorrect","autoFocus","blurOnSubmit","caretHidden","clearButtonMode","clearTextOnFocus","collapsable","collapsableChildren","contextMenuHidden","cursorColor","dataDetectorTypes","defaultValue","disableFullscreenUI","disableKeyboardShortcuts","enablesReturnKeyAutomatically","enterKeyHint","focusable","hasTVPreferredFocus","hitSlop","id","importantForAccessibility","importantForAutofill","inlineImageLeft","inlineImagePadding","inputAccessoryViewButtonLabel","inputAccessoryViewID","inputMode","isTVSelectable","keyboardAppearance","leftIcon","lineBreakModeIOS","lineBreakStrategyIOS","maxFontSizeMultiplier","nativeID","needsOffscreenAlphaCompositing","numberOfLines","passwordRules","placeholderTextColor","pointerEvents","rejectResponderTermination","removeClippedSubviews","renderToHardwareTextureAndroid","returnKeyLabel","rightIcon","role","screenReaderFocusable","scrollEnabled","selection","selectionColor","selectionHandleColor","selectionState","selectTextOnFocus","shouldRasterizeIOS","showSoftInputOnFocus","smartInsertDelete","spellCheck","submitBehavior","tabIndex","textAlign","textAlignVertical","textBreakStrategy","textContentType","tvParallaxMagnification","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle","underlineColorAndroid","verticalAlign"],examples:[{id:"Input.default",title:"Text field",props:{label:"Full name",placeholder:"Enter your name",value:"Asha Rao",size:"md",variant:"outlined",labelMode:"top"}},{id:"Input.password",title:"Password field",props:{label:"Password",type:"password"}},{id:"Input.error",title:"Error state",props:{label:"Email",keyboardType:"email-address",value:"asha@example",error:"Enter a valid email address."}}],usage:{when:["The value is free text or a secret that the person types, such as a name, an email address or a password.","The field needs a visible label, an error message or a character limit."],whenNot:[{text:"The value is a count or quantity that needs plus and minus buttons.",instead:"NumberInput"}],do:[{note:"Give the field a visible label with label, so its name stays on screen once the person starts typing.",example:[{component:"Input",props:{label:"Email",placeholder:"name@example.com",keyboardType:"email-address"}}]},{note:"Set type to password for a secret: the value is masked and autocorrect and auto-capitalisation are turned off.",example:[{component:"Input",props:{label:"Password",type:"password"}}]}],dont:[{note:"A placeholder alone disappears on the first key press, so the field loses its name.",example:[{component:"Input",props:{placeholder:"name@example.com",keyboardType:"email-address"}}]},{note:"A plain text type shows a secret in clear text.",example:[{component:"Input",props:{label:"Password",type:"input"}}]}],a11y:["The field takes its screen reader name from accessibilityLabel, or from the label text when that is a string, and reads its error or helper text with it.","A password field keeps its value masked and names its eye toggle Show password or Hide password."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"KeyboardToolbar",marker:null,platforms:["phone"],acceptsChildren:!1,props:{doneLabel:{type:"string",description:"Label for the dismiss button.",default:"Done"},showNavigation:{type:"boolean",description:"Show the prev/next chevrons.",default:!0},leading:{type:"node",description:"Custom content rendered between the nav chevrons and the Done button."}},omit:[],examples:[{id:"KeyboardToolbar.default",title:"Default",props:{doneLabel:"Done",showNavigation:!0}},{id:"KeyboardToolbar.noNavigation",title:"No navigation",props:{doneLabel:"Close",showNavigation:!1}},{id:"KeyboardToolbar.customLabel",title:"Custom label",props:{doneLabel:"Finish",showNavigation:!0}}],usage:{when:["Help users navigate between text inputs and easily dismiss the keyboard."],whenNot:[{text:"The user is navigating between full screens.",instead:"Use BottomNavigation."}],do:[{note:"Use a clear and short label to dismiss the keyboard.",example:[{component:"KeyboardToolbar",props:{doneLabel:"Finish",showNavigation:!0}}]},{note:"Hide the navigation chevrons when the screen has only one text input.",example:[{component:"KeyboardToolbar",props:{doneLabel:"Done",showNavigation:!1}}]}],dont:[{note:"Do not use a long phrase for the done label.",example:[{component:"KeyboardToolbar",props:{doneLabel:"Hide the keyboard",showNavigation:!0}}]},{note:"Do not show navigation chevrons when there are no other text inputs.",example:[{component:"KeyboardToolbar",props:{doneLabel:"Done",showNavigation:!0}}]}],a11y:["The navigation chevrons have accessibility labels describing their action."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ListItem",marker:null,platforms:["phone"],acceptsChildren:!0,props:{title:{type:"node",required:!0,description:"The row title text, or any node drawn as is."},subtitle:{type:"node",description:"Subtitle text or any node drawn under the title."},description:{type:"string",description:"A short line of text under the subtitle."},loading:{type:"boolean",default:!1,description:"Draws the skeleton placeholder instead of the content."},titleLines:{type:"number",default:1,description:"Lines a text title may take before it is truncated; 0 for no limit."},subtitleLines:{type:"number",default:1,description:"Lines a text subtitle may take before it is truncated; 0 for no limit."},left:{type:"node",description:"A node in the leading slot; wins over icon when both are set."},icon:{type:"icon",description:"A leading icon in a tinted circle, when left is not given."},iconTone:{type:"enum",values:["primary","secondary","success","warning","danger","info","neutral"],default:"primary",description:"The colour of the icon circle."},right:{type:"node",description:"A node drawn in the trailing slot, beside or below the text."},rightPlacement:{type:"enum",values:["auto","side","below"],default:"auto",description:"Where the right slot sits relative to the text column."},selectable:{type:"boolean",default:!1,description:"Selection mode: the row becomes a checkbox and presses toggle it."},checked:{type:"boolean",default:!1,description:"The checked state, used only with selectable."},selected:{type:"boolean",default:!1,description:"Highlights the row with the selected surface colour."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the row."},divider:{type:"boolean",default:!1,description:"A bottom hairline drawn under the row."},chevron:{type:"boolean",default:!1,description:"A trailing chevron that indicates navigation."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The row size, which sets padding and font scale."},accessibilityLabel:{type:"string",description:"Names the row for a screen reader."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name."}},omit:["actions","haptic","leftActions","rightActions","contextMenu"],examples:[{id:"ListItem.basic",title:"Basic row",props:{title:"Inbox",subtitle:"3 unread messages"}},{id:"ListItem.navigation",title:"Navigation row",props:{title:"Settings",icon:"setting-2",chevron:!0}},{id:"ListItem.selectable",title:"Selectable row",props:{title:"Use dark mode",subtitle:"Applies across the app",selectable:!0,checked:!1}}],usage:{when:["A single row in a list that has a title, an optional subtitle and an optional trailing indicator.","The row may be selectable, pressable or swipeable, or show a leading icon."],whenNot:[{text:"The content is a grouped card with a header, footer or image.",instead:"Card"},{text:"The content is just a plain label or divider between sections.",instead:"Text"}],do:[{note:"Keep the title short and give it a subtitle when the row needs identification.",example:[{component:"ListItem",props:{title:"Profile",subtitle:"Account settings"}}]},{note:"Use the selectable mode with a subtitle for multi-choice lists.",example:[{component:"ListItem",props:{title:"Use dark mode",subtitle:"Applies across the app",selectable:!0,checked:!1}}]}],dont:[{note:"Do not put a sentence in the title; it overflows on a narrow phone.",example:[{component:"ListItem",props:{title:"This is a very long sentence that tries to describe everything about this item at once"}}]},{note:"Do not set both left and icon; left wins and hides the icon.",example:[{component:"ListItem",props:{title:"Profile",left:{component:"Text",children:"X"},icon:"user"}}]}],a11y:["A selectable row announces its checked state through the checkbox role.","Set accessibilityLabel on a navigation row so the screen reader names its destination."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"LoaderOverlay",marker:null,platforms:["phone"],acceptsChildren:!1,props:{backdropColor:{type:"string",description:"The overlay dim colour; the themed scrim colour when left out."},showDelayMs:{type:"number",default:150,description:"Milliseconds to wait before the overlay appears, so a fast request never flashes it."},minVisibleMs:{type:"number",default:400,description:"Minimum milliseconds the overlay stays once shown, so it never flickers."}},omit:[],examples:[{id:"LoaderOverlay.default",title:"Default",props:{}},{id:"LoaderOverlay.slowRequest",title:"Slow request",props:{showDelayMs:300}},{id:"LoaderOverlay.holdLonger",title:"Hold longer",props:{minVisibleMs:800}}],usage:{when:["Block the whole screen while a request the user started is in flight, such as a save or a submit.","Stop a second tap during a short request that must finish before the user moves on."],whenNot:[{text:"A wait inside one card or section while the rest of the screen stays usable.",instead:"Spinner"}],do:[{note:"Keep the default delay so a fast request never flashes the overlay.",example:[{component:"LoaderOverlay",props:{showDelayMs:150}}]},{note:"Place it as the last child of the screen so it covers the whole page.",example:[{component:"Screen",props:{title:"Orders"},children:[{component:"LoaderOverlay",props:{}}]}]}],dont:[{note:"Do not set the delay to 0; every quick request then flashes the overlay.",example:[{component:"LoaderOverlay",props:{showDelayMs:0}}]},{note:"Do not place it inside a card; the overlay then covers only that card.",example:[{component:"Card",props:{title:"Orders"},children:[{component:"LoaderOverlay",props:{}}]}]}],a11y:["While it is visible it blocks touches and announces its message, so pass a message that says what is loading.","The Android back key does nothing while it is visible, so a save cannot be left half done."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Markdown",marker:null,platforms:["phone"],acceptsChildren:!0,props:{loading:{type:"boolean",default:!1,description:"Shows the skeleton placeholder shape instead of the text while data loads."}},omit:[],examples:[{id:"Markdown.basic",title:"Basic formatting",props:{},children:"### Release notes\n\n- Faster sync\n- Dark theme support"},{id:"Markdown.withLinks",title:"Links and code",props:{},children:"Run `npm install` or read the [setup guide](https://example.com) to start."},{id:"Markdown.loading",title:"Loading placeholder",props:{loading:!0}}],usage:{when:["Display formatted read-only text such as release notes, announcements or help guides.","Render headings, bullet lists, inline code and links authored in markdown."],whenNot:[{text:"Text that people can edit or compose.",instead:"RichTextEditor"}],do:[{note:"Use markdown syntax to format headings, lists and emphasis.",example:[{component:"Markdown",props:{},children:["### Updates\n\n- Improved sync\n- Dark mode support"]}]},{note:"Write descriptive link text that explains where the destination leads.",example:[{component:"Markdown",props:{},children:["Read the [documentation](https://example.com) for setup instructions."]}]}],dont:[{note:"Do not use HTML tags because the parser renders them as plain text.",example:[{component:"Markdown",props:{},children:["<h3>Updates</h3><ul><li>Improved sync</li><li>Dark mode support</li></ul>"]}]},{note:"Do not paste bare URLs without descriptive link text.",example:[{component:"Markdown",props:{},children:["Read the setup instructions at https://example.com directly."]}]}],a11y:["Headings and links use the appropriate accessibility roles so screen reader users can navigate by landmark.","Write descriptive link text so the purpose of each link is clear when read out of context."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Menu",marker:null,platforms:["phone"],acceptsChildren:!1,props:{items:{type:"array",required:!0,description:"A flat list, or a list of up to three groups split by dividers."},title:{type:"string",description:"A short heading over the items; also the menu's accessible name."},topActions:{type:"array",description:"Up to three icon actions in a row above the list."},placement:{type:"enum",values:["auto","bottom","top"],default:"bottom",description:"Preferred side of the trigger; flips when the other side has the room."},presentation:{type:"enum",values:["auto","popover","sheet"],default:"auto",description:"A sheet on a phone past seven items or with a description."},unavailable:{type:"enum",values:["disable","hide"],default:"disable",description:"Unavailable items stay visible, dimmed and focusable."},open:{type:"boolean",description:"Controlled open state."},accessibilityLabel:{type:"string",description:"Accessible name of the menu when there is no title."},closeLabel:{type:"string",default:"Close menu",description:"Accessible name of the tap-outside area."},backLabel:{type:"string",default:"Back",description:"Accessible name of a submenu's Back row."}},omit:["trigger","haptic"],examples:[{id:"Menu.default",title:"Plain list",props:{open:!0,items:[{key:"copy",label:"Copy"},{key:"paste",label:"Paste"}]}},{id:"Menu.grouped",title:"Grouped list",props:{open:!0,items:[[{key:"reply",label:"Reply"}],[{key:"delete",label:"Delete",destructive:!0}]]}},{id:"Menu.sheet",title:"As a sheet",props:{open:!0,title:"File actions",presentation:"sheet",items:[{key:"rename",label:"Rename"},{key:"move",label:"Move"}]}}],usage:{when:["The person selects an action from a list anchored to a button.","The choices are actions to take, not a single value to select."],whenNot:[{text:"The person is selecting a value for a form field.",instead:"Select"}],do:[{note:"Keep the menu list short and group related actions.",example:[{component:"Menu",props:{open:!0,items:[[{key:"copy",label:"Copy"},{key:"share",label:"Share"}],[{key:"rename",label:"Rename"},{key:"move",label:"Move"}],[{key:"delete",label:"Delete",destructive:!0}]]}}]},{note:"Use a title when the trigger does not clearly describe the menu's purpose.",example:[{component:"Menu",props:{open:!0,title:"File actions",items:[{key:"rename",label:"Rename"},{key:"move",label:"Move"}]}}]}],dont:[{note:"A menu with a long flat list of items makes the person search visually for their choice.",example:[{component:"Menu",props:{open:!0,items:[{key:"copy",label:"Copy"},{key:"share",label:"Share"},{key:"rename",label:"Rename"},{key:"move",label:"Move"},{key:"delete",label:"Delete",destructive:!0}]}}]},{note:"A menu with no title when anchored to an ambiguous icon leaves the context unclear.",example:[{component:"Menu",props:{open:!0,items:[{key:"rename",label:"Rename"},{key:"move",label:"Move"}]}}]}],a11y:["The menu manages focus natively and traps it while open.","Screen readers announce the menu's title when it opens."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"MessageBubble",marker:null,platforms:["phone"],acceptsChildren:!0,props:{side:{type:"enum",values:["mine","theirs"],required:!0,description:"Which side the bubble sits on: mine on the trailing side, theirs on the leading side."},text:{type:"string",required:!0,description:"The message as plain text, drawn when the bubble has no children and read by screen readers."},markdown:{type:"boolean",default:!1,description:"Draws the text as Markdown. Ignored when the bubble has children."},groupPosition:{type:"enum",values:["single","first","middle","last"],default:"single",description:"Where the message sits in a run from one author. Joined corners go small and the author and time show only on the run's edges."},author:{type:"string",description:"The author shown above the first message of a run from the other side."},status:{type:"enum",values:["sending","sent","delivered","read","failed"],description:"The delivery ticks under a message of your own, read as a word."},replyTo:{type:"object",description:"The message this one answers, drawn as a quote at the top of the bubble.",fields:{author:{type:"string",description:"The author of the quoted message."},text:{type:"string",required:!0,description:"The quoted text."}}},streaming:{type:"boolean",default:!1,description:"The reply is still arriving, so the bubble is marked busy."},error:{type:"string",description:"A curated message shown under the bubble."},actions:{type:"array",description:"Long-press actions, also offered to screen readers as accessibility actions.",itemFields:{name:{type:"string",required:!0,description:"A stable id for the action, such as copy."},label:{type:"string",required:!0,description:"The action's visible name."}}},footer:{type:"node",description:"Content under the bubble on the same side, such as action cards or a rating."}},omit:["time","labels","haptic"],examples:[{id:"MessageBubble.default",title:"Message from the other side",props:{side:"theirs",author:"Asha",text:"Can you send the site photos?"}},{id:"MessageBubble.mine",title:"Own message, read",props:{side:"mine",text:"Sharing the photos now.",status:"read"}},{id:"MessageBubble.failed",title:"Own message that failed",props:{side:"mine",text:"See you tomorrow.",status:"failed",error:"Not sent."}},{id:"MessageBubble.runStart",title:"Start of a run",props:{side:"theirs",author:"Asha",text:"Morning! Reached the site.",groupPosition:"first"}}],usage:{when:["A chat or assistant thread needs one message drawn with its author, time and delivery state.","Consecutive messages from one author should join into a run with shared corners."],whenNot:[{text:"The content is a standalone notice outside a conversation.",instead:"Banner"},{text:"A short confirmation that disappears by itself.",instead:"Toast"}],do:[{note:"Give every message a plain text, even when it holds rich content, so a screen reader can read it.",example:[{component:"MessageBubble",props:{side:"theirs",author:"Asha",text:"Can you send the site photos?"}}]},{note:"Show a curated error under a failed message, written for the person.",example:[{component:"MessageBubble",props:{side:"mine",text:"See you tomorrow.",status:"failed",error:"Not sent. Check your connection."}}]}],dont:[{note:"An empty text leaves the message with no spoken name.",example:[{component:"MessageBubble",props:{side:"theirs",text:""}}]},{note:"A raw error code tells the person nothing they can act on.",example:[{component:"MessageBubble",props:{side:"mine",text:"See you tomorrow.",status:"failed",error:"ERR_503"}}]}],a11y:["A bubble without rich children reads as one element: author, time, text, reply quote and the delivery word, with its long-press actions offered as accessibility actions.","A streaming reply is marked busy and announced once when it finishes, and an error is announced at once."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"MessageList",marker:null,platforms:["phone"],acceptsChildren:!1,props:{messages:{type:"array",required:!0,description:"The messages, newest first, the order the list draws from the bottom up."},firstUnreadKey:{type:"string",description:"The key of the message that gets the New messages divider above it."},loadingOlder:{type:"boolean",default:!1,description:"Shows a spinner under the oldest message while an earlier page loads."},hasOlder:{type:"boolean",default:!0,description:"False once the oldest page is in, so the list stops asking for more."},typing:{type:"node",description:"Drawn under the newest message, such as a typing indicator."},empty:{type:"node",description:"Drawn while there are no messages."},keyboardAware:{type:"boolean",default:!0,description:"Lifts the newest messages above the keyboard. Turn it off when a parent already moves with the keyboard."},keyboardOffset:{type:"number",description:"The composer's keyboard offset in points. Without it the bottom safe-area inset is used."}},omit:["labels","now"],examples:[{id:"MessageList.default",title:"Conversation with an unread divider",props:{messages:[],keyboardAware:!1,firstUnreadKey:"l1"}},{id:"MessageList.typing",title:"With a typing indicator",props:{messages:[],keyboardAware:!1,typing:"Asha is typing"}},{id:"MessageList.loadingOlder",title:"Loading earlier messages",props:{messages:[],keyboardAware:!1,loadingOlder:!0}},{id:"MessageList.empty",title:"No messages yet",props:{messages:[],keyboardAware:!1,empty:"No messages yet. Say hello."}}],usage:{when:["A conversation should start at the newest message and load older pages at the top.","Day separators, an unread divider and runs from one author are wanted without extra code."],whenNot:[{text:"The list is not a conversation and reads top to bottom.",instead:"a plain list of ListItem rows"},{text:"There are only a few static messages.",instead:"MessageBubble in a column"}],do:[{note:"Say in the empty area what the person can do next.",example:[{component:"MessageList",props:{messages:[],empty:"No messages yet. Say hello."}}]},{note:"Keep keyboardAware on so the newest message stays above the keyboard.",example:[{component:"MessageList",props:{messages:[],keyboardAware:!0}}]}],dont:[{note:"A blank empty area leaves the person unsure whether the list is still loading.",example:[{component:"MessageList",props:{messages:[],empty:""}}]},{note:"Turning keyboardAware off on a screen that does not move with the keyboard hides the newest message.",example:[{component:"MessageList",props:{messages:[],keyboardAware:!1}}]}],a11y:["Each new message is announced politely through the app's getAnnouncement text, one announcement per arriving message.","The jump to latest button names itself and adds the count of messages that arrived while the person was scrolled away."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Modal",marker:null,platforms:["phone"],acceptsChildren:!0,props:{visible:{type:"boolean",required:!0,description:"Whether the modal is shown. The parent owns it."},presentation:{type:"enum",values:["centered","bottom","fullScreen"],default:"centered",description:"How the dialog is laid out: a centred card, a sheet anchored to the bottom, or a full screen takeover."},backdropOpacity:{type:"number",description:"Overrides the opacity of the dimmed backdrop for this modal."},backdropPressClose:{type:"boolean",default:!0,description:"Whether tapping the dimmed backdrop closes the modal."},animationDuration:{type:"number",description:"The enter animation length in milliseconds. Without it the theme's normal duration is used."},animateMount:{type:"boolean",default:!0,description:"Plays the enter animation when the modal is visible as it mounts. Off, it is drawn at rest at once."},accessibilityLabel:{type:"string",description:"The name a screen reader gives the dialog."},hardwareBackPress:{type:"boolean",default:!0,description:"Whether the Android back button closes the modal."}},omit:["restoreFocusRef","haptic"],examples:[{id:"Modal.default",title:"Centred dialog",props:{visible:!0,presentation:"centered",accessibilityLabel:"Demo modal"},children:"centered modal"},{id:"Modal.bottom",title:"Bottom sheet",props:{visible:!0,presentation:"bottom",accessibilityLabel:"Demo modal"},children:"bottom modal"},{id:"Modal.fullScreen",title:"Full screen",props:{visible:!0,presentation:"fullScreen",accessibilityLabel:"Demo modal"},children:"fullScreen modal"},{id:"Modal.backdropLocked",title:"Backdrop tap does not close",props:{visible:!0,presentation:"centered",backdropPressClose:!1,accessibilityLabel:"Demo modal"},children:"centered modal"}],usage:{when:["A dialog, confirmation or sheet must sit above the current screen.","A full screen takeover such as onboarding or a media viewer is needed."],whenNot:[{text:"The choice is a list of options.",instead:"OptionSheet"},{text:"A brief message needs no action.",instead:"Toast"}],do:[{note:"Name the dialog with an accessibilityLabel so a screen reader announces what opened.",example:[{component:"Modal",props:{visible:!0,accessibilityLabel:"Delete project"},children:"Delete this project?"}]},{note:"Use the bottom presentation for an action menu.",example:[{component:"Modal",props:{visible:!0,presentation:"bottom"},children:"Choose an action"}]}],dont:[{note:"A dialog with no label opens in silence for a screen reader.",example:[{component:"Modal",props:{visible:!0},children:"Delete this project?"}]},{note:"A full screen takeover for a one-line confirmation hides the page for no reason.",example:[{component:"Modal",props:{visible:!0,presentation:"fullScreen"},children:"Delete this project?"}]}],a11y:["The dialog is marked as a modal view with an alert role and takes its name from accessibilityLabel.","The Android back button closes it unless hardwareBackPress is off, and a screen reader can reach a Close modal button."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Notation",marker:null,platforms:["phone"],acceptsChildren:!1,props:{text:{type:"string",description:"Engine text where an underscore after a one-letter symbol marks a subscript, such as N_SG. It must sit inside a Text."},base:{type:"string",description:"One symbol, drawn with its subscript small and lowered after it. It must sit inside a Text."},sub:{type:"string",description:"The subscript drawn small after the base."},desc:{type:"string",description:"A description that follows the symbol after a space."},color:{type:"string",description:"The subscript's colour. Inside a field label or message it follows that line, elsewhere the primary text colour."}},omit:[],examples:[{id:"Notation.default",title:"Engine text with subscripts",props:{text:"N_SG exceeds N_C, risk_total stays prose"}},{id:"Notation.symbol",title:"One symbol with a description",props:{base:"C",sub:"IP",desc:"index"}},{id:"Notation.plainSymbol",title:"One symbol",props:{base:"U",sub:"p"}}],usage:{when:["A standard's symbol needs a real subscript that React Native text cannot draw.","Engine text arrives with underscores that mark subscripts."],whenNot:[{text:"The text is stored or typed by a person.",instead:"a plain Text"},{text:"The name is a multi-letter word that happens to hold an underscore.",instead:"a plain Text"}],do:[{note:"Write the symbol as one letter, an underscore and its subscript.",example:[{component:"Notation",props:{text:"N_SG exceeds N_C"}}]},{note:"Give a symbol its description after a space with desc.",example:[{component:"Notation",props:{base:"C",sub:"IP",desc:"index"}}]}],dont:[{note:"A multi-letter name with an underscore stays prose, so it never becomes a subscript.",example:[{component:"Notation",props:{text:"risk_total stays prose"}}]},{note:"A description joined into the subscript is drawn as part of the subscript.",example:[{component:"Notation",props:{base:"C",sub:"IP index"}}]}],a11y:["It draws as nested text inside the parent Text and sets no role or label of its own.","The subscript takes the size and colour of the enclosing label or message line, so it stays legible with that line."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"NumberInput",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"number",description:"The controlled value."},defaultValue:{type:"number",description:"The starting value when the field is not controlled. Without it the minimum, or 0, is used."},min:{type:"number",description:"The lower bound that typed and stepped values clamp to. Without it there is no lower bound."},max:{type:"number",description:"The upper bound that typed and stepped values clamp to. Without it there is no upper bound."},step:{type:"number",default:1,description:"How much one tap on a stepper button adds or removes."},allowDecimal:{type:"boolean",default:!1,description:"Accepts a decimal point and shows the decimal keyboard."},precision:{type:"number",default:0,description:"The number of decimal places kept when decimals are allowed."},label:{type:"node",description:"The field label. A node label needs an explicit accessibilityLabel."},help:{type:"node",description:"Drawn right after the label, such as an info button. It is not part of the label's accessibility text."},helperText:{type:"node",description:"Help shown under the field."},error:{type:"node",description:"An error message that puts the field in the error state and replaces the helper text."},disabled:{type:"boolean",default:!1,description:"Blocks typing and stepping and dims the field."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field height, stepper size and text size."},variant:{type:"enum",values:["inline","horizontal","stacked"],default:"inline",description:"How the label sits relative to the field."},unit:{type:"string",description:"A suffix shown after the value, such as kg."},accessibilityLabel:{type:"string",description:"The input's screen reader name. Without it the label text is used."}},omit:["haptic","textInputProps"],examples:[{id:"NumberInput.default",title:"Quantity stepper",props:{value:5,size:"md",variant:"inline",label:"Quantity",min:0,max:20,step:1}},{id:"NumberInput.stacked",title:"Stacked label with a unit",props:{value:5,size:"md",variant:"stacked",label:"Weight",unit:"kg",min:0,max:20,step:1}},{id:"NumberInput.decimal",title:"Decimal value",props:{value:5,label:"Quantity",min:0,max:20,step:1,allowDecimal:!0,precision:1}},{id:"NumberInput.error",title:"Error state",props:{value:5,label:"Quantity",min:0,max:20,step:1,error:"Choose at most 20."}}],usage:{when:["The value is a count, quantity or measurement that benefits from plus and minus buttons.","The value has bounds that the field should enforce."],whenNot:[{text:"The value is a long figure typed on a number keyboard.",instead:"DecimalInput"},{text:"The value is a fixed-length code.",instead:"OTPInput"}],do:[{note:"Set min and max so the stepper stops at real limits.",example:[{component:"NumberInput",props:{value:5,label:"Quantity",min:1,max:10}}]},{note:"Write the unit in the unit prop so it stays beside the value.",example:[{component:"NumberInput",props:{value:5,label:"Weight",unit:"kg"}}]}],dont:[{note:"No bounds let the person step to a value the page cannot use.",example:[{component:"NumberInput",props:{value:5,label:"Quantity"}}]},{note:"A unit written into the label is easy to miss next to the value.",example:[{component:"NumberInput",props:{value:5,label:"Weight in kg"}}]}],a11y:["The input is an adjustable element with the label as its name and the current value, and stepper buttons report their disabled state.","A node label needs an explicit accessibilityLabel, since a node has no text for the screen reader name."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"OTPInput",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"string",description:"The controlled code."},defaultValue:{type:"string",description:"The starting code when the field is not controlled."},length:{type:"number",default:6,description:"The number of cells."},keyboardType:{type:"enum",values:["number-pad","default"],default:"number-pad",description:"Digits only, or any character for an alphanumeric code."},autoFocus:{type:"boolean",default:!1,description:"Focuses the first cell when the field appears."},autoFocusDelay:{type:"number",default:0,description:"Milliseconds to wait before the first cell takes focus. Raise it on a screen pushed with a transition."},disabled:{type:"boolean",default:!1,description:"Blocks input and dims every cell."},error:{type:"node",description:"An error message shown under the cells that puts them in the error state."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The cell size and text size."},secure:{type:"boolean",default:!1,description:"Masks each filled cell."},accessibilityLabel:{type:"string",description:"The screen reader name of the field. Without it a Enter N-digit code line is used."}},omit:["haptic"],examples:[{id:"OTPInput.default",title:"Six digit code",props:{length:6,size:"md",keyboardType:"number-pad"}},{id:"OTPInput.filled",title:"Filled four digit code",props:{value:"1234",length:4,size:"md"}},{id:"OTPInput.secure",title:"Masked code",props:{value:"1234",length:4,secure:!0}},{id:"OTPInput.error",title:"Error state",props:{value:"123456",length:6,error:"That code is not right."}}],usage:{when:["The person enters a fixed-length one-time code or PIN.","The code arrives by SMS and should fill in from the keyboard suggestion."],whenNot:[{text:"The value is free text of any length.",instead:"Input"},{text:"The value is a count or quantity.",instead:"NumberInput"}],do:[{note:"Match length to the code you send.",example:[{component:"OTPInput",props:{length:6}}]},{note:"Say what is wrong in the error message.",example:[{component:"OTPInput",props:{value:"123456",length:6,error:"That code is not right. Try again."}}]}],dont:[{note:"A length that differs from the code leaves the person with cells they cannot fill.",example:[{component:"OTPInput",props:{length:8}}]},{note:"An error with no message shows red cells but not what to do.",example:[{component:"OTPInput",props:{value:"123456",length:6,error:""}}]}],a11y:["The whole field is one element named by accessibilityLabel, or Enter N-digit code, and it reports the typed code as its value and its disabled state.","The first cell carries the one-time code content type so the keyboard can offer the SMS code."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"OnboardingPager",marker:null,platforms:["phone"],acceptsChildren:!1,props:{pages:{type:"array",required:!0,description:"The intro pages. Three or four work best and only the first six are shown.",itemFields:{key:{type:"string",required:!0,description:"A stable identity for the page."},art:{type:"node",description:"The picture above the text."},title:{type:"string",required:!0,description:"The page heading."},body:{type:"string",required:!0,description:"The line under the heading."}}},doneLabel:{type:"string",default:"Get started",description:"The title of the final button."},safeArea:{type:"boolean",default:!0,description:"Pads the top and bottom by the device safe area. Turn it off inside a screen that already does."}},omit:["labels","haptic"],examples:[{id:"OnboardingPager.default",title:"Three pages",props:{pages:[{key:"page-1",title:"Everything in one place",body:"A short line that says why this matters, in a sentence or two."},{key:"page-2",title:"Work from anywhere",body:"A short line that says why this matters, in a sentence or two."},{key:"page-3",title:"Stay in the loop",body:"A short line that says why this matters, in a sentence or two."}],doneLabel:"Get started",safeArea:!1}},{id:"OnboardingPager.onePage",title:"One page",props:{pages:[{key:"page-1",title:"Everything in one place",body:"A short line that says why this matters, in a sentence or two."}],doneLabel:"Get started",safeArea:!1}},{id:"OnboardingPager.customDone",title:"Custom final button",props:{pages:[{key:"page-1",title:"Everything in one place",body:"A short line that says why this matters, in a sentence or two."},{key:"page-2",title:"Work from anywhere",body:"A short line that says why this matters, in a sentence or two."}],doneLabel:"Sign in",safeArea:!1}}],usage:{when:["A first launch needs a short intro before sign in.","Each page makes one point with a picture, a heading and a line of text."],whenNot:[{text:"The steps collect information from the person.",instead:"a form flow"},{text:"A feature needs a one-off explanation in context.",instead:"Tour"}],do:[{note:"Keep to three or four pages, each with one clear heading.",example:[{component:"OnboardingPager",props:{pages:[{key:"a",title:"Everything in one place",body:"All your work, together."},{key:"b",title:"Work from anywhere",body:"Pick up on any device."}],safeArea:!1}}]},{note:"Name the final button for what happens next.",example:[{component:"OnboardingPager",props:{pages:[{key:"a",title:"Everything in one place",body:"All your work, together."}],doneLabel:"Sign in",safeArea:!1}}]}],dont:[{note:"A page with no heading gives the screen reader nothing to announce.",example:[{component:"OnboardingPager",props:{pages:[{key:"a",title:"",body:"All your work, together."}],safeArea:!1}}]},{note:"A vague final label does not say what happens next.",example:[{component:"OnboardingPager",props:{pages:[{key:"a",title:"Everything in one place",body:"All your work, together."}],doneLabel:"OK",safeArea:!1}}]}],a11y:["Each page reads as one element: its step, title and body, such as Step 2 of 3.","The page control is one adjustable element, so a swipe up or down changes page, and pressing Next announces the new step and title."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";const cities=[{label:"Bengaluru",value:"blr",description:"Karnataka"},{label:"Chennai",value:"maa",description:"Tamil Nadu"},{label:"Delhi",value:"del",description:"National Capital Territory"},{label:"Hyderabad",value:"hyd",description:"Telangana"},{label:"Mumbai",value:"bom",description:"Maharashtra"},{label:"Pune",value:"pnq",description:"Maharashtra",disabled:!0}];export const meta=definePhoneMeta()({name:"OptionSheet",marker:null,platforms:["phone"],acceptsChildren:!1,props:{open:{type:"boolean",required:!0,description:"Whether the sheet is shown. The caller owns it."},title:{type:"string",description:"The sheet heading, also the screen reader name when there is no accessibilityLabel."},options:{type:"array",required:!0,description:"The options to list, each with a label, a value and optionally a description, an icon and a disabled flag."},sections:{type:"array",description:"Groups the options under a header row each instead of listing them flat.",itemFields:{title:{type:"string",required:!0,description:"The group header."},options:{type:"array",required:!0,description:"The options in the group."}}},alphabetIndex:{type:"boolean",default:!1,description:"Shows a rail of letters that jumps the list to the first option starting with that letter."},searchPlaceholder:{type:"string",default:"Search…",description:"The placeholder of the search box."},emptyText:{type:"string",default:"No options",description:"The text shown when nothing matches."},multi:{type:"boolean",default:!1,description:"Shows checkboxes and a Done footer instead of the selected dot."},searchable:{type:"boolean",default:!1,description:"Shows a search box above the list."},searchSelectionColor:{type:"string",description:"The caret and selection colour of the search box. Without it the focus border colour is used."},accessibilityLabel:{type:"string",description:"The screen reader name of the sheet. Without it the title, then Options, is used."}},omit:[],examples:[{id:"OptionSheet.default",title:"Single choice with search",props:{open:!0,title:"Pick a city",options:cities,searchable:!0}},{id:"OptionSheet.multi",title:"Multiple choice",props:{open:!0,title:"Pick a city",options:cities,multi:!0,searchable:!0}},{id:"OptionSheet.alphabetIndex",title:"With a letter rail",props:{open:!0,title:"Pick a city",options:cities,searchable:!0,alphabetIndex:!0}}],usage:{when:["The person picks from a list of options in a sheet that slides up from the bottom.","The list is long enough to need search or a letter rail."],whenNot:[{text:"There are only two or three choices.",instead:"SegmentedControl"},{text:"The choice sits in a form field.",instead:"Select"}],do:[{note:"Give the sheet a title that says what is being chosen.",example:[{component:"OptionSheet",props:{open:!0,title:"Pick a city",options:[{label:"Bengaluru",value:"blr"}]}}]},{note:"Turn on search when the list is long.",example:[{component:"OptionSheet",props:{open:!0,title:"Pick a city",options:[{label:"Bengaluru",value:"blr"}],searchable:!0}}]}],dont:[{note:"A sheet with no title leaves the person unsure what the list is for.",example:[{component:"OptionSheet",props:{open:!0,options:[{label:"Bengaluru",value:"blr"}]}}]},{note:"A long list with no search makes the person scroll for every choice.",example:[{component:"OptionSheet",props:{open:!0,title:"Pick a city",options:[{label:"Bengaluru",value:"blr"}],searchable:!1}}]}],a11y:["Each option is a button that reports its selected and disabled state, and a section header is a header.","The sheet is a modal view named by accessibilityLabel, then the title, and its backdrop and Done footer are reachable as buttons."]}});

package/lib/module/components/PaymentResult/PaymentResult.js

@@ -1 +0,0 @@
-"use strict";import{formatDateTime,formatMinor}from"@webority/mobile-core";import{useEffect,useMemo,useRef}from"react";import{StyleSheet,View}from"react-native";import Animated,{cancelAnimation,useAnimatedStyle,useSharedValue,withSpring,withTiming}from"react-native-reanimated";import{useReducedMotion}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{announce}from"../../utils/announce.js";import{tintOf}from"../../utils/color.js";import{smoothCorners}from"../../utils/corners.js";import{triggerHaptic}from"../../utils/hapticUtils.js";import{AppIcon}from"../AppIcon/index.js";import{Button}from"../Button/index.js";import{Confetti}from"../Confetti/index.js";import{Descriptions}from"../Descriptions/index.js";import{StatusBadge}from"../StatusBadge/index.js";import{Text}from"../Text/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const STATUS={success:{icon:"check-circle",badge:"Success",tone:"success",title:"Payment successful"},pending:{icon:"clock",badge:"Pending",tone:"neutral",title:"Payment pending"},failed:{icon:"x-circle",badge:"Failed",tone:"danger",title:"Payment failed"},refunded:{icon:"refresh-cw",badge:"Refunded",tone:"info",title:"Payment refunded"}},MARK_SIZE=72,ICON_SIZE=36,TINT_OPACITY=.14,DEFAULT_REFUND_DAYS=5,CONFETTI_PIECES=60,SETTLE_WINDOW="Most payments confirm in a few minutes. Your bank can take up to 48 hours.",REFRESH_HINT="Tap Check status to see the latest.",PENDING_WARNING="Do not pay again. If money has left your account, it will either complete or come back to you.",istStamp=e=>formatDateTime(e,{zone:"IST",zoneLabel:!0}),markColors=(e,t)=>{const{colors:n}=e;switch(t){case"success":return{fill:tintOf(n.success,.14,n["bg-subtle"]),ink:n["success-text"]};case"failed":return{fill:tintOf(n.danger,.14,n["bg-subtle"]),ink:n["danger-text"]};case"refunded":return{fill:tintOf(n.info,.14,n["bg-subtle"]),ink:n["info-text"]};default:return{fill:n["bg-muted"],ink:n["text-muted"]}}},failedLead=(e,t,n,r)=>{if(!0===e){return`${t} will return to your account within ${n} working days.${r?` Reference ${r}.`:""}`}return!1===e?"No money was taken from your account. You can try again.":"We could not confirm whether money left your account. Check your bank statement before you try again."},leadFor=(e,t,n)=>{switch(e){case"success":return"Your payment has been received. Keep this receipt for your records.";case"pending":return"Your bank has not confirmed this payment yet.";case"refunded":return`${t} has been returned to your account.`;default:return n}},renderAction=e=>_jsx(Button,{title:e.title,size:"lg",fullWidth:!0,variant:e.variant,tone:e.tone,leftIcon:e.icon,loading:e.loading,onPress:e.onPress},e.key);export const PaymentResult=({status:e,amount:t,currency:n="INR",payee:r,reference:o,paidAt:i,method:s,rows:a,debited:l,refundDays:c=5,settlesBy:u,title:d,message:m,onShare:f,onDownload:p,onDone:h,onRetry:y,onRefresh:g,refreshing:b=!1,celebrate:x=!0,haptic:j=!0,style:S,testID:v})=>{const k=useTheme(),w=useReducedMotion(),T=useMemo(()=>buildStyles(k),[k]),_=useRef(null),I=useRef(null),A=STATUS[e],R=useMemo(()=>markColors(k,e),[k,e]),D=d??A.title,E=formatMinor(t,{currency:n,dropZeroDecimals:!0}),C=failedLead(l,E,c,o),P=m??leadFor(e,E,C),N=`${D}, ${E}${r&&"refunded"!==e?` to ${r}`:""}`,V=void 0===u?SETTLE_WINDOW:`Expected to settle by ${istStamp(u)}.`;useEffect(()=>{I.current!==e&&(I.current=e,announce(N,{polite:"failed"!==e}),j&&("success"===e?triggerHaptic("confirm"):"failed"===e&&triggerHaptic("reject")),"success"===e&&x&&_.current?.start())},[e]);const M=useSharedValue(.9),$=useSharedValue(0),W=k.motion.duration.default;useEffect(()=>(w?(M.value=1,$.value=1):"success"===e?($.value=0,$.value=withTiming(1,{duration:W}),M.value=.6,M.value=withSpring(1,{damping:12,stiffness:160})):($.value=0,$.value=withTiming(1,{duration:W}),M.value=.9,M.value=withTiming(1,{duration:W})),()=>{cancelAnimation(M),cancelAnimation($)}),[e,w,M,$,W]);const F=useAnimatedStyle(()=>({opacity:$.value,transform:[{scale:M.value}]})),H=useMemo(()=>{const e=[];if(r&&e.push({key:"payee",label:"Paid to",value:r}),s&&e.push({key:"method",label:"Method",value:s}),o){const t=/^\d+$/.test(o);e.push({key:"reference",label:"Reference",value:_jsx(Text,{selectable:!0,accessibilityLabel:t?o.split("").join(" "):void 0,style:T.tabular,children:o})})}void 0!==i&&e.push({key:"paidAt",label:"Date and time",value:istStamp(i)});for(const t of a??[])void 0!==t.value&&null!==t.value&&""!==t.value&&e.push(t);return e},[r,s,o,i,a,T.tabular]),O="pending"===e&&g?{key:"refresh",title:"Check status",onPress:g,icon:"refresh-cw",loading:b}:null,B=h?{key:"done",title:"Done",onPress:h}:null,L=("failed"===e&&!1===l&&y?{key:"retry",title:"Try again",onPress:y,icon:"refresh-cw"}:null)??O??B,Y=B&&L!==B?{...B,variant:"ghost",tone:"neutral"}:null,z=[];return f&&z.push({key:"share",title:"Share receipt",onPress:f,icon:"share",variant:"outline",tone:"neutral"}),p&&z.push({key:"download",title:"Download",onPress:p,icon:"download",variant:"outline",tone:"neutral"}),_jsxs(View,{style:[T.root,S],testID:v,accessibilityRole:"summary",children:[_jsxs(View,{style:T.header,children:[_jsx(Animated.View,{style:[T.mark,{backgroundColor:R.fill},F],accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:_jsx(AppIcon,{name:A.icon,size:36,color:R.ink})}),_jsx(StatusBadge,{label:A.badge,tone:A.tone}),_jsx(Text,{variant:"h3",align:"center",children:D}),_jsx(Text,{variant:"h1",align:"center",style:T.tabular,children:E}),_jsx(Text,{variant:"body",color:"secondary",align:"center",children:P})]}),"pending"===e?_jsxs(View,{style:T.note,children:[_jsx(Text,{variant:"bodySmall",color:"secondary",children:V}),_jsx(Text,{variant:"bodySmall",weight:"semibold",children:PENDING_WARNING}),O?_jsx(Text,{variant:"bodySmall",color:"secondary",children:REFRESH_HINT}):null]}):null,H.length>0?_jsx(View,{style:T.receipt,children:_jsx(Descriptions,{items:H,columns:2,bordered:!0})}):null,L||z.length>0?_jsxs(View,{style:T.actions,children:[L?renderAction(L):null,z.length>0?_jsx(View,{style:T.pair,children:z.map(e=>_jsx(View,{style:T.pairItem,children:renderAction(e)},e.key))}):null,Y?renderAction(Y):null]}):null,"success"===e&&x?_jsx(Confetti,{ref:_,count:60,preset:"pop"}):null]})};const buildStyles=e=>StyleSheet.create({root:{gap:e.space.lg},header:{alignItems:"center",gap:e.space.sm},mark:{width:72,height:72,borderRadius:e.radius.pill,alignItems:"center",justifyContent:"center",marginBottom:e.space.xs,...smoothCorners},tabular:{fontVariant:["tabular-nums"]},note:{gap:e.space.xs,padding:e.space.md,borderRadius:e.radius.md,backgroundColor:e.colors["bg-subtle"],...smoothCorners},receipt:{paddingHorizontal:e.space.md,borderRadius:e.radius.lg,borderWidth:StyleSheet.hairlineWidth,borderColor:e.colors["border-subtle"],backgroundColor:e.colors.bg,...smoothCorners},actions:{gap:e.space.sm},pair:{flexDirection:"row",gap:e.space.sm},pairItem:{flex:1}});export default PaymentResult;

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"PaymentResult",marker:null,platforms:["phone"],acceptsChildren:!1,props:{status:{type:"enum",values:["success","pending","failed","refunded"],required:!0,description:"The outcome. Pending is its own state, never shown as a failure and never offered a retry."},amount:{type:"number",required:!0,description:"The amount in integer paise, shown in rupees with Indian digit grouping."},currency:{type:"string",default:"INR",description:"The ISO 4217 code of the amount's currency."},payee:{type:"string",description:"Who was paid."},reference:{type:"string",description:"The bank or gateway reference, read digit by digit by a screen reader."},method:{type:"string",description:"How it was paid, such as the UPI handle or card."},rows:{type:"array",description:"Receipt rows after the built-in ones. A row with an empty value is dropped.",itemFields:{label:{type:"node",required:!0,description:"The row label."},value:{type:"node",description:"The row value."},full:{type:"boolean",description:"Makes the row span both columns."},strong:{type:"boolean",description:"Draws a text value in the semibold weight."},key:{type:"string",description:"A stable key for the row."}}},debited:{type:"boolean",description:"For a failed payment: whether money left the account. Only false lets Try again show."},refundDays:{type:"number",default:5,description:"Working days the bank takes to return a debited amount."},title:{type:"string",description:"Replaces the heading."},message:{type:"string",description:"Replaces the line under the amount."},refreshing:{type:"boolean",description:"Puts Check status into its busy state."},celebrate:{type:"boolean",default:!0,description:"Plays a burst of confetti on success. Not played under Reduce Motion."}},omit:["paidAt","settlesBy","haptic"],examples:[{id:"PaymentResult.default",title:"Successful payment",props:{status:"success",amount:14738200,payee:"Sunrise Traders",reference:"412345678901",method:"UPI, HDFC Bank ...4821",rows:[{label:"Plan",value:"Pro, yearly"}]}},{id:"PaymentResult.pending",title:"Pending payment",props:{status:"pending",amount:14738200,payee:"Sunrise Traders",reference:"412345678901"}},{id:"PaymentResult.failedNotDebited",title:"Failed, no money taken",props:{status:"failed",amount:14738200,payee:"Sunrise Traders",debited:!1}},{id:"PaymentResult.refunded",title:"Refunded payment",props:{status:"refunded",amount:14738200,payee:"Sunrise Traders",reference:"412345678901"}}],usage:{when:["A payment has ended and the person needs the outcome, the amount and the next step.","A receipt with reference and method should sit under the outcome."],whenNot:[{text:"The payment is still being entered.",instead:"a form with Button"},{text:"A short note that a save worked.",instead:"Toast"}],do:[{note:"Show a bank-unconfirmed payment as pending and tell the person not to pay again.",example:[{component:"PaymentResult",props:{status:"pending",amount:14738200}}]},{note:"Say whether money left the account on a failed payment.",example:[{component:"PaymentResult",props:{status:"failed",amount:14738200,debited:!1}}]}],dont:[{note:"Showing an unconfirmed payment as failed invites a second payment.",example:[{component:"PaymentResult",props:{status:"failed",amount:14738200}}]},{note:"Leaving debited unset on a failure sends the person to check their statement with no retry.",example:[{component:"PaymentResult",props:{status:"failed",amount:14738200,debited:!0}}]}],a11y:["The result is a summary whose outcome is announced when it appears, politely except for a failure.","The reference is read digit by digit."]}});

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

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

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"PermissionPrompt",marker:null,platforms:["phone"],acceptsChildren:!1,props:{kind:{type:"enum",required:!0,values:["camera","microphone","photos","photosAdd","mediaLibrary","location","locationAlways","contacts","calendar","reminders","notifications","bluetooth","storage"],description:"The permission being asked for."},title:{type:"string",required:!0,description:"What the feature is. A screen reader reads it first."},reason:{type:"string",required:!0,description:"One sentence on what the app does with the access, ending in a full stop."},icon:{type:"icon",description:"An icon drawn in a tinted disc above the title."}},omit:["fallback","haptic"],examples:[{id:"PermissionPrompt.default",title:"Camera for a receipt",props:{kind:"camera",title:"Scan a receipt",reason:"The camera reads the receipt so you do not have to type the amount.",icon:"camera"}},{id:"PermissionPrompt.location",title:"Location for nearby branches",props:{kind:"location",title:"Find branches near you",reason:"Your location sorts the branch list by distance. It is not stored.",icon:"location"}},{id:"PermissionPrompt.notifications",title:"Notifications for claim updates",props:{kind:"notifications",title:"Hear when your claim moves",reason:"A notification tells you when your claim is approved or needs a document.",icon:"notification"}}],usage:{when:["The app needs a permission and should explain why before the system prompt.","A refusal should leave an inline state with another way to do the job."],whenNot:[{text:"The permission is already granted and nothing needs explaining.",instead:"the feature itself"},{text:"The message is a general notice, not about a permission.",instead:"Banner"}],do:[{note:"Name the feature in the title and say what the access is used for in one sentence.",example:[{component:"PermissionPrompt",props:{kind:"camera",title:"Scan a receipt",reason:"The camera reads the receipt so you do not have to type the amount."}}]},{note:"Say plainly what is not done with the data.",example:[{component:"PermissionPrompt",props:{kind:"location",title:"Find branches near you",reason:"Your location sorts the branch list by distance. It is not stored."}}]}],dont:[{note:"A reason that only repeats the permission name does not explain anything.",example:[{component:"PermissionPrompt",props:{kind:"camera",title:"Camera",reason:"We need camera access."}}]},{note:"A reason that is silent about storage leaves the person guessing.",example:[{component:"PermissionPrompt",props:{kind:"location",title:"Location",reason:"We need your location."}}]}],a11y:["The title is a heading read first, and the reason or the unavailable message sits under it.","When a refusal swaps the explanation for the unavailable message, the new message is announced."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"PhoneNumberInput",marker:null,platforms:["phone"],acceptsChildren:!1,props:{e164:{type:"string",description:"The controlled value as one E.164 string such as +919876543210."},countries:{type:"array",itemFields:{iso:{type:"string",required:!0,description:"ISO 3166-1 alpha-2 country code."},code:{type:"string",required:!0,description:"Dial prefix without the plus."},label:{type:"string",required:!0,description:"Country name shown in the picker."}},description:"The countries the picker lists, every country by default."},popularCountries:{type:"array",description:"ISO codes listed first under their own heading."},popularCountriesTitle:{type:"string",default:"Popular",description:"Heading of the popular group."},allCountriesTitle:{type:"string",default:"All countries",description:"Heading of the full list when popularCountries is set."},hiddenCountries:{type:"array",description:"ISO codes left out of the picker."},showFlag:{type:"boolean",default:!0,description:"Shows the country flag before the dial code and in the picker rows."},countrySearchPlaceholder:{type:"string",description:"Placeholder of the picker's search box."},showAlphabetIndex:{type:"boolean",description:"Shows an A to Z rail down the picker; on by default once the list has more than 20 entries."},defaultIso:{type:"string",default:"IN",description:"ISO code of the country the field starts on."},maxLength:{type:"number",description:"A hard stop on national digits, below the country's own limit."},formatAsYouType:{type:"boolean",default:!0,description:"Groups the digits the way the country writes them while typing."},countryLocked:{type:"boolean",default:!1,description:"Keeps the country fixed, with the picker closed and the chevron hidden."},label:{type:"string",description:"The field label."},labelMode:{type:"enum",values:["top","float"],default:"top",description:"Whether the label sits above the box or floats up from inside it."},placeholder:{type:"string",default:"Phone number",description:"Text shown while no number is typed."},helperText:{type:"string",description:"Text under the field."},error:{type:"node",description:"The error text under the field; it replaces the built-in invalid number message."},required:{type:"boolean",description:"Marks the field as required."},disabled:{type:"boolean",default:!1,description:"Blocks typing and the country picker."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field size."},variant:{type:"enum",values:["outlined","filled","underline"],description:"The field look; the theme setting decides when it is left out."},borderRadius:{type:"number",description:"Corner radius for this field, in pixels."},countrySheetTitle:{type:"string",default:"Country code",description:"Title of the country picker sheet."},accessibilityLabel:{type:"string",description:"The screen reader name of the number field."},countryAccessibilityLabel:{type:"string",description:"The screen reader name of the country button."}},omit:["value","defaultValue","validation","invalidMessage","haptic","returnKeyType","submitBehavior","blurOnSubmit"],examples:[{id:"PhoneNumberInput.default",title:"Default",props:{label:"Mobile number",defaultIso:"IN"}},{id:"PhoneNumberInput.floatingLabel",title:"Floating label with helper",props:{label:"Phone number",labelMode:"float",helperText:"We will send a one time code to this number.",required:!0}},{id:"PhoneNumberInput.countryLocked",title:"Country locked",props:{label:"Mobile number",defaultIso:"IN",countryLocked:!0}},{id:"PhoneNumberInput.error",title:"Error",props:{label:"Mobile number",variant:"filled",error:"Enter a valid mobile number"}}],usage:{when:["Ask for a phone number where the country matters, such as sign in, OTP or contact details.","Use it wherever the number is stored as country code plus national number."],whenNot:[{text:"A number the app never validates or dials, such as a free text note.",instead:"Input"}],do:[{note:"Give the field a visible label so people know which number is wanted.",example:[{component:"PhoneNumberInput",props:{label:"Mobile number"}}]}],dont:[{note:"Do not leave the field without a label or helper text.",example:[{component:"PhoneNumberInput",props:{placeholder:"Phone number"}}]}],a11y:["The country button announces the current dial code; set countryAccessibilityLabel when the app is not in English.","Keep error text short and say how to fix the number."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"PickerTrigger",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"string",description:"The selected value shown as the trigger text."},placeholder:{type:"string",description:'Text shown when value is empty; the component falls back to "Select...".'},label:{type:"node",description:"The label above the field."},help:{type:"node",description:"Content drawn beside the label, outside the trigger, such as an info button."},helperText:{type:"node",description:"Text under the field, hidden while an error shows."},error:{type:"node",description:"The error text under the field; true shows the error state with no message."},required:{type:"boolean",default:!1,description:"Adds the required marker to the label."},clearable:{type:"boolean",default:!1,description:"Shows a clear button when value is not empty."},leadingIcon:{type:"node",description:"Icon slot before the text, such as a calendar or clock."},trailing:{type:"node",description:"Slot at the end, a chevron when left out."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the field."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field size."},variant:{type:"enum",values:["outlined","filled","underline"],description:"The field look; the theme setting decides when it is left out."},accessibilityLabel:{type:"string",description:"The screen reader name of the trigger."}},omit:[],examples:[{id:"PickerTrigger.empty",title:"Empty",props:{label:"Date of birth",placeholder:"Select a date"}},{id:"PickerTrigger.filled",title:"With a value",props:{label:"Date of birth",value:"24 Oct 2026",clearable:!0}},{id:"PickerTrigger.error",title:"Error",props:{label:"Date of birth",placeholder:"Select a date",error:"Choose a date",required:!0}},{id:"PickerTrigger.disabled",title:"Disabled",props:{label:"Date of birth",value:"24 Oct 2026",disabled:!0}}],usage:{when:["Show a closed field that opens a picker, sheet or modal when pressed.","Build a custom picker that must match Input and Select."],whenNot:[{text:"Free text entry.",instead:"Input"},{text:"A list of options chosen inline.",instead:"Select"}],do:[{note:"Show the current choice as the value and a hint as the placeholder.",example:[{component:"PickerTrigger",props:{label:"Time",value:"10:30 AM"}}]}],dont:[{note:"Do not leave the trigger without a label or placeholder.",example:[{component:"PickerTrigger",props:{}}]}],a11y:["The trigger reads as a button with the label and the chosen value.","Set accessibilityLabel when the label is a node."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ProfileCompletion",marker:null,platforms:["phone"],acceptsChildren:!1,props:{progress:{type:"number",required:!0,description:"Percentage of the profile filled in, 0 to 100."},title:{type:"string",required:!0,description:"The profile name."},subtitle:{type:"string",description:"A second line under the title, such as a role or type."},description:{type:"string",description:"A sentence under the subtitle."},source:{type:"url",description:"Avatar image; the initials of the title show when it is left out."},size:{type:"number",default:56,description:"Avatar diameter in pixels."},avatarTone:{type:"enum",values:["neutral","primary","secondary","success","warning","danger","info"],default:"neutral",description:"Colour scheme of the initials circle."},avatarBackgroundColor:{type:"string",description:"Fill behind the initials; wins over avatarTone."},avatarColor:{type:"string",description:"Colour of the initials; wins over avatarTone."},ringWidth:{type:"number",description:"Stroke width of the ring; the theme value applies when it is left out."},ringGap:{type:"number",default:1,description:"Air between the avatar edge and the ring."},ringVariant:{type:"enum",values:["banded","single"],default:"banded",description:"Whether the ring changes colour by thirds of progress or keeps one colour."},tone:{type:"enum",values:["primary","success","warning","danger"],description:"A fixed ring colour that also turns the bands off."},ringColor:{type:"string",description:"Explicit ring colour; wins over tone and the bands."},animated:{type:"boolean",default:!0,description:"Sweeps the ring to a new progress."},showCompleteBadge:{type:"boolean",default:!0,description:"Shows a tick badge on the ring at 100 percent."},trailing:{type:"node",description:"Content at the right edge, such as an Edit link."},accessibilityLabel:{type:"string",description:"The screen reader name of the summary."}},omit:["ImageComponent"],examples:[{id:"ProfileCompletion.partial",title:"Partly complete",props:{progress:60,title:"Acme Traders",subtitle:"Business profile",description:"Add your tax number to finish."}},{id:"ProfileCompletion.complete",title:"Complete",props:{progress:100,title:"Acme Traders",subtitle:"Business profile"}},{id:"ProfileCompletion.singleColour",title:"One ring colour",props:{progress:40,title:"Asha Rao",ringVariant:"single",tone:"primary"}}],usage:{when:["Show how much of a profile or onboarding form is filled in, next to who it belongs to.","Put it at the top of a profile or settings screen."],whenNot:[{text:"A progress value with no avatar or profile.",instead:"ProgressRing or ProgressBar"}],do:[{note:"Pass progress as a percentage from 0 to 100.",example:[{component:"ProfileCompletion",props:{progress:60,title:"Acme Traders"}}]}],dont:[{note:"Do not pass progress as a fraction between 0 and 1; 0.6 reads as less than one percent.",example:[{component:"ProfileCompletion",props:{progress:.6,title:"Acme Traders"}}]}],a11y:["The ring and the text are one screen reader element that reads the name and the percent.","Keep the trailing action focusable on its own; it sits outside that element."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ProfilePicker",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"url",description:"Current photo URL or local URI; the initials or a placeholder show when it is left out."},name:{type:"string",description:"The person's name; it gives the initials shown when there is no photo."},loading:{type:"boolean",default:!1,description:"Shows a spinner over the photo and blocks presses while an upload runs."},disabled:{type:"boolean",default:!1,description:"Blocks presses and hides the badge."},accept:{type:"array",default:["image/*"],description:"Accepted file types."},maxSizeMB:{type:"number",description:"Largest photo size accepted, in megabytes."},size:{type:"enumOrNumber",values:["sm","md","lg"],default:"md",description:"A preset diameter (sm 72, md 120, lg 160) or an exact diameter in pixels."},shape:{type:"enum",values:["circle","rounded","square"],default:"circle",description:"The photo outline."},badgeIcon:{type:"icon",default:"camera",description:"The icon on the badge at the bottom right."},tone:{type:"enum",values:["primary","success","warning","danger","info","neutral"],description:"Colour of the badge; the theme setting decides when it is left out."},variant:{type:"enum",values:["solid","soft","outline"],description:"Look of the badge; the theme setting decides when it is left out."},avatarTone:{type:"enum",values:["neutral","primary","secondary","success","warning","danger","info"],description:"Colour of the initials circle."},avatarBackgroundColor:{type:"string",description:"Fill behind the initials or the placeholder icon."},avatarColor:{type:"string",description:"Colour of the initials or the placeholder icon."},label:{type:"string",description:"A label above the picker."},required:{type:"boolean",default:!1,description:"Marks the label as required."},helperText:{type:"string",description:"Text under the picker."},error:{type:"node",description:"The error text under the picker."},layout:{type:"enum",values:["stacked","inline","profile"],default:"stacked",description:"Photo alone, photo with text beside it, or text centred beneath it."},title:{type:"node",description:"Bold text beside or beneath the photo in the inline and profile layouts."},subtitle:{type:"node",description:"Muted text beside or beneath the photo in the inline and profile layouts."},accessibilityLabel:{type:"string",description:"The screen reader name of the photo button."}},omit:["ImageComponent","labels","haptic","sources"],examples:[{id:"ProfilePicker.initials",title:"Initials",props:{name:"Asha Rao",size:"md"}},{id:"ProfilePicker.inline",title:"Inline with text",props:{name:"Asha Rao",layout:"inline",title:"Asha Rao",subtitle:"Store owner",size:"sm"}},{id:"ProfilePicker.profile",title:"Profile layout",props:{name:"Asha Rao",layout:"profile",title:"Asha Rao",subtitle:"Store owner",shape:"rounded"}},{id:"ProfilePicker.error",title:"Error",props:{name:"Asha Rao",label:"Profile photo",required:!0,error:"Add a photo"}}],usage:{when:["Let a person set or change their profile photo.","Show the profile photo with a name and role beside it."],whenNot:[{text:"Showing a photo that cannot be changed.",instead:"Avatar"},{text:"Attaching documents or other files.",instead:"FilePicker"}],do:[{note:"Pass the person's name so initials show when there is no photo.",example:[{component:"ProfilePicker",props:{name:"Asha Rao"}}]}],dont:[{note:"Do not hide the label and error text; say what is wrong with the photo.",example:[{component:"ProfilePicker",props:{error:"Error"}}]}],a11y:["The photo is a button named Change profile photo; set accessibilityLabel to say more.","Errors are passed as the accessibility hint of the photo button."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ProgressBar",marker:null,platforms:["phone"],acceptsChildren:!1,props:{progress:{type:"number",description:"Fraction of the track filled, from 0 to 1; the bar is indeterminate when it is left out."},label:{type:"node",description:"Text or content drawn above the bar."},showPercent:{type:"boolean",default:!1,description:"Shows the percent at the right of the label row; determinate bars only."},indeterminate:{type:"boolean",description:"Plays a looping sweep instead of a fixed fill; true automatically when progress is not a number."},height:{type:"number",default:6,description:"Track height in pixels."},radius:{type:"number",description:"Corner radius in pixels; fully rounded when left out."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"Bar colour when no barColor is set."},trackColor:{type:"string",description:"Track colour override."},barColor:{type:"string",description:"Bar colour override; wins over tone."},segments:{type:"array",itemFields:{value:{type:"number",required:!0,description:"Fraction of the full track, 0 to 1."},color:{type:"string",description:"Explicit segment colour; the tone applies when it is left out."},tone:{type:"enum",values:["primary","success","warning","danger"],description:"Segment colour when no colour is set."}},description:"A multi-colour breakdown bar instead of a single fill."},animated:{type:"boolean",default:!0,description:"Animates fill changes; false snaps to the new value."},accessibilityLabel:{type:"string",description:"The screen reader name of the bar."}},omit:["gradient"],examples:[{id:"ProgressBar.determinate",title:"Determinate with percent",props:{progress:.6,label:"Upload",showPercent:!0}},{id:"ProgressBar.danger",title:"Danger tone",props:{progress:.85,tone:"danger",label:"Storage used",showPercent:!0}},{id:"ProgressBar.indeterminate",title:"Indeterminate",props:{indeterminate:!0}},{id:"ProgressBar.segments",title:"Segmented breakdown",props:{height:10,segments:[{value:.5,tone:"primary"},{value:.3,tone:"warning"},{value:.1,tone:"danger"}]}}],usage:{when:["Show known progress, such as an upload or an onboarding step.","Show a usage split with segments.","Show an unknown wait with the indeterminate sweep."],whenNot:[{text:"Progress that belongs to a picture or icon.",instead:"ProgressRing"},{text:"A wait of unknown length with no layout space for a bar.",instead:"Spinner"}],do:[{note:"Pass progress as a fraction from 0 to 1.",example:[{component:"ProgressBar",props:{progress:.6,label:"Upload",showPercent:!0}}]}],dont:[{note:"Do not pass a percentage; 60 fills the track and reads as complete.",example:[{component:"ProgressBar",props:{progress:60}}]}],a11y:["Give the bar a label or an accessibilityLabel so a screen reader says what is progressing.","Do not rely on colour alone; show the percent when the number matters."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ProgressRing",marker:null,platforms:["phone"],acceptsChildren:!0,props:{progress:{type:"number",description:"Fraction of the ring filled, 0 to 1; empty when left out."},size:{type:"number",default:48,description:"Outer diameter in pixels."},strokeWidth:{type:"number",description:"Stroke width of the track and the fill; the theme value applies when it is left out."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"Fill colour when no ringColor is set."},trackColor:{type:"string",description:"Track colour override."},ringColor:{type:"string",description:"Fill colour override; wins over tone."},colorByProgress:{type:"boolean",default:!1,description:"Colours the fill red, amber then green as it fills; ignored when ringColor is set."},animated:{type:"boolean",default:!0,description:"Animates progress changes."},rounded:{type:"boolean",default:!0,description:"Rounds the ends of the fill arc."},accessibilityLabel:{type:"string",description:"The screen reader name of the ring."}},omit:[],examples:[{id:"ProgressRing.default",title:"Default",props:{progress:.65,size:96}},{id:"ProgressRing.byProgress",title:"Colour by progress",props:{progress:.4,size:64,colorByProgress:!0}},{id:"ProgressRing.success",title:"Complete",props:{progress:1,size:48,tone:"success"}}],usage:{when:["Show progress that belongs to a thing, such as a profile picture or a step icon.","Wrap an avatar, an icon or a percentage in a ring."],whenNot:[{text:"Progress shown as a row.",instead:"ProgressBar"},{text:"A wait of unknown length.",instead:"Spinner"}],do:[{note:"Pass progress as a fraction from 0 to 1.",example:[{component:"ProgressRing",props:{progress:.65,size:96}}]}],dont:[{note:"Do not pass a percentage; 65 fills the whole ring.",example:[{component:"ProgressRing",props:{progress:65,size:96}}]}],a11y:["Set accessibilityLabel to say what the ring measures.","A reduced motion setting on the device snaps the ring to the new value."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Radio",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"stringOrNumber",required:!0,description:"The value this radio stands for, compared with the selected value of its group."},selected:{type:"boolean",description:"Whether the radio is selected when it is used on its own, outside a group."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the radio."},label:{type:"node",description:"The text beside the radio. A node label needs an accessibilityLabel."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label. It also draws the empty ring in the error colour; true shows the error state without a message."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the radio ring."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the selected radio."},accessibilityLabel:{type:"string",description:"The accessible name of the radio. Needed when the label is a node."},accessibilityHint:{type:"string",description:"What happens when the control is used, read after its name by a screen reader."}},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:"Radio.selected",title:"Selected",props:{value:"monthly",selected:!0,label:"Monthly billing"}},{id:"Radio.description",title:"With a description",props:{value:"yearly",selected:!1,label:"Yearly billing",description:"Two months free."}},{id:"Radio.error",title:"Error",props:{value:"terms",selected:!1,label:"Accept the terms",error:"You must accept the terms to continue."}}],usage:{when:["The person picks exactly one option from a short list, with every option visible at once.","A choice must be seen with its alternatives, such as a delivery speed or a billing period."],whenNot:[{text:"The person picks any number of options.",instead:"Checkbox"}],do:[{note:"Give every radio a visible label, so the person can tell what each option means.",example:[{component:"Radio",props:{value:"monthly",label:"Monthly billing"}}]},{note:"Use the danger tone only for a choice that deletes data.",example:[{component:"Radio",props:{value:"delete",label:"Delete my account",tone:"danger"}}]}],dont:[{note:"Do not leave a radio with no label. The person cannot tell which option it picks.",example:[{component:"Radio",props:{value:"monthly"}}]},{note:"Do not show a destructive choice in the primary tone. The colour then gives no warning.",example:[{component:"Radio",props:{value:"delete",label:"Delete my account",tone:"primary"}}]}],a11y:["A node label needs an accessibilityLabel, which becomes the screen reader name.","The radio announces its selected and disabled states to screen readers."]}});

package/lib/module/components/Radio/RadioGroup.meta.js

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"RadioGroup",marker:null,platforms:["phone"],acceptsChildren:!0,props:{value:{type:"stringOrNumber",description:"The selected radio's value. Leave it out to let the group keep its own selection."},defaultValue:{type:"stringOrNumber",description:"The value selected when the group first renders, when the parent does not control value."},disabled:{type:"boolean",default:!1,description:"Blocks presses on every radio in the group and dims it."},error:{type:"node",description:"One error line under the group, and every radio's empty ring in the error colour. true shows the error state without a message."},accessibilityLabel:{type:"string",description:"The accessible name of the group, read when focus enters it."}},omit:[],examples:[{id:"RadioGroup.basic",title:"Basic",props:{value:"monthly",accessibilityLabel:"Billing period"}},{id:"RadioGroup.withDisabled",title:"Disabled",props:{value:"monthly",disabled:!0,accessibilityLabel:"Billing period"}},{id:"RadioGroup.preselected",title:"Preselected",props:{defaultValue:"yearly",accessibilityLabel:"Billing period"}}],usage:{when:["The person picks exactly one option from a short list, with every option visible at once.","The options must be compared side by side, such as a delivery speed or a billing period."],whenNot:[{text:"The list is long and needs scrolling or search",instead:"Select"},{text:"The person picks any number of options",instead:"Checkbox"}],do:[{note:"Give the group an accessibilityLabel that names the choice, so a screen reader announces what the radios pick.",example:[{component:"RadioGroup",props:{value:"monthly",accessibilityLabel:"Billing period"}}]},{note:"Leave the group enabled and disable only the options that cannot be picked.",example:[{component:"RadioGroup",props:{value:"monthly",accessibilityLabel:"Billing period"}}]}],dont:[{note:"Do not leave the group without a name. Screen readers announce only the radio labels.",example:[{component:"RadioGroup",props:{value:"monthly"}}]},{note:"Do not disable the whole group for one unavailable option. The person cannot pick the others either.",example:[{component:"RadioGroup",props:{value:"monthly",accessibilityLabel:"Billing period",disabled:!0}}]}],a11y:["The group is read as a radiogroup, and its accessibilityLabel is announced when focus enters it.","A disabled group is announced as disabled, and no radio in it can be pressed."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Rating",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"number",required:!0,description:"The selected number of stars."},max:{type:"number",default:5,description:"The total number of stars shown."},allowHalf:{type:"boolean",default:!0,description:"Allows selecting half stars."},readonly:{type:"boolean",default:!1,description:"Disables interaction and shows a static rating."},tone:{type:"enum",values:["primary","warning"],default:"warning",description:"The colour of the filled stars."},label:{type:"string",description:"A text line drawn above the star row."},loading:{type:"boolean",default:!1,description:"Replaces the stars with a skeleton placeholder."},accessibilityLabel:{type:"string",description:"The spoken name of the rating for screen readers."}},omit:["size","haptic"],examples:[{id:"Rating.default",title:"Interactive rating",props:{value:3,max:5,label:"Service quality"}},{id:"Rating.readonly",title:"Readonly with tone",props:{value:4,readonly:!0,tone:"primary",label:"Average score"}},{id:"Rating.loading",title:"Loading state",props:{value:3,max:5,loading:!0}}],usage:{when:["Show a selected score from a numeric scale, such as a product review or service quality.","Let a person tap to change the score when interaction is needed."],whenNot:[{text:"The scale is unbounded or continuous rather than discrete stars.",instead:"Slider"},{text:"The value is a simple yes or no.",instead:"Switch"}],do:[{note:"Label the rating with what the stars measure.",example:[{component:"Rating",props:{value:4,max:5,label:"Product quality"}}]},{note:"Keep the value within the zero to max range.",example:[{component:"Rating",props:{value:3,max:5}}]}],dont:[{note:"Do not leave a readonly rating unlabeled.",example:[{component:"Rating",props:{value:4,readonly:!0}}]},{note:"Do not set a value above max.",example:[{component:"Rating",props:{value:6,max:5}}]}],a11y:["Provide an accessibilityLabel that names what the stars measure, since the stars themselves are not readable text.","When interactive, the component exposes an adjustable role with the current value and range."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Repeater",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"array",required:!0,description:"The rows, one entry each; the kit shows the rows the app renders."},addLabel:{type:"string",default:"Add another",description:"Text of the add button."},minRows:{type:"number",default:0,description:"Rows at or below this count cannot be removed."},maxRows:{type:"number",description:"The add button hides at this count; no limit when left out."},removable:{type:"boolean",default:!0,description:"Shows the remove control on each row."},emptyText:{type:"string",description:"Text shown when there are no rows."},disabled:{type:"boolean",default:!1,description:"Blocks adding, removing and editing."}},omit:["haptic"],examples:[{id:"Repeater.empty",title:"Empty",props:{value:[],emptyText:"No line items yet.",addLabel:"Add line item"}},{id:"Repeater.limited",title:"Row limit",props:{value:[],minRows:1,maxRows:4,addLabel:"Add phone number",emptyText:"No phone numbers yet."}}],usage:{when:["Let people add, remove and edit a list of form rows, such as line items, phone numbers or addresses.","Keep the minimum and maximum row rules in one place."],whenNot:[{text:"A fixed list of fields.",instead:"FormField"},{text:"Choosing from a set of options.",instead:"Select"}],do:[{note:"Say what is being added in the add button label.",example:[{component:"Repeater",props:{value:[],addLabel:"Add phone number"}}]}],dont:[{note:"Do not leave the empty state blank when zero rows is allowed.",example:[{component:"Repeater",props:{value:[],minRows:0}}]}],a11y:["Give each row a label so the remove button says which row it removes.","Keep the add button reachable after the last row."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"RichTextEditor",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"string",description:"The markdown text, controlled like any input."},placeholder:{type:"string",description:"Text shown while the draft is empty."},disabled:{type:"boolean",default:!1,description:"Blocks typing and every toolbar action, and dims the editor."},loading:{type:"boolean",default:!1,description:"Shows the skeleton placeholder instead of the editor."},minHeight:{type:"number",default:160,description:"Minimum height of the text area, in pixels."},autoFocus:{type:"boolean",default:!1,description:"Focuses the text area when it appears."},accessibilityLabel:{type:"string",description:"The screen reader name of the editor."}},omit:["actions","haptic"],examples:[{id:"RichTextEditor.default",title:"Empty",props:{placeholder:"Write your notes...",minHeight:160}},{id:"RichTextEditor.withText",title:"With text",props:{value:"**Meeting notes**\n- Agree the launch date\n- Share the plan",minHeight:120}},{id:"RichTextEditor.disabled",title:"Disabled",props:{value:"This note is locked.",disabled:!0}},{id:"RichTextEditor.loading",title:"Loading",props:{loading:!0}}],usage:{when:["Let people write formatted notes or descriptions as markdown, with a toolbar for bold, lists and links.","Pair it with Markdown to preview the text."],whenNot:[{text:"Short plain text.",instead:"Input"},{text:"Showing formatted text without editing.",instead:"Markdown"}],do:[{note:"Set a placeholder that tells people what to write.",example:[{component:"RichTextEditor",props:{placeholder:"Write your notes..."}}]}],dont:[{note:"Do not use it for a single short answer; a plain input is simpler.",example:[{component:"RichTextEditor",props:{minHeight:40}}]}],a11y:["Each toolbar button has a spoken name such as Bold or Bulleted list.","Set accessibilityLabel to name the field."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"ScannerOverlay",marker:null,platforms:["phone"],acceptsChildren:!0,props:{state:{type:"enum",values:["scanning","found","invalid","noPermission","noCamera"],default:"scanning",description:"Which camera state to draw: waiting for a code, a code found, a code refused, or a panel for missing permission or camera."},hint:{type:"string",default:"Point the camera at the code",description:"The line under the frame while scanning."},labels:{type:"object",description:"Replaces any of the default texts.",fields:{found:{type:"string",default:"Code found",description:"Spoken and shown when a code is found."},invalid:{type:"string",default:"This code cannot be used. Try another.",description:"Shown when the code cannot be used."},torchOn:{type:"string",default:"Turn torch on",description:"The torch button name while the torch is off."},torchOff:{type:"string",default:"Turn torch off",description:"The torch button name while the torch is on."},manualEntry:{type:"string",default:"Enter code instead",description:"The button that opens typing the code instead."},gallery:{type:"string",default:"Upload from gallery",description:"The button that picks a code from the photo gallery."},noPermissionTitle:{type:"string",default:"Camera access is off",description:"The title of the panel shown when camera access is off."},noPermissionMessage:{type:"string",default:"Allow camera access to scan a code.",description:"The text of the panel shown when camera access is off."},permissionAction:{type:"string",default:"Allow camera access",description:"The button on the camera access panel."},noCameraTitle:{type:"string",default:"No camera found",description:"The title of the panel shown when the device has no camera."},noCameraMessage:{type:"string",default:"This device has no camera available. You can still add the code another way.",description:"The text of the panel shown when the device has no camera."}}},torch:{type:"boolean",default:!1,description:"Whether the torch is on."},frameSize:{type:"number",default:260,description:"Side of the square cutout in points; never drawn under 240."}},omit:["haptic"],examples:[{id:"ScannerOverlay.scanning",title:"Scanning",props:{state:"scanning",hint:"Point the camera at the code",frameSize:260}},{id:"ScannerOverlay.found",title:"Code found",props:{state:"found"}},{id:"ScannerOverlay.invalid",title:"Code refused",props:{state:"invalid"}},{id:"ScannerOverlay.noPermission",title:"No camera permission",props:{state:"noPermission"}}],usage:{when:["Scan a QR code or barcode with the camera.","Show a clear frame, a hint and the fallbacks around a camera view."],whenNot:[{text:"Scanning a document or taking a photo.",instead:"FilePicker"},{text:"Typing a code by hand.",instead:"Input"}],do:[{note:"Keep the hint short and say what to scan.",example:[{component:"ScannerOverlay",props:{hint:"Point the camera at the code"}}]},{note:"Set the state from the scan result so the frame shows found or refused.",example:[{component:"ScannerOverlay",props:{state:"found"}}]}],dont:[{note:"Do not shrink the frame under 240 points; a smaller frame is drawn at 240 anyway.",example:[{component:"ScannerOverlay",props:{frameSize:120}}]},{note:"Do not leave a refused code without a message; set the state to invalid.",example:[{component:"ScannerOverlay",props:{state:"scanning"}}]}],a11y:["The cutout and corner marks are hidden from screen readers; the hint and every state change are announced instead.","The manual entry button stays reachable in every state."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Screen",marker:null,platforms:["phone"],acceptsChildren:!0,props:{title:{type:"string",description:"The app bar title."},subtitle:{type:"string",description:"A line under the title in the app bar."},largeTitle:{type:"boolean",default:!0,description:"Shows the large title that collapses into the bar as the content scrolls."},rightActions:{type:"array",description:"Actions at the right of the app bar.",itemFields:{icon:{type:"node",description:"The glyph of the action."},text:{type:"string",description:"A text action shown in place of the icon."},dot:{type:"boolean",description:"Draws a small unread dot on the button."},accessibilityLabel:{type:"string",description:"The spoken name of the action."},badge:{type:"stringOrNumber",description:"A count or short text drawn as a badge on the button."}}},leading:{type:"node",description:"Content at the left of the app bar."},refreshing:{type:"boolean",default:!1,description:"Keeps the pull to refresh spinner showing while true."},footer:{type:"node",description:"Content pinned under the page, above the keyboard."},scroll:{type:"boolean",default:!0,description:"Scrolls the content; false draws it in a plain view."},edges:{type:"array",default:["top","bottom"],description:"The safe area edges that get padding, from top, bottom, left and right."},keyboardToolbar:{type:"boolean",default:!0,description:"Shows the keyboard toolbar for moving between fields."}},omit:["list"],examples:[{id:"Screen.default",title:"Large title",props:{title:"Orders",subtitle:"Scroll to collapse the title, or pull down",largeTitle:!0}},{id:"Screen.compactTitle",title:"Compact title",props:{title:"Orders",largeTitle:!1,keyboardToolbar:!1}},{id:"Screen.fixed",title:"Fixed page with no scrolling",props:{title:"Settings",scroll:!1,edges:["top"]}}],usage:{when:["Wrap every page of the app so the safe area, app bar and keyboard are handled the same way.","Give a page a large title that collapses as the content scrolls."],whenNot:[{text:"A bar over content you already lay out yourself.",instead:"AppBar"},{text:"A sheet or popup above the page.",instead:"BottomSheet"}],do:[{note:"Give each page a title so the bar and the large title have something to show.",example:[{component:"Screen",props:{title:"Orders"}}]},{note:"A page inside tabs pads the top edge only, because the tab bar covers the bottom.",example:[{component:"Screen",props:{title:"Home",edges:["top"]}}]}],dont:[{note:"Do not nest one Screen inside another; each page has one.",example:[{component:"Screen",props:{title:"Orders",scroll:!1}}]},{note:"Do not turn scrolling off for content that can be longer than the screen.",example:[{component:"Screen",props:{scroll:!1}}]}],a11y:["The title is exposed to screen readers as a header.","The back button runs on press and on the Android back key."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SearchBar",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{type:"string",description:"A label above the field, or floating inside it."},labelMode:{type:"enum",values:["top","float"],default:"top",description:"Whether the label sits above the field or rises from inside it."},value:{type:"string",description:"The text in the field."},placeholder:{type:"string",default:"Search…",description:"The text shown while the field is empty."},autoFocus:{type:"boolean",default:!1,description:"Focuses the field as soon as it appears."},disabled:{type:"boolean",default:!1,description:"Blocks editing and dims the field."},leftIcon:{type:"icon",description:"Replaces the magnifier on the left."},debounceMs:{type:"number",description:"How long to wait after typing before the change is reported, in milliseconds."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field height and text size."},variant:{type:"enum",values:["filled","outlined","underline"],description:"A filled pill, an outlined field or a bottom line; left out, the theme chooses."},borderRadius:{type:"number",description:"The corner radius in points; an underline field is always square."},scopes:{type:"array",description:"Chips under the field that narrow what is searched.",itemFields:{label:{type:"string",required:!0,description:"The text on the chip."},value:{type:"string",required:!0,description:"The value reported when the chip is chosen."}}},scope:{type:"string",description:"The value of the chosen chip."},recents:{type:"array",description:"Recent searches offered while the field is focused and empty, newest first."},recentsTitle:{type:"string",default:"Recent searches",description:"The heading above the recent searches."},maxRecents:{type:"number",default:8,description:"The most recent searches drawn."},suggestions:{type:"array",description:"Predicted searches offered while the field is focused and has text; each is a text or an object with a text."},maxSuggestions:{type:"number",default:8,description:"The most suggestions drawn."},accessibilityLabel:{type:"string",description:"The spoken name of the field."}},omit:["haptic"],examples:[{id:"SearchBar.default",title:"Filled",props:{placeholder:"Search by name",size:"md",variant:"filled"}},{id:"SearchBar.withScopes",title:"With scope chips",props:{placeholder:"Search by name",scopes:[{label:"All",value:"all"},{label:"People",value:"people"},{label:"Files",value:"files"}],scope:"all"}},{id:"SearchBar.outlined",title:"Outlined with a label",props:{variant:"outlined",label:"Search",labelMode:"top",placeholder:"Search by name"}},{id:"SearchBar.disabled",title:"Disabled",props:{disabled:!0,value:"Mumbai"}}],usage:{when:["Filter or search a list from one field.","Offer recent searches, suggestions or scope chips under the field."],whenNot:[{text:"Collecting a value to submit in a form.",instead:"Input"},{text:"Choosing from a fixed list of options.",instead:"Select"}],do:[{note:"Say what can be searched in the placeholder.",example:[{component:"SearchBar",props:{placeholder:"Search by name"}}]},{note:"Put the broadest scope first; it is chosen until the person picks another.",example:[{component:"SearchBar",props:{scopes:[{label:"All",value:"all"},{label:"People",value:"people"}],scope:"all"}}]}],dont:[{note:"Do not use it as a form field that holds an answer.",example:[{component:"SearchBar",props:{label:"Email address"}}]},{note:"Do not leave the placeholder empty; the field then gives no hint.",example:[{component:"SearchBar",props:{placeholder:""}}]}],a11y:["Set accessibilityLabel when the placeholder alone does not name the field.","Recent searches and suggestions are reachable and announced when they appear."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SectionHeader",marker:null,platforms:["phone"],acceptsChildren:!0,props:{variant:{type:"enum",values:["title","caps","sub"],default:"title",description:"A large heading, a quieter uppercase label, or a smaller heading for use inside a card."},flush:{type:"boolean",default:!1,description:"Drops the room above, for the first heading of a block."},required:{type:"boolean",default:!1,description:"Draws the required marker after the heading and announces the heading as required."}},omit:[],examples:[{id:"SectionHeader.default",title:"Heading",props:{variant:"title"},children:"Supply lines"},{id:"SectionHeader.caps",title:"Quiet label for the first block",props:{variant:"caps",flush:!0},children:"Separation distance"},{id:"SectionHeader.sub",title:"Heading inside a card",props:{variant:"sub"},children:"Contact details"},{id:"SectionHeader.required",title:"Required group",props:{variant:"title",required:!0},children:"Billing address"}],usage:{when:["Title a group of fields in a form, a wizard step or a panel.","Let the header carry the spacing instead of setting margins around a heading."],whenNot:[{text:"The title of the whole page.",instead:"Screen"},{text:"A line between two rows with no title.",instead:"Divider"}],do:[{note:"Use flush on the first heading of a block so it does not add room above.",example:[{component:"SectionHeader",props:{variant:"caps",flush:!0},children:"Separation distance"}]},{note:"Use the sub variant for a heading inside a card.",example:[{component:"SectionHeader",props:{variant:"sub"},children:"Contact details"}]}],dont:[{note:"Do not stack two headings with no fields between them.",example:[{component:"SectionHeader",props:{variant:"title"},children:"Supply lines"}]},{note:"Do not mark a heading required when only some of its fields are.",example:[{component:"SectionHeader",props:{required:!0},children:"Optional extras"}]}],a11y:["It is always exposed to screen readers as a header.","A required heading is announced as the text followed by required."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SegmentedControl",marker:null,platforms:["phone"],acceptsChildren:!1,props:{segments:{type:"array",required:!0,description:"The choices, one per segment.",itemFields:{label:{type:"string",required:!0,description:"The text of the segment."},value:{type:"stringOrNumber",required:!0,description:"The value the segment stands for."},icon:{type:"icon",description:"An icon drawn with the label."}}},label:{type:"node",description:"A label above the control, drawn like a field label."},helperText:{type:"node",description:"A helper line under the control."},error:{type:"node",description:"An error line under the control; the control is outlined in the error colour."},value:{type:"stringOrNumber",description:"The chosen segment's value."},defaultValue:{type:"stringOrNumber",description:"The segment chosen at the start when the control keeps its own choice; the first segment when left out."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The height and text size of the control."},fullWidth:{type:"boolean",default:!0,description:"Stretches the control to the width of its container."},disabled:{type:"boolean",default:!1,description:"Blocks changes and dims the control."},tone:{type:"enum",values:["primary","neutral"],default:"primary",description:"The colour of the chosen label and icon: the brand colour or the text colour."},variant:{type:"enum",values:["underline","pills","segmented"],default:"segmented",description:"A filled track with a sliding thumb, a sliding underline, or a tinted pill."},radius:{type:"enumOrNumber",values:["none","sm","md","lg","xl","pill"],description:"The corner radius, a named step or a number of points; left out, each look keeps its own."},labelLines:{type:"enum",values:[1,2],default:1,description:"The lines a segment label may take before it is cut; two lets a longer label wrap."},accessibilityLabel:{type:"string",description:"The spoken name of the group."}},omit:["haptic"],examples:[{id:"SegmentedControl.default",title:"Filled track",props:{segments:[{label:"Day",value:"d"},{label:"Week",value:"w"},{label:"Month",value:"m"}],value:"d",variant:"segmented",size:"md"}},{id:"SegmentedControl.underline",title:"Underline",props:{segments:[{label:"Day",value:"d"},{label:"Week",value:"w"},{label:"Month",value:"m"}],value:"w",variant:"underline"}},{id:"SegmentedControl.pills",title:"Pills, neutral tone",props:{segments:[{label:"Day",value:"d"},{label:"Week",value:"w"},{label:"Month",value:"m"}],value:"m",variant:"pills",tone:"neutral"}},{id:"SegmentedControl.labelled",title:"With a label and helper line",props:{segments:[{label:"Day",value:"d"},{label:"Week",value:"w"}],value:"d",label:"Range",helperText:"Pick how to group the figures."}}],usage:{when:["Choose one of two to five short options and show them all at once.","Switch the view of the same content, such as a day, week or month range."],whenNot:[{text:"Moving between screens of the app.",instead:"Tabs"},{text:"Choosing from a long list.",instead:"Select"}],do:[{note:"Keep each label to a word or two so every segment fits.",example:[{component:"SegmentedControl",props:{segments:[{label:"Day",value:"d"},{label:"Week",value:"w"}],value:"d"}}]},{note:"Use two label lines only when a two word label has to fit.",example:[{component:"SegmentedControl",props:{segments:[{label:"First half",value:"1"},{label:"Second half",value:"2"}],value:"1",labelLines:2}}]}],dont:[{note:"Do not use it to move between screens; use tabs for that.",example:[{component:"SegmentedControl",props:{segments:[{label:"Home",value:"h"},{label:"Orders",value:"o"}],value:"h"}}]},{note:"Do not put more than five segments in one control.",example:[{component:"SegmentedControl",props:{segments:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"},{label:"E",value:"e"},{label:"F",value:"f"}],value:"a"}}]}],a11y:["The control is a radio group and each segment is a radio with its selected state.","Set accessibilityLabel when there is no label text to name the group."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Select",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"any",description:"The selected value when the parent controls it: one option's value, or a list of them when several can be chosen."},options:{type:"array",required:!0,description:"The options to pick from, each with a label, a value and an optional icon, description or disabled flag.",itemFields:{label:{type:"string",required:!0,description:"The text shown for the option."},value:{type:"stringOrNumber",required:!0,description:"The value the option stands for."},description:{type:"string",description:"A supporting description line under the label."},icon:{type:"icon",description:"An icon drawn beside the option."},disabled:{type:"boolean",description:"Blocks selection of this option."}}},placeholder:{type:"string",description:"Text shown when nothing is selected."},searchable:{type:"boolean",default:!1,description:"Shows a search box above the option list in the sheet."},label:{type:"node",description:"The label above the field."},help:{type:"node",description:"Content drawn beside the label, outside the trigger."},title:{type:"string",description:"Heading shown at the top of the options bottom-sheet."},required:{type:"boolean",default:!1,description:"Adds the required marker to the label."},error:{type:"node",description:"The error text under the field; true shows the error state with no message."},helperText:{type:"node",description:"Hint under the field, shown while there is no error."},prefix:{type:"node",description:"Fixed text drawn before the value."},numberOfLines:{type:"number",default:1,description:"Lines the chosen value may take before it is truncated."},disabled:{type:"boolean",default:!1,description:"Blocks presses and dims the field."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field size."},variant:{type:"enum",values:["outlined","filled","underline"],description:"The field look; the theme setting decides when it is left out."},leftIcon:{type:"icon",description:"Slot rendered to the left of the trigger text."},rightIcon:{type:"icon",description:"Replaces the built-in arrow on the right of the trigger."},chevronColor:{type:"string",description:"Colour of the built-in chevron."},chevronSize:{type:"number",description:"Size of the built-in chevron in pixels."},borderRadius:{type:"number",description:"Per-instance override for the trigger's corner radius."},accessibilityLabel:{type:"string",description:"The screen-reader name of the trigger."},multi:{type:"boolean",default:!1,description:"Allows selecting multiple options."}},omit:["haptic"],examples:[{id:"Select.empty",title:"Empty",props:{label:"Country",placeholder:"Select a country",options:[{label:"India",value:"IN"},{label:"Australia",value:"AU"},{label:"United Kingdom",value:"GB"}]}},{id:"Select.filled",title:"With a value",props:{label:"Country",value:"IN",options:[{label:"India",value:"IN"},{label:"Australia",value:"AU"},{label:"United Kingdom",value:"GB"}]}},{id:"Select.multi",title:"Multiple selection",props:{label:"Interests",multi:!0,value:["art","tech"],options:[{label:"Art",value:"art"},{label:"Technology",value:"tech"},{label:"Sports",value:"sports"}]}}],usage:{when:["A form field to pick one or more options from a bottom sheet.","The choice needs a full standalone field with its own border."],whenNot:[{text:"A compact dropdown trigger inside a field prefix or suffix slot.",instead:"InlineSelect"}],do:[{note:"Use a title so the sheet heading describes the choice.",example:[{component:"Select",props:{label:"City",title:"Select city",options:[{label:"Bengaluru",value:"blr"},{label:"Chennai",value:"maa"}]}}]},{note:"Turn on search when the list of options is long.",example:[{component:"Select",props:{label:"Country",searchable:!0,options:[{label:"India",value:"IN"},{label:"Australia",value:"AU"}]}}]}],dont:[{note:"Do not leave the trigger with no title or label to describe the choice.",example:[{component:"Select",props:{options:[{label:"Bengaluru",value:"blr"},{label:"Chennai",value:"maa"}]}}]},{note:"Do not leave search off when the list of options is long.",example:[{component:"Select",props:{label:"Country",searchable:!1,options:[{label:"India",value:"IN"},{label:"Australia",value:"AU"}]}}]}],a11y:["The trigger reads as a button with the label and the chosen value.","Set title, label or accessibilityLabel so the trigger has a descriptive name for screen readers."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SignaturePad",marker:null,platforms:["phone"],acceptsChildren:!1,props:{initialStrokes:{type:"array",description:"A signature kept from before: each stroke is a list of x and y points in points of the pad."},initialTypedName:{type:"string",default:"",description:"A typed name kept from before."},defaultMode:{type:"enum",values:["draw","type"],default:"draw",description:"Whether the pad starts in drawing or in typing mode."},allowTyped:{type:"boolean",default:!0,description:"Offers the option to type a name instead of drawing."},signedBy:{type:"string",description:"The signer's name, shown on the line under the pad."},signedAt:{type:"stringOrNumber",description:"When it was signed, shown in Indian time; an ISO text or a timestamp number."},height:{type:"number",default:180,description:"The height of the pad in points."},maxNameLength:{type:"number",default:100,description:"The longest typed name allowed."},inkColor:{type:"string",description:"The colour of the strokes and the typed name; left out, the pad follows the theme."},paperColor:{type:"string",description:"The colour of the pad ground; left out, the pad follows the theme."},scriptFontFamily:{type:"string",description:"The font family of the typed name; left out, a system script face is used."},labels:{type:"object",description:"Replaces any of the default texts, for other languages.",fields:{pad:{type:"string",default:"Signature pad",description:"The spoken name of the pad."},padHint:{type:"string",default:"Draw with one finger. To sign without drawing, use the type your name action.",description:"The spoken hint on the drawing pad."},caption:{type:"string",default:"Sign above the line. To start with an up or down stroke, rest your finger a moment first.",description:"The hint under the drawing pad."},typedCaption:{type:"string",default:"Your typed name is used as your signature.",description:"The hint under the typed name."},undo:{type:"string",default:"Undo",description:"The undo button."},clear:{type:"string",default:"Clear",description:"The clear button."},typeInstead:{type:"string",default:"Type your name instead",description:"The button that switches to typing a name."},drawInstead:{type:"string",default:"Draw instead",description:"The button that switches back to drawing."},typedLabel:{type:"string",default:"Type your name",description:"The label of the name field."},typedPlaceholder:{type:"string",default:"Your full name",description:"The placeholder of the name field."},empty:{type:"string",default:"Not signed",description:"The spoken value while nothing is signed."},signed:{type:"string",default:"Signed",description:"The spoken value once signed."},typingAnnouncement:{type:"string",default:"Signing by typing your name. Your typed name is used as your signature. Choose Draw instead to sign with your finger.",description:"Spoken when the pad switches to typing."},drawingAnnouncement:{type:"string",default:"Signing by drawing. Use one finger on the pad.",description:"Spoken when the pad switches to drawing."},clearedAnnouncement:{type:"string",default:"Signature cleared",description:"Spoken after the signature is cleared."},undoneAnnouncement:{type:"string",default:"Last stroke removed",description:"Spoken after the last stroke is removed."},emptyError:{type:"string",default:"Add a signature first.",description:"The message of the error raised when exporting an empty pad."},expand:{type:"string",default:"Expand",description:"The button that opens the pad full screen."},done:{type:"string",default:"Done",description:"The button that closes the full screen pad and keeps the strokes."},close:{type:"string",default:"Close",description:"The button that closes the full screen pad and discards the strokes."}}},disabled:{type:"boolean",default:!1,description:"Blocks drawing and typing and dims the pad."}},omit:["haptic"],examples:[{id:"SignaturePad.default",title:"Drawing pad",props:{height:180,allowTyped:!0}},{id:"SignaturePad.typed",title:"Typed name",props:{defaultMode:"type",initialTypedName:"Priya Raghavan",signedBy:"Priya Raghavan"}},{id:"SignaturePad.drawOnly",title:"Drawing only",props:{allowTyped:!1,height:220}},{id:"SignaturePad.disabled",title:"Disabled",props:{disabled:!0,height:140}}],usage:{when:["Capture a signature by finger on a form, a consent or an agreement.","Let people who cannot draw type their name as the signature."],whenNot:[{text:"Picking or taking a photo or a file.",instead:"FilePicker"},{text:"Confirming a risky action.",instead:"SlideToConfirm"}],do:[{note:"Leave typing on so anyone can sign without drawing.",example:[{component:"SignaturePad",props:{allowTyped:!0}}]},{note:"Show who is signing with signedBy.",example:[{component:"SignaturePad",props:{signedBy:"Priya Raghavan"}}]}],dont:[{note:"Do not turn typing off unless a typed signature is not acceptable.",example:[{component:"SignaturePad",props:{allowTyped:!1}}]},{note:"Do not make the pad too short to sign in.",example:[{component:"SignaturePad",props:{height:60}}]}],a11y:["Under a screen reader an untouched pad starts on the typed name and says so.","Undo, clear and the mode switch are available as accessibility actions."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Skeleton",marker:null,platforms:["phone"],acceptsChildren:!1,props:{shape:{type:"enum",values:["rect","rounded","circle","text"],default:"rect",description:"The shape of the placeholder: square corners, rounded corners, a circle or a line of text."},width:{type:"stringOrNumber",default:"100%",description:"The width as points, auto, or a percentage text such as 60%."},height:{type:"number",default:16,description:"The height in points."},radius:{type:"enumOrNumber",values:["sm","md","lg","xl","pill"],description:"The corner radius, a named step or a number of points."},variant:{type:"enum",values:["shimmer","pulse","none"],description:"How the placeholder moves: a sweeping shimmer, a pulse, or none; left out, the provider or shimmer is used."},speed:{type:"enum",values:["slow","normal","fast"],description:"How fast the shimmer sweeps."},colors:{type:"object",description:"Replaces the resting and highlight colours of the placeholder.",fields:{background:{type:"string",description:"The resting colour."},highlight:{type:"string",description:"The moving shimmer or pulse colour."}}}},omit:[],examples:[{id:"Skeleton.default",title:"Line",props:{width:"100%",height:16}},{id:"Skeleton.rounded",title:"Rounded card",props:{shape:"rounded",height:80}},{id:"Skeleton.circle",title:"Circle",props:{shape:"circle",width:48,height:48}},{id:"Skeleton.pulse",title:"Pulse",props:{variant:"pulse",width:"60%"}}],usage:{when:["Hold the place of one block of content while it loads.","Match the size and shape of the content that will replace it."],whenNot:[{text:"A wait of unknown shape or a whole screen.",instead:"Spinner"},{text:"Several lines of text.",instead:"SkeletonText"}],do:[{note:"Give the block the size of the real content so the page does not jump.",example:[{component:"Skeleton",props:{shape:"rounded",height:80}}]},{note:"Use the circle shape with equal width and height for an avatar.",example:[{component:"Skeleton",props:{shape:"circle",width:48,height:48}}]}],dont:[{note:"Do not leave a skeleton showing after the data has arrived.",example:[{component:"Skeleton",props:{variant:"none",height:16}}]},{note:"Do not draw a circle with different width and height.",example:[{component:"Skeleton",props:{shape:"circle",width:48,height:16}}]}],a11y:["The placeholder is hidden from screen readers; announce the loading state in the screen that owns it.","Under reduced motion the shimmer plays as a pulse."]}});

package/lib/module/components/Skeleton/SkeletonCircle.meta.js

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SkeletonCircle",marker:null,platforms:["phone"],acceptsChildren:!1,props:{size:{type:"number",required:!0,description:"The diameter in points."},radius:{type:"enumOrNumber",values:["sm","md","lg","xl","pill"],description:"The corner radius, a named step or a number of points."},variant:{type:"enum",values:["shimmer","pulse","none"],description:"How the placeholder moves: a sweeping shimmer, a pulse, or none; left out, the provider or shimmer is used."},speed:{type:"enum",values:["slow","normal","fast"],description:"How fast the shimmer sweeps."},colors:{type:"object",description:"Replaces the resting and highlight colours of the placeholder.",fields:{background:{type:"string",description:"The resting colour."},highlight:{type:"string",description:"The moving shimmer or pulse colour."}}}},omit:[],examples:[{id:"SkeletonCircle.default",title:"Avatar",props:{size:48}},{id:"SkeletonCircle.large",title:"Large circle",props:{size:96,variant:"pulse"}}],usage:{when:["Hold the place of an avatar or a round icon while it loads."],whenNot:[{text:"A block that is not round.",instead:"Skeleton"}],do:[{note:"Give it the size of the avatar that will replace it.",example:[{component:"SkeletonCircle",props:{size:48}}]}],dont:[{note:"Do not use it for a square or rectangular block.",example:[{component:"SkeletonCircle",props:{size:200}}]}],a11y:["The placeholder is hidden from screen readers."]}});

package/lib/module/components/Skeleton/SkeletonContent.meta.js

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SkeletonContent",marker:null,platforms:["phone"],acceptsChildren:!0,props:{loading:{type:"boolean",required:!0,description:"Shows the placeholder while true and the content once false."},placeholder:{type:"node",description:"A placeholder drawn as written while loading; left out, the content is turned into placeholder shapes."},variant:{type:"enum",values:["shimmer","pulse","none"],description:"How the placeholder moves: a sweeping shimmer, a pulse, or none; left out, the provider or shimmer is used."},speed:{type:"enum",values:["slow","normal","fast"],description:"How fast the shimmer sweeps."},count:{type:"number",default:1,description:"How many times the placeholder is repeated while loading."},colors:{type:"object",description:"Replaces the resting and highlight colours of the placeholder.",fields:{background:{type:"string",description:"The resting colour."},highlight:{type:"string",description:"The moving shimmer or pulse colour."}}},fadeDuration:{type:"number",description:"The length of the fade from placeholder to content in milliseconds; 0 turns it off."}},omit:[],examples:[{id:"SkeletonContent.default",title:"Loading",props:{loading:!0}},{id:"SkeletonContent.repeated",title:"Three placeholders",props:{loading:!0,count:3}},{id:"SkeletonContent.loaded",title:"Loaded",props:{loading:!1}}],usage:{when:["Wrap a block so it shows placeholder shapes while its data loads and fades in the content after."],whenNot:[{text:"A list that loads rows.",instead:"SkeletonList"},{text:"A wait of unknown shape.",instead:"Spinner"}],do:[{note:"Pass an explicit placeholder for any layout that is not trivial.",example:[{component:"SkeletonContent",props:{loading:!0,count:2}}]}],dont:[{note:"Do not leave loading on after the data has arrived.",example:[{component:"SkeletonContent",props:{loading:!0}}]}],a11y:["Placeholders are hidden from screen readers; announce the loading state in the screen that owns it."]}});

package/lib/module/components/Skeleton/SkeletonList.meta.js

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SkeletonList",marker:null,platforms:["phone"],acceptsChildren:!1,props:{loading:{type:"boolean",required:!0,description:"Shows the placeholder rows while true and the real list once false."},placeholderCount:{type:"number",description:"How many placeholder rows to draw while loading; left out, the provider default or 3 is used."},variant:{type:"enum",values:["shimmer","pulse","none"],description:"How the placeholder moves: a sweeping shimmer, a pulse, or none; left out, the provider or shimmer is used."},speed:{type:"enum",values:["slow","normal","fast"],description:"How fast the shimmer sweeps."},colors:{type:"object",description:"Replaces the resting and highlight colours of the placeholder.",fields:{background:{type:"string",description:"The resting colour."},highlight:{type:"string",description:"The moving shimmer or pulse colour."}}}},omit:[],examples:[{id:"SkeletonList.default",title:"Three rows",props:{loading:!0,placeholderCount:3}},{id:"SkeletonList.fast",title:"Five fast rows",props:{loading:!0,placeholderCount:5,speed:"fast"}}],usage:{when:["Show placeholder rows while the first page of a list loads."],whenNot:[{text:"One block that is not a list.",instead:"SkeletonContent"}],do:[{note:"Set the row count to about what fills the screen.",example:[{component:"SkeletonList",props:{loading:!0,placeholderCount:5}}]}],dont:[{note:"Do not use it for a refresh of a list that already has rows.",example:[{component:"SkeletonList",props:{loading:!0}}]}],a11y:["Placeholder rows are hidden from screen readers; announce the loading state in the screen that owns the list."]}});

package/lib/module/components/Skeleton/SkeletonText.meta.js

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SkeletonText",marker:null,platforms:["phone"],acceptsChildren:!1,props:{lines:{type:"number",default:3,description:"How many lines of text to hold."},lastLineWidth:{type:"stringOrNumber",default:"60%",description:"The width of the last line, so the block ends like real text."},spacing:{type:"number",description:"The gap between lines in points."},fontSize:{type:"number",description:"The height of each line in points; left out, the base text size is used."},width:{type:"stringOrNumber",default:"100%",description:"The width as points, auto, or a percentage text such as 60%."},radius:{type:"enumOrNumber",values:["sm","md","lg","xl","pill"],default:"sm",description:"The corner radius, a named step or a number of points."},variant:{type:"enum",values:["shimmer","pulse","none"],description:"How the placeholder moves: a sweeping shimmer, a pulse, or none; left out, the provider or shimmer is used."},speed:{type:"enum",values:["slow","normal","fast"],description:"How fast the shimmer sweeps."},colors:{type:"object",description:"Replaces the resting and highlight colours of the placeholder.",fields:{background:{type:"string",description:"The resting colour."},highlight:{type:"string",description:"The moving shimmer or pulse colour."}}}},omit:[],examples:[{id:"SkeletonText.default",title:"Three lines",props:{lines:3}},{id:"SkeletonText.paragraph",title:"Short paragraph",props:{lines:2,lastLineWidth:"40%",fontSize:14}}],usage:{when:["Hold the place of a heading or a paragraph while it loads."],whenNot:[{text:"A single block that is not text.",instead:"Skeleton"}],do:[{note:"Use as many lines as the real text usually has.",example:[{component:"SkeletonText",props:{lines:3}}]}],dont:[{note:"Do not use a long run of lines for a short label.",example:[{component:"SkeletonText",props:{lines:12}}]}],a11y:["The placeholder is hidden from screen readers."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SlideToConfirm",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{description:"The resting label, centred on the track.",type:"string",default:"Slide to confirm"},confirmedLabel:{description:"The label shown after the handle is confirmed.",type:"string",default:"Confirmed"},tone:{description:"The fill colour of the track and handle.",type:"enum",values:["primary","success","warning","danger"],default:"primary"},size:{description:"The track height.",type:"enum",values:["sm","md","lg"],default:"md"},disabled:{description:"Blocks dragging and dims the control.",type:"boolean",default:!1},threshold:{description:"The fraction of the track, from 0 to 1, the handle must cross to confirm.",type:"number",default:.9},icon:{description:"The handle glyph; a right chevron when left out.",type:"node"}},omit:["haptic","resetAfter"],examples:[{id:"SlideToConfirm.default",title:"Default",props:{}},{id:"SlideToConfirm.success",title:"Pay with a success tone",props:{tone:"success",label:"Slide to pay",confirmedLabel:"Paid"}},{id:"SlideToConfirm.danger",title:"Destructive action",props:{tone:"danger",size:"lg",label:"Slide to delete",confirmedLabel:"Deleted"}},{id:"SlideToConfirm.disabled",title:"Disabled",props:{disabled:!0,size:"sm"}}],usage:{when:["Confirm a high-stakes or irreversible action such as paying, deleting or submitting, where a plain tap is too easy to fire by accident."],whenNot:[{text:"A routine action the person can undo.",instead:"Button"}],do:[{note:"Say what the slide does in the label, such as Slide to pay.",example:[{component:"SlideToConfirm",props:{label:"Slide to pay"}}]},{note:"Use the danger tone for destructive actions and the primary tone otherwise.",example:[{component:"SlideToConfirm",props:{label:"Slide to delete",tone:"danger"}},{component:"Button",props:{title:"Confirm with password",variant:"outline"}}]}],dont:[{note:"Do not use it for every action on a screen; it loses its weight.",example:[{component:"SlideToConfirm",props:{label:"Slide to pay"}},{component:"SlideToConfirm",props:{label:"Slide to cancel"}}]},{note:"Do not make it the only way to confirm a critical step.",example:[{component:"SlideToConfirm",props:{label:"Slide to delete",tone:"danger"}}]}],a11y:["A screen reader cannot drag the handle, so it offers a Confirm action instead; keep the label a clear verb phrase.","Pair a critical flow with a second accessible way to confirm."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"Slider",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"any",description:"The value when the parent controls it."},defaultValue:{type:"any",description:"The value at first, when the slider manages its own state."},min:{type:"number",default:0,description:"The smallest value."},max:{type:"number",default:100,description:"The largest value."},step:{type:"number",default:1,description:"The distance between selectable values."},disabled:{type:"boolean",default:!1,description:"Blocks dragging and taps."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the filled track."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The size of the track and thumb."},variant:{type:"enum",values:["default","inset","minimal","bar"],default:"default",description:"The look of the slider."},showLabel:{type:"any",default:!1,description:"Shows a value bubble above the thumb: true while dragging, or always."},snapThumb:{type:"boolean",default:!1,description:"Keeps the thumb on the step positions while it is dragged."},accessibilityLabel:{type:"string",description:"The spoken label of the slider."},thumbPressScale:{type:"number",default:1.1,description:"The scale the thumb grows to while it is pressed."},labelShowDuration:{type:"number",description:"The length in milliseconds of the value bubble's fade."},labelOpacity:{type:"number",default:1,description:"The opacity of the value bubble when it is shown."}},omit:["range","haptic"],examples:[{id:"Slider.default",title:"Volume",props:{value:40,accessibilityLabel:"Volume"}},{id:"Slider.stepped",title:"Round steps, success tone",props:{value:50,min:0,max:100,step:10,tone:"success",variant:"inset",showLabel:!0,accessibilityLabel:"Brightness"}},{id:"Slider.disabled",title:"Disabled",props:{value:30,disabled:!0,accessibilityLabel:"Volume"}}],usage:{when:["Pick one number on a continuous or stepped scale, such as a volume, brightness or percentage.","Show the current value above the thumb with showLabel when the person needs to read it while dragging."],whenNot:[{text:"The value is one of two or three fixed choices.",instead:"Use SegmentedControl."}],do:[{note:"Set min, max and step so every stop is a value the person would pick.",example:[{component:"Slider",props:{value:50,min:0,max:100,step:10,accessibilityLabel:"Volume"}}]},{note:"Set accessibilityLabel to say what the slider controls.",example:[{component:"Slider",props:{value:50,accessibilityLabel:"Brightness"}}]}],dont:[{note:"Do not use a step of 1 when only round tens are meaningful; the thumb stops on values nobody would pick.",example:[{component:"Slider",props:{value:50,min:0,max:100,step:1,accessibilityLabel:"Volume"}}]},{note:"Do not leave out accessibilityLabel; a screen reader then announces only a bare number.",example:[{component:"Slider",props:{value:50}}]}],a11y:["Set accessibilityLabel to say what the value is for.","The screen reader's increment and decrement actions move the value by one step."]}});

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

@@ -1 +0,0 @@
-"use strict";import{definePhoneMeta}from"../../canvasKit/meta.js";export const meta=definePhoneMeta()({name:"SliderField",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{type:"string",description:"Field label above the slider."},unit:{type:"string",description:"Muted text after the label, such as (%)."},info:{type:"string",description:"Opens in a tooltip from an info icon after the label."},required:{type:"boolean",default:!1,description:"Appends the required marker to the label."},helperText:{type:"string",description:"Hint text shown below the slider, hidden while an error shows."},error:{type:"node",description:"Error message shown below the slider in place of helper text."},min:{type:"number",default:0,description:"The smallest selectable value."},max:{type:"number",default:100,description:"The largest selectable value."},step:{type:"number",default:1,description:"The distance between selectable values."},disabled:{type:"boolean",default:!1,description:"Blocks interaction and dims the slider and input controls."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The colour of the filled track."},size:{type:"enum",values:["sm","md","lg"],description:"The size of the track and thumb."},variant:{type:"enum",values:["default","inset","minimal","bar"],description:"The visual style of the slider."},showBubble:{type:"boolean",default:!0,description:"A value bubble that stays above each thumb and counts to the new value."},showBounds:{type:"boolean",default:!0,description:"Shows the min and max values at the ends of the track."},showInput:{type:"boolean",default:!1,description:"An editable value box beside the track or at each end in range mode."},showStepper:{type:"boolean",default:!1,description:"Minus and plus buttons at the ends of the track in single mode."},startIcon:{type:"icon",description:"Icon at the start of the row, outside the bounds."},endIcon:{type:"icon",description:"Icon at the end of the row, outside the bounds."},startLabel:{type:"string",description:"Replaces the formatted min at the start of the track."},endLabel:{type:"string",description:"Replaces the formatted max at the end of the track."},animationDuration:{type:"number",description:"Length in milliseconds of the bubble count animation."},inputWidth:{type:"number",default:72,description:"Width of each value box in pixels."},accessibilityLabel:{type:"string",description:"Spoken label read out for the slider."},range:{type:"boolean",description:"Enables range mode with two thumbs and a value pair."}},omit:["value","defaultValue","haptic"],examples:[{id:"SliderField.default",title:"Default slider with label and unit",props:{label:"Commission",unit:"(%)",helperText:"Choose how much commission each affiliate receives.",min:0,max:100,step:5}},{id:"SliderField.stepper",title:"With stepper and value box",props:{label:"Quantity",showInput:!0,showStepper:!0,min:1,max:20,step:1}},{id:"SliderField.range",title:"Range mode with input boxes",props:{label:"Budget",range:!0,showInput:!0,min:500,max:5e3,step:100}}],usage:{when:["Select a numeric value or range from a bounded scale with a field label and helper text.","Allow dragging a thumb, stepping with buttons, or typing into an editable value box."],whenNot:[{text:"Selecting a currency amount with Indian unit tiers.",instead:"AmountSlider"}],do:[{note:"Label the slider clearly and provide a unit when the value is not a plain count.",example:[{component:"SliderField",props:{label:"Commission",unit:"(%)",min:0,max:100,step:5}}]},{note:"Show an editable value box when people need to enter an exact number.",example:[{component:"SliderField",props:{label:"Budget",showInput:!0,min:1e3,max:5e4,step:500}}]}],dont:[{note:"Do not omit the unit when the value represents a percentage or specific measurement.",example:[{component:"SliderField",props:{label:"Commission",min:0,max:100,step:5}}]},{note:"Do not hide the value box when the range is wide and precise numbers matter.",example:[{component:"SliderField",props:{label:"Budget",showInput:!1,min:1e3,max:5e4,step:500}}]}],a11y:["The slider announces its label, current value and bounds to assistive technologies.","When value boxes are enabled, each input provides an accessible label and keyboard support."]}});