le-kit 0.5.4 → 0.6.1

package/LLM_CONTEXT.md

@@ -5,6 +5,8 @@ This file is auto-generated and contains documentation for all Le-Kit web compon
 ## Table of Contents
 
 - [le-bar](#le-bar)
+- [le-bento-grid](#le-bento-grid)
+- [le-bento-tile](#le-bento-tile)
 - [le-box](#le-box)
 - [le-breadcrumbs](#le-breadcrumbs)
 - [le-button](#le-button)
@@ -19,6 +21,7 @@ This file is auto-generated and contains documentation for all Le-Kit web compon
 - [le-header](#le-header)
 - [le-header-placeholder](#le-header-placeholder)
 - [le-icon](#le-icon)
+- [le-item](#le-item)
 - [le-multiselect](#le-multiselect)
 - [le-navigation](#le-navigation)
 - [le-number-input](#le-number-input)
@@ -27,6 +30,7 @@ This file is auto-generated and contains documentation for all Le-Kit web compon
 - [le-round-progress](#le-round-progress)
 - [le-scroll-progress](#le-scroll-progress)
 - [le-segmented-control](#le-segmented-control)
+- [le-select](#le-select)
 - [le-side-panel](#le-side-panel)
 - [le-side-panel-toggle](#le-side-panel-toggle)
 - [le-slot](#le-slot)
@@ -65,7 +69,7 @@ row and handles overflow according to the `overflow` prop.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leBarOverflowChange` | `EventEmitter<LeBarOverflowChangeDetail>` | Emitted when overflow state changes. |
+| `leBarOverflowChange` | `EventEmitter<LeBarOverflowChangeDetail> \| undefined` | Emitted when overflow state changes. |
 
 ### Slots
 
@@ -80,6 +84,83 @@ row and handles overflow according to the `overflow` prop.
 
 ---
 
+## <le-bento-grid>
+
+A responsive bento-style CSS grid container.
+
+`le-bento-grid` creates a dense auto-filling grid using `auto-fill` with
+`minmax()` columns. Pair it with `le-bento-tile` children that declare
+how many columns and rows they should span.
+
+All sizing props can also be controlled purely via CSS custom properties —
+useful when you want to configure from a stylesheet or a parent component.
+If a prop is set, it writes the corresponding CSS custom property as an
+inline style (which overrides any external stylesheet value).
+
+### Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `columnMinWidth` | `number \| undefined` |  | Minimum column width in pixels (maps to the `min` of CSS `minmax()`). Controls how narrow a column can be before wrapping. |
+| `columnMaxWidth` | `number \| undefined` |  | Maximum column width in pixels (maps to the `max` of CSS `minmax()`). The grid stops adding columns when dividing `max-width` by this value. |
+| `minColumns` | `number \| undefined` |  | Minimum number of columns before overflow. Sets component `min-width` as: `columnMinWidth * minColumns + gap * (minColumns - 1)`. |
+| `maxColumns` | `number \| undefined` |  | Maximum number of columns before the grid wraps.  When set, this takes precedence over `maxWidth` and computes the grid's effective maximum width as: `maxColumns * columnMaxWidth + (maxColumns - 1) * gap`  This is useful when you want an explicit column cap without manually accounting for the gaps between tracks. |
+| `maxWidth` | `number \| undefined` |  | Maximum overall width of the grid in pixels.  Ignored when `maxColumns` is set. |
+| `rowHeight` | `number \| undefined` |  | Height of each row unit in pixels. A tile with `rows="2"` will be `2 × rowHeight + gap` tall. |
+| `gap` | `number \| undefined` |  | Gap between tiles in pixels. |
+
+### Slots
+
+| Name | Description |
+|------|-------------|
+| Default | Accepts `le-bento-tile` elements (or any block-level content) |
+
+### CSS Variables
+
+| Name | Description |
+|------|-------------|
+| `--le-bento-col-min` | Minimum column track width (default 200px) |
+| `--le-bento-col-max` | Maximum column track width (default 250px) |
+| `--le-bento-min-columns` | Minimum number of columns before overflow |
+| `--le-bento-max-columns` | Maximum number of columns before wrapping |
+| `--le-bento-row-height` | Height of each row unit (default 110px) |
+| `--le-bento-gap` | Gap between tiles (default 12px) |
+| `--le-bento-max-width` | Maximum grid container width (default none) |
+
+---
+
+## <le-bento-tile>
+
+A single tile for use inside `le-bento-grid`.
+
+Declares how many columns and rows it should span in the bento grid.
+Visual appearance (border-radius, shadow) is controlled via CSS custom
+properties so themes can override them.
+
+### Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `cols` | `number` | `1` | Number of grid columns this tile should span. |
+| `rows` | `number` | `1` | Number of grid rows this tile should span. |
+
+### Slots
+
+| Name | Description |
+|------|-------------|
+| Default | Content displayed inside the tile |
+
+### CSS Variables
+
+| Name | Description |
+|------|-------------|
+| `--le-bento-tile-radius` | Border radius (default: var(--le-radius-xl, 0.75rem)) |
+| `--le-bento-tile-shadow` | Box shadow (default: subtle multi-layer shadow) |
+| `--le-bento-tile-bg` | Background color (default: transparent) |
+| `--le-bento-tile-padding` | Inner padding (default: 0) |
+
+---
+
 ## <le-box>
 
 A flexible box component for use as a flex item within le-stack.
@@ -245,15 +326,20 @@ A checkbox component with support for labels, descriptions, and external IDs.
 | `el` | `HTMLElement` |  |  |
 | `checked` | `boolean` | `false` | Whether the checkbox is checked |
 | `disabled` | `boolean` | `false` | Whether the checkbox is disabled |
-| `name` | `string` |  | The name of the checkbox input |
-| `value` | `string` |  | The value of the checkbox input |
-| `externalId` | `string` |  | External ID for linking with external systems (e.g. database ID, PDF form field ID) |
+| `name` | `string \| undefined` |  | The name of the checkbox input |
+| `value` | `string \| undefined` |  | The value of the checkbox input |
+| `externalId` | `string \| undefined` |  | External ID for linking with external systems (e.g. database ID, PDF form field ID) |
 
 ### Events
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `change` | `EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>` | Emitted when the checked state changes |
+| `change` | `EventEmitter<{
+    checked: boolean;
+    value?: string;
+    name?: string;
+    externalId?: string;
+  }>` | Emitted when the checked state changes |
 
 ### Slots
 
@@ -284,24 +370,24 @@ Supports standard copy/paste and range selection behaviors.
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
 | `value` | `string` | `''` | The value of the input |
-| `name` | `string` |  | The name of the input |
-| `label` | `string` |  | Label for the input |
+| `name` | `string \| undefined` |  | The name of the input |
+| `label` | `string \| undefined` |  | Label for the input |
 | `length` | `number` | `6` | Length of the code (number of characters) |
 | `description` | `string \| undefined` |  | Description text displayed below the input in case there is a more complex markup, it can be provided via slot as well |
 | `type` | `'text' \| 'number'` | `'text'` | The type of code (numeric or alphanumeric) This affects the keyboard layout on mobile devices. |
 | `disabled` | `boolean` | `false` | Whether the input is disabled |
 | `readonly` | `boolean` | `false` | Whether the input is read-only |
-| `externalId` | `string` |  | External ID for linking with external systems |
+| `externalId` | `string \| undefined` |  | External ID for linking with external systems |
 | `error` | `boolean` | `false` | Internal validation state (can be set externally manually or via simple check) |
 
 ### Events
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leChange` | `EventEmitter<{ value: string; name: string; externalId: string }>` | Emitted when the value changes (on blur or Enter) |
-| `leInput` | `EventEmitter<{ value: string; name: string; externalId: string }>` | Emitted when the input value changes (on keystroke) |
-| `leFocus` | `EventEmitter<void>` | Emitted when the input is focused |
-| `leBlur` | `EventEmitter<void>` | Emitted when the input is blurred |
+| `leChange` | `EventEmitter<{ value: string; name?: string; externalId?: string }> \| undefined` | Emitted when the value changes (on blur or Enter) |
+| `leInput` | `EventEmitter<{ value: string; name?: string; externalId?: string }> \| undefined` | Emitted when the input value changes (on keystroke) |
+| `leFocus` | `EventEmitter<void> \| undefined` | Emitted when the input is focused |
+| `leBlur` | `EventEmitter<void> \| undefined` | Emitted when the input is blurred |
 
 ### Slots
 
@@ -526,6 +612,7 @@ Slots:
 | `revealOnScroll` | `string \| undefined` |  | Sticky-only reveal behavior (hide on scroll down, show on scroll up). - missing/false: disabled - true/empty attribute: enabled with default threshold (16) - number (as string): enabled and used as threshold |
 | `shrinkOffset` | `string \| undefined` |  | Shrink trigger. - missing/0: disabled - number (px): shrink when scrollY >= that value (but never before header height) - css var name (e.g. --foo): shrink when scrollY >= resolved var value - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport |
 | `expandOnHover` | `boolean` | `false` | If true, expand the header when hovered |
+| `layout` | `'default' \| 'space-between' \| undefined` | `'default'` | Layout Type - default is three cells in the grid: start, title, end - space-between will use the start and end slots but put space between them and hide the title slot |
 
 ### Events
 
@@ -564,7 +651,7 @@ Slots:
 | `--le-header-height` | Base height (main row) |
 | `--le-header-height-condensed` | Condensed height when shrunk |
 | `--le-header-transition` | Transition timing |
-| `--le-header-z` | Z-index (fixed mode) |
+| `--le-z-header` | Z-index (fixed mode) |
 
 ---
 
@@ -590,11 +677,21 @@ The header component updates that variable when it renders.
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
-| `name` | `string` | `null` | Name of the icon to display. Corresponds to a JSON file in the assets folder. For example, "search" will load the "search.json" file. |
+| `name` | `string \| undefined` | `undefined` | Name of the icon to display. Corresponds to a JSON file in the assets folder. For example, "search" will load the "search.json" file. |
 | `size` | `number` | `16` | Size of the icon in pixels. Default is 16. |
 
 ---
 
+## <le-item>
+
+### Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `el` | `HTMLElement` |  |  |
+
+---
+
 ## <le-multiselect>
 
 A multiselect component for selecting multiple options.
@@ -680,10 +777,10 @@ A number input component with validation, keyboard controls, and custom spinners
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
-| `value` | `number` |  | The value of the input |
-| `name` | `string` |  | The name of the input |
-| `label` | `string` |  | Label for the input |
-| `placeholder` | `string` |  | Placeholder text |
+| `value` | `number \| undefined` |  | The value of the input |
+| `name` | `string \| undefined` |  | The name of the input |
+| `label` | `string \| undefined` |  | Label for the input |
+| `placeholder` | `string \| undefined` |  | Placeholder text |
 | `min` | `number \| undefined` |  | Minimum allowed value |
 | `max` | `number \| undefined` |  | Maximum allowed value |
 | `step` | `number` | `1` | Step value for increment/decrement |
@@ -692,14 +789,24 @@ A number input component with validation, keyboard controls, and custom spinners
 | `readonly` | `boolean` | `false` | Whether the input is read-only |
 | `iconStart` | `string \| undefined` |  | Icon for the start icon |
 | `showSpinners` | `boolean` | `true` | Whether to show the spinner controls |
-| `externalId` | `string` |  | External ID for linking with external systems |
+| `externalId` | `string \| undefined` |  | External ID for linking with external systems |
 
 ### Events
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leChange` | `EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>` | Emitted when the value changes (on blur or Enter) |
-| `leInput` | `EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>` | Emitted when the input value changes (on keystroke/spin) |
+| `leChange` | `EventEmitter<{
+    value?: number;
+    name?: string;
+    externalId?: string;
+    isValid: boolean;
+  }> \| undefined` | Emitted when the value changes (on blur or Enter) |
+| `leInput` | `EventEmitter<{
+    value?: number;
+    name?: string;
+    externalId?: string;
+    isValid: boolean;
+  }> \| undefined` | Emitted when the input value changes (on keystroke/spin) |
 
 ### Slots
 
@@ -735,7 +842,7 @@ and other top-layer elements. Falls back gracefully in older browsers.
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
-| `mode` | `'default' \| 'admin'` |  | Mode of the popover should be 'default' for internal use |
+| `mode` | `'default' \| 'admin'` | `'default'` | Mode of the popover should be 'default' for internal use |
 | `open` | `boolean` | `false` | Whether the popover is currently open |
 | `position` | `'top' \| 'bottom' \| 'left' \| 'right' \| 'auto'` | `'bottom'` | Position of the popover relative to its trigger |
 | `align` | `'start' \| 'center' \| 'end'` | `'start'` | Alignment of the popover |
@@ -753,8 +860,8 @@ and other top-layer elements. Falls back gracefully in older browsers.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `lePopoverOpen` | `EventEmitter<void>` | Emitted when the popover opens |
-| `lePopoverClose` | `EventEmitter<void>` | Emitted when the popover closes |
+| `lePopoverOpen` | `EventEmitter<void> \| undefined` | Emitted when the popover opens |
+| `lePopoverClose` | `EventEmitter<void> \| undefined` | Emitted when the popover closes |
 
 ### Slots
 
@@ -797,8 +904,8 @@ via leAlert(), leConfirm(), lePrompt().
 | Event | Type | Description |
 |-------|------|-------------|
 | `leConfirm` | `EventEmitter<PopupResult>` | Emitted when the popup is confirmed (OK clicked) |
-| `leCancel` | `EventEmitter<PopupResult>` | Emitted when the popup is cancelled (Cancel clicked or dismissed) |
-| `leOpen` | `EventEmitter<void>` | Emitted when the popup opens |
+| `leCancel` | `EventEmitter<PopupResult> \| undefined` | Emitted when the popup is cancelled (Cancel clicked or dismissed) |
+| `leOpen` | `EventEmitter<void> \| undefined` | Emitted when the popup opens |
 | `leClose` | `EventEmitter<PopupResult>` | Emitted when the popup closes |
 
 ### Slots
@@ -821,7 +928,6 @@ via leAlert(), leConfirm(), lePrompt().
 | `value` | `number` | `0` |  |
 | `padding` | `number` | `0` |  |
 | `paths` | `string` |  |  |
-| `progressPaths` | `any[]` |  |  |
 | `params` | `{
     width: number;
     diameter: number;
@@ -881,7 +987,7 @@ Perfect for toggling between a small set of related options.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leChange` | `EventEmitter<LeOptionSelectDetail>` | Emitted when the selection changes. |
+| `leChange` | `EventEmitter<LeOptionSelectDetail> \| undefined` | Emitted when the selection changes. |
 
 ### CSS Variables
 
@@ -894,6 +1000,35 @@ Perfect for toggling between a small set of related options.
 
 ---
 
+## <le-select>
+
+A select dropdown component for single selection.
+
+### Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `el` | `HTMLElement` |  |  |
+| `options` | `LeOption[] \| string` | `[]` | The options to display in the dropdown. |
+| `value` | `LeOptionValue \| undefined` |  | The currently selected value. |
+| `placeholder` | `string` | `'Select an option'` | Placeholder text when no option is selected. |
+| `disabled` | `boolean` | `false` | Whether the select is disabled. |
+| `required` | `boolean` | `false` | Whether selection is required. |
+| `name` | `string \| undefined` |  | Name attribute for form submission. |
+| `size` | `'small' \| 'medium' \| 'large'` | `'medium'` | Size variant of the select. |
+| `variant` | `'default' \| 'outlined' \| 'solid'` | `'default'` | Visual variant of the select. |
+| `open` | `boolean` | `false` | Whether the dropdown is currently open. |
+
+### Events
+
+| Event | Type | Description |
+|-------|------|-------------|
+| `leChange` | `EventEmitter<LeOptionSelectDetail> \| undefined` | Emitted when the selected value changes. |
+| `leOpen` | `EventEmitter<void> \| undefined` | Emitted when the dropdown opens. |
+| `leClose` | `EventEmitter<void> \| undefined` | Emitted when the dropdown closes. |
+
+---
+
 ## <le-side-panel>
 
 ### Properties
@@ -905,6 +1040,9 @@ Perfect for toggling between a small set of related options.
 | `side` | `LeSidePanelSide` | `'start'` | Which side the panel is attached to. |
 | `collapseAt` | `string \| undefined` |  | Width breakpoint (in px or a CSS var like `--le-breakpoint-md`) below which the panel enters "narrow" mode. |
 | `narrowBehavior` | `LeSidePanelNarrowBehavior` | `'overlay'` | Behavior when in narrow mode. |
+| `sticky` | `boolean` | `false` | Whether the panel is sticky (remains visible when scrolling). |
+| `top` | `number \| 'under-header'` | `0` | Top offset for the sticky panel. |
+| `fullHeight` | `boolean` | `false` | Whether the sticky panel should stretch to full height. |
 | `open` | `boolean` | `false` | Panel open state for narrow mode. - overlay: controls modal drawer visibility - push: controls whether panel is shown (non-modal) |
 | `collapsed` | `boolean` | `false` | Panel collapsed state for wide mode (fully hidden). |
 | `panelWidth` | `number` | `280` | Default panel width in pixels. |
@@ -938,7 +1076,7 @@ Perfect for toggling between a small set of related options.
 | `action` | `LeSidePanelToggleAction` | `'toggle'` | Action to emit. Default toggles the panel. |
 | `shortcut` | `string \| undefined` |  | Optional keyboard shortcut like `Mod+B` or `Alt+N`. |
 | `disabled` | `boolean` | `false` | Disables the toggle. |
-| `mode` | `'default' \| 'admin'` |  |  |
+| `mode` | `'default' \| 'admin'` | `'default'` |  |
 | `variant` | `'solid' \| 'outlined' \| 'clear' \| 'system'` | `'solid'` |  |
 | `color` | `'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'` |  |
 | `size` | `'small' \| 'medium' \| 'large'` | `'medium'` |  |
@@ -1048,33 +1186,33 @@ A text input component with support for labels, descriptions, icons, and externa
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
 | `inputRef` | `(el: HTMLInputElement) => void \| undefined` |  | Pass the ref of the input element to the parent component |
-| `mode` | `'default' \| 'admin'` |  | Mode of the popover should be 'default' for internal use |
-| `value` | `string` |  | The value of the input |
-| `name` | `string` |  | The name of the input |
+| `mode` | `'default' \| 'admin'` | `'default'` | Mode of the popover should be 'default' for internal use |
+| `value` | `string \| undefined` |  | The value of the input |
+| `name` | `string \| undefined` |  | The name of the input |
 | `type` | `'text' \| 'email' \| 'password' \| 'tel' \| 'url'` | `'text'` | The type of the input (text, email, password, etc.) |
-| `label` | `string` |  | Label for the input |
-| `iconStart` | `string` |  | Icon for the start icon |
-| `iconEnd` | `string` |  | Icon for the end icon |
-| `placeholder` | `string` |  | Placeholder text |
+| `label` | `string \| undefined` |  | Label for the input |
+| `iconStart` | `string \| undefined` |  | Icon for the start icon |
+| `iconEnd` | `string \| undefined` |  | Icon for the end icon |
+| `placeholder` | `string \| undefined` |  | Placeholder text |
 | `hideDescription` | `boolean` | `false` | Hide description slot |
 | `disabled` | `boolean` | `false` | Whether the input is disabled |
 | `readonly` | `boolean` | `false` | Whether the input is read-only |
-| `externalId` | `string` |  | External ID for linking with external systems |
+| `externalId` | `string \| undefined` |  | External ID for linking with external systems |
 
 ### Events
 
 | Event | Type | Description |
 |-------|------|-------------|
 | `change` | `EventEmitter<{
-    value: string;
-    name: string;
-    externalId: string;
-  }>` | Emitted when the value changes (on blur or Enter) |
+    value?: string;
+    name?: string;
+    externalId?: string;
+  }> \| undefined` | Emitted when the value changes (on blur or Enter) |
 | `input` | `EventEmitter<{
-    value: string;
-    name: string;
-    externalId: string;
-  }>` | Emitted when the input value changes (on keystroke) |
+    value?: string;
+    name?: string;
+    externalId?: string;
+  }> \| undefined` | Emitted when the input value changes (on keystroke) |
 
 ### Slots
 
@@ -1107,7 +1245,7 @@ A flexible tab component with multiple variants and states.
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `el` | `HTMLElement` |  |  |
-| `mode` | `'default' \| 'admin'` |  | Mode of the popover should be 'default' for internal use |
+| `mode` | `'default' \| 'admin'` | `'default'` | Mode of the popover should be 'default' for internal use |
 | `label` | `string \| undefined` |  | Label if it is not provided via slot |
 | `value` | `string \| undefined` |  | Value of the tab, defaults to label if not provided |
 | `variant` | `'underlined' \| 'solid' \| 'pills' \| 'enclosed' \| 'icon-only'` | `'underlined'` | Tab variant style |
@@ -1129,7 +1267,7 @@ A flexible tab component with multiple variants and states.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `click` | `EventEmitter<PointerEvent>` | Emitted when the tab is clicked. This is a custom event that wraps the native click but ensures the target is the le-tab. |
+| `click` | `EventEmitter<PointerEvent> \| undefined` | Emitted when the tab is clicked. This is a custom event that wraps the native click but ensures the target is the le-tab. |
 
 ### Slots
 
@@ -1175,7 +1313,7 @@ use `le-tabs` instead.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leTabChange` | `EventEmitter<LeOptionSelectDetail>` | Emitted when the selected tab changes. |
+| `leTabChange` | `EventEmitter<LeOptionSelectDetail> \| undefined` | Emitted when the selected tab changes. |
 
 ### CSS Variables
 
@@ -1248,7 +1386,7 @@ Full keyboard navigation and ARIA support included.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leTabChange` | `EventEmitter<LeOptionSelectDetail>` | Emitted when the selected tab changes. |
+| `leTabChange` | `EventEmitter<LeOptionSelectDetail> \| undefined` | Emitted when the selected tab changes. |
 
 ### Slots
 
@@ -1277,8 +1415,8 @@ A tag/chip component for displaying labels with optional dismiss functionality.
 
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
-| `label` | `string` |  | The text label to display in the tag. |
-| `mode` | `'default' \| 'admin'` |  | Mode of the popover should be 'default' for internal use |
+| `label` | `string \| undefined` |  | The text label to display in the tag. |
+| `mode` | `'default' \| 'admin' \| undefined` |  | Mode of the popover should be 'default' for internal use |
 | `icon` | `string \| undefined` |  | Icon to display before the label. Can be an emoji, URL, or icon name. |
 | `dismissible` | `boolean` | `false` | Whether the tag can be dismissed (shows close button). |
 | `disabled` | `boolean` | `false` | Whether the tag is disabled. |
@@ -1289,7 +1427,7 @@ A tag/chip component for displaying labels with optional dismiss functionality.
 
 | Event | Type | Description |
 |-------|------|-------------|
-| `leDismiss` | `EventEmitter<void>` | Emitted when the dismiss button is clicked. |
+| `leDismiss` | `EventEmitter<void> \| undefined` | Emitted when the dismiss button is clicked. |
 
 ### Slots
 
@@ -1355,12 +1493,12 @@ toolbar for bold, italic, links, and paragraph type selection.
 | `center` | `string` | `'center'` |  |
 | `value` | `number` | `0` |  |
 | `rotating` | `boolean` | `false` | Internal state  using properties instead of |
-| `centerX` | `number` |  |  |
-| `centerY` | `number` |  |  |
-| `pageX` | `number` |  |  |
-| `pageY` | `number` |  |  |
+| `centerX` | `number \| undefined` |  |  |
+| `centerY` | `number \| undefined` |  |  |
+| `pageX` | `number \| undefined` |  |  |
+| `pageY` | `number \| undefined` |  |  |
 | `currentAngle` | `number` | `0` |  |
-| `startAngle` | `number` |  |  |
+| `startAngle` | `number \| undefined` |  |  |
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "le-kit",
-  "version": "0.5.4",
+  "version": "0.6.1",
   "description": "Themable web components library with CMS admin mode support",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",