@chayns-ui/core 0.3.2 → 0.4.0

package/README.md

@@ -39,13 +39,17 @@ import '@chayns-ui/core/button.css';
 | `Button`, `IconButton` | `@chayns-ui/core/button.css` |
 | `Card` | `@chayns-ui/core/card.css` |
 | `Avatar`, `AvatarGroup` | `@chayns-ui/core/avatar.css` |
-| `List`, `ListItem` | `@chayns-ui/core/list.css` |
+| `List` | `@chayns-ui/core/list.css` |
+| `TextField`, `TextArea`, `Checkbox`, `Switch`, `RadioGroup`, `SegmentedControl`, `MessageBox` | their matching CSS export |
 | `Accordion`, `AccordionGroup` | `@chayns-ui/core/accordion.css` |
 | `Popup`, `PopupList` | `@chayns-ui/core/popup.css` |
 | `SplitButton` | `@chayns-ui/core/split-button.css` |
 
 Alternativ lädt `@chayns-ui/core/styles.css` das gebündelte CSS aller Komponenten.
 
+`ListItem` wurde vor 1.0 durch `List.Item` ersetzt. Komponiere Zeilen mit
+`List.Item.Action`, `List.Item.Body`, `List.Item.Title` und optionalen Slots.
+
 ## Hinweise
 
 Die Bibliothek lädt keine Fonts, injiziert kein CSS und kalibriert keine

package/dist/checkbox.css

@@ -0,0 +1,83 @@
+@layer chayns.components {
+  .chayns-checkbox {
+    display: inline-flex;
+    align-items: flex-start;
+    gap: var(--k12);
+    margin: 0;
+    color: var(--text);
+    cursor: pointer;
+  }
+
+  .chayns-checkbox__input {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .chayns-checkbox__control {
+    box-sizing: border-box;
+    display: inline-grid;
+    inline-size: var(--k20);
+    block-size: var(--k20);
+    flex: none;
+    place-items: center;
+    margin-block-start: 1px;
+    border: 2px solid var(--input-border);
+    border-radius: 6px;
+    background: transparent;
+  }
+
+  .chayns-checkbox__control::after {
+    inline-size: calc(var(--k8) - 2px);
+    block-size: var(--k12);
+    border-inline-end: 2px solid var(--on-accent);
+    border-block-end: 2px solid var(--on-accent);
+    content: '';
+    opacity: 0;
+    transform: rotate(45deg) scale(0.6);
+    transition:
+      opacity 0.12s ease,
+      transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);
+  }
+
+  .chayns-checkbox__input:checked + .chayns-checkbox__control {
+    border-color: var(--accent);
+    background: var(--accent);
+  }
+
+  .chayns-checkbox__input:checked + .chayns-checkbox__control::after {
+    opacity: 1;
+    transform: rotate(45deg) scale(1);
+  }
+
+  .chayns-checkbox__input:focus-visible + .chayns-checkbox__control {
+    outline: var(--focus-ring-size) solid rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong));
+    outline-offset: 2px;
+  }
+
+  .chayns-checkbox:has(.chayns-checkbox__input:disabled) {
+    color: var(--disabled-fg);
+    cursor: not-allowed;
+  }
+
+  .chayns-checkbox__input:disabled + .chayns-checkbox__control {
+    border-color: var(--disabled-border);
+    background: var(--disabled-bg);
+  }
+
+  .chayns-checkbox__label {
+    font-size: var(--fs-body);
+    font-weight: 500;
+    line-height: 1.4;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .chayns-checkbox__control::after {
+      transition: none;
+    }
+  }
+}

package/dist/components/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,SAAS,GAAI,gFAShB,cAAc,gCA8EhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,SAAS,GAAI,gFAShB,cAAc,gCAiFhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/accordion/Accordion.js

@@ -49,10 +49,13 @@ var Accordion = ({ children, className, defaultOpen = false, disabled = false, i
 				children: title
 			})]
 		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": !isOpen,
 			"aria-labelledby": headerId,
 			className: "chayns-accordion__panel",
 			id: panelId,
+			inert: !isOpen,
 			role: "region",
+			style: { gridTemplateRows: isOpen ? "1fr" : "0fr" },
 			children: /* @__PURE__ */ jsx("div", {
 				className: "chayns-accordion__inner",
 				children: /* @__PURE__ */ jsx("div", {

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useContext, useId, useState } from 'react';\n\nimport { AccordionDepthContext, AccordionGroupContext } from './AccordionContext.js';\nimport type { AccordionProps } from './Accordion.types.js';\n\nconst Accordion = ({\n  children,\n  className,\n  defaultOpen = false,\n  disabled = false,\n  id,\n  onOpenChange,\n  open,\n  title,\n}: AccordionProps) => {\n  const depth = useContext(AccordionDepthContext);\n  const group = useContext(AccordionGroupContext);\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const headerId = `${baseId}-header`;\n  const panelId = `${baseId}-panel`;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  let isOpen: boolean;\n  if (group) {\n    isOpen = group.isOpen(baseId);\n  } else if (open !== undefined) {\n    isOpen = open;\n  } else {\n    isOpen = uncontrolledOpen;\n  }\n\n  const handleToggle = () => {\n    if (group) {\n      group.toggle(baseId);\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    if (open === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const grouped = group !== null;\n  const wrapped = !grouped && depth > 0;\n  const variantClassName = grouped\n    ? 'chayns-accordion--grouped'\n    : wrapped\n      ? 'chayns-accordion--wrapped'\n      : 'chayns-accordion--standalone';\n\n  const rootClassName = [\n    'chayns-accordion',\n    variantClassName,\n    isOpen ? 'chayns-accordion--open' : null,\n    disabled ? 'chayns-accordion--disabled' : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClassName}>\n      <button\n        aria-controls={panelId}\n        aria-expanded={isOpen}\n        className=\"chayns-accordion__header\"\n        disabled={disabled}\n        id={headerId}\n        onClick={handleToggle}\n        type=\"button\"\n      >\n        <i aria-hidden=\"true\" className=\"chayns-accordion__chevron far fa-chevron-right\" />\n        <span className=\"chayns-accordion__title\">{title}</span>\n      </button>\n      <div\n        aria-labelledby={headerId}\n        className=\"chayns-accordion__panel\"\n        id={panelId}\n        role=\"region\"\n      >\n        <div className=\"chayns-accordion__inner\">\n          <div className=\"chayns-accordion__content\">\n            <AccordionDepthContext.Provider value={depth + 1}>\n              {children}\n            </AccordionDepthContext.Provider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;AAKA,IAAM,aAAa,EACjB,UACA,WACA,cAAc,OACd,WAAW,OACX,IACA,cACA,MACA,YACoB;CACpB,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,cAAc,MAAM;CAC1B,MAAM,SAAS,MAAM;CACrB,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAE1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CAEpE,IAAI;CACJ,IAAI,OACF,SAAS,MAAM,OAAO,MAAM;MACvB,IAAI,SAAS,KAAA,GAClB,SAAS;MAET,SAAS;CAGX,MAAM,qBAAqB;EACzB,IAAI,OAAO;GACT,MAAM,OAAO,MAAM;GACnB;EACF;EAEA,MAAM,WAAW,CAAC;EAClB,IAAI,SAAS,KAAA,GAAW,oBAAoB,QAAQ;EACpD,eAAe,QAAQ;CACzB;CAEA,MAAM,UAAU,UAAU;CAQ1B,MAAM,gBAAgB;EACpB;EAPuB,UACrB,8BAFY,CAAC,WAAW,QAAQ,IAI9B,8BACA;EAKJ,SAAS,2BAA2B;EACpC,WAAW,+BAA+B;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,WAAW;EAAhB,UAAA,CACE,qBAAC,UAAD;GACE,iBAAe;GACf,iBAAe;GACf,WAAU;GACA;GACV,IAAI;GACJ,SAAS;GACT,MAAK;GAPP,UAAA,CASE,oBAAC,KAAD;IAAG,eAAY;IAAO,WAAU;GAAkD,CAAA,GAClF,oBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,CACjD;EACR,CAAA,GAAA,oBAAC,OAAD;GACE,mBAAiB;GACjB,WAAU;GACV,IAAI;GACJ,MAAK;GAEL,UAAA,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,sBAAsB,UAAvB;MAAgC,OAAO,QAAQ;MAC5C;KAC6B,CAAA;IAC7B,CAAA;GACF,CAAA;EACF,CAAA,CACF;;AAET"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useContext, useId, useState } from 'react';\n\nimport { AccordionDepthContext, AccordionGroupContext } from './AccordionContext.js';\nimport type { AccordionProps } from './Accordion.types.js';\n\nconst Accordion = ({\n  children,\n  className,\n  defaultOpen = false,\n  disabled = false,\n  id,\n  onOpenChange,\n  open,\n  title,\n}: AccordionProps) => {\n  const depth = useContext(AccordionDepthContext);\n  const group = useContext(AccordionGroupContext);\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const headerId = `${baseId}-header`;\n  const panelId = `${baseId}-panel`;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  let isOpen: boolean;\n  if (group) {\n    isOpen = group.isOpen(baseId);\n  } else if (open !== undefined) {\n    isOpen = open;\n  } else {\n    isOpen = uncontrolledOpen;\n  }\n\n  const handleToggle = () => {\n    if (group) {\n      group.toggle(baseId);\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    if (open === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const grouped = group !== null;\n  const wrapped = !grouped && depth > 0;\n  const variantClassName = grouped\n    ? 'chayns-accordion--grouped'\n    : wrapped\n      ? 'chayns-accordion--wrapped'\n      : 'chayns-accordion--standalone';\n\n  const rootClassName = [\n    'chayns-accordion',\n    variantClassName,\n    isOpen ? 'chayns-accordion--open' : null,\n    disabled ? 'chayns-accordion--disabled' : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClassName}>\n      <button\n        aria-controls={panelId}\n        aria-expanded={isOpen}\n        className=\"chayns-accordion__header\"\n        disabled={disabled}\n        id={headerId}\n        onClick={handleToggle}\n        type=\"button\"\n      >\n        <i aria-hidden=\"true\" className=\"chayns-accordion__chevron far fa-chevron-right\" />\n        <span className=\"chayns-accordion__title\">{title}</span>\n      </button>\n      <div\n        aria-hidden={!isOpen}\n        aria-labelledby={headerId}\n        className=\"chayns-accordion__panel\"\n        id={panelId}\n        inert={!isOpen}\n        role=\"region\"\n        style={{ gridTemplateRows: isOpen ? '1fr' : '0fr' }}\n      >\n        <div className=\"chayns-accordion__inner\">\n          <div className=\"chayns-accordion__content\">\n            <AccordionDepthContext.Provider value={depth + 1}>\n              {children}\n            </AccordionDepthContext.Provider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;AAKA,IAAM,aAAa,EACjB,UACA,WACA,cAAc,OACd,WAAW,OACX,IACA,cACA,MACA,YACoB;CACpB,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,cAAc,MAAM;CAC1B,MAAM,SAAS,MAAM;CACrB,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAE1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CAEpE,IAAI;CACJ,IAAI,OACF,SAAS,MAAM,OAAO,MAAM;MACvB,IAAI,SAAS,KAAA,GAClB,SAAS;MAET,SAAS;CAGX,MAAM,qBAAqB;EACzB,IAAI,OAAO;GACT,MAAM,OAAO,MAAM;GACnB;EACF;EAEA,MAAM,WAAW,CAAC;EAClB,IAAI,SAAS,KAAA,GAAW,oBAAoB,QAAQ;EACpD,eAAe,QAAQ;CACzB;CAEA,MAAM,UAAU,UAAU;CAQ1B,MAAM,gBAAgB;EACpB;EAPuB,UACrB,8BAFY,CAAC,WAAW,QAAQ,IAI9B,8BACA;EAKJ,SAAS,2BAA2B;EACpC,WAAW,+BAA+B;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,WAAW;EAAhB,UAAA,CACE,qBAAC,UAAD;GACE,iBAAe;GACf,iBAAe;GACf,WAAU;GACA;GACV,IAAI;GACJ,SAAS;GACT,MAAK;GAPP,UAAA,CASE,oBAAC,KAAD;IAAG,eAAY;IAAO,WAAU;GAAkD,CAAA,GAClF,oBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,CACjD;EACR,CAAA,GAAA,oBAAC,OAAD;GACE,eAAa,CAAC;GACd,mBAAiB;GACjB,WAAU;GACV,IAAI;GACJ,OAAO,CAAC;GACR,MAAK;GACL,OAAO,EAAE,kBAAkB,SAAS,QAAQ,MAAM;GAElD,UAAA,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,sBAAsB,UAAvB;MAAgC,OAAO,QAAQ;MAC5C;KAC6B,CAAA;IAC7B,CAAA;GACF,CAAA;EACF,CAAA,CACF;;AAET"}

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxProps } from './Checkbox.types.js';
+declare function Checkbox({ children, className, ...inputProps }: CheckboxProps): import("react").JSX.Element;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,aAAa,+BAUtE;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkbox/Checkbox.tsx
+function Checkbox({ children, className, ...inputProps }) {
+	const inputClassName = ["chayns-checkbox__input", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("label", {
+		className: "chayns-checkbox",
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				...inputProps,
+				className: inputClassName,
+				type: "checkbox"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "chayns-checkbox__control"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "chayns-checkbox__label",
+				children
+			})
+		]
+	});
+}
+//#endregion
+export { Checkbox as default };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from './Checkbox.types.js';\n\nfunction Checkbox({ children, className, ...inputProps }: CheckboxProps) {\n  const inputClassName = ['chayns-checkbox__input', className].filter(Boolean).join(' ');\n\n  return (\n    <label className=\"chayns-checkbox\">\n      <input {...inputProps} className={inputClassName} type=\"checkbox\" />\n      <span aria-hidden=\"true\" className=\"chayns-checkbox__control\" />\n      <span className=\"chayns-checkbox__label\">{children}</span>\n    </label>\n  );\n}\n\nexport default Checkbox;\n"],"mappings":";;AAEA,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,cAA6B;CACvE,MAAM,iBAAiB,CAAC,0BAA0B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAErF,OACE,qBAAC,SAAD;EAAO,WAAU;EAAjB,UAAA;GACE,oBAAC,SAAD;IAAO,GAAI;IAAY,WAAW;IAAgB,MAAK;GAAY,CAAA;GACnE,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;GAA4B,CAAA;GAC/D,oBAAC,QAAD;IAAM,WAAU;IAA0B;GAAe,CAAA;EACpD;;AAEX"}

package/dist/components/checkbox/Checkbox.types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Props for a visible-label native checkbox. */
+export interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'children' | 'type'> {
+    /** Visible, localized label associated with the native checkbox. */
+    children: Exclude<ReactNode, boolean | null | undefined>;
+    /** Checkbox owns its native input type. */
+    type?: never;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/dist/components/checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iDAAiD;AACjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9F,oEAAoE;IACpE,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAEzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}

package/dist/components/list/List.d.ts

@@ -1,4 +1,16 @@
-import type { ListProps } from './List.types.js';
-declare const List: ({ children, className, ...listProps }: ListProps) => import("react").JSX.Element;
+import type { ListItemActionProps, ListItemPartProps, ListItemStatusProps } from './List.types.js';
+declare function Action(props: ListItemActionProps): import("react").JSX.Element;
+declare function Status({ label }: ListItemStatusProps): import("react").JSX.Element;
+declare const List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>> & {
+        Action: typeof Action;
+        Body: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+        Description: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+        Leading: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+        Status: typeof Status;
+        Title: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+        Trailing: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+    };
+};
 export default List;
 //# sourceMappingURL=List.d.ts.map

package/dist/components/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,QAAA,MAAM,IAAI,GAAI,uCAAuC,SAAS,gCAQ7D,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAEjB,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAkBzB,iBAAS,MAAM,CAAC,KAAK,EAAE,mBAAmB,+BAsBzC;AAaD,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAS7C;AAiBD,QAAA,MAAM,IAAI;;;2DAlCiE,iBAAiB;kEAAjB,iBAAiB;8DAAjB,iBAAiB;;4DAAjB,iBAAiB;+DAAjB,iBAAiB;;CA4C1F,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/components/list/List.js

@@ -1,13 +1,86 @@
-import { jsx } from "react/jsx-runtime";
+import { ListContext, ListItemContext, useListContext, useListItemContext } from "./ListContext.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 //#region src/components/list/List.tsx
-var List = ({ children, className, ...listProps }) => {
-	const resolvedClassName = ["chayns-list", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsx("ul", {
-		...listProps,
+var Item = forwardRef(function Item({ children, className, ...itemProps }, ref) {
+	useListContext();
+	const resolvedClassName = ["chayns-list-item", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(ListItemContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx("li", {
+			...itemProps,
+			className: resolvedClassName,
+			ref,
+			children
+		})
+	});
+});
+function Action(props) {
+	useListItemContext("Action");
+	if (props.href !== void 0) {
+		const { children, className, href, ...anchorProps } = props;
+		const resolvedClassName = ["chayns-list-item__action", className].filter(Boolean).join(" ");
+		return /* @__PURE__ */ jsx("a", {
+			...anchorProps,
+			className: resolvedClassName,
+			href,
+			children
+		});
+	}
+	const { children, className, ...buttonProps } = props;
+	const resolvedClassName = ["chayns-list-item__action", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("button", {
+		...buttonProps,
 		className: resolvedClassName,
+		type: "button",
 		children
 	});
-};
+}
+function createPart(name) {
+	const className = `chayns-list-item__${name.toLowerCase()}`;
+	return function ListItemPart({ children, className: consumerClassName }) {
+		useListItemContext(name);
+		const resolvedClassName = [className, consumerClassName].filter(Boolean).join(" ");
+		return /* @__PURE__ */ jsx("span", {
+			className: resolvedClassName,
+			children
+		});
+	};
+}
+function Status({ label }) {
+	useListItemContext("Status");
+	return /* @__PURE__ */ jsxs("span", {
+		className: "chayns-list-item__status",
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "chayns-list-item__status-dot"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "chayns-visually-hidden",
+			children: label
+		})]
+	});
+}
+var ListRoot = forwardRef(function List({ children, className, ...listProps }, ref) {
+	const resolvedClassName = ["chayns-list", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(ListContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx("ul", {
+			...listProps,
+			className: resolvedClassName,
+			ref,
+			children
+		})
+	});
+});
+var List = Object.assign(ListRoot, { Item: Object.assign(Item, {
+	Action,
+	Body: createPart("Body"),
+	Description: createPart("Description"),
+	Leading: createPart("Leading"),
+	Status,
+	Title: createPart("Title"),
+	Trailing: createPart("Trailing")
+}) });
 //#endregion
 export { List as default };
 

package/dist/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import type { ListProps } from './List.types.js';\n\nconst List = ({ children, className, ...listProps }: ListProps) => {\n  const resolvedClassName = ['chayns-list', className].filter(Boolean).join(' ');\n\n  return (\n    <ul {...listProps} className={resolvedClassName}>\n      {children}\n    </ul>\n  );\n};\n\nexport default List;\n"],"mappings":";;AAEA,IAAM,QAAQ,EAAE,UAAU,WAAW,GAAG,gBAA2B;CACjE,MAAM,oBAAoB,CAAC,eAAe,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE7E,OACE,oBAAC,MAAD;EAAI,GAAI;EAAW,WAAW;EAC3B;CACC,CAAA;AAER"}
+{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ListContext, ListItemContext, useListContext, useListItemContext } from './ListContext.js';\nimport type {\n  ListItemActionProps,\n  ListItemPartProps,\n  ListItemProps,\n  ListItemStatusProps,\n  ListProps,\n} from './List.types.js';\n\nconst Item = forwardRef<HTMLLIElement, ListItemProps>(function Item(\n  { children, className, ...itemProps },\n  ref,\n) {\n  useListContext();\n  const resolvedClassName = ['chayns-list-item', className].filter(Boolean).join(' ');\n\n  return (\n    <ListItemContext.Provider value>\n      <li {...itemProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </li>\n    </ListItemContext.Provider>\n  );\n});\n\nfunction Action(props: ListItemActionProps) {\n  useListItemContext('Action');\n\n  if (props.href !== undefined) {\n    const { children, className, href, ...anchorProps } = props;\n    const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n    return (\n      <a {...anchorProps} className={resolvedClassName} href={href}>\n        {children}\n      </a>\n    );\n  }\n\n  const { children, className, ...buttonProps } = props;\n  const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n  return (\n    <button {...buttonProps} className={resolvedClassName} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nfunction createPart(name: 'Leading' | 'Body' | 'Title' | 'Description' | 'Trailing') {\n  const className = `chayns-list-item__${name.toLowerCase()}`;\n\n  return function ListItemPart({ children, className: consumerClassName }: ListItemPartProps) {\n    useListItemContext(name);\n    const resolvedClassName = [className, consumerClassName].filter(Boolean).join(' ');\n\n    return <span className={resolvedClassName}>{children}</span>;\n  };\n}\n\nfunction Status({ label }: ListItemStatusProps) {\n  useListItemContext('Status');\n\n  return (\n    <span className=\"chayns-list-item__status\">\n      <span aria-hidden=\"true\" className=\"chayns-list-item__status-dot\" />\n      <span className=\"chayns-visually-hidden\">{label}</span>\n    </span>\n  );\n}\n\nconst ListRoot = forwardRef<HTMLUListElement, ListProps>(function List(\n  { children, className, ...listProps },\n  ref,\n) {\n  const resolvedClassName = ['chayns-list', className].filter(Boolean).join(' ');\n\n  return (\n    <ListContext.Provider value>\n      <ul {...listProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </ul>\n    </ListContext.Provider>\n  );\n});\n\nconst List = Object.assign(ListRoot, {\n  Item: Object.assign(Item, {\n    Action,\n    Body: createPart('Body'),\n    Description: createPart('Description'),\n    Leading: createPart('Leading'),\n    Status,\n    Title: createPart('Title'),\n    Trailing: createPart('Trailing'),\n  }),\n});\n\nexport default List;\n"],"mappings":";;;;AAWA,IAAM,OAAO,WAAyC,SAAS,KAC7D,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,eAAe;CACf,MAAM,oBAAoB,CAAC,oBAAoB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAElF,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAA;EACxB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACoB,CAAA;AAE9B,CAAC;AAED,SAAS,OAAO,OAA4B;CAC1C,mBAAmB,QAAQ;CAE3B,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,gBAAgB;EACtD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAE1F,OACE,oBAAC,KAAD;GAAG,GAAI;GAAa,WAAW;GAAyB;GACrD;EACA,CAAA;CAEP;CAEA,MAAM,EAAE,UAAU,WAAW,GAAG,gBAAgB;CAChD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE1F,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAa,WAAW;EAAmB,MAAK;EACzD;CACK,CAAA;AAEZ;AAEA,SAAS,WAAW,MAAiE;CACnF,MAAM,YAAY,qBAAqB,KAAK,YAAY;CAExD,OAAO,SAAS,aAAa,EAAE,UAAU,WAAW,qBAAwC;EAC1F,mBAAmB,IAAI;EACvB,MAAM,oBAAoB,CAAC,WAAW,iBAAiB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAEjF,OAAO,oBAAC,QAAD;GAAM,WAAW;GAAoB;EAAe,CAAA;CAC7D;AACF;AAEA,SAAS,OAAO,EAAE,SAA8B;CAC9C,mBAAmB,QAAQ;CAE3B,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;EAAgC,CAAA,GACnE,oBAAC,QAAD;GAAM,WAAU;GAA0B,UAAA;EAAY,CAAA,CAClD;;AAEV;AAEA,IAAM,WAAW,WAAwC,SAAS,KAChE,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,MAAM,oBAAoB,CAAC,eAAe,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE7E,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAA;EACpB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACgB,CAAA;AAE1B,CAAC;AAED,IAAM,OAAO,OAAO,OAAO,UAAU,EACnC,MAAM,OAAO,OAAO,MAAM;CACxB;CACA,MAAM,WAAW,MAAM;CACvB,aAAa,WAAW,aAAa;CACrC,SAAS,WAAW,SAAS;CAC7B;CACA,OAAO,WAAW,OAAO;CACzB,UAAU,WAAW,UAAU;AACjC,CAAC,EACH,CAAC"}

package/dist/components/list/List.types.d.ts

@@ -1,80 +1,20 @@
-import type { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
-/**
- * @description Props for the vertical list container. Renders a native
- * `<ul>` and forwards all remaining native list props, `className` and
- * `ref`.
- */
-export interface ListProps extends ComponentPropsWithRef<'ul'> {
-    /**
-     * @description List items, typically `ListItem` elements.
-     */
-    children?: ReactNode;
-}
-/**
- * @description Props for a single list row, rendered as a navigation link
- * when `href` is set or as an action button when `onClick` is set.
- */
-export interface ListItemProps {
-    /**
-     * @description Primary single-line row label.
-     */
-    title: ReactNode;
-    /**
-     * @description Optional secondary single-line preview text shown below
-     * `title`.
-     */
-    subtitle?: ReactNode;
-    /**
-     * @description Optional leading slot, for example an `Avatar` or icon.
-     */
-    leading?: ReactNode;
-    /**
-     * @description Optional trailing slot for row-level actions or metadata,
-     * freely composable as any `ReactNode`. Consumers render their own content
-     * here, including any future standard-content sub-components chayns UI
-     * provides for recurring trailing content.
-     */
-    trailing?: ReactNode;
-    /**
-     * @description Shows an accent unread indicator.
-     * @default false
-     * @remarks Pending replacement per LIST-006 (CONFIRMED): this boolean
-     * contract is planned to be superseded by a generic, non-chat-specific
-     * status/accent indicator composed via `trailing`. The exact replacement
-     * component/prop name is not yet decided — do not assume a new prop name
-     * is already available.
-     */
-    unread?: boolean;
-    /**
-     * @description Localized accessible name for the unread indicator. Required
-     * for the indicator to be perceivable by assistive technology; see the
-     * `unread` remarks regarding its planned replacement.
-     */
-    unreadLabel?: string;
-    /**
-     * @description Renders the row as a navigation link (native `<a>`) with
-     * this destination. Mutually exclusive in practice with `onClick` — a row
-     * represents either navigation or an action, not both.
-     */
-    href?: string;
-    /**
-     * @description Renders the row as an action button (native `<button>`)
-     * with this click handler.
-     */
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * @description Disables the action button variant. Not applicable when the
-     * row renders as a navigation link.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @description Additional class names appended to the list item element.
-     */
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+export type ListProps = ComponentPropsWithRef<'ul'>;
+export type ListItemProps = ComponentPropsWithRef<'li'>;
+export type ListItemActionProps = (Omit<ComponentPropsWithRef<'a'>, 'children'> & {
+    children: ReactNode;
+    href: string;
+}) | (Omit<ComponentPropsWithRef<'button'>, 'children' | 'type'> & {
+    children: ReactNode;
+    href?: never;
+    type?: never;
+});
+export interface ListItemPartProps {
+    children: ReactNode;
     className?: string;
-    /**
-     * @description Optional id on the list item element.
-     */
-    id?: string;
+}
+export interface ListItemStatusProps {
+    /** Localized description of the otherwise colour-only status dot. */
+    label: Exclude<ReactNode, boolean | null | undefined>;
 }
 //# sourceMappingURL=List.types.d.ts.map

package/dist/components/list/List.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF;;;;GAIG;AACH,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,IAAI,CAAC;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAC3B,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,GACtF,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEP,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,qEAAqE;IACrE,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACvD"}

package/dist/components/list/ListContext.d.ts

@@ -0,0 +1,6 @@
+declare const ListContext: import("react").Context<boolean>;
+declare const ListItemContext: import("react").Context<boolean>;
+declare function useListContext(): void;
+declare function useListItemContext(part: string): void;
+export { ListContext, ListItemContext, useListContext, useListItemContext };
+//# sourceMappingURL=ListContext.d.ts.map

package/dist/components/list/ListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/components/list/ListContext.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,kCAAuB,CAAC;AACzC,QAAA,MAAM,eAAe,kCAAuB,CAAC;AAE7C,iBAAS,cAAc,SAItB;AAED,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,QAIvC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/list/ListContext.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from "react";
+//#region src/components/list/ListContext.ts
+var ListContext = createContext(false);
+var ListItemContext = createContext(false);
+function useListContext() {
+	if (!useContext(ListContext)) throw new Error("List.Item must be rendered within List.");
+}
+function useListItemContext(part) {
+	if (!useContext(ListItemContext)) throw new Error(`List.Item.${part} must be rendered within List.Item.`);
+}
+//#endregion
+export { ListContext, ListItemContext, useListContext, useListItemContext };
+
+//# sourceMappingURL=ListContext.js.map

package/dist/components/list/ListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContext.js","names":[],"sources":["../../../src/components/list/ListContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst ListContext = createContext(false);\nconst ListItemContext = createContext(false);\n\nfunction useListContext() {\n  if (!useContext(ListContext)) {\n    throw new Error('List.Item must be rendered within List.');\n  }\n}\n\nfunction useListItemContext(part: string) {\n  if (!useContext(ListItemContext)) {\n    throw new Error(`List.Item.${part} must be rendered within List.Item.`);\n  }\n}\n\nexport { ListContext, ListItemContext, useListContext, useListItemContext };\n"],"mappings":";;AAEA,IAAM,cAAc,cAAc,KAAK;AACvC,IAAM,kBAAkB,cAAc,KAAK;AAE3C,SAAS,iBAAiB;CACxB,IAAI,CAAC,WAAW,WAAW,GACzB,MAAM,IAAI,MAAM,yCAAyC;AAE7D;AAEA,SAAS,mBAAmB,MAAc;CACxC,IAAI,CAAC,WAAW,eAAe,GAC7B,MAAM,IAAI,MAAM,aAAa,KAAK,oCAAoC;AAE1E"}

package/dist/components/message-box/MessageBox.d.ts

@@ -0,0 +1,4 @@
+import type { MessageBoxProps } from './MessageBox.types.js';
+declare function MessageBox({ children, className, tone, ...asideProps }: MessageBoxProps): import("react").JSX.Element;
+export default MessageBox;
+//# sourceMappingURL=MessageBox.d.ts.map

package/dist/components/message-box/MessageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.d.ts","sourceRoot":"","sources":["../../../src/components/message-box/MessageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,UAAU,EAAE,EAAE,eAAe,+BAU5F;AAED,eAAe,UAAU,CAAC"}

package/dist/components/message-box/MessageBox.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/components/message-box/MessageBox.tsx
+function MessageBox({ children, className, tone = "neutral", ...asideProps }) {
+	const resolvedClassName = [
+		"chayns-message-box",
+		`chayns-message-box--${tone}`,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("aside", {
+		...asideProps,
+		className: resolvedClassName,
+		role: "note",
+		children
+	});
+}
+//#endregion
+export { MessageBox as default };
+
+//# sourceMappingURL=MessageBox.js.map

package/dist/components/message-box/MessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.js","names":[],"sources":["../../../src/components/message-box/MessageBox.tsx"],"sourcesContent":["import type { MessageBoxProps } from './MessageBox.types.js';\n\nfunction MessageBox({ children, className, tone = 'neutral', ...asideProps }: MessageBoxProps) {\n  const resolvedClassName = ['chayns-message-box', `chayns-message-box--${tone}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <aside {...asideProps} className={resolvedClassName} role=\"note\">\n      {children}\n    </aside>\n  );\n}\n\nexport default MessageBox;\n"],"mappings":";;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,OAAO,WAAW,GAAG,cAA+B;CAC7F,MAAM,oBAAoB;EAAC;EAAsB,uBAAuB;EAAQ;CAAS,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,SAAD;EAAO,GAAI;EAAY,WAAW;EAAmB,MAAK;EACvD;CACI,CAAA;AAEX"}

package/dist/components/message-box/MessageBox.types.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Supported static MessageBox presentations. */
+export type MessageBoxTone = 'neutral' | 'admin' | 'warning';
+/** Props for a static, freely composed aside note. */
+export interface MessageBoxProps extends Omit<ComponentPropsWithRef<'aside'>, 'children' | 'role'> {
+    /** Surface presentation for the static note. */
+    tone?: MessageBoxTone;
+    /** Consumer-composed content such as title, text, icon and follow action. */
+    children: ReactNode;
+    /** MessageBox owns its static note role. */
+    role?: never;
+}
+//# sourceMappingURL=MessageBox.types.d.ts.map

package/dist/components/message-box/MessageBox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/message-box/MessageBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iDAAiD;AACjD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,sDAAsD;AACtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChG,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;IAEpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}

package/dist/components/popup/Popup.d.ts

@@ -1,4 +1,7 @@
-import type { PopupProps } from './Popup.types.js';
-declare const Popup: ({ children, className, trigger }: PopupProps) => import("react").JSX.Element;
-export default Popup;
+import type { PopupProps, PopupTriggerProps } from './Popup.types.js';
+declare const _default: (({ children, closeOnEscape, closeOnOutsidePress, defaultOpen, onOpenChange, open, }: PopupProps) => import("react").JSX.Element) & {
+    Trigger: import("react").ForwardRefExoticComponent<Omit<PopupTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
 //# sourceMappingURL=Popup.d.ts.map

package/dist/components/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAWnD,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,gCAqI1D,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAqB,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;8GAuFtF,UAAU;;;;AAkDb,wBAAyD"}