luxen-ui 0.25.0 → 0.26.0

package/dist/metadata/close-button.json

@@ -20,16 +20,6 @@
   },
   "properties": [],
   "attributes": [
-    {
-      "name": "data-appearance",
-      "data": true,
-      "values": [
-        "ring",
-        "square",
-        "circle"
-      ],
-      "description": "Visual appearance (matches the imported appearance CSS)."
-    },
     {
       "name": "command",
       "data": false,
@@ -41,6 +31,16 @@
       "data": false,
       "values": [],
       "description": "ID of the target element to close."
+    },
+    {
+      "name": "data-appearance",
+      "data": true,
+      "values": [
+        "ring",
+        "square",
+        "circle"
+      ],
+      "description": "Visual appearance (matches the imported appearance CSS)."
     }
   ],
   "events": [],
@@ -54,11 +54,6 @@
   ],
   "cssParts": [],
   "cssProperties": [
-    {
-      "name": "--size",
-      "default": "36px",
-      "description": "Button size."
-    },
     {
       "name": "--icon-color",
       "default": null,
@@ -78,6 +73,11 @@
       "name": "--ring-tickness",
       "default": null,
       "description": "Hover ring thickness (`ring` appearance only)."
+    },
+    {
+      "name": "--size",
+      "default": "36px",
+      "description": "Button size."
     }
   ],
   "commands": [],

package/dist/metadata/color-scheme-icon.json

@@ -15,14 +15,6 @@
     "js": "luxen-ui/color-scheme-icon"
   },
   "properties": [
-    {
-      "name": "scheme",
-      "attribute": "scheme",
-      "type": "ColorScheme | undefined",
-      "default": null,
-      "reflects": true,
-      "description": "Which glyph to show. Leave it unset and the icon follows the page's scheme\n(`colorScheme.current` — a stored override, else the OS preference), so it\nstays in step with every other control without wiring. Set it to pin the\nglyph, for a legend or a preview that must not move."
-    },
     {
       "name": "label",
       "attribute": "label",
@@ -30,6 +22,14 @@
       "default": null,
       "reflects": false,
       "description": "Accessible label. When set, the glyph becomes meaningful (`role=\"img\"`);\nwhen absent it is decorative and hidden from assistive tech — the right\ndefault inside a row or button that already carries the name."
+    },
+    {
+      "name": "scheme",
+      "attribute": "scheme",
+      "type": "ColorScheme | undefined",
+      "default": null,
+      "reflects": true,
+      "description": "Which glyph to show. Leave it unset and the icon follows the page's scheme\n(`colorScheme.current` — a stored override, else the OS preference), so it\nstays in step with every other control without wiring. Set it to pin the\nglyph, for a legend or a preview that must not move."
     }
   ],
   "attributes": [],
@@ -44,15 +44,15 @@
     }
   ],
   "cssProperties": [
-    {
-      "name": "--size",
-      "default": "1em",
-      "description": "Width and height of the glyph."
-    },
     {
       "name": "--color",
       "default": "currentColor",
       "description": "Glyph color."
+    },
+    {
+      "name": "--size",
+      "default": "1em",
+      "description": "Width and height of the glyph."
     }
   ],
   "commands": [],

package/dist/metadata/combobox.json

@@ -16,12 +16,36 @@
   },
   "properties": [
     {
-      "name": "value",
-      "attribute": "value",
+      "name": "allowCustom",
+      "attribute": "allow-custom",
+      "type": "boolean",
+      "default": "false",
+      "reflects": true,
+      "description": "Accept a typed value that matches no option."
+    },
+    {
+      "name": "filter",
+      "attribute": null,
+      "type": "ComboboxFilter",
+      "default": "defaultFilter",
+      "reflects": false,
+      "description": "Override the option filter. `(item, query) => boolean`."
+    },
+    {
+      "name": "highlight",
+      "attribute": "highlight",
+      "type": "boolean",
+      "default": "true",
+      "reflects": false,
+      "description": "Wrap the matching substring of each option in `<mark>` — the label of a\nplain option, the title and description of a rich one."
+    },
+    {
+      "name": "label",
+      "attribute": "label",
       "type": "string",
       "default": "''",
-      "reflects": true,
-      "description": "Selected value (the chosen option's `value`)."
+      "reflects": false,
+      "description": "Accessible label for the input."
     },
     {
       "name": "placeholder",
@@ -32,12 +56,12 @@
       "description": "Placeholder text in the input."
     },
     {
-      "name": "label",
-      "attribute": "label",
-      "type": "string",
-      "default": "''",
+      "name": "placement",
+      "attribute": "placement",
+      "type": "Placement",
+      "default": "'bottom-start'",
       "reflects": false,
-      "description": "Accessible label for the input."
+      "description": "Panel placement relative to the control."
     },
     {
       "name": "size",
@@ -48,58 +72,24 @@
       "description": "Control size."
     },
     {
-      "name": "withClear",
-      "attribute": "with-clear",
-      "type": "boolean",
-      "default": "false",
+      "name": "value",
+      "attribute": "value",
+      "type": "string",
+      "default": "''",
       "reflects": true,
-      "description": "Show a button to clear the value."
+      "description": "Selected value (the chosen option's `value`)."
     },
     {
-      "name": "allowCustom",
-      "attribute": "allow-custom",
+      "name": "withClear",
+      "attribute": "with-clear",
       "type": "boolean",
       "default": "false",
       "reflects": true,
-      "description": "Accept a typed value that matches no option."
-    },
-    {
-      "name": "highlight",
-      "attribute": "highlight",
-      "type": "boolean",
-      "default": "true",
-      "reflects": false,
-      "description": "Wrap the matching substring of each option in `<mark>` — the label of a\nplain option, the title and description of a rich one."
-    },
-    {
-      "name": "placement",
-      "attribute": "placement",
-      "type": "Placement",
-      "default": "'bottom-start'",
-      "reflects": false,
-      "description": "Panel placement relative to the control."
-    },
-    {
-      "name": "filter",
-      "attribute": null,
-      "type": "ComboboxFilter",
-      "default": "defaultFilter",
-      "reflects": false,
-      "description": "Override the option filter. `(item, query) => boolean`."
+      "description": "Show a button to clear the value."
     }
   ],
   "attributes": [],
   "events": [
-    {
-      "name": "change",
-      "description": "Fired when an option is selected. Bubbles. Not cancelable. Properties: `value: string`.",
-      "cancelable": false
-    },
-    {
-      "name": "input",
-      "description": "Fired as the user types. Bubbles. Not cancelable. Properties: `value: string` (the query).",
-      "cancelable": false
-    },
     {
       "name": "show",
       "description": "Fired before the list opens. Cancelable.",
@@ -109,26 +99,19 @@
       "name": "hide",
       "description": "Fired before the list closes. Cancelable.",
       "cancelable": true
-    }
-  ],
-  "methods": [
-    {
-      "name": "formResetCallback",
-      "params": [],
-      "returns": null,
-      "description": ""
     },
     {
-      "name": "formStateRestoreCallback",
-      "params": [
-        {
-          "name": "state",
-          "type": "string"
-        }
-      ],
-      "returns": null,
-      "description": ""
+      "name": "change",
+      "description": "Fired when an option is selected. Bubbles. Not cancelable. Properties: `value: string`.",
+      "cancelable": false
     },
+    {
+      "name": "input",
+      "description": "Fired as the user types. Bubbles. Not cancelable. Properties: `value: string` (the query).",
+      "cancelable": false
+    }
+  ],
+  "methods": [
     {
       "name": "show",
       "params": [],
@@ -144,10 +127,18 @@
   ],
   "slots": [],
   "cssClasses": [
+    {
+      "name": ".l-select-item-description",
+      "description": "Rich option: secondary line, shown in the listbox only."
+    },
     {
       "name": ".l-select-item-media",
       "description": "Rich option: leading image or icon."
     },
+    {
+      "name": ".l-select-item-suffix",
+      "description": "Rich option: trailing badge, count or status icon on the title's line. Kept out of the input and the filter."
+    },
     {
       "name": ".l-select-item-text",
       "description": "Rich option: column holding the title and the description."
@@ -155,14 +146,6 @@
     {
       "name": ".l-select-item-title",
       "description": "Rich option: title, truncated with an ellipsis. Used as the label when the option has no `label`."
-    },
-    {
-      "name": ".l-select-item-description",
-      "description": "Rich option: secondary line, shown in the listbox only."
-    },
-    {
-      "name": ".l-select-item-suffix",
-      "description": "Rich option: trailing badge, count or status icon on the title's line. Kept out of the input and the filter."
     }
   ],
   "cssParts": [
@@ -175,12 +158,12 @@
       "description": "The input control row (input + clear + chevron)."
     },
     {
-      "name": "input",
-      "description": "The text input."
+      "name": "empty",
+      "description": "The \"no results\" message."
     },
     {
-      "name": "panel",
-      "description": "The floating popover panel."
+      "name": "input",
+      "description": "The text input."
     },
     {
       "name": "listbox",
@@ -191,20 +174,20 @@
       "description": "Each option row."
     },
     {
-      "name": "empty",
-      "description": "The \"no results\" message."
+      "name": "panel",
+      "description": "The floating popover panel."
     }
   ],
   "cssProperties": [
     {
-      "name": "--height",
-      "default": "var(--l-form-control-height)",
-      "description": "Control height. The clear button and the chevron each take a square of this height (borders excluded), so their hit area and spacing follow it."
+      "name": "--background",
+      "default": null,
+      "description": "Panel background."
     },
     {
-      "name": "--l-form-control-icon-size",
-      "default": "1em",
-      "description": "Glyph size of the clear button and the chevron (global form-control token; set it here or on any ancestor). Changes the glyph only — the hit area follows `--height`."
+      "name": "--border-radius",
+      "default": null,
+      "description": "Control + panel radius."
     },
     {
       "name": "--chevron-icon",
@@ -217,14 +200,14 @@
       "description": "Clear button glyph as a `url()`."
     },
     {
-      "name": "--border-radius",
-      "default": null,
-      "description": "Control + panel radius."
+      "name": "--height",
+      "default": "var(--l-form-control-height)",
+      "description": "Control height. The clear button and the chevron each take a square of this height (borders excluded), so their hit area and spacing follow it."
     },
     {
-      "name": "--background",
-      "default": null,
-      "description": "Panel background."
+      "name": "--l-form-control-icon-size",
+      "default": "1em",
+      "description": "Glyph size of the clear button and the chevron (global form-control token; set it here or on any ancestor). Changes the glyph only — the hit area follows `--height`."
     }
   ],
   "commands": [],

package/dist/metadata/dialog.json

@@ -16,12 +16,12 @@
   },
   "properties": [
     {
-      "name": "title",
-      "attribute": "title",
-      "type": "string",
-      "default": "''",
-      "reflects": false,
-      "description": "Dialog title rendered in the header and used as the dialog's accessible name."
+      "name": "lightDismiss",
+      "attribute": "light-dismiss",
+      "type": "boolean",
+      "default": "false",
+      "reflects": true,
+      "description": "Close when the backdrop is clicked."
     },
     {
       "name": "open",
@@ -32,12 +32,12 @@
       "description": "Whether the dialog is open."
     },
     {
-      "name": "lightDismiss",
-      "attribute": "light-dismiss",
-      "type": "boolean",
-      "default": "false",
-      "reflects": true,
-      "description": "Close when the backdrop is clicked."
+      "name": "title",
+      "attribute": "title",
+      "type": "string",
+      "default": "''",
+      "reflects": false,
+      "description": "Dialog title rendered in the header and used as the dialog's accessible name."
     },
     {
       "name": "withoutHeader",
@@ -77,10 +77,6 @@
       "name": "",
       "description": "Body content."
     },
-    {
-      "name": "title",
-      "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property. Also provides the dialog's accessible name."
-    },
     {
       "name": "close",
       "description": "Close button (typically `<button class=\"l-close\">`)."
@@ -88,14 +84,26 @@
     {
       "name": "footer",
       "description": "Footer actions."
+    },
+    {
+      "name": "title",
+      "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property. Also provides the dialog's accessible name."
     }
   ],
   "cssClasses": [],
   "cssParts": [
+    {
+      "name": "body",
+      "description": "The body wrapper around the default slot."
+    },
     {
       "name": "dialog",
       "description": "The native `<dialog>` element."
     },
+    {
+      "name": "footer",
+      "description": "The footer wrapper around the footer slot."
+    },
     {
       "name": "header",
       "description": "The header wrapper containing the title and close slot."
@@ -103,21 +111,18 @@
     {
       "name": "title",
       "description": "The dialog title heading."
-    },
-    {
-      "name": "body",
-      "description": "The body wrapper around the default slot."
-    },
-    {
-      "name": "footer",
-      "description": "The footer wrapper around the footer slot."
     }
   ],
   "cssProperties": [
     {
-      "name": "--width",
-      "default": "31rem",
-      "description": "Dialog width."
+      "name": "--backdrop",
+      "default": "var(--l-backdrop)",
+      "description": "Backdrop color."
+    },
+    {
+      "name": "--backdrop-blur",
+      "default": "0",
+      "description": "Backdrop blur amount (any CSS length). `0` means no blur; set e.g. `4px` for a subtle frost."
     },
     {
       "name": "--border-radius",
@@ -125,14 +130,9 @@
       "description": "Dialog border radius."
     },
     {
-      "name": "--padding",
-      "default": "1.5rem",
-      "description": "Padding applied to the header, footer, and inline-padding of the body. Set to `0` to remove all internal spacing (e.g. for edge-to-edge media)."
-    },
-    {
-      "name": "--show-duration",
-      "default": "200ms",
-      "description": "Open transition duration."
+      "name": "--easing",
+      "default": "cubic-bezier(0.32, 0.72, 0, 1)",
+      "description": "Timing function of the open and close transitions, backdrop included."
     },
     {
       "name": "--hide-duration",
@@ -140,19 +140,24 @@
       "description": "Close transition duration."
     },
     {
-      "name": "--easing",
-      "default": "cubic-bezier(0.32, 0.72, 0, 1)",
-      "description": "Timing function of the open and close transitions, backdrop included."
+      "name": "--padding",
+      "default": "1.5rem",
+      "description": "Padding applied to the header, footer, and inline-padding of the body. Set to `0` to remove all internal spacing (e.g. for edge-to-edge media)."
     },
     {
-      "name": "--backdrop",
-      "default": null,
-      "description": "Backdrop color."
+      "name": "--shadow",
+      "default": "none",
+      "description": "Drop shadow of the dialog panel (any `box-shadow` value). Raise it when the backdrop is light, where the panel edge would otherwise fade into the page."
     },
     {
-      "name": "--backdrop-blur",
-      "default": "0",
-      "description": "Backdrop blur amount (any CSS length). `0` means no blur; set e.g. `4px` for a subtle frost."
+      "name": "--show-duration",
+      "default": "200ms",
+      "description": "Open transition duration."
+    },
+    {
+      "name": "--width",
+      "default": "31rem",
+      "description": "Dialog width."
     }
   ],
   "commands": [

package/dist/metadata/disclosure.json

@@ -16,18 +16,6 @@
   },
   "properties": [],
   "attributes": [
-    {
-      "name": "open",
-      "data": false,
-      "values": [],
-      "description": "Native attribute — starts the disclosure expanded."
-    },
-    {
-      "name": "name",
-      "data": false,
-      "values": [],
-      "description": "Native attribute — groups disclosures into an exclusive accordion."
-    },
     {
       "name": "data-marker",
       "data": true,
@@ -57,6 +45,18 @@
       "data": false,
       "values": [],
       "description": "Disables interaction (set on `<details>` or `<summary>`)."
+    },
+    {
+      "name": "name",
+      "data": false,
+      "values": [],
+      "description": "Native attribute — groups disclosures into an exclusive accordion."
+    },
+    {
+      "name": "open",
+      "data": false,
+      "values": [],
+      "description": "Native attribute — starts the disclosure expanded."
     }
   ],
   "events": [
@@ -76,15 +76,15 @@
   ],
   "cssParts": [],
   "cssProperties": [
-    {
-      "name": "--marker-size",
-      "default": "20px",
-      "description": "Marker icon size."
-    },
     {
       "name": "--marker-color",
       "default": "var(--l-color-text-tertiary)",
       "description": "Marker icon color ()."
+    },
+    {
+      "name": "--marker-size",
+      "default": "20px",
+      "description": "Marker icon size."
     }
   ],
   "commands": [],

package/dist/metadata/divider.json

@@ -15,14 +15,6 @@
     "js": "luxen-ui/divider"
   },
   "properties": [
-    {
-      "name": "orientation",
-      "attribute": "orientation",
-      "type": "DividerOrientation",
-      "default": "'horizontal'",
-      "reflects": true,
-      "description": "The divider's orientation."
-    },
     {
       "name": "label",
       "attribute": "label",
@@ -30,6 +22,14 @@
       "default": null,
       "reflects": true,
       "description": "Optional text label displayed over the divider line."
+    },
+    {
+      "name": "orientation",
+      "attribute": "orientation",
+      "type": "DividerOrientation",
+      "default": "'horizontal'",
+      "reflects": true,
+      "description": "The divider's orientation."
     }
   ],
   "attributes": [],
@@ -45,14 +45,14 @@
       "description": "The color of the divider line."
     },
     {
-      "name": "--thickness",
+      "name": "--spacing",
       "default": null,
-      "description": "The thickness of the divider line."
+      "description": "The spacing between the divider and its neighboring elements."
     },
     {
-      "name": "--spacing",
+      "name": "--thickness",
       "default": null,
-      "description": "The spacing between the divider and its neighboring elements."
+      "description": "The thickness of the divider line."
     }
   ],
   "commands": [],