luxen-ui 0.24.0 → 0.26.0

package/dist/metadata/drawer.json

@@ -15,14 +15,6 @@
     "js": "luxen-ui/drawer"
   },
   "properties": [
-    {
-      "name": "placement",
-      "attribute": "placement",
-      "type": "'start' | 'end' | 'top' | 'bottom' | undefined",
-      "default": null,
-      "reflects": true,
-      "description": "Edge the drawer slides in from. Defaults to the start (inline-start) edge."
-    },
     {
       "name": "inset",
       "attribute": "inset",
@@ -32,12 +24,12 @@
       "description": "Detach the drawer from the viewport edges, floating it with a uniform gap and rounded corners."
     },
     {
-      "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",
@@ -48,12 +40,20 @@
       "description": "Whether the dialog is open."
     },
     {
-      "name": "lightDismiss",
-      "attribute": "light-dismiss",
-      "type": "boolean",
-      "default": "false",
+      "name": "placement",
+      "attribute": "placement",
+      "type": "'start' | 'end' | 'top' | 'bottom' | undefined",
+      "default": null,
       "reflects": true,
-      "description": "Close when the backdrop is clicked."
+      "description": "Edge the drawer slides in from. Defaults to the start (inline-start) edge."
+    },
+    {
+      "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",
@@ -93,10 +93,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\">`)."
@@ -104,14 +100,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."
@@ -119,71 +127,63 @@
     {
       "name": "title",
       "description": "The drawer title heading."
-    },
-    {
-      "name": "body",
-      "description": "The body wrapper around the default slot."
-    },
-    {
-      "name": "footer",
-      "description": "The footer wrapper around the footer slot."
     }
   ],
   "cssProperties": [
     {
-      "name": "--size",
-      "default": "320px",
-      "description": "Drawer size on the axis perpendicular to its edge (width for `start`/`end`, height for `top`/`bottom`)."
+      "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",
-      "default": "6px",
+      "default": "0.375rem",
       "description": "Drawer border radius on the inner edges (all corners when `inset`)."
     },
+    {
+      "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",
+      "default": "200ms",
+      "description": "Close transition duration."
+    },
     {
       "name": "--inset-gap",
       "default": "1rem",
       "description": "Gap between the drawer and the viewport edges when `inset` is set."
     },
+    {
+      "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": "--shadow",
-      "default": null,
-      "description": "Drop shadow applied to the floating panel when `inset` is set. Set to `none` to remove it."
+      "default": "var(--l-shadow-lg)",
+      "description": "Drop shadow applied to the floating panel when `inset` is set (an edge drawer casts none). Set to `none` to remove it."
     },
     {
       "name": "--show-duration",
-      "default": "200ms",
+      "default": "300ms",
       "description": "Open transition duration."
     },
     {
-      "name": "--hide-duration",
-      "default": "200ms",
-      "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": "--backdrop",
-      "default": null,
-      "description": "Backdrop color."
+      "name": "--size",
+      "default": "320px",
+      "description": "Drawer size on the axis perpendicular to its edge (width for `start`/`end`, height for `top`/`bottom`)."
     },
     {
       "name": "--width",
       "default": "31rem",
       "description": "Dialog width."
-    },
-    {
-      "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-blur",
-      "default": "0",
-      "description": "Backdrop blur amount (any CSS length). `0` means no blur; set e.g. `4px` for a subtle frost."
     }
   ],
   "commands": [

package/dist/metadata/dropdown-item.json

@@ -16,44 +16,36 @@
   },
   "properties": [
     {
-      "name": "value",
-      "attribute": "value",
-      "type": "string",
-      "default": "''",
-      "reflects": false,
-      "description": "The value associated with this item."
+      "name": "checkPlacement",
+      "attribute": "check-placement",
+      "type": "'start' | 'end'",
+      "default": "'start'",
+      "reflects": true,
+      "description": "Which side of a `type=\"checkbox\"` item carries the check mark. `start` (the\ndefault) puts it in the leading column, where it takes the place of any\n`prefix`. `end` moves it to the trailing edge, freeing that column so the\nitem can show its own icon alongside the state."
     },
     {
-      "name": "disabled",
-      "attribute": "disabled",
+      "name": "checked",
+      "attribute": "checked",
       "type": "boolean",
       "default": "false",
       "reflects": true,
-      "description": "Disables the item."
-    },
-    {
-      "name": "type",
-      "attribute": "type",
-      "type": "'normal' | 'checkbox'",
-      "default": "'normal'",
-      "reflects": false,
-      "description": "The type of item: `normal` or `checkbox`."
+      "description": "Whether the checkbox item is checked."
     },
     {
-      "name": "variant",
-      "attribute": "variant",
-      "type": "'destructive' | undefined",
-      "default": "undefined",
+      "name": "disabled",
+      "attribute": "disabled",
+      "type": "boolean",
+      "default": "false",
       "reflects": true,
-      "description": "Visual variant. `destructive` marks a delete-style action in red."
+      "description": "Disables the item."
     },
     {
-      "name": "checked",
-      "attribute": "checked",
+      "name": "hasSubmenu",
+      "attribute": null,
       "type": "boolean",
-      "default": "false",
-      "reflects": true,
-      "description": "Whether the checkbox item is checked."
+      "default": null,
+      "reflects": false,
+      "description": "Whether this item has nested `slot=\"submenu\"` items."
     },
     {
       "name": "submenuOpen",
@@ -64,20 +56,28 @@
       "description": "Whether this item's submenu is open. Managed by the parent `l-dropdown`."
     },
     {
-      "name": "checkPlacement",
-      "attribute": "check-placement",
-      "type": "'start' | 'end'",
-      "default": "'start'",
-      "reflects": true,
-      "description": "Which side of a `type=\"checkbox\"` item carries the check mark. `start` (the\ndefault) puts it in the leading column, where it takes the place of any\n`prefix`. `end` moves it to the trailing edge, freeing that column so the\nitem can show its own icon alongside the state."
+      "name": "type",
+      "attribute": "type",
+      "type": "'normal' | 'checkbox'",
+      "default": "'normal'",
+      "reflects": false,
+      "description": "The type of item: `normal` or `checkbox`."
     },
     {
-      "name": "hasSubmenu",
-      "attribute": null,
-      "type": "boolean",
-      "default": null,
+      "name": "value",
+      "attribute": "value",
+      "type": "string",
+      "default": "''",
       "reflects": false,
-      "description": "Whether this item has nested `slot=\"submenu\"` items."
+      "description": "The value associated with this item."
+    },
+    {
+      "name": "variant",
+      "attribute": "variant",
+      "type": "'destructive' | undefined",
+      "default": "undefined",
+      "reflects": true,
+      "description": "Visual variant. `destructive` marks a delete-style action in red."
     }
   ],
   "attributes": [
@@ -91,10 +91,10 @@
   "events": [],
   "methods": [
     {
-      "name": "getTextLabel",
+      "name": "closeSubmenu",
       "params": [],
-      "returns": "string",
-      "description": "Returns the text label of this item (excludes nested submenu items)."
+      "returns": null,
+      "description": "Closes this item's submenu panel, including any open nested submenus."
     },
     {
       "name": "getSubmenuItems",
@@ -103,16 +103,16 @@
       "description": "Returns the enabled `l-dropdown-item` elements slotted into this item's submenu."
     },
     {
-      "name": "openSubmenu",
+      "name": "getTextLabel",
       "params": [],
-      "returns": null,
-      "description": "Opens this item's submenu panel. No-op without submenu items."
+      "returns": "string",
+      "description": "Returns the text label of this item (excludes nested submenu items)."
     },
     {
-      "name": "closeSubmenu",
+      "name": "openSubmenu",
       "params": [],
       "returns": null,
-      "description": "Closes this item's submenu panel, including any open nested submenus."
+      "description": "Opens this item's submenu panel. No-op without submenu items."
     }
   ],
   "slots": [
@@ -124,13 +124,13 @@
       "name": "prefix",
       "description": "Leading content (e.g. icon). A `type=\"checkbox\"` item ignores it unless `check-placement=\"end\"` frees the leading column."
     },
-    {
-      "name": "suffix",
-      "description": "Trailing content."
-    },
     {
       "name": "submenu",
       "description": "Nested `l-dropdown-item` elements rendered in a submenu panel anchored to this item. Drop an `<hr>` between them for a separator."
+    },
+    {
+      "name": "suffix",
+      "description": "Trailing content."
     }
   ],
   "cssClasses": [],

package/dist/metadata/dropdown.json

@@ -16,20 +16,12 @@
   },
   "properties": [
     {
-      "name": "open",
-      "attribute": "open",
+      "name": "disabled",
+      "attribute": "disabled",
       "type": "boolean",
       "default": "false",
       "reflects": true,
-      "description": "Whether the dropdown is open."
-    },
-    {
-      "name": "placement",
-      "attribute": "placement",
-      "type": "Placement",
-      "default": "'bottom-start'",
-      "reflects": false,
-      "description": "Preferred placement of the panel."
+      "description": "Disables the dropdown trigger."
     },
     {
       "name": "distance",
@@ -39,14 +31,6 @@
       "reflects": false,
       "description": "Distance in pixels from the trigger."
     },
-    {
-      "name": "disabled",
-      "attribute": "disabled",
-      "type": "boolean",
-      "default": "false",
-      "reflects": true,
-      "description": "Disables the dropdown trigger."
-    },
     {
       "name": "minWidth",
       "attribute": "min-width",
@@ -54,6 +38,22 @@
       "default": null,
       "reflects": false,
       "description": "Floor the panel's width at the trigger's width. Set to `trigger` so the\npanel is never narrower than the trigger; it still grows with its content.\nUseful for select-like triggers (a date-range or filter button) where the\npanel should line up with the control. Re-applies if the trigger resizes\nwhile open."
+    },
+    {
+      "name": "open",
+      "attribute": "open",
+      "type": "boolean",
+      "default": "false",
+      "reflects": true,
+      "description": "Whether the dropdown is open."
+    },
+    {
+      "name": "placement",
+      "attribute": "placement",
+      "type": "Placement",
+      "default": "'bottom-start'",
+      "reflects": false,
+      "description": "Preferred placement of the panel."
     }
   ],
   "attributes": [],
@@ -105,14 +105,6 @@
     }
   ],
   "slots": [
-    {
-      "name": "trigger",
-      "description": "The element that triggers the dropdown."
-    },
-    {
-      "name": "header",
-      "description": "Optional content rendered above the menu items (e.g. a user profile row). Use an `<l-divider>` (or `<hr>`) after it to separate from items."
-    },
     {
       "name": "",
       "description": "Menu content (`l-dropdown-item` elements). Drop an `<l-divider>` (or `<hr>`) between items to render a section separator, or an `<l-dropdown-label>` to caption a group of items. Nest items with `slot=\"submenu\"` inside an item to create a submenu."
@@ -120,6 +112,14 @@
     {
       "name": "footer",
       "description": "Optional content rendered below the menu items (e.g. a version label or shortcut row). Use an `<l-divider>` (or `<hr>`) before it to separate from items."
+    },
+    {
+      "name": "header",
+      "description": "Optional content rendered above the menu items (e.g. a user profile row). Use an `<l-divider>` (or `<hr>`) after it to separate from items."
+    },
+    {
+      "name": "trigger",
+      "description": "The element that triggers the dropdown."
     }
   ],
   "cssClasses": [],
@@ -140,6 +140,11 @@
       "default": "var(--l-popover-border-radius)",
       "description": "Panel border radius. (6px)."
     },
+    {
+      "name": "--hide-duration",
+      "default": "150ms",
+      "description": "Hide animation duration."
+    },
     {
       "name": "--padding",
       "default": "var(--l-popover-padding)",
@@ -154,11 +159,6 @@
       "name": "--show-duration",
       "default": "150ms",
       "description": "Show animation duration."
-    },
-    {
-      "name": "--hide-duration",
-      "default": "150ms",
-      "description": "Hide animation duration."
     }
   ],
   "commands": [],

package/dist/metadata/form-field.json

@@ -15,6 +15,14 @@
     "js": "luxen-ui/form-field"
   },
   "properties": [
+    {
+      "name": "invalid",
+      "attribute": "invalid",
+      "type": "boolean",
+      "default": "false",
+      "reflects": true,
+      "description": "Reflected once the control is invalid after interaction (or set to force the invalid state)."
+    },
     {
       "name": "layout",
       "attribute": "layout",
@@ -23,14 +31,6 @@
       "reflects": true,
       "description": "Layout, derived from the control type (`inline` for checkbox/radio/switch, otherwise `stacked`). Set one to force it."
     },
-    {
-      "name": "required",
-      "attribute": "required",
-      "type": "boolean",
-      "default": "false",
-      "reflects": true,
-      "description": "Reflected when the control is required. Drives the label marker."
-    },
     {
       "name": "optional",
       "attribute": "optional",
@@ -40,12 +40,12 @@
       "description": "Reflected when the control is not required."
     },
     {
-      "name": "invalid",
-      "attribute": "invalid",
+      "name": "required",
+      "attribute": "required",
       "type": "boolean",
       "default": "false",
       "reflects": true,
-      "description": "Reflected once the control is invalid after interaction (or set to force the invalid state)."
+      "description": "Reflected when the control is required. Drives the label marker."
     },
     {
       "name": "unstyled",
@@ -66,13 +66,13 @@
     }
   ],
   "cssClasses": [
-    {
-      "name": ".l-hint",
-      "description": "Helper text element. Always visible; linked via `aria-describedby`."
-    },
     {
       "name": ".l-error",
       "description": "Error message element. Hidden until invalid, then revealed with `role=\"alert\"` and linked via `aria-describedby`."
+    },
+    {
+      "name": ".l-hint",
+      "description": "Helper text element. Always visible; linked via `aria-describedby`."
     }
   ],
   "cssParts": [],

package/dist/metadata/icon.json

@@ -15,14 +15,6 @@
     "js": "luxen-ui/icon"
   },
   "properties": [
-    {
-      "name": "name",
-      "attribute": "name",
-      "type": "string",
-      "default": "''",
-      "reflects": false,
-      "description": "The icon name in Iconify format (e.g. `mdi:home`, `lucide:check`)."
-    },
     {
       "name": "label",
       "attribute": "label",
@@ -30,6 +22,14 @@
       "default": null,
       "reflects": false,
       "description": "Accessible label. When set, the icon becomes meaningful (`role=\"img\"` + `aria-label`). When absent, the icon is decorative."
+    },
+    {
+      "name": "name",
+      "attribute": "name",
+      "type": "string",
+      "default": "''",
+      "reflects": false,
+      "description": "The icon name in Iconify format (e.g. `mdi:home`, `lucide:check`)."
     }
   ],
   "attributes": [],