@vielzeug/refine 26.10.7 → 26.10.9

package/dist/custom-elements.json

@@ -1618,7 +1618,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."
         },
         {
@@ -1627,7 +1627,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ size: prop.string<ComponentSize>(), }",
+          "default": "{ size: prop.oneOf(COMPONENT_SIZES), }",
           "description": "Prop bundle for components with discrete size variants."
         },
         {
@@ -1654,7 +1654,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ rounded: prop.string<RoundedSize>(), }",
+          "default": "{ rounded: prop.oneOf(ROUNDED_SIZES), }",
           "description": "Prop bundle for components with configurable border-radius."
         },
         {
@@ -1663,7 +1663,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."
         },
         {
@@ -1870,7 +1870,116 @@
     {
       "kind": "javascript-module",
       "path": "src/shared/types.ts",
-      "declarations": [],
+      "declarations": [
+        {
+          "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>`"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
@@ -1879,6 +1988,102 @@
             "name": "PropsDef",
             "package": "@vielzeug/ore"
           }
+        },
+        {
+          "kind": "js",
+          "name": "COMPONENT_SIZES",
+          "declaration": {
+            "name": "COMPONENT_SIZES",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "THEME_COLORS",
+          "declaration": {
+            "name": "THEME_COLORS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VISUAL_VARIANTS",
+          "declaration": {
+            "name": "VISUAL_VARIANTS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FIELD_VARIANTS",
+          "declaration": {
+            "name": "FIELD_VARIANTS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "INPUT_VARIANTS",
+          "declaration": {
+            "name": "INPUT_VARIANTS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DENSITY_LEVELS",
+          "declaration": {
+            "name": "DENSITY_LEVELS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ROUNDED_SIZES",
+          "declaration": {
+            "name": "ROUNDED_SIZES",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ELEVATION_LEVELS",
+          "declaration": {
+            "name": "ELEVATION_LEVELS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PADDING_SIZES",
+          "declaration": {
+            "name": "PADDING_SIZES",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BUTTON_TYPES",
+          "declaration": {
+            "name": "BUTTON_TYPES",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LINK_TARGETS",
+          "declaration": {
+            "name": "LINK_TARGETS",
+            "module": "src/shared/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "INPUT_TYPES",
+          "declaration": {
+            "name": "INPUT_TYPES",
+            "module": "src/shared/types.ts"
+          }
         }
       ]
     },
@@ -1968,6 +2173,14 @@
       "kind": "javascript-module",
       "path": "src/content/avatar/avatar.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "AVATAR_STATUSES",
+          "type": {
+            "text": "['online', 'offline', 'busy', 'away']"
+          },
+          "default": "['online', 'offline', 'busy', 'away']"
+        },
         {
           "kind": "variable",
           "name": "AVATAR_TAG",
@@ -2110,6 +2323,14 @@
             "module": "../icon/icon"
           }
         },
+        {
+          "kind": "js",
+          "name": "AVATAR_STATUSES",
+          "declaration": {
+            "name": "AVATAR_STATUSES",
+            "module": "src/content/avatar/avatar.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "AVATAR_TAG",
@@ -2544,6 +2765,22 @@
       "kind": "javascript-module",
       "path": "src/content/carousel/carousel.ts",
       "declarations": [
+        {
+          "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",
@@ -2744,6 +2981,22 @@
             "module": "./carousel-slide"
           }
         },
+        {
+          "kind": "js",
+          "name": "CAROUSEL_ORIENTATIONS",
+          "declaration": {
+            "name": "CAROUSEL_ORIENTATIONS",
+            "module": "src/content/carousel/carousel.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CAROUSEL_VARIANTS",
+          "declaration": {
+            "name": "CAROUSEL_VARIANTS",
+            "module": "src/content/carousel/carousel.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "CAROUSEL_TAG",
@@ -2766,6 +3019,14 @@
       "kind": "javascript-module",
       "path": "src/content/chat-message/chat-message.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "CHAT_MESSAGE_STATUSES",
+          "type": {
+            "text": "['error', 'sending', 'sent']"
+          },
+          "default": "['error', 'sending', 'sent']"
+        },
         {
           "kind": "variable",
           "name": "CHAT_MESSAGE_TAG",
@@ -2946,6 +3207,14 @@
             "module": "../icon/icon"
           }
         },
+        {
+          "kind": "js",
+          "name": "CHAT_MESSAGE_STATUSES",
+          "declaration": {
+            "name": "CHAT_MESSAGE_STATUSES",
+            "module": "src/content/chat-message/chat-message.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "CHAT_MESSAGE_TAG",
@@ -3581,6 +3850,14 @@
       "kind": "javascript-module",
       "path": "src/content/keyboard-key/keyboard-key.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "KEYBOARD_KEY_SIZES",
+          "type": {
+            "text": "['sm', 'lg']"
+          },
+          "default": "['sm', 'lg']"
+        },
         {
           "kind": "variable",
           "name": "KEYBOARD_SHORTCUT_TAG",
@@ -3617,6 +3894,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "KEYBOARD_KEY_SIZES",
+          "declaration": {
+            "name": "KEYBOARD_KEY_SIZES",
+            "module": "src/content/keyboard-key/keyboard-key.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "KEYBOARD_SHORTCUT_TAG",
@@ -3911,6 +4196,15 @@
       "kind": "javascript-module",
       "path": "src/content/list/list.ts",
       "declarations": [
+        {
+          "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",
@@ -3999,6 +4293,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "LIST_VARIANTS",
+          "declaration": {
+            "name": "LIST_VARIANTS",
+            "module": "src/content/list/list.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "LIST_CTX",
@@ -4029,6 +4331,14 @@
       "kind": "javascript-module",
       "path": "src/content/marquee/marquee.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "MARQUEE_DIRECTIONS",
+          "type": {
+            "text": "['left', 'right']"
+          },
+          "default": "['left', 'right']"
+        },
         {
           "kind": "variable",
           "name": "MARQUEE_TAG",
@@ -4122,6 +4432,14 @@
             "module": "../icon/icon"
           }
         },
+        {
+          "kind": "js",
+          "name": "MARQUEE_DIRECTIONS",
+          "declaration": {
+            "name": "MARQUEE_DIRECTIONS",
+            "module": "src/content/marquee/marquee.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "MARQUEE_TAG",
@@ -4337,148 +4655,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": []
         }
       ],
       "exports": [
@@ -8496,6 +8682,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",
@@ -8687,6 +8882,14 @@
             "module": "src/inputs/button/button.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "BUTTON_EFFECTS",
+          "declaration": {
+            "name": "BUTTON_EFFECTS",
+            "module": "src/inputs/button/button.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "BUTTON_TAG",
@@ -8719,114 +8922,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": []
         }
       ],
       "exports": [
@@ -10206,6 +10311,14 @@
       "kind": "javascript-module",
       "path": "src/inputs/datagrid/datagrid-model.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "SELECTION_MODES",
+          "type": {
+            "text": "['multi', 'none', 'single']"
+          },
+          "default": "['multi', 'none', 'single']"
+        },
         {
           "kind": "function",
           "name": "createDataGridModel",
@@ -10226,6 +10339,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SELECTION_MODES",
+          "declaration": {
+            "name": "SELECTION_MODES",
+            "module": "src/inputs/datagrid/datagrid-model.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "createDataGridModel",
@@ -17160,6 +17281,14 @@
       "kind": "javascript-module",
       "path": "src/overlay/menu/menu.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "ORE_MENU_ITEM_TYPES",
+          "type": {
+            "text": "['checkbox', 'radio']"
+          },
+          "default": "['checkbox', 'radio']"
+        },
         {
           "kind": "variable",
           "name": "MENU_ITEM_TAG",
@@ -17411,6 +17540,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "ORE_MENU_ITEM_TYPES",
+          "declaration": {
+            "name": "ORE_MENU_ITEM_TYPES",
+            "module": "src/overlay/menu/menu.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "MENU_ITEM_TAG",