@vielzeug/refine 26.10.10 → 26.10.12

package/dist/custom-elements.json

@@ -66,12 +66,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/icon-lucide.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/register.ts",
@@ -764,71 +758,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/icon-registry.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "registerIcons",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "icons",
-              "type": {
-                "text": "Record<string, IconNode>"
-              }
-            }
-          ],
-          "description": "Register icons (or override existing ones) by name. Keys may be kebab-case or\nPascalCase: both resolve."
-        },
-        {
-          "kind": "function",
-          "name": "resolveIcon",
-          "return": {
-            "type": {
-              "text": "IconNode | undefined"
-            }
-          },
-          "parameters": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerIcons",
-          "declaration": {
-            "name": "registerIcons",
-            "module": "src/core/icon-registry.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "resolveIcon",
-          "declaration": {
-            "name": "resolveIcon",
-            "module": "src/core/icon-registry.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/icons.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/core/keyboard.ts",
@@ -1429,95 +1358,591 @@
       "declarations": [
         {
           "kind": "function",
-          "name": "createSliderControl",
+          "name": "createSliderControl",
+          "return": {
+            "type": {
+              "text": "SliderControl"
+            }
+          },
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "SliderControlOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createSliderControl",
+          "declaration": {
+            "name": "createSliderControl",
+            "module": "src/core/slider.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/spinner.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createSpinnerControl",
+          "return": {
+            "type": {
+              "text": "SpinnerControl"
+            }
+          },
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "SpinnerControlOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createSpinnerControl",
+          "declaration": {
+            "name": "createSpinnerControl",
+            "module": "src/core/spinner.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/core/text-field.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createTextField",
+          "return": {
+            "type": {
+              "text": "TextFieldHandle"
+            }
+          },
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "TextFieldOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createTextField",
+          "declaration": {
+            "name": "createTextField",
+            "module": "src/core/text-field.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/_iconify-map.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mapIconifyIcons",
+          "return": {
+            "type": {
+              "text": "Record<string, IconDefinition>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, IconifyIcon>>"
+              }
+            }
+          ],
+          "description": "Keep app keys and the shared Iconify geometry, presentation, and validation contract."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mapIconifyIcons",
+          "declaration": {
+            "name": "mapIconifyIcons",
+            "module": "src/icons/_iconify-map.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/defaults.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/definition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/heroicons.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "heroiconsIcons",
+          "return": {
+            "type": {
+              "text": "Record<string, IconDefinition>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, IconifyIcon>>"
+              }
+            }
+          ],
+          "description": "Convert caller-named individual `@iconify-icons/heroicons` data, not `@heroicons/react` components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconifyIcon",
+          "declaration": {
+            "name": "IconifyIcon",
+            "module": "./iconify.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "heroiconsIcons",
+          "declaration": {
+            "name": "heroiconsIcons",
+            "module": "src/icons/heroicons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/iconify.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "iconifyIcon",
+          "return": {
+            "type": {
+              "text": "IconDefinition"
+            }
+          },
+          "parameters": [
+            {
+              "name": "data",
+              "type": {
+                "text": "IconifyIcon"
+              }
+            }
+          ],
+          "description": "Convert trusted local Iconify data using the browser DOMParser, never HTML injection."
+        },
+        {
+          "kind": "variable",
+          "name": "children",
+          "type": {
+            "text": "readonly IconElement[]"
+          }
+        },
+        {
+          "kind": "function",
+          "name": "iconifyIcons",
+          "return": {
+            "type": {
+              "text": "Record<string, IconDefinition>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "collection",
+              "type": {
+                "text": "IconifyCollection"
+              }
+            },
+            {
+              "name": "names",
+              "optional": true,
+              "type": {
+                "text": "readonly string[]"
+              }
+            }
+          ],
+          "description": "Convert selected names (including aliases), or the entire explicitly imported collection."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "iconifyIcon",
+          "declaration": {
+            "name": "iconifyIcon",
+            "module": "src/icons/iconify.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "iconifyIcons",
+          "declaration": {
+            "name": "iconifyIcons",
+            "module": "src/icons/iconify.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/lucide.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "lucideIcons",
+          "return": {
+            "type": {
+              "text": "Record<string, IconDefinition>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, LucideIconData>>"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "lucideIcons",
+          "declaration": {
+            "name": "lucideIcons",
+            "module": "src/icons/lucide.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/mdi.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mdiIcons",
+          "return": {
+            "type": {
+              "text": "Record<string, IconDefinition>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, IconifyIcon>>"
+              }
+            }
+          ],
+          "description": "Convert caller-named individual `@iconify-icons/mdi` data, not framework components or raw path strings.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconifyIcon",
+          "declaration": {
+            "name": "IconifyIcon",
+            "module": "./iconify.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mdiIcons",
+          "declaration": {
+            "name": "mdiIcons",
+            "module": "src/icons/mdi.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/registry.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerIcons",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, IconDefinition>>"
+              }
+            }
+          ],
+          "description": "Register trusted, synchronous SVG data. Re-registration replaces an application icon."
+        },
+        {
+          "kind": "function",
+          "name": "registerDefaultIcons",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icons",
+              "type": {
+                "text": "Readonly<Record<string, IconDefinition>>"
+              }
+            }
+          ],
+          "description": "Internal defaults never replace application registrations, in either import order."
+        },
+        {
+          "kind": "function",
+          "name": "resolveIcon",
+          "return": {
+            "type": {
+              "text": "IconDefinition | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerIcons",
+          "declaration": {
+            "name": "registerIcons",
+            "module": "src/icons/registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerDefaultIcons",
+          "declaration": {
+            "name": "registerDefaultIcons",
+            "module": "src/icons/registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "resolveIcon",
+          "declaration": {
+            "name": "resolveIcon",
+            "module": "src/icons/registry.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/svg.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SVG_NS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'http://www.w3.org/2000/svg'"
+        },
+        {
+          "kind": "function",
+          "name": "validateAttributes",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "attrs",
+              "default": "{}",
+              "type": {
+                "text": "IconAttributes"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "validateElement",
           "return": {
             "type": {
-              "text": "SliderControl"
+              "text": "void"
             }
           },
           "parameters": [
             {
-              "name": "options",
+              "name": "node",
               "type": {
-                "text": "SliderControlOptions"
+                "text": "IconElement"
               }
             }
           ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createSliderControl",
-          "declaration": {
-            "name": "createSliderControl",
-            "module": "src/core/slider.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/core/spinner.ts",
-      "declarations": [
+        },
         {
           "kind": "function",
-          "name": "createSpinnerControl",
+          "name": "validateIcon",
           "return": {
             "type": {
-              "text": "SpinnerControl"
+              "text": "void"
             }
           },
           "parameters": [
             {
-              "name": "options",
+              "name": "icon",
               "type": {
-                "text": "SpinnerControlOptions"
+                "text": "IconDefinition"
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "createIconChildren",
+          "return": {
+            "type": {
+              "text": "SVGElement[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "icon",
+              "type": {
+                "text": "IconDefinition"
+              }
+            },
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Prefix local IDs and references per rendered instance, including nested gradients/masks."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "createSpinnerControl",
+          "name": "SVG_NS",
           "declaration": {
-            "name": "createSpinnerControl",
-            "module": "src/core/spinner.ts"
+            "name": "SVG_NS",
+            "module": "src/icons/svg.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "validateAttributes",
+          "declaration": {
+            "name": "validateAttributes",
+            "module": "src/icons/svg.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "validateElement",
+          "declaration": {
+            "name": "validateElement",
+            "module": "src/icons/svg.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "validateIcon",
+          "declaration": {
+            "name": "validateIcon",
+            "module": "src/icons/svg.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createIconChildren",
+          "declaration": {
+            "name": "createIconChildren",
+            "module": "src/icons/svg.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/core/text-field.ts",
+      "path": "src/icons/tabler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "createTextField",
+          "name": "tablerIcons",
           "return": {
             "type": {
-              "text": "TextFieldHandle"
+              "text": "Record<string, IconDefinition>"
             }
           },
           "parameters": [
             {
-              "name": "options",
+              "name": "icons",
               "type": {
-                "text": "TextFieldOptions"
+                "text": "Readonly<Record<string, IconifyIcon>>"
               }
             }
-          ]
+          ],
+          "description": "Convert caller-named individual `@iconify-icons/tabler` data, not native Tabler framework components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "createTextField",
+          "name": "IconifyIcon",
           "declaration": {
-            "name": "createTextField",
-            "module": "src/core/text-field.ts"
+            "name": "IconifyIcon",
+            "module": "./iconify.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tablerIcons",
+          "declaration": {
+            "name": "tablerIcons",
+            "module": "src/icons/tabler.ts"
           }
         }
       ]
@@ -3748,14 +4173,14 @@
             "text": "'ore-icon'"
           },
           "default": "'ore-icon'",
-          "description": "Icon wrapper for consistent Lucide rendering across Block.\n\nNames resolve from a synchronous registry: refine's own component icons are\nalways registered; apps register their set with `registerIcons()` or import\n`@vielzeug/refine/icon-lucide` for the complete library."
+          "description": "Library-neutral SVG icon rendering with explicit local registration.\n\nNames resolve from a synchronous registry: refine's own component icons are\nalways registered; apps register their set with `registerIcons()` or import\n`@vielzeug/refine/icons/lucide/all` for the complete Lucide library."
         },
         {
           "kind": "class",
           "name": "OreIconElement",
           "tagName": "ore-icon",
           "customElement": true,
-          "description": "Icon wrapper for consistent Lucide rendering across Block.\nNames resolve from a synchronous registry: refine's own component icons are\nalways registered; apps register their set with `registerIcons()` or import\n`@vielzeug/refine/icon-lucide` for the complete library.",
+          "description": "Library-neutral SVG icon rendering with explicit local registration.\nNames resolve from a synchronous registry: refine's own component icons are\nalways registered; apps register their set with `registerIcons()` or import\n`@vielzeug/refine/icons/lucide/all` for the complete Lucide library.",
           "summary": "",
           "attributes": [
             {
@@ -3763,7 +4188,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Lucide icon name, e.g. `search` or `chevron-right`, resolved from the registered set"
+              "description": "Registered icon name"
             },
             {
               "name": "size",
@@ -3778,8 +4203,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "SVG stroke width (default: 2)",
-              "default": "2"
+              "description": "Override the icon's stroke width"
             },
             {
               "name": "absolute-stroke-width",
@@ -3814,18 +4238,34 @@
       "exports": [
         {
           "kind": "js",
-          "name": "registerIcons",
+          "name": "IconAttributes",
           "declaration": {
-            "name": "registerIcons",
-            "module": "../../core/icon-registry"
+            "name": "IconAttributes",
+            "module": "../../icons"
           }
         },
         {
           "kind": "js",
-          "name": "IconNode",
+          "name": "IconDefinition",
           "declaration": {
-            "name": "IconNode",
-            "module": "src/content/icon/icon.ts"
+            "name": "IconDefinition",
+            "module": "../../icons"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconElement",
+          "declaration": {
+            "name": "IconElement",
+            "module": "../../icons"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerIcons",
+          "declaration": {
+            "name": "registerIcons",
+            "module": "../../icons"
           }
         },
         {
@@ -6921,214 +7361,52 @@
         },
         {
           "kind": "class",
-          "name": "OreTabsElement",
-          "tagName": "ore-tabs",
-          "customElement": true,
-          "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels.",
-          "summary": "",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the currently selected tab"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
-              },
-              "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "description": "Size: 'sm' | 'md' | 'lg'"
-            },
-            {
-              "name": "density",
-              "type": {
-                "text": "'default' | 'compact'"
-              },
-              "description": "Spatial density: 'default' | 'compact'"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-              },
-              "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Emitted when the active tab changes with detail: { value: string }",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "tabs",
-              "description": "Place `ore-tab-item` elements here"
-            },
-            {
-              "name": "",
-              "description": "Place `ore-tab-panel` elements here"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "tablist",
-              "description": "Container that holds the slotted tab items"
-            },
-            {
-              "name": "indicator",
-              "description": "Active tab indicator element"
-            },
-            {
-              "name": "panels",
-              "description": "Container that holds tab panel content"
-            }
-          ],
-          "cssProperties": [
-            {
-              "name": "--tabs-radius",
-              "description": "Border radius of the tablist container and panels"
-            },
-            {
-              "name": "--tabs-transition",
-              "description": "Transition duration/easing for the active indicator"
-            },
-            {
-              "name": "--tabs-indicator-color",
-              "description": "Color of the sliding active indicator line"
-            },
-            {
-              "name": "--tabs-bg",
-              "description": "Background of the host element (flat variant)"
-            },
-            {
-              "name": "--tabs-tablist-bg",
-              "description": "Tablist container background (solid/frost variants)"
-            },
-            {
-              "name": "--tabs-tablist-border-color",
-              "description": "Tablist container border color"
-            }
-          ],
-          "demos": [
-            {
-              "url": "",
-              "description": "```html\n<ore-tabs value=\"tab1\" variant=\"bordered\">\n  <ore-tab-item slot=\"tabs\" value=\"tab1\">Overview</ore-tab-item>\n  <ore-tab-item slot=\"tabs\" value=\"tab2\">Settings</ore-tab-item>\n  <ore-tab-panel value=\"tab1\"><p>Overview content</p></ore-tab-panel>\n  <ore-tab-panel value=\"tab2\"><p>Settings content</p></ore-tab-panel>\n</ore-tabs>\n```"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TABS_CTX",
-          "declaration": {
-            "name": "TABS_CTX",
-            "module": "src/disclosure/tabs/tabs.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TABS_TAG",
-          "declaration": {
-            "name": "TABS_TAG",
-            "module": "src/disclosure/tabs/tabs.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "OreTabsElement",
-          "declaration": {
-            "name": "OreTabsElement",
-            "module": "src/disclosure/tabs/tabs.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/feedback/async/async.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ASYNC_TAG",
-          "type": {
-            "text": "'ore-async'"
-          },
-          "default": "'ore-async'",
-          "description": "A container for handling asynchronous states (loading, empty, error, success).\nSimplifies data fetching UI by providing consistent fallbacks."
-        },
-        {
-          "kind": "class",
-          "name": "OreAsyncElement",
-          "tagName": "ore-async",
+          "name": "OreTabsElement",
+          "tagName": "ore-tabs",
           "customElement": true,
-          "description": "A container for handling asynchronous states (loading, empty, error, success).\nSimplifies data fetching UI by providing consistent fallbacks.",
+          "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels.",
           "summary": "",
           "attributes": [
             {
-              "name": "status",
-              "type": {
-                "text": "'idle' | 'loading' | 'empty' | 'error' | 'success'"
-              },
-              "description": "current state: 'idle' | 'loading' | 'empty' | 'error' | 'success' (default: 'success')",
-              "default": "'success'"
-            },
-            {
-              "name": "retryable",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "show retry button in error state (default: false)",
-              "default": "false"
+              "description": "The value of the currently selected tab"
             },
             {
-              "name": "empty-label",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
               },
-              "description": "title for empty state (default: 'No content yet')",
-              "default": "'No content yet'"
+              "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
             },
             {
-              "name": "empty-description",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "description": "optional text for empty state"
+              "description": "Size: 'sm' | 'md' | 'lg'"
             },
             {
-              "name": "error-label",
+              "name": "density",
               "type": {
-                "text": "string"
+                "text": "'default' | 'compact'"
               },
-              "description": "title for error state (default: 'Something went wrong')",
-              "default": "'Something went wrong'"
+              "description": "Spatial density: 'default' | 'compact'"
             },
             {
-              "name": "error-description",
+              "name": "color",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
               },
-              "description": "optional text for error state"
+              "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
             }
           ],
           "events": [
             {
-              "name": "retry",
-              "description": "Emitted when the retry button is clicked (no detail payload)",
+              "name": "change",
+              "description": "Emitted when the active tab changes with detail: { value: string }",
               "type": {
                 "text": "CustomEvent"
               }
@@ -7136,40 +7414,58 @@
           ],
           "slots": [
             {
-              "name": "",
-              "description": "default content shown in 'success' state"
+              "name": "tabs",
+              "description": "Place `ore-tab-item` elements here"
             },
             {
-              "name": "loading",
-              "description": "custom loading UI (overrides default skeletons)"
+              "name": "",
+              "description": "Place `ore-tab-panel` elements here"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "tablist",
+              "description": "Container that holds the slotted tab items"
             },
             {
-              "name": "empty",
-              "description": "custom empty UI (overrides default icon/label)"
+              "name": "indicator",
+              "description": "Active tab indicator element"
             },
             {
-              "name": "error",
-              "description": "custom error UI (overrides default icon/label)"
+              "name": "panels",
+              "description": "Container that holds tab panel content"
             }
           ],
           "cssProperties": [
             {
-              "name": "--async-color",
-              "description": "Text/icon color used by default async state content"
+              "name": "--tabs-radius",
+              "description": "Border radius of the tablist container and panels"
             },
             {
-              "name": "--async-gap",
-              "description": "Vertical spacing between icon, title, description, and actions"
+              "name": "--tabs-transition",
+              "description": "Transition duration/easing for the active indicator"
             },
             {
-              "name": "--async-icon-size",
-              "description": "Icon size for built-in loading/empty/error visuals"
+              "name": "--tabs-indicator-color",
+              "description": "Color of the sliding active indicator line"
+            },
+            {
+              "name": "--tabs-bg",
+              "description": "Background of the host element (flat variant)"
+            },
+            {
+              "name": "--tabs-tablist-bg",
+              "description": "Tablist container background (solid/frost variants)"
+            },
+            {
+              "name": "--tabs-tablist-border-color",
+              "description": "Tablist container border color"
             }
           ],
           "demos": [
             {
               "url": "",
-              "description": "```html\n<!-- Success state: default slot is shown -->\n<ore-async status=\"success\">\n  <ul><li>Item one</li><li>Item two</li></ul>\n</ore-async>\n<!-- Loading state: shows skeleton placeholders -->\n<ore-async status=\"loading\"></ore-async>\n<!-- Empty state with custom message -->\n<ore-async status=\"empty\" empty-label=\"No results\" empty-description=\"Try adjusting your filters.\"></ore-async>\n<!-- Error state with retry button -->\n<ore-async status=\"error\" retryable error-label=\"Failed to load\" error-description=\"Check your connection.\"></ore-async>\n```"
+              "description": "```html\n<ore-tabs value=\"tab1\" variant=\"bordered\">\n  <ore-tab-item slot=\"tabs\" value=\"tab1\">Overview</ore-tab-item>\n  <ore-tab-item slot=\"tabs\" value=\"tab2\">Settings</ore-tab-item>\n  <ore-tab-panel value=\"tab1\"><p>Overview content</p></ore-tab-panel>\n  <ore-tab-panel value=\"tab2\"><p>Settings content</p></ore-tab-panel>\n</ore-tabs>\n```"
             }
           ]
         }
@@ -7177,18 +7473,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ASYNC_TAG",
+          "name": "TABS_CTX",
           "declaration": {
-            "name": "ASYNC_TAG",
-            "module": "src/feedback/async/async.ts"
+            "name": "TABS_CTX",
+            "module": "src/disclosure/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TABS_TAG",
+          "declaration": {
+            "name": "TABS_TAG",
+            "module": "src/disclosure/tabs/tabs.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "OreAsyncElement",
+          "name": "OreTabsElement",
           "declaration": {
-            "name": "OreAsyncElement",
-            "module": "src/feedback/async/async.ts"
+            "name": "OreTabsElement",
+            "module": "src/disclosure/tabs/tabs.ts"
           }
         }
       ]
@@ -7412,6 +7716,142 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/feedback/async/async.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ASYNC_TAG",
+          "type": {
+            "text": "'ore-async'"
+          },
+          "default": "'ore-async'",
+          "description": "A container for handling asynchronous states (loading, empty, error, success).\nSimplifies data fetching UI by providing consistent fallbacks."
+        },
+        {
+          "kind": "class",
+          "name": "OreAsyncElement",
+          "tagName": "ore-async",
+          "customElement": true,
+          "description": "A container for handling asynchronous states (loading, empty, error, success).\nSimplifies data fetching UI by providing consistent fallbacks.",
+          "summary": "",
+          "attributes": [
+            {
+              "name": "status",
+              "type": {
+                "text": "'idle' | 'loading' | 'empty' | 'error' | 'success'"
+              },
+              "description": "current state: 'idle' | 'loading' | 'empty' | 'error' | 'success' (default: 'success')",
+              "default": "'success'"
+            },
+            {
+              "name": "retryable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "show retry button in error state (default: false)",
+              "default": "false"
+            },
+            {
+              "name": "empty-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "title for empty state (default: 'No content yet')",
+              "default": "'No content yet'"
+            },
+            {
+              "name": "empty-description",
+              "type": {
+                "text": "string"
+              },
+              "description": "optional text for empty state"
+            },
+            {
+              "name": "error-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "title for error state (default: 'Something went wrong')",
+              "default": "'Something went wrong'"
+            },
+            {
+              "name": "error-description",
+              "type": {
+                "text": "string"
+              },
+              "description": "optional text for error state"
+            }
+          ],
+          "events": [
+            {
+              "name": "retry",
+              "description": "Emitted when the retry button is clicked (no detail payload)",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "default content shown in 'success' state"
+            },
+            {
+              "name": "loading",
+              "description": "custom loading UI (overrides default skeletons)"
+            },
+            {
+              "name": "empty",
+              "description": "custom empty UI (overrides default icon/label)"
+            },
+            {
+              "name": "error",
+              "description": "custom error UI (overrides default icon/label)"
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--async-color",
+              "description": "Text/icon color used by default async state content"
+            },
+            {
+              "name": "--async-gap",
+              "description": "Vertical spacing between icon, title, description, and actions"
+            },
+            {
+              "name": "--async-icon-size",
+              "description": "Icon size for built-in loading/empty/error visuals"
+            }
+          ],
+          "demos": [
+            {
+              "url": "",
+              "description": "```html\n<!-- Success state: default slot is shown -->\n<ore-async status=\"success\">\n  <ul><li>Item one</li><li>Item two</li></ul>\n</ore-async>\n<!-- Loading state: shows skeleton placeholders -->\n<ore-async status=\"loading\"></ore-async>\n<!-- Empty state with custom message -->\n<ore-async status=\"empty\" empty-label=\"No results\" empty-description=\"Try adjusting your filters.\"></ore-async>\n<!-- Error state with retry button -->\n<ore-async status=\"error\" retryable error-label=\"Failed to load\" error-description=\"Check your connection.\"></ore-async>\n```"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ASYNC_TAG",
+          "declaration": {
+            "name": "ASYNC_TAG",
+            "module": "src/feedback/async/async.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "OreAsyncElement",
+          "declaration": {
+            "name": "OreAsyncElement",
+            "module": "src/feedback/async/async.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/feedback/badge/badge.ts",
@@ -8670,6 +9110,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons/lucide/all.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/inputs/button/button.ts",
@@ -11698,7 +12144,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Lucide icon name for the default send button (default 'arrow-up')"
+              "description": "Registered icon name for the default send button (default 'arrow-up')"
             },
             {
               "name": "send-label",
@@ -13010,6 +13456,133 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/inputs/radio-group/radio-group.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RADIO_GROUP_CTX"
+        },
+        {
+          "kind": "variable",
+          "name": "RADIO_GROUP_TAG",
+          "type": {
+            "text": "'ore-radio-group'"
+          },
+          "default": "'ore-radio-group'",
+          "description": "A group of radio buttons that allows users to select a single option from a set.\nSupports keyboard navigation (arrows) and automatic value management."
+        },
+        {
+          "kind": "class",
+          "name": "OreRadioGroupElement",
+          "tagName": "ore-radio-group",
+          "customElement": true,
+          "description": "A group of radio buttons that allows users to select a single option from a set.\nSupports keyboard navigation (arrows) and automatic value management.",
+          "summary": "",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "Selected value"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Form field name"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Group label"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "description": "Layout: 'vertical' | 'horizontal'"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Required field"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Emitted when a radio is selected. detail: { values: string[], labels: string[], originalEvent?: Event }",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Place `ore-radio` elements here"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "items",
+              "description": "Items container."
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--radio-group-direction",
+              "description": "Flex direction of the items list ('row' | 'column')"
+            },
+            {
+              "name": "--radio-group-gap",
+              "description": "Gap between radio items"
+            }
+          ],
+          "demos": [
+            {
+              "url": "",
+              "description": "```html\n<ore-radio-group name=\"plan\" label=\"Choose a plan\" value=\"free\" required>\n  <ore-radio value=\"free\">Free</ore-radio>\n  <ore-radio value=\"pro\">Pro</ore-radio>\n  <ore-radio value=\"enterprise\">Enterprise</ore-radio>\n</ore-radio-group>\n<ore-radio-group name=\"direction\" orientation=\"horizontal\" color=\"primary\">\n  <ore-radio value=\"left\">Left</ore-radio>\n  <ore-radio value=\"right\">Right</ore-radio>\n</ore-radio-group>\n```"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RADIO_GROUP_CTX",
+          "declaration": {
+            "name": "RADIO_GROUP_CTX",
+            "module": "src/inputs/radio-group/radio-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RADIO_GROUP_TAG",
+          "declaration": {
+            "name": "RADIO_GROUP_TAG",
+            "module": "src/inputs/radio-group/radio-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "OreRadioGroupElement",
+          "declaration": {
+            "name": "OreRadioGroupElement",
+            "module": "src/inputs/radio-group/radio-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/inputs/rating/rating.ts",
@@ -13195,133 +13768,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/inputs/radio-group/radio-group.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "RADIO_GROUP_CTX"
-        },
-        {
-          "kind": "variable",
-          "name": "RADIO_GROUP_TAG",
-          "type": {
-            "text": "'ore-radio-group'"
-          },
-          "default": "'ore-radio-group'",
-          "description": "A group of radio buttons that allows users to select a single option from a set.\nSupports keyboard navigation (arrows) and automatic value management."
-        },
-        {
-          "kind": "class",
-          "name": "OreRadioGroupElement",
-          "tagName": "ore-radio-group",
-          "customElement": true,
-          "description": "A group of radio buttons that allows users to select a single option from a set.\nSupports keyboard navigation (arrows) and automatic value management.",
-          "summary": "",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "Selected value"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "Form field name"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Group label"
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "'vertical' | 'horizontal'"
-              },
-              "description": "Layout: 'vertical' | 'horizontal'"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Required field"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Emitted when a radio is selected. detail: { values: string[], labels: string[], originalEvent?: Event }",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "Place `ore-radio` elements here"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "items",
-              "description": "Items container."
-            }
-          ],
-          "cssProperties": [
-            {
-              "name": "--radio-group-direction",
-              "description": "Flex direction of the items list ('row' | 'column')"
-            },
-            {
-              "name": "--radio-group-gap",
-              "description": "Gap between radio items"
-            }
-          ],
-          "demos": [
-            {
-              "url": "",
-              "description": "```html\n<ore-radio-group name=\"plan\" label=\"Choose a plan\" value=\"free\" required>\n  <ore-radio value=\"free\">Free</ore-radio>\n  <ore-radio value=\"pro\">Pro</ore-radio>\n  <ore-radio value=\"enterprise\">Enterprise</ore-radio>\n</ore-radio-group>\n<ore-radio-group name=\"direction\" orientation=\"horizontal\" color=\"primary\">\n  <ore-radio value=\"left\">Left</ore-radio>\n  <ore-radio value=\"right\">Right</ore-radio>\n</ore-radio-group>\n```"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RADIO_GROUP_CTX",
-          "declaration": {
-            "name": "RADIO_GROUP_CTX",
-            "module": "src/inputs/radio-group/radio-group.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "RADIO_GROUP_TAG",
-          "declaration": {
-            "name": "RADIO_GROUP_TAG",
-            "module": "src/inputs/radio-group/radio-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "OreRadioGroupElement",
-          "declaration": {
-            "name": "OreRadioGroupElement",
-            "module": "src/inputs/radio-group/radio-group.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/inputs/select/select.ts",