{
  "$schema": "./elements.schema.json",
  "_doc": "Single source of truth for Luxen elements. Consumed by scripts/prepare-skill-templates.mjs (which feeds the bin/cli.mjs `generate-skill` CLI) and the MOCKUPS.md tag-list updater. When adding/removing an element, edit this file.",
  "elements": [
    {
      "name": "alert",
      "displayName": "Alert",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "alert-dialog",
      "displayName": "Alert dialog",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "avatar",
      "displayName": "Avatar",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "badge",
      "displayName": "Badge",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "breadcrumb",
      "displayName": "Breadcrumb",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false,
      "selector": ".l-breadcrumb"
    },
    {
      "name": "button",
      "displayName": "Button",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false
    },
    {
      "name": "button-group",
      "displayName": "Button group",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "carousel",
      "displayName": "Carousel",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "carousel-item",
      "displayName": "Carousel item",
      "kind": "element",
      "type": "shadow",
      "inSkill": false,
      "inMockups": true,
      "subItemOf": "carousel"
    },
    {
      "name": "checkbox",
      "displayName": "Checkbox",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": true,
      "selector": ".l-checkbox"
    },
    {
      "name": "close-button",
      "displayName": "Close button",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false,
      "appearances": ["ring", "square", "circle"],
      "selector": ".l-close"
    },
    {
      "name": "combobox",
      "displayName": "Combobox",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "dialog",
      "displayName": "Dialog",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "disclosure",
      "displayName": "Disclosure",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false
    },
    {
      "name": "divider",
      "displayName": "Divider",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "drawer",
      "displayName": "Drawer",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "dropdown",
      "displayName": "Dropdown",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "dropdown-item",
      "displayName": "Dropdown item",
      "kind": "element",
      "type": "shadow",
      "inSkill": false,
      "inMockups": true,
      "subItemOf": "dropdown"
    },
    {
      "name": "dropdown-label",
      "displayName": "Dropdown label",
      "kind": "element",
      "type": "shadow",
      "inSkill": false,
      "inMockups": true,
      "subItemOf": "dropdown"
    },
    {
      "name": "form-field",
      "displayName": "Form field",
      "kind": "element",
      "type": "progressive",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "icon",
      "displayName": "Icon",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "input",
      "displayName": "Input",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": true,
      "selector": ".l-input"
    },
    {
      "name": "input-group",
      "displayName": "Input group",
      "kind": "element",
      "type": "progressive",
      "inSkill": false,
      "inMockups": true,
      "subItemOf": "input"
    },
    {
      "name": "input-otp",
      "displayName": "Input OTP",
      "kind": "element",
      "type": "progressive",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "input-stepper",
      "displayName": "Input stepper",
      "kind": "element",
      "type": "progressive",
      "inSkill": true,
      "inMockups": true,
      "appearances": ["default", "rounded"]
    },
    {
      "name": "kbd",
      "displayName": "Kbd",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false
    },
    {
      "name": "popover",
      "displayName": "Popover",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "progress",
      "displayName": "Progress",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false
    },
    {
      "name": "prose-editor",
      "displayName": "Prose editor",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "radio",
      "displayName": "Radio",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": true,
      "selector": ".l-radio"
    },
    {
      "name": "rating",
      "displayName": "Rating",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "select",
      "displayName": "Select",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": false
    },
    {
      "name": "skeleton",
      "displayName": "Skeleton",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "slider",
      "displayName": "Slider",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "spinner",
      "displayName": "Spinner",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "sticky-bar",
      "displayName": "Sticky bar",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "stories",
      "displayName": "Stories",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": false,
      "status": "experimental"
    },
    {
      "name": "stories-viewer",
      "displayName": "Stories viewer",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": false,
      "status": "experimental",
      "subItemOf": "stories"
    },
    {
      "name": "story",
      "displayName": "Story",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": false,
      "status": "experimental",
      "subItemOf": "stories"
    },
    {
      "name": "switch",
      "displayName": "Switch",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": true,
      "selector": ".l-switch"
    },
    {
      "name": "tabs",
      "displayName": "Tabs",
      "kind": "element",
      "type": "progressive",
      "inSkill": true,
      "inMockups": true,
      "appearances": ["line", "enclosed"]
    },
    {
      "name": "textarea",
      "displayName": "Textarea",
      "kind": "native",
      "type": "native",
      "inSkill": true,
      "inMockups": true,
      "selector": ".l-textarea"
    },
    {
      "name": "toast",
      "displayName": "Toast",
      "kind": "element",
      "type": "custom",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "tooltip",
      "displayName": "Tooltip",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "tree",
      "displayName": "Tree",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true
    },
    {
      "name": "tree-item",
      "displayName": "Tree item",
      "kind": "element",
      "type": "shadow",
      "inSkill": true,
      "inMockups": true,
      "subItemOf": "tree"
    }
  ]
}