@vielzeug/codex 26.10.7 → 26.10.9

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",
@@ -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",
@@ -6503,114 +6545,16 @@
     "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."
+    "default": "'ore-button-group'"
   },
   {
     "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.",
+    "description": "",
     "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": [
-      {
-        "name": "group",
-        "description": "Group container."
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--group-gap",
-        "description": "Gap between buttons (non-attached mode)"
-      },
-      {
-        "name": "--group-radius",
-        "description": "Border radius of the group container, defaults to the `rounded` attribute's token"
-      },
-      {
-        "name": "--button-radius",
-        "description": "Passed through to child buttons to control corner radius"
-      },
-      {
-        "name": "--button-border-start",
-        "description": "Passed through to suppress start borders in attached mode"
-      },
-      {
-        "name": "--button-border-top",
-        "description": "Passed through to suppress top borders in vertical attached mode"
-      }
-    ],
-    "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```"
-      }
-    ]
+    "demos": []
   },
   {
     "kind": "variable",
@@ -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",
@@ -13125,6 +13077,14 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "ORE_MENU_ITEM_TYPES",
+    "type": {
+      "text": "['checkbox', 'radio']"
+    },
+    "default": "['checkbox', 'radio']"
+  },
   {
     "kind": "variable",
     "name": "MENU_ITEM_TAG",