@mindfiredigital/ignix-lite-mcp 1.2.0 → 1.4.0

package/src/manifests/skeleton.json

@@ -1,101 +0,0 @@
-{
-  "component": "skeleton",
-  "version": "2.0",
-  "description": "Displays loading placeholders using native span elements with semantic loading states.",
-
-  "element": "span",
-
-  "emmet": "span[aria-busy=true data-shape=text]",
-
-  "props": {
-    "data-shape": {
-      "type": "enum",
-      "values": ["text", "rect", "circle"],
-      "default": "text",
-      "native": false,
-      "agent_hint": "Use text for content placeholders, rect for cards/banners, circle for avatars."
-    },
-
-    "aria-busy": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Required loading state indicator."
-    },
-
-    "role": {
-      "type": "string",
-      "default": "status",
-      "native": true,
-      "agent_hint": "Use status role for accessibility."
-    },
-
-    "aria-label": {
-      "type": "string",
-      "native": true,
-      "agent_hint": "Provide accessible loading description."
-    },
-
-    "data-lines": {
-      "type": "number",
-      "native": false,
-      "agent_hint": "Use for multiple text line placeholders."
-    }
-  },
-
-  "states": ["loading", "text", "rect", "circle", "multiple-lines"],
-
-  "forbidden_props": [
-    "variant",
-    "intent",
-    "color",
-    "appearance",
-    "size",
-    "isLoading",
-    "class"
-  ],
-
-  "required_props": ["aria-busy"],
-
-  "required_slots": [],
-
-  "do": [
-    "Use aria-busy='true' during loading",
-    "Use data-shape='text' for text placeholders",
-    "Use data-shape='rect' for cards and banners",
-    "Use data-shape='circle' for avatars",
-    "Provide aria-label for accessibility"
-  ],
-
-  "dont": [
-    "Do not use class attribute",
-    "Do not use variant props",
-    "Do not use color props",
-    "Do not use skeleton after content loads"
-  ],
-
-  "examples": [
-    {
-      "label": "Text skeleton",
-      "emmet": "span[role=status aria-busy=true aria-label='loading text' data-shape=text]",
-      "html": "<span role=\"status\" aria-busy=\"true\" aria-label=\"loading text\" data-shape=\"text\"></span>"
-    },
-
-    {
-      "label": "Rectangle skeleton",
-      "emmet": "span[role=status aria-busy=true aria-label='loading rectangle' data-shape=rect]",
-      "html": "<span role=\"status\" aria-busy=\"true\" aria-label=\"loading rectangle\" data-shape=\"rect\"></span>"
-    },
-
-    {
-      "label": "Circle skeleton",
-      "emmet": "span[role=status aria-busy=true aria-label='loading avatar' data-shape=circle]",
-      "html": "<span role=\"status\" aria-busy=\"true\" aria-label=\"loading avatar\" data-shape=\"circle\"></span>"
-    },
-
-    {
-      "label": "Multiple lines",
-      "emmet": "span[role=status aria-busy=true data-shape=text data-lines=3]",
-      "html": "<span role=\"status\" aria-busy=\"true\" data-shape=\"text\" data-lines=\"3\"></span>"
-    }
-  ]
-}

package/src/manifests/tab.json

@@ -1,88 +0,0 @@
-{
-  "component": "tabs",
-  "version": "2.0",
-  "description": "Provides semantic tab navigation using the ix-tabs custom element with keyboard accessibility and visual variants.",
-  "element": "ix-tabs",
-  "emmet": "ix-tabs>button[slot=tab]*3",
-  "props": {
-    "data-variant": {
-      "type": "enum",
-      "values": ["default", "underline", "pill", "gradient"],
-      "default": "default",
-      "native": false,
-      "agent_hint": "Controls tab appearance."
-    },
-    "slot": {
-      "type": "enum",
-      "values": ["tab", "panel"],
-      "native": true,
-      "agent_hint": "tab defines trigger buttons, panel defines tab content."
-    },
-    "aria-selected": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Marks active tab."
-    },
-    "role": {
-      "type": "string",
-      "native": true,
-      "agent_hint": "Automatically applied for accessibility."
-    },
-    "hidden": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Used for inactive panels."
-    }
-  },
-  "states": ["selected", "focused", "keyboard-navigation"],
-  "forbidden_props": [
-    "variant",
-    "color",
-    "size",
-    "appearance",
-    "class",
-    "activeTab"
-  ],
-  "required_props": [],
-  "required_slots": ["tab"],
-  "do": [
-    "Use slot='tab' for tab triggers",
-    "Use slot='panel' for content sections",
-    "Use data-variant for visual styles",
-    "Use aria-selected for active state",
-    "Keep related panels inside ix-tabs"
-  ],
-  "dont": [
-    "Do not use class styling",
-    "Do not use variant prop",
-    "Do not use custom active props",
-    "Do not omit tab slot"
-  ],
-  "examples": [
-    {
-      "label": "Default tabs",
-      "emmet": "ix-tabs>button[slot=tab]*3",
-      "html": "<ix-tabs><button slot=\"tab\">Overview</button><button slot=\"tab\">Analytics</button><button slot=\"tab\">Settings</button></ix-tabs>"
-    },
-    {
-      "label": "Underline tabs",
-      "emmet": "ix-tabs[data-variant=underline]",
-      "html": "<ix-tabs data-variant=\"underline\"><button slot=\"tab\">Profile</button><button slot=\"tab\">Activity</button><button slot=\"tab\">Security</button></ix-tabs>"
-    },
-    {
-      "label": "Pill tabs",
-      "emmet": "ix-tabs[data-variant=pill]",
-      "html": "<ix-tabs data-variant=\"pill\"><button slot=\"tab\">Files</button><button slot=\"tab\">Shared</button><button slot=\"tab\">Starred</button></ix-tabs>"
-    },
-    {
-      "label": "Gradient tabs",
-      "emmet": "ix-tabs[data-variant=gradient]",
-      "html": "<ix-tabs data-variant=\"gradient\"><button slot=\"tab\">Home</button><button slot=\"tab\">Dashboard</button><button slot=\"tab\">Reports</button></ix-tabs>"
-    },
-    {
-      "label": "Tabs with panels",
-      "emmet": "ix-tabs>button[slot=tab]+section[slot=panel]",
-      "html": "<ix-tabs><button slot=\"tab\">Account</button><button slot=\"tab\">Billing</button><section slot=\"panel\">Account content</section><section slot=\"panel\">Billing content</section></ix-tabs>"
-    }
-  ]
-}

package/src/manifests/table.json

@@ -1,92 +0,0 @@
-{
-  "component": "table",
-  "version": "2.0",
-  "description": "Provides semantic tables with optional sortable columns using the ix-table custom element extension.",
-
-  "element": "table",
-
-  "extends": "ix-table",
-
-  "emmet": "table[is=ix-table]>thead>tr+tbody",
-
-  "props": {
-    "data-sortable": {
-      "type": "boolean",
-      "default": false,
-      "native": false,
-      "agent_hint": "Enables sorting on table header."
-    },
-
-    "aria-sort": {
-      "type": "enum",
-      "values": ["ascending", "descending", "none"],
-      "default": "none",
-      "native": true,
-      "agent_hint": "Current sort direction."
-    },
-
-    "is": {
-      "type": "string",
-      "values": ["ix-table"],
-      "default": "ix-table",
-      "native": true,
-      "agent_hint": "Activates sortable table behavior."
-    }
-  },
-
-  "states": ["default", "ascending", "descending", "sortable"],
-
-  "forbidden_props": ["sortable", "variant", "theme", "direction", "class"],
-
-  "required_props": [],
-
-  "required_slots": [],
-
-  "methods": ["sortColumn(header)"],
-
-  "do": [
-    "Use is=\"ix-table\" for sorting",
-    "Apply data-sortable on th only",
-    "Keep tbody present",
-    "Use aria-sort state"
-  ],
-
-  "dont": [
-    "Do not add data-sortable on td",
-    "Do not omit tbody",
-    "Do not use custom sort attributes",
-    "Do not use class based sorting"
-  ],
-
-  "examples": [
-    {
-      "label": "Default table",
-      "emmet": "table>thead>tr+tbody",
-      "html": "<table><thead><tr><th>Name</th><th>Email</th></tr></thead><tbody><tr><td>John</td><td>john@example.com</td></tr></tbody></table>"
-    },
-
-    {
-      "label": "Sortable table",
-      "emmet": "table[is=ix-table]",
-      "html": "<table is=\"ix-table\"><thead><tr><th data-sortable>Name</th><th data-sortable>Age</th></tr></thead><tbody><tr><td>John</td><td>28</td></tr><tr><td>Alex</td><td>21</td></tr></tbody></table>"
-    },
-
-    {
-      "label": "Ascending state",
-      "emmet": "th[data-sortable]",
-      "html": "<th data-sortable aria-sort=\"ascending\">Name</th>"
-    },
-
-    {
-      "label": "Descending state",
-      "emmet": "th[data-sortable]",
-      "html": "<th data-sortable aria-sort=\"descending\">Age</th>"
-    },
-
-    {
-      "label": "Status table",
-      "emmet": "table[is=ix-table]",
-      "html": "<table is=\"ix-table\"><thead><tr><th data-sortable>Name</th><th data-sortable>Status</th></tr></thead><tbody><tr><td>Riya</td><td><mark data-intent=\"success\">Active</mark></td></tr></tbody></table>"
-    }
-  ]
-}

package/src/manifests/textarea.json

@@ -1,117 +0,0 @@
-{
-  "component": "textarea",
-  "version": "2.0",
-  "description": "Provides semantic multiline text input using the native HTML textarea element with validation states and intent variants.",
-
-  "element": "textarea",
-
-  "emmet": "textarea[rows=3 placeholder=?]",
-
-  "props": {
-    "rows": {
-      "type": "number",
-      "default": 3,
-      "native": true,
-      "agent_hint": "Controls textarea height."
-    },
-
-    "placeholder": {
-      "type": "string",
-      "native": true
-    },
-
-    "data-intent": {
-      "type": "enum",
-      "values": ["primary", "danger", "warning", "success", "neutral"],
-      "default": "neutral",
-      "native": false,
-      "agent_hint": "Use primary for standard forms, danger for destructive flows, success for positive actions."
-    },
-
-    "disabled": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Disables interaction."
-    },
-
-    "required": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Marks field as mandatory."
-    },
-
-    "aria-invalid": {
-      "type": "boolean",
-      "native": true,
-      "agent_hint": "Use for validation errors."
-    }
-  },
-
-  "states": ["required", "disabled", "invalid"],
-
-  "forbidden_props": [
-    "variant",
-    "color",
-    "appearance",
-    "colorScheme",
-    "size",
-    "isDisabled",
-    "class"
-  ],
-
-  "required_props": [],
-  "required_slots": [],
-
-  "do": [
-    "Use rows to control height",
-    "Use aria-invalid='true' for validation errors",
-    "Use disabled for unavailable fields",
-    "Use data-intent for semantic styling",
-    "Use placeholder for guidance text"
-  ],
-
-  "dont": [
-    "Do not use class attribute",
-    "Do not use variant props",
-    "Do not use color props",
-    "Do not use isDisabled"
-  ],
-
-  "examples": [
-    {
-      "label": "Default textarea",
-      "emmet": "textarea[rows=3 placeholder='Enter message']",
-      "html": "<textarea rows=\"3\" placeholder=\"Enter message\"></textarea>"
-    },
-
-    {
-      "label": "Primary textarea",
-      "emmet": "textarea[data-intent=primary rows=3]",
-      "html": "<textarea rows=\"3\" data-intent=\"primary\"></textarea>"
-    },
-
-    {
-      "label": "Required textarea",
-      "emmet": "textarea[rows=3 required]",
-      "html": "<textarea rows=\"3\" required></textarea>"
-    },
-
-    {
-      "label": "Invalid textarea",
-      "emmet": "textarea[rows=3 aria-invalid=true]",
-      "html": "<textarea rows=\"3\" aria-invalid=\"true\"></textarea>"
-    },
-
-    {
-      "label": "Disabled textarea",
-      "emmet": "textarea[rows=3 disabled]",
-      "html": "<textarea rows=\"3\" disabled></textarea>"
-    },
-
-    {
-      "label": "Large textarea",
-      "emmet": "textarea[rows=6 placeholder='Write feedback']",
-      "html": "<textarea rows=\"6\" placeholder=\"Write feedback\"></textarea>"
-    }
-  ]
-}

package/src/manifests/toast.json

@@ -1,157 +0,0 @@
-{
-  "component": "toast",
-  "version": "2.0",
-  "description": "Provides lightweight notification messages using the ix-toast custom element with semantic intents, motion variants, positions, and action support.",
-
-  "element": "ix-toast",
-
-  "emmet": "ix-toast#toast+button",
-
-  "props": {
-    "data-intent": {
-      "type": "enum",
-      "values": [
-        "neutral",
-        "primary",
-        "success",
-        "warning",
-        "danger",
-        "gradient"
-      ],
-      "default": "neutral",
-      "native": false,
-      "agent_hint": "Applies semantic styling."
-    },
-
-    "data-variant": {
-      "type": "enum",
-      "values": ["fade", "slide", "pop", "action"],
-      "default": "fade",
-      "native": false,
-      "agent_hint": "Controls animation style."
-    },
-
-    "data-position": {
-      "type": "enum",
-      "values": [
-        "top-left",
-        "top-right",
-        "bottom-left",
-        "bottom-right",
-        "bottom-center"
-      ],
-      "default": "top-right",
-      "native": false,
-      "agent_hint": "Controls toast placement."
-    },
-
-    "title": {
-      "type": "string",
-      "native": false,
-      "agent_hint": "Toast heading text passed to show()."
-    },
-
-    "message": {
-      "type": "string",
-      "native": false,
-      "agent_hint": "Toast body text."
-    },
-
-    "duration": {
-      "type": "number",
-      "default": 3000,
-      "native": false,
-      "agent_hint": "Auto dismiss duration."
-    },
-
-    "actionText": {
-      "type": "string",
-      "default": "OK",
-      "native": false,
-      "agent_hint": "Action button label."
-    },
-
-    "aria-live": {
-      "type": "string",
-      "default": "polite",
-      "native": true,
-      "agent_hint": "Accessibility live region."
-    }
-  },
-
-  "states": ["open", "dismissed", "animated", "action"],
-
-  "forbidden_props": [
-    "variant",
-    "position",
-    "theme",
-    "class",
-    "animation",
-    "placement"
-  ],
-
-  "required_props": [],
-
-  "required_slots": [],
-
-  "methods": ["show(options)"],
-
-  "do": [
-    "Use show() for displaying notifications",
-    "Use semantic intents",
-    "Use data-position for placement",
-    "Use action variant for interactive toast",
-    "Keep toast container mounted"
-  ],
-
-  "dont": [
-    "Do not inject aside manually",
-    "Do not use custom animation props",
-    "Do not style using classes",
-    "Do not remove ix-toast container"
-  ],
-
-  "examples": [
-    {
-      "label": "Basic toast",
-      "emmet": "ix-toast#toast+button",
-      "html": "<ix-toast id=\"toast\"></ix-toast><button onclick=\"document.getElementById('toast').show({title:'Saved',message:'Changes saved.',intent:'neutral'})\">Show Toast</button>"
-    },
-
-    {
-      "label": "Success toast",
-      "emmet": "ix-toast",
-      "html": "document.getElementById('toast').show({title:'Success',message:'Profile updated.',intent:'success'})"
-    },
-
-    {
-      "label": "Danger toast",
-      "emmet": "ix-toast",
-      "html": "document.getElementById('toast').show({title:'Error',message:'Operation failed.',intent:'danger'})"
-    },
-
-    {
-      "label": "Slide variant",
-      "emmet": "ix-toast",
-      "html": "document.getElementById('toast').show({title:'Saved',message:'Updated successfully.',variant:'slide',intent:'success'})"
-    },
-
-    {
-      "label": "Pop variant",
-      "emmet": "ix-toast",
-      "html": "document.getElementById('toast').show({title:'Alert',message:'Something failed.',variant:'pop',intent:'danger'})"
-    },
-
-    {
-      "label": "Action toast",
-      "emmet": "ix-toast",
-      "html": "document.getElementById('toast').show({title:'Delete file',message:'Undo available.',variant:'action',actionText:'Undo'})"
-    },
-
-    {
-      "label": "Bottom right position",
-      "emmet": "ix-toast[data-position=bottom-right]",
-      "html": "<ix-toast id=\"toast\" data-position=\"bottom-right\"></ix-toast>"
-    }
-  ]
-}

package/src/manifests/tooltip.json

@@ -1,115 +0,0 @@
-{
-  "component": "tooltip",
-  "version": "2.0",
-  "description": "Provides contextual information using the ix-tooltip custom element with position variants, semantic intents, and keyboard accessibility.",
-
-  "element": "ix-tooltip",
-
-  "emmet": "ix-tooltip[content]>button",
-
-  "props": {
-    "content": {
-      "type": "string",
-      "required": true,
-      "native": false,
-      "agent_hint": "Defines tooltip text."
-    },
-
-    "data-position": {
-      "type": "enum",
-      "values": ["top", "bottom", "left", "right"],
-      "default": "top",
-      "native": false,
-      "agent_hint": "Controls tooltip placement."
-    },
-
-    "data-intent": {
-      "type": "enum",
-      "values": ["success", "danger", "warning"],
-      "native": false,
-      "agent_hint": "Applies semantic tooltip styling."
-    },
-
-    "tabindex": {
-      "type": "number",
-      "default": 0,
-      "native": true,
-      "agent_hint": "Enables keyboard focus."
-    },
-
-    "role": {
-      "type": "string",
-      "default": "tooltip",
-      "native": true,
-      "agent_hint": "Accessibility role."
-    }
-  },
-
-  "states": ["hover", "focus-within", "visible"],
-
-  "forbidden_props": [
-    "variant",
-    "placement",
-    "color",
-    "theme",
-    "position",
-    "class"
-  ],
-
-  "required_props": ["content"],
-
-  "required_slots": [],
-
-  "do": [
-    "Provide tooltip text using content attribute",
-    "Use data-position for placement",
-    "Use semantic intents when needed",
-    "Wrap interactive elements inside ix-tooltip",
-    "Allow keyboard focus"
-  ],
-
-  "dont": [
-    "Do not omit content",
-    "Do not use placement prop",
-    "Do not use custom classes for variants",
-    "Do not place tooltip text inside children"
-  ],
-
-  "examples": [
-    {
-      "label": "Default tooltip",
-      "emmet": "ix-tooltip[content]>button",
-      "html": "<ix-tooltip content=\"Tooltip text\"><button>Hover me</button></ix-tooltip>"
-    },
-
-    {
-      "label": "Position variants",
-      "emmet": "ix-tooltip[data-position]",
-      "html": "<ix-tooltip content=\"Bottom tooltip\" data-position=\"bottom\"><button>Bottom</button></ix-tooltip>"
-    },
-
-    {
-      "label": "Success tooltip",
-      "emmet": "ix-tooltip[data-intent=success]",
-      "html": "<ix-tooltip content=\"Success tooltip\" data-intent=\"success\"><button>Success</button></ix-tooltip>"
-    },
-
-    {
-      "label": "Danger tooltip",
-      "emmet": "ix-tooltip[data-intent=danger]",
-      "html": "<ix-tooltip content=\"Danger tooltip\" data-intent=\"danger\"><button>Delete</button></ix-tooltip>"
-    },
-
-    {
-      "label": "Warning tooltip",
-      "emmet": "ix-tooltip[data-intent=warning]",
-      "html": "<ix-tooltip content=\"Warning tooltip\" data-intent=\"warning\"><button>Warning</button></ix-tooltip>"
-    },
-
-    {
-      "label": "Position example",
-      "emmet": "ix-tooltip[data-position=right]",
-      "html": "<ix-tooltip content=\"Right tooltip\" data-position=\"right\"><button>Info</button></ix-tooltip>"
-    }
-  ]
-}