{
  "package": "pixelize-native-library",
  "version": "2.0.0",
  "site": "https://mobilecomp.pixelizetech.com",
  "components": [
    {
      "id": "divider",
      "title": "Divider",
      "family": "Foundations",
      "module": "divider",
      "import": "pixelize-native-library/divider",
      "description": "The one hairline between rows: horizontal, vertical, inset from the start edge, or labelled.",
      "page": "https://mobilecomp.pixelizetech.com/components/divider.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/divider"
    },
    {
      "id": "heading",
      "title": "Heading",
      "family": "Foundations",
      "module": "text",
      "import": "pixelize-native-library/text",
      "description": "A section title with a real outline level: four sizes, header role and aria-level.",
      "page": "https://mobilecomp.pixelizetech.com/components/heading.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/heading"
    },
    {
      "id": "icon-tile",
      "title": "IconTile",
      "family": "Foundations",
      "module": "tile",
      "import": "pixelize-native-library/tile",
      "description": "A rounded square or circle holding one glyph, the leading mark of rows, cards and settings.",
      "page": "https://mobilecomp.pixelizetech.com/components/icon-tile.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/icon-tile"
    },
    {
      "id": "list-screen",
      "title": "ListScreen",
      "family": "Foundations",
      "module": "list-screen",
      "import": "pixelize-native-library/list-screen",
      "description": "A Screen built for long lists: virtualised rows, sticky section headers, pull to refresh, paging and an empty slot.",
      "page": "https://mobilecomp.pixelizetech.com/components/list-screen.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/list-screen"
    },
    {
      "id": "progress-bar",
      "title": "ProgressBar",
      "family": "Foundations",
      "module": "progress-bar",
      "import": "pixelize-native-library/progress-bar",
      "description": "A horizontal progress bar, determinate 0 to 100 or indeterminate, with tone, size and an optional label row.",
      "page": "https://mobilecomp.pixelizetech.com/components/progress-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/progress-bar"
    },
    {
      "id": "screen",
      "title": "Screen",
      "family": "Foundations",
      "module": "screen",
      "import": "pixelize-native-library/screen",
      "description": "The page: bg canvas, safe-area insets, an app bar above, a pinned footer below and loading, empty and error slots.",
      "page": "https://mobilecomp.pixelizetech.com/components/screen.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/screen"
    },
    {
      "id": "skeleton",
      "title": "Skeleton",
      "family": "Foundations",
      "module": "skeleton",
      "import": "pixelize-native-library/skeleton",
      "description": "A placeholder for content that is loading: rect, circle or text lines, with a gentle opacity pulse.",
      "page": "https://mobilecomp.pixelizetech.com/components/skeleton.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/skeleton"
    },
    {
      "id": "spinner",
      "title": "Spinner",
      "family": "Foundations",
      "module": "spinner",
      "import": "pixelize-native-library/spinner",
      "description": "An indeterminate busy ring in three sizes. Announced as a busy progressbar, never with an invented value.",
      "page": "https://mobilecomp.pixelizetech.com/components/spinner.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/spinner"
    },
    {
      "id": "surface",
      "title": "Surface",
      "family": "Foundations",
      "module": "surface",
      "import": "pixelize-native-library/surface",
      "description": "A themed box: background role, corner role and elevation, the base every card and sheet is built from.",
      "page": "https://mobilecomp.pixelizetech.com/components/surface.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/surface"
    },
    {
      "id": "text",
      "title": "Text",
      "family": "Foundations",
      "module": "text",
      "import": "pixelize-native-library/text",
      "description": "Every piece of copy: twelve ramp variants, eight tones, tabular figures and a scaling cap.",
      "page": "https://mobilecomp.pixelizetech.com/components/text.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/text"
    },
    {
      "id": "button",
      "title": "Button",
      "family": "Actions",
      "module": "button",
      "import": "pixelize-native-library/button",
      "description": "The primary control for an action: five variants, four sizes, three tones, with optional icon and loading state.",
      "page": "https://mobilecomp.pixelizetech.com/components/button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/button"
    },
    {
      "id": "button-group",
      "title": "ButtonGroup",
      "family": "Actions",
      "module": "button-group",
      "import": "pixelize-native-library/button-group",
      "description": "Joined buttons that pick one value or toggle several, with roving keyboard focus. Also exported as ToggleGroup.",
      "page": "https://mobilecomp.pixelizetech.com/components/button-group.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/button-group"
    },
    {
      "id": "copy-button",
      "title": "CopyButton",
      "family": "Actions",
      "module": "copy-button",
      "import": "pixelize-native-library/copy-button",
      "description": "Copies a string and confirms it with a check, an announcement and a haptic; icon, button and menu-row forms.",
      "page": "https://mobilecomp.pixelizetech.com/components/copy-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/copy-button"
    },
    {
      "id": "fab",
      "title": "Fab",
      "family": "Actions",
      "module": "fab",
      "import": "pixelize-native-library/fab",
      "description": "The floating primary action of a screen, round or extended, plus a speed-dial group.",
      "page": "https://mobilecomp.pixelizetech.com/components/fab.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/fab"
    },
    {
      "id": "icon-button",
      "title": "IconButton",
      "family": "Actions",
      "module": "button",
      "import": "pixelize-native-library/button",
      "description": "A square, glyph-only button for toolbars and rows; a name for assistive tech is required.",
      "page": "https://mobilecomp.pixelizetech.com/components/icon-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/icon-button"
    },
    {
      "id": "link",
      "title": "Link",
      "family": "Actions",
      "module": "link",
      "import": "pixelize-native-library/link",
      "description": "Text that navigates, inline in a sentence or standalone with an optional trailing glyph.",
      "page": "https://mobilecomp.pixelizetech.com/components/link.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/link"
    },
    {
      "id": "save-bar",
      "title": "SaveBar",
      "family": "Actions",
      "module": "save-bar",
      "import": "pixelize-native-library/save-bar",
      "description": "A floating glass bar that appears while a form has unsaved changes, with saving and failure states.",
      "page": "https://mobilecomp.pixelizetech.com/components/save-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/save-bar"
    },
    {
      "id": "social-button",
      "title": "SocialButton",
      "family": "Actions",
      "module": "social-button",
      "import": "pixelize-native-library/social-button",
      "description": "A full-width sign-in button for Apple, Google, Microsoft, email, phone or a custom provider.",
      "page": "https://mobilecomp.pixelizetech.com/components/social-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/social-button"
    },
    {
      "id": "split-button",
      "title": "SplitButton",
      "family": "Actions",
      "module": "button-group",
      "import": "pixelize-native-library/button-group",
      "description": "A primary action joined to a chevron that opens related actions in a menu.",
      "page": "https://mobilecomp.pixelizetech.com/components/split-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/split-button"
    },
    {
      "id": "toggle-button",
      "title": "ToggleButton",
      "family": "Actions",
      "module": "button",
      "import": "pixelize-native-library/button",
      "description": "A button that remembers a pressed state, for favourites, bookmarks and filters.",
      "page": "https://mobilecomp.pixelizetech.com/components/toggle-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/toggle-button"
    },
    {
      "id": "avatar-upload",
      "title": "AvatarUpload",
      "family": "Text inputs",
      "module": "avatar-upload",
      "import": "pixelize-native-library/avatar-upload",
      "description": "An avatar with a camera badge that opens a photo sheet, with a progress ring while an upload runs.",
      "page": "https://mobilecomp.pixelizetech.com/components/avatar-upload.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/avatar-upload"
    },
    {
      "id": "currency-input",
      "title": "CurrencyInput",
      "family": "Text inputs",
      "module": "number-input",
      "import": "pixelize-native-library/number-input",
      "description": "A money field that groups digits as they are typed (1,24,500), keeps the caret in place and returns a plain number.",
      "page": "https://mobilecomp.pixelizetech.com/components/currency-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/currency-input"
    },
    {
      "id": "file-upload",
      "title": "FileUpload",
      "family": "Text inputs",
      "module": "file-upload",
      "import": "pixelize-native-library/file-upload",
      "description": "A tonal drop zone that opens the image or document picker, with a row and progress for every file in flight.",
      "page": "https://mobilecomp.pixelizetech.com/components/file-upload.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/file-upload"
    },
    {
      "id": "form-field",
      "title": "FormField",
      "family": "Text inputs",
      "module": "form-field",
      "import": "pixelize-native-library/form-field",
      "description": "The label, description and helper-or-error wrapper for any control, with an optional right-aligned counter.",
      "page": "https://mobilecomp.pixelizetech.com/components/form-field.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/form-field"
    },
    {
      "id": "input",
      "title": "Input",
      "family": "Text inputs",
      "module": "input",
      "import": "pixelize-native-library/input",
      "description": "A single-line field with filled or outline surface, label, icons, affixes, a clear button and helper or error text.",
      "page": "https://mobilecomp.pixelizetech.com/components/input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/input"
    },
    {
      "id": "number-input",
      "title": "NumberInput",
      "family": "Text inputs",
      "module": "number-input",
      "import": "pixelize-native-library/number-input",
      "description": "A number field with the minus and plus steppers tucked inside, limits, precision, affixes and long-press repeat.",
      "page": "https://mobilecomp.pixelizetech.com/components/number-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/number-input"
    },
    {
      "id": "password-input",
      "title": "PasswordInput",
      "family": "Text inputs",
      "module": "input",
      "import": "pixelize-native-library/input",
      "description": "A masked field with an eye toggle, an optional four-segment strength meter and a rules checklist that ticks as you type.",
      "page": "https://mobilecomp.pixelizetech.com/components/password-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/password-input"
    },
    {
      "id": "pin-input",
      "title": "PinInput",
      "family": "Text inputs",
      "module": "pin-input",
      "import": "pixelize-native-library/pin-input",
      "description": "One cell per digit for verification codes and PINs, with paste and SMS autofill, a wrong-code shake and a resend countdown.",
      "page": "https://mobilecomp.pixelizetech.com/components/pin-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/pin-input"
    },
    {
      "id": "quantity-stepper",
      "title": "QuantityStepper",
      "family": "Text inputs",
      "module": "quantity-stepper",
      "import": "pixelize-native-library/quantity-stepper",
      "description": "An inline minus / count / plus capsule for cart lines, with limits, step and a remove-at-minimum mode.",
      "page": "https://mobilecomp.pixelizetech.com/components/quantity-stepper.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/quantity-stepper"
    },
    {
      "id": "search-bar",
      "title": "SearchBar",
      "family": "Text inputs",
      "module": "search-bar",
      "import": "pixelize-native-library/search-bar",
      "description": "A capsule query field with a clear button, a loading spinner and a Cancel link that slides in on focus.",
      "page": "https://mobilecomp.pixelizetech.com/components/search-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/search-bar"
    },
    {
      "id": "textarea",
      "title": "Textarea",
      "family": "Text inputs",
      "module": "textarea",
      "import": "pixelize-native-library/textarea",
      "description": "A multiline field that starts three lines tall, grows to maxRows, then scrolls, with counter and soft limit.",
      "page": "https://mobilecomp.pixelizetech.com/components/textarea.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/textarea"
    },
    {
      "id": "calendar",
      "title": "Calendar",
      "family": "Pickers",
      "module": "date-picker",
      "import": "pixelize-native-library/date-picker",
      "description": "A month grid for one day or a range, with event dots, limits, quick month jump and announced range edges.",
      "page": "https://mobilecomp.pixelizetech.com/components/calendar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/calendar"
    },
    {
      "id": "combobox",
      "title": "Combobox",
      "family": "Pickers",
      "module": "combobox",
      "import": "pixelize-native-library/combobox",
      "description": "A searchable picker in a bottom sheet, single or multiple, with local or server filtering.",
      "page": "https://mobilecomp.pixelizetech.com/components/combobox.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/combobox"
    },
    {
      "id": "country-picker",
      "title": "CountryPicker",
      "family": "Pickers",
      "module": "phone-input",
      "import": "pixelize-native-library/phone-input",
      "description": "A searchable A to Z sheet of countries with ISO tiles, dial codes and an index bar.",
      "page": "https://mobilecomp.pixelizetech.com/components/country-picker.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/country-picker"
    },
    {
      "id": "date-picker",
      "title": "DatePicker",
      "family": "Pickers",
      "module": "date-picker",
      "import": "pixelize-native-library/date-picker",
      "description": "A field that opens a calendar, a time wheel or both in a bottom sheet, with Cancel and Done.",
      "page": "https://mobilecomp.pixelizetech.com/components/date-picker.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/date-picker"
    },
    {
      "id": "date-range-picker",
      "title": "DateRangePicker",
      "family": "Pickers",
      "module": "date-picker",
      "import": "pixelize-native-library/date-picker",
      "description": "A field that opens a range calendar with quick presets, a day count and Cancel and Apply.",
      "page": "https://mobilecomp.pixelizetech.com/components/date-range-picker.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/date-range-picker"
    },
    {
      "id": "field-select-modal",
      "title": "FieldSelectModal",
      "family": "Pickers",
      "module": "field-select-modal",
      "import": "pixelize-native-library/field-select-modal",
      "description": "A full-screen picker to choose and order the columns a list shows, with pinned fields, search and staged Apply.",
      "page": "https://mobilecomp.pixelizetech.com/components/field-select-modal.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/field-select-modal"
    },
    {
      "id": "filter-bar",
      "title": "FilterBar",
      "family": "Pickers",
      "module": "filter-bar",
      "import": "pixelize-native-library/filter-bar",
      "description": "A toolbar with a Filters button and a scrolling rail of filter chips, plus optional search.",
      "page": "https://mobilecomp.pixelizetech.com/components/filter-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/filter-bar"
    },
    {
      "id": "filter-chip",
      "title": "FilterChip",
      "family": "Pickers",
      "module": "filter-sheet",
      "import": "pixelize-native-library/filter-sheet",
      "description": "A chip that shows one applied filter or opens a picker, with a clear glyph or a chevron.",
      "page": "https://mobilecomp.pixelizetech.com/components/filter-chip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/filter-chip"
    },
    {
      "id": "filter-sheet",
      "title": "FilterSheet",
      "family": "Pickers",
      "module": "filter-sheet",
      "import": "pixelize-native-library/filter-sheet",
      "description": "A staged bottom sheet of filter sections, including single dates and date ranges; the apply button is the only way to commit.",
      "page": "https://mobilecomp.pixelizetech.com/components/filter-sheet.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/filter-sheet"
    },
    {
      "id": "multi-select",
      "title": "MultiSelect",
      "family": "Pickers",
      "module": "multi-select",
      "import": "pixelize-native-library/multi-select",
      "description": "A field that picks several options from a bottom sheet and shows them as chips.",
      "page": "https://mobilecomp.pixelizetech.com/components/multi-select.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/multi-select"
    },
    {
      "id": "phone-input",
      "title": "PhoneInput",
      "family": "Pickers",
      "module": "phone-input",
      "import": "pixelize-native-library/phone-input",
      "description": "A number field with the country in front: ISO code and dial code trigger, formatted digits, E.164 out.",
      "page": "https://mobilecomp.pixelizetech.com/components/phone-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/phone-input"
    },
    {
      "id": "select",
      "title": "Select",
      "family": "Pickers",
      "module": "select",
      "import": "pixelize-native-library/select",
      "description": "A field that opens a bottom sheet of options and returns focus when it closes.",
      "page": "https://mobilecomp.pixelizetech.com/components/select.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/select"
    },
    {
      "id": "sort-sheet",
      "title": "SortSheet",
      "family": "Pickers",
      "module": "filter-sheet",
      "import": "pixelize-native-library/filter-sheet",
      "description": "A small bottom sheet that picks a sort key and direction; rows apply on tap.",
      "page": "https://mobilecomp.pixelizetech.com/components/sort-sheet.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/sort-sheet"
    },
    {
      "id": "tag-input",
      "title": "TagInput",
      "family": "Pickers",
      "module": "tag-input",
      "import": "pixelize-native-library/tag-input",
      "description": "A field that turns each entry into a removable chip, growing one row at a time.",
      "page": "https://mobilecomp.pixelizetech.com/components/tag-input.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/tag-input"
    },
    {
      "id": "time-picker",
      "title": "TimePicker",
      "family": "Pickers",
      "module": "date-picker",
      "import": "pixelize-native-library/date-picker",
      "description": "Snapping hour, minute and AM/PM wheels, or a grid of bookable time slots.",
      "page": "https://mobilecomp.pixelizetech.com/components/time-picker.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/time-picker"
    },
    {
      "id": "week-strip",
      "title": "WeekStrip",
      "family": "Pickers",
      "module": "date-picker",
      "import": "pixelize-native-library/date-picker",
      "description": "One row of seven days for screens where the week is the unit, with swipe paging and event dots.",
      "page": "https://mobilecomp.pixelizetech.com/components/week-strip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/week-strip"
    },
    {
      "id": "checkbox",
      "title": "Checkbox",
      "family": "Selection",
      "module": "checkbox",
      "import": "pixelize-native-library/checkbox",
      "description": "A yes-or-no box in two sizes with indeterminate, description and error states; the whole row is the target.",
      "page": "https://mobilecomp.pixelizetech.com/components/checkbox.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/checkbox"
    },
    {
      "id": "chip",
      "title": "Chip",
      "family": "Selection",
      "module": "chip",
      "import": "pixelize-native-library/chip",
      "description": "A compact pressable label for filters, tags and people, with a group that wraps or scrolls and can own single or multiple selection.",
      "page": "https://mobilecomp.pixelizetech.com/components/chip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/chip"
    },
    {
      "id": "choice-card",
      "title": "Choice card",
      "family": "Selection",
      "module": "choice-card",
      "import": "pixelize-native-library/choice-card",
      "description": "A whole card you press to pick one option or toggle several, with a leading tile or swatch, price meta and a column layout.",
      "page": "https://mobilecomp.pixelizetech.com/components/choice-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/choice-card"
    },
    {
      "id": "radio-group",
      "title": "RadioGroup",
      "family": "Selection",
      "module": "radio-group",
      "import": "pixelize-native-library/radio-group",
      "description": "Picks exactly one option from a list, vertical or horizontal, with option descriptions and an error state.",
      "page": "https://mobilecomp.pixelizetech.com/components/radio-group.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/radio-group"
    },
    {
      "id": "range-slider",
      "title": "Range slider",
      "family": "Selection",
      "module": "slider",
      "import": "pixelize-native-library/slider",
      "description": "A two-thumb slider for a from-to range with a minimum gap, histogram, marks and formatted bubbles.",
      "page": "https://mobilecomp.pixelizetech.com/components/range-slider.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/range-slider"
    },
    {
      "id": "rating",
      "title": "Rating",
      "family": "Selection",
      "module": "rating",
      "import": "pixelize-native-library/rating",
      "description": "Star rating: a read-only score with halves, count and value, and a whole-star input with scrub, clear and keys.",
      "page": "https://mobilecomp.pixelizetech.com/components/rating.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/rating"
    },
    {
      "id": "segmented-control",
      "title": "Segmented control",
      "family": "Selection",
      "module": "segmented-control",
      "import": "pixelize-native-library/segmented-control",
      "description": "An inline single-choice control for two to four short options, with a sliding raised pill, icons and per-option disabled.",
      "page": "https://mobilecomp.pixelizetech.com/components/segmented-control.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/segmented-control"
    },
    {
      "id": "slider",
      "title": "Slider",
      "family": "Selection",
      "module": "slider",
      "import": "pixelize-native-library/slider",
      "description": "A draggable single-value picker in two sizes with marks, a value bubble and formatting; the rail is the target.",
      "page": "https://mobilecomp.pixelizetech.com/components/slider.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/slider"
    },
    {
      "id": "switch",
      "title": "Switch",
      "family": "Selection",
      "module": "switch",
      "import": "pixelize-native-library/switch",
      "description": "An on-off control for instant settings in two sizes, with description and error line; the labelled row is the target.",
      "page": "https://mobilecomp.pixelizetech.com/components/switch.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/switch"
    },
    {
      "id": "accordion",
      "title": "Accordion",
      "family": "Cards",
      "module": "accordion",
      "import": "pixelize-native-library/accordion",
      "description": "Collapsible sections in one borderless card, single or multiple open, in three sizes.",
      "page": "https://mobilecomp.pixelizetech.com/components/accordion.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/accordion"
    },
    {
      "id": "action-card",
      "title": "ActionCard",
      "family": "Cards",
      "module": "action-card",
      "import": "pixelize-native-library/action-card",
      "description": "A whole-card button that opens the next step: a tone icon, a title, one line of what happens and a chevron.",
      "page": "https://mobilecomp.pixelizetech.com/components/action-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/action-card"
    },
    {
      "id": "balance-card",
      "title": "Balance card",
      "family": "Cards",
      "module": "balance-card",
      "import": "pixelize-native-library/balance-card",
      "description": "The hero balance of a wallet screen: an ink card in Light, a washed raised card in Dark, with a delta chip and up to four action tiles.",
      "page": "https://mobilecomp.pixelizetech.com/components/balance-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/balance-card"
    },
    {
      "id": "card",
      "title": "Card",
      "family": "Cards",
      "module": "card",
      "import": "pixelize-native-library/card",
      "description": "A borderless surface with optional header, media, body and footer, in four variants and three sizes.",
      "page": "https://mobilecomp.pixelizetech.com/components/card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/card"
    },
    {
      "id": "card-group",
      "title": "CardGroup",
      "family": "Cards",
      "module": "card-group",
      "import": "pixelize-native-library/card-group",
      "description": "An inset grouped list: an overline title, one borderless card of rows, and a footnote.",
      "page": "https://mobilecomp.pixelizetech.com/components/card-group.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/card-group"
    },
    {
      "id": "event-card",
      "title": "Event card",
      "family": "Cards",
      "module": "event-card",
      "import": "pixelize-native-library/event-card",
      "description": "A calendar entry: date tile, title, time and place, and a small stack of attendees.",
      "page": "https://mobilecomp.pixelizetech.com/components/event-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/event-card"
    },
    {
      "id": "kanban-card",
      "title": "Kanban card",
      "family": "Cards",
      "module": "kanban-card",
      "import": "pixelize-native-library/kanban-card",
      "description": "A compact deal card for a board column: name, account, tags, owner, due date and value, with a drag lift and a ghost slot.",
      "page": "https://mobilecomp.pixelizetech.com/components/kanban-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/kanban-card"
    },
    {
      "id": "notification-card",
      "title": "NotificationCard",
      "family": "Cards",
      "module": "notification-card",
      "import": "pixelize-native-library/notification-card",
      "description": "One event in a glance: a tone icon, what changed, when, an unread dot and a swipe-to-archive action.",
      "page": "https://mobilecomp.pixelizetech.com/components/notification-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/notification-card"
    },
    {
      "id": "payment-card",
      "title": "Payment card",
      "family": "Cards",
      "module": "payment-card",
      "import": "pixelize-native-library/payment-card",
      "description": "A saved payment method as a tonal row with an app-supplied brand mark, a masked number, a Default badge, an expired strip and an add row.",
      "page": "https://mobilecomp.pixelizetech.com/components/payment-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/payment-card"
    },
    {
      "id": "plan-card",
      "title": "Plan card",
      "family": "Cards",
      "module": "plan-card",
      "import": "pixelize-native-library/plan-card",
      "description": "One pricing tier: a price, a checked feature list and a large button, with a washed state for the plan you are on.",
      "page": "https://mobilecomp.pixelizetech.com/components/plan-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/plan-card"
    },
    {
      "id": "product-card",
      "title": "Product card",
      "family": "Cards",
      "module": "product-card",
      "import": "pixelize-native-library/product-card",
      "description": "The shopping-grid cell: image, two-line title, rating, price with an optional struck MRP and discount, and one add button.",
      "page": "https://mobilecomp.pixelizetech.com/components/product-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/product-card"
    },
    {
      "id": "profile-card",
      "title": "Profile card",
      "family": "Cards",
      "module": "profile-card",
      "import": "pixelize-native-library/profile-card",
      "description": "A person at a glance: avatar over an optional cover, name, role, plan, up to three counters and actions.",
      "page": "https://mobilecomp.pixelizetech.com/components/profile-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/profile-card"
    },
    {
      "id": "progress-card",
      "title": "ProgressCard",
      "family": "Cards",
      "module": "progress-card",
      "import": "pixelize-native-library/progress-card",
      "description": "Progress toward a goal as a ring, a half-turn gauge or a bar, with the number in text and a meta row.",
      "page": "https://mobilecomp.pixelizetech.com/components/progress-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/progress-card"
    },
    {
      "id": "promo-card",
      "title": "PromoCard",
      "family": "Cards",
      "module": "promo-card",
      "import": "pixelize-native-library/promo-card",
      "description": "The one loud card: a brand-coloured message with a single inverted button, solid or soft, md or carousel sm.",
      "page": "https://mobilecomp.pixelizetech.com/components/promo-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/promo-card"
    },
    {
      "id": "property-card",
      "title": "Property card",
      "family": "Cards",
      "module": "property-card",
      "import": "pixelize-native-library/property-card",
      "description": "A listing card with a 16:10 photo, price first, location and facts, and a heart that floats on glass.",
      "page": "https://mobilecomp.pixelizetech.com/components/property-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/property-card"
    },
    {
      "id": "quick-actions",
      "title": "QuickActions",
      "family": "Cards",
      "module": "quick-actions",
      "import": "pixelize-native-library/quick-actions",
      "description": "A grid of round icon shortcuts with short labels, on a card or straight on the canvas.",
      "page": "https://mobilecomp.pixelizetech.com/components/quick-actions.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/quick-actions"
    },
    {
      "id": "review-card",
      "title": "Review card",
      "family": "Cards",
      "module": "review-card",
      "import": "pixelize-native-library/review-card",
      "description": "One customer review: author, date, verified mark, stars, text clamped to four lines with More, and a helpful vote.",
      "page": "https://mobilecomp.pixelizetech.com/components/review-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/review-card"
    },
    {
      "id": "section",
      "title": "Section",
      "family": "Cards",
      "module": "section",
      "import": "pixelize-native-library/section",
      "description": "A titled content block with an optional overline and trailing action, and no border.",
      "page": "https://mobilecomp.pixelizetech.com/components/section.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/section"
    },
    {
      "id": "stat-tile",
      "title": "StatTile",
      "family": "Cards",
      "module": "stat-tile",
      "import": "pixelize-native-library/stat-tile",
      "description": "One number and how it moved: a label, a value, a delta badge and an optional sparkline, in a grid or alone.",
      "page": "https://mobilecomp.pixelizetech.com/components/stat-tile.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/stat-tile"
    },
    {
      "id": "ticket-card",
      "title": "Ticket card",
      "family": "Cards",
      "module": "ticket-card",
      "import": "pixelize-native-library/ticket-card",
      "description": "A support ticket in one glance: id, priority dot, two-line title, status badge, owner and SLA countdown.",
      "page": "https://mobilecomp.pixelizetech.com/components/ticket-card.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/ticket-card"
    },
    {
      "id": "amount",
      "title": "Amount",
      "family": "Lists and identity",
      "module": "amount",
      "import": "pixelize-native-library/amount",
      "description": "Rupee amounts in Indian grouping with compact lakh and crore forms, signed ink and a spoken form.",
      "page": "https://mobilecomp.pixelizetech.com/components/amount.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/amount"
    },
    {
      "id": "avatar",
      "title": "Avatar",
      "family": "Lists and identity",
      "module": "avatar",
      "import": "pixelize-native-library/avatar",
      "description": "An identity glyph: image, initials or a user placeholder, with a presence dot and eight deterministic tints.",
      "page": "https://mobilecomp.pixelizetech.com/components/avatar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/avatar"
    },
    {
      "id": "avatar-group",
      "title": "AvatarGroup",
      "family": "Lists and identity",
      "module": "avatar-group",
      "import": "pixelize-native-library/avatar-group",
      "description": "An overlapping stack of faces with a +N chip, spoken as one summary.",
      "page": "https://mobilecomp.pixelizetech.com/components/avatar-group.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/avatar-group"
    },
    {
      "id": "badge",
      "title": "Badge",
      "family": "Lists and identity",
      "module": "badge",
      "import": "pixelize-native-library/badge",
      "description": "A non-interactive status chip in soft, solid and dot variants, plus TrendBadge for deltas.",
      "page": "https://mobilecomp.pixelizetech.com/components/badge.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/badge"
    },
    {
      "id": "card-table",
      "title": "CardTable",
      "family": "Lists and identity",
      "module": "data-table",
      "import": "pixelize-native-library/data-table",
      "description": "The phone shape of DataTable: a small card per record with a title, a badge and a two-column grid of facts.",
      "page": "https://mobilecomp.pixelizetech.com/components/card-table.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/card-table"
    },
    {
      "id": "count-badge",
      "title": "CountBadge",
      "family": "Lists and identity",
      "module": "count-badge",
      "import": "pixelize-native-library/count-badge",
      "description": "A count pill or dot that caps at 99+ and pins itself to an icon or avatar.",
      "page": "https://mobilecomp.pixelizetech.com/components/count-badge.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/count-badge"
    },
    {
      "id": "data-table",
      "title": "DataTable",
      "family": "Lists and identity",
      "module": "data-table",
      "import": "pixelize-native-library/data-table",
      "description": "The dense sortable grid: a frozen first column with an edge shadow, hairline rows, three densities and selection.",
      "page": "https://mobilecomp.pixelizetech.com/components/data-table.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/data-table"
    },
    {
      "id": "description-list",
      "title": "DescriptionList",
      "family": "Lists and identity",
      "module": "description-list",
      "import": "pixelize-native-library/description-list",
      "description": "A grid of label and value pairs for record-detail screens, stacked or inline, one or two columns.",
      "page": "https://mobilecomp.pixelizetech.com/components/description-list.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/description-list"
    },
    {
      "id": "index-bar",
      "title": "IndexBar",
      "family": "Lists and identity",
      "module": "section-list",
      "import": "pixelize-native-library/section-list",
      "description": "The A-Z jump column with a drag bubble, used by SectionList and CountryPicker.",
      "page": "https://mobilecomp.pixelizetech.com/components/index-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/index-bar"
    },
    {
      "id": "key-value",
      "title": "KeyValue",
      "family": "Lists and identity",
      "module": "key-value",
      "import": "pixelize-native-library/key-value",
      "description": "One read-only fact per row, label at the start and value at the end.",
      "page": "https://mobilecomp.pixelizetech.com/components/key-value.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/key-value"
    },
    {
      "id": "list-item",
      "title": "ListItem",
      "family": "Lists and identity",
      "module": "list-item",
      "import": "pixelize-native-library/list-item",
      "description": "The row primitive: leading, title, subtitle, meta and trailing on 44, 56 and 72 rows.",
      "page": "https://mobilecomp.pixelizetech.com/components/list-item.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/list-item"
    },
    {
      "id": "more-items",
      "title": "MoreItems",
      "family": "Lists and identity",
      "module": "more-items",
      "import": "pixelize-native-library/more-items",
      "description": "The Show N more control that reveals the rest of a cut-short list in place.",
      "page": "https://mobilecomp.pixelizetech.com/components/more-items.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/more-items"
    },
    {
      "id": "person-chip",
      "title": "PersonChip",
      "family": "Lists and identity",
      "module": "person-chip",
      "import": "pixelize-native-library/person-chip",
      "description": "An avatar and name in one pill for assignees and pickers, optionally pressable, selectable and removable.",
      "page": "https://mobilecomp.pixelizetech.com/components/person-chip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/person-chip"
    },
    {
      "id": "reorder",
      "title": "Reorder",
      "family": "Lists and identity",
      "module": "reorder",
      "import": "pixelize-native-library/reorder",
      "description": "A drag-to-reorder list with accessibility actions and an optional move-button mode.",
      "page": "https://mobilecomp.pixelizetech.com/components/reorder.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/reorder"
    },
    {
      "id": "section-list",
      "title": "SectionList",
      "family": "Lists and identity",
      "module": "section-list",
      "import": "pixelize-native-library/section-list",
      "description": "A virtualised sectioned list with glass sticky headers, an A-Z index bar and a selection mode.",
      "page": "https://mobilecomp.pixelizetech.com/components/section-list.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/section-list"
    },
    {
      "id": "setting-row",
      "title": "SettingRow",
      "family": "Lists and identity",
      "module": "setting-row",
      "import": "pixelize-native-library/setting-row",
      "description": "A settings line on the ListItem row with a tone tile, a value and a control.",
      "page": "https://mobilecomp.pixelizetech.com/components/setting-row.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/setting-row"
    },
    {
      "id": "settings-section",
      "title": "SettingsSection",
      "family": "Lists and identity",
      "module": "settings-section",
      "import": "pixelize-native-library/settings-section",
      "description": "Grouped settings: an overline title, rows in a borderless card and an optional footer.",
      "page": "https://mobilecomp.pixelizetech.com/components/settings-section.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/settings-section"
    },
    {
      "id": "status-dot",
      "title": "StatusDot",
      "family": "Lists and identity",
      "module": "status-dot",
      "import": "pixelize-native-library/status-dot",
      "description": "A small tone dot with a text label, for status that must never rely on colour alone.",
      "page": "https://mobilecomp.pixelizetech.com/components/status-dot.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/status-dot"
    },
    {
      "id": "swipeable-row",
      "title": "SwipeableRow",
      "family": "Lists and identity",
      "module": "swipeable-row",
      "import": "pixelize-native-library/swipeable-row",
      "description": "A list row that reveals solid tone actions on a horizontal swipe, with a full swipe that fires the outermost.",
      "page": "https://mobilecomp.pixelizetech.com/components/swipeable-row.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/swipeable-row"
    },
    {
      "id": "tag",
      "title": "Tag",
      "family": "Lists and identity",
      "module": "tag",
      "import": "pixelize-native-library/tag",
      "description": "A tinted label chip in eight avatar colour pairs, optionally pressable and removable.",
      "page": "https://mobilecomp.pixelizetech.com/components/tag.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/tag"
    },
    {
      "id": "timeline",
      "title": "Timeline",
      "family": "Lists and identity",
      "module": "timeline",
      "import": "pixelize-native-library/timeline",
      "description": "A vertical record of what happened, in order, with dot or icon-tile nodes and one current step.",
      "page": "https://mobilecomp.pixelizetech.com/components/timeline.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/timeline"
    },
    {
      "id": "unread-badge",
      "title": "UnreadBadge",
      "family": "Lists and identity",
      "module": "unread-badge",
      "import": "pixelize-native-library/unread-badge",
      "description": "A compact 9+ unread pill; a thin wrapper over the CountBadge pill.",
      "page": "https://mobilecomp.pixelizetech.com/components/unread-badge.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/unread-badge"
    },
    {
      "id": "bar-chart",
      "title": "BarChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Vertical or horizontal bars, single, grouped or stacked, with a tooltip, legend and a table twin for screen readers.",
      "page": "https://mobilecomp.pixelizetech.com/components/bar-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/bar-chart"
    },
    {
      "id": "bar-list",
      "title": "BarList",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "A ranked breakdown where the bar is the row background, with rank, avatar, delta and selection.",
      "page": "https://mobilecomp.pixelizetech.com/components/bar-list.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/bar-list"
    },
    {
      "id": "chart-tooltip",
      "title": "ChartTooltip",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "The value readout a chart opens on press: title, series rows, an optional total or delta.",
      "page": "https://mobilecomp.pixelizetech.com/components/chart-tooltip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/chart-tooltip"
    },
    {
      "id": "donut-chart",
      "title": "DonutChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "A thin ring with the total in the centre, a centred legend, selection and a table twin.",
      "page": "https://mobilecomp.pixelizetech.com/components/donut-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/donut-chart"
    },
    {
      "id": "funnel-chart",
      "title": "FunnelChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Ordered stages as centred bars that narrow with the value, with conversion between stages.",
      "page": "https://mobilecomp.pixelizetech.com/components/funnel-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/funnel-chart"
    },
    {
      "id": "gantt",
      "title": "Gantt",
      "family": "Charts",
      "module": "gantt",
      "import": "pixelize-native-library/gantt",
      "description": "Tasks over time with progress inside each bar, frozen names, milestones and today marked through every row.",
      "page": "https://mobilecomp.pixelizetech.com/components/gantt.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/gantt"
    },
    {
      "id": "gauge",
      "title": "Gauge",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "A half-turn dial for one number against a target, with threshold ticks, a status tone and a crossfading label.",
      "page": "https://mobilecomp.pixelizetech.com/components/gauge.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/gauge"
    },
    {
      "id": "legend",
      "title": "Legend",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Names what each colour, line and dash in a chart means; optionally toggles series.",
      "page": "https://mobilecomp.pixelizetech.com/components/legend.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/legend"
    },
    {
      "id": "line-chart",
      "title": "LineChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Multi-series lines with scrub selection, end labels, dashed comparison series, an area preset and a stacked cumulative-flow mode.",
      "page": "https://mobilecomp.pixelizetech.com/components/line-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/line-chart"
    },
    {
      "id": "pie-chart",
      "title": "PieChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Parts of a whole with outside slice labels, a vertical legend, a neutral Other and a table twin.",
      "page": "https://mobilecomp.pixelizetech.com/components/pie-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/pie-chart"
    },
    {
      "id": "progress-ring",
      "title": "ProgressRing",
      "family": "Charts",
      "module": "progress-ring",
      "import": "pixelize-native-library/progress-ring",
      "description": "A circular progress for one value in four sizes and five tones, with a centre label and an indeterminate spin.",
      "page": "https://mobilecomp.pixelizetech.com/components/progress-ring.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/progress-ring"
    },
    {
      "id": "scatter-chart",
      "title": "ScatterChart",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "Points on numeric axes with mean and control-limit lines; out-of-limit points become diamonds.",
      "page": "https://mobilecomp.pixelizetech.com/components/scatter-chart.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/scatter-chart"
    },
    {
      "id": "sparkline",
      "title": "Sparkline",
      "family": "Charts",
      "module": "charts",
      "import": "pixelize-native-library/charts",
      "description": "A tiny axis-less trend line for a stat tile or list row, with an optional area and last-point marker.",
      "page": "https://mobilecomp.pixelizetech.com/components/sparkline.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/sparkline"
    },
    {
      "id": "banner",
      "title": "Banner",
      "family": "Feedback",
      "module": "banner",
      "import": "pixelize-native-library/banner",
      "description": "A persistent inline message in six tones and two variants; it grows with its text and never truncates.",
      "page": "https://mobilecomp.pixelizetech.com/components/banner.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/banner"
    },
    {
      "id": "empty-state",
      "title": "EmptyState",
      "family": "Feedback",
      "module": "empty-state",
      "import": "pixelize-native-library/empty-state",
      "description": "What a list shows when it has no rows: a tinted icon or art, two lines of text and at most two buttons.",
      "page": "https://mobilecomp.pixelizetech.com/components/empty-state.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/empty-state"
    },
    {
      "id": "error-state",
      "title": "ErrorState",
      "family": "Feedback",
      "module": "error-state",
      "import": "pixelize-native-library/error-state",
      "description": "What a screen shows when a load fails: what went wrong in plain words, and a way to try again.",
      "page": "https://mobilecomp.pixelizetech.com/components/error-state.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/error-state"
    },
    {
      "id": "loading-state",
      "title": "LoadingState",
      "family": "Feedback",
      "module": "loading-state",
      "import": "pixelize-native-library/loading-state",
      "description": "Covers a screen or card while first data arrives: a spinner with a message, or your own skeleton layout.",
      "page": "https://mobilecomp.pixelizetech.com/components/loading-state.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/loading-state"
    },
    {
      "id": "pull-to-refresh",
      "title": "PullToRefresh",
      "family": "Feedback",
      "module": "pull-to-refresh",
      "import": "pixelize-native-library/pull-to-refresh",
      "description": "A themed RefreshControl for lists that go stale. The OS gesture and indicator, coloured by the kit.",
      "page": "https://mobilecomp.pixelizetech.com/components/pull-to-refresh.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/pull-to-refresh"
    },
    {
      "id": "result-state",
      "title": "ResultState",
      "family": "Feedback",
      "module": "result-state",
      "import": "pixelize-native-library/result-state",
      "description": "The screen a flow ends on: a tone disc, a title, one sentence and one action. Only success moves.",
      "page": "https://mobilecomp.pixelizetech.com/components/result-state.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/result-state"
    },
    {
      "id": "stage-progress",
      "title": "StageProgress",
      "family": "Feedback",
      "module": "stage-progress",
      "import": "pixelize-native-library/stage-progress",
      "description": "Where one record sits in a pipeline, as pills, a bar, a stepper or chevrons.",
      "page": "https://mobilecomp.pixelizetech.com/components/stage-progress.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/stage-progress"
    },
    {
      "id": "stepper",
      "title": "Stepper",
      "family": "Feedback",
      "module": "stepper",
      "import": "pixelize-native-library/stepper",
      "description": "Progress through an ordered flow, horizontal or vertical, where done steps can be pressed to go back.",
      "page": "https://mobilecomp.pixelizetech.com/components/stepper.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/stepper"
    },
    {
      "id": "toast",
      "title": "Toast",
      "family": "Feedback",
      "module": "toast",
      "import": "pixelize-native-library/toast",
      "description": "A transient confirmation with an optional action, spinner or progress; opt-in stack of three.",
      "page": "https://mobilecomp.pixelizetech.com/components/toast.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/toast"
    },
    {
      "id": "action-sheet",
      "title": "Action sheet",
      "family": "Overlays",
      "module": "action-sheet",
      "import": "pixelize-native-library/action-sheet",
      "description": "Two to six short actions rising from the bottom, with a Cancel button.",
      "page": "https://mobilecomp.pixelizetech.com/components/action-sheet.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/action-sheet"
    },
    {
      "id": "alert-dialog",
      "title": "AlertDialog",
      "family": "Overlays",
      "module": "alert-dialog",
      "import": "pixelize-native-library/alert-dialog",
      "description": "A confirm or destructive-action dialog with an optional type-to-confirm guard and loading state.",
      "page": "https://mobilecomp.pixelizetech.com/components/alert-dialog.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/alert-dialog"
    },
    {
      "id": "backdrop",
      "title": "Backdrop",
      "family": "Overlays",
      "module": "backdrop",
      "import": "pixelize-native-library/backdrop",
      "description": "A full-screen scrim with a fade in and out, for overlays you place yourself.",
      "page": "https://mobilecomp.pixelizetech.com/components/backdrop.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/backdrop"
    },
    {
      "id": "bottom-sheet",
      "title": "BottomSheet",
      "family": "Overlays",
      "module": "bottom-sheet",
      "import": "pixelize-native-library/bottom-sheet",
      "description": "A draggable bottom sheet with snap heights, a pinned footer and an accessible grabber.",
      "page": "https://mobilecomp.pixelizetech.com/components/bottom-sheet.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/bottom-sheet"
    },
    {
      "id": "coachmark",
      "title": "Coachmark",
      "family": "Overlays",
      "module": "coachmark",
      "import": "pixelize-native-library/coachmark",
      "description": "A one-time spotlight tour: a cut-out around each target and a card that explains it.",
      "page": "https://mobilecomp.pixelizetech.com/components/coachmark.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/coachmark"
    },
    {
      "id": "context-menu",
      "title": "ContextMenu",
      "family": "Overlays",
      "module": "context-menu",
      "import": "pixelize-native-library/context-menu",
      "description": "A long press lifts the item over a blurred page with reactions above and actions below.",
      "page": "https://mobilecomp.pixelizetech.com/components/context-menu.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/context-menu"
    },
    {
      "id": "drawer",
      "title": "Drawer",
      "family": "Overlays",
      "module": "drawer",
      "import": "pixelize-native-library/drawer",
      "description": "An edge panel: a left navigation drawer, a right filter drawer, or the bottom sheet-style drawer.",
      "page": "https://mobilecomp.pixelizetech.com/components/drawer.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/drawer"
    },
    {
      "id": "image-viewer",
      "title": "ImageViewer",
      "family": "Overlays",
      "module": "image-viewer",
      "import": "pixelize-native-library/image-viewer",
      "description": "A full-screen photo viewer with pinch zoom, swipe-down dismiss and a thumbnail strip.",
      "page": "https://mobilecomp.pixelizetech.com/components/image-viewer.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/image-viewer"
    },
    {
      "id": "media-viewer",
      "title": "MediaViewer",
      "family": "Overlays",
      "module": "media-viewer",
      "import": "pixelize-native-library/media-viewer",
      "description": "A full-screen viewer for photos, video, audio, PDFs, text and other files, in one pager with a filmstrip.",
      "page": "https://mobilecomp.pixelizetech.com/components/media-viewer.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/media-viewer"
    },
    {
      "id": "menu",
      "title": "Menu",
      "family": "Overlays",
      "module": "menu",
      "import": "pixelize-native-library/menu",
      "description": "A short action list anchored to its trigger: raised, no scrim, flips near the edge.",
      "page": "https://mobilecomp.pixelizetech.com/components/menu.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/menu"
    },
    {
      "id": "modal",
      "title": "Modal",
      "family": "Overlays",
      "module": "modal",
      "import": "pixelize-native-library/modal",
      "description": "A centred dialog over a scrim, or a full-screen page, with a scrolling body and pinned footer.",
      "page": "https://mobilecomp.pixelizetech.com/components/modal.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/modal"
    },
    {
      "id": "popover",
      "title": "Popover",
      "family": "Overlays",
      "module": "popover",
      "import": "pixelize-native-library/popover",
      "description": "A raised card with an arrow, anchored to its trigger, for a sentence of explanation.",
      "page": "https://mobilecomp.pixelizetech.com/components/popover.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/popover"
    },
    {
      "id": "tooltip",
      "title": "Tooltip",
      "family": "Overlays",
      "module": "tooltip",
      "import": "pixelize-native-library/tooltip",
      "description": "A dark one-line label for an icon or a truncated value, above or below its target.",
      "page": "https://mobilecomp.pixelizetech.com/components/tooltip.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/tooltip"
    },
    {
      "id": "app-bar",
      "title": "AppBar",
      "family": "Navigation",
      "module": "app-bar",
      "import": "pixelize-native-library/app-bar",
      "description": "The top bar of every screen: standard, large, search, selection and transparent over media.",
      "page": "https://mobilecomp.pixelizetech.com/components/app-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/app-bar"
    },
    {
      "id": "bottom-nav",
      "title": "BottomNav",
      "family": "Navigation",
      "module": "bottom-nav",
      "import": "pixelize-native-library/bottom-nav",
      "description": "The primary bar for a phone: a floating glass pill or a docked bar, with a searchable, editable More sheet.",
      "page": "https://mobilecomp.pixelizetech.com/components/bottom-nav.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/bottom-nav"
    },
    {
      "id": "breadcrumbs",
      "title": "Breadcrumbs",
      "family": "Navigation",
      "module": "breadcrumbs",
      "import": "pixelize-native-library/breadcrumbs",
      "description": "A quiet trail of links that folds into a menu when it does not fit.",
      "page": "https://mobilecomp.pixelizetech.com/components/breadcrumbs.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/breadcrumbs"
    },
    {
      "id": "carousel",
      "title": "Carousel",
      "family": "Navigation",
      "module": "carousel",
      "import": "pixelize-native-library/carousel",
      "description": "A snapping row of cards or photos where the next item peeks, with dots, a glass pill or a counter.",
      "page": "https://mobilecomp.pixelizetech.com/components/carousel.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/carousel"
    },
    {
      "id": "kanban-board",
      "title": "Kanban board",
      "family": "Navigation",
      "module": "kanban-board",
      "import": "pixelize-native-library/kanban-board",
      "description": "A pipeline of columns that page sideways, with a count and a total per column and long-press drag between them.",
      "page": "https://mobilecomp.pixelizetech.com/components/kanban-board.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/kanban-board"
    },
    {
      "id": "onboarding-pager",
      "title": "OnboardingPager",
      "family": "Navigation",
      "module": "onboarding-pager",
      "import": "pixelize-native-library/onboarding-pager",
      "description": "The first-run flow: one picture, one line and one sentence per page, with Skip and a solid primary button.",
      "page": "https://mobilecomp.pixelizetech.com/components/onboarding-pager.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/onboarding-pager"
    },
    {
      "id": "pager-dots",
      "title": "PagerDots",
      "family": "Navigation",
      "module": "pager-dots",
      "import": "pixelize-native-library/pager-dots",
      "description": "A quiet position indicator for any paged view, with a glass pill for photos.",
      "page": "https://mobilecomp.pixelizetech.com/components/pager-dots.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/pager-dots"
    },
    {
      "id": "pagination",
      "title": "Pagination",
      "family": "Navigation",
      "module": "pagination",
      "import": "pixelize-native-library/pagination",
      "description": "Page navigation for long lists: a numbered strip, a compact stepper and a load-more footer with progress.",
      "page": "https://mobilecomp.pixelizetech.com/components/pagination.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/pagination"
    },
    {
      "id": "transitions",
      "title": "Screen transitions",
      "family": "Navigation",
      "module": "motion",
      "import": "pixelize-native-library/motion",
      "description": "Screen-to-screen motion for local-state routing: a route stack with hardware back, 5 transition presets, content crossfades and swipeable tab panels.",
      "page": "https://mobilecomp.pixelizetech.com/components/transitions.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/transitions"
    },
    {
      "id": "tabs",
      "title": "Tabs",
      "family": "Navigation",
      "module": "tabs",
      "import": "pixelize-native-library/tabs",
      "description": "Peers on one screen: underline tabs under a header or pill tabs where a chip row would sit.",
      "page": "https://mobilecomp.pixelizetech.com/components/tabs.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/tabs"
    },
    {
      "id": "attachment-tile",
      "title": "AttachmentTile",
      "family": "Chat",
      "module": "attachment-tile",
      "import": "pixelize-native-library/attachment-tile",
      "description": "A file row with type icon, middle-shortened name, size and one state-driven action; fits a bubble.",
      "page": "https://mobilecomp.pixelizetech.com/components/attachment-tile.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/attachment-tile"
    },
    {
      "id": "comment-thread",
      "title": "CommentThread",
      "family": "Chat",
      "module": "comment-thread",
      "import": "pixelize-native-library/comment-thread",
      "description": "A threaded comment and activity list with replies, inline edit, reactions, attachments and retry.",
      "page": "https://mobilecomp.pixelizetech.com/components/comment-thread.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/comment-thread"
    },
    {
      "id": "composer",
      "title": "Composer",
      "family": "Chat",
      "module": "composer",
      "import": "pixelize-native-library/composer",
      "description": "The chat input: a growing field with send or mic, attachments, a reply strip and voice recording.",
      "page": "https://mobilecomp.pixelizetech.com/components/composer.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/composer"
    },
    {
      "id": "date-separator",
      "title": "DateSeparator",
      "family": "Chat",
      "module": "date-separator",
      "import": "pixelize-native-library/date-separator",
      "description": "A centred day label between chat message groups, or the unread marker.",
      "page": "https://mobilecomp.pixelizetech.com/components/date-separator.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/date-separator"
    },
    {
      "id": "message-bubble",
      "title": "MessageBubble",
      "family": "Chat",
      "module": "message-bubble",
      "import": "pixelize-native-library/message-bubble",
      "description": "A chat message: text, photo, file or voice note with reply quote, receipts, reactions, selection and swipe to reply.",
      "page": "https://mobilecomp.pixelizetech.com/components/message-bubble.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/message-bubble"
    },
    {
      "id": "reaction-bar",
      "title": "ReactionBar",
      "family": "Chat",
      "module": "reaction-bar",
      "import": "pixelize-native-library/reaction-bar",
      "description": "A floating capsule of reactions shown over a long-pressed message.",
      "page": "https://mobilecomp.pixelizetech.com/components/reaction-bar.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/reaction-bar"
    },
    {
      "id": "typing-indicator",
      "title": "TypingIndicator",
      "family": "Chat",
      "module": "typing-indicator",
      "import": "pixelize-native-library/typing-indicator",
      "description": "Three bouncing dots that say someone is typing, as a bubble or inline with a word.",
      "page": "https://mobilecomp.pixelizetech.com/components/typing-indicator.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/typing-indicator"
    },
    {
      "id": "voice-note",
      "title": "VoiceNote",
      "family": "Chat",
      "module": "voice-note",
      "import": "pixelize-native-library/voice-note",
      "description": "A voice message with a play button, a waveform that doubles as a progress bar, and the duration.",
      "page": "https://mobilecomp.pixelizetech.com/components/voice-note.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/voice-note"
    },
    {
      "id": "appearance-settings",
      "title": "AppearanceSettings",
      "family": "Specialised",
      "module": "appearance-settings",
      "import": "pixelize-native-library/appearance-settings",
      "description": "Light, dark or system, and one of nine brand colours shown as real swatches.",
      "page": "https://mobilecomp.pixelizetech.com/components/appearance-settings.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/appearance-settings"
    },
    {
      "id": "app-switcher",
      "title": "AppSwitcher",
      "family": "Specialised",
      "module": "app-switcher",
      "import": "pixelize-native-library/app-switcher",
      "description": "A three-column grid of the products in one account, with the current app tinted and checked.",
      "page": "https://mobilecomp.pixelizetech.com/components/app-switcher.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/app-switcher"
    },
    {
      "id": "document-viewer",
      "title": "DocumentViewer",
      "family": "Specialised",
      "module": "document-viewer",
      "import": "pixelize-native-library/document-viewer",
      "description": "A full-screen document frame with an optional page renderer seam.",
      "page": "https://mobilecomp.pixelizetech.com/components/document-viewer.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/document-viewer"
    },
    {
      "id": "file-grid",
      "title": "FileGrid",
      "family": "Specialised",
      "module": "file-grid",
      "import": "pixelize-native-library/file-grid",
      "description": "Files and folders as square previews with a middle-ellipsis name, meta line and selection mode.",
      "page": "https://mobilecomp.pixelizetech.com/components/file-grid.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/file-grid"
    },
    {
      "id": "folder-row",
      "title": "FolderRow",
      "family": "Specialised",
      "module": "folder-row",
      "import": "pixelize-native-library/folder-row",
      "description": "A folder as a full-width 56 row with an icon tile, detail line, trailing text and a selected state.",
      "page": "https://mobilecomp.pixelizetech.com/components/folder-row.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/folder-row"
    },
    {
      "id": "limit-reached-modal",
      "title": "LimitReachedModal",
      "family": "Specialised",
      "module": "limit-reached-modal",
      "import": "pixelize-native-library/limit-reached-modal",
      "description": "A calm plan-limit dialog: warning icon, usage meter, and a stacked upgrade action.",
      "page": "https://mobilecomp.pixelizetech.com/components/limit-reached-modal.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/limit-reached-modal"
    },
    {
      "id": "markdown",
      "title": "Markdown",
      "family": "Specialised",
      "module": "markdown",
      "import": "pixelize-native-library/markdown",
      "description": "Markdown drawn with the same look as rich text, for text written by people or by AI.",
      "page": "https://mobilecomp.pixelizetech.com/components/markdown.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/markdown"
    },
    {
      "id": "media-image",
      "title": "MediaImage",
      "family": "Specialised",
      "module": "media",
      "import": "pixelize-native-library/media",
      "description": "A picture with a reserved box, a loading placeholder and an error state.",
      "page": "https://mobilecomp.pixelizetech.com/components/media-image.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/media-image"
    },
    {
      "id": "notification-bell",
      "title": "NotificationBell",
      "family": "Specialised",
      "module": "notification-bell",
      "import": "pixelize-native-library/notification-bell",
      "description": "A header bell with an unread count badge or dot and a spoken count.",
      "page": "https://mobilecomp.pixelizetech.com/components/notification-bell.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/notification-bell"
    },
    {
      "id": "org-switcher",
      "title": "OrgSwitcher",
      "family": "Specialised",
      "module": "org-switcher",
      "import": "pixelize-native-library/org-switcher",
      "description": "A field-shaped organisation trigger that opens a Switch organization sheet.",
      "page": "https://mobilecomp.pixelizetech.com/components/org-switcher.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/org-switcher"
    },
    {
      "id": "plan-badge",
      "title": "PlanBadge",
      "family": "Specialised",
      "module": "plan-badge",
      "import": "pixelize-native-library/plan-badge",
      "description": "A passive billing tier label: free, pro, business or enterprise.",
      "page": "https://mobilecomp.pixelizetech.com/components/plan-badge.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/plan-badge"
    },
    {
      "id": "plan-pill",
      "title": "PlanPill",
      "family": "Specialised",
      "module": "plan-pill",
      "import": "pixelize-native-library/plan-pill",
      "description": "A capsule tier indicator that becomes a button when it has an onPress.",
      "page": "https://mobilecomp.pixelizetech.com/components/plan-pill.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/plan-pill"
    },
    {
      "id": "rich-text",
      "title": "RichText",
      "family": "Specialised",
      "module": "rich-text",
      "import": "pixelize-native-library/rich-text",
      "description": "Read-only rendering of the HTML the editor produces, with an optional line limit for previews.",
      "page": "https://mobilecomp.pixelizetech.com/components/rich-text.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/rich-text"
    },
    {
      "id": "rich-text-editor",
      "title": "RichTextEditor",
      "family": "Specialised",
      "module": "rich-text-editor",
      "import": "pixelize-native-library/rich-text-editor",
      "description": "A native rich-text field with its toolbar inside, mentions, links and images.",
      "page": "https://mobilecomp.pixelizetech.com/components/rich-text-editor.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/rich-text-editor"
    },
    {
      "id": "upgrade-button",
      "title": "UpgradeButton",
      "family": "Specialised",
      "module": "upgrade-button",
      "import": "pixelize-native-library/upgrade-button",
      "description": "The upgrade call to action, with a sparkles glyph that tilts while pressed.",
      "page": "https://mobilecomp.pixelizetech.com/components/upgrade-button.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/upgrade-button"
    },
    {
      "id": "stress-test",
      "title": "Stress test",
      "family": "Tools",
      "module": "list-item",
      "import": "pixelize-native-library/list-item",
      "description": "Renders thousands of ListItem rows in a FlatList with a live frame-rate meter, to catch list performance regressions.",
      "page": "https://mobilecomp.pixelizetech.com/components/stress-test.md",
      "live": "https://mobilecomp.pixelizetech.com/#/c/stress-test"
    }
  ],
  "screens": [
    {
      "id": "account-screen",
      "name": "AccountScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/account-screen.md",
      "files": [
        "example/screens/examples/AccountScreen.tsx",
        "example/screens/examples/AccountScreen.chat.tsx",
        "example/screens/examples/AccountScreen.help.tsx",
        "example/screens/examples/AccountScreen.plan.tsx",
        "example/screens/examples/AccountScreen.profile.tsx",
        "example/screens/examples/AccountScreen.sheets.tsx",
        "example/screens/examples/AccountScreen.workspace.tsx"
      ]
    },
    {
      "id": "activity-screen",
      "name": "ActivityScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/activity-screen.md",
      "files": [
        "example/screens/examples/ActivityScreen.tsx",
        "example/screens/examples/ActivityScreen.chrome.tsx",
        "example/screens/examples/ActivityScreen.logic.ts",
        "example/screens/examples/ActivityScreen.rows.tsx"
      ]
    },
    {
      "id": "auth-screen",
      "name": "AuthScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/auth-screen.md",
      "files": [
        "example/screens/examples/AuthScreen.tsx",
        "example/screens/examples/AuthScreen.chrome.tsx",
        "example/screens/examples/AuthScreen.hooks.ts",
        "example/screens/examples/AuthScreen.otp.tsx",
        "example/screens/examples/AuthScreen.outcome.tsx",
        "example/screens/examples/AuthScreen.overlays.tsx",
        "example/screens/examples/AuthScreen.recover.tsx",
        "example/screens/examples/AuthScreen.signin.tsx",
        "example/screens/examples/AuthScreen.signup.tsx",
        "example/screens/examples/AuthScreen.states.tsx"
      ]
    },
    {
      "id": "billing-screen",
      "name": "BillingScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/billing-screen.md",
      "files": [
        "example/screens/examples/BillingScreen.tsx",
        "example/screens/examples/BillingScreen.cancel.tsx",
        "example/screens/examples/BillingScreen.chrome.tsx",
        "example/screens/examples/BillingScreen.details.tsx",
        "example/screens/examples/BillingScreen.help.tsx",
        "example/screens/examples/BillingScreen.invoices.tsx",
        "example/screens/examples/BillingScreen.logic.ts",
        "example/screens/examples/BillingScreen.overview.tsx",
        "example/screens/examples/BillingScreen.payments.tsx",
        "example/screens/examples/BillingScreen.plans.tsx",
        "example/screens/examples/BillingScreen.usage.tsx"
      ]
    },
    {
      "id": "calendar-screen",
      "name": "CalendarScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/calendar-screen.md",
      "files": [
        "example/screens/examples/CalendarScreen.tsx",
        "example/screens/examples/CalendarScreen.agenda.tsx",
        "example/screens/examples/CalendarScreen.form.tsx",
        "example/screens/examples/CalendarScreen.header.tsx",
        "example/screens/examples/CalendarScreen.sheets.tsx"
      ]
    },
    {
      "id": "chat-thread-screen",
      "name": "ChatThreadScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/chat-thread-screen.md",
      "files": [
        "example/screens/examples/ChatThreadScreen.tsx",
        "example/screens/examples/ChatThreadScreen.chrome.tsx",
        "example/screens/examples/ChatThreadScreen.logic.ts",
        "example/screens/examples/ChatThreadScreen.model.ts",
        "example/screens/examples/ChatThreadScreen.rows.tsx"
      ]
    },
    {
      "id": "checkout-screen",
      "name": "CheckoutScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/checkout-screen.md",
      "files": [
        "example/screens/examples/CheckoutScreen.tsx",
        "example/screens/examples/CheckoutScreen.address.tsx",
        "example/screens/examples/CheckoutScreen.cart.tsx",
        "example/screens/examples/CheckoutScreen.delivery.tsx",
        "example/screens/examples/CheckoutScreen.logic.tsx",
        "example/screens/examples/CheckoutScreen.payment.tsx",
        "example/screens/examples/CheckoutScreen.result.tsx",
        "example/screens/examples/CheckoutScreen.state.tsx",
        "example/screens/examples/CheckoutScreen.states.tsx",
        "example/screens/examples/CheckoutScreen.summary.tsx"
      ]
    },
    {
      "id": "contact-detail-screen",
      "name": "ContactDetailScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/contact-detail-screen.md",
      "files": [
        "example/screens/examples/ContactDetailScreen.tsx",
        "example/screens/examples/ContactDetailScreen.edit.tsx",
        "example/screens/examples/ContactDetailScreen.header.tsx",
        "example/screens/examples/ContactDetailScreen.sections.tsx"
      ]
    },
    {
      "id": "contacts-screen",
      "name": "ContactsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/contacts-screen.md",
      "files": [
        "example/screens/examples/ContactsScreen.tsx",
        "example/screens/examples/ContactsScreen.logic.ts",
        "example/screens/examples/ContactsScreen.rows.tsx",
        "example/screens/examples/ContactsScreen.sheets.tsx"
      ]
    },
    {
      "id": "deal-detail-screen",
      "name": "DealDetailScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/deal-detail-screen.md",
      "files": [
        "example/screens/examples/DealDetailScreen.tsx",
        "example/screens/examples/DealDetailScreen.activity.tsx",
        "example/screens/examples/DealDetailScreen.files.tsx",
        "example/screens/examples/DealDetailScreen.header.tsx",
        "example/screens/examples/DealDetailScreen.notes.tsx",
        "example/screens/examples/DealDetailScreen.overview.tsx",
        "example/screens/examples/DealDetailScreen.tasks.tsx"
      ]
    },
    {
      "id": "deals-screen",
      "name": "DealsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/deals-screen.md",
      "files": [
        "example/screens/examples/DealsScreen.tsx",
        "example/screens/examples/DealsScreen.board.tsx",
        "example/screens/examples/DealsScreen.flow.tsx",
        "example/screens/examples/DealsScreen.header.tsx",
        "example/screens/examples/DealsScreen.list.tsx",
        "example/screens/examples/DealsScreen.logic.ts",
        "example/screens/examples/DealsScreen.states.tsx",
        "example/screens/examples/DealsScreen.table.tsx"
      ]
    },
    {
      "id": "explore-screen",
      "name": "ExploreScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/explore-screen.md",
      "files": [
        "example/screens/examples/ExploreScreen.tsx",
        "example/screens/examples/ExploreScreen.booking.tsx",
        "example/screens/examples/ExploreScreen.browse.tsx",
        "example/screens/examples/ExploreScreen.cards.tsx",
        "example/screens/examples/ExploreScreen.chrome.tsx",
        "example/screens/examples/ExploreScreen.detail.tsx",
        "example/screens/examples/ExploreScreen.logic.ts",
        "example/screens/examples/ExploreScreen.page.tsx",
        "example/screens/examples/ExploreScreen.search.tsx",
        "example/screens/examples/ExploreScreen.shared.tsx",
        "example/screens/examples/ExploreScreen.sheets.tsx",
        "example/screens/examples/ExploreScreen.state.ts",
        "example/screens/examples/ExploreScreen.states.tsx",
        "example/screens/examples/ExploreScreen.tabs.tsx"
      ]
    },
    {
      "id": "home-screen",
      "name": "HomeScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/home-screen.md",
      "files": [
        "example/screens/examples/HomeScreen.tsx",
        "example/screens/examples/HomeScreen.agenda.tsx",
        "example/screens/examples/HomeScreen.charts.tsx",
        "example/screens/examples/HomeScreen.header.tsx",
        "example/screens/examples/HomeScreen.kpi.tsx",
        "example/screens/examples/HomeScreen.overlays.tsx",
        "example/screens/examples/HomeScreen.pipeline.tsx",
        "example/screens/examples/HomeScreen.shared.tsx"
      ]
    },
    {
      "id": "inbox-screen",
      "name": "InboxScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/inbox-screen.md",
      "files": [
        "example/screens/examples/InboxScreen.tsx",
        "example/screens/examples/InboxScreen.logic.ts",
        "example/screens/examples/InboxScreen.nav.tsx",
        "example/screens/examples/InboxScreen.rows.tsx",
        "example/screens/examples/InboxScreen.sheets.tsx"
      ]
    },
    {
      "id": "new-deal-screen",
      "name": "NewDealScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/new-deal-screen.md",
      "files": [
        "example/screens/examples/NewDealScreen.tsx",
        "example/screens/examples/NewDealScreen.logic.ts",
        "example/screens/examples/NewDealScreen.review.tsx",
        "example/screens/examples/NewDealScreen.steps.tsx"
      ]
    },
    {
      "id": "onboarding-screen",
      "name": "OnboardingScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/onboarding-screen.md",
      "files": [
        "example/screens/examples/OnboardingScreen.tsx",
        "example/screens/examples/OnboardingScreen.access.tsx",
        "example/screens/examples/OnboardingScreen.chrome.tsx",
        "example/screens/examples/OnboardingScreen.done.tsx",
        "example/screens/examples/OnboardingScreen.intro.tsx",
        "example/screens/examples/OnboardingScreen.model.ts",
        "example/screens/examples/OnboardingScreen.plan.tsx",
        "example/screens/examples/OnboardingScreen.profile.tsx",
        "example/screens/examples/OnboardingScreen.state.ts",
        "example/screens/examples/OnboardingScreen.team.tsx"
      ]
    },
    {
      "id": "projects-screen",
      "name": "ProjectsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/projects-screen.md",
      "files": [
        "example/screens/examples/ProjectsScreen.tsx",
        "example/screens/examples/ProjectsScreen.board.tsx",
        "example/screens/examples/ProjectsScreen.header.tsx",
        "example/screens/examples/ProjectsScreen.logic.ts",
        "example/screens/examples/ProjectsScreen.newTask.tsx",
        "example/screens/examples/ProjectsScreen.plan.tsx",
        "example/screens/examples/ProjectsScreen.states.tsx",
        "example/screens/examples/ProjectsScreen.taskSheet.tsx",
        "example/screens/examples/ProjectsScreen.team.tsx"
      ]
    },
    {
      "id": "reports-screen",
      "name": "ReportsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/reports-screen.md",
      "files": [
        "example/screens/examples/ReportsScreen.tsx",
        "example/screens/examples/ReportsScreen.board.tsx",
        "example/screens/examples/ReportsScreen.charts.tsx",
        "example/screens/examples/ReportsScreen.controls.tsx",
        "example/screens/examples/ReportsScreen.team.tsx"
      ]
    },
    {
      "id": "settings-screen",
      "name": "SettingsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/settings-screen.md",
      "files": [
        "example/screens/examples/SettingsScreen.tsx",
        "example/screens/examples/SettingsScreen.about.tsx",
        "example/screens/examples/SettingsScreen.account.tsx",
        "example/screens/examples/SettingsScreen.appearance.tsx",
        "example/screens/examples/SettingsScreen.chrome.tsx",
        "example/screens/examples/SettingsScreen.data.tsx",
        "example/screens/examples/SettingsScreen.delete.tsx",
        "example/screens/examples/SettingsScreen.forms.tsx",
        "example/screens/examples/SettingsScreen.notifications.tsx",
        "example/screens/examples/SettingsScreen.privacy.tsx",
        "example/screens/examples/SettingsScreen.security.tsx",
        "example/screens/examples/SettingsScreen.shared.tsx",
        "example/screens/examples/SettingsScreen.state.ts"
      ]
    },
    {
      "id": "support-tickets-screen",
      "name": "SupportTicketsScreen",
      "page": "https://mobilecomp.pixelizetech.com/screens/support-tickets-screen.md",
      "files": [
        "example/screens/examples/SupportTicketsScreen.tsx",
        "example/screens/examples/SupportTicketsScreen.actions.ts",
        "example/screens/examples/SupportTicketsScreen.detail.tsx",
        "example/screens/examples/SupportTicketsScreen.flow.tsx",
        "example/screens/examples/SupportTicketsScreen.header.tsx",
        "example/screens/examples/SupportTicketsScreen.logic.ts",
        "example/screens/examples/SupportTicketsScreen.rows.tsx",
        "example/screens/examples/SupportTicketsScreen.sheets.tsx",
        "example/screens/examples/SupportTicketsScreen.states.tsx",
        "example/screens/examples/SupportTicketsScreen.thread.tsx"
      ]
    }
  ]
}