@ctrliq/quantic-components 1.88.0 → 1.89.0

package/dist/llms/components/quantic-action-group.md

@@ -1,6 +1,6 @@
 ### quantic-action-group
 
-A row of related actions sharing one accessible name and a consistent gap. Takes quantic-button, and quantic-dropdown-menu or quantic-popover when the trigger is a button. Wraps when the row runs out of width. Gap: --quantic-component-action-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-button-bar when the buttons should read as one joined control.
+A row of related actions sharing one accessible name and a consistent gap. Takes quantic-button, and quantic-dropdown-menu or quantic-popover when the trigger is a button. Wraps when the row runs out of width. Gap: --quantic-component-action-group-gap. Use quantic-button-bar when the buttons should read as one joined control.
 
 **Props:**
 - `ariaLabel` `string`: Accessible name for the group.
@@ -8,6 +8,9 @@ A row of related actions sharing one accessible name and a consistent gap. Takes
 **Slots:**
 - *(default)*: quantic-button elements, or a quantic-dropdown-menu or quantic-popover triggered by one.
 
+**Parts:**
+- `::part(group)`: The flex container, for a column layout or a different alignment.
+
 **Accessibility:**
 - Handled for you: role=group with one accessible name across the row
 - You must supply: an ariaLabel naming the group

package/dist/llms/components/quantic-badge-group.md

@@ -1,6 +1,6 @@
 ### quantic-badge-group
 
-A run of quantic-badge or quantic-status-badge sharing one accessible name and a consistent gap. Wraps across lines, and each badge keeps its own size. Gap: --quantic-component-badge-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-tag-group for tags.
+A run of quantic-badge or quantic-status-badge sharing one accessible name and a consistent gap. Wraps across lines, and each badge keeps its own size. Gap: --quantic-component-badge-group-gap. Use quantic-tag-group for tags.
 
 **Props:**
 - `ariaLabel` `string`: Accessible name for the group.
@@ -8,6 +8,9 @@ A run of quantic-badge or quantic-status-badge sharing one accessible name and a
 **Slots:**
 - *(default)*: quantic-badge or quantic-status-badge elements.
 
+**Parts:**
+- `::part(group)`: The flex container, for a column layout or a different alignment.
+
 **Accessibility:**
 - Handled for you: group semantics
 - You must supply: an ariaLabel naming the set

package/dist/llms/components/quantic-code-input.md

@@ -22,6 +22,9 @@ Form-associated multi-line code/text editor with monospace font and optional lin
 **Events:**
 - `value-changed` → `{ value: string }`: Fired whenever the value changes, from user input or a programmatic update. Not fired on initial render.
 
+**Parts:**
+- `::part(textarea)`: The native textarea element.
+
 **Accessibility:**
 - Handled for you: form association
 - Handled for you: keyboard handling for indentation and newlines

package/dist/llms/components/quantic-number-input.md

@@ -23,6 +23,9 @@ Numeric input field with optional min/max/step constraints. Form-associated. Wra
 **Slots:**
 - `prefix`: Leading content (e.g. icon or unit symbol).
 
+**Parts:**
+- `::part(input)`: The native input element.
+
 **Accessibility:**
 - Handled for you: form association
 - Handled for you: arrow keys step the value

package/dist/llms/components/quantic-option-card.md

@@ -20,6 +20,10 @@ Selectable card used for single or multi-select choice UI. Behaves like a radio
 - `icon`: Optional leading icon.
 - `description`: Optional secondary description below the label.
 
+**Parts:**
+- `::part(label)`: The wrapping label element.
+- `::part(indicator)`: The checkbox or radio visual.
+
 **Examples:**
 
 ```html

package/dist/llms/components/quantic-splitter-group.md

@@ -11,6 +11,9 @@ Resizable panel container — renders two or more panes separated by draggable d
 **Slots:**
 - *(default)*: Two or more quantic-splitter-pane elements.
 
+**Parts:**
+- `::part(divider)`: The draggable handle between two panes.
+
 **Accessibility:**
 - Handled for you: separator roles
 - Handled for you: keyboard resize

package/dist/llms/components/quantic-tab-button.md

@@ -1,6 +1,6 @@
 ### quantic-tab-button
 
-Individual tab trigger button within quantic-tabs. Set index to match the corresponding quantic-tab-panel. Size and orientation are inherited via context from the parent quantic-tabs. Reflects a selected attribute while active. Restyle the mark with ::part(indicator) or --quantic-component-tab-indicator-* / --quantic-component-tab-active-bg.
+Individual tab trigger button within quantic-tabs. Set index to match the corresponding quantic-tab-panel. Size and orientation are inherited via context from the parent quantic-tabs. Reflects a selected attribute while active. Restyle the mark with --quantic-component-tab-indicator-* / --quantic-component-tab-active-bg.
 
 **Props:**
 - `defaultSize` `TabsSize`: SSR fallback for size before context propagates from quantic-tabs.
@@ -16,6 +16,10 @@ Individual tab trigger button within quantic-tabs. Set index to match the corres
 - `icon`: Icon element, displayed before the label and scaled to the tab size.
 - *(default)*: Tab label text or custom content.
 
+**Parts:**
+- `::part(button)`: The native button element.
+- `::part(indicator)`: The active-tab mark.
+
 *Related: quantic-tabs, quantic-tab-panel*
 
 ---

package/dist/llms/components/quantic-tabs.md

@@ -15,6 +15,10 @@ Tab container managing quantic-tab-button triggers and quantic-tab-panel content
 **Slots:**
 - *(default)*: quantic-tab-button and quantic-tab-panel elements as direct children.
 
+**Parts:**
+- `::part(nav)`: The tablist container wrapping the tab buttons.
+- `::part(panels)`: The container wrapping the tab panels.
+
 **Accessibility:**
 - Handled for you: tab roles
 - Handled for you: aria-selected

package/dist/llms/components/quantic-tag-group.md

@@ -1,6 +1,6 @@
 ### quantic-tag-group
 
-A run of quantic-tag, quantic-status-tag or quantic-count-tag sharing one accessible name and a consistent gap. Wraps across lines, and each tag keeps its own size. Gap: --quantic-component-tag-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-badge-group for badges.
+A run of quantic-tag, quantic-status-tag or quantic-count-tag sharing one accessible name and a consistent gap. Wraps across lines, and each tag keeps its own size. Gap: --quantic-component-tag-group-gap. Use quantic-badge-group for badges.
 
 **Props:**
 - `ariaLabel` `string`: Accessible name for the group.
@@ -8,6 +8,9 @@ A run of quantic-tag, quantic-status-tag or quantic-count-tag sharing one access
 **Slots:**
 - *(default)*: quantic-tag, quantic-status-tag or quantic-count-tag elements.
 
+**Parts:**
+- `::part(group)`: The flex container, for a column layout or a different alignment.
+
 **Accessibility:**
 - Handled for you: group semantics
 - Handled for you: roving tabindex across the tags

package/dist/llms/components/quantic-text-input.md

@@ -24,6 +24,9 @@ Single-line text field with native form association. Wrap in quantic-field to ad
 - `prefix`: Leading content (e.g. icon or currency symbol).
 - `suffix`: Trailing content (e.g. icon or unit label).
 
+**Parts:**
+- `::part(input)`: The native input element.
+
 **Accessibility:**
 - Handled for you: form association
 - Handled for you: native input semantics and keyboard behaviour

package/dist/llms/components/quantic-textarea.md

@@ -21,6 +21,9 @@ Multi-line text field with native form association. Wrap in quantic-field to add
 **Events:**
 - `value-changed` → `{ value: string }`: Fired whenever the value changes, from user input or a programmatic update. Not fired on initial render.
 
+**Parts:**
+- `::part(input)`: The native textarea element.
+
 **Accessibility:**
 - Handled for you: form association
 - Handled for you: native textarea semantics

package/dist/llms/setup.md

@@ -30,7 +30,7 @@ pnpm add @ctrliq/quantic-components @ctrliq/quantic-css @ctrliq/quantic-tokens @
 The guard packages are separate and go in `devDependencies`:
 
 ```bash
-pnpm add -D @ctrliq/quantic-eslint-config @ctrliq/quantic-stylelint-config @ctrliq/quantic-tsconfig
+pnpm add -D @ctrliq/quantic-eslint-config @ctrliq/quantic-stylelint-config @ctrliq/quantic-prettier-config @ctrliq/quantic-tsconfig prettier
 ```
 
 ## Stylesheets

package/dist/llms.txt

@@ -37,7 +37,7 @@ pnpm add @ctrliq/quantic-components @ctrliq/quantic-css @ctrliq/quantic-tokens @
 The guard packages are separate and go in `devDependencies`:
 
 ```bash
-pnpm add -D @ctrliq/quantic-eslint-config @ctrliq/quantic-stylelint-config @ctrliq/quantic-tsconfig
+pnpm add -D @ctrliq/quantic-eslint-config @ctrliq/quantic-stylelint-config @ctrliq/quantic-prettier-config @ctrliq/quantic-tsconfig prettier
 ```
 
 ### Stylesheets