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

package/dist/switch/Switch.css

@@ -0,0 +1,69 @@
+.panneau-switch-pwmftu {
+    display: inline-flex;
+    align-items: center;
+    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-switch-pwmftu[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+}
+
+.panneau-switch-pwmftu[data-readonly] {
+    cursor: default;
+}
+
+.panneau-track-PtpuqW {
+    position: relative;
+    flex: 0 0 auto;
+    width: 2.25rem;
+    height: 1.25rem;
+    background-color: var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-full);
+    transition: background-color var(--panneau-duration);
+}
+
+.panneau-thumb-pQGDyC {
+    position: absolute;
+    top: 0.125rem;
+    left: 0.125rem;
+    width: 1rem;
+    height: 1rem;
+    background-color: var(--panneau-color-surface);
+    border-radius: var(--panneau-radius-full);
+    box-shadow: var(--panneau-shadow-sm);
+    transition: transform var(--panneau-duration);
+}
+
+.panneau-switch-pwmftu[data-selected] .panneau-track-PtpuqW {
+    background-color: var(--panneau-color-accent);
+}
+
+.panneau-switch-pwmftu[data-selected] .panneau-thumb-pQGDyC {
+    background-color: var(--panneau-color-accent-text);
+    transform: translateX(1rem);
+}
+
+.panneau-switch-pwmftu[data-selected] .panneau-thumb-pQGDyC:dir(rtl) {
+    transform: translateX(-1rem);
+}
+
+.panneau-switch-pwmftu[data-focus-visible] .panneau-track-PtpuqW {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 2px;
+}
+
+.panneau-label-L3fUnh {
+    overflow-wrap: anywhere;
+}
+
+@media (pointer: coarse) {
+    .panneau-switch-pwmftu {
+        min-height: 2.75rem;
+    }
+}

package/dist/switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { type SwitchProps as AriaSwitchProps } from 'react-aria-components';
+import { type ChoiceChromeProps } from '../checkbox/ChoiceChrome';
+export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'style' | 'children'>, ChoiceChromeProps {
+    /** Label, next to the switch. */
+    children?: ReactNode;
+    switchClassName?: string;
+}
+/** An on and off switch, for settings that apply at once. */
+export declare function Switch({ children, description, errors, className, switchClassName, descriptionClassName, errorsClassName, ...props }: SwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAwB,KAAK,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElG,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIhF,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAAE,iBAAiB;IACpF,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,6DAA6D;AAC7D,wBAAgB,MAAM,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,MAAW,EACX,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,GAAG,KAAK,EACX,EAAE,WAAW,+BAyBb"}

package/dist/switch/Switch.js

@@ -0,0 +1,33 @@
+import { cx } from "../utils/cx.js";
+import { ChoiceChrome } from "../checkbox/ChoiceChrome.js";
+import Switch_module_default from "./Switch.module.js";
+import { Switch } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/switch/Switch.tsx
+/** An on and off switch, for settings that apply at once. */
+function Switch$1({ children, description, errors = [], className, switchClassName, descriptionClassName, errorsClassName, ...props }) {
+	return /* @__PURE__ */ jsx(ChoiceChrome, {
+		description,
+		errors,
+		className,
+		descriptionClassName,
+		errorsClassName,
+		children: (describedBy) => /* @__PURE__ */ jsxs(Switch, {
+			...props,
+			"aria-describedby": describedBy,
+			className: cx(Switch_module_default.switch, switchClassName),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: Switch_module_default.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("span", { className: Switch_module_default.thumb })
+			}), children !== void 0 ? /* @__PURE__ */ jsx("span", {
+				className: Switch_module_default.label,
+				children
+			}) : null]
+		})
+	});
+}
+//#endregion
+export { Switch$1 as Switch };
+
+//# sourceMappingURL=Switch.js.map

package/dist/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["Switch","AriaSwitch","styles"],"sources":["../../src/switch/Switch.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Switch as AriaSwitch, type SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\nimport { ChoiceChrome, type ChoiceChromeProps } from '../checkbox/ChoiceChrome';\nimport { cx } from '../utils/cx';\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps\n    extends Omit<AriaSwitchProps, 'className' | 'style' | 'children'>, ChoiceChromeProps {\n    /** Label, next to the switch. */\n    children?: ReactNode;\n    switchClassName?: string;\n}\n\n/** An on and off switch, for settings that apply at once. */\nexport function Switch({\n    children,\n    description,\n    errors = [],\n    className,\n    switchClassName,\n    descriptionClassName,\n    errorsClassName,\n    ...props\n}: SwitchProps) {\n    return (\n        <ChoiceChrome\n            description={description}\n            errors={errors}\n            className={className}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            {(describedBy) => (\n                <AriaSwitch\n                    {...props}\n                    aria-describedby={describedBy}\n                    className={cx(styles.switch, switchClassName)}\n                >\n                    <span className={styles.track} aria-hidden=\"true\">\n                        <span className={styles.thumb} />\n                    </span>\n                    {children !== undefined ? (\n                        <span className={styles.label}>{children}</span>\n                    ) : null}\n                </AriaSwitch>\n            )}\n        </ChoiceChrome>\n    );\n}\n"],"mappings":";;;;;;;AAeA,SAAgBA,SAAO,EACnB,UACA,aACA,SAAS,CAAA,GACT,WACA,iBACA,sBACA,iBACA,GAAG,SACS;CACZ,OACI,oBAAC,cAAD;EACiB;EACL;EACG;EACW;EACL;EAEf,WAAA,gBACE,qBAACC,QAAD;GACI,GAAI;GACJ,oBAAkB;GAClB,WAAW,GAAGC,sBAAO,QAAQ,eAAe;GAHhD,UAAA,CAKI,oBAAC,QAAD;IAAM,WAAWA,sBAAO;IAAO,eAAY;IACvC,UAAA,oBAAC,QAAD,EAAM,WAAWA,sBAAO,MAAM,CAAA;GAC5B,CAAA,GACL,aAAa,KAAA,IACV,oBAAC,QAAD;IAAM,WAAWA,sBAAO;IAAQ;GAAe,CAAA,IAC/C,IACI;;CAEN,CAAA;AAEtB"}

package/dist/switch/Switch.module.js

@@ -0,0 +1,15 @@
+import "./Switch.css";
+//#region src/switch/Switch.module.css
+var track = "panneau-track-PtpuqW";
+var thumb = "panneau-thumb-pQGDyC";
+var label = "panneau-label-L3fUnh";
+var Switch_module_default = {
+	"switch": "panneau-switch-pwmftu",
+	track,
+	thumb,
+	label
+};
+//#endregion
+export { Switch_module_default as default, label, thumb, track };
+
+//# sourceMappingURL=Switch.module.js.map

package/dist/switch/Switch.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.js","names":[],"sources":["../../src/switch/Switch.module.css"],"sourcesContent":[".switch {\n    display: inline-flex;\n    align-items: center;\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.switch[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.switch[data-readonly] {\n    cursor: default;\n}\n\n.track {\n    position: relative;\n    flex: 0 0 auto;\n    width: 2.25rem;\n    height: 1.25rem;\n    background-color: var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-full);\n    transition: background-color var(--panneau-duration);\n}\n\n.thumb {\n    position: absolute;\n    top: 0.125rem;\n    left: 0.125rem;\n    width: 1rem;\n    height: 1rem;\n    background-color: var(--panneau-color-surface);\n    border-radius: var(--panneau-radius-full);\n    box-shadow: var(--panneau-shadow-sm);\n    transition: transform var(--panneau-duration);\n}\n\n.switch[data-selected] .track {\n    background-color: var(--panneau-color-accent);\n}\n\n.switch[data-selected] .thumb {\n    background-color: var(--panneau-color-accent-text);\n    transform: translateX(1rem);\n}\n\n.switch[data-selected] .thumb:dir(rtl) {\n    transform: translateX(-1rem);\n}\n\n.switch[data-focus-visible] .track {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.label {\n    overflow-wrap: anywhere;\n}\n\n@media (pointer: coarse) {\n    .switch {\n        min-height: 2.75rem;\n    }\n}\n"],"mappings":""}

package/dist/tabs/Tabs.css

@@ -0,0 +1,83 @@
+.panneau-tabs-JqDxcK {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-4);
+    min-width: 0;
+}
+
+.panneau-list-uiIzNm {
+    display: flex;
+    gap: var(--panneau-space-1);
+    overflow-x: auto;
+    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);
+    scrollbar-width: none;
+}
+
+.panneau-list-uiIzNm::-webkit-scrollbar {
+    display: none;
+}
+
+.panneau-tab-dwPfFm {
+    position: relative;
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    min-height: var(--panneau-control-height);
+    padding: 0 var(--panneau-space-3);
+    font-size: var(--panneau-font-size-md);
+    font-weight: var(--panneau-font-weight-medium);
+    color: var(--panneau-color-text-muted);
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.panneau-tab-dwPfFm::after {
+    position: absolute;
+    inset-inline: var(--panneau-space-2);
+    bottom: calc(-1 * var(--panneau-border-width));
+    height: 2px;
+    content: '';
+    background-color: transparent;
+    border-radius: 2px 2px 0 0;
+}
+
+.panneau-tab-dwPfFm[data-hovered] {
+    color: var(--panneau-color-text);
+}
+
+.panneau-tab-dwPfFm[data-selected] {
+    color: var(--panneau-color-text);
+}
+
+.panneau-tab-dwPfFm[data-selected]::after {
+    background-color: var(--panneau-color-accent);
+}
+
+.panneau-tab-dwPfFm[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
+
+.panneau-tab-dwPfFm[data-focus-visible] {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: -2px;
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-panel-H3uAcq {
+    min-width: 0;
+    outline: none;
+}
+
+.panneau-panel-H3uAcq[data-focus-visible] {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 2px;
+}
+
+.panneau-panel-H3uAcq[data-inert],
+.panneau-panel-H3uAcq[inert] {
+    display: none;
+}

package/dist/tabs/Tabs.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { type TabListProps as AriaTabListProps, type TabPanelProps as AriaTabPanelProps, type TabProps as AriaTabProps, type TabsProps as AriaTabsProps } from 'react-aria-components';
+export interface TabsProps extends Omit<AriaTabsProps, 'className' | 'style'> {
+    className?: string;
+}
+/** Tabs: a `TabList` of `Tab`s, then a `TabPanel` per tab, matched by `id`. */
+export declare function Tabs({ className, ...props }: TabsProps): import("react").JSX.Element;
+export interface TabListProps<T extends object> extends Omit<AriaTabListProps<T>, 'className' | 'style'> {
+    className?: string;
+}
+/** The row of tabs. It scrolls sideways when the tabs don't fit, on phones. */
+export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react").JSX.Element;
+export interface TabProps extends Omit<AriaTabProps, 'className' | 'style' | 'children'> {
+    children?: ReactNode;
+    className?: string;
+}
+/** A tab. Put a `Badge` in it for a count, such as the errors of the panel. */
+export declare function Tab({ className, ...props }: TabProps): import("react").JSX.Element;
+export interface TabPanelProps extends Omit<AriaTabPanelProps, 'className' | 'style'> {
+    className?: string;
+}
+/**
+ * The content of a tab. With `shouldForceMount`, the panel stays mounted (and hidden) when another
+ * tab is selected, which keeps the state of its fields.
+ */
+export declare function TabPanel({ className, ...props }: TabPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGH,KAAK,YAAY,IAAI,gBAAgB,EAErC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,QAAQ,IAAI,YAAY,EAE7B,KAAK,SAAS,IAAI,aAAa,EAClC,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+EAA+E;AAC/E,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAEtD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACxD,gBAAgB,CAAC,CAAC,CAAC,EACnB,WAAW,GAAG,OAAO,CACxB;IACG,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+EAA+E;AAC/E,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,+BAEjF;AAED,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;IACpF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+EAA+E;AAC/E,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,+BAEpD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,OAAO,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAE9D"}

package/dist/tabs/Tabs.js

@@ -0,0 +1,141 @@
+import { cx } from "../utils/cx.js";
+import Tabs_module_default from "./Tabs.module.js";
+import { Tab, TabList, TabPanel, Tabs } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+//#region src/tabs/Tabs.tsx
+/** Tabs: a `TabList` of `Tab`s, then a `TabPanel` per tab, matched by `id`. */
+function Tabs$1(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cx(Tabs_module_default.tabs, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs, {
+			...props,
+			className: t1
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+/** The row of tabs. It scrolls sideways when the tabs don't fit, on phones. */
+function TabList$1(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cx(Tabs_module_default.list, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(TabList, {
+			...props,
+			className: t1
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+/** A tab. Put a `Badge` in it for a count, such as the errors of the panel. */
+function Tab$1(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cx(Tabs_module_default.tab, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tab, {
+			...props,
+			className: t1
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+/**
+* The content of a tab. With `shouldForceMount`, the panel stays mounted (and hidden) when another
+* tab is selected, which keeps the state of its fields.
+*/
+function TabPanel$1(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cx(Tabs_module_default.panel, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(TabPanel, {
+			...props,
+			className: t1
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+//#endregion
+export { Tab$1 as Tab, TabList$1 as TabList, TabPanel$1 as TabPanel, Tabs$1 as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["Tabs","_c","styles","AriaTabs","TabList","AriaTabList","Tab","AriaTab","TabPanel","AriaTabPanel"],"sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n    Tab as AriaTab,\n    TabList as AriaTabList,\n    type TabListProps as AriaTabListProps,\n    TabPanel as AriaTabPanel,\n    type TabPanelProps as AriaTabPanelProps,\n    type TabProps as AriaTabProps,\n    Tabs as AriaTabs,\n    type TabsProps as AriaTabsProps,\n} from 'react-aria-components';\n\nimport { cx } from '../utils/cx';\nimport styles from './Tabs.module.css';\n\nexport interface TabsProps extends Omit<AriaTabsProps, 'className' | 'style'> {\n    className?: string;\n}\n\n/** Tabs: a `TabList` of `Tab`s, then a `TabPanel` per tab, matched by `id`. */\nexport function Tabs({ className, ...props }: TabsProps) {\n    return <AriaTabs {...props} className={cx(styles.tabs, className)} />;\n}\n\nexport interface TabListProps<T extends object> extends Omit<\n    AriaTabListProps<T>,\n    'className' | 'style'\n> {\n    className?: string;\n}\n\n/** The row of tabs. It scrolls sideways when the tabs don't fit, on phones. */\nexport function TabList<T extends object>({ className, ...props }: TabListProps<T>) {\n    return <AriaTabList {...props} className={cx(styles.list, className)} />;\n}\n\nexport interface TabProps extends Omit<AriaTabProps, 'className' | 'style' | 'children'> {\n    children?: ReactNode;\n    className?: string;\n}\n\n/** A tab. Put a `Badge` in it for a count, such as the errors of the panel. */\nexport function Tab({ className, ...props }: TabProps) {\n    return <AriaTab {...props} className={cx(styles.tab, className)} />;\n}\n\nexport interface TabPanelProps extends Omit<AriaTabPanelProps, 'className' | 'style'> {\n    className?: string;\n}\n\n/**\n * The content of a tab. With `shouldForceMount`, the panel stays mounted (and hidden) when another\n * tab is selected, which keeps the state of its fields.\n */\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n    return <AriaTabPanel {...props} className={cx(styles.panel, className)} />;\n}\n"],"mappings":"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"}

package/dist/tabs/Tabs.module.js

@@ -0,0 +1,16 @@
+import "./Tabs.css";
+//#region src/tabs/Tabs.module.css
+var tabs = "panneau-tabs-JqDxcK";
+var list = "panneau-list-uiIzNm";
+var tab = "panneau-tab-dwPfFm";
+var panel = "panneau-panel-H3uAcq";
+var Tabs_module_default = {
+	tabs,
+	list,
+	tab,
+	panel
+};
+//#endregion
+export { Tabs_module_default as default, list, panel, tab, tabs };
+
+//# sourceMappingURL=Tabs.module.js.map

package/dist/tabs/Tabs.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../src/tabs/Tabs.module.css"],"sourcesContent":[".tabs {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-4);\n    min-width: 0;\n}\n\n.list {\n    display: flex;\n    gap: var(--panneau-space-1);\n    overflow-x: auto;\n    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);\n    scrollbar-width: none;\n}\n\n.list::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    position: relative;\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    min-height: var(--panneau-control-height);\n    padding: 0 var(--panneau-space-3);\n    font-size: var(--panneau-font-size-md);\n    font-weight: var(--panneau-font-weight-medium);\n    color: var(--panneau-color-text-muted);\n    white-space: nowrap;\n    cursor: pointer;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.tab::after {\n    position: absolute;\n    inset-inline: var(--panneau-space-2);\n    bottom: calc(-1 * var(--panneau-border-width));\n    height: 2px;\n    content: '';\n    background-color: transparent;\n    border-radius: 2px 2px 0 0;\n}\n\n.tab[data-hovered] {\n    color: var(--panneau-color-text);\n}\n\n.tab[data-selected] {\n    color: var(--panneau-color-text);\n}\n\n.tab[data-selected]::after {\n    background-color: var(--panneau-color-accent);\n}\n\n.tab[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.tab[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: -2px;\n    border-radius: var(--panneau-radius-sm);\n}\n\n.panel {\n    min-width: 0;\n    outline: none;\n}\n\n.panel[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.panel[data-inert],\n.panel[inert] {\n    display: none;\n}\n"],"mappings":""}

package/dist/text-area/TextArea.css

@@ -0,0 +1,8 @@
+/* Doubled class: overrides the shared control, whatever the CSS order. */
+.panneau-textArea-ET01uE.panneau-textArea-ET01uE {
+    display: block;
+    min-height: calc(var(--panneau-control-height) * 2);
+    padding: var(--panneau-space-2) var(--panneau-space-3);
+    line-height: var(--panneau-line-height);
+    resize: vertical;
+}

package/dist/text-area/TextArea.d.ts

@@ -0,0 +1,11 @@
+import { type TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+import { type FieldChromeProps } from '../field/FieldParts';
+export interface TextAreaProps extends Omit<AriaTextFieldProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate'>, FieldChromeProps {
+    placeholder?: string;
+    /** Visible lines of text. Defaults to 4. */
+    rows?: number;
+    textAreaClassName?: string;
+}
+/** A multi-line text input with its label, description and errors. */
+export declare function TextArea({ label, description, errors, placeholder, rows, className, labelClassName, descriptionClassName, errorsClassName, textAreaClassName, isRequired, ...props }: TextAreaProps): import("react").JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/text-area/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/text-area/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,cAAc,IAAI,kBAAkB,EAE5C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACH,KAAK,gBAAgB,EAKxB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,aACb,SACI,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,EACvF,gBAAgB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,WAAW,EACX,MAAW,EACX,WAAW,EACX,IAAQ,EACR,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,GAAG,KAAK,EACX,EAAE,aAAa,+BAqBf"}

package/dist/text-area/TextArea.js

@@ -0,0 +1,41 @@
+import { cx } from "../utils/cx.js";
+import Field_module_default from "../field/Field.module.js";
+import { FieldDescription, FieldErrors, FieldLabel } from "../field/FieldParts.js";
+import TextArea_module_default from "./TextArea.module.js";
+import { TextArea, TextField } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/text-area/TextArea.tsx
+/** A multi-line text input with its label, description and errors. */
+function TextArea$1({ label, description, errors = [], placeholder, rows = 4, className, labelClassName, descriptionClassName, errorsClassName, textAreaClassName, isRequired, ...props }) {
+	return /* @__PURE__ */ jsxs(TextField, {
+		...props,
+		isRequired,
+		isInvalid: errors.length > 0,
+		validationBehavior: "aria",
+		className: cx(Field_module_default.field, className),
+		children: [
+			/* @__PURE__ */ jsx(FieldLabel, {
+				isRequired,
+				className: labelClassName,
+				children: label
+			}),
+			/* @__PURE__ */ jsx(TextArea, {
+				placeholder,
+				rows,
+				className: cx(Field_module_default.control, TextArea_module_default.textArea, textAreaClassName)
+			}),
+			/* @__PURE__ */ jsx(FieldDescription, {
+				className: descriptionClassName,
+				children: description
+			}),
+			/* @__PURE__ */ jsx(FieldErrors, {
+				errors,
+				className: errorsClassName
+			})
+		]
+	});
+}
+//#endregion
+export { TextArea$1 as TextArea };
+
+//# sourceMappingURL=TextArea.js.map

package/dist/text-area/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["TextArea","fieldStyles","AriaTextArea","styles"],"sources":["../../src/text-area/TextArea.tsx"],"sourcesContent":["import {\n    TextArea as AriaTextArea,\n    type TextFieldProps as AriaTextFieldProps,\n    TextField,\n} from 'react-aria-components';\n\nimport {\n    type FieldChromeProps,\n    FieldDescription,\n    FieldErrors,\n    FieldLabel,\n    fieldStyles,\n} from '../field/FieldParts';\nimport { cx } from '../utils/cx';\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps\n    extends\n        Omit<AriaTextFieldProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate'>,\n        FieldChromeProps {\n    placeholder?: string;\n    /** Visible lines of text. Defaults to 4. */\n    rows?: number;\n    textAreaClassName?: string;\n}\n\n/** A multi-line text input with its label, description and errors. */\nexport function TextArea({\n    label,\n    description,\n    errors = [],\n    placeholder,\n    rows = 4,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    textAreaClassName,\n    isRequired,\n    ...props\n}: TextAreaProps) {\n    return (\n        <TextField\n            {...props}\n            isRequired={isRequired}\n            isInvalid={errors.length > 0}\n            validationBehavior=\"aria\"\n            className={cx(fieldStyles.field, className)}\n        >\n            <FieldLabel isRequired={isRequired} className={labelClassName}>\n                {label}\n            </FieldLabel>\n            <AriaTextArea\n                placeholder={placeholder}\n                rows={rows}\n                className={cx(fieldStyles.control, styles.textArea, textAreaClassName)}\n            />\n            <FieldDescription className={descriptionClassName}>{description}</FieldDescription>\n            <FieldErrors errors={errors} className={errorsClassName} />\n        </TextField>\n    );\n}\n"],"mappings":";;;;;;;;AA2BA,SAAgBA,WAAS,EACrB,OACA,aACA,SAAS,CAAA,GACT,aACA,OAAO,GACP,WACA,gBACA,sBACA,iBACA,mBACA,YACA,GAAG,SACW;CACd,OACI,qBAAC,WAAD;EACI,GAAI;EACQ;EACZ,WAAW,OAAO,SAAS;EAC3B,oBAAmB;EACnB,WAAW,GAAGC,qBAAY,OAAO,SAAS;EAL9C,UAAA;GAOI,oBAAC,YAAD;IAAwB;IAAY,WAAW;IAC1C,UAAA;GACO,CAAA;GACZ,oBAACC,UAAD;IACiB;IACP;IACN,WAAW,GAAGD,qBAAY,SAASE,wBAAO,UAAU,iBAAiB;GAAE,CAAA;GAE3E,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,UAAA;GAA8B,CAAA;GAClF,oBAAC,aAAD;IAAqB;IAAQ,WAAW;GAAgB,CAAA;EACjD;;AAEnB"}

package/dist/text-area/TextArea.module.js

@@ -0,0 +1,8 @@
+import "./TextArea.css";
+//#region src/text-area/TextArea.module.css
+var textArea = "panneau-textArea-ET01uE";
+var TextArea_module_default = { textArea };
+//#endregion
+export { TextArea_module_default as default, textArea };
+
+//# sourceMappingURL=TextArea.module.js.map

package/dist/text-area/TextArea.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.module.js","names":[],"sources":["../../src/text-area/TextArea.module.css"],"sourcesContent":["/* Doubled class: overrides the shared control, whatever the CSS order. */\n.textArea.textArea {\n    display: block;\n    min-height: calc(var(--panneau-control-height) * 2);\n    padding: var(--panneau-space-2) var(--panneau-space-3);\n    line-height: var(--panneau-line-height);\n    resize: vertical;\n}\n"],"mappings":""}

package/dist/text-input/TextInput.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+import { type FieldChromeProps } from '../field/FieldParts';
+export interface TextInputProps extends Omit<AriaTextFieldProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate' | 'type'>, FieldChromeProps {
+    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';
+    placeholder?: string;
+    /** Content before the text, inside the control: a unit, a URL prefix, an icon. */
+    prefix?: ReactNode;
+    /** Content after the text, inside the control. */
+    suffix?: ReactNode;
+    /** Class name of the control (the box around the text). */
+    controlClassName?: string;
+    inputClassName?: string;
+}
+/** A single-line text input with its label, description and errors. */
+export declare function TextInput({ label, description, errors, placeholder, prefix, suffix, className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, isRequired, isReadOnly, ...props }: TextInputProps): import("react").JSX.Element;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/text-input/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACH,KAAK,cAAc,IAAI,kBAAkB,EAI5C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACH,KAAK,gBAAgB,EAKxB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,WAAW,cACb,SACI,IAAI,CACA,kBAAkB,EAClB,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CACzE,EACD,gBAAgB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,WAAW,EACX,MAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACX,EAAE,cAAc,+BAwChB"}

package/dist/text-input/TextInput.js

@@ -0,0 +1,61 @@
+import { cx } from "../utils/cx.js";
+import Field_module_default from "../field/Field.module.js";
+import { FieldDescription, FieldErrors, FieldLabel } from "../field/FieldParts.js";
+import { Group, Input, TextField } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/text-input/TextInput.tsx
+/** A single-line text input with its label, description and errors. */
+function TextInput({ label, description, errors = [], placeholder, prefix, suffix, className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, isRequired, isReadOnly, ...props }) {
+	const invalid = errors.length > 0;
+	const adorned = prefix !== void 0 || suffix !== void 0;
+	return /* @__PURE__ */ jsxs(TextField, {
+		...props,
+		isRequired,
+		isReadOnly,
+		isInvalid: invalid,
+		validationBehavior: "aria",
+		className: cx(Field_module_default.field, className),
+		children: [
+			/* @__PURE__ */ jsx(FieldLabel, {
+				isRequired,
+				className: labelClassName,
+				children: label
+			}),
+			adorned ? /* @__PURE__ */ jsxs(Group, {
+				className: cx(Field_module_default.control, controlClassName),
+				"data-invalid": invalid || void 0,
+				"data-readonly": isReadOnly || void 0,
+				isDisabled: props.isDisabled,
+				children: [
+					prefix !== void 0 ? /* @__PURE__ */ jsx("span", {
+						className: Field_module_default.adornment,
+						children: prefix
+					}) : null,
+					/* @__PURE__ */ jsx(Input, {
+						placeholder,
+						className: cx(Field_module_default.bare, inputClassName)
+					}),
+					suffix !== void 0 ? /* @__PURE__ */ jsx("span", {
+						className: Field_module_default.adornment,
+						children: suffix
+					}) : null
+				]
+			}) : /* @__PURE__ */ jsx(Input, {
+				placeholder,
+				className: cx(Field_module_default.control, controlClassName, inputClassName)
+			}),
+			/* @__PURE__ */ jsx(FieldDescription, {
+				className: descriptionClassName,
+				children: description
+			}),
+			/* @__PURE__ */ jsx(FieldErrors, {
+				errors,
+				className: errorsClassName
+			})
+		]
+	});
+}
+//#endregion
+export { TextInput };
+
+//# sourceMappingURL=TextInput.js.map

package/dist/text-input/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","names":["styles"],"sources":["../../src/text-input/TextInput.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n    type TextFieldProps as AriaTextFieldProps,\n    Group,\n    Input,\n    TextField,\n} from 'react-aria-components';\n\nimport {\n    type FieldChromeProps,\n    FieldDescription,\n    FieldErrors,\n    FieldLabel,\n    fieldStyles as styles,\n} from '../field/FieldParts';\nimport { cx } from '../utils/cx';\n\nexport interface TextInputProps\n    extends\n        Omit<\n            AriaTextFieldProps,\n            'className' | 'style' | 'children' | 'isInvalid' | 'validate' | 'type'\n        >,\n        FieldChromeProps {\n    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';\n    placeholder?: string;\n    /** Content before the text, inside the control: a unit, a URL prefix, an icon. */\n    prefix?: ReactNode;\n    /** Content after the text, inside the control. */\n    suffix?: ReactNode;\n    /** Class name of the control (the box around the text). */\n    controlClassName?: string;\n    inputClassName?: string;\n}\n\n/** A single-line text input with its label, description and errors. */\nexport function TextInput({\n    label,\n    description,\n    errors = [],\n    placeholder,\n    prefix,\n    suffix,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    controlClassName,\n    inputClassName,\n    isRequired,\n    isReadOnly,\n    ...props\n}: TextInputProps) {\n    const invalid = errors.length > 0;\n    const adorned = prefix !== undefined || suffix !== undefined;\n    return (\n        <TextField\n            {...props}\n            isRequired={isRequired}\n            isReadOnly={isReadOnly}\n            isInvalid={invalid}\n            validationBehavior=\"aria\"\n            className={cx(styles.field, className)}\n        >\n            <FieldLabel isRequired={isRequired} className={labelClassName}>\n                {label}\n            </FieldLabel>\n            {adorned ? (\n                <Group\n                    className={cx(styles.control, controlClassName)}\n                    data-invalid={invalid || undefined}\n                    data-readonly={isReadOnly || undefined}\n                    isDisabled={props.isDisabled}\n                >\n                    {prefix !== undefined ? (\n                        <span className={styles.adornment}>{prefix}</span>\n                    ) : null}\n                    <Input placeholder={placeholder} className={cx(styles.bare, inputClassName)} />\n                    {suffix !== undefined ? (\n                        <span className={styles.adornment}>{suffix}</span>\n                    ) : null}\n                </Group>\n            ) : (\n                <Input\n                    placeholder={placeholder}\n                    className={cx(styles.control, controlClassName, inputClassName)}\n                />\n            )}\n            <FieldDescription className={descriptionClassName}>{description}</FieldDescription>\n            <FieldErrors errors={errors} className={errorsClassName} />\n        </TextField>\n    );\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,UAAU,EACtB,OACA,aACA,SAAS,CAAA,GACT,aACA,QACA,QACA,WACA,gBACA,sBACA,iBACA,kBACA,gBACA,YACA,YACA,GAAG,SACY;CACf,MAAM,UAAU,OAAO,SAAS;CAChC,MAAM,UAAU,WAAW,KAAA,KAAa,WAAW,KAAA;CACnD,OACI,qBAAC,WAAD;EACI,GAAI;EACQ;EACA;EACZ,WAAW;EACX,oBAAmB;EACnB,WAAW,GAAGA,qBAAO,OAAO,SAAS;EANzC,UAAA;GAQI,oBAAC,YAAD;IAAwB;IAAY,WAAW;IAC1C,UAAA;GACO,CAAA;GACX,UACG,qBAAC,OAAD;IACI,WAAW,GAAGA,qBAAO,SAAS,gBAAgB;IAC9C,gBAAc,WAAW,KAAA;IACzB,iBAAe,cAAc,KAAA;IAC7B,YAAY,MAAM;IAJtB,UAAA;KAMK,WAAW,KAAA,IACR,oBAAC,QAAD;MAAM,WAAWA,qBAAO;MAAY,UAAA;KAAa,CAAA,IACjD;KACJ,oBAAC,OAAD;MAAoB;MAAa,WAAW,GAAGA,qBAAO,MAAM,cAAc;KAAE,CAAA;KAC3E,WAAW,KAAA,IACR,oBAAC,QAAD;MAAM,WAAWA,qBAAO;MAAY,UAAA;KAAa,CAAA,IACjD;IACD;GAEP,CAAA,IAAA,oBAAC,OAAD;IACiB;IACb,WAAW,GAAGA,qBAAO,SAAS,kBAAkB,cAAc;GAAE,CAAA;GAGxE,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,UAAA;GAA8B,CAAA;GAClF,oBAAC,aAAD;IAAqB;IAAQ,WAAW;GAAgB,CAAA;EACjD;;AAEnB"}

package/dist/theme/bootstrap.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from './theme';
+/**
+ * Maps Panneau's tokens to the CSS variables of Bootstrap 5.3, for sites that use Bootstrap: Panneau
+ * then follows the site's colors, fonts and radii, and its color mode (`data-bs-theme`), without
+ * using any Bootstrap class. Bootstrap's CSS must be loaded by the site.
+ */
+export declare const bootstrapTheme: Theme;
+//# sourceMappingURL=bootstrap.d.ts.map

package/dist/theme/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/theme/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAkD5B,CAAC"}