@panneau/ui 0.0.0-stage → 5.0.0-alpha.0

package/dist/card/Card.css

@@ -0,0 +1,50 @@
+.panneau-card-V59wYu {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    color: var(--panneau-color-text);
+    background-color: var(--panneau-color-surface);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-lg);
+    box-shadow: var(--panneau-shadow-sm);
+}
+
+.panneau-header-JX2f2b {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--panneau-space-2);
+    padding: var(--panneau-space-3) var(--panneau-space-4);
+    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);
+}
+
+.panneau-title-uA0j8G {
+    font-size: var(--panneau-font-size-lg);
+    font-weight: var(--panneau-font-weight-bold);
+    line-height: var(--panneau-line-height-tight);
+}
+
+.panneau-body-Zo-Z8N {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-4);
+    padding: var(--panneau-space-4);
+}
+
+.panneau-footer-8OW7kW {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: var(--panneau-space-2);
+    padding: var(--panneau-space-3) var(--panneau-space-4);
+    border-top: var(--panneau-border-width) solid var(--panneau-color-border);
+}
+
+@media (max-width: 30rem) {
+    .panneau-header-JX2f2b,
+    .panneau-body-Zo-Z8N,
+    .panneau-footer-8OW7kW {
+        padding-inline: var(--panneau-space-3);
+    }
+}

package/dist/card/Card.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+export interface CardProps {
+    /** Title in the header. */
+    title?: ReactNode;
+    /** Heading level of the title. Defaults to 2. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Content at the end of the header: actions, a status. */
+    actions?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    /** Element of the card: `section` (default) with a title, `div` otherwise. */
+    as?: 'section' | 'div' | 'article';
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+}
+/** A surface that groups related content, with an optional header and footer. */
+export declare function Card({ title, headingLevel, actions, children, footer, as, className, headerClassName, bodyClassName, footerClassName, }: CardProps): import("react").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAK9C,MAAM,WAAW,SAAS;IACtB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,iFAAiF;AACjF,wBAAgB,IAAI,CAAC,EACjB,KAAK,EACL,YAAgB,EAChB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,EAAE,EACF,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,GAClB,EAAE,SAAS,+BA4BX"}

package/dist/card/Card.js

@@ -0,0 +1,38 @@
+import { cx } from "../utils/cx.js";
+import Card_module_default from "./Card.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+//#region src/card/Card.tsx
+/** A surface that groups related content, with an optional header and footer. */
+function Card({ title, headingLevel = 2, actions, children, footer, as, className, headerClassName, bodyClassName, footerClassName }) {
+	const titleId = useId();
+	const hasTitle = title !== void 0 && title !== null;
+	const Element = as ?? (hasTitle ? "section" : "div");
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs(Element, {
+		className: cx(Card_module_default.card, className),
+		"aria-labelledby": hasTitle && Element !== "div" ? titleId : void 0,
+		children: [
+			hasTitle || actions !== void 0 && actions !== null ? /* @__PURE__ */ jsxs("header", {
+				className: cx(Card_module_default.header, headerClassName),
+				children: [hasTitle ? /* @__PURE__ */ jsx(Heading, {
+					id: titleId,
+					className: Card_module_default.title,
+					children: title
+				}) : /* @__PURE__ */ jsx("span", {}), actions]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: cx(Card_module_default.body, bodyClassName),
+				children
+			}),
+			footer !== void 0 && footer !== null ? /* @__PURE__ */ jsx("footer", {
+				className: cx(Card_module_default.footer, footerClassName),
+				children: footer
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Card };
+
+//# sourceMappingURL=Card.js.map

package/dist/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["styles"],"sources":["../../src/card/Card.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport { cx } from '../utils/cx';\nimport styles from './Card.module.css';\n\nexport interface CardProps {\n    /** Title in the header. */\n    title?: ReactNode;\n    /** Heading level of the title. Defaults to 2. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Content at the end of the header: actions, a status. */\n    actions?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    /** Element of the card: `section` (default) with a title, `div` otherwise. */\n    as?: 'section' | 'div' | 'article';\n    className?: string;\n    headerClassName?: string;\n    bodyClassName?: string;\n    footerClassName?: string;\n}\n\n/** A surface that groups related content, with an optional header and footer. */\nexport function Card({\n    title,\n    headingLevel = 2,\n    actions,\n    children,\n    footer,\n    as,\n    className,\n    headerClassName,\n    bodyClassName,\n    footerClassName,\n}: CardProps) {\n    const titleId = useId();\n    const hasTitle = title !== undefined && title !== null;\n    const Element = as ?? (hasTitle ? 'section' : 'div');\n    const Heading = `h${headingLevel}` as const;\n    return (\n        <Element\n            className={cx(styles.card, className)}\n            aria-labelledby={hasTitle && Element !== 'div' ? titleId : undefined}\n        >\n            {hasTitle || (actions !== undefined && actions !== null) ? (\n                <header className={cx(styles.header, headerClassName)}>\n                    {hasTitle ? (\n                        <Heading id={titleId} className={styles.title}>\n                            {title}\n                        </Heading>\n                    ) : (\n                        <span />\n                    )}\n                    {actions}\n                </header>\n            ) : null}\n            <div className={cx(styles.body, bodyClassName)}>{children}</div>\n            {footer !== undefined && footer !== null ? (\n                <footer className={cx(styles.footer, footerClassName)}>{footer}</footer>\n            ) : null}\n        </Element>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,KAAK,EACjB,OACA,eAAe,GACf,SACA,UACA,QACA,IACA,WACA,iBACA,eACA,mBACU;CACV,MAAM,UAAU,MAAM;CACtB,MAAM,WAAW,UAAU,KAAA,KAAa,UAAU;CAClD,MAAM,UAAU,OAAO,WAAW,YAAY;CAC9C,MAAM,UAAU,IAAI;CACpB,OACI,qBAAC,SAAD;EACI,WAAW,GAAGA,oBAAO,MAAM,SAAS;EACpC,mBAAiB,YAAY,YAAY,QAAQ,UAAU,KAAA;EAF/D,UAAA;GAIK,YAAa,YAAY,KAAA,KAAa,YAAY,OAC/C,qBAAC,UAAD;IAAQ,WAAW,GAAGA,oBAAO,QAAQ,eAAe;IAApD,UAAA,CACK,WACG,oBAAC,SAAD;KAAS,IAAI;KAAS,WAAWA,oBAAO;KACnC,UAAA;IACI,CAAA,IAET,oBAAC,QAAD,CAAK,CAAA,GAER,OACG;GACR,CAAA,IAAA;GACJ,oBAAC,OAAD;IAAK,WAAW,GAAGA,oBAAO,MAAM,aAAa;IAAI;GAAc,CAAA;GAC9D,WAAW,KAAA,KAAa,WAAW,OAChC,oBAAC,UAAD;IAAQ,WAAW,GAAGA,oBAAO,QAAQ,eAAe;IAAI,UAAA;GAAe,CAAA,IACvE;EACC;;AAEjB"}

package/dist/card/Card.module.js

@@ -0,0 +1,18 @@
+import "./Card.css";
+//#region src/card/Card.module.css
+var card = "panneau-card-V59wYu";
+var header = "panneau-header-JX2f2b";
+var title = "panneau-title-uA0j8G";
+var body = "panneau-body-Zo-Z8N";
+var footer = "panneau-footer-8OW7kW";
+var Card_module_default = {
+	card,
+	header,
+	title,
+	body,
+	footer
+};
+//#endregion
+export { body, card, Card_module_default as default, footer, header, title };
+
+//# sourceMappingURL=Card.module.js.map

package/dist/card/Card.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.js","names":[],"sources":["../../src/card/Card.module.css"],"sourcesContent":[".card {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-surface);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n    box-shadow: var(--panneau-shadow-sm);\n}\n\n.header {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--panneau-space-2);\n    padding: var(--panneau-space-3) var(--panneau-space-4);\n    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.title {\n    font-size: var(--panneau-font-size-lg);\n    font-weight: var(--panneau-font-weight-bold);\n    line-height: var(--panneau-line-height-tight);\n}\n\n.body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-4);\n    padding: var(--panneau-space-4);\n}\n\n.footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    gap: var(--panneau-space-2);\n    padding: var(--panneau-space-3) var(--panneau-space-4);\n    border-top: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n@media (max-width: 30rem) {\n    .header,\n    .body,\n    .footer {\n        padding-inline: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}

package/dist/checkbox/Checkbox.css

@@ -0,0 +1,79 @@
+.panneau-field-4Ta5L2 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-1);
+    min-width: 0;
+}
+
+.panneau-checkbox-05Z5t- {
+    display: inline-flex;
+    align-items: flex-start;
+    gap: var(--panneau-space-2);
+    min-height: 1.5rem;
+    font-size: var(--panneau-font-size-md);
+    color: var(--panneau-color-text);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.panneau-checkbox-05Z5t-[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+}
+
+.panneau-box-6cFOt8 {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    width: 1.125rem;
+    height: 1.125rem;
+    margin-top: 0.125rem;
+    color: var(--panneau-color-accent-text);
+    background-color: var(--panneau-color-surface);
+    border: var(--panneau-border-width) solid var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-sm);
+    transition:
+        background-color var(--panneau-duration),
+        border-color var(--panneau-duration);
+}
+
+.panneau-checkbox-05Z5t-[data-hovered] .panneau-box-6cFOt8 {
+    border-color: var(--panneau-color-text-muted);
+}
+
+.panneau-checkbox-05Z5t-[data-selected] .panneau-box-6cFOt8,
+.panneau-checkbox-05Z5t-[data-indeterminate] .panneau-box-6cFOt8 {
+    background-color: var(--panneau-color-accent);
+    border-color: var(--panneau-color-accent);
+}
+
+.panneau-checkbox-05Z5t-[data-invalid] .panneau-box-6cFOt8 {
+    border-color: var(--panneau-color-danger);
+}
+
+.panneau-checkbox-05Z5t-[data-focus-visible] .panneau-box-6cFOt8 {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 2px;
+}
+
+.panneau-checkbox-05Z5t-[data-readonly] {
+    cursor: default;
+}
+
+.panneau-label-ubb5Uj {
+    line-height: var(--panneau-line-height);
+    overflow-wrap: anywhere;
+}
+
+/* Touch screens: a taller row, so the whole label is an easy target. */
+@media (pointer: coarse) {
+    .panneau-checkbox-05Z5t- {
+        min-height: 2.75rem;
+        align-items: center;
+    }
+
+    .panneau-box-6cFOt8 {
+        margin-top: 0;
+    }
+}

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { type ChoiceChromeProps } from './ChoiceChrome';
+export interface CheckboxProps extends Omit<AriaCheckboxProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate'>, ChoiceChromeProps {
+    /** Label, next to the box. */
+    children?: ReactNode;
+    checkboxClassName?: string;
+}
+/** A checkbox with its label, and optional description and errors under it. */
+export declare function Checkbox({ children, description, errors, className, checkboxClassName, descriptionClassName, errorsClassName, ...props }: CheckboxProps): import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEH,KAAK,aAAa,IAAI,iBAAiB,EAC1C,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,aACb,SACI,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,EACtF,iBAAiB;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,WAAW,EACX,MAAW,EACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,GAAG,KAAK,EACX,EAAE,aAAa,+BAmCf"}

package/dist/checkbox/Checkbox.js

@@ -0,0 +1,43 @@
+import { cx } from "../utils/cx.js";
+import { Icon } from "../icon/Icon.js";
+import Checkbox_module_default from "./Checkbox.module.js";
+import { ChoiceChrome } from "./ChoiceChrome.js";
+import { Check, Minus } from "lucide-react";
+import { Checkbox } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/checkbox/Checkbox.tsx
+/** A checkbox with its label, and optional description and errors under it. */
+function Checkbox$1({ children, description, errors = [], className, checkboxClassName, descriptionClassName, errorsClassName, ...props }) {
+	return /* @__PURE__ */ jsx(ChoiceChrome, {
+		description,
+		errors,
+		className,
+		descriptionClassName,
+		errorsClassName,
+		children: (describedBy) => /* @__PURE__ */ jsx(Checkbox, {
+			...props,
+			"aria-describedby": describedBy,
+			isInvalid: errors.length > 0,
+			validationBehavior: "aria",
+			className: cx(Checkbox_module_default.checkbox, checkboxClassName),
+			children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: Checkbox_module_default.box,
+				"aria-hidden": "true",
+				children: isIndeterminate ? /* @__PURE__ */ jsx(Icon, {
+					icon: Minus,
+					size: "xs"
+				}) : isSelected ? /* @__PURE__ */ jsx(Icon, {
+					icon: Check,
+					size: "xs"
+				}) : null
+			}), children !== void 0 ? /* @__PURE__ */ jsx("span", {
+				className: Checkbox_module_default.label,
+				children
+			}) : null] })
+		})
+	});
+}
+//#endregion
+export { Checkbox$1 as Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["Checkbox","AriaCheckbox","styles","_Fragment"],"sources":["../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { Check, Minus } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n    Checkbox as AriaCheckbox,\n    type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { Icon } from '../icon/Icon';\nimport { cx } from '../utils/cx';\nimport styles from './Checkbox.module.css';\nimport { ChoiceChrome, type ChoiceChromeProps } from './ChoiceChrome';\n\nexport interface CheckboxProps\n    extends\n        Omit<AriaCheckboxProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate'>,\n        ChoiceChromeProps {\n    /** Label, next to the box. */\n    children?: ReactNode;\n    checkboxClassName?: string;\n}\n\n/** A checkbox with its label, and optional description and errors under it. */\nexport function Checkbox({\n    children,\n    description,\n    errors = [],\n    className,\n    checkboxClassName,\n    descriptionClassName,\n    errorsClassName,\n    ...props\n}: CheckboxProps) {\n    return (\n        <ChoiceChrome\n            description={description}\n            errors={errors}\n            className={className}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            {(describedBy) => (\n                <AriaCheckbox\n                    {...props}\n                    aria-describedby={describedBy}\n                    isInvalid={errors.length > 0}\n                    validationBehavior=\"aria\"\n                    className={cx(styles.checkbox, checkboxClassName)}\n                >\n                    {({ isSelected, isIndeterminate }) => (\n                        <>\n                            <span className={styles.box} aria-hidden=\"true\">\n                                {isIndeterminate ? (\n                                    <Icon icon={Minus} size=\"xs\" />\n                                ) : isSelected ? (\n                                    <Icon icon={Check} size=\"xs\" />\n                                ) : null}\n                            </span>\n                            {children !== undefined ? (\n                                <span className={styles.label}>{children}</span>\n                            ) : null}\n                        </>\n                    )}\n                </AriaCheckbox>\n            )}\n        </ChoiceChrome>\n    );\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgBA,WAAS,EACrB,UACA,aACA,SAAS,CAAA,GACT,WACA,mBACA,sBACA,iBACA,GAAG,SACW;CACd,OACI,oBAAC,cAAD;EACiB;EACL;EACG;EACW;EACL;EAEf,WAAA,gBACE,oBAACC,UAAD;GACI,GAAI;GACJ,oBAAkB;GAClB,WAAW,OAAO,SAAS;GAC3B,oBAAmB;GACnB,WAAW,GAAGC,wBAAO,UAAU,iBAAiB;GAE9C,WAAA,EAAE,YAAY,sBACZ,qBAAAC,UAAA,EAAA,UAAA,CACI,oBAAC,QAAD;IAAM,WAAWD,wBAAO;IAAK,eAAY;IACpC,UAAA,kBACG,oBAAC,MAAD;KAAM,MAAM;KAAO,MAAK;IAAI,CAAA,IAC5B,aACA,oBAAC,MAAD;KAAM,MAAM;KAAO,MAAK;IAAI,CAAA,IAC5B;GACF,CAAA,GACL,aAAa,KAAA,IACV,oBAAC,QAAD;IAAM,WAAWA,wBAAO;IAAQ;GAAe,CAAA,IAC/C,IACR,EAAA,CAAA;EAEM,CAAA;CAER,CAAA;AAEtB"}

package/dist/checkbox/Checkbox.module.js

@@ -0,0 +1,16 @@
+import "./Checkbox.css";
+//#region src/checkbox/Checkbox.module.css
+var field = "panneau-field-4Ta5L2";
+var checkbox = "panneau-checkbox-05Z5t-";
+var box = "panneau-box-6cFOt8";
+var label = "panneau-label-ubb5Uj";
+var Checkbox_module_default = {
+	field,
+	checkbox,
+	box,
+	label
+};
+//#endregion
+export { box, checkbox, Checkbox_module_default as default, field, label };
+
+//# sourceMappingURL=Checkbox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../src/checkbox/Checkbox.module.css"],"sourcesContent":[".field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n    min-width: 0;\n}\n\n.checkbox {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--panneau-space-2);\n    min-height: 1.5rem;\n    font-size: var(--panneau-font-size-md);\n    color: var(--panneau-color-text);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.checkbox[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.box {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 1.125rem;\n    height: 1.125rem;\n    margin-top: 0.125rem;\n    color: var(--panneau-color-accent-text);\n    background-color: var(--panneau-color-surface);\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n    transition:\n        background-color var(--panneau-duration),\n        border-color var(--panneau-duration);\n}\n\n.checkbox[data-hovered] .box {\n    border-color: var(--panneau-color-text-muted);\n}\n\n.checkbox[data-selected] .box,\n.checkbox[data-indeterminate] .box {\n    background-color: var(--panneau-color-accent);\n    border-color: var(--panneau-color-accent);\n}\n\n.checkbox[data-invalid] .box {\n    border-color: var(--panneau-color-danger);\n}\n\n.checkbox[data-focus-visible] .box {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.checkbox[data-readonly] {\n    cursor: default;\n}\n\n.label {\n    line-height: var(--panneau-line-height);\n    overflow-wrap: anywhere;\n}\n\n/* Touch screens: a taller row, so the whole label is an easy target. */\n@media (pointer: coarse) {\n    .checkbox {\n        min-height: 2.75rem;\n        align-items: center;\n    }\n\n    .box {\n        margin-top: 0;\n    }\n}\n"],"mappings":""}

package/dist/checkbox/ChoiceChrome.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export interface ChoiceChromeProps {
+    /** Help text under the control. */
+    description?: ReactNode;
+    /** Error messages. Any message makes the control invalid. */
+    errors?: readonly string[];
+    className?: string;
+    descriptionClassName?: string;
+    errorsClassName?: string;
+}
+/** Description and errors under a checkbox or a switch, linked to it. */
+export declare function ChoiceChrome({ description, errors, className, descriptionClassName, errorsClassName, children, }: ChoiceChromeProps & {
+    children: (describedBy: string | undefined) => ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChoiceChrome.d.ts.map

package/dist/checkbox/ChoiceChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceChrome.d.ts","sourceRoot":"","sources":["../../src/checkbox/ChoiceChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,iBAAiB;IAC9B,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,EACzB,WAAW,EACX,MAAW,EACX,SAAS,EACT,oBAAoB,EACpB,eAAe,EACf,QAAQ,GACX,EAAE,iBAAiB,GAAG;IAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,SAAS,CAAA;CAAE,+BA8BlF"}

package/dist/checkbox/ChoiceChrome.js

@@ -0,0 +1,36 @@
+import { cx } from "../utils/cx.js";
+import Checkbox_module_default from "./Checkbox.module.js";
+import Field_module_default from "../field/Field.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, useId } from "react";
+//#region src/checkbox/ChoiceChrome.tsx
+/** Description and errors under a checkbox or a switch, linked to it. */
+function ChoiceChrome({ description, errors = [], className, descriptionClassName, errorsClassName, children }) {
+	const id = useId();
+	const descriptionId = description !== void 0 && description !== null ? `${id}-description` : null;
+	const errorsId = errors.length > 0 ? `${id}-errors` : null;
+	const describedBy = [descriptionId, errorsId].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(Checkbox_module_default.field, className),
+		children: [
+			children(describedBy !== "" ? describedBy : void 0),
+			descriptionId !== null ? /* @__PURE__ */ jsx("div", {
+				id: descriptionId,
+				className: cx(Field_module_default.description, descriptionClassName),
+				children: description
+			}) : null,
+			errorsId !== null ? /* @__PURE__ */ jsx("div", {
+				id: errorsId,
+				className: cx(Field_module_default.errors, errorsClassName),
+				children: errors.map((error, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [index > 0 ? " " : null, /* @__PURE__ */ jsx("span", {
+					className: Field_module_default.error,
+					children: error
+				})] }, index))
+			}) : null
+		]
+	});
+}
+//#endregion
+export { ChoiceChrome };
+
+//# sourceMappingURL=ChoiceChrome.js.map

package/dist/checkbox/ChoiceChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceChrome.js","names":["styles","fieldStyles","Fragment"],"sources":["../../src/checkbox/ChoiceChrome.tsx"],"sourcesContent":["import { Fragment, type ReactNode, useId } from 'react';\n\nimport { fieldStyles } from '../field/FieldParts';\nimport { cx } from '../utils/cx';\nimport styles from './Checkbox.module.css';\n\nexport interface ChoiceChromeProps {\n    /** Help text under the control. */\n    description?: ReactNode;\n    /** Error messages. Any message makes the control invalid. */\n    errors?: readonly string[];\n    className?: string;\n    descriptionClassName?: string;\n    errorsClassName?: string;\n}\n\n/** Description and errors under a checkbox or a switch, linked to it. */\nexport function ChoiceChrome({\n    description,\n    errors = [],\n    className,\n    descriptionClassName,\n    errorsClassName,\n    children,\n}: ChoiceChromeProps & { children: (describedBy: string | undefined) => ReactNode }) {\n    const id = useId();\n    const descriptionId =\n        description !== undefined && description !== null ? `${id}-description` : null;\n    const errorsId = errors.length > 0 ? `${id}-errors` : null;\n    const describedBy = [descriptionId, errorsId].filter(Boolean).join(' ');\n    return (\n        <div className={cx(styles.field, className)}>\n            {children(describedBy !== '' ? describedBy : undefined)}\n            {descriptionId !== null ? (\n                <div\n                    id={descriptionId}\n                    className={cx(fieldStyles.description, descriptionClassName)}\n                >\n                    {description}\n                </div>\n            ) : null}\n            {errorsId !== null ? (\n                <div id={errorsId} className={cx(fieldStyles.errors, errorsClassName)}>\n                    {errors.map((error, index) => (\n                        <Fragment key={index}>\n                            {/* A space between messages, for assistive technologies. */}\n                            {index > 0 ? ' ' : null}\n                            <span className={fieldStyles.error}>{error}</span>\n                        </Fragment>\n                    ))}\n                </div>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,aAAa,EACzB,aACA,SAAS,CAAA,GACT,WACA,sBACA,iBACA,YACiF;CACjF,MAAM,KAAK,MAAM;CACjB,MAAM,gBACF,gBAAgB,KAAA,KAAa,gBAAgB,OAAO,GAAG,GAAE,gBAAiB;CAC9E,MAAM,WAAW,OAAO,SAAS,IAAI,GAAG,GAAE,WAAY;CACtD,MAAM,cAAc,CAAC,eAAe,QAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACtE,OACI,qBAAC,OAAD;EAAK,WAAW,GAAGA,wBAAO,OAAO,SAAS;EAA1C,UAAA;GACK,SAAS,gBAAgB,KAAK,cAAc,KAAA,CAAS;GACrD,kBAAkB,OACf,oBAAC,OAAD;IACI,IAAI;IACJ,WAAW,GAAGC,qBAAY,aAAa,oBAAoB;IAE1D,UAAA;GACA,CAAA,IACL;GACH,aAAa,OACV,oBAAC,OAAD;IAAK,IAAI;IAAU,WAAW,GAAGA,qBAAY,QAAQ,eAAe;IAC/D,UAAA,OAAO,KAAK,OAAO,UAChB,qBAACC,YAAD,EAAA,UAAA,CAEK,QAAQ,IAAI,MAAM,MACnB,oBAAC,QAAD;KAAM,WAAWD,qBAAY;KAAQ,UAAA;IAAY,CAAA,CAC3C,EAAA,GAJK,KAIL,CACb;GACA,CAAA,IACL;EACH;;AAEb"}

package/dist/combo-box/ComboBox.css

@@ -0,0 +1,26 @@
+.panneau-control-zMvu7z.panneau-control-zMvu7z {
+    padding-inline-end: 0;
+}
+
+.panneau-button-RsfUPx {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    align-self: stretch;
+    width: 2rem;
+    padding: 0;
+    color: var(--panneau-color-text-muted);
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+}
+
+.panneau-button-RsfUPx[data-hovered] {
+    color: var(--panneau-color-text);
+}
+
+.panneau-status-8R1JBC {
+    display: flex;
+    align-items: center;
+    padding-inline: var(--panneau-space-1);
+}

package/dist/combo-box/ComboBox.d.ts

@@ -0,0 +1,30 @@
+import { type ComboBoxProps as AriaComboBoxProps } from 'react-aria-components';
+import { type FieldChromeProps } from '../field/FieldParts';
+/** An item that a combo box can pick. */
+export interface ComboBoxItem {
+    id: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface ComboBoxProps extends Omit<AriaComboBoxProps<ComboBoxItem>, 'className' | 'style' | 'children' | 'items' | 'defaultItems' | 'isInvalid' | 'validate' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange' | 'value' | 'defaultValue' | 'onChange'>, FieldChromeProps {
+    /** The items to show. For a local list, filter them with `inputValue`; for a search, fetch them. */
+    items: readonly ComboBoxItem[];
+    /** Id of the selected item, or `null`. */
+    value?: string | null;
+    onChange?: (id: string | null) => void;
+    placeholder?: string;
+    /** Shows a spinner while items load. */
+    isLoading?: boolean;
+    /** Text shown without items. Defaults to "No results". */
+    emptyMessage?: string;
+    controlClassName?: string;
+    inputClassName?: string;
+    popoverClassName?: string;
+}
+/**
+ * A text input with a list of suggestions, to pick one item. Items can be filtered locally or come
+ * from a search (`inputValue`, `onInputChange` and `isLoading`).
+ */
+export declare function ComboBox({ items, value, onChange, label, description, errors, placeholder, isLoading, emptyMessage, isRequired, menuTrigger, className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, popoverClassName, ...props }: ComboBoxProps): import("react").JSX.Element;
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/combo-box/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../src/combo-box/ComboBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,aAAa,IAAI,iBAAiB,EAO1C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACH,KAAK,gBAAgB,EAKxB,MAAM,qBAAqB,CAAC;AAU7B,yCAAyC;AACzC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aACb,SACI,IAAI,CACA,iBAAiB,CAAC,YAAY,CAAC,EAC7B,WAAW,GACX,OAAO,GACP,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,GACX,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,mBAAmB,GACnB,OAAO,GACP,cAAc,GACd,UAAU,CACf,EACD,gBAAgB;IACpB,oGAAoG;IACpG,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAW,EACX,WAAW,EACX,SAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAqB,EACrB,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,GAAG,KAAK,EACX,EAAE,aAAa,+BAsFf"}

package/dist/combo-box/ComboBox.js

@@ -0,0 +1,106 @@
+import { cx } from "../utils/cx.js";
+import { Icon } from "../icon/Icon.js";
+import { messages } from "../intl/messages.js";
+import { usePanneauIntl } from "../intl/usePanneauIntl.js";
+import { Spinner } from "../spinner/Spinner.js";
+import Field_module_default from "../field/Field.module.js";
+import { FieldDescription, FieldErrors, FieldLabel } from "../field/FieldParts.js";
+import { PopoverSurface } from "../popover/Popover.js";
+import ListBox_module_default from "../select/ListBox.module.js";
+import ComboBox_module_default from "./ComboBox.module.js";
+import { Check, ChevronDown } from "lucide-react";
+import { Button, ComboBox, Group, Input, ListBox, ListBoxItem, Text } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/combo-box/ComboBox.tsx
+/**
+* A text input with a list of suggestions, to pick one item. Items can be filtered locally or come
+* from a search (`inputValue`, `onInputChange` and `isLoading`).
+*/
+function ComboBox$1({ items, value, onChange, label, description, errors = [], placeholder, isLoading = false, emptyMessage, isRequired, menuTrigger = "focus", className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, popoverClassName, ...props }) {
+	const intl = usePanneauIntl();
+	const invalid = errors.length > 0;
+	return /* @__PURE__ */ jsxs(ComboBox, {
+		...props,
+		items,
+		selectedKey: value,
+		onSelectionChange: onChange !== void 0 ? (key) => onChange(key === null ? null : String(key)) : void 0,
+		disabledKeys: items.filter((item) => item.disabled === true).map((item_0) => item_0.id),
+		menuTrigger,
+		allowsEmptyCollection: true,
+		isRequired,
+		isInvalid: invalid,
+		validationBehavior: "aria",
+		className: cx(Field_module_default.field, className),
+		children: [
+			/* @__PURE__ */ jsx(FieldLabel, {
+				isRequired,
+				className: labelClassName,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs(Group, {
+				className: cx(Field_module_default.control, ComboBox_module_default.control, controlClassName),
+				"data-invalid": invalid || void 0,
+				children: [
+					/* @__PURE__ */ jsx(Input, {
+						placeholder,
+						className: cx(Field_module_default.bare, inputClassName)
+					}),
+					isLoading ? /* @__PURE__ */ jsx("span", {
+						className: ComboBox_module_default.status,
+						children: /* @__PURE__ */ jsx(Spinner, { size: "sm" })
+					}) : null,
+					/* @__PURE__ */ jsx(Button, {
+						className: ComboBox_module_default.button,
+						"aria-label": intl.formatMessage(messages.showOptions),
+						children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(FieldDescription, {
+				className: descriptionClassName,
+				children: description
+			}),
+			/* @__PURE__ */ jsx(FieldErrors, {
+				errors,
+				className: errorsClassName
+			}),
+			/* @__PURE__ */ jsx(PopoverSurface, {
+				className: popoverClassName,
+				children: /* @__PURE__ */ jsx(ListBox, {
+					className: ListBox_module_default.listBox,
+					renderEmptyState: () => /* @__PURE__ */ jsx("div", {
+						className: ListBox_module_default.empty,
+						children: isLoading ? intl.formatMessage(messages.loading) : emptyMessage ?? intl.formatMessage(messages.noResults)
+					}),
+					children: (item_1) => /* @__PURE__ */ jsx(ListBoxItem, {
+						id: item_1.id,
+						textValue: item_1.label,
+						className: ListBox_module_default.item,
+						children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+							className: ListBox_module_default.check,
+							children: isSelected ? /* @__PURE__ */ jsx(Icon, {
+								icon: Check,
+								size: "sm"
+							}) : null
+						}), /* @__PURE__ */ jsxs("span", {
+							className: ListBox_module_default.itemText,
+							children: [/* @__PURE__ */ jsx(Text, {
+								slot: "label",
+								className: ListBox_module_default.itemLabel,
+								children: item_1.label
+							}), item_1.description !== void 0 ? /* @__PURE__ */ jsx(Text, {
+								slot: "description",
+								className: ListBox_module_default.itemDescription,
+								children: item_1.description
+							}) : null]
+						})] })
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { ComboBox$1 as ComboBox };
+
+//# sourceMappingURL=ComboBox.js.map

package/dist/combo-box/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","names":["item","ComboBox","AriaComboBox","fieldStyles","styles","listStyles","_Fragment"],"sources":["../../src/combo-box/ComboBox.tsx"],"sourcesContent":["import { Check, ChevronDown } from 'lucide-react';\nimport {\n    ComboBox as AriaComboBox,\n    type ComboBoxProps as AriaComboBoxProps,\n    Button,\n    Group,\n    Input,\n    ListBox,\n    ListBoxItem,\n    Text,\n} from 'react-aria-components';\n\nimport {\n    type FieldChromeProps,\n    FieldDescription,\n    FieldErrors,\n    FieldLabel,\n    fieldStyles,\n} from '../field/FieldParts';\nimport { Icon } from '../icon/Icon';\nimport { messages } from '../intl/messages';\nimport { usePanneauIntl } from '../intl/usePanneauIntl';\nimport { PopoverSurface } from '../popover/Popover';\nimport listStyles from '../select/ListBox.module.css';\nimport { Spinner } from '../spinner/Spinner';\nimport { cx } from '../utils/cx';\nimport styles from './ComboBox.module.css';\n\n/** An item that a combo box can pick. */\nexport interface ComboBoxItem {\n    id: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n}\n\nexport interface ComboBoxProps\n    extends\n        Omit<\n            AriaComboBoxProps<ComboBoxItem>,\n            | 'className'\n            | 'style'\n            | 'children'\n            | 'items'\n            | 'defaultItems'\n            | 'isInvalid'\n            | 'validate'\n            | 'selectedKey'\n            | 'defaultSelectedKey'\n            | 'onSelectionChange'\n            | 'value'\n            | 'defaultValue'\n            | 'onChange'\n        >,\n        FieldChromeProps {\n    /** The items to show. For a local list, filter them with `inputValue`; for a search, fetch them. */\n    items: readonly ComboBoxItem[];\n    /** Id of the selected item, or `null`. */\n    value?: string | null;\n    onChange?: (id: string | null) => void;\n    placeholder?: string;\n    /** Shows a spinner while items load. */\n    isLoading?: boolean;\n    /** Text shown without items. Defaults to \"No results\". */\n    emptyMessage?: string;\n    controlClassName?: string;\n    inputClassName?: string;\n    popoverClassName?: string;\n}\n\n/**\n * A text input with a list of suggestions, to pick one item. Items can be filtered locally or come\n * from a search (`inputValue`, `onInputChange` and `isLoading`).\n */\nexport function ComboBox({\n    items,\n    value,\n    onChange,\n    label,\n    description,\n    errors = [],\n    placeholder,\n    isLoading = false,\n    emptyMessage,\n    isRequired,\n    menuTrigger = 'focus',\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    controlClassName,\n    inputClassName,\n    popoverClassName,\n    ...props\n}: ComboBoxProps) {\n    const intl = usePanneauIntl();\n    const invalid = errors.length > 0;\n    return (\n        <AriaComboBox\n            {...props}\n            items={items}\n            selectedKey={value}\n            onSelectionChange={\n                onChange !== undefined\n                    ? (key) => onChange(key === null ? null : String(key))\n                    : undefined\n            }\n            disabledKeys={items.filter((item) => item.disabled === true).map((item) => item.id)}\n            menuTrigger={menuTrigger}\n            allowsEmptyCollection\n            isRequired={isRequired}\n            isInvalid={invalid}\n            validationBehavior=\"aria\"\n            className={cx(fieldStyles.field, className)}\n        >\n            <FieldLabel isRequired={isRequired} className={labelClassName}>\n                {label}\n            </FieldLabel>\n            <Group\n                className={cx(fieldStyles.control, styles.control, controlClassName)}\n                data-invalid={invalid || undefined}\n            >\n                <Input placeholder={placeholder} className={cx(fieldStyles.bare, inputClassName)} />\n                {isLoading ? (\n                    <span className={styles.status}>\n                        <Spinner size=\"sm\" />\n                    </span>\n                ) : null}\n                <Button\n                    className={styles.button}\n                    aria-label={intl.formatMessage(messages.showOptions)}\n                >\n                    <Icon icon={ChevronDown} />\n                </Button>\n            </Group>\n            <FieldDescription className={descriptionClassName}>{description}</FieldDescription>\n            <FieldErrors errors={errors} className={errorsClassName} />\n            <PopoverSurface className={popoverClassName}>\n                <ListBox<ComboBoxItem>\n                    className={listStyles.listBox}\n                    renderEmptyState={() => (\n                        <div className={listStyles.empty}>\n                            {isLoading\n                                ? intl.formatMessage(messages.loading)\n                                : (emptyMessage ?? intl.formatMessage(messages.noResults))}\n                        </div>\n                    )}\n                >\n                    {(item) => (\n                        <ListBoxItem\n                            id={item.id}\n                            textValue={item.label}\n                            className={listStyles.item}\n                        >\n                            {({ isSelected }) => (\n                                <>\n                                    <span className={listStyles.check}>\n                                        {isSelected ? <Icon icon={Check} size=\"sm\" /> : null}\n                                    </span>\n                                    <span className={listStyles.itemText}>\n                                        <Text slot=\"label\" className={listStyles.itemLabel}>\n                                            {item.label}\n                                        </Text>\n                                        {item.description !== undefined ? (\n                                            <Text\n                                                slot=\"description\"\n                                                className={listStyles.itemDescription}\n                                            >\n                                                {item.description}\n                                            </Text>\n                                        ) : null}\n                                    </span>\n                                </>\n                            )}\n                        </ListBoxItem>\n                    )}\n                </ListBox>\n            </PopoverSurface>\n        </AriaComboBox>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0EA,SAAgBC,WAAS,EACrB,OACA,OACA,UACA,OACA,aACA,SAAS,CAAA,GACT,aACA,YAAY,OACZ,cACA,YACA,cAAc,SACd,WACA,gBACA,sBACA,iBACA,kBACA,gBACA,kBACA,GAAG,SACW;CACd,MAAM,OAAO,eAAe;CAC5B,MAAM,UAAU,OAAO,SAAS;CAChC,OACI,qBAACC,UAAD;EACI,GAAI;EACG;EACP,aAAa;EACb,mBACI,aAAa,KAAA,KACN,QAAQ,SAAS,QAAQ,OAAO,OAAO,OAAO,GAAG,CAAC,IACnD,KAAA;EAEV,cAAc,MAAM,QAAQ,SAAS,KAAK,aAAa,IAAI,CAAC,CAAC,KAAKF,WAASA,OAAK,EAAE;EACrE;EACb,uBAAA;EACY;EACZ,WAAW;EACX,oBAAmB;EACnB,WAAW,GAAGG,qBAAY,OAAO,SAAS;EAf9C,UAAA;GAiBI,oBAAC,YAAD;IAAwB;IAAY,WAAW;IAC1C,UAAA;GACO,CAAA;GACZ,qBAAC,OAAD;IACI,WAAW,GAAGA,qBAAY,SAASC,wBAAO,SAAS,gBAAgB;IACnE,gBAAc,WAAW,KAAA;IAF7B,UAAA;KAII,oBAAC,OAAD;MAAoB;MAAa,WAAW,GAAGD,qBAAY,MAAM,cAAc;KAAE,CAAA;KAChF,YACG,oBAAC,QAAD;MAAM,WAAWC,wBAAO;MACpB,UAAA,oBAAC,SAAD,EAAS,MAAK,KAAI,CAAA;KAChB,CAAA,IACN;KACJ,oBAAC,QAAD;MACI,WAAWA,wBAAO;MAClB,cAAY,KAAK,cAAc,SAAS,WAAW;MAEnD,UAAA,oBAAC,MAAD,EAAM,MAAM,YAAY,CAAA;KACpB,CAAA;IACL;;GACP,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,UAAA;GAA8B,CAAA;GAClF,oBAAC,aAAD;IAAqB;IAAQ,WAAW;GAAgB,CAAA;GACxD,oBAAC,gBAAD;IAAgB,WAAW;IACvB,UAAA,oBAAC,SAAD;KACI,WAAWC,uBAAW;KACtB,wBACI,oBAAC,OAAD;MAAK,WAAWA,uBAAW;MACtB,UAAA,YACK,KAAK,cAAc,SAAS,OAAO,IAClC,gBAAgB,KAAK,cAAc,SAAS,SAAS;KAC3D,CAAA;KAGPL,WAAAA,WACE,oBAAC,aAAD;MACI,IAAIA,OAAK;MACT,WAAWA,OAAK;MAChB,WAAWK,uBAAW;MAEpB,WAAA,EAAE,iBACA,qBAAAC,UAAA,EAAA,UAAA,CACI,oBAAC,QAAD;OAAM,WAAWD,uBAAW;OACvB,UAAA,aAAa,oBAAC,MAAD;QAAM,MAAM;QAAO,MAAK;OAAI,CAAA,IAAM;MAC9C,CAAA,GACN,qBAAC,QAAD;OAAM,WAAWA,uBAAW;OAA5B,UAAA,CACI,oBAAC,MAAD;QAAM,MAAK;QAAQ,WAAWA,uBAAW;QACpCL,UAAAA,OAAK;OACJ,CAAA,GACLA,OAAK,gBAAgB,KAAA,IAClB,oBAAC,MAAD;QACI,MAAK;QACL,WAAWK,uBAAW;QAErBL,UAAAA,OAAK;OACJ,CAAA,IACN,IACF;MACV,CAAA,CAAA,EAAA,CAAA;KAEK,CAAA;IAEZ,CAAA;GACG,CAAA;EACN;;AAEtB"}

package/dist/combo-box/ComboBox.module.js

@@ -0,0 +1,14 @@
+import "./ComboBox.css";
+//#region src/combo-box/ComboBox.module.css
+var control = "panneau-control-zMvu7z";
+var button = "panneau-button-RsfUPx";
+var status = "panneau-status-8R1JBC";
+var ComboBox_module_default = {
+	control,
+	button,
+	status
+};
+//#endregion
+export { button, control, ComboBox_module_default as default, status };
+
+//# sourceMappingURL=ComboBox.module.js.map

package/dist/combo-box/ComboBox.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.module.js","names":[],"sources":["../../src/combo-box/ComboBox.module.css"],"sourcesContent":[".control.control {\n    padding-inline-end: 0;\n}\n\n.button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    align-self: stretch;\n    width: 2rem;\n    padding: 0;\n    color: var(--panneau-color-text-muted);\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n}\n\n.button[data-hovered] {\n    color: var(--panneau-color-text);\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    padding-inline: var(--panneau-space-1);\n}\n"],"mappings":""}