minerva-design 1.0.0 → 1.0.2

package/dist/core/styling-hooks/components/date-picker.d.cts

@@ -0,0 +1,45 @@
+declare const _default: {
+    readonly description: "A local date field with an accessible popup month calendar";
+    readonly react: readonly ["DatePicker"];
+    readonly wc: "minerva-date-picker";
+    readonly parts: {
+        readonly root: {
+            readonly description: "The field wrapper (anchor of the panel)";
+            readonly states: readonly ["state", "disabled", "readonly", "invalid", "size"];
+        };
+        readonly control: {
+            readonly description: "The input box (web components only: React renders a nested Input, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly input: {
+            readonly description: "The native <input> (web components only: React renders a nested Input, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly "clear-button": {
+            readonly description: "The clear button (web components only: React renders a nested IconButton, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly icon: {
+            readonly description: "The calendar icon (shown when there is no clear button)";
+        };
+        readonly day: {
+            readonly description: "A calendar day cell (web components only)";
+            readonly only: "wc";
+        };
+        readonly content: {
+            readonly description: "The popup panel (role=dialog)";
+            readonly states: readonly ["state", "side", "align", "placement"];
+        };
+    };
+    readonly states: {
+        readonly state: readonly ["open", "closed"];
+        readonly disabled: true;
+        readonly readonly: true;
+        readonly invalid: true;
+        readonly size: readonly ["small", "medium", "large"];
+        readonly side: readonly ["top", "bottom"];
+        readonly align: readonly ["start", "end"];
+        readonly placement: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+    };
+};
+export default _default;

package/dist/core/styling-hooks/components/date-picker.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    readonly description: "A local date field with an accessible popup month calendar";
+    readonly react: readonly ["DatePicker"];
+    readonly wc: "minerva-date-picker";
+    readonly parts: {
+        readonly root: {
+            readonly description: "The field wrapper (anchor of the panel)";
+            readonly states: readonly ["state", "disabled", "readonly", "invalid", "size"];
+        };
+        readonly control: {
+            readonly description: "The input box (web components only: React renders a nested Input, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly input: {
+            readonly description: "The native <input> (web components only: React renders a nested Input, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly "clear-button": {
+            readonly description: "The clear button (web components only: React renders a nested IconButton, style its hooks)";
+            readonly only: "wc";
+        };
+        readonly icon: {
+            readonly description: "The calendar icon (shown when there is no clear button)";
+        };
+        readonly day: {
+            readonly description: "A calendar day cell (web components only)";
+            readonly only: "wc";
+        };
+        readonly content: {
+            readonly description: "The popup panel (role=dialog)";
+            readonly states: readonly ["state", "side", "align", "placement"];
+        };
+    };
+    readonly states: {
+        readonly state: readonly ["open", "closed"];
+        readonly disabled: true;
+        readonly readonly: true;
+        readonly invalid: true;
+        readonly size: readonly ["small", "medium", "large"];
+        readonly side: readonly ["top", "bottom"];
+        readonly align: readonly ["start", "end"];
+        readonly placement: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+    };
+};
+export default _default;

package/dist/core/styling-hooks/manifest.d.cts

@@ -639,6 +639,50 @@ export declare const stylingHooks: {
             readonly variant: readonly ["simple", "striped", "bordered"];
         };
     };
+    readonly "date-picker": {
+        readonly description: "A local date field with an accessible popup month calendar";
+        readonly react: readonly ["DatePicker"];
+        readonly wc: "minerva-date-picker";
+        readonly parts: {
+            readonly root: {
+                readonly description: "The field wrapper (anchor of the panel)";
+                readonly states: readonly ["state", "disabled", "readonly", "invalid", "size"];
+            };
+            readonly control: {
+                readonly description: "The input box (web components only: React renders a nested Input, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly input: {
+                readonly description: "The native <input> (web components only: React renders a nested Input, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly "clear-button": {
+                readonly description: "The clear button (web components only: React renders a nested IconButton, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly icon: {
+                readonly description: "The calendar icon (shown when there is no clear button)";
+            };
+            readonly day: {
+                readonly description: "A calendar day cell (web components only)";
+                readonly only: "wc";
+            };
+            readonly content: {
+                readonly description: "The popup panel (role=dialog)";
+                readonly states: readonly ["state", "side", "align", "placement"];
+            };
+        };
+        readonly states: {
+            readonly state: readonly ["open", "closed"];
+            readonly disabled: true;
+            readonly readonly: true;
+            readonly invalid: true;
+            readonly size: readonly ["small", "medium", "large"];
+            readonly side: readonly ["top", "bottom"];
+            readonly align: readonly ["start", "end"];
+            readonly placement: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+        };
+    };
     readonly "description-list": {
         readonly description: "Labeled metadata fields as a native <dl> of term / description rows";
         readonly react: readonly ["DescriptionList"];

package/dist/core/styling-hooks/manifest.d.ts

@@ -639,6 +639,50 @@ export declare const stylingHooks: {
             readonly variant: readonly ["simple", "striped", "bordered"];
         };
     };
+    readonly "date-picker": {
+        readonly description: "A local date field with an accessible popup month calendar";
+        readonly react: readonly ["DatePicker"];
+        readonly wc: "minerva-date-picker";
+        readonly parts: {
+            readonly root: {
+                readonly description: "The field wrapper (anchor of the panel)";
+                readonly states: readonly ["state", "disabled", "readonly", "invalid", "size"];
+            };
+            readonly control: {
+                readonly description: "The input box (web components only: React renders a nested Input, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly input: {
+                readonly description: "The native <input> (web components only: React renders a nested Input, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly "clear-button": {
+                readonly description: "The clear button (web components only: React renders a nested IconButton, style its hooks)";
+                readonly only: "wc";
+            };
+            readonly icon: {
+                readonly description: "The calendar icon (shown when there is no clear button)";
+            };
+            readonly day: {
+                readonly description: "A calendar day cell (web components only)";
+                readonly only: "wc";
+            };
+            readonly content: {
+                readonly description: "The popup panel (role=dialog)";
+                readonly states: readonly ["state", "side", "align", "placement"];
+            };
+        };
+        readonly states: {
+            readonly state: readonly ["open", "closed"];
+            readonly disabled: true;
+            readonly readonly: true;
+            readonly invalid: true;
+            readonly size: readonly ["small", "medium", "large"];
+            readonly side: readonly ["top", "bottom"];
+            readonly align: readonly ["start", "end"];
+            readonly placement: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+        };
+    };
     readonly "description-list": {
         readonly description: "Labeled metadata fields as a native <dl> of term / description rows";
         readonly react: readonly ["DescriptionList"];

package/dist/core/styling-hooks.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`open`,`closed`,`checked`,`unchecked`,`indeterminate`,`active`,`inactive`],t=[`disabled`,`invalid`,`readonly`,`loading`,`required`,`highlighted`,`current`,`dragging`,`selected`,`expanded`,`today`,`outside`],n=[`size`,`variant`,`color`,`orientation`,`side`,`align`,`placement`,`shape`,`status`,`sort`,`fill`],r={component:`data-minerva`,part:`data-part`},i=e=>`data-${e}`;function a(e,n){return e===`state`?String(n):t.includes(e)?e:`${e}-${n}`}var o=`--`;function s(e,t,n){return`${e}--${a(t,n)}`}var c=`Adding a component, part, state (component or item state) or state value is a minor change. Removing or renaming one is a major change. Class names and DOM structure without hooks are private.`,l=e=>e,u={alert:l({description:`An inline message with an icon, a title, a description, an action and optional close / collapse buttons`,react:[`Alert`],wc:`minerva-alert`,parts:{root:{description:`The alert (role=alert for danger / warning, status otherwise); state open / closed only while collapsible`},icon:{description:`The icon (role=img)`},title:{description:`The title (holds the collapse button)`},trigger:{description:`The expand / collapse button of a collapsible alert`},description:{description:`The message`},action:{description:`The action wrapper`},"close-button":{description:`The close button`}},states:{state:[`open`,`closed`],size:[`small`,`medium`,`large`],variant:[`subtle`,`outline`,`solid`],color:[`info`,`success`,`warning`,`danger`]}}),"app-shell":l({description:`Application chrome: a collapsible sidebar, a header, the main landmark and a mobile navigation drawer`,react:[`AppShell`],wc:`minerva-app-shell`,parts:{root:{description:"The shell (`state`: whether the mobile navigation drawer is open)",states:[`state`]},"skip-link":{description:`The skip to content link`},sidebar:{description:`The desktop sidebar (<aside>)`},header:{description:`The header bar`},main:{description:`The <main> landmark`},overlay:{description:`The backdrop of the mobile drawer`,states:[`state`]},content:{description:`The mobile navigation drawer (role=dialog)`,states:[`state`]},"close-button":{description:`The close button of the mobile drawer`}},states:{state:[`open`,`closed`]}}),autocomplete:l({description:`A text input (combobox) suggesting filtered options in a dropdown listbox`,react:[`AutoComplete`],wc:`minerva-autocomplete`,parts:{root:{description:`The root wrapper (label, field and anchor of the dropdown)`,states:[`state`,`disabled`,`readonly`,`loading`]},label:{description:`The visible label`},field:{description:`The input box (web components only: React renders a nested Input, style its hooks)`,only:`wc`},input:{description:`The native <input role=combobox> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},content:{description:`The positioned dropdown`,states:[`state`,`side`,`align`,`placement`]},list:{description:`The role=listbox list`},item:{description:`An option. Item states: highlighted (active option or hovered), disabled`,itemStates:{highlighted:!0,disabled:!0}},"group-label":{description:`A group heading`},empty:{description:`The empty state (no matching option)`},loading:{description:`The loading state (while loading)`}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,loading:!0,side:[`top`,`right`,`bottom`,`left`],align:[`start`,`end`],placement:[`top-start`,`top-end`,`right-start`,`right-end`,`bottom-start`,`bottom-end`,`left-start`,`left-end`]}}),avatar:l({description:`A picture of a person, falling back to their initials or custom content`,react:[`Avatar`],wc:`minerva-avatar`,parts:{root:{description:`The avatar box (role=img while the fallback is shown); no size state for a size in pixels`},image:{description:`The <img>`},fallback:{description:`The initials / fallback content wrapper (no image)`}},states:{size:[`xsmall`,`small`,`medium`,`large`,`xlarge`,`xxlarge`],shape:[`circle`,`square`,`rounded`]}}),"avatar-group":l({description:`Overlapping avatars with an optional "+N" indicator`,react:[`AvatarGroup`],wc:`minerva-avatar-group`,parts:{root:{description:`The group (role=group)`},item:{description:`The wrapper of each visible avatar`},count:{description:`The "+N" indicator of the hidden avatars`}},states:{}}),badge:l({description:`A small count or status indicator, standalone or attached to a corner of an element`,react:[`Badge`],wc:`minerva-badge`,parts:{root:{description:`The outermost element: the badge itself when standalone, the wrapper of the children when attached`},badge:{description:`The badge attached to a corner of the children (a standalone badge is the root)`,states:[`size`,`variant`,`color`]},icon:{description:`The icon before the content`}},states:{size:[`small`,`medium`,`large`],variant:[`solid`,`subtle`,`outline`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),box:l({description:`A polymorphic container with padding, margin, size, background, radius and shadow shorthands`,react:[`Box`],wc:`minerva-box`,parts:{root:{description:"The rendered element (`as`). React only: the <minerva-box> element itself is the box (style the element)",only:`react`}},states:{}}),button:l({description:`A native button with a color, a variant, a size and states`,react:[`Button`],wc:`minerva-button`,parts:{root:{description:`The native <button>`},label:{description:`The label wrapper`},"start-icon":{description:`The icon before the label`},"end-icon":{description:`The icon after the label`},spinner:{description:`The loading spinner (while loading)`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`xsmall`,`small`,`medium`,`large`,`xlarge`],variant:[`solid`,`outline`,`ghost`,`link`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`square`,`rounded`,`circle`]}}),card:l({description:`A content container of header, content and footer sections; optionally a link or a button`,react:[`Card`],wc:`minerva-card`,parts:{root:{description:`The card root (div, article, section, a or button)`}},states:{variant:[`default`,`outline`,`elevated`,`filled`,`ghost`],disabled:!0}}),"card-content":l({description:`The main body of a card`,react:[`CardContent`],wc:`minerva-card-content`,parts:{root:{description:`The section box`}},states:{}}),"card-description":l({description:`The secondary text below a card title`,react:[`CardDescription`],wc:`minerva-card-description`,parts:{root:{description:`The paragraph`}},states:{}}),"card-footer":l({description:`The bottom section of a card, e.g. for actions`,react:[`CardFooter`],wc:`minerva-card-footer`,parts:{root:{description:`The section box`}},states:{}}),"card-header":l({description:`The top section of a card, usually holding its title and description`,react:[`CardHeader`],wc:`minerva-card-header`,parts:{root:{description:`The section box`}},states:{}}),"card-title":l({description:`The heading of a card (h3 by default)`,react:[`CardTitle`],wc:`minerva-card-title`,parts:{root:{description:`The heading element`}},states:{}}),cascader:l({description:`A field picking a path in a tree of options through cascading columns (optionally searchable)`,react:[`Cascader`],wc:`minerva-cascader`,parts:{root:{description:`The root wrapper (anchor of the dropdown)`,states:[`state`,`disabled`,`readonly`,`invalid`]},control:{description:`The field box (input, clear button, chevron)`},input:{description:`The native <input role=combobox> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},"clear-button":{description:`The clear button (while there is a value)`},icon:{description:`The chevron`},content:{description:`The positioned dropdown`,states:[`state`,`side`,`align`,`placement`]},column:{description:`A column of options (role=listbox)`},item:{description:`An option (column option or search result). Item states: selected (on the selected path), expanded (its children column is shown; never the selected leaf at the end of the path), disabled, loading (children loading)`,itemStates:{selected:!0,expanded:!0,disabled:!0,loading:!0}}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,invalid:!0,side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),checkbox:l({description:`A native checkbox with a label, a helper text and an indeterminate state`,react:[`Checkbox`],wc:`minerva-checkbox`,parts:{root:{description:`The wrapper (the clickable row and the helper text)`},input:{description:`The native <input type="checkbox">`},control:{description:`The visual box (draws the checkmark)`},label:{description:`The label text`},"helper-text":{description:`The helper / error text`}},states:{state:[`checked`,`unchecked`,`indeterminate`],disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`info`,`warning`,`danger`],shape:[`square`,`circle`,`rounded`]}}),"code-block":l({description:`A scrollable, focusable block of source text with an optional copy button`,react:[`CodeBlock`],wc:`minerva-code-block`,parts:{root:{description:`The positioned outer wrapper of the region and its actions (only when copyable, or with a language label)`},region:{description:`The <pre> scroll region (role=region): the visible box of the code`},code:{description:`The <code> element`},language:{description:`The language label. Web components only: React's CodeBlock has no language prop`,only:`wc`},"copy-button":{description:`The copy button (while copyable). Web components only: React renders an IconButton, which has its own hooks`,only:`wc`}},states:{}}),"code-editor":l({description:`A labelled Monaco code editor on a local engine, degrading to a textarea with a retry action`,react:[`MonacoCodeEditor`],wc:`minerva-code-editor`,parts:{root:{description:`The role=group root`},label:{description:`The visible label`},surface:{description:`The editor surface (sized by the height)`},loading:{description:`The loading indicator (while the editor loads)`},error:{description:`The unavailable message and retry action (when the editor failed)`},fallback:{description:`The fallback <textarea> (when the editor failed)`},"retry-button":{description:`The retry button. Web components only: React renders a Button, which has its own hooks`,only:`wc`}},states:{disabled:!0,loading:!0}}),"command-dialog":l({description:`A searchable command palette in a modal dialog`,react:[`CommandDialog`],wc:`minerva-command-dialog`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`]},header:{description:`The title row (accessible name of the dialog)`},description:{description:`The description below the title`},search:{description:`The search field (icon, input and Enter hint)`},input:{description:`The search input (role=combobox)`},list:{description:`The results list (role=listbox)`},item:{description:`A result (role=option). Item state: highlighted (active result)`,itemStates:{highlighted:!0}},empty:{description:`The text shown when no command matches`}},states:{state:[`open`,`closed`]}}),"confirm-dialog":l({description:`A small modal alertdialog asking to confirm an action (Cancel / Confirm)`,react:[`ConfirmDialog`],wc:`minerva-confirm-dialog`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=alertdialog)`,states:[`state`,`color`,`loading`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title`},body:{description:`The optional extra content`},footer:{description:`The actions row (Cancel and Confirm buttons)`},"cancel-button":{description:`The Cancel <minerva-button> (web components only: in React it is a Button with its own hooks, [data-minerva=button] in the footer)`,only:`wc`},"confirm-button":{description:`The Confirm <minerva-button> (web components only: in React it is a Button with its own hooks, [data-minerva=button] in the footer)`,only:`wc`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],color:[`primary`,`danger`,`warning`],loading:!0}}),"context-menu":l({description:`A menu opened at the pointer on right click / long press / Shift+F10 in its area`,react:[`ContextMenu`],wc:`minerva-context-menu`,parts:{trigger:{description:`The area: the native element child of ContextMenu (state open / closed, disabled). React only: a component child (e.g. a Minerva Card) keeps its own hooks; on the web components the area is your own child element, style it from the host states (minerva-context-menu:state(open) > .my-area)`,states:[`state`,`disabled`],only:`react`},content:{description:`A menu panel (role=menu: the root menu and its submenus, each with its own placement)`,states:[`state`,`size`,`side`,`align`,`placement`]},item:{description:`An item (role=menuitem, menuitemcheckbox or menuitemradio). Item states: highlighted (focused), disabled, checked / unchecked (checkbox and radio items), expanded (submenu trigger while its submenu is open)`,itemStates:{highlighted:!0,disabled:!0,state:[`checked`,`unchecked`],expanded:!0}},"item-indicator":{description:`The check mark / radio dot of a checkbox or radio item`},icon:{description:`The icon of an item`},"item-label":{description:`The label of an item`},shortcut:{description:`The keyboard shortcut hint of an item`},group:{description:`A group of entries (role=group, also radio groups)`},label:{description:`A group heading or section label`},separator:{description:`A separator`}},states:{state:[`open`,`closed`],disabled:!0,size:[`small`,`medium`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),"data-table":l({description:`A data table with sortable columns, row selection, fixed columns, empty / loading / error states and pagination`,react:[`DataTable`,`Table`,`TableRoot`,`TableRow`,`TableHeader`,`TableCell`],wc:`minerva-data-table`,parts:{root:{description:`The outer wrapper of the table, the error state and the pagination (React: rendered by DataTable only)`},viewport:{description:`The scroll wrapper of the table (a focusable region while it scrolls)`},table:{description:`The <table>`,states:[`size`,`variant`]},row:{description:`A <tr> (header and body rows; selected rows have aria-selected=true). Item state: selected (body rows)`,itemStates:{selected:!0}},"header-cell":{description:`A <th> column header (sortable headers have aria-sort). Item state: sort (sortable headers only)`,itemStates:{sort:[`ascending`,`descending`,`none`]}},cell:{description:`A <td> body cell`},"sort-button":{description:`The sort button of a sortable header`},checkbox:{description:`A row / select-all selection checkbox`},empty:{description:`The cell of the empty state`},skeleton:{description:`A skeleton bar of the loading rows`},error:{description:`The error state (role=alert)`},"retry-button":{description:`The retry button of the error state. Web components only: React renders a Button, which has its own hooks`,only:`wc`},pagination:{description:`The <minerva-pagination> (its root and item parts are exported as pagination-root / pagination-item). Web components only: React renders a Pagination, which has its own hooks`,only:`wc`}},states:{loading:!0,size:[`small`,`medium`,`large`],variant:[`simple`,`striped`,`bordered`]}}),"description-list":l({description:`Labeled metadata fields as a native <dl> of term / description rows`,react:[`DescriptionList`],wc:`minerva-description-list`,parts:{root:{description:`The <dl>`},row:{description:`Each row (one term / description pair)`},term:{description:`Each <dt>`},description:{description:`Each <dd>`}},states:{}}),divider:l({description:`A horizontal or vertical separator line, optionally with text (horizontal only)`,react:[`Divider`],wc:`minerva-divider`,parts:{root:{description:`The <hr>, or the role=separator element of a divider with text (align: position of the text)`},label:{description:`The text between the two halves of the line`}},states:{orientation:[`horizontal`,`vertical`],variant:[`solid`,`dashed`,`dotted`],align:[`left`,`center`,`right`]}}),drawer:l({description:`A side panel dialog sliding in from an edge over an overlay`,react:[`Drawer`,`DrawerContent`,`DrawerHeader`,`DrawerBody`,`DrawerFooter`],wc:`minerva-drawer`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`,`side`,`size`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title (visually hidden when no description is given)`},body:{description:`The scrollable body`},footer:{description:`The actions row`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],side:[`left`,`right`,`top`,`bottom`],size:[`small`,`medium`,`large`,`full`]}}),empty:l({description:`An empty state: icon, title, description, actions and footer content`,react:[`Empty`],wc:`minerva-empty`,parts:{root:{description:`The region (role=status); size only for the unframed sized layout`},icon:{description:`The icon wrapper`},title:{description:`The title (accessible name of the region)`},description:{description:`The description`},actions:{description:`The actions row`},footer:{description:`The footer content`}},states:{size:[`small`,`medium`,`large`]}}),"form-control":l({description:`A field container: a label with a required indicator, one control, a helper text and an error message`,react:[`FormControl`,`FormLabel`,`FormHelperText`,`FormErrorMessage`,`FormField`],wc:`minerva-form-control`,parts:{root:{description:`The field container`},label:{description:`The <label>`},"required-indicator":{description:`The required marker of the label`},"helper-text":{description:`The helper text (hidden while invalid)`},"error-message":{description:`The error message (role="alert", while invalid)`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0}}),"form-layout":l({description:`A responsive column grid for form fields`,react:[`FormLayout`],wc:`minerva-form-layout`,parts:{root:{description:`The form layout box (React: the native <form>; web components: the grid's query container, inside your own <form>)`},layout:{description:"The grid. Web components only: React renders a nested ResponsiveGrid (style its `responsive-grid` hooks)",only:`wc`}},states:{}}),"grid-item":l({description:`A cell of a responsive grid, optionally spanning the full row`,react:[`GridItem`],wc:`minerva-grid-item`,parts:{root:{description:"The grid cell (or the `asChild` child). React only: the <minerva-grid-item> element itself is the cell (style the element)",only:`react`}},states:{}}),hstack:l({description:`A horizontal stack (row), centered on the cross axis by default`,react:[`HStack`],wc:`minerva-hstack`,parts:{root:{description:`The flex container`}},states:{}}),"html-preview":l({description:`A sandboxed iframe preview of sanitized HTML, at desktop or mobile width`,react:[`HtmlPreview`],wc:`minerva-html-preview`,parts:{root:{description:`The scrolling container`},frame:{description:`The sandboxed <iframe>`}},states:{}}),"icon-button":l({description:`A button that only contains an icon, with a tooltip, toggle and loading states`,react:[`IconButton`],wc:`minerva-icon-button`,parts:{root:{description:`The native <button>; state active while a toggle button is pressed, inactive otherwise`},icon:{description:`The icon wrapper (hidden from assistive technologies)`},spinner:{description:`The loading indicator (while loading)`},tooltip:{description:`The tooltip (role=tooltip). Web components only: React wraps the button in a <Tooltip> component, which has its own hooks`,only:`wc`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`xsmall`,`small`,`medium`,`large`],variant:[`ghost`,`solid`,`outline`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`circle`,`square`]}}),input:l({description:`A single-line text field with prefix / suffix, clear button, password toggle and character count`,react:[`Input`],wc:`minerva-input`,parts:{root:{description:`The field box (wraps the input and its addons)`},input:{description:`The native <input>`},prefix:{description:`The content before the text`},suffix:{description:`The content after the text`},"clear-button":{description:`The clear button (while there is a value)`},"password-toggle":{description:`The password visibility toggle (type=password)`},count:{description:`The character counter`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],variant:[`outline`,`filled`,`unstyled`]}}),"json-field":l({description:`A strict-JSON text field with a format button and syntax feedback`,react:[`JsonField`],wc:`minerva-json-field`,parts:{root:{description:`The wrapper`},toolbar:{description:`The toolbar above the text (format button)`},"format-button":{description:`The format button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},input:{description:`The native <textarea> (web components only: React renders a Textarea, styled with its own hooks)`,only:`wc`},status:{description:`The validation status line (role=status)`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0}}),"key-value-editor":l({description:`An editable list of key / value rows (headers, metadata, variables)`,react:[`KeyValueEditor`],wc:`minerva-key-value-editor`,parts:{root:{description:`The container`},row:{description:`Each row (key field, value field and remove button). Item state: invalid (the key or the value has an error)`,itemStates:{invalid:!0}},"remove-button":{description:`The remove button of a row (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},"add-button":{description:`The add button (web components only: React renders a Button, styled with its own hooks)`,only:`wc`}},states:{disabled:!0}}),list:l({description:`A quiet operational list of rows (role=list)`,react:[`List`],wc:`minerva-list`,parts:{root:{description:`The list (React: the <ul>; web components: its wrapper)`}},states:{}}),"list-item":l({description:`A list row with primary / secondary text, a decorative icon and actions`,react:[`ListItem`],wc:`minerva-list-item`,parts:{root:{description:`The row`},icon:{description:`The decorative leading icon wrapper`},label:{description:`The primary text`},description:{description:`The secondary text`},actions:{description:`The trailing actions wrapper`}},states:{}}),"loading-state":l({description:`A page / route / section loading presentation: a spinner next to a label in a polite status region`,react:[`LoadingState`],wc:`minerva-loading-state`,parts:{root:{description:`The status region`},spinner:{description:`The decorative spinner (wraps a ProgressIndicator in React; the <minerva-progress> element in the web components)`},label:{description:`The label`}},states:{size:[`small`,`medium`,`large`]}}),menu:l({description:`An action menu opened from a trigger button, with submenus, checkbox and radio items`,react:[`Menu`],wc:`minerva-menu`,parts:{trigger:{description:`The trigger: the native element child of Menu (state open / closed, disabled). React only: a component child (e.g. a Minerva Button) keeps its own hooks and gets aria-expanded; on the web components the trigger is your slotted element, style it from the host states (minerva-menu:state(open) > [slot=trigger])`,states:[`state`,`disabled`],only:`react`},content:{description:`A menu panel (role=menu: the root menu and its submenus, each with its own placement)`,states:[`state`,`size`,`side`,`align`,`placement`]},item:{description:`An item (role=menuitem, menuitemcheckbox or menuitemradio). Item states: highlighted (focused), disabled, checked / unchecked (checkbox and radio items), expanded (submenu trigger while its submenu is open)`,itemStates:{highlighted:!0,disabled:!0,state:[`checked`,`unchecked`],expanded:!0}},"item-indicator":{description:`The check mark / radio dot of a checkbox or radio item`},icon:{description:`The icon of an item`},"item-label":{description:`The label of an item`},shortcut:{description:`The keyboard shortcut hint of an item`},group:{description:`A group of entries (role=group, also radio groups)`},label:{description:`A group heading or section label`},separator:{description:`A separator`}},states:{state:[`open`,`closed`],disabled:!0,size:[`small`,`medium`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),modal:l({description:`A modal dialog over an overlay`,react:[`Modal`,`ModalContent`,`ModalHeader`,`ModalBody`,`ModalFooter`],wc:`minerva-modal`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`,`size`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title`},body:{description:`The scrollable body`},footer:{description:`The actions row`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],size:[`small`,`medium`,`large`,`xlarge`,`full`]}}),"month-calendar":l({description:`A month grid of days with event counts, navigation and the events of the selected day`,react:[`MonthCalendar`],wc:`minerva-month-calendar`,parts:{root:{description:`The calendar <section>`},heading:{description:`The month heading`},"nav-button":{description:`The previous / today / next buttons`},grid:{description:`The role=grid element`},day:{description:`A day cell (role=gridcell). Item states: selected, today, outside (day of the previous / next month), disabled`,itemStates:{selected:!0,today:!0,outside:!0,disabled:!0}},events:{description:`The events section of the selected day`},event:{description:`An event (a button when events are clickable)`},empty:{description:`The text shown when the selected day has no event`}},states:{disabled:!0,size:[`small`,`medium`,`large`]}}),"nav-tree":l({description:`Sidebar navigation with sections, nested expandable branches, an active item and a compact mode`,react:[`NavTree`],wc:`minerva-nav-tree`,parts:{root:{description:`The <nav> landmark`},group:{description:`A section of items`},"group-label":{description:`The title of a section`},item:{description:`A link / button row (aria-current=page when active, aria-expanded on branches; not rendered by renderLink). Item states: current (active link), expanded (open branch), disabled`,itemStates:{current:!0,expanded:!0,disabled:!0}},icon:{description:`The icon of an item`},label:{description:`The label of an item`},description:{description:`The secondary text of an item`}},states:{}}),"number-input":l({description:`A numeric field (spinbutton) with min / max / step and stepper buttons`,react:[`NumberInput`],wc:`minerva-number-input`,parts:{root:{description:`The field box (wraps the input and the stepper)`},input:{description:`The native <input> (role="spinbutton")`},stepper:{description:`The increment / decrement column`},increment:{description:`The increment button`},decrement:{description:`The decrement button`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`]}}),option:l({description:`A selectable option of a select (role=option); its states are the item states of the select's options: selected, highlighted, disabled`,react:[`SelectItem`],wc:`minerva-option`,parts:{root:{description:`The option row`},label:{description:`The content wrapper`},indicator:{description:`The check mark (while selected)`}},states:{selected:!0,highlighted:!0,disabled:!0}}),"option-group":l({description:`A group of select options (role=group), labelled by a select-label`,react:[`SelectGroup`],wc:`minerva-option-group`,parts:{root:{description:`The group wrapper`}},states:{}}),page:l({description:`The padded, vertically spaced column of a screen's content`,react:[`Page`],wc:`minerva-page`,parts:{root:{description:`The page column`}},states:{}}),"page-header":l({description:`The page heading (h1) with an optional description and actions`,react:[`PageHeader`],wc:`minerva-page-header`,parts:{root:{description:`The <header>`},title:{description:`The <h1>`},description:{description:`The description paragraph`},actions:{description:`The actions wrapper`}},states:{}}),"page-section":l({description:`A page region named by its h2 title, with optional description, icon and actions`,react:[`PageSection`],wc:`minerva-page-section`,parts:{root:{description:`The <section>`},header:{description:`The title row (title, description and actions)`},title:{description:`The <h2>`},icon:{description:`The decorative icon wrapper, inside the title`},description:{description:`The description paragraph`},actions:{description:`The actions wrapper`}},states:{}}),"page-tab":l({description:`One open page of a page tabs strip`,react:[`PageTab`],wc:`minerva-page-tab`,parts:{root:{description:`The item wrapper`},trigger:{description:`The label <button> (selects the page)`},icon:{description:`The icon before the label`},label:{description:`The (truncated) label`},action:{description:`The wrapper of the separate control next to the label`},"close-button":{description:"The built-in close button (`closable`; React passes its own control as `action`)",only:`wc`}},states:{current:!0,disabled:!0}}),"page-tabs":l({description:`A horizontally scrolling strip of open application pages (route navigation)`,react:[`PageTabs`],wc:`minerva-page-tabs`,parts:{root:{description:`The <nav> landmark`},viewport:{description:`The scrolling viewport of the items`},list:{description:`The item list`},"scroll-button":{description:`The scroll left / right buttons (while the items overflow). Web components only: React renders IconButton components, which have their own hooks`,only:`wc`},actions:{description:`The global actions after the list`}},states:{}}),pagination:l({description:`Page navigation with page buttons, an optional total, quick jumper and page size selector`,react:[`Pagination`],wc:`minerva-pagination`,parts:{root:{description:`The <nav> landmark`},item:{description:`A page / previous / next / jump button (the current page has aria-current=page). Item states: current (the current page), disabled`,itemStates:{current:!0,disabled:!0}},total:{description:`The total text`},jumper:{description:`The quick jumper label (wraps its input)`},"size-changer":{description:`The page size <select>`},"simple-input":{description:`The page input of the simple mode`}},states:{disabled:!0,size:[`small`,`medium`,`large`],shape:[`circle`,`rounded`,`square`],variant:[`solid`,`outline`,`ghost`]}}),"palette-toggle":l({description:`A color palette switch (a group of toggle buttons), orthogonal to the light / dark mode`,react:[`PaletteToggle`],wc:`minerva-palette-toggle`,parts:{root:{description:`The role=group wrapper`},item:{description:`Every option button (aria-pressed on the selected one). Item state: active (the selected palette, aria-pressed) / inactive`,itemStates:{state:[`active`,`inactive`]}}},states:{}}),popover:l({description:`A click-triggered interactive panel (role=dialog) anchored to its trigger`,react:[`PopoverTrigger`,`PopoverContent`],wc:`minerva-popover`,parts:{trigger:{description:`The trigger <button> (React only: the web component's trigger is the slotted element, style it directly; not rendered with asChild, the child keeps its own hooks)`,states:[`state`],only:`react`},content:{description:`The positioned panel (role=dialog)`,states:[`state`,`side`,`align`,`placement`]},arrow:{description:`The arrow pointing at the anchor (with arrow)`}},states:{state:[`open`,`closed`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),progress:l({description:`An indeterminate loading indicator: spinner, circle, wave, bar or dotted bar`,react:[`ProgressIndicator`],wc:`minerva-progress`,parts:{root:{description:`The indicator (role=progressbar unless decorative); color current follows the text color`},icon:{description:`The icon before the indicator`},indicator:{description:`The animated indicator (ring, wave or bar)`},label:{description:`The visible label`}},states:{variant:[`spinner`,`bar`,`wave`,`circle`,`dotted-bar`],size:[`xsmall`,`small`,`medium`,`large`,`xlarge`],color:[`primary`,`neutral`,`current`]}}),prose:l({description:`Theme-aware typography for semantic HTML (articles, Markdown)`,react:[`Prose`],wc:`minerva-prose`,parts:{root:{description:"The typography container (or the `asChild` child). React only: the <minerva-prose> element itself is the container (style the element)",only:`react`}},states:{}}),radio:l({description:`A radio button with a label and a helper / error text`,react:[`Radio`],wc:`minerva-radio`,parts:{root:{description:`The wrapper (the clickable row and the helper text)`},input:{description:`The native <input type="radio"> (React only: the web component host is the radio itself)`,only:`react`},control:{description:`The visual radio mark`},label:{description:`The label text`},"helper-text":{description:`The helper / error text`}},states:{state:[`checked`,`unchecked`],disabled:!0,invalid:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`warning`,`danger`]}}),"radio-group":l({description:`A set of radios of which one can be selected, with a label and a helper text`,react:[`RadioGroup`],wc:`minerva-radio-group`,parts:{root:{description:`The wrapper`},label:{description:`The visible group label`},list:{description:`The element with role="radiogroup" (the radios)`},"helper-text":{description:`The helper text`}},states:{disabled:!0,invalid:!0,required:!0,orientation:[`horizontal`,`vertical`],size:[`small`,`medium`,`large`],color:[`primary`,`success`,`warning`,`danger`]}}),rating:l({description:`A score drawn as 5 stars, display-only or an interactive slider, optionally followed by the value and the number of ratings`,react:[`Rating`],wc:`minerva-rating`,parts:{root:{description:`The root (role="slider", or role="img" when display-only)`},stars:{description:`The star row`},star:{description:`Each star. Item state: fill`,itemStates:{fill:[`full`,`half`,`empty`]}},value:{description:`The score and the count`},count:{description:`The number of ratings`}},states:{readonly:!0,size:[`small`,`medium`,`large`]}}),"rating-scale":l({description:`Several labelled ratings sharing one scale (one rating per row)`,react:[`RatingScale`],wc:`minerva-rating-scale`,parts:{root:{description:`The list of rows`},row:{description:`Each row (a label and a rating)`},label:{description:`The label of a row`}},states:{readonly:!0,size:[`small`,`medium`,`large`]}}),"responsive-grid":l({description:`An equal-width column grid whose column count follows its own width (container queries)`,react:[`ResponsiveGrid`],wc:`minerva-responsive-grid`,parts:{root:{description:`The query container`},layout:{description:`The grid (its children are the grid items)`}},states:{}}),select:l({description:`A single-choice dropdown: a combobox trigger and a listbox popup of options`,react:[`Select`],wc:`minerva-select`,parts:{root:{description:`The trigger (<button role=combobox>)`,states:[`state`,`disabled`,`invalid`,`required`,`size`]},value:{description:`The selected label / placeholder`},icon:{description:`The chevron`},content:{description:`The listbox popup (role=listbox)`,states:[`state`,`side`,`align`,`placement`]},item:{description:"An option rendered from the `options` property (web components only: React options are SelectItem elements, see option). Item states: selected, highlighted, disabled",only:`wc`,itemStates:{selected:!0,highlighted:!0,disabled:!0}},"group-label":{description:"A group heading rendered from the `options` property (web components only: React uses SelectLabel, see select-label)",only:`wc`}},states:{state:[`open`,`closed`],disabled:!0,invalid:!0,required:!0,size:[`small`,`medium`,`large`],side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),"select-label":l({description:`The (non-selectable) heading of a group of select options`,react:[`SelectLabel`],wc:`minerva-select-label`,parts:{root:{description:`The label`}},states:{}}),"select-separator":l({description:`A presentational divider between select options or groups`,react:[`SelectSeparator`],wc:`minerva-select-separator`,parts:{root:{description:`The line`}},states:{}}),skeleton:l({description:`Placeholder shapes shown while content loads (lines, avatar, title, paragraph, card)`,react:[`Skeleton`],wc:`minerva-skeleton`,parts:{root:{description:`The busy region (role=status), or the single block of a decorative skeleton`},avatar:{description:`The avatar placeholder`},title:{description:`The title placeholder`},line:{description:`Each line placeholder (also the paragraph lines)`}},states:{variant:[`text`,`circular`,`rectangular`,`rounded`,`button`,`image`,`card`]}}),"skeleton-text":l({description:`A decorative block of text-line placeholders (hidden from assistive technologies)`,react:[`SkeletonText`],wc:`minerva-skeleton-text`,parts:{root:{description:`The block of lines`},line:{description:`Each line placeholder`}},states:{}}),"split-layout":l({description:`Main content with an optional aside column that splits beside it at a container breakpoint`,react:[`SplitLayout`],wc:`minerva-split-layout`,parts:{root:{description:`The query container`},main:{description:`The main column`},aside:{description:`The aside column (when there is aside content)`}},states:{}}),stack:l({description:`A flex row / column with a token gap, optional separators and attached groups`,react:[`Stack`],wc:`minerva-stack`,parts:{root:{description:`The flex container`}},states:{orientation:[`horizontal`,`vertical`]}}),"stat-card":l({description:`A labelled metric with an optional icon and description`,react:[`StatCard`],wc:`minerva-stat-card`,parts:{root:{description:`The card`},icon:{description:`The decorative icon wrapper`},label:{description:`The metric name (<dt>)`},value:{description:`The metric value (<dd>)`},description:{description:`The description paragraph`}},states:{}}),steps:l({description:`The stages of a workflow as an ordered list, navigable or read-only`,react:[`Steps`],wc:`minerva-steps`,parts:{root:{description:`The <ol>`},item:{description:`A step <li> (the current step has aria-current=step). Item states: current (the current step, like pagination / nav-tree items; it has no status), status (complete: before the current step, upcoming: after it), disabled (navigable steps only: a disabled step has no effect in read-only steps)`,itemStates:{current:!0,disabled:!0,status:[`complete`,`upcoming`]}},button:{description:`The <button> of a step (navigable) or its static wrapper (read-only)`},indicator:{description:`The numbered indicator of a step`},label:{description:`The label of a step`}},states:{readonly:!0}}),switch:l({description:`A two-state toggle (role=switch): a slider, with optional side labels, or two segments`,react:[`Switch`],wc:`minerva-switch`,parts:{root:{description:`The outer element (<label>; a <span> with side labels; the group of segments)`},input:{description:`The native <input type="checkbox" role="switch">`},control:{description:`The slider box (wraps the track and the thumb)`},track:{description:`The track`},thumb:{description:`The thumb`},icon:{description:`The icon (in the thumb or after the slider)`},label:{description:`The label text`},side:{description:`The off / on side labels (buttons)`},segment:{description:`The off / on segments (buttons, variant="segmented")`}},states:{state:[`checked`,`unchecked`],disabled:!0,loading:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`info`,`warning`,`danger`],shape:[`round`,`square`],variant:[`slider`,`segmented`]}}),tab:l({description:`A role=tab trigger of a tabs group`,react:[`Tab`],wc:`minerva-tab`,parts:{root:{description:`The visual tab trigger`}},states:{state:[`active`,`inactive`],disabled:!0,orientation:[`horizontal`,`vertical`],variant:[`line`,`enclosed`,`soft`,`pills`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),"tab-panel":l({description:`The role=tabpanel content of a tab`,react:[`TabPanel`],wc:`minerva-tab-panel`,parts:{root:{description:`The panel wrapper`}},states:{state:[`active`,`inactive`],orientation:[`horizontal`,`vertical`]}}),"table-cell-content":l({description:`Bounded, wrapping content inside a table cell, with an optional muted secondary line`,react:[`TableCellContent`],wc:`minerva-table-cell-content`,parts:{root:{description:`The wrapper (bounded width)`},primary:{description:`The primary line (<code> when monospace)`},secondary:{description:`The muted secondary line`}},states:{}}),tabs:l({description:`Accessible tabs: a tab list and the panels of its tabs, with a variant, a color and an orientation`,react:[`Tabs`,`TabList`],wc:`minerva-tabs`,parts:{root:{description:`The root wrapper of the tab list and the panels`},list:{description:`The role=tablist container of the tabs`,states:[`orientation`,`variant`]}},states:{orientation:[`horizontal`,`vertical`],variant:[`line`,`enclosed`,`soft`,`pills`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),tag:l({description:`A small label for marking and categorizing, optionally clickable, toggleable or closable`,react:[`Tag`],wc:`minerva-tag`,parts:{root:{description:`The tag (a plain, non-interactive element); state active while a clickable tag is pressed, inactive otherwise`},action:{description:`The native <button> of a clickable tag`},label:{description:`The label wrapper`},icon:{description:`The icon before the label`},avatar:{description:`The avatar before the label`},spinner:{description:`The loading spinner (while loading)`},"close-button":{description:`The close button`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`small`,`medium`,`large`],variant:[`subtle`,`outline`,`solid`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`square`,`rounded`,`circle`]}}),"tag-input":l({description:`A text field that collects a list of tags, with optional suggestions`,react:[`TagInput`],wc:`minerva-tag-input`,parts:{root:{description:`The wrapper`},tags:{description:`The list of tags`},tag:{description:`A tag (web components only: React renders a Tag, styled with its own hooks)`,only:`wc`},"remove-button":{description:`The remove button of a tag (web components only, see tag)`,only:`wc`},control:{description:`The text field box (web components only: React renders an Input, styled with its own hooks)`,only:`wc`},input:{description:`The native text <input> (role="combobox"; web components only, see control)`,only:`wc`},list:{description:`The suggestion list (role=listbox, while open)`},option:{description:`A suggestion (role=option; the highlighted one has aria-selected="true. Item state: highlighted")`,itemStates:{highlighted:!0}},empty:{description:`The text shown when no suggestion matches`},"add-button":{description:`The add button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},"clear-button":{description:`The clear button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`}},states:{state:[`open`,`closed`],disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`]}}),"text-link":l({description:`A styled native link (default inline link, subtle link with a chevron, action row)`,react:[`TextLink`],wc:`minerva-text-link`,parts:{root:{description:`The native <a> (React: the slotted child with asChild)`}},states:{variant:[`default`,`subtle`,`action`]}}),textarea:l({description:`A multi-line text field sharing the input's look`,react:[`Textarea`],wc:`minerva-textarea`,parts:{root:{description:`The native <textarea>`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],variant:[`outline`,`filled`,`unstyled`]}}),"theme-toggle":l({description:`A light / dark / system theme switch (a group of toggle buttons)`,react:[`ThemeToggle`],wc:`minerva-theme-toggle`,parts:{root:{description:`The role=group wrapper`},item:{description:`Every option button (aria-pressed on the selected one). Item state: active (the selected option, aria-pressed) / inactive`,itemStates:{state:[`active`,`inactive`]}}},states:{}}),"time-picker":l({description:`A time field with a popup of hours / minutes / seconds columns`,react:[`TimePicker`],wc:`minerva-time-picker`,parts:{root:{description:`The field wrapper (anchor of the panel)`,states:[`state`,`disabled`,`readonly`,`invalid`,`size`]},control:{description:`The input box (web components only: React renders a nested Input, style its hooks)`,only:`wc`},input:{description:`The native <input> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},"clear-button":{description:`The clear button (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`},icon:{description:`The clock icon (shown when there is no clear button)`},content:{description:`The popup panel (role=dialog)`,states:[`state`,`side`,`align`,`placement`]},column:{description:`An hours / minutes / seconds / AM-PM column (role=listbox)`},item:{description:`A time unit (role=option). Item states: selected, disabled`,itemStates:{selected:!0,disabled:!0}}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,invalid:!0,size:[`small`,`medium`,`large`],side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),"toast-region":l({description:`The fixed stack (role=region) rendering the toasts of the toast() API`,react:[`ToastProvider`],wc:`minerva-toast-region`,parts:{root:{description:`The fixed stack (role=region)`},toast:{description:`A toast (role=status, or alert for danger). Item states: open / closed (while leaving), color, loading`,itemStates:{state:[`open`,`closed`],color:[`info`,`success`,`warning`,`danger`],loading:!0}},icon:{description:`The icon of a toast (spinner while loading)`},title:{description:`The title of a toast`},description:{description:`The description of a toast`},action:{description:`The action button of a toast`},"close-button":{description:`The close (×) button of a toast`},progress:{description:`The countdown bar of a timed toast`}},states:{}}),toolbar:l({description:`A wrapping row of related controls (role=group)`,react:[`Toolbar`],wc:`minerva-toolbar`,parts:{root:{description:`The group`}},states:{}}),tooltip:l({description:`Informative content shown when the wrapped element is hovered or focused`,react:[`Tooltip`],wc:`minerva-tooltip`,parts:{trigger:{description:`The wrapper around the trigger (React: not rendered with asChild, the child keeps its own hooks)`,states:[`state`,`disabled`]},content:{description:`The positioned tooltip (role=tooltip, while shown)`,states:[`state`,`color`,`variant`,`shape`,`side`,`align`,`placement`]},arrow:{description:`The arrow pointing at the trigger (with arrow)`}},states:{state:[`open`,`closed`],disabled:!0,color:[`neutral`,`info`,`success`,`warning`,`danger`],variant:[`solid`,`subtle`,`glass`],shape:[`default`,`rounded`,`thought`,`square`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),upload:l({description:`A file picker with a drop zone, validation and a list of files with their status`,react:[`Upload`],wc:`minerva-upload`,parts:{root:{description:`The container (role=group)`},label:{description:`The visible label`},dropzone:{description:`The drop target`},"select-button":{description:`The select button (web components only: React renders a nested Button, style its hooks)`,only:`wc`},error:{description:`The selection error (web components only: React renders a nested Alert, style its hooks)`,only:`wc`},list:{description:`The file list`},item:{description:`A file. Item state: status of the file`,itemStates:{status:[`uploading`,`done`,`error`]}},"retry-button":{description:`The retry button of a failed file (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`},"remove-button":{description:`The remove button of a file (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`}},states:{disabled:!0,loading:!0,dragging:!0}}),"virtual-list":l({description:`A virtualized scrolling list that only renders the visible rows, with infinite loading`,react:[`VirtualList`],wc:`minerva-virtual-list`,parts:{root:{description:`The scroll container (role=region)`},list:{description:`The list (role=list) sized to all the rows`},item:{description:`A rendered row (role=listitem)`},loading:{description:`The loading indicator row (while loading)`}},states:{loading:!0}}),vstack:l({description:`A vertical stack (column), stretched on the cross axis by default`,react:[`VStack`],wc:`minerva-vstack`,parts:{root:{description:`The flex container`}},states:{}})},d=[`minerva-config`,`minerva-confirm-provider`,`minerva-description-item`,`minerva-menu-checkbox-item`,`minerva-menu-group`,`minerva-menu-item`,`minerva-menu-label`,`minerva-menu-radio-item`,`minerva-menu-separator`,`minerva-tooltip-provider`],f=e=>t.includes(e);function p(e={}){return Object.entries(e).map(([e,t])=>f(e)||t===!0?`[${i(e)}]`:`[${i(e)}="${t}"]`).join(``)}function m(e={}){return Object.entries(e).map(([e,t])=>`:state(${a(e,t===!0?void 0:t)})`).join(``)}function h(e,t,n,r){return`[data-minerva="${e}"]${t?`[data-part="${t}"]`:``}${p(n)}${p(r)}`}function g(e,t={}){return[e,...Object.entries(t).map(([t,n])=>s(e,t,n===!0?void 0:n))].join(` `)}function _(e,t,n,r){let i=u[e]?.wc??`minerva-${e}`,a=t&&r?g(t,r):t;return`${i}${m(n)}${a?`::part(${a})`:``}`}function v(e){return Object.fromEntries(Object.keys(e).sort().map(t=>{let n=e[t];return[t,Array.isArray(n)?[...n].sort():n]}))}function y(e=u){return Object.fromEntries(Object.keys(e).sort().map(t=>{let n=e[t];return[t,{react:[...n.react].sort(),wc:n.wc,parts:Object.fromEntries(Object.keys(n.parts).sort().map(e=>{let{states:t,only:r,itemStates:i}=n.parts[e];return[e,{...t?{states:[...t].sort()}:{},...r?{only:r}:{},...i?{itemStates:v(i)}:{}}]})),states:v(n.states)}]}))}exports.ATTRIBUTES=r,exports.BOOLEAN_STATES=t,exports.ITEM_STATE_SEPARATOR=o,exports.KEYED_STATES=n,exports.NON_VISUAL_ELEMENTS=d,exports.STABILITY_POLICY=c,exports.STATE_VALUES=e,exports.customStateName=a,exports.defineHooks=l,exports.hookSurface=y,exports.itemPartName=s,exports.reactSelector=h,exports.reactStateSelector=p,exports.stateAttribute=i,exports.stylingHooks=u,exports.wcItemParts=g,exports.wcSelector=_,exports.wcStateSelector=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`open`,`closed`,`checked`,`unchecked`,`indeterminate`,`active`,`inactive`],t=[`disabled`,`invalid`,`readonly`,`loading`,`required`,`highlighted`,`current`,`dragging`,`selected`,`expanded`,`today`,`outside`],n=[`size`,`variant`,`color`,`orientation`,`side`,`align`,`placement`,`shape`,`status`,`sort`,`fill`],r={component:`data-minerva`,part:`data-part`},i=e=>`data-${e}`;function a(e,n){return e===`state`?String(n):t.includes(e)?e:`${e}-${n}`}var o=`--`;function s(e,t,n){return`${e}--${a(t,n)}`}var c=`Adding a component, part, state (component or item state) or state value is a minor change. Removing or renaming one is a major change. Class names and DOM structure without hooks are private.`,l=e=>e,u={alert:l({description:`An inline message with an icon, a title, a description, an action and optional close / collapse buttons`,react:[`Alert`],wc:`minerva-alert`,parts:{root:{description:`The alert (role=alert for danger / warning, status otherwise); state open / closed only while collapsible`},icon:{description:`The icon (role=img)`},title:{description:`The title (holds the collapse button)`},trigger:{description:`The expand / collapse button of a collapsible alert`},description:{description:`The message`},action:{description:`The action wrapper`},"close-button":{description:`The close button`}},states:{state:[`open`,`closed`],size:[`small`,`medium`,`large`],variant:[`subtle`,`outline`,`solid`],color:[`info`,`success`,`warning`,`danger`]}}),"app-shell":l({description:`Application chrome: a collapsible sidebar, a header, the main landmark and a mobile navigation drawer`,react:[`AppShell`],wc:`minerva-app-shell`,parts:{root:{description:"The shell (`state`: whether the mobile navigation drawer is open)",states:[`state`]},"skip-link":{description:`The skip to content link`},sidebar:{description:`The desktop sidebar (<aside>)`},header:{description:`The header bar`},main:{description:`The <main> landmark`},overlay:{description:`The backdrop of the mobile drawer`,states:[`state`]},content:{description:`The mobile navigation drawer (role=dialog)`,states:[`state`]},"close-button":{description:`The close button of the mobile drawer`}},states:{state:[`open`,`closed`]}}),autocomplete:l({description:`A text input (combobox) suggesting filtered options in a dropdown listbox`,react:[`AutoComplete`],wc:`minerva-autocomplete`,parts:{root:{description:`The root wrapper (label, field and anchor of the dropdown)`,states:[`state`,`disabled`,`readonly`,`loading`]},label:{description:`The visible label`},field:{description:`The input box (web components only: React renders a nested Input, style its hooks)`,only:`wc`},input:{description:`The native <input role=combobox> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},content:{description:`The positioned dropdown`,states:[`state`,`side`,`align`,`placement`]},list:{description:`The role=listbox list`},item:{description:`An option. Item states: highlighted (active option or hovered), disabled`,itemStates:{highlighted:!0,disabled:!0}},"group-label":{description:`A group heading`},empty:{description:`The empty state (no matching option)`},loading:{description:`The loading state (while loading)`}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,loading:!0,side:[`top`,`right`,`bottom`,`left`],align:[`start`,`end`],placement:[`top-start`,`top-end`,`right-start`,`right-end`,`bottom-start`,`bottom-end`,`left-start`,`left-end`]}}),avatar:l({description:`A picture of a person, falling back to their initials or custom content`,react:[`Avatar`],wc:`minerva-avatar`,parts:{root:{description:`The avatar box (role=img while the fallback is shown); no size state for a size in pixels`},image:{description:`The <img>`},fallback:{description:`The initials / fallback content wrapper (no image)`}},states:{size:[`xsmall`,`small`,`medium`,`large`,`xlarge`,`xxlarge`],shape:[`circle`,`square`,`rounded`]}}),"avatar-group":l({description:`Overlapping avatars with an optional "+N" indicator`,react:[`AvatarGroup`],wc:`minerva-avatar-group`,parts:{root:{description:`The group (role=group)`},item:{description:`The wrapper of each visible avatar`},count:{description:`The "+N" indicator of the hidden avatars`}},states:{}}),badge:l({description:`A small count or status indicator, standalone or attached to a corner of an element`,react:[`Badge`],wc:`minerva-badge`,parts:{root:{description:`The outermost element: the badge itself when standalone, the wrapper of the children when attached`},badge:{description:`The badge attached to a corner of the children (a standalone badge is the root)`,states:[`size`,`variant`,`color`]},icon:{description:`The icon before the content`}},states:{size:[`small`,`medium`,`large`],variant:[`solid`,`subtle`,`outline`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),box:l({description:`A polymorphic container with padding, margin, size, background, radius and shadow shorthands`,react:[`Box`],wc:`minerva-box`,parts:{root:{description:"The rendered element (`as`). React only: the <minerva-box> element itself is the box (style the element)",only:`react`}},states:{}}),button:l({description:`A native button with a color, a variant, a size and states`,react:[`Button`],wc:`minerva-button`,parts:{root:{description:`The native <button>`},label:{description:`The label wrapper`},"start-icon":{description:`The icon before the label`},"end-icon":{description:`The icon after the label`},spinner:{description:`The loading spinner (while loading)`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`xsmall`,`small`,`medium`,`large`,`xlarge`],variant:[`solid`,`outline`,`ghost`,`link`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`square`,`rounded`,`circle`]}}),card:l({description:`A content container of header, content and footer sections; optionally a link or a button`,react:[`Card`],wc:`minerva-card`,parts:{root:{description:`The card root (div, article, section, a or button)`}},states:{variant:[`default`,`outline`,`elevated`,`filled`,`ghost`],disabled:!0}}),"card-content":l({description:`The main body of a card`,react:[`CardContent`],wc:`minerva-card-content`,parts:{root:{description:`The section box`}},states:{}}),"card-description":l({description:`The secondary text below a card title`,react:[`CardDescription`],wc:`minerva-card-description`,parts:{root:{description:`The paragraph`}},states:{}}),"card-footer":l({description:`The bottom section of a card, e.g. for actions`,react:[`CardFooter`],wc:`minerva-card-footer`,parts:{root:{description:`The section box`}},states:{}}),"card-header":l({description:`The top section of a card, usually holding its title and description`,react:[`CardHeader`],wc:`minerva-card-header`,parts:{root:{description:`The section box`}},states:{}}),"card-title":l({description:`The heading of a card (h3 by default)`,react:[`CardTitle`],wc:`minerva-card-title`,parts:{root:{description:`The heading element`}},states:{}}),cascader:l({description:`A field picking a path in a tree of options through cascading columns (optionally searchable)`,react:[`Cascader`],wc:`minerva-cascader`,parts:{root:{description:`The root wrapper (anchor of the dropdown)`,states:[`state`,`disabled`,`readonly`,`invalid`]},control:{description:`The field box (input, clear button, chevron)`},input:{description:`The native <input role=combobox> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},"clear-button":{description:`The clear button (while there is a value)`},icon:{description:`The chevron`},content:{description:`The positioned dropdown`,states:[`state`,`side`,`align`,`placement`]},column:{description:`A column of options (role=listbox)`},item:{description:`An option (column option or search result). Item states: selected (on the selected path), expanded (its children column is shown; never the selected leaf at the end of the path), disabled, loading (children loading)`,itemStates:{selected:!0,expanded:!0,disabled:!0,loading:!0}}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,invalid:!0,side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),checkbox:l({description:`A native checkbox with a label, a helper text and an indeterminate state`,react:[`Checkbox`],wc:`minerva-checkbox`,parts:{root:{description:`The wrapper (the clickable row and the helper text)`},input:{description:`The native <input type="checkbox">`},control:{description:`The visual box (draws the checkmark)`},label:{description:`The label text`},"helper-text":{description:`The helper / error text`}},states:{state:[`checked`,`unchecked`,`indeterminate`],disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`info`,`warning`,`danger`],shape:[`square`,`circle`,`rounded`]}}),"code-block":l({description:`A scrollable, focusable block of source text with an optional copy button`,react:[`CodeBlock`],wc:`minerva-code-block`,parts:{root:{description:`The positioned outer wrapper of the region and its actions (only when copyable, or with a language label)`},region:{description:`The <pre> scroll region (role=region): the visible box of the code`},code:{description:`The <code> element`},language:{description:`The language label. Web components only: React's CodeBlock has no language prop`,only:`wc`},"copy-button":{description:`The copy button (while copyable). Web components only: React renders an IconButton, which has its own hooks`,only:`wc`}},states:{}}),"code-editor":l({description:`A labelled Monaco code editor on a local engine, degrading to a textarea with a retry action`,react:[`MonacoCodeEditor`],wc:`minerva-code-editor`,parts:{root:{description:`The role=group root`},label:{description:`The visible label`},surface:{description:`The editor surface (sized by the height)`},loading:{description:`The loading indicator (while the editor loads)`},error:{description:`The unavailable message and retry action (when the editor failed)`},fallback:{description:`The fallback <textarea> (when the editor failed)`},"retry-button":{description:`The retry button. Web components only: React renders a Button, which has its own hooks`,only:`wc`}},states:{disabled:!0,loading:!0}}),"command-dialog":l({description:`A searchable command palette in a modal dialog`,react:[`CommandDialog`],wc:`minerva-command-dialog`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`]},header:{description:`The title row (accessible name of the dialog)`},description:{description:`The description below the title`},search:{description:`The search field (icon, input and Enter hint)`},input:{description:`The search input (role=combobox)`},list:{description:`The results list (role=listbox)`},item:{description:`A result (role=option). Item state: highlighted (active result)`,itemStates:{highlighted:!0}},empty:{description:`The text shown when no command matches`}},states:{state:[`open`,`closed`]}}),"confirm-dialog":l({description:`A small modal alertdialog asking to confirm an action (Cancel / Confirm)`,react:[`ConfirmDialog`],wc:`minerva-confirm-dialog`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=alertdialog)`,states:[`state`,`color`,`loading`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title`},body:{description:`The optional extra content`},footer:{description:`The actions row (Cancel and Confirm buttons)`},"cancel-button":{description:`The Cancel <minerva-button> (web components only: in React it is a Button with its own hooks, [data-minerva=button] in the footer)`,only:`wc`},"confirm-button":{description:`The Confirm <minerva-button> (web components only: in React it is a Button with its own hooks, [data-minerva=button] in the footer)`,only:`wc`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],color:[`primary`,`danger`,`warning`],loading:!0}}),"context-menu":l({description:`A menu opened at the pointer on right click / long press / Shift+F10 in its area`,react:[`ContextMenu`],wc:`minerva-context-menu`,parts:{trigger:{description:`The area: the native element child of ContextMenu (state open / closed, disabled). React only: a component child (e.g. a Minerva Card) keeps its own hooks; on the web components the area is your own child element, style it from the host states (minerva-context-menu:state(open) > .my-area)`,states:[`state`,`disabled`],only:`react`},content:{description:`A menu panel (role=menu: the root menu and its submenus, each with its own placement)`,states:[`state`,`size`,`side`,`align`,`placement`]},item:{description:`An item (role=menuitem, menuitemcheckbox or menuitemradio). Item states: highlighted (focused), disabled, checked / unchecked (checkbox and radio items), expanded (submenu trigger while its submenu is open)`,itemStates:{highlighted:!0,disabled:!0,state:[`checked`,`unchecked`],expanded:!0}},"item-indicator":{description:`The check mark / radio dot of a checkbox or radio item`},icon:{description:`The icon of an item`},"item-label":{description:`The label of an item`},shortcut:{description:`The keyboard shortcut hint of an item`},group:{description:`A group of entries (role=group, also radio groups)`},label:{description:`A group heading or section label`},separator:{description:`A separator`}},states:{state:[`open`,`closed`],disabled:!0,size:[`small`,`medium`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),"data-table":l({description:`A data table with sortable columns, row selection, fixed columns, empty / loading / error states and pagination`,react:[`DataTable`,`Table`,`TableRoot`,`TableRow`,`TableHeader`,`TableCell`],wc:`minerva-data-table`,parts:{root:{description:`The outer wrapper of the table, the error state and the pagination (React: rendered by DataTable only)`},viewport:{description:`The scroll wrapper of the table (a focusable region while it scrolls)`},table:{description:`The <table>`,states:[`size`,`variant`]},row:{description:`A <tr> (header and body rows; selected rows have aria-selected=true). Item state: selected (body rows)`,itemStates:{selected:!0}},"header-cell":{description:`A <th> column header (sortable headers have aria-sort). Item state: sort (sortable headers only)`,itemStates:{sort:[`ascending`,`descending`,`none`]}},cell:{description:`A <td> body cell`},"sort-button":{description:`The sort button of a sortable header`},checkbox:{description:`A row / select-all selection checkbox`},empty:{description:`The cell of the empty state`},skeleton:{description:`A skeleton bar of the loading rows`},error:{description:`The error state (role=alert)`},"retry-button":{description:`The retry button of the error state. Web components only: React renders a Button, which has its own hooks`,only:`wc`},pagination:{description:`The <minerva-pagination> (its root and item parts are exported as pagination-root / pagination-item). Web components only: React renders a Pagination, which has its own hooks`,only:`wc`}},states:{loading:!0,size:[`small`,`medium`,`large`],variant:[`simple`,`striped`,`bordered`]}}),"date-picker":l({description:`A local date field with an accessible popup month calendar`,react:[`DatePicker`],wc:`minerva-date-picker`,parts:{root:{description:`The field wrapper (anchor of the panel)`,states:[`state`,`disabled`,`readonly`,`invalid`,`size`]},control:{description:`The input box (web components only: React renders a nested Input, style its hooks)`,only:`wc`},input:{description:`The native <input> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},"clear-button":{description:`The clear button (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`},icon:{description:`The calendar icon (shown when there is no clear button)`},day:{description:`A calendar day cell (web components only)`,only:`wc`},content:{description:`The popup panel (role=dialog)`,states:[`state`,`side`,`align`,`placement`]}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,invalid:!0,size:[`small`,`medium`,`large`],side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),"description-list":l({description:`Labeled metadata fields as a native <dl> of term / description rows`,react:[`DescriptionList`],wc:`minerva-description-list`,parts:{root:{description:`The <dl>`},row:{description:`Each row (one term / description pair)`},term:{description:`Each <dt>`},description:{description:`Each <dd>`}},states:{}}),divider:l({description:`A horizontal or vertical separator line, optionally with text (horizontal only)`,react:[`Divider`],wc:`minerva-divider`,parts:{root:{description:`The <hr>, or the role=separator element of a divider with text (align: position of the text)`},label:{description:`The text between the two halves of the line`}},states:{orientation:[`horizontal`,`vertical`],variant:[`solid`,`dashed`,`dotted`],align:[`left`,`center`,`right`]}}),drawer:l({description:`A side panel dialog sliding in from an edge over an overlay`,react:[`Drawer`,`DrawerContent`,`DrawerHeader`,`DrawerBody`,`DrawerFooter`],wc:`minerva-drawer`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`,`side`,`size`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title (visually hidden when no description is given)`},body:{description:`The scrollable body`},footer:{description:`The actions row`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],side:[`left`,`right`,`top`,`bottom`],size:[`small`,`medium`,`large`,`full`]}}),empty:l({description:`An empty state: icon, title, description, actions and footer content`,react:[`Empty`],wc:`minerva-empty`,parts:{root:{description:`The region (role=status); size only for the unframed sized layout`},icon:{description:`The icon wrapper`},title:{description:`The title (accessible name of the region)`},description:{description:`The description`},actions:{description:`The actions row`},footer:{description:`The footer content`}},states:{size:[`small`,`medium`,`large`]}}),"form-control":l({description:`A field container: a label with a required indicator, one control, a helper text and an error message`,react:[`FormControl`,`FormLabel`,`FormHelperText`,`FormErrorMessage`,`FormField`],wc:`minerva-form-control`,parts:{root:{description:`The field container`},label:{description:`The <label>`},"required-indicator":{description:`The required marker of the label`},"helper-text":{description:`The helper text (hidden while invalid)`},"error-message":{description:`The error message (role="alert", while invalid)`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0}}),"form-layout":l({description:`A responsive column grid for form fields`,react:[`FormLayout`],wc:`minerva-form-layout`,parts:{root:{description:`The form layout box (React: the native <form>; web components: the grid's query container, inside your own <form>)`},layout:{description:"The grid. Web components only: React renders a nested ResponsiveGrid (style its `responsive-grid` hooks)",only:`wc`}},states:{}}),"grid-item":l({description:`A cell of a responsive grid, optionally spanning the full row`,react:[`GridItem`],wc:`minerva-grid-item`,parts:{root:{description:"The grid cell (or the `asChild` child). React only: the <minerva-grid-item> element itself is the cell (style the element)",only:`react`}},states:{}}),hstack:l({description:`A horizontal stack (row), centered on the cross axis by default`,react:[`HStack`],wc:`minerva-hstack`,parts:{root:{description:`The flex container`}},states:{}}),"html-preview":l({description:`A sandboxed iframe preview of sanitized HTML, at desktop or mobile width`,react:[`HtmlPreview`],wc:`minerva-html-preview`,parts:{root:{description:`The scrolling container`},frame:{description:`The sandboxed <iframe>`}},states:{}}),"icon-button":l({description:`A button that only contains an icon, with a tooltip, toggle and loading states`,react:[`IconButton`],wc:`minerva-icon-button`,parts:{root:{description:`The native <button>; state active while a toggle button is pressed, inactive otherwise`},icon:{description:`The icon wrapper (hidden from assistive technologies)`},spinner:{description:`The loading indicator (while loading)`},tooltip:{description:`The tooltip (role=tooltip). Web components only: React wraps the button in a <Tooltip> component, which has its own hooks`,only:`wc`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`xsmall`,`small`,`medium`,`large`],variant:[`ghost`,`solid`,`outline`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`circle`,`square`]}}),input:l({description:`A single-line text field with prefix / suffix, clear button, password toggle and character count`,react:[`Input`],wc:`minerva-input`,parts:{root:{description:`The field box (wraps the input and its addons)`},input:{description:`The native <input>`},prefix:{description:`The content before the text`},suffix:{description:`The content after the text`},"clear-button":{description:`The clear button (while there is a value)`},"password-toggle":{description:`The password visibility toggle (type=password)`},count:{description:`The character counter`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],variant:[`outline`,`filled`,`unstyled`]}}),"json-field":l({description:`A strict-JSON text field with a format button and syntax feedback`,react:[`JsonField`],wc:`minerva-json-field`,parts:{root:{description:`The wrapper`},toolbar:{description:`The toolbar above the text (format button)`},"format-button":{description:`The format button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},input:{description:`The native <textarea> (web components only: React renders a Textarea, styled with its own hooks)`,only:`wc`},status:{description:`The validation status line (role=status)`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0}}),"key-value-editor":l({description:`An editable list of key / value rows (headers, metadata, variables)`,react:[`KeyValueEditor`],wc:`minerva-key-value-editor`,parts:{root:{description:`The container`},row:{description:`Each row (key field, value field and remove button). Item state: invalid (the key or the value has an error)`,itemStates:{invalid:!0}},"remove-button":{description:`The remove button of a row (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},"add-button":{description:`The add button (web components only: React renders a Button, styled with its own hooks)`,only:`wc`}},states:{disabled:!0}}),list:l({description:`A quiet operational list of rows (role=list)`,react:[`List`],wc:`minerva-list`,parts:{root:{description:`The list (React: the <ul>; web components: its wrapper)`}},states:{}}),"list-item":l({description:`A list row with primary / secondary text, a decorative icon and actions`,react:[`ListItem`],wc:`minerva-list-item`,parts:{root:{description:`The row`},icon:{description:`The decorative leading icon wrapper`},label:{description:`The primary text`},description:{description:`The secondary text`},actions:{description:`The trailing actions wrapper`}},states:{}}),"loading-state":l({description:`A page / route / section loading presentation: a spinner next to a label in a polite status region`,react:[`LoadingState`],wc:`minerva-loading-state`,parts:{root:{description:`The status region`},spinner:{description:`The decorative spinner (wraps a ProgressIndicator in React; the <minerva-progress> element in the web components)`},label:{description:`The label`}},states:{size:[`small`,`medium`,`large`]}}),menu:l({description:`An action menu opened from a trigger button, with submenus, checkbox and radio items`,react:[`Menu`],wc:`minerva-menu`,parts:{trigger:{description:`The trigger: the native element child of Menu (state open / closed, disabled). React only: a component child (e.g. a Minerva Button) keeps its own hooks and gets aria-expanded; on the web components the trigger is your slotted element, style it from the host states (minerva-menu:state(open) > [slot=trigger])`,states:[`state`,`disabled`],only:`react`},content:{description:`A menu panel (role=menu: the root menu and its submenus, each with its own placement)`,states:[`state`,`size`,`side`,`align`,`placement`]},item:{description:`An item (role=menuitem, menuitemcheckbox or menuitemradio). Item states: highlighted (focused), disabled, checked / unchecked (checkbox and radio items), expanded (submenu trigger while its submenu is open)`,itemStates:{highlighted:!0,disabled:!0,state:[`checked`,`unchecked`],expanded:!0}},"item-indicator":{description:`The check mark / radio dot of a checkbox or radio item`},icon:{description:`The icon of an item`},"item-label":{description:`The label of an item`},shortcut:{description:`The keyboard shortcut hint of an item`},group:{description:`A group of entries (role=group, also radio groups)`},label:{description:`A group heading or section label`},separator:{description:`A separator`}},states:{state:[`open`,`closed`],disabled:!0,size:[`small`,`medium`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),modal:l({description:`A modal dialog over an overlay`,react:[`Modal`,`ModalContent`,`ModalHeader`,`ModalBody`,`ModalFooter`],wc:`minerva-modal`,parts:{overlay:{description:`The backdrop`,states:[`state`]},content:{description:`The dialog panel (role=dialog)`,states:[`state`,`size`]},header:{description:`The title (accessible name of the dialog)`},description:{description:`The description below the title`},body:{description:`The scrollable body`},footer:{description:`The actions row`},"close-button":{description:`The close (×) button`}},states:{state:[`open`,`closed`],size:[`small`,`medium`,`large`,`xlarge`,`full`]}}),"month-calendar":l({description:`A month grid of days with event counts, navigation and the events of the selected day`,react:[`MonthCalendar`],wc:`minerva-month-calendar`,parts:{root:{description:`The calendar <section>`},heading:{description:`The month heading`},"nav-button":{description:`The previous / today / next buttons`},grid:{description:`The role=grid element`},day:{description:`A day cell (role=gridcell). Item states: selected, today, outside (day of the previous / next month), disabled`,itemStates:{selected:!0,today:!0,outside:!0,disabled:!0}},events:{description:`The events section of the selected day`},event:{description:`An event (a button when events are clickable)`},empty:{description:`The text shown when the selected day has no event`}},states:{disabled:!0,size:[`small`,`medium`,`large`]}}),"nav-tree":l({description:`Sidebar navigation with sections, nested expandable branches, an active item and a compact mode`,react:[`NavTree`],wc:`minerva-nav-tree`,parts:{root:{description:`The <nav> landmark`},group:{description:`A section of items`},"group-label":{description:`The title of a section`},item:{description:`A link / button row (aria-current=page when active, aria-expanded on branches; not rendered by renderLink). Item states: current (active link), expanded (open branch), disabled`,itemStates:{current:!0,expanded:!0,disabled:!0}},icon:{description:`The icon of an item`},label:{description:`The label of an item`},description:{description:`The secondary text of an item`}},states:{}}),"number-input":l({description:`A numeric field (spinbutton) with min / max / step and stepper buttons`,react:[`NumberInput`],wc:`minerva-number-input`,parts:{root:{description:`The field box (wraps the input and the stepper)`},input:{description:`The native <input> (role="spinbutton")`},stepper:{description:`The increment / decrement column`},increment:{description:`The increment button`},decrement:{description:`The decrement button`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`]}}),option:l({description:`A selectable option of a select (role=option); its states are the item states of the select's options: selected, highlighted, disabled`,react:[`SelectItem`],wc:`minerva-option`,parts:{root:{description:`The option row`},label:{description:`The content wrapper`},indicator:{description:`The check mark (while selected)`}},states:{selected:!0,highlighted:!0,disabled:!0}}),"option-group":l({description:`A group of select options (role=group), labelled by a select-label`,react:[`SelectGroup`],wc:`minerva-option-group`,parts:{root:{description:`The group wrapper`}},states:{}}),page:l({description:`The padded, vertically spaced column of a screen's content`,react:[`Page`],wc:`minerva-page`,parts:{root:{description:`The page column`}},states:{}}),"page-header":l({description:`The page heading (h1) with an optional description and actions`,react:[`PageHeader`],wc:`minerva-page-header`,parts:{root:{description:`The <header>`},title:{description:`The <h1>`},description:{description:`The description paragraph`},actions:{description:`The actions wrapper`}},states:{}}),"page-section":l({description:`A page region named by its h2 title, with optional description, icon and actions`,react:[`PageSection`],wc:`minerva-page-section`,parts:{root:{description:`The <section>`},header:{description:`The title row (title, description and actions)`},title:{description:`The <h2>`},icon:{description:`The decorative icon wrapper, inside the title`},description:{description:`The description paragraph`},actions:{description:`The actions wrapper`}},states:{}}),"page-tab":l({description:`One open page of a page tabs strip`,react:[`PageTab`],wc:`minerva-page-tab`,parts:{root:{description:`The item wrapper`},trigger:{description:`The label <button> (selects the page)`},icon:{description:`The icon before the label`},label:{description:`The (truncated) label`},action:{description:`The wrapper of the separate control next to the label`},"close-button":{description:"The built-in close button (`closable`; React passes its own control as `action`)",only:`wc`}},states:{current:!0,disabled:!0}}),"page-tabs":l({description:`A horizontally scrolling strip of open application pages (route navigation)`,react:[`PageTabs`],wc:`minerva-page-tabs`,parts:{root:{description:`The <nav> landmark`},viewport:{description:`The scrolling viewport of the items`},list:{description:`The item list`},"scroll-button":{description:`The scroll left / right buttons (while the items overflow). Web components only: React renders IconButton components, which have their own hooks`,only:`wc`},actions:{description:`The global actions after the list`}},states:{}}),pagination:l({description:`Page navigation with page buttons, an optional total, quick jumper and page size selector`,react:[`Pagination`],wc:`minerva-pagination`,parts:{root:{description:`The <nav> landmark`},item:{description:`A page / previous / next / jump button (the current page has aria-current=page). Item states: current (the current page), disabled`,itemStates:{current:!0,disabled:!0}},total:{description:`The total text`},jumper:{description:`The quick jumper label (wraps its input)`},"size-changer":{description:`The page size <select>`},"simple-input":{description:`The page input of the simple mode`}},states:{disabled:!0,size:[`small`,`medium`,`large`],shape:[`circle`,`rounded`,`square`],variant:[`solid`,`outline`,`ghost`]}}),"palette-toggle":l({description:`A color palette switch (a group of toggle buttons), orthogonal to the light / dark mode`,react:[`PaletteToggle`],wc:`minerva-palette-toggle`,parts:{root:{description:`The role=group wrapper`},item:{description:`Every option button (aria-pressed on the selected one). Item state: active (the selected palette, aria-pressed) / inactive`,itemStates:{state:[`active`,`inactive`]}}},states:{}}),popover:l({description:`A click-triggered interactive panel (role=dialog) anchored to its trigger`,react:[`PopoverTrigger`,`PopoverContent`],wc:`minerva-popover`,parts:{trigger:{description:`The trigger <button> (React only: the web component's trigger is the slotted element, style it directly; not rendered with asChild, the child keeps its own hooks)`,states:[`state`],only:`react`},content:{description:`The positioned panel (role=dialog)`,states:[`state`,`side`,`align`,`placement`]},arrow:{description:`The arrow pointing at the anchor (with arrow)`}},states:{state:[`open`,`closed`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),progress:l({description:`An indeterminate loading indicator: spinner, circle, wave, bar or dotted bar`,react:[`ProgressIndicator`],wc:`minerva-progress`,parts:{root:{description:`The indicator (role=progressbar unless decorative); color current follows the text color`},icon:{description:`The icon before the indicator`},indicator:{description:`The animated indicator (ring, wave or bar)`},label:{description:`The visible label`}},states:{variant:[`spinner`,`bar`,`wave`,`circle`,`dotted-bar`],size:[`xsmall`,`small`,`medium`,`large`,`xlarge`],color:[`primary`,`neutral`,`current`]}}),prose:l({description:`Theme-aware typography for semantic HTML (articles, Markdown)`,react:[`Prose`],wc:`minerva-prose`,parts:{root:{description:"The typography container (or the `asChild` child). React only: the <minerva-prose> element itself is the container (style the element)",only:`react`}},states:{}}),radio:l({description:`A radio button with a label and a helper / error text`,react:[`Radio`],wc:`minerva-radio`,parts:{root:{description:`The wrapper (the clickable row and the helper text)`},input:{description:`The native <input type="radio"> (React only: the web component host is the radio itself)`,only:`react`},control:{description:`The visual radio mark`},label:{description:`The label text`},"helper-text":{description:`The helper / error text`}},states:{state:[`checked`,`unchecked`],disabled:!0,invalid:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`warning`,`danger`]}}),"radio-group":l({description:`A set of radios of which one can be selected, with a label and a helper text`,react:[`RadioGroup`],wc:`minerva-radio-group`,parts:{root:{description:`The wrapper`},label:{description:`The visible group label`},list:{description:`The element with role="radiogroup" (the radios)`},"helper-text":{description:`The helper text`}},states:{disabled:!0,invalid:!0,required:!0,orientation:[`horizontal`,`vertical`],size:[`small`,`medium`,`large`],color:[`primary`,`success`,`warning`,`danger`]}}),rating:l({description:`A score drawn as 5 stars, display-only or an interactive slider, optionally followed by the value and the number of ratings`,react:[`Rating`],wc:`minerva-rating`,parts:{root:{description:`The root (role="slider", or role="img" when display-only)`},stars:{description:`The star row`},star:{description:`Each star. Item state: fill`,itemStates:{fill:[`full`,`half`,`empty`]}},value:{description:`The score and the count`},count:{description:`The number of ratings`}},states:{readonly:!0,size:[`small`,`medium`,`large`]}}),"rating-scale":l({description:`Several labelled ratings sharing one scale (one rating per row)`,react:[`RatingScale`],wc:`minerva-rating-scale`,parts:{root:{description:`The list of rows`},row:{description:`Each row (a label and a rating)`},label:{description:`The label of a row`}},states:{readonly:!0,size:[`small`,`medium`,`large`]}}),"responsive-grid":l({description:`An equal-width column grid whose column count follows its own width (container queries)`,react:[`ResponsiveGrid`],wc:`minerva-responsive-grid`,parts:{root:{description:`The query container`},layout:{description:`The grid (its children are the grid items)`}},states:{}}),select:l({description:`A single-choice dropdown: a combobox trigger and a listbox popup of options`,react:[`Select`],wc:`minerva-select`,parts:{root:{description:`The trigger (<button role=combobox>)`,states:[`state`,`disabled`,`invalid`,`required`,`size`]},value:{description:`The selected label / placeholder`},icon:{description:`The chevron`},content:{description:`The listbox popup (role=listbox)`,states:[`state`,`side`,`align`,`placement`]},item:{description:"An option rendered from the `options` property (web components only: React options are SelectItem elements, see option). Item states: selected, highlighted, disabled",only:`wc`,itemStates:{selected:!0,highlighted:!0,disabled:!0}},"group-label":{description:"A group heading rendered from the `options` property (web components only: React uses SelectLabel, see select-label)",only:`wc`}},states:{state:[`open`,`closed`],disabled:!0,invalid:!0,required:!0,size:[`small`,`medium`,`large`],side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),"select-label":l({description:`The (non-selectable) heading of a group of select options`,react:[`SelectLabel`],wc:`minerva-select-label`,parts:{root:{description:`The label`}},states:{}}),"select-separator":l({description:`A presentational divider between select options or groups`,react:[`SelectSeparator`],wc:`minerva-select-separator`,parts:{root:{description:`The line`}},states:{}}),skeleton:l({description:`Placeholder shapes shown while content loads (lines, avatar, title, paragraph, card)`,react:[`Skeleton`],wc:`minerva-skeleton`,parts:{root:{description:`The busy region (role=status), or the single block of a decorative skeleton`},avatar:{description:`The avatar placeholder`},title:{description:`The title placeholder`},line:{description:`Each line placeholder (also the paragraph lines)`}},states:{variant:[`text`,`circular`,`rectangular`,`rounded`,`button`,`image`,`card`]}}),"skeleton-text":l({description:`A decorative block of text-line placeholders (hidden from assistive technologies)`,react:[`SkeletonText`],wc:`minerva-skeleton-text`,parts:{root:{description:`The block of lines`},line:{description:`Each line placeholder`}},states:{}}),"split-layout":l({description:`Main content with an optional aside column that splits beside it at a container breakpoint`,react:[`SplitLayout`],wc:`minerva-split-layout`,parts:{root:{description:`The query container`},main:{description:`The main column`},aside:{description:`The aside column (when there is aside content)`}},states:{}}),stack:l({description:`A flex row / column with a token gap, optional separators and attached groups`,react:[`Stack`],wc:`minerva-stack`,parts:{root:{description:`The flex container`}},states:{orientation:[`horizontal`,`vertical`]}}),"stat-card":l({description:`A labelled metric with an optional icon and description`,react:[`StatCard`],wc:`minerva-stat-card`,parts:{root:{description:`The card`},icon:{description:`The decorative icon wrapper`},label:{description:`The metric name (<dt>)`},value:{description:`The metric value (<dd>)`},description:{description:`The description paragraph`}},states:{}}),steps:l({description:`The stages of a workflow as an ordered list, navigable or read-only`,react:[`Steps`],wc:`minerva-steps`,parts:{root:{description:`The <ol>`},item:{description:`A step <li> (the current step has aria-current=step). Item states: current (the current step, like pagination / nav-tree items; it has no status), status (complete: before the current step, upcoming: after it), disabled (navigable steps only: a disabled step has no effect in read-only steps)`,itemStates:{current:!0,disabled:!0,status:[`complete`,`upcoming`]}},button:{description:`The <button> of a step (navigable) or its static wrapper (read-only)`},indicator:{description:`The numbered indicator of a step`},label:{description:`The label of a step`}},states:{readonly:!0}}),switch:l({description:`A two-state toggle (role=switch): a slider, with optional side labels, or two segments`,react:[`Switch`],wc:`minerva-switch`,parts:{root:{description:`The outer element (<label>; a <span> with side labels; the group of segments)`},input:{description:`The native <input type="checkbox" role="switch">`},control:{description:`The slider box (wraps the track and the thumb)`},track:{description:`The track`},thumb:{description:`The thumb`},icon:{description:`The icon (in the thumb or after the slider)`},label:{description:`The label text`},side:{description:`The off / on side labels (buttons)`},segment:{description:`The off / on segments (buttons, variant="segmented")`}},states:{state:[`checked`,`unchecked`],disabled:!0,loading:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],color:[`primary`,`success`,`info`,`warning`,`danger`],shape:[`round`,`square`],variant:[`slider`,`segmented`]}}),tab:l({description:`A role=tab trigger of a tabs group`,react:[`Tab`],wc:`minerva-tab`,parts:{root:{description:`The visual tab trigger`}},states:{state:[`active`,`inactive`],disabled:!0,orientation:[`horizontal`,`vertical`],variant:[`line`,`enclosed`,`soft`,`pills`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),"tab-panel":l({description:`The role=tabpanel content of a tab`,react:[`TabPanel`],wc:`minerva-tab-panel`,parts:{root:{description:`The panel wrapper`}},states:{state:[`active`,`inactive`],orientation:[`horizontal`,`vertical`]}}),"table-cell-content":l({description:`Bounded, wrapping content inside a table cell, with an optional muted secondary line`,react:[`TableCellContent`],wc:`minerva-table-cell-content`,parts:{root:{description:`The wrapper (bounded width)`},primary:{description:`The primary line (<code> when monospace)`},secondary:{description:`The muted secondary line`}},states:{}}),tabs:l({description:`Accessible tabs: a tab list and the panels of its tabs, with a variant, a color and an orientation`,react:[`Tabs`,`TabList`],wc:`minerva-tabs`,parts:{root:{description:`The root wrapper of the tab list and the panels`},list:{description:`The role=tablist container of the tabs`,states:[`orientation`,`variant`]}},states:{orientation:[`horizontal`,`vertical`],variant:[`line`,`enclosed`,`soft`,`pills`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`]}}),tag:l({description:`A small label for marking and categorizing, optionally clickable, toggleable or closable`,react:[`Tag`],wc:`minerva-tag`,parts:{root:{description:`The tag (a plain, non-interactive element); state active while a clickable tag is pressed, inactive otherwise`},action:{description:`The native <button> of a clickable tag`},label:{description:`The label wrapper`},icon:{description:`The icon before the label`},avatar:{description:`The avatar before the label`},spinner:{description:`The loading spinner (while loading)`},"close-button":{description:`The close button`}},states:{state:[`active`,`inactive`],disabled:!0,loading:!0,size:[`small`,`medium`,`large`],variant:[`subtle`,`outline`,`solid`],color:[`primary`,`neutral`,`success`,`warning`,`danger`,`info`],shape:[`square`,`rounded`,`circle`]}}),"tag-input":l({description:`A text field that collects a list of tags, with optional suggestions`,react:[`TagInput`],wc:`minerva-tag-input`,parts:{root:{description:`The wrapper`},tags:{description:`The list of tags`},tag:{description:`A tag (web components only: React renders a Tag, styled with its own hooks)`,only:`wc`},"remove-button":{description:`The remove button of a tag (web components only, see tag)`,only:`wc`},control:{description:`The text field box (web components only: React renders an Input, styled with its own hooks)`,only:`wc`},input:{description:`The native text <input> (role="combobox"; web components only, see control)`,only:`wc`},list:{description:`The suggestion list (role=listbox, while open)`},option:{description:`A suggestion (role=option; the highlighted one has aria-selected="true. Item state: highlighted")`,itemStates:{highlighted:!0}},empty:{description:`The text shown when no suggestion matches`},"add-button":{description:`The add button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`},"clear-button":{description:`The clear button (web components only: React renders an IconButton, styled with its own hooks)`,only:`wc`}},states:{state:[`open`,`closed`],disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`]}}),"text-link":l({description:`A styled native link (default inline link, subtle link with a chevron, action row)`,react:[`TextLink`],wc:`minerva-text-link`,parts:{root:{description:`The native <a> (React: the slotted child with asChild)`}},states:{variant:[`default`,`subtle`,`action`]}}),textarea:l({description:`A multi-line text field sharing the input's look`,react:[`Textarea`],wc:`minerva-textarea`,parts:{root:{description:`The native <textarea>`}},states:{disabled:!0,invalid:!0,readonly:!0,required:!0,size:[`small`,`medium`,`large`],variant:[`outline`,`filled`,`unstyled`]}}),"theme-toggle":l({description:`A light / dark / system theme switch (a group of toggle buttons)`,react:[`ThemeToggle`],wc:`minerva-theme-toggle`,parts:{root:{description:`The role=group wrapper`},item:{description:`Every option button (aria-pressed on the selected one). Item state: active (the selected option, aria-pressed) / inactive`,itemStates:{state:[`active`,`inactive`]}}},states:{}}),"time-picker":l({description:`A time field with a popup of hours / minutes / seconds columns`,react:[`TimePicker`],wc:`minerva-time-picker`,parts:{root:{description:`The field wrapper (anchor of the panel)`,states:[`state`,`disabled`,`readonly`,`invalid`,`size`]},control:{description:`The input box (web components only: React renders a nested Input, style its hooks)`,only:`wc`},input:{description:`The native <input> (web components only: React renders a nested Input, style its hooks)`,only:`wc`},"clear-button":{description:`The clear button (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`},icon:{description:`The clock icon (shown when there is no clear button)`},content:{description:`The popup panel (role=dialog)`,states:[`state`,`side`,`align`,`placement`]},column:{description:`An hours / minutes / seconds / AM-PM column (role=listbox)`},item:{description:`A time unit (role=option). Item states: selected, disabled`,itemStates:{selected:!0,disabled:!0}}},states:{state:[`open`,`closed`],disabled:!0,readonly:!0,invalid:!0,size:[`small`,`medium`,`large`],side:[`top`,`bottom`],align:[`start`,`end`],placement:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]}}),"toast-region":l({description:`The fixed stack (role=region) rendering the toasts of the toast() API`,react:[`ToastProvider`],wc:`minerva-toast-region`,parts:{root:{description:`The fixed stack (role=region)`},toast:{description:`A toast (role=status, or alert for danger). Item states: open / closed (while leaving), color, loading`,itemStates:{state:[`open`,`closed`],color:[`info`,`success`,`warning`,`danger`],loading:!0}},icon:{description:`The icon of a toast (spinner while loading)`},title:{description:`The title of a toast`},description:{description:`The description of a toast`},action:{description:`The action button of a toast`},"close-button":{description:`The close (×) button of a toast`},progress:{description:`The countdown bar of a timed toast`}},states:{}}),toolbar:l({description:`A wrapping row of related controls (role=group)`,react:[`Toolbar`],wc:`minerva-toolbar`,parts:{root:{description:`The group`}},states:{}}),tooltip:l({description:`Informative content shown when the wrapped element is hovered or focused`,react:[`Tooltip`],wc:`minerva-tooltip`,parts:{trigger:{description:`The wrapper around the trigger (React: not rendered with asChild, the child keeps its own hooks)`,states:[`state`,`disabled`]},content:{description:`The positioned tooltip (role=tooltip, while shown)`,states:[`state`,`color`,`variant`,`shape`,`side`,`align`,`placement`]},arrow:{description:`The arrow pointing at the trigger (with arrow)`}},states:{state:[`open`,`closed`],disabled:!0,color:[`neutral`,`info`,`success`,`warning`,`danger`],variant:[`solid`,`subtle`,`glass`],shape:[`default`,`rounded`,`thought`,`square`],side:[`top`,`right`,`bottom`,`left`],align:[`start`,`center`,`end`],placement:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]}}),upload:l({description:`A file picker with a drop zone, validation and a list of files with their status`,react:[`Upload`],wc:`minerva-upload`,parts:{root:{description:`The container (role=group)`},label:{description:`The visible label`},dropzone:{description:`The drop target`},"select-button":{description:`The select button (web components only: React renders a nested Button, style its hooks)`,only:`wc`},error:{description:`The selection error (web components only: React renders a nested Alert, style its hooks)`,only:`wc`},list:{description:`The file list`},item:{description:`A file. Item state: status of the file`,itemStates:{status:[`uploading`,`done`,`error`]}},"retry-button":{description:`The retry button of a failed file (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`},"remove-button":{description:`The remove button of a file (web components only: React renders a nested IconButton, style its hooks)`,only:`wc`}},states:{disabled:!0,loading:!0,dragging:!0}}),"virtual-list":l({description:`A virtualized scrolling list that only renders the visible rows, with infinite loading`,react:[`VirtualList`],wc:`minerva-virtual-list`,parts:{root:{description:`The scroll container (role=region)`},list:{description:`The list (role=list) sized to all the rows`},item:{description:`A rendered row (role=listitem)`},loading:{description:`The loading indicator row (while loading)`}},states:{loading:!0}}),vstack:l({description:`A vertical stack (column), stretched on the cross axis by default`,react:[`VStack`],wc:`minerva-vstack`,parts:{root:{description:`The flex container`}},states:{}})},d=[`minerva-config`,`minerva-confirm-provider`,`minerva-description-item`,`minerva-menu-checkbox-item`,`minerva-menu-group`,`minerva-menu-item`,`minerva-menu-label`,`minerva-menu-radio-item`,`minerva-menu-separator`,`minerva-tooltip-provider`],f=e=>t.includes(e);function p(e={}){return Object.entries(e).map(([e,t])=>f(e)||t===!0?`[${i(e)}]`:`[${i(e)}="${t}"]`).join(``)}function m(e={}){return Object.entries(e).map(([e,t])=>`:state(${a(e,t===!0?void 0:t)})`).join(``)}function h(e,t,n,r){return`[data-minerva="${e}"]${t?`[data-part="${t}"]`:``}${p(n)}${p(r)}`}function g(e,t={}){return[e,...Object.entries(t).map(([t,n])=>s(e,t,n===!0?void 0:n))].join(` `)}function _(e,t,n,r){let i=u[e]?.wc??`minerva-${e}`,a=t&&r?g(t,r):t;return`${i}${m(n)}${a?`::part(${a})`:``}`}function v(e){return Object.fromEntries(Object.keys(e).sort().map(t=>{let n=e[t];return[t,Array.isArray(n)?[...n].sort():n]}))}function y(e=u){return Object.fromEntries(Object.keys(e).sort().map(t=>{let n=e[t];return[t,{react:[...n.react].sort(),wc:n.wc,parts:Object.fromEntries(Object.keys(n.parts).sort().map(e=>{let{states:t,only:r,itemStates:i}=n.parts[e];return[e,{...t?{states:[...t].sort()}:{},...r?{only:r}:{},...i?{itemStates:v(i)}:{}}]})),states:v(n.states)}]}))}exports.ATTRIBUTES=r,exports.BOOLEAN_STATES=t,exports.ITEM_STATE_SEPARATOR=o,exports.KEYED_STATES=n,exports.NON_VISUAL_ELEMENTS=d,exports.STABILITY_POLICY=c,exports.STATE_VALUES=e,exports.customStateName=a,exports.defineHooks=l,exports.hookSurface=y,exports.itemPartName=s,exports.reactSelector=h,exports.reactStateSelector=p,exports.stateAttribute=i,exports.stylingHooks=u,exports.wcItemParts=g,exports.wcSelector=_,exports.wcStateSelector=m;
 //# sourceMappingURL=styling-hooks.cjs.map