@webority/mobile-ui 0.106.0 → 0.108.0

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/ProgressBar/ProgressBar.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/ProgressRing/ProgressRing.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Radio/Radio.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Radio/RadioGroup.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Rating/Rating.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Repeater/Repeater.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/RichTextEditor/RichTextEditor.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/ScannerOverlay/ScannerOverlay.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Screen/Screen.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SearchBar/SearchBar.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SectionHeader/SectionHeader.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SegmentedControl/SegmentedControl.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Select/Select.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SignaturePad/SignaturePad.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Skeleton/Skeleton.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Skeleton/SkeletonCircle.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Skeleton/SkeletonContent.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Skeleton/SkeletonList.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Skeleton/SkeletonText.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SlideToConfirm/SlideToConfirm.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/Slider/Slider.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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/commonjs/components/SliderField/SliderField.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"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."]}});

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Sparkline",marker:null,platforms:["phone"],acceptsChildren:!1,props:{data:{type:"array",required:!0,description:"The series, oldest first; values that are not finite numbers are dropped."},tone:{type:"enum",values:["primary","success","warning","danger","info","neutral"],default:"primary",description:"The line colour, drawn in the tone's text ink."},color:{type:"string",description:"A line colour that wins over the tone."},fill:{type:"boolean",default:!1,description:"Tints the area under the line."},highlightLast:{type:"boolean",default:!0,description:"Marks the last point with a dot."},height:{type:"number",default:32,description:"The height in points."},width:{type:"number",description:"The width in points; the full width of a column parent when left out."},strokeWidth:{type:"number",default:2,description:"The line thickness in points."},label:{type:"string",description:"What the series is, read first by a screen reader."},accessibilityLabel:{type:"string",description:"Replaces the whole screen reader label."}},omit:[],examples:[{id:"Sparkline.default",title:"Rising series",props:{data:[112940,118200,117500,125300,131800,129900,140200,147382],label:"Collections, last 30 days"}},{id:"Sparkline.falling",title:"Falling series with a fill",props:{data:[9,8,8,7,5,6,3,2],tone:"danger",fill:!0,label:"Overdue accounts"}},{id:"Sparkline.volatile",title:"Volatile series, no end dot",props:{data:[4,9,3,11,5,12,2,8,13,6],tone:"info",highlightLast:!1,height:48}},{id:"Sparkline.flat",title:"Flat series",props:{data:[5,5,5,5,5],tone:"neutral"}}],usage:{when:["Show the shape of a trend in a row or a tile, where the range is the series' own and no axes are needed."],whenNot:[{text:"Values the reader must compare against a scale or read off exactly.",instead:"BarChart"}],do:[{note:"Keep the real figure in text beside the line.",example:[{component:"Sparkline",props:{data:[112940,118200,117500,125300,131800,129900,140200,147382],label:"Collections"}},{component:"StatTile",props:{label:"Collections",value:147382,caption:"End of period"}}]},{note:"Give it a label that says what the series is and its period.",example:[{component:"Sparkline",props:{data:[112940,118200,117500,125300,131800,129900,140200,147382],label:"Collections, last 30 days",tone:"primary"}}]}],dont:[{note:"Do not use it to compare two series by size; each line uses its own range.",example:[{component:"Sparkline",props:{data:[112940,118200,117500,125300,131800],label:"Series A"}},{component:"Sparkline",props:{data:[4,9,3,11,5,12,2,8,13,6],label:"Series B",tone:"info"}}]},{note:"Do not rely on the line colour alone to say good or bad.",example:[{component:"Sparkline",props:{data:[4,9,3,11,5,12,2],tone:"danger",highlightLast:!0}}]}],a11y:["It reads as one image whose label states the start, end, low and high values, so a label is worth writing.","Colour never carries the meaning alone."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Spinner",marker:null,platforms:["phone"],acceptsChildren:!1,props:{size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The indicator size, 20, 32 or 48 points."},variant:{type:"enum",values:["circular","dots","contained"],default:"circular",description:"The indicator style; contained draws it on a tinted round container that fills its parent."},color:{type:"string",description:"The indicator colour; the primary colour when left out."},message:{type:"string",description:"A caption under the indicator."},overlay:{type:"boolean",default:!1,description:"Draws the spinner full screen over a backdrop; ignored by the contained variant."},backdropColor:{type:"string",description:"The backdrop colour in overlay mode."},accessibilityLabel:{type:"string",description:"The screen reader label; the message, or Loading, when left out."}},omit:[],examples:[{id:"Spinner.default",title:"Circular with a message",props:{message:"Loading your dashboard"}},{id:"Spinner.dots",title:"Dots",props:{variant:"dots",size:"lg"}},{id:"Spinner.contained",title:"Contained in a card",props:{variant:"contained",message:"Loading payslips"}}],usage:{when:["Show that content or a save is in progress when the wait is short or its length is unknown.","Block a whole screen during a save with the overlay, or load one slow section with the contained variant."],whenNot:[{text:"A wait with a known amount of progress.",instead:"ProgressBar"}],do:[{note:"Add a message that says what is loading.",example:[{component:"Spinner",props:{message:"Loading your dashboard"}}]},{note:"Put the contained variant inside the card or section that loads.",example:[{component:"Spinner",props:{variant:"contained",message:"Loading payslips"}}]}],dont:[{note:"Do not show a spinner without a message.",example:[{component:"Spinner",props:{}}]},{note:"Do not use the circular variant to fill a large container.",example:[{component:"Spinner",props:{variant:"circular",message:"Loading payslips"}}]}],a11y:["It reads as a progress indicator labelled by its message, so write the message as the label.","The contained variant announces its label once when it appears."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"SquircleView",marker:null,platforms:["phone"],acceptsChildren:!0,props:{accessibilityLabel:{type:"string",description:"Names the view for a screen reader."},accessibilityHint:{type:"string",description:"Says what a screen reader user gets from the view, read after its name."}},omit:["accessibilityActions","accessibilityElementsHidden","accessibilityIgnoresInvertColors","accessibilityLabelledBy","accessibilityLanguage","accessibilityLargeContentTitle","accessibilityLiveRegion","accessibilityRespondsToUserInteraction","accessibilityRole","accessibilityShowsLargeContentViewer","accessibilityState","accessibilityValue","accessibilityViewIsModal","accessible","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","collapsable","collapsableChildren","focusable","hasTVPreferredFocus","hitSlop","id","importantForAccessibility","isTVSelectable","nativeID","needsOffscreenAlphaCompositing","pointerEvents","removeClippedSubviews","renderToHardwareTextureAndroid","role","screenReaderFocusable","shouldRasterizeIOS","tabIndex","tvParallaxMagnification","tvParallaxShiftDistanceX","tvParallaxShiftDistanceY","tvParallaxTiltAngle"],examples:[{id:"SquircleView.photoTile",title:"Photo tile",props:{accessibilityLabel:"Receipt photo"},children:"A receipt photo sits inside the rounded frame."},{id:"SquircleView.signatureFrame",title:"Signature frame",props:{accessibilityLabel:"Signature pad",accessibilityHint:"Draws a signature with a finger."},children:"Draw your signature inside the frame."},{id:"SquircleView.unnamed",title:"Unnamed frame",props:{},children:"Without a label, a screen reader reads only the contents."}],usage:{when:["A surface the library has no component for needs smooth rounded corners, such as a photo tile or a signature pad frame.","Set borderRadius, backgroundColor and a border in style."],whenNot:[{text:"The surface is a themed card with a header, a footer or a press action.",instead:"Card"}],do:[{note:"Name the view when its content needs a screen reader name.",example:[{component:"SquircleView",props:{accessibilityLabel:"Receipt photo"},children:[{component:"Text",props:{variant:"caption"},children:["Receipt from 12 March."]}]}]},{note:"Use it for a surface with no component of its own, such as a photo tile.",example:[{component:"SquircleView",props:{},children:[{component:"Text",props:{variant:"body"},children:["Parcel delivered to the front desk."]}]}]}],dont:[{note:"Do not leave the view unnamed, so a screen reader reads only the text inside it.",example:[{component:"SquircleView",props:{},children:[{component:"Text",props:{variant:"caption"},children:["Receipt from 12 March."]}]}]},{note:"Do not wrap a Card in SquircleView. Card already draws its own surface and corners.",example:[{component:"SquircleView",props:{},children:[{component:"Card",props:{title:"Parcel"},children:["Delivered to the front desk."]}]}]}],a11y:["Set accessibilityLabel so a screen reader names the view.","Set accessibilityHint only together with accessibilityLabel, since the hint is read after the name."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"StatTile",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{type:"string",required:!0,description:"What the figure measures, drawn small above it."},value:{type:"node",required:!0,description:"The figure is always given: text or a number is drawn in the heading style, a node as is."},icon:{type:"icon",description:"The leading icon in a tinted circle."},iconVariant:{type:"enum",values:["linear","bold","broken","bulk","outline","twotone"],description:"The Iconsax style of an icon given as a name."},tone:{type:"enum",values:["primary","secondary","success","warning","danger","info","neutral"],default:"primary",description:"The tone of the icon circle."},caption:{type:"node",description:"A small line under the figure, such as a period or a delta."},trend:{type:"object",description:"How the figure changed, drawn under it as an arrow, a sign and the change.",fields:{value:{type:"stringOrNumber",required:!0,description:"The change; a number is a percentage drawn without its own sign, a string is drawn as given."},direction:{type:"enum",values:["up","down","flat"],required:!0,description:"Which way the figure moved; flat draws a dash and no sign."},goodWhen:{type:"enum",values:["up","down"],default:"up",description:"Which direction is good news, so the change reads green or red."},period:{type:"string",description:"What the change is measured against, written in full, such as vs last month."}}},sparkline:{type:"node",description:"A small chart under the text, usually a Sparkline."},loading:{type:"boolean",default:!1,description:"Draws a placeholder of the same footprint while the figure loads."},accessibilityLabel:{type:"string",description:"Read instead of the label and figure."}},omit:[],examples:[{id:"StatTile.default",title:"Figure with an icon and caption",props:{label:"Open assessments",value:24,icon:"shield-tick",tone:"success",caption:"Up 3 since last week"}},{id:"StatTile.trendUp",title:"Trend that is good news",props:{label:"Open assessments",value:24,icon:"shield-tick",trend:{value:12.4,direction:"up",period:"vs last month"}}},{id:"StatTile.trendDown",title:"Falling figure that is good news",props:{label:"Overdue accounts",value:42,trend:{value:3.1,direction:"down",goodWhen:"down",period:"vs last month"}}},{id:"StatTile.loading",title:"Loading",props:{label:"Open assessments",value:24,icon:"shield-tick",loading:!0}}],usage:{when:["Show one headline figure with its label, such as a dashboard KPI.","Make the figure a button that opens its detail by giving it a press handler."],whenNot:[{text:"Several figures that belong together in rows of label and value.",instead:"Descriptions"}],do:[{note:"Write the label as what is measured and put the period in the caption or trend.",example:[{component:"StatTile",props:{label:"Revenue",value:"24k",icon:"shield-tick",trend:{value:12,direction:"up",period:"vs last month"}}}]},{note:"Set goodWhen on a trend where a falling figure is good news.",example:[{component:"StatTile",props:{label:"Bounce rate",value:"42%",trend:{value:2.1,direction:"down",goodWhen:"down",period:"vs last month"}}}]}],dont:[{note:"Do not rely on the trend colour alone; the arrow and sign already carry the direction.",example:[{component:"StatTile",props:{label:"Revenue vs last month",value:"24k",icon:"shield-tick",tone:"success",caption:"12%"}}]},{note:"Do not put long text in the value; it is cut to one line.",example:[{component:"StatTile",props:{label:"Bounce rate",value:"42% (down is good)",trend:{value:2.1,direction:"down",period:"vs last month"}}}]}],a11y:["A text figure is read as the label, the value and the trend, such as up 12.4% vs last month.","A node figure needs an accessibility label of its own."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"StatusBadge",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{type:"string",required:!0,description:"The status as the reader should see it, such as Active or Pending review."},tone:{type:"enum",values:["success","warning","danger","info","primary","neutral"],default:"neutral",description:"The semantic colour."},variant:{type:"enum",values:["soft","flat","outline","solid"],default:"soft",description:"Soft is a light tint with a tone border, flat is the soft tint with no border, outline drops the fill, solid fills with the tone."},size:{type:"enum",values:["sm","md"],default:"md",description:"A 22 or 24 point pill."},dot:{type:"boolean",default:!1,description:"A small disc before the label in the status colour."},color:{type:"string",description:"A status colour of the app's own as six-digit hex, for a status the backend names with a colour; it wins over the tone."},loading:{type:"boolean",default:!1,description:"Draws the skeleton placeholder at the pill's footprint."},accessibilityLabel:{type:"string",description:"Read instead of the label."}},omit:[],examples:[{id:"StatusBadge.default",title:"Active with a dot",props:{label:"Active",tone:"success",dot:!0}},{id:"StatusBadge.pending",title:"Pending review",props:{label:"Pending review",tone:"warning"}},{id:"StatusBadge.rejected",title:"Rejected outline",props:{label:"Rejected",tone:"danger",variant:"outline"}},{id:"StatusBadge.flat",title:"Active flat",props:{label:"Active",tone:"success",variant:"flat"}},{id:"StatusBadge.archived",title:"Archived solid",props:{label:"Archived",tone:"neutral",variant:"solid",size:"sm"}}],usage:{when:["Name a record's status in a semantic colour, such as Active, Pending or Rejected."],whenNot:[{text:"A status the person taps, selects or closes.",instead:"Chip"},{text:"A count anchored to an icon.",instead:"Badge"}],do:[{note:"Map the app's status to a label and a tone in one place, and send unknown statuses to neutral.",example:[{component:"StatusBadge",props:{label:"Active",tone:"success"}}]},{note:"Keep the label short and in the reader's words.",example:[{component:"StatusBadge",props:{label:"Done",tone:"success"}}]}],dont:[{note:"Do not map an unknown status to the danger tone.",example:[{component:"StatusBadge",props:{label:"Unknown",tone:"danger"}}]},{note:"Do not rely on the tone alone to say the status; the label always says it.",example:[{component:"StatusBadge",props:{label:"Success",tone:"success"}}]}],a11y:["It reads as plain text with the label as its name, so the label must carry the status without colour.","Use accessibilityLabel only when the spoken form needs more than the label."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Stepper",marker:null,platforms:["phone"],acceptsChildren:!1,props:{steps:{type:"array",required:!0,itemFields:{key:{type:"string",required:!0,description:"A stable id for the step."},label:{type:"string",required:!0,description:"The step's name as the reader sees it."},description:{type:"string",description:"A line under the label, drawn in the vertical variant."},icon:{type:"node",description:"An icon drawn in the step's circle in place of its number."}},description:"The steps in the order the person goes through them."},activeStep:{type:"number",nullable:!0,description:"The zero-based index of the current step, with every earlier step done; null or a negative number means none is active."},defaultActiveStep:{type:"number",nullable:!0,default:0,description:"The starting active step when activeStep is left out."},pressMode:{type:"enum",values:["none","back","select"],default:"none",description:"What a tap on a step does: nothing, returning to a done step, or choosing any step."},variant:{type:"enum",values:["horizontal","vertical","segmented"],default:"horizontal",description:"The layout: circles in a row, circles in a column with descriptions, or one bar per step."},tone:{type:"enum",values:["primary","success"],default:"primary",description:"The colour of the steps that are reached."},showCaption:{type:"boolean",default:!0,description:"Draws the caption above the bars in the segmented variant."},loading:{type:"boolean",default:!1,description:"Draws the skeleton placeholder in place of the stepper while its steps load."},accessibilityLabel:{type:"string",description:"The progressbar's screen reader name, replacing the progress summary."}},omit:["haptic"],examples:[{id:"Stepper.horizontal",title:"Checkout progress",props:{steps:[{key:"cart",label:"Cart"},{key:"shipping",label:"Shipping"},{key:"payment",label:"Payment"}],activeStep:1,variant:"horizontal"}},{id:"Stepper.vertical",title:"Vertical with descriptions",props:{steps:[{key:"account",label:"Account",description:"Create your login"},{key:"profile",label:"Profile",description:"Add your name and photo"},{key:"review",label:"Review",description:"Check and confirm"}],activeStep:1,variant:"vertical",tone:"success"}},{id:"Stepper.segmented",title:"Segmented caption",props:{steps:[{key:"details",label:"Details"},{key:"address",label:"Address"},{key:"payment",label:"Payment"}],activeStep:2,variant:"segmented",showCaption:!0}}],usage:{when:["A multi-step flow, such as checkout, sign-up or onboarding, where the person needs to see how far they have got.","A fixed sequence where every step before the active one is done and no step is skipped."],whenNot:[{text:"The sections can be opened in any order, with no sequence between them.",instead:"Tabs"}],do:[{note:"Pass the steps in the order the person goes through them, and set activeStep to the current step.",example:[{component:"Stepper",props:{steps:[{key:"cart",label:"Cart"},{key:"shipping",label:"Shipping"},{key:"payment",label:"Payment"}],activeStep:1}}]},{note:"Set pressMode to back so a person can return to a finished step and no further.",example:[{component:"Stepper",props:{steps:[{key:"cart",label:"Cart"},{key:"shipping",label:"Shipping"},{key:"payment",label:"Payment"}],activeStep:2,pressMode:"back"}}]}],dont:[{note:"Leave activeStep out and the stepper keeps its own position, so the page cannot show where the person really is.",example:[{component:"Stepper",props:{steps:[{key:"cart",label:"Cart"},{key:"shipping",label:"Shipping"},{key:"payment",label:"Payment"}]}}]},{note:"Set pressMode to select on a checkout only when jumping ahead is allowed, since it lets a person skip to steps they have not reached.",example:[{component:"Stepper",props:{steps:[{key:"cart",label:"Cart"},{key:"shipping",label:"Shipping"},{key:"payment",label:"Payment"}],activeStep:2,pressMode:"select"}}]}],a11y:["The stepper is a progressbar whose value is the number of steps reached, and each step reads its position, label and status.","A step that a tap can change is a button that reports whether it is selected and whether it is disabled."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Swipeable",marker:null,platforms:["phone"],acceptsChildren:!0,props:{threshold:{type:"number",default:80,description:"The distance in points that fully reveals the row of actions."},fullSwipeThreshold:{type:"number",default:200,description:"The distance in points past which the first action fires and the row slides away."},disabled:{type:"boolean",default:!1,description:"Turns the swipe off, so the row cannot be dragged."},accessibilityLabel:{type:"string",description:"Names the row for a screen reader."}},omit:["leftActions","rightActions","haptic"],examples:[{id:"Swipeable.basic",title:"Basic",props:{},children:"Swipe this row to reveal its actions."},{id:"Swipeable.wideThreshold",title:"Wide threshold",props:{threshold:120,fullSwipeThreshold:260},children:"The actions need a longer swipe to open."},{id:"Swipeable.disabled",title:"Disabled",props:{disabled:!0},children:"This row cannot be swiped."}],usage:{when:["A list row or card should offer quick actions, such as archive or delete, on a swipe.","The same actions must also stay reachable without a swipe, which the component exposes to screen readers."],whenNot:[{text:"The row always shows its actions on screen, with no swipe needed.",instead:"ListItem"}],do:[{note:"Wrap one list row so the swipe reveals actions for that row only.",example:[{component:"Swipeable",props:{accessibilityLabel:"Inbox"},children:[{component:"ListItem",props:{title:"Inbox",subtitle:"3 unread messages"}}]}]},{note:"Give the row an accessibilityLabel so a screen reader announces its name.",example:[{component:"Swipeable",props:{accessibilityLabel:"Sent message"},children:[{component:"Text",props:{variant:"body"},children:["Lunch is at noon today."]}]}]}],dont:[{note:"Do not wrap a whole list in one Swipeable; a swipe then moves every row together.",example:[{component:"Swipeable",props:{accessibilityLabel:"Inbox"},children:[{component:"ListItem",props:{title:"Inbox",subtitle:"3 unread messages"}},{component:"ListItem",props:{title:"Sent",subtitle:"12 messages"}}]}]},{note:"Do not leave the row unnamed; a screen reader then reads only its text.",example:[{component:"Swipeable",props:{},children:[{component:"Text",props:{variant:"body"},children:["Lunch is at noon today."]}]}]}],a11y:["Each swipe action is also a screen reader action on the row, so a swipe is never the only way to act.","Set accessibilityLabel so the row is named when a screen reader focuses it."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Switch",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"boolean",description:"The controlled on or off state."},defaultValue:{type:"boolean",default:!1,description:"The starting state when value is left out."},disabled:{type:"boolean",default:!1,description:"Blocks the press and dims the control."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The track and thumb size."},tone:{type:"enum",values:["primary","success","warning","danger"],default:"primary",description:"The track colour when on."},label:{type:"node",description:"A string or a node drawn beside the control."},description:{type:"node",description:"A secondary line under the label."},error:{type:"node",description:"An error line under the label that also outlines the off track."},labelLines:{type:"number",description:"The lines the label and description may take before an ellipsis; no limit when left out."},layout:{type:"enum",values:["inline","row"],default:"inline",description:"Inline puts the text beside the control; row puts the text on the left and the control on the right, with the whole row pressable."},accessibilityLabel:{type:"string",description:"The screen reader name of the switch."},bounce:{type:"boolean",default:!1,description:"The thumb briefly scales up when the value changes."}},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","accessibilityHint","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:"Switch.default",title:"On with a label",props:{value:!0,label:"Push notifications"}},{id:"Switch.success",title:"Success tone, off",props:{value:!1,tone:"success",label:"Email updates"}},{id:"Switch.row",title:"Row layout with a description",props:{value:!0,layout:"row",label:"Notifications",description:"Alerts for new messages"}},{id:"Switch.disabled",title:"Disabled",props:{value:!1,disabled:!0,label:"Sync over mobile data"}}],usage:{when:["Turn a setting on or off where the change takes effect at once."],whenNot:[{text:"A choice that needs an explicit submit, such as a form field.",instead:"Checkbox"},{text:"Choosing one of several values.",instead:"SegmentedControl"}],do:[{note:"Label it with what turns on, not with the word on.",example:[{component:"Switch",props:{value:!0,label:"Airplane mode"}}]},{note:"Use the row layout for a settings list so the whole row is the target.",example:[{component:"Switch",props:{value:!0,layout:"row",label:"Wi-Fi",description:"Connect to available networks"}}]}],dont:[{note:"Do not use it to submit or confirm something.",example:[{component:"Switch",props:{value:!1,label:"Confirm payment"}}]},{note:"Do not use the danger tone for a normal setting.",example:[{component:"Switch",props:{value:!0,tone:"danger",label:"Dark mode"}}]}],a11y:["A node label needs an accessibilityLabel, since a screen reader cannot read the node.","The control reads as a switch with its state, so the label must name what it controls."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Tabs",marker:null,platforms:["phone"],acceptsChildren:!1,props:{tabs:{type:"array",required:!0,description:"The tabs in order.",itemFields:{key:{type:"string",required:!0,description:"The tab's stable identifier."},label:{type:"string",required:!0,description:"The tab's text."},icon:{type:"icon",description:"A leading icon drawn in the label colour."},badge:{type:"stringOrNumber",description:"A count or text drawn after the label."},disabled:{type:"boolean",description:"Blocks the tab."}}},activeKey:{type:"string",required:!0,description:"The key of the selected tab."},variant:{type:"enum",values:["underline","pills","segmented"],default:"underline",description:"A sliding underline, a tinted pill, or a filled track with a thumb."},radius:{type:"enumOrNumber",values:["none","sm","md","lg","xl","pill"],description:"The corner radius of the track, pill or underline ends."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"Scales the text, tab padding and icon together."},scrollable:{type:"boolean",default:!1,description:"Scrolls a long tab list sideways instead of sharing the width equally."},align:{type:"enum",values:["left","center"],default:"left",description:"The tab alignment when the list is not scrollable."},accessibilityLabel:{type:"string",description:"The screen reader name of the tab list."}},omit:["haptic","progress"],itemsTakeAction:["tabs"],examples:[{id:"Tabs.default",title:"Underline with icons",props:{tabs:[{key:"home",label:"Home",icon:"home"},{key:"feed",label:"Feed",icon:"activity"},{key:"team",label:"Team",icon:"people"},{key:"alerts",label:"Alerts",icon:"notification"}],activeKey:"home"}},{id:"Tabs.pills",title:"Pills",props:{variant:"pills",tabs:[{key:"home",label:"Home"},{key:"feed",label:"Feed"},{key:"team",label:"Team"},{key:"alerts",label:"Alerts"}],activeKey:"feed"}},{id:"Tabs.segmented",title:"Segmented with a large radius",props:{variant:"segmented",radius:"lg",tabs:[{key:"home",label:"Home"},{key:"feed",label:"Feed"},{key:"team",label:"Team"}],activeKey:"home"}},{id:"Tabs.badges",title:"Badges and a disabled tab",props:{tabs:[{key:"inbox",label:"Inbox",badge:3},{key:"sent",label:"Sent"},{key:"drafts",label:"Drafts",badge:12},{key:"archived",label:"Archived",disabled:!0}],activeKey:"inbox"}}],usage:{when:["Switch between sections of one screen, such as Overview, Activity and Team.","Show a long list of sections that scrolls sideways."],whenNot:[{text:"Choosing a value, such as a filter or a unit.",instead:"SegmentedControl"},{text:"An ordered flow where completion state matters.",instead:"Stepper"}],do:[{note:"Keep labels to one or two words so every tab fits.",example:[{component:"Tabs",props:{tabs:[{key:"home",label:"Home"},{key:"feed",label:"Feed"},{key:"team",label:"Team"}],activeKey:"home"}}]},{note:"Use scrollable when the labels no longer fit the width.",example:[{component:"Tabs",props:{scrollable:!0,tabs:[{key:"overview",label:"Overview"},{key:"activity",label:"Activity"},{key:"team",label:"Team"},{key:"settings",label:"Settings"},{key:"profile",label:"Profile"}],activeKey:"overview"}}]}],dont:[{note:"Do not nest tab bars.",example:[{component:"Tabs",props:{tabs:[{key:"main",label:"Main"},{key:"sub",label:"Sub"}],activeKey:"main"}}]},{note:"Do not use more than five tabs without scrolling.",example:[{component:"Tabs",props:{tabs:[{key:"home",label:"Home"},{key:"feed",label:"Feed"},{key:"team",label:"Team"},{key:"settings",label:"Settings"},{key:"profile",label:"Profile"},{key:"help",label:"Help"}],activeKey:"home"}}]}],a11y:["The bar reads as a tab list and each tab as a tab with its selected state, so keep labels meaningful.","A disabled tab is announced as unavailable; do not hide a section behind one without saying why."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"TagInput",marker:null,platforms:["phone"],acceptsChildren:!1,props:{value:{type:"array",description:"The controlled list of tags."},defaultValue:{type:"array",default:[],description:"The starting tags when value is left out."},placeholder:{type:"string",description:"The hint shown while the field is empty."},label:{type:"string",description:"The label above the field."},helperText:{type:"string",description:"A message below the field."},error:{type:"node",description:"A string or node that puts the field in the error state and replaces the helper text."},required:{type:"boolean",description:"Adds the required marker to the label."},disabled:{type:"boolean",default:!1,description:"Keeps the tags visible but blocks adding and removing."},size:{type:"enum",values:["sm","md","lg"],default:"md",description:"The field size."},variant:{type:"enum",values:["outlined","filled","underline"],default:"outlined",description:"The resting fill and border treatment."},maxTags:{type:"number",description:"Rejects a tag past this count; unlimited when left out."},unique:{type:"boolean",default:!0,description:"Rejects a tag that already exists, ignoring case."},separators:{type:"array",default:[","],description:"The characters that commit the draft as a tag."}},omit:["haptic"],examples:[{id:"TagInput.default",title:"Skills",props:{label:"Skills",placeholder:"Add a skill",value:["React Native","TypeScript"]}},{id:"TagInput.limited",title:"Limited to three tags",props:{label:"Skills",value:["React Native","TypeScript"],maxTags:3,helperText:"Add up to three skills."}},{id:"TagInput.error",title:"Error state",props:{label:"Recipients",value:["asha@example.com"],error:"Enter a valid email address."}},{id:"TagInput.filled",title:"Filled and small",props:{label:"Skills",placeholder:"Add a skill",variant:"filled",size:"sm",value:[]}}],usage:{when:["Collect a small set of discrete values, such as skills, recipients or filters."],whenNot:[{text:"One free-text value.",instead:"Input"},{text:"A closed, known list of choices.",instead:"Select"}],do:[{note:"Say how a tag is committed in the helper text, such as Press comma to add.",example:[{component:"TagInput",props:{label:"Skills",value:["React Native","TypeScript"],helperText:"Press comma to add."}}]},{note:"Set maxTags when the list has a natural limit.",example:[{component:"TagInput",props:{label:"Skills",value:["React Native"],maxTags:3,helperText:"Add up to three skills."}}]}],dont:[{note:"Do not use it for a long list; the tags wrap and push the form down.",example:[{component:"TagInput",props:{label:"Tags",placeholder:"Add tags",value:[]}}]},{note:"Do not rely on the error colour alone; write the error text.",example:[{component:"TagInput",props:{label:"Skills",value:["React Native"],error:""}}]}],a11y:["The label names the field, so always give one.","Backspace on an empty draft removes the last tag, and a pending draft commits when the field loses focus."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Text",marker:null,platforms:["phone"],acceptsChildren:!0,props:{variant:{type:"enum",values:["display","h1","h2","h3","title","body","bodySmall","caption","label","overline"],default:"body",description:"The built-in typography variant; unknown names fall back to body."},color:{type:"string",description:"Text colour: a theme role such as primary or danger, or a raw colour string."},weight:{type:"enum",values:["normal","medium","semibold","bold"],description:"The font weight override."},size:{type:"stringOrNumber",description:"The text size: a theme step name or a pixel number."},align:{type:"enum",values:["left","center","right","justify","auto"],description:"The text alignment."},italic:{type:"boolean",default:!1,description:"Draws the text in italics."},underline:{type:"boolean",default:!1,description:"Draws a line under the text."},numberOfLines:{type:"number",description:"Cuts the text to this many lines, ending with an ellipsis."}},omit:["accessibilityActions","accessibilityElementsHidden","accessibilityHint","accessibilityIgnoresInvertColors","accessibilityLabel","accessibilityLabelledBy","accessibilityLanguage","accessibilityLargeContentTitle","accessibilityLiveRegion","accessibilityRespondsToUserInteraction","accessibilityRole","accessibilityShowsLargeContentViewer","accessibilityState","accessibilityValue","accessibilityViewIsModal","accessible","adjustsFontSizeToFit","allowFontScaling","android_hyphenationFrequency","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","dataDetectorType","disabled","dynamicTypeRamp","ellipsizeMode","id","importantForAccessibility","lineBreakMode","lineBreakStrategyIOS","maxFontSizeMultiplier","minimumFontScale","nativeID","pointerEvents","pressRetentionOffset","role","screenReaderFocusable","selectable","selectionColor","suppressHighlighting","textBreakStrategy"],examples:[{id:"Text.body",title:"Body text",props:{variant:"body"},children:"A plain paragraph in the body style."},{id:"Text.heading",title:"Heading",props:{variant:"h2",color:"primary"},children:"A large heading."},{id:"Text.styled",title:"Styled",props:{variant:"label",underline:!0,italic:!0},children:"Underlined and italic label."}],usage:{when:["Any readable text: headings, paragraphs, labels, captions or links rendered as text."],whenNot:[{text:"A button or interactive action.",instead:"Button"},{text:"A multi-line selectable input.",instead:"Input"}],do:[{note:"Pick the variant that matches the text's role in the design.",example:[{component:"Text",props:{variant:"body"},children:["A plain paragraph."]}]},{note:"Use italic and underline only for emphasis, not for layout.",example:[{component:"Text",props:{variant:"body",italic:!0},children:["Note: this is optional."]}]}],dont:[{note:"Do not use a heading variant for body copy.",example:[{component:"Text",props:{variant:"h1"},children:["A plain paragraph."]}]},{note:"Do not underline text to fake a link or action.",example:[{component:"Text",props:{variant:"body",underline:!0},children:["Click here."]}]}],a11y:["Set accessibilityLabel when the visible text does not describe the purpose.","Colour should reinforce, not replace, the meaning carried by the text."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"TimePicker",marker:null,platforms:["phone"],acceptsChildren:!1,props:{visible:{type:"boolean",description:"Controlled-modal visibility; leave out and the component shows a field and opens its own sheet."},value:{type:"object",description:"The selected time.",fields:{hour:{type:"number",required:!0,description:"The hour 0 to 23 in 24 hour form."},minute:{type:"number",required:!0,description:"The minute 0 to 59."}}},format:{type:"enum",values:["12h","24h"],default:"12h",description:"Wheel labelling and whether an AM or PM wheel shows."},minuteStep:{type:"enum",values:[1,5,15,30],default:1,description:"Minute wheel step."},title:{type:"string",default:"Select Time",description:"Sheet header text."},confirmLabel:{type:"string",default:"Confirm",description:"Confirm button label."},cancelLabel:{type:"string",default:"Cancel",description:"Cancel button label."},label:{type:"string",description:"Field label (field mode)."},placeholder:{type:"string",description:"Text shown while no time is chosen."},helperText:{type:"string",description:"Text under the field."},error:{type:"node",description:"Error text under the field."},required:{type:"boolean",description:"Marks the field as required."},disabled:{type:"boolean",description:"Blocks opening the sheet."},size:{type:"enum",values:["sm","md","lg"],description:"Field size."},variant:{type:"enum",values:["outlined","filled","underline"],description:"Field look; the theme setting decides when it is left out."},clearable:{type:"boolean",description:"Shows a clear control once a time is set."}},omit:["haptic"],examples:[{id:"TimePicker.default",title:"Default",props:{label:"Start time",placeholder:"Pick a time",value:{hour:9,minute:30}}},{id:"TimePicker.format24h",title:"24 hour with quarter steps",props:{label:"Meeting at",format:"24h",minuteStep:15,value:{hour:14,minute:45}}},{id:"TimePicker.empty",title:"Empty with helper",props:{label:"Reminder time",placeholder:"Pick a time",helperText:"We remind you at this time every day.",clearable:!0}},{id:"TimePicker.error",title:"Error",props:{label:"Start time",variant:"filled",error:"Choose a start time",required:!0}}],usage:{when:["Ask for a time of day, such as a start time or a reminder.","The value is an hour and a minute, not a duration."],whenNot:[{text:"A length of time in hours and minutes.",instead:"WheelPickerDuration"},{text:"A date, or a date with a time.",instead:"DatePicker"}],do:[{note:"Add a visible label that says which time is wanted.",example:[{component:"TimePicker",props:{label:"Start time",placeholder:"Pick a time"}}]},{note:"Set minuteStep to 15 for scheduling flows.",example:[{component:"TimePicker",props:{label:"Meeting time",minuteStep:15}}]}],dont:[{note:"Do not leave the field without a label.",example:[{component:"TimePicker",props:{placeholder:"Pick a time"}}]},{note:"Do not use it for a duration such as 90 minutes.",example:[{component:"TimePicker",props:{label:"Meeting duration",minuteStep:15}}]}],a11y:["Each wheel can be adjusted with a screen reader swipe; keep the title short and clear.","Keep error text short and say how to fix the time."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Timeline",marker:null,platforms:["phone"],acceptsChildren:!1,props:{items:{type:"array",required:!0,description:"The entries in order, first step or oldest first.",itemFields:{title:{type:"string",required:!0,description:"The entry headline."},description:{type:"string",description:"Supporting sentence under the meta line."},meta:{type:"string",description:"A timestamp, an actor or another metadata line under the title."},status:{type:"enum",values:["upcoming","current","done","onHold","rejected","cancelled","skipped"],description:"Drives the dot colour on the progress variant; a feed shows every entry as done when it is left out."},color:{type:"string",description:"Overrides the dot colour for a stage no status produces; the halo follows it."},icon:{type:"node",description:"Replaces the dot and its halo."},children:{type:"node",description:"Content below the text block."}}},variant:{type:"enum",values:["feed","progress"],default:"feed",description:"Feed is an audit trail, progress is a status tracker."},orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical",description:"Vertical stacks entries beside a rail, horizontal gives each entry an equal column."}},omit:[],examples:[{id:"Timeline.default",title:"Feed",props:{variant:"feed",items:[{title:"Raised",meta:"12 Aug, 9:04 am"},{title:"Reviewed",meta:"12 Aug, 10:12 am"},{title:"Approved",meta:"12 Aug, 11:20 am"}]}},{id:"Timeline.progress",title:"Progress tracker",props:{variant:"progress",items:[{title:"Requirement raised",status:"done"},{title:"Estimation",status:"done"},{title:"Client sign-off",status:"current"},{title:"Development",status:"upcoming"}]}},{id:"Timeline.horizontal",title:"Horizontal progress",props:{variant:"progress",orientation:"horizontal",items:[{title:"Raised",status:"done"},{title:"Estimate",status:"done"},{title:"Sign-off",status:"onHold"},{title:"Build",status:"upcoming"}]}},{id:"Timeline.terminal",title:"Rejected ending",props:{variant:"progress",items:[{title:"Submitted",status:"done"},{title:"Reviewed",status:"done"},{title:"Declined",status:"rejected",description:"The amount is above the approved limit."}]}}],usage:{when:["Show what has happened to a record, such as a sign-off or order history.","Track a record through stages where an entry can end in a terminal status."],whenNot:[{text:"A linear flow where the only question is which step the person is on.",instead:"Stepper"}],do:[{note:"Give every entry a short title and put the time or actor in meta.",example:[{component:"Timeline",props:{variant:"feed",items:[{title:"Raised",meta:"12 Aug, 9:04 am"},{title:"Approved",meta:"12 Aug, 11:20 am"}]}}]},{note:"Use status on the progress variant so each stage reads at a glance.",example:[{component:"Timeline",props:{variant:"progress",items:[{title:"Requirement raised",status:"done"},{title:"Client sign-off",status:"current"},{title:"Development",status:"upcoming"}]}}]}],dont:[{note:"Do not put long paragraphs in a title; use description for the detail.",example:[{component:"Timeline",props:{variant:"feed",items:[{title:"The requirement was raised by the client and requires review before it can move to the next stage",description:"Requires review."}]}}]},{note:"Do not rely on dot colour alone to carry the meaning; keep the title clear.",example:[{component:"Timeline",props:{variant:"progress",items:[{title:"Step one",color:"green"},{title:"Step two",color:"red"}]}}]}],a11y:["Each entry reads as its title, meta and description in order, so keep that text complete without the dot colour.","A custom icon replaces the status dot, so say the status in the title or description."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Toast",marker:null,platforms:["phone"],acceptsChildren:!1,props:{toast:{type:"object",required:!0,description:"The message the toast shows.",fields:{id:{type:"string",required:!0,description:"Names the toast; the host uses it to dismiss and replace."},message:{type:"string",required:!0,description:"The toast headline."},description:{type:"string",description:"Supporting line under the message."},variant:{type:"enum",values:["default","success","danger","warning","info"],default:"default",description:"Icon and tint of the toast."},position:{type:"enum",values:["top","bottom"],default:"bottom",description:"Edge the toast sits at."},duration:{type:"number",default:3e3,description:"Milliseconds before it dismisses itself; 0 keeps it until dismissed."},action:{type:"object",description:"Trailing action on the toast.",fields:{label:{type:"string",required:!0,description:"The trailing action text."}}},icon:{type:"node",description:"Replaces the leading variant icon."},countdown:{type:"boolean",description:"Draws a bar along the bottom edge that empties over the duration."}}}},omit:["index","shownAt","runtime"],examples:[{id:"Toast.default",title:"Success",props:{toast:{id:"toast-1",message:"Profile saved",description:"Your changes are live.",variant:"success",position:"bottom"}}},{id:"Toast.danger",title:"Danger",props:{toast:{id:"toast-2",message:"Could not save",description:"Check your connection and try again.",variant:"danger"}}},{id:"Toast.top",title:"Info at the top",props:{toast:{id:"toast-3",message:"New message from Asha",variant:"info",position:"top"}}},{id:"Toast.countdown",title:"Warning with countdown",props:{toast:{id:"toast-4",message:"Session ends soon",variant:"warning",duration:6e3,countdown:!0}}}],usage:{when:["Confirm a quick result without stopping the person, such as a save or a copy.","Report a background failure the person does not need to answer right now."],whenNot:[{text:"A message the person must read before going on.",instead:"Dialog"},{text:"A message that belongs to one part of the screen and stays there.",instead:"Banner"}],do:[{note:"Keep the message to a short phrase and use description for the detail.",example:[{component:"Toast",props:{toast:{id:"do-1",message:"Profile saved",description:"Your changes are now live for everyone to see."}}}]},{note:"Pick the variant that matches the outcome: success, danger, warning or info.",example:[{component:"Toast",props:{toast:{id:"do-2",message:"Connection lost",variant:"danger"}}}]}],dont:[{note:"Do not put the only way to finish a task in a toast action; it disappears.",example:[{component:"Toast",props:{toast:{id:"dont-1",message:"Draft saved",action:{label:"Publish"}}}}]},{note:"Do not stack many toasts at once; the host keeps three.",example:[{component:"Toast",props:{toast:{id:"dont-2a",message:"File uploaded"}}},{component:"Toast",props:{toast:{id:"dont-2b",message:"Profile saved"}}},{component:"Toast",props:{toast:{id:"dont-2c",message:"Message sent"}}}]}],a11y:["A toast with an action stays longer when a screen reader is on; keep its text complete without the icon.","Do not rely on the tint alone; the message must say what happened."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Tooltip",marker:null,platforms:["phone"],acceptsChildren:!0,props:{content:{type:"node",required:!0,description:"The tooltip body; a string uses the default text styling."},variant:{type:"enum",values:["plain","rich"],default:"plain",description:"Plain is a short dark hint; rich is a light card with a title, the content and one action."},title:{type:"string",description:"Rich only: one line over the content."},action:{type:"object",fields:{label:{type:"string",required:!0,description:"The button text."},accessibilityLabel:{type:"string",description:"Replaces the button text for a screen reader."}},description:"Rich only: one text button."},placement:{type:"enum",values:["top","bottom","left","right","auto"],default:"auto",description:"Where the bubble sits; auto picks the side with the most room, and left and right read as auto on a rich tooltip."},trigger:{type:"enum",values:["longPress","press","manual"],description:"What opens the tooltip; manual follows `visible`."},visible:{type:"boolean",description:"Controls the tooltip when the trigger is manual."},hideOnContentPress:{type:"boolean",default:!0,description:"Tapping the bubble dismisses it."},maxWidth:{type:"number",description:"Widest the bubble grows, in points; 240 plain, 280 rich when left out."},showArrow:{type:"boolean",default:!0,description:"Draws the caret toward the trigger."},accessibilityLabel:{type:"string",description:"Screen reader name of the tooltip."},closeLabel:{type:"string",default:"Close tooltip",description:"Screen reader name of the tap-outside area."}},omit:[],examples:[{id:"Tooltip.default",title:"Plain hint",props:{content:"Long-press to see the full name."},children:"Long-press me"},{id:"Tooltip.rich",title:"Rich with title",props:{variant:"rich",title:"Earned leave",content:"Leave you build up each month and can carry forward."},children:"Earned leave"},{id:"Tooltip.placementBottom",title:"Below the trigger",props:{content:"Opens below the button.",placement:"bottom",trigger:"press"},children:"Press me"},{id:"Tooltip.manual",title:"Open by visible",props:{content:"Shown because visible is true.",trigger:"manual",visible:!0,showArrow:!1},children:"Info"}],usage:{when:["Explain an icon-only button or a shortened label on demand.","Give a short secondary explanation that should not take space until asked for."],whenNot:[{text:"Content with inputs, a list or more than one action.",instead:"BottomSheet"},{text:"A hint every person needs to read.",instead:"Banner"}],do:[{note:"Keep plain tooltips to one short line.",example:[{component:"Tooltip",props:{content:"Long-press to see more",variant:"plain",placement:"auto",trigger:"press"},children:"Show details"}]},{note:"Use the rich variant when the hint needs a title or one action.",example:[{component:"Tooltip",props:{content:"An action that deletes this item",variant:"rich",title:"Delete item",action:{label:"Delete"},placement:"bottom",trigger:"press"},children:"Delete"}]}],dont:[{note:"Do not put the only copy of important information in a tooltip.",example:[{component:"Tooltip",props:{content:"Your payment has failed. Please contact support at support@example.com to resolve this.",variant:"plain",placement:"auto",trigger:"press"},children:"View payment status"}]},{note:"Do not wrap a trigger that already has its own context menu in a long-press tooltip.",example:[{component:"Tooltip",props:{content:"Edit this record",placement:"auto",trigger:"longPress"},children:"Menu button"}]}],a11y:["A rich tooltip moves screen reader focus into itself and back on close; keep its title and content short.","Set accessibilityLabel when the content is a node with no readable text."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"Tour",marker:null,platforms:["phone"],acceptsChildren:!1,props:{tourId:{type:"string",required:!0,description:"Names the tour in the seen store."},visible:{type:"boolean",required:!0,description:"Runs the tour while true."},labels:{type:"object",description:"Button texts of the step card.",fields:{back:{type:"string",description:"Back button text.",default:"Back"},next:{type:"string",description:"Next button text.",default:"Next"},skip:{type:"string",description:"Skip button text.",default:"Skip"},done:{type:"string",description:"Done button text.",default:"Done"}}}},omit:["steps","seenStore","haptic"],examples:[{id:"Tour.default",title:"Walkthrough open",props:{tourId:"showcase-tour",visible:!0}},{id:"Tour.labels",title:"Custom button texts",props:{tourId:"orders-tour",visible:!0,labels:{back:"Previous",next:"Continue",skip:"Not now",done:"Finish"}}}],usage:{when:["Introduce a screen to a first time visitor, one highlighted view at a time.","Point at views the person might miss after a release adds a feature."],whenNot:[{text:"Help that must stay on screen while the person works.",instead:"Banner"},{text:"A hint for one control, shown on demand.",instead:"Tooltip"}],do:[{note:"Keep each step to one view and one or two sentences.",example:[{component:"Tour",props:{tourId:"feature-tour",visible:!0}}]},{note:"Give the tour a stable tourId so it shows once per person.",example:[{component:"Tour",props:{tourId:"onboarding-tour",visible:!0}}]}],dont:[{note:"Do not start a tour on every launch.",example:[{component:"Tour",props:{tourId:"launch-tour",visible:!0}}]},{note:"Do not point a step at a view that may be off screen; it is skipped.",example:[{component:"Tour",props:{tourId:"offscreen-tour",visible:!0}}]}],a11y:["The step card is read like a dialog; keep titles and descriptions complete on their own.","Skip stays available on every step and by the Android back button."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"TypingIndicator",marker:null,platforms:["phone"],acceptsChildren:!1,props:{label:{description:'Line shown beside the dots and read by screen readers, such as "Asha is typing".',type:"string"},accessibilityLabel:{description:"Screen reader name when there is no visible label.",type:"string",default:"Typing"},bubble:{description:"Draws the dots inside a received message bubble.",type:"boolean",default:!0}},omit:[],examples:[{id:"TypingIndicator.default",title:"With a label",props:{label:"Asha is typing"}},{id:"TypingIndicator.dotsOnly",title:"Dots only",props:{accessibilityLabel:"Asha is typing"}},{id:"TypingIndicator.noBubble",title:"Without a bubble",props:{label:"Asha is typing",bubble:!1}}],usage:{when:["Show that the other person is writing a reply at the foot of a conversation."],whenNot:[{text:"Waiting for a request or a screen to load.",instead:"Spinner"}],do:[{note:"Put it in the typing slot of the message list so it sits under the newest message.",example:[{component:"MessageBubble",props:{side:"mine",text:"Are you free to talk?"}},{component:"TypingIndicator",props:{label:"Asha is typing"}}]},{note:"Name who is typing in the label when more than one person can write.",example:[{component:"TypingIndicator",props:{label:"Asha is typing"}}]}],dont:[{note:"Do not leave it on screen after the reply arrives.",example:[{component:"MessageBubble",props:{side:"mine",text:"Are you free to talk?"}},{component:"MessageBubble",props:{side:"theirs",text:"Yes I am free to talk."}},{component:"TypingIndicator",props:{label:"Asha is typing"}}]},{note:"Do not use it as a general loading signal.",example:[{component:"TypingIndicator",props:{label:"Loading data"}}]}],a11y:["It is not announced when it appears; a person hears the reply when it arrives.","Set accessibilityLabel when there is no visible label so the dots still have a name."]}});

package/lib/commonjs/components/WheelPicker/WheelPickerColumns.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"WheelPickerColumns",component:"WheelPicker",fixedProps:{mode:"columns"},platforms:["phone"],acceptsChildren:!1,marker:null,props:{columns:{type:"array",required:!0,description:"Several wheels side by side.",itemFields:{key:{type:"string",required:!0,description:"Names the column."},label:{type:"string",required:!0,description:"The column name for a screen reader."},items:{type:"array",required:!0,description:"The rows.",itemFields:{value:{type:"stringOrNumber",required:!0,description:"The value returned when this row is selected."},label:{type:"string",required:!0,description:"The text displayed for this row."},accessibilityLabel:{type:"string",description:"The spoken text for a screen reader."}}},value:{type:"stringOrNumber",required:!0,description:"The selected item's value."},width:{type:"number",description:"Fixed width in points, 64 when left out."},separator:{type:"string",description:'Text drawn after the column such as ":".'},unit:{type:"string",description:"Small label beside the selected row."},gapAfter:{type:"number",description:"Empty space after the column in points."}}},disabled:{type:"boolean",default:!1,description:"Locks scrolling and dims the wheels."}},omit:["haptic"],examples:[{id:"WheelPickerColumns.default",title:"Colour and size",props:{columns:[{key:"colour",label:"Colour",value:"Blue",width:112,items:[{value:"Red",label:"Red"},{value:"Green",label:"Green"},{value:"Blue",label:"Blue"},{value:"Black",label:"Black"}]},{key:"size",label:"Size",value:"M",items:[{value:"S",label:"S"},{value:"M",label:"M"},{value:"L",label:"L"},{value:"XL",label:"XL"}]}]}},{id:"WheelPickerColumns.disabled",title:"Locked",props:{columns:[{key:"size",label:"Size",value:"L",items:[{value:"S",label:"S"},{value:"M",label:"M"},{value:"L",label:"L"}]}],disabled:!0}}],usage:{when:["Choose from a short ordered set on each of several wheels, such as colour and size."],whenNot:[{text:"One value from a long or searchable list.",instead:"Select"},{text:"A time of day.",instead:"TimePicker"}],do:[{note:"Give every column a label so a screen reader names it.",example:[{component:"WheelPickerColumns",props:{columns:[{key:"colour",label:"Colour",value:"Blue",items:[{value:"Red",label:"Red"},{value:"Blue",label:"Blue"}]}]}}]}],dont:[{note:"Do not put more than a handful of rows on a wheel; people cannot scan a long one.",example:[{component:"WheelPickerColumns",props:{columns:[{key:"month",label:"Month",value:"January",items:[{value:"Jan",label:"January"},{value:"Feb",label:"February"},{value:"Mar",label:"March"},{value:"Apr",label:"April"},{value:"May",label:"May"},{value:"Jun",label:"June"},{value:"Jul",label:"July"},{value:"Aug",label:"August"},{value:"Sep",label:"September"},{value:"Oct",label:"October"},{value:"Nov",label:"November"},{value:"Dec",label:"December"}]}]}}]}],a11y:["Each wheel is an adjustable control: swipe up or down to move one row; keep row text short and complete."]}});

package/lib/commonjs/components/WheelPicker/WheelPickerDuration.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"WheelPickerDuration",component:"WheelPicker",fixedProps:{mode:"duration"},platforms:["phone"],acceptsChildren:!1,marker:null,props:{value:{type:"number",required:!0,description:"The duration as whole minutes."},minuteStep:{type:"enum",values:[1,5,15,30],default:1,description:"Minute wheel step."},maxMinutes:{type:"number",default:1439,description:"Longest duration in minutes."},presets:{type:"array",description:"Durations in minutes shown as chips under the wheel; each must be a whole number of minutes from 0 to maxMinutes in steps of minuteStep."},labels:{type:"object",description:"Custom labels for the hour and minute wheels and units.",fields:{hours:{type:"string",default:"Hours",description:"Label for the hours column."},minutes:{type:"string",default:"Minutes",description:"Label for the minutes column."},hourUnit:{type:"string",default:"hr",description:"Unit shown next to the selected hour."},minuteUnit:{type:"string",default:"min",description:"Unit shown next to the selected minute."}}},disabled:{type:"boolean",default:!1,description:"Locks scrolling and dims the wheels."}},omit:["haptic"],examples:[{id:"WheelPickerDuration.default",title:"Ninety minutes",props:{value:90,minuteStep:5,maxMinutes:1439}},{id:"WheelPickerDuration.presets",title:"With presets",props:{value:30,minuteStep:15,presets:[15,30,45,60,90]}},{id:"WheelPickerDuration.capped",title:"Capped at eight hours",props:{value:120,minuteStep:30,maxMinutes:480}}],usage:{when:["Ask for a length of time in hours and minutes, up to 23 h 59 min."],whenNot:[{text:"A time of day.",instead:"TimePicker"}],do:[{note:"Offer presets for the durations people pick most.",example:[{component:"WheelPickerDuration",props:{value:30,minuteStep:15,presets:[15,30,45,60]}}]},{note:"Choose minuteStep to match how the duration is used, such as 15 for bookings.",example:[{component:"WheelPickerDuration",props:{value:60,minuteStep:15}}]}],dont:[{note:"Do not set a preset that is off the minute step or above maxMinutes; the picker throws.",example:[{component:"WheelPickerDuration",props:{value:30,minuteStep:15,presets:[15,20,45,60]}}]},{note:"Do not use a 1 minute step for bookings that only need 15 minute blocks.",example:[{component:"WheelPickerDuration",props:{value:60,minuteStep:1}}]}],a11y:["The value is spoken in words, such as 2 hours; keep labels in the person's language."]}});

package/lib/commonjs/components/WheelPicker/WheelPickerList.meta.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"WheelPickerList",component:"WheelPicker",fixedProps:{mode:"list"},platforms:["phone"],acceptsChildren:!1,marker:null,props:{items:{type:"array",required:!0,description:"The choices on one wheel. Plain strings and numbers are also accepted by the component and are not shown in the kit.",itemFields:{value:{type:"stringOrNumber",required:!0,description:"The value returned when this row is selected."},label:{type:"string",required:!0,description:"The text displayed for this row."},accessibilityLabel:{type:"string",description:"The spoken text for a screen reader."}}},value:{type:"stringOrNumber",description:"The selected item's value."},label:{type:"string",default:"Value",description:"Names the wheel for a screen reader."},width:{type:"number",description:"Fixed width in points; the wheel fills the row when left out."},disabled:{type:"boolean",default:!1,description:"Locks scrolling and dims the wheels."}},omit:["haptic"],examples:[{id:"WheelPickerList.default",title:"Repeat",props:{label:"Repeat",value:"Weekly",items:[{value:"Daily",label:"Daily"},{value:"Weekly",label:"Weekly"},{value:"Monthly",label:"Monthly"},{value:"Yearly",label:"Yearly"}]}},{id:"WheelPickerList.numbers",title:"Numbers",props:{label:"Quantity",value:2,width:120,items:[{value:1,label:"1"},{value:2,label:"2"},{value:3,label:"3"},{value:4,label:"4"}]}}],usage:{when:["Choose one value from a short ordered list, such as a repeat interval."],whenNot:[{text:"A list of more than about a dozen choices, or one that needs search.",instead:"Select"}],do:[{note:"Set label so a screen reader says what the wheel chooses.",example:[{component:"WheelPickerList",props:{label:"Repeat",value:"Weekly",items:[{value:"Daily",label:"Daily"},{value:"Weekly",label:"Weekly"},{value:"Monthly",label:"Monthly"},{value:"Yearly",label:"Yearly"}]}}]}],dont:[{note:"Do not use a wheel for choices that have no natural order.",example:[{component:"WheelPickerList",props:{label:"Colors",value:"Blue",items:[{value:"Red",label:"Red"},{value:"Blue",label:"Blue"},{value:"Green",label:"Green"},{value:"Yellow",label:"Yellow"}]}}]}],a11y:["The wheel is adjustable by swipe; the chosen row is spoken with its accessibilityLabel when it has one."]}});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.meta=void 0;var _meta=require("../../canvasKit/meta.js");const meta=exports.meta=(0,_meta.definePhoneMeta)()({name:"ZoomableImage",marker:null,platforms:["phone"],acceptsChildren:!0,props:{maxScale:{type:"number",default:4,description:"Upper limit of pinch and double tap zoom."},minScale:{type:"number",default:1,description:"Lower limit of pinch zoom; the resting scale a pinch springs back to."},doubleTapScale:{type:"number",default:2,description:"Scale a double tap zooms to; a second double tap returns to normal."},disabled:{type:"boolean",default:!1,description:"Blocks pinch, pan and double tap and resets any zoom."},accessibilityLabel:{type:"string",description:"Screen reader name of the zoomable area."}},omit:["haptic"],examples:[{id:"ZoomableImage.default",title:"Default zoom",props:{maxScale:4,minScale:1,doubleTapScale:2,accessibilityLabel:"Sample photo"},children:"Photo"},{id:"ZoomableImage.strongZoom",title:"Stronger zoom",props:{maxScale:8,doubleTapScale:3},children:"Photo"},{id:"ZoomableImage.disabled",title:"Zoom blocked",props:{disabled:!0},children:"Photo"}],usage:{when:["Let a person pinch, pan and double tap to look closely at one image or one piece of content."],whenNot:[{text:"A set of images to swipe between, each zoomable.",instead:"ImageGallery"}],do:[{note:"Wrap one image and give the wrapper an accessibilityLabel that names it.",example:[{component:"ZoomableImage",props:{accessibilityLabel:"Product photo"},children:["Product photo"]}]},{note:"Keep maxScale high enough to read fine detail, such as 4 for photos.",example:[{component:"ZoomableImage",props:{maxScale:4},children:["Detailed map"]}]}],dont:[{note:"Do not wrap content that scrolls on its own; the two gestures compete.",example:[{component:"ZoomableImage",props:{accessibilityLabel:"Product photos"},children:[{component:"Carousel",props:{data:["Photo one","Photo two"]}}]}]},{note:"Do not rely on pinch alone; double tap is the one handed way to zoom.",example:[{component:"ZoomableImage",props:{maxScale:4,doubleTapScale:1},children:["Detailed map"]}]}],a11y:["Name the wrapped content with accessibilityLabel; the gestures themselves have no screen reader form.","Offer another way to view the detail, such as a download, when zoom matters for the task."]}});

package/lib/commonjs/form/FormContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Form=void 0,exports.useFormContext=useFormContext,exports.useOptionalFormContext=useOptionalFormContext;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime");const FormContext=(0,_react.createContext)(null),Form=({form:e,children:t})=>(0,_jsxRuntime.jsx)(FormContext.Provider,{value:e,children:t});function useFormContext(){const e=(0,_react.useContext)(FormContext);if(!e)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return e}function useOptionalFormContext(){return(0,_react.useContext)(FormContext)}exports.Form=Form,Form.displayName="Form";

package/lib/commonjs/form/equal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.valuesEqual=void 0;const isPlainObject=e=>{if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t},valuesEqual=(e,t)=>{if(Object.is(e,t))return!0;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)||Array.isArray(t)){if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r+=1)if(!valuesEqual(e[r],t[r]))return!1;return!0}if(!isPlainObject(e)||!isPlainObject(t))return!1;const r=Object.keys(e).filter(t=>void 0!==e[t]),i=Object.keys(t).filter(e=>void 0!==t[e]);if(r.length!==i.length)return!1;for(const i of r)if(!valuesEqual(e[i],t[i]))return!1;return!0};exports.valuesEqual=valuesEqual;

package/lib/commonjs/form/rules.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.url=exports.strongPassword=exports.required=exports.pincode=exports.phone=exports.pattern=exports.pan=exports.oneOf=exports.numeric=exports.mobile=exports.minLength=exports.min=exports.maxLength=exports.max=exports.matches=exports.integer=exports.ifsc=exports.gstin=exports.email=exports.custom=exports.alphanumeric=exports.aadhaar=void 0;var _mobileCore=require("@webority/mobile-core"),_path=require("./path.js");const isEmptyValue=e=>null==e||""===e||Array.isArray(e)&&0===e.length,fromPredicate=(e,r)=>t=>o=>isEmptyValue(o)||e(o)?void 0:t??r,required=(e="This field is required")=>r=>"boolean"==typeof r?r?void 0:e:isEmptyValue(r)?e:void 0;exports.required=required;const email=exports.email=fromPredicate(_mobileCore.isEmail,"Enter a valid email"),mobile=exports.mobile=fromPredicate(_mobileCore.isIndianMobile,"Enter a valid mobile number"),phone=exports.phone=fromPredicate(_mobileCore.isPhone,"Enter a valid phone number"),url=exports.url=fromPredicate(_mobileCore.isUrl,"Enter a valid URL"),numeric=exports.numeric=fromPredicate(_mobileCore.isNumeric,"Enter a valid number"),integer=exports.integer=fromPredicate(_mobileCore.isInteger,"Enter a whole number"),alphanumeric=exports.alphanumeric=fromPredicate(_mobileCore.isAlphanumeric,"Use letters and numbers only"),pincode=exports.pincode=fromPredicate(_mobileCore.isIndianPincode,"Enter a valid 6-digit PIN code"),pan=exports.pan=fromPredicate(_mobileCore.isPan,"Enter a valid PAN"),gstin=exports.gstin=fromPredicate(_mobileCore.isGstin,"Enter a valid GSTIN"),aadhaar=exports.aadhaar=fromPredicate(_mobileCore.isAadhaar,"Enter a valid Aadhaar number"),ifsc=exports.ifsc=fromPredicate(_mobileCore.isIfsc,"Enter a valid IFSC code"),minLength=(e,r)=>t=>isEmptyValue(t)||String(t).length>=e?void 0:r??`Must be at least ${e} characters`;exports.minLength=minLength;const maxLength=(e,r)=>t=>null==t||String(t).length<=e?void 0:r??`Must be at most ${e} characters`;exports.maxLength=maxLength;const min=(e,r)=>t=>isEmptyValue(t)||Number(t)>=e?void 0:r??`Must be at least ${e}`;exports.min=min;const max=(e,r)=>t=>isEmptyValue(t)||Number(t)<=e?void 0:r??`Must be at most ${e}`;exports.max=max;const pattern=(e,r="Invalid format")=>t=>isEmptyValue(t)||e.test(String(t))?void 0:r;exports.pattern=pattern;const oneOf=(e,r="Invalid selection")=>t=>isEmptyValue(t)||e.includes(t)?void 0:r;exports.oneOf=oneOf;const matches=(e,r="Values do not match")=>(t,o)=>t===(0,_path.getPath)(o,e)?void 0:r;exports.matches=matches;const strongPassword=(e,r="Password is too weak")=>t=>isEmptyValue(t)||(0,_mobileCore.isStrongPassword)(t,e)?void 0:r;exports.strongPassword=strongPassword;const custom=(e,r="Invalid value")=>async(t,o)=>{const i=await e(t,o);if(!0!==i)return!1===i?r:i};exports.custom=custom;

package/lib/commonjs/form/useField.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useField=useField,exports.useFieldArray=useFieldArray;var _FormContext=require("./FormContext.js"),_path=require("./path.js");function useField(e){return(0,_FormContext.useFormContext)().getFieldProps(e)}function useFieldArray(e){const t=(0,_FormContext.useFormContext)(),r=(0,_path.getPath)(t.values,e)??[],set=r=>t.setFieldValue(e,r);return{fields:r,length:r.length,push:e=>set([...r,e]),remove:e=>set(r.filter((t,r)=>r!==e)),insert:(e,t)=>{const s=[...r];s.splice(e,0,t),set(s)},move:(e,t)=>{if(e<0||e>=r.length)return;const s=[...r],[n]=s.splice(e,1);s.splice(Math.max(0,Math.min(t,s.length)),0,n),set(s)},replace:(e,t)=>{if(e<0||e>=r.length)return;const s=[...r];s[e]=t,set(s)}}}