@vielzeug/codex 26.10.7 → 26.10.10

package/data/refine.json

@@ -945,7 +945,7 @@
     "type": {
       "text": "object"
     },
-    "default": "{ color: prop.string<ThemeColor>(), }",
+    "default": "{ color: prop.oneOf(THEME_COLORS), }",
     "description": "Prop bundle for components that support a theme colour."
   },
   {
@@ -954,7 +954,7 @@
     "type": {
       "text": "object"
     },
-    "default": "{ size: prop.string<ComponentSize>(), }",
+    "default": "{ size: prop.oneOf(COMPONENT_SIZES), }",
     "description": "Prop bundle for components with discrete size variants."
   },
   {
@@ -981,7 +981,7 @@
     "type": {
       "text": "object"
     },
-    "default": "{ rounded: prop.string<RoundedSize>(), }",
+    "default": "{ rounded: prop.oneOf(ROUNDED_SIZES), }",
     "description": "Prop bundle for components with configurable border-radius."
   },
   {
@@ -990,7 +990,7 @@
     "type": {
       "text": "object"
     },
-    "default": "{ elevation: prop.number<ElevationLevel>(), }",
+    "default": "{ elevation: prop.oneOf(ELEVATION_LEVELS), }",
     "description": "Prop bundle for components with an elevation / box-shadow."
   },
   {
@@ -1054,6 +1054,114 @@
     "default": "{ lg: { '--_min-height': 'var(--size-40)', fontSize: 'var(--text-base)', }, md: { '--_min-height': 'var(--size-32)', fontSize: 'var(--text-sm)', }, sm: { '--_min-height': 'var(--size-28)', fontSize: 'var(--text-xs)', }, } satisfies FullSizePreset",
     "description": "Shared size preset for the file-input dropzone."
   },
+  {
+    "kind": "variable",
+    "name": "COMPONENT_SIZES",
+    "type": {
+      "text": "['sm', 'md', 'lg']"
+    },
+    "default": "['sm', 'md', 'lg']",
+    "description": "Component size variants"
+  },
+  {
+    "kind": "variable",
+    "name": "THEME_COLORS",
+    "type": {
+      "text": "['primary', 'secondary', 'info', 'success', 'warning', 'error']"
+    },
+    "default": "['primary', 'secondary', 'info', 'success', 'warning', 'error']",
+    "description": "Semantic theme colors"
+  },
+  {
+    "kind": "variable",
+    "name": "VISUAL_VARIANTS",
+    "type": {
+      "text": "['solid', 'flat', 'bordered', 'outline', 'ghost', 'text', 'frost']"
+    },
+    "default": "['solid', 'flat', 'bordered', 'outline', 'ghost', 'text', 'frost']",
+    "description": "Visual variant styles"
+  },
+  {
+    "kind": "variable",
+    "name": "FIELD_VARIANTS",
+    "type": {
+      "text": "['flat', 'solid', 'bordered', 'outline', 'ghost']"
+    },
+    "default": "['flat', 'solid', 'bordered', 'outline', 'ghost']",
+    "description": "Variant set accepted by text-field-style inputs (everything except `text` and `frost`)."
+  },
+  {
+    "kind": "variable",
+    "name": "INPUT_VARIANTS",
+    "type": {
+      "text": "['solid', 'flat', 'bordered', 'outline', 'ghost', 'text']"
+    },
+    "default": "['solid', 'flat', 'bordered', 'outline', 'ghost', 'text']",
+    "description": "Variant set accepted by input/select-style fields (everything except `frost`)."
+  },
+  {
+    "kind": "variable",
+    "name": "DENSITY_LEVELS",
+    "type": {
+      "text": "['compact', 'cozy', 'comfortable']"
+    },
+    "default": "['compact', 'cozy', 'comfortable']",
+    "description": "Table/grid density levels"
+  },
+  {
+    "kind": "variable",
+    "name": "ROUNDED_SIZES",
+    "type": {
+      "text": "['none', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full']"
+    },
+    "default": "['none', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full']",
+    "description": "Border radius variants"
+  },
+  {
+    "kind": "variable",
+    "name": "ELEVATION_LEVELS",
+    "type": {
+      "text": "[0, 1, 2, 3, 4, 5]"
+    },
+    "default": "[0, 1, 2, 3, 4, 5]",
+    "description": "Elevation/shadow depth levels"
+  },
+  {
+    "kind": "variable",
+    "name": "PADDING_SIZES",
+    "type": {
+      "text": "['none', 'sm', 'md', 'lg', 'xl']"
+    },
+    "default": "['none', 'sm', 'md', 'lg', 'xl']",
+    "description": "Internal spacing variants"
+  },
+  {
+    "kind": "variable",
+    "name": "BUTTON_TYPES",
+    "type": {
+      "text": "['button', 'submit', 'reset']"
+    },
+    "default": "['button', 'submit', 'reset']",
+    "description": "Button form-submission types"
+  },
+  {
+    "kind": "variable",
+    "name": "LINK_TARGETS",
+    "type": {
+      "text": "['_blank', '_self', '_parent', '_top']"
+    },
+    "default": "['_blank', '_self', '_parent', '_top']",
+    "description": "Anchor browsing-context values"
+  },
+  {
+    "kind": "variable",
+    "name": "INPUT_TYPES",
+    "type": {
+      "text": "[\n  'text',\n  'email',\n  'password',\n  'number',\n  'tel',\n  'url',\n  'search',\n  'date',\n  'time',\n  'datetime-local',\n  'month',\n  'week',\n]"
+    },
+    "default": "[ 'text', 'email', 'password', 'number', 'tel', 'url', 'search', 'date', 'time', 'datetime-local', 'month', 'week', ]",
+    "description": "Allowed HTML5 input type values for `<ore-input>`"
+  },
   {
     "kind": "variable",
     "name": "AVATAR_GROUP_TAG",
@@ -1112,6 +1220,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "AVATAR_STATUSES",
+    "type": {
+      "text": "['online', 'offline', 'busy', 'away']"
+    },
+    "default": "['online', 'offline', 'busy', 'away']"
+  },
   {
     "kind": "variable",
     "name": "AVATAR_TAG",
@@ -1568,6 +1684,22 @@
     "summary": "",
     "demos": []
   },
+  {
+    "kind": "variable",
+    "name": "CAROUSEL_ORIENTATIONS",
+    "type": {
+      "text": "['horizontal', 'vertical']"
+    },
+    "default": "['horizontal', 'vertical']"
+  },
+  {
+    "kind": "variable",
+    "name": "CAROUSEL_VARIANTS",
+    "type": {
+      "text": "['default', 'fade', 'filmstrip', 'gallery']"
+    },
+    "default": "['default', 'fade', 'filmstrip', 'gallery']"
+  },
   {
     "kind": "variable",
     "name": "CAROUSEL_TAG",
@@ -1742,6 +1874,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "CHAT_MESSAGE_STATUSES",
+    "type": {
+      "text": "['error', 'sending', 'sent']"
+    },
+    "default": "['error', 'sending', 'sent']"
+  },
   {
     "kind": "variable",
     "name": "CHAT_MESSAGE_TAG",
@@ -2357,6 +2497,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "KEYBOARD_KEY_SIZES",
+    "type": {
+      "text": "['sm', 'lg']"
+    },
+    "default": "['sm', 'lg']"
+  },
   {
     "kind": "variable",
     "name": "KEYBOARD_SHORTCUT_TAG",
@@ -2607,6 +2755,15 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "LIST_VARIANTS",
+    "type": {
+      "text": "['bordered', 'plain', 'separated']"
+    },
+    "default": "['bordered', 'plain', 'separated']",
+    "description": "Visual variant for `ore-list`."
+  },
   {
     "kind": "variable",
     "name": "LIST_CTX",
@@ -2693,6 +2850,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "MARQUEE_DIRECTIONS",
+    "type": {
+      "text": "['left', 'right']"
+    },
+    "default": "['left', 'right']"
+  },
   {
     "kind": "variable",
     "name": "MARQUEE_TAG",
@@ -2921,148 +3086,16 @@
     "type": {
       "text": "'ore-qr-code'"
     },
-    "default": "'ore-qr-code'",
-    "description": "Renders a QR code for `value` as inline SVG: themeable via `currentColor`,\ncrisp at any scale, no canvas. On capacity errors the component shows an\nerror state and emits `error` rather than throwing."
+    "default": "'ore-qr-code'"
   },
   {
     "kind": "class",
     "name": "OreQrCodeElement",
     "tagName": "ore-qr-code",
     "customElement": true,
-    "description": "Renders a QR code for `value` as inline SVG: themeable via `currentColor`,\ncrisp at any scale, no canvas. On capacity errors the component shows an\nerror state and emits `error` rather than throwing.",
+    "description": "",
     "summary": "",
-    "attributes": [
-      {
-        "name": "value",
-        "type": {
-          "text": "string"
-        },
-        "description": "The payload to encode"
-      },
-      {
-        "name": "error-correction",
-        "type": {
-          "text": "'L' | 'M' | 'Q' | 'H'"
-        },
-        "description": "'L' | 'M' | 'Q' | 'H' (default 'M')"
-      },
-      {
-        "name": "margin",
-        "type": {
-          "text": "number"
-        },
-        "description": "Quiet-zone modules (default 4)"
-      },
-      {
-        "name": "size",
-        "type": {
-          "text": "'sm' | 'md' | 'lg'"
-        },
-        "description": "'sm' | 'md' | 'lg', or a pixel value"
-      },
-      {
-        "name": "label",
-        "type": {
-          "text": "string"
-        },
-        "description": "Accessible label (default \"QR code\")"
-      },
-      {
-        "name": "rounded",
-        "type": {
-          "text": "string"
-        },
-        "description": "Border radius for the card variant"
-      }
-    ],
-    "events": [
-      {
-        "name": "render",
-        "description": "detail: `{ version, size }` after each successful render",
-        "type": {
-          "text": "CustomEvent"
-        }
-      },
-      {
-        "name": "error",
-        "description": "detail: `{ error }` when encoding fails",
-        "type": {
-          "text": "CustomEvent"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "caption",
-        "description": "Optional caption rendered below the code"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "wrapper",
-        "description": "Outer container"
-      },
-      {
-        "name": "svg",
-        "description": "The rendered `<svg>` element"
-      },
-      {
-        "name": "caption",
-        "description": "Caption slot container"
-      },
-      {
-        "name": "error",
-        "description": "Error-state container"
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--qr-code-dark",
-        "description": "Module color (default `currentColor`)"
-      },
-      {
-        "name": "--qr-code-light",
-        "description": "Background color (default `transparent`)"
-      },
-      {
-        "name": "--qr-code-size",
-        "description": "Rendered size in px (overrides `size`)"
-      },
-      {
-        "name": "--qr-code-radius",
-        "description": "Border radius"
-      },
-      {
-        "name": "--qr-code-padding",
-        "description": "Inner padding"
-      },
-      {
-        "name": "--qr-code-bg",
-        "description": "Card background (variant=\"card\")"
-      },
-      {
-        "name": "--qr-code-border",
-        "description": "Card border width (variant=\"card\")"
-      },
-      {
-        "name": "--qr-code-border-color",
-        "description": "Card border color (variant=\"card\")"
-      },
-      {
-        "name": "--qr-code-shadow",
-        "description": "Card box shadow (variant=\"card\")"
-      },
-      {
-        "name": "--qr-code-error-color",
-        "description": "Error-state text color"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-qr-code value=\"https://example.com\"></ore-qr-code>\n<ore-qr-code value=\"otpauth://…\" error-correction=\"H\" size=\"256\"></ore-qr-code>\n```"
-      }
-    ]
+    "demos": []
   },
   {
     "kind": "variable",
@@ -4989,68 +5022,180 @@
   },
   {
     "kind": "variable",
-    "name": "ALERT_TAG",
+    "name": "ASYNC_TAG",
     "type": {
-      "text": "'ore-alert'"
+      "text": "'ore-async'"
     },
-    "default": "'ore-alert'",
-    "description": "A status/feedback banner with optional heading, icon slot, and dismiss button."
+    "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": "OreAlertElement",
-    "tagName": "ore-alert",
+    "name": "OreAsyncElement",
+    "tagName": "ore-async",
     "customElement": true,
-    "description": "A status/feedback banner with optional heading, icon slot, and dismiss button.",
+    "description": "A container for handling asynchronous states (loading, empty, error, success).\nSimplifies data fetching UI by providing consistent fallbacks.",
     "summary": "",
     "attributes": [
       {
-        "name": "color",
+        "name": "status",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "'idle' | 'loading' | 'empty' | 'error' | 'success'"
         },
-        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        "description": "current state: 'idle' | 'loading' | 'empty' | 'error' | 'success' (default: 'success')",
+        "default": "'success'"
       },
       {
-        "name": "variant",
+        "name": "retryable",
         "type": {
-          "text": "'flat' | 'solid' | 'bordered'"
+          "text": "boolean"
         },
-        "description": "Visual style: 'flat' | 'solid' | 'bordered'"
+        "description": "show retry button in error state (default: false)",
+        "default": "false"
       },
       {
-        "name": "size",
+        "name": "empty-label",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
+          "text": "string"
         },
-        "description": "Size: 'sm' | 'md' | 'lg'"
+        "description": "title for empty state (default: 'No content yet')",
+        "default": "'No content yet'"
       },
       {
-        "name": "rounded",
+        "name": "empty-description",
         "type": {
-          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+          "text": "string"
         },
-        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+        "description": "optional text for empty state"
       },
       {
-        "name": "heading",
+        "name": "error-label",
         "type": {
           "text": "string"
         },
-        "description": "Bold heading text above the content"
+        "description": "title for error state (default: 'Something went wrong')",
+        "default": "'Something went wrong'"
       },
       {
-        "name": "dismissible",
+        "name": "error-description",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Show a close (×) button"
-      },
+        "description": "optional text for error state"
+      }
+    ],
+    "events": [
       {
-        "name": "embedded",
+        "name": "retry",
+        "description": "Emitted when the retry button is clicked (no detail payload)",
         "type": {
-          "text": "boolean"
-        },
+          "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```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "ALERT_TAG",
+    "type": {
+      "text": "'ore-alert'"
+    },
+    "default": "'ore-alert'",
+    "description": "A status/feedback banner with optional heading, icon slot, and dismiss button."
+  },
+  {
+    "kind": "class",
+    "name": "OreAlertElement",
+    "tagName": "ore-alert",
+    "customElement": true,
+    "description": "A status/feedback banner with optional heading, icon slot, and dismiss button.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "color",
+        "type": {
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        },
+        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+      },
+      {
+        "name": "variant",
+        "type": {
+          "text": "'flat' | 'solid' | 'bordered'"
+        },
+        "description": "Visual style: 'flat' | 'solid' | 'bordered'"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "Size: 'sm' | 'md' | 'lg'"
+      },
+      {
+        "name": "rounded",
+        "type": {
+          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+        },
+        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+      },
+      {
+        "name": "heading",
+        "type": {
+          "text": "string"
+        },
+        "description": "Bold heading text above the content"
+      },
+      {
+        "name": "dismissible",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Show a close (×) button"
+      },
+      {
+        "name": "embedded",
+        "type": {
+          "text": "boolean"
+        },
         "description": "Passive surface for a host that owns lifecycle and announcements; the close button only emits `dismiss`"
       },
       {
@@ -5174,118 +5319,6 @@
       }
     ]
   },
-  {
-    "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```"
-      }
-    ]
-  },
   {
     "kind": "variable",
     "name": "BADGE_TAG",
@@ -6312,6 +6345,15 @@
     },
     "default": "['solid', 'flat', 'bordered', 'outline', 'ghost', 'text', 'frost']"
   },
+  {
+    "kind": "variable",
+    "name": "BUTTON_EFFECTS",
+    "type": {
+      "text": "['shine', 'rainbow']"
+    },
+    "default": "['shine', 'rainbow']",
+    "description": "Animated border effect for ore-button."
+  },
   {
     "kind": "variable",
     "name": "BUTTON_TAG",
@@ -6437,181 +6479,83 @@
       },
       {
         "name": "loader",
-        "description": "The loading spinner element"
-      },
-      {
-        "name": "content",
-        "description": "The button content wrapper"
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--button-bg",
-        "description": "Background color override"
-      },
-      {
-        "name": "--button-color",
-        "description": "Text color override"
-      },
-      {
-        "name": "--button-border",
-        "description": "Border width override"
-      },
-      {
-        "name": "--button-border-color",
-        "description": "Border color override"
-      },
-      {
-        "name": "--button-radius",
-        "description": "Border radius override"
-      },
-      {
-        "name": "--button-padding",
-        "description": "Inner padding override"
-      },
-      {
-        "name": "--button-gap",
-        "description": "Gap between icon and text override"
-      },
-      {
-        "name": "--button-font-size",
-        "description": "Font size override"
-      },
-      {
-        "name": "--button-frost-active-bg",
-        "description": "Background when pressed (frost variant)"
-      },
-      {
-        "name": "--button-frost-active-border-color",
-        "description": "Border color when pressed (frost variant)"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-button variant=\"solid\" color=\"primary\">Click me</ore-button>\n<ore-button loading color=\"success\">Processing...</ore-button>\n<ore-button effect=\"shine\" color=\"primary\">Shine</ore-button>\n<ore-button effect=\"rainbow\" variant=\"frost\">Rainbow</ore-button>\n```"
-      }
-    ]
-  },
-  {
-    "kind": "variable",
-    "name": "BUTTON_GROUP_CTX"
-  },
-  {
-    "kind": "variable",
-    "name": "BUTTON_GROUP_TAG",
-    "type": {
-      "text": "'ore-button-group'"
-    },
-    "default": "'ore-button-group'",
-    "description": "A container for grouping related buttons.\nChild `ore-button` components automatically inherit the group's color, size, and variant."
-  },
-  {
-    "kind": "class",
-    "name": "OreButtonGroupElement",
-    "tagName": "ore-button-group",
-    "customElement": true,
-    "description": "A container for grouping related buttons.\nChild `ore-button` components automatically inherit the group's color, size, and variant.",
-    "summary": "",
-    "attributes": [
-      {
-        "name": "attached",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Join buttons together into a unit"
-      },
-      {
-        "name": "color",
-        "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-        },
-        "description": "Shared color tint: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-      },
-      {
-        "name": "fullwidth",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Group spans full width"
-      },
-      {
-        "name": "label",
-        "type": {
-          "text": "string"
-        },
-        "description": "Accessible label"
-      },
-      {
-        "name": "orientation",
-        "type": {
-          "text": "'horizontal' | 'vertical'"
-        },
-        "description": "'horizontal' | 'vertical'"
-      },
-      {
-        "name": "rounded",
-        "type": {
-          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
-        },
-        "description": "Corner radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' (bare attribute defaults to 'full')"
-      },
-      {
-        "name": "size",
-        "type": {
-          "text": "'sm' | 'md' | 'lg'"
-        },
-        "description": "Shared size: 'sm' | 'md' | 'lg'"
-      },
-      {
-        "name": "variant",
-        "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'frost'"
-        },
-        "description": "Shared visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'frost'"
-      }
-    ],
-    "slots": [
-      {
-        "name": "",
-        "description": "Place ore-button elements here"
-      }
-    ],
-    "cssParts": [
+        "description": "The loading spinner element"
+      },
       {
-        "name": "group",
-        "description": "Group container."
+        "name": "content",
+        "description": "The button content wrapper"
       }
     ],
     "cssProperties": [
       {
-        "name": "--group-gap",
-        "description": "Gap between buttons (non-attached mode)"
+        "name": "--button-bg",
+        "description": "Background color override"
+      },
+      {
+        "name": "--button-color",
+        "description": "Text color override"
+      },
+      {
+        "name": "--button-border",
+        "description": "Border width override"
       },
       {
-        "name": "--group-radius",
-        "description": "Border radius of the group container, defaults to the `rounded` attribute's token"
+        "name": "--button-border-color",
+        "description": "Border color override"
       },
       {
         "name": "--button-radius",
-        "description": "Passed through to child buttons to control corner radius"
+        "description": "Border radius override"
+      },
+      {
+        "name": "--button-padding",
+        "description": "Inner padding override"
+      },
+      {
+        "name": "--button-gap",
+        "description": "Gap between icon and text override"
+      },
+      {
+        "name": "--button-font-size",
+        "description": "Font size override"
       },
       {
-        "name": "--button-border-start",
-        "description": "Passed through to suppress start borders in attached mode"
+        "name": "--button-frost-active-bg",
+        "description": "Background when pressed (frost variant)"
       },
       {
-        "name": "--button-border-top",
-        "description": "Passed through to suppress top borders in vertical attached mode"
+        "name": "--button-frost-active-border-color",
+        "description": "Border color when pressed (frost variant)"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-button-group attached rounded=\"full\">\n  <ore-button variant=\"solid\" color=\"primary\">Save</ore-button>\n  <ore-button variant=\"solid\" color=\"primary\">Save &amp; Continue</ore-button>\n</ore-button-group>\n<ore-button-group orientation=\"vertical\" size=\"sm\">\n  <ore-button>Top</ore-button>\n  <ore-button>Middle</ore-button>\n  <ore-button>Bottom</ore-button>\n</ore-button-group>\n```"
+        "description": "```html\n<ore-button variant=\"solid\" color=\"primary\">Click me</ore-button>\n<ore-button loading color=\"success\">Processing...</ore-button>\n<ore-button effect=\"shine\" color=\"primary\">Shine</ore-button>\n<ore-button effect=\"rainbow\" variant=\"frost\">Rainbow</ore-button>\n```"
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "BUTTON_GROUP_CTX"
+  },
+  {
+    "kind": "variable",
+    "name": "BUTTON_GROUP_TAG",
+    "type": {
+      "text": "'ore-button-group'"
+    },
+    "default": "'ore-button-group'"
+  },
+  {
+    "kind": "class",
+    "name": "OreButtonGroupElement",
+    "tagName": "ore-button-group",
+    "customElement": true,
+    "description": "",
+    "summary": "",
+    "demos": []
+  },
   {
     "kind": "variable",
     "name": "CALENDAR_TAG",
@@ -7584,6 +7528,14 @@
     },
     "default": "{ activeFilters: (count) => `${count} active filter${count === 1 ? '' : 's'}`, addFilter: 'Add filter…', ascending: 'A → Z', clearAllFilters: 'Clear all filters', clearFiltersAndSearch: 'Clear all filters & search', clearSort: 'Clear sort', closeSearch: 'Close search', collapseRow: 'Collapse row', columnOptions: 'Column options', columnVisibility: 'Column visibility', comfortableDensity: 'Density: Comfortable', compactDensity: 'Density: Compact', contains: 'Contains', cozyDensity: 'Density: Cozy', data: 'Data', descending: 'Z → A', emptyValue: '(empty)', equals: 'Equals', expandRow: 'Expand row', filter: 'Filter', filterBy: 'Filter by', filterOperator: (field) => `${field} operator`, greaterThan: 'Greater than', hiddenColumns: (count) => `${count} hidden column${count === 1 ? '' : 's'}`, lessThan: 'Less than', nextPage: 'Next page', numericAscending: '0 → 9', numericDescending: '9 → 0', pageNavigation: 'Page navigation', pagination: 'Pagination', previousPage: 'Previous page', property: 'Property', range: (start, end, total) => `${start} to ${end} of ${total}`, removeFilter: 'Remove filter', resetColumns: 'Reset', rowDetails: 'Row details', rows: (count) => `${count} row${count === 1 ? '' : 's'}`, rowsPerPage: 'Rows per page', search: 'Search', selectAllRows: 'Select all rows on this page', selectRow: 'Select row', sort: 'Sort', sortBy: 'Sort by', views: 'Views', visibleColumns: (count, total) => `${count} of ${total} visible`, }"
   },
+  {
+    "kind": "variable",
+    "name": "SELECTION_MODES",
+    "type": {
+      "text": "['multi', 'none', 'single']"
+    },
+    "default": "['multi', 'none', 'single']"
+  },
   {
     "kind": "function",
     "name": "createDataGridModel",
@@ -9616,101 +9568,6 @@
       }
     ]
   },
-  {
-    "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```"
-      }
-    ]
-  },
   {
     "kind": "variable",
     "name": "RATING_TAG",
@@ -9864,6 +9721,101 @@
       }
     ]
   },
+  {
+    "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```"
+      }
+    ]
+  },
   {
     "kind": "variable",
     "name": "SELECT_TAG",
@@ -13125,6 +13077,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "ORE_MENU_ITEM_TYPES",
+    "type": {
+      "text": "['checkbox', 'radio']"
+    },
+    "default": "['checkbox', 'radio']"
+  },
   {
     "kind": "variable",
     "name": "MENU_ITEM_TAG",