@vielzeug/refine 26.10.9 → 26.10.10

package/dist/custom-elements.json

@@ -7057,6 +7057,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/alert/alert.ts",
@@ -7270,144 +7406,8 @@
           "kind": "custom-element-definition",
           "name": "OreAlertElement",
           "declaration": {
-            "name": "OreAlertElement",
-            "module": "src/feedback/alert/alert.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",
-          "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"
+            "name": "OreAlertElement",
+            "module": "src/feedback/alert/alert.ts"
           }
         }
       ]
@@ -13010,133 +13010,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/rating/rating.ts",
@@ -13322,6 +13195,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/select/select.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vielzeug/refine",
-  "version": "26.10.9",
+  "version": "26.10.10",
   "description": "Accessible, themeable web components built on ore",
   "keywords": [
     "web-components",
@@ -712,7 +712,8 @@
     "./dist/*.cjs",
     "./dist/core/*",
     "./dist/styles/**",
-    "./src/core/icons.ts"
+    "./src/core/icons.ts",
+    "./src/icon-lucide.ts"
   ],
   "scripts": {
     "analyze": "custom-elements-manifest analyze --config scripts/refine-manifest.mjs",
@@ -736,17 +737,17 @@
     "test:e2e": "playwright test"
   },
   "dependencies": {
-    "@vielzeug/arsenal": "26.10.9",
-    "@vielzeug/dnd": "26.10.9",
-    "@vielzeug/focus": "26.10.9",
-    "@vielzeug/gesture": "26.10.9",
-    "@vielzeug/keymap": "26.10.9",
-    "@vielzeug/orbit": "26.10.9",
-    "@vielzeug/ore": "26.10.9",
-    "@vielzeug/ripple": "26.10.9",
-    "@vielzeug/sentinel": "26.10.9",
-    "@vielzeug/sigil": "26.10.9",
-    "@vielzeug/tempo": "26.10.9",
+    "@vielzeug/arsenal": "26.10.10",
+    "@vielzeug/dnd": "26.10.10",
+    "@vielzeug/focus": "26.10.10",
+    "@vielzeug/gesture": "26.10.10",
+    "@vielzeug/keymap": "26.10.10",
+    "@vielzeug/orbit": "26.10.10",
+    "@vielzeug/ore": "26.10.10",
+    "@vielzeug/ripple": "26.10.10",
+    "@vielzeug/sentinel": "26.10.10",
+    "@vielzeug/sigil": "26.10.10",
+    "@vielzeug/tempo": "26.10.10",
     "lucide": "^1.48.0"
   },
   "devDependencies": {
@@ -756,7 +757,7 @@
     "@playwright/test": "^1.63.0",
     "@types/culori": "^4.0.1",
     "@types/node": "^26.6.2",
-    "@vielzeug/assay": "26.10.9",
+    "@vielzeug/assay": "26.10.10",
     "axe-core": "^4.13.0",
     "browserslist": "^4.29.0",
     "culori": "^4.0.2",