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

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export { Alert, type AlertProps, type AlertTone } from './alert/Alert';
+export { Badge, type BadgeProps, type BadgeTone } from './badge/Badge';
+export { Button, type ButtonProps, type ButtonVariant } from './button/Button';
+export { Card, type CardProps } from './card/Card';
+export { Checkbox, type CheckboxProps } from './checkbox/Checkbox';
+export { type ChoiceChromeProps } from './checkbox/ChoiceChrome';
+export { ComboBox, type ComboBoxItem, type ComboBoxProps } from './combo-box/ComboBox';
+export { DatePicker, type DatePickerProps } from './date-picker/DatePicker';
+export { Dialog, type DialogProps, DialogTrigger } from './dialog/Dialog';
+export { Disclosure, type DisclosureProps } from './disclosure/Disclosure';
+export { type FieldChromeProps } from './field/FieldParts';
+export { Fieldset, type FieldsetProps } from './field/Fieldset';
+export { Icon, type IconComponent, type IconProps, type IconSize } from './icon/Icon';
+export { IconButton, type IconButtonProps } from './icon-button/IconButton';
+export { usePanneauIntl } from './intl/usePanneauIntl';
+export { Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSeparator, MenuTrigger, } from './menu/Menu';
+export { NumberInput, type NumberInputProps } from './number-input/NumberInput';
+export { Popover, type PopoverProps, PopoverTrigger } from './popover/Popover';
+export { RadioGroup, type RadioGroupProps } from './radio-group/RadioGroup';
+export { PanneauRoot, type PanneauRootProps, usePortalContainer } from './root/PanneauRoot';
+export { type MultipleSelectProps, type OptionValue, Select, type SelectBaseProps, type SelectOption, type SelectProps, type SingleSelectProps, } from './select/Select';
+export { Spinner, type SpinnerProps } from './spinner/Spinner';
+export { Switch, type SwitchProps } from './switch/Switch';
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, } from './tabs/Tabs';
+export { TextArea, type TextAreaProps } from './text-area/TextArea';
+export { TextInput, type TextInputProps } from './text-input/TextInput';
+export { bootstrapTheme } from './theme/bootstrap';
+export { type ColorScheme, type Theme } from './theme/theme';
+export { TimeInput, type TimeInputProps } from './time-input/TimeInput';
+export { type ToastContent, type ToastOptions, type ToastTone, type Toasts, useToast, } from './toast/Toast';
+export { Tooltip, type TooltipProps } from './tooltip/Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,IAAI,EACJ,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,aAAa,EACb,WAAW,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,MAAM,EACN,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EACH,GAAG,EACH,OAAO,EACP,KAAK,YAAY,EACjB,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,IAAI,EACJ,KAAK,SAAS,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,MAAM,EACX,QAAQ,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,29 @@
+import { Icon } from "./icon/Icon.js";
+import { usePanneauIntl } from "./intl/usePanneauIntl.js";
+import { Spinner } from "./spinner/Spinner.js";
+import { Button } from "./button/Button.js";
+import { useToast } from "./toast/Toast.js";
+import { PanneauRoot, usePortalContainer } from "./root/PanneauRoot.js";
+import { Tooltip } from "./tooltip/Tooltip.js";
+import { IconButton } from "./icon-button/IconButton.js";
+import { Alert } from "./alert/Alert.js";
+import { Badge } from "./badge/Badge.js";
+import { Card } from "./card/Card.js";
+import { Checkbox } from "./checkbox/Checkbox.js";
+import { Popover, PopoverTrigger } from "./popover/Popover.js";
+import { ComboBox } from "./combo-box/ComboBox.js";
+import { DatePicker } from "./date-picker/DatePicker.js";
+import { Dialog, DialogTrigger } from "./dialog/Dialog.js";
+import { Disclosure } from "./disclosure/Disclosure.js";
+import { Fieldset } from "./field/Fieldset.js";
+import { Menu, MenuItem, MenuSeparator, MenuTrigger } from "./menu/Menu.js";
+import { NumberInput } from "./number-input/NumberInput.js";
+import { RadioGroup } from "./radio-group/RadioGroup.js";
+import { Select } from "./select/Select.js";
+import { Switch } from "./switch/Switch.js";
+import { Tab, TabList, TabPanel, Tabs } from "./tabs/Tabs.js";
+import { TextArea } from "./text-area/TextArea.js";
+import { TextInput } from "./text-input/TextInput.js";
+import { bootstrapTheme } from "./theme/bootstrap.js";
+import { TimeInput } from "./time-input/TimeInput.js";
+export { Alert, Badge, Button, Card, Checkbox, ComboBox, DatePicker, Dialog, DialogTrigger, Disclosure, Fieldset, Icon, IconButton, Menu, MenuItem, MenuSeparator, MenuTrigger, NumberInput, PanneauRoot, Popover, PopoverTrigger, RadioGroup, Select, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextInput, TimeInput, Tooltip, bootstrapTheme, usePanneauIntl, usePortalContainer, useToast };

package/dist/intl/messages.d.ts

@@ -0,0 +1,2 @@
+export { uiMessages as messages } from '@panneau/intl';
+//# sourceMappingURL=messages.d.ts.map

package/dist/intl/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/intl/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/intl/messages.js

@@ -0,0 +1 @@
+export { uiMessages as messages } from "@panneau/intl";

package/dist/intl/usePanneauIntl.d.ts

@@ -0,0 +1,7 @@
+import { type IntlShape } from 'react-intl';
+/**
+ * The react-intl object of the closest `IntlProvider`. Without a provider, an English one with the
+ * default messages, so that Panneau components also render outside of an internationalized app.
+ */
+export declare function usePanneauIntl(): IntlShape;
+//# sourceMappingURL=usePanneauIntl.d.ts.map

package/dist/intl/usePanneauIntl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanneauIntl.d.ts","sourceRoot":"","sources":["../../src/intl/usePanneauIntl.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,SAAS,EAA+B,MAAM,YAAY,CAAC;AAItF;;;GAGG;AACH,wBAAgB,cAAc,IAAI,SAAS,CAO1C"}

package/dist/intl/usePanneauIntl.js

@@ -0,0 +1,22 @@
+import { use } from "react";
+import { IntlContext, createIntl, createIntlCache } from "react-intl";
+//#region src/intl/usePanneauIntl.ts
+var fallback = null;
+/**
+* The react-intl object of the closest `IntlProvider`. Without a provider, an English one with the
+* default messages, so that Panneau components also render outside of an internationalized app.
+*/
+function usePanneauIntl() {
+	const intl = use(IntlContext);
+	if (intl !== null && intl !== void 0) return intl;
+	fallback ??= createIntl({
+		locale: "en",
+		defaultLocale: "en",
+		messages: {}
+	}, createIntlCache());
+	return fallback;
+}
+//#endregion
+export { usePanneauIntl };
+
+//# sourceMappingURL=usePanneauIntl.js.map

package/dist/intl/usePanneauIntl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanneauIntl.js","names":[],"sources":["../../src/intl/usePanneauIntl.ts"],"sourcesContent":["import { use } from 'react';\nimport { IntlContext, type IntlShape, createIntl, createIntlCache } from 'react-intl';\n\nlet fallback: IntlShape | null = null;\n\n/**\n * The react-intl object of the closest `IntlProvider`. Without a provider, an English one with the\n * default messages, so that Panneau components also render outside of an internationalized app.\n */\nexport function usePanneauIntl(): IntlShape {\n    const intl = use(IntlContext) as IntlShape | null | undefined;\n    if (intl !== null && intl !== undefined) {\n        return intl;\n    }\n    fallback ??= createIntl({ locale: 'en', defaultLocale: 'en', messages: {} }, createIntlCache());\n    return fallback;\n}\n"],"mappings":";;;AAGA,IAAI,WAA6B;;;;;AAMjC,SAAgB,iBAA4B;CACxC,MAAM,OAAO,IAAI,WAAW;CAC5B,IAAI,SAAS,QAAQ,SAAS,KAAA,GAC1B,OAAO;CAEX,aAAa,WAAW;EAAE,QAAQ;EAAM,eAAe;EAAM,UAAU,CAAC;CAAE,GAAG,gBAAgB,CAAC;CAC9F,OAAO;AACX"}

package/dist/locales/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The English messages of `@panneau/ui`, by id. They are also the default messages.
+ *
+ * @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+ * of every package.
+ */
+export declare const en: Record<string, string>;
+/**
+ * The French messages of `@panneau/ui`, by id.
+ *
+ * @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+ * of every package.
+ */
+export declare const fr: Record<string, string>;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAgC,CAAC;AAEvE;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAErC,CAAC"}

package/dist/locales/index.js

@@ -0,0 +1,21 @@
+import { messages } from "../intl/messages.js";
+import { fr as fr$1, getDefaultMessages } from "@panneau/intl";
+//#region src/locales/index.ts
+/**
+* The English messages of `@panneau/ui`, by id. They are also the default messages.
+*
+* @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var en = getDefaultMessages(messages);
+/**
+* The French messages of `@panneau/ui`, by id.
+*
+* @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var fr = Object.fromEntries(Object.entries(fr$1).filter(([id]) => id in en));
+//#endregion
+export { en, fr };
+
+//# sourceMappingURL=index.js.map

package/dist/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["allFr"],"sources":["../../src/locales/index.ts"],"sourcesContent":["import { fr as allFr, getDefaultMessages } from '@panneau/intl';\n\nimport { messages } from '../intl/messages';\n\n/**\n * The English messages of `@panneau/ui`, by id. They are also the default messages.\n *\n * @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const en: Record<string, string> = getDefaultMessages(messages);\n\n/**\n * The French messages of `@panneau/ui`, by id.\n *\n * @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const fr: Record<string, string> = Object.fromEntries(\n    Object.entries(allFr).filter(([id]) => id in en),\n);\n"],"mappings":";;;;;;;;;AAUA,IAAa,KAA6B,mBAAmB,QAAQ;;;;;;;AAQrE,IAAa,KAA6B,OAAO,YAC7C,OAAO,QAAQA,IAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,MAAM,EAAE,CACnD"}

package/dist/menu/Menu.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { type MenuItemProps as AriaMenuItemProps, type MenuProps as AriaMenuProps } from 'react-aria-components';
+import { type IconComponent } from '../icon/Icon';
+export interface MenuProps<T extends object> extends Omit<AriaMenuProps<T>, 'className' | 'style'> {
+    className?: string;
+    popoverClassName?: string;
+    placement?: 'bottom start' | 'bottom end' | 'top start' | 'top end';
+}
+/**
+ * A menu of actions, inside a `MenuTrigger` with its button as the first child. Arrow keys move
+ * between items, and typing a letter jumps to an item.
+ */
+export declare function Menu<T extends object>({ className, popoverClassName, placement, ...props }: MenuProps<T>): import("react").JSX.Element;
+export interface MenuItemProps extends Omit<AriaMenuItemProps, 'className' | 'style' | 'children'> {
+    children?: ReactNode;
+    icon?: IconComponent;
+    description?: string;
+    /** Styles the item as destructive. */
+    isDanger?: boolean;
+    className?: string;
+}
+/** An item of a `Menu`. */
+export declare function MenuItem({ children, icon, description, isDanger, className, textValue, ...props }: MenuItemProps): import("react").JSX.Element;
+/** A line between groups of menu items. */
+export declare function MenuSeparator(): import("react").JSX.Element;
+export { MenuTrigger } from 'react-aria-components';
+//# sourceMappingURL=Menu.d.ts.map

package/dist/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGH,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAGlC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAKxD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;CACvE;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACnC,SAAS,EACT,gBAAgB,EAChB,SAA0B,EAC1B,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,CAAC,CAAC,+BAMd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,2BAA2B;AAC3B,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACX,EAAE,aAAa,+BAqBf;AAED,2CAA2C;AAC3C,wBAAgB,aAAa,gCAE5B;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/menu/Menu.js

@@ -0,0 +1,57 @@
+import { cx } from "../utils/cx.js";
+import { Icon } from "../icon/Icon.js";
+import { PopoverSurface } from "../popover/Popover.js";
+import ListBox_module_default from "../select/ListBox.module.js";
+import { Menu, MenuItem, MenuTrigger, Separator, Text } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+//#region src/menu/Menu.tsx
+/**
+* A menu of actions, inside a `MenuTrigger` with its button as the first child. Arrow keys move
+* between items, and typing a letter jumps to an item.
+*/
+function Menu$1({ className, popoverClassName, placement = "bottom start", ...props }) {
+	return /* @__PURE__ */ jsx(PopoverSurface, {
+		placement,
+		className: popoverClassName,
+		children: /* @__PURE__ */ jsx(Menu, {
+			...props,
+			className: cx(ListBox_module_default.listBox, className)
+		})
+	});
+}
+/** An item of a `Menu`. */
+function MenuItem$1({ children, icon, description, isDanger = false, className, textValue, ...props }) {
+	return /* @__PURE__ */ jsxs(MenuItem, {
+		...props,
+		textValue: textValue ?? (typeof children === "string" ? children : void 0),
+		className: cx(ListBox_module_default.item, className),
+		"data-danger": isDanger || void 0,
+		children: [icon !== void 0 ? /* @__PURE__ */ jsx(Icon, { icon }) : null, /* @__PURE__ */ jsxs("span", {
+			className: ListBox_module_default.itemText,
+			children: [/* @__PURE__ */ jsx(Text, {
+				slot: "label",
+				className: ListBox_module_default.itemLabel,
+				children
+			}), description !== void 0 ? /* @__PURE__ */ jsx(Text, {
+				slot: "description",
+				className: ListBox_module_default.itemDescription,
+				children: description
+			}) : null]
+		})]
+	});
+}
+/** A line between groups of menu items. */
+function MenuSeparator() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Separator, { className: ListBox_module_default.separator });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+//#endregion
+export { Menu$1 as Menu, MenuItem$1 as MenuItem, MenuSeparator, MenuTrigger };
+
+//# sourceMappingURL=Menu.js.map

package/dist/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":["Menu","AriaMenu","styles","MenuItem","AriaMenuItem","_c"],"sources":["../../src/menu/Menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n    Menu as AriaMenu,\n    MenuItem as AriaMenuItem,\n    type MenuItemProps as AriaMenuItemProps,\n    type MenuProps as AriaMenuProps,\n    Separator,\n    Text,\n} from 'react-aria-components';\n\nimport { Icon, type IconComponent } from '../icon/Icon';\nimport { PopoverSurface } from '../popover/Popover';\nimport styles from '../select/ListBox.module.css';\nimport { cx } from '../utils/cx';\n\nexport interface MenuProps<T extends object> extends Omit<AriaMenuProps<T>, 'className' | 'style'> {\n    className?: string;\n    popoverClassName?: string;\n    placement?: 'bottom start' | 'bottom end' | 'top start' | 'top end';\n}\n\n/**\n * A menu of actions, inside a `MenuTrigger` with its button as the first child. Arrow keys move\n * between items, and typing a letter jumps to an item.\n */\nexport function Menu<T extends object>({\n    className,\n    popoverClassName,\n    placement = 'bottom start',\n    ...props\n}: MenuProps<T>) {\n    return (\n        <PopoverSurface placement={placement} className={popoverClassName}>\n            <AriaMenu {...props} className={cx(styles.listBox, className)} />\n        </PopoverSurface>\n    );\n}\n\nexport interface MenuItemProps extends Omit<AriaMenuItemProps, 'className' | 'style' | 'children'> {\n    children?: ReactNode;\n    icon?: IconComponent;\n    description?: string;\n    /** Styles the item as destructive. */\n    isDanger?: boolean;\n    className?: string;\n}\n\n/** An item of a `Menu`. */\nexport function MenuItem({\n    children,\n    icon,\n    description,\n    isDanger = false,\n    className,\n    textValue,\n    ...props\n}: MenuItemProps) {\n    return (\n        <AriaMenuItem\n            {...props}\n            textValue={textValue ?? (typeof children === 'string' ? children : undefined)}\n            className={cx(styles.item, className)}\n            data-danger={isDanger || undefined}\n        >\n            {icon !== undefined ? <Icon icon={icon} /> : null}\n            <span className={styles.itemText}>\n                <Text slot=\"label\" className={styles.itemLabel}>\n                    {children}\n                </Text>\n                {description !== undefined ? (\n                    <Text slot=\"description\" className={styles.itemDescription}>\n                        {description}\n                    </Text>\n                ) : null}\n            </span>\n        </AriaMenuItem>\n    );\n}\n\n/** A line between groups of menu items. */\nexport function MenuSeparator() {\n    return <Separator className={styles.separator} />;\n}\n\nexport { MenuTrigger } from 'react-aria-components';\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAgBA,OAAuB,EACnC,WACA,kBACA,YAAY,gBACZ,GAAG,SACU;CACb,OACI,oBAAC,gBAAD;EAA2B;EAAW,WAAW;EAC7C,UAAA,oBAACC,MAAD;GAAU,GAAI;GAAO,WAAW,GAAGC,uBAAO,SAAS,SAAS;EAAE,CAAA;CAClD,CAAA;AAExB;;AAYA,SAAgBC,WAAS,EACrB,UACA,MACA,aACA,WAAW,OACX,WACA,WACA,GAAG,SACW;CACd,OACI,qBAACC,UAAD;EACI,GAAI;EACJ,WAAW,cAAc,OAAO,aAAa,WAAW,WAAW,KAAA;EACnE,WAAW,GAAGF,uBAAO,MAAM,SAAS;EACpC,eAAa,YAAY,KAAA;EAJ7B,UAAA,CAMK,SAAS,KAAA,IAAY,oBAAC,MAAD,EAAY,KAAK,CAAA,IAAM,MAC7C,qBAAC,QAAD;GAAM,WAAWA,uBAAO;GAAxB,UAAA,CACI,oBAAC,MAAD;IAAM,MAAK;IAAQ,WAAWA,uBAAO;IAChC;GACC,CAAA,GACL,gBAAgB,KAAA,IACb,oBAAC,MAAD;IAAM,MAAK;IAAc,WAAWA,uBAAO;IACtC,UAAA;GACC,CAAA,IACN,IACF;EACI,CAAA,CAAA;;AAEtB;;AAGA,SAAO,gBAAA;CAAA,MAAA,IAAAG,EAAA,CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACI,KAAA,oBAAC,WAAD,EAAsB,WAAAH,uBAAM,UAAU,CAAA;EAAI,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAA1C;AAA0C"}

package/dist/number-input/NumberInput.css

@@ -0,0 +1,57 @@
+.panneau-control-4aptNi.panneau-control-4aptNi {
+    padding-inline-end: 0;
+    overflow: hidden;
+}
+
+.panneau-input-qqs-MV {
+    font-variant-numeric: tabular-nums;
+}
+
+.panneau-steppers-JoTs6w {
+    display: flex;
+    flex-direction: column;
+    align-self: stretch;
+    border-inline-start: var(--panneau-border-width) solid var(--panneau-color-border);
+}
+
+.panneau-stepper-sAGR2f {
+    display: flex;
+    flex: 1 1 0;
+    align-items: center;
+    justify-content: center;
+    width: 1.75rem;
+    padding: 0;
+    color: var(--panneau-color-text-muted);
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+}
+
+.panneau-stepper-sAGR2f + .panneau-stepper-sAGR2f {
+    border-top: var(--panneau-border-width) solid var(--panneau-color-border);
+}
+
+.panneau-stepper-sAGR2f[data-hovered] {
+    color: var(--panneau-color-text);
+    background-color: var(--panneau-color-hover);
+}
+
+.panneau-stepper-sAGR2f[data-pressed] {
+    background-color: var(--panneau-color-pressed);
+}
+
+.panneau-stepper-sAGR2f[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
+
+/* Touch screens have their own keyboard for numbers: the steppers would be too small. */
+@media (pointer: coarse) {
+    .panneau-steppers-JoTs6w {
+        display: none;
+    }
+
+    .panneau-control-4aptNi.panneau-control-4aptNi {
+        padding-inline-end: var(--panneau-space-3);
+    }
+}

package/dist/number-input/NumberInput.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import { type NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
+import { type FieldChromeProps } from '../field/FieldParts';
+export interface NumberInputProps extends Omit<AriaNumberFieldProps, 'className' | 'style' | 'children' | 'isInvalid' | 'validate' | 'value' | 'defaultValue' | 'onChange'>, FieldChromeProps {
+    /** The number, or `null` when empty. */
+    value?: number | null;
+    defaultValue?: number | null;
+    /** Called with the number, or `null` when the input is cleared. */
+    onChange?: (value: number | null) => void;
+    placeholder?: string;
+    /** Content after the number, inside the control: a unit. */
+    suffix?: ReactNode;
+    controlClassName?: string;
+    inputClassName?: string;
+}
+/**
+ * A number input, formatted for the locale, with steppers and arrow keys. An empty input is
+ * `null`, not `NaN`.
+ */
+export declare function NumberInput({ label, description, errors, value, defaultValue, onChange, placeholder, suffix, className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, isRequired, isReadOnly, ...props }: NumberInputProps): import("react").JSX.Element;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/number-input/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/number-input/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACH,KAAK,gBAAgB,IAAI,oBAAoB,EAKhD,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACH,KAAK,gBAAgB,EAKxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,WAAW,gBACb,SACI,IAAI,CACA,oBAAoB,EAClB,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,UAAU,GACV,OAAO,GACP,cAAc,GACd,UAAU,CACf,EACD,gBAAgB;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAMD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACX,EAAE,gBAAgB,+BA4ClB"}

package/dist/number-input/NumberInput.js

@@ -0,0 +1,82 @@
+import { cx } from "../utils/cx.js";
+import { Icon } from "../icon/Icon.js";
+import Field_module_default from "../field/Field.module.js";
+import { FieldDescription, FieldErrors, FieldLabel } from "../field/FieldParts.js";
+import NumberInput_module_default from "./NumberInput.module.js";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { Button, Group, Input, NumberField } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/number-input/NumberInput.tsx
+function toAria(value) {
+	return value === null ? NaN : value;
+}
+/**
+* A number input, formatted for the locale, with steppers and arrow keys. An empty input is
+* `null`, not `NaN`.
+*/
+function NumberInput({ label, description, errors = [], value, defaultValue, onChange, placeholder, suffix, className, labelClassName, descriptionClassName, errorsClassName, controlClassName, inputClassName, isRequired, isReadOnly, ...props }) {
+	const invalid = errors.length > 0;
+	return /* @__PURE__ */ jsxs(NumberField, {
+		...props,
+		value: toAria(value),
+		defaultValue: toAria(defaultValue),
+		onChange: (next) => onChange?.(Number.isNaN(next) ? null : next),
+		isRequired,
+		isReadOnly,
+		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, NumberInput_module_default.control, controlClassName),
+				"data-invalid": invalid || void 0,
+				"data-readonly": isReadOnly || void 0,
+				children: [
+					/* @__PURE__ */ jsx(Input, {
+						placeholder,
+						className: cx(Field_module_default.bare, NumberInput_module_default.input, inputClassName)
+					}),
+					suffix !== void 0 ? /* @__PURE__ */ jsx("span", {
+						className: Field_module_default.adornment,
+						children: suffix
+					}) : null,
+					isReadOnly !== true ? /* @__PURE__ */ jsxs("span", {
+						className: NumberInput_module_default.steppers,
+						children: [/* @__PURE__ */ jsx(Button, {
+							slot: "increment",
+							className: NumberInput_module_default.stepper,
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: ChevronUp,
+								size: "xs"
+							})
+						}), /* @__PURE__ */ jsx(Button, {
+							slot: "decrement",
+							className: NumberInput_module_default.stepper,
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: ChevronDown,
+								size: "xs"
+							})
+						})]
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsx(FieldDescription, {
+				className: descriptionClassName,
+				children: description
+			}),
+			/* @__PURE__ */ jsx(FieldErrors, {
+				errors,
+				className: errorsClassName
+			})
+		]
+	});
+}
+//#endregion
+export { NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

package/dist/number-input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["fieldStyles","styles"],"sources":["../../src/number-input/NumberInput.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n    type NumberFieldProps as AriaNumberFieldProps,\n    Button,\n    Group,\n    Input,\n    NumberField,\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 { cx } from '../utils/cx';\nimport styles from './NumberInput.module.css';\n\nexport interface NumberInputProps\n    extends\n        Omit<\n            AriaNumberFieldProps,\n            | 'className'\n            | 'style'\n            | 'children'\n            | 'isInvalid'\n            | 'validate'\n            | 'value'\n            | 'defaultValue'\n            | 'onChange'\n        >,\n        FieldChromeProps {\n    /** The number, or `null` when empty. */\n    value?: number | null;\n    defaultValue?: number | null;\n    /** Called with the number, or `null` when the input is cleared. */\n    onChange?: (value: number | null) => void;\n    placeholder?: string;\n    /** Content after the number, inside the control: a unit. */\n    suffix?: ReactNode;\n    controlClassName?: string;\n    inputClassName?: string;\n}\n\nfunction toAria(value: number | null | undefined): number | undefined {\n    return value === null ? Number.NaN : value;\n}\n\n/**\n * A number input, formatted for the locale, with steppers and arrow keys. An empty input is\n * `null`, not `NaN`.\n */\nexport function NumberInput({\n    label,\n    description,\n    errors = [],\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    suffix,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    controlClassName,\n    inputClassName,\n    isRequired,\n    isReadOnly,\n    ...props\n}: NumberInputProps) {\n    const invalid = errors.length > 0;\n    return (\n        <NumberField\n            {...props}\n            value={toAria(value)}\n            defaultValue={toAria(defaultValue)}\n            onChange={(next) => onChange?.(Number.isNaN(next) ? null : next)}\n            isRequired={isRequired}\n            isReadOnly={isReadOnly}\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                data-readonly={isReadOnly || undefined}\n            >\n                <Input\n                    placeholder={placeholder}\n                    className={cx(fieldStyles.bare, styles.input, inputClassName)}\n                />\n                {suffix !== undefined ? (\n                    <span className={fieldStyles.adornment}>{suffix}</span>\n                ) : null}\n                {isReadOnly !== true ? (\n                    <span className={styles.steppers}>\n                        <Button slot=\"increment\" className={styles.stepper}>\n                            <Icon icon={ChevronUp} size=\"xs\" />\n                        </Button>\n                        <Button slot=\"decrement\" className={styles.stepper}>\n                            <Icon icon={ChevronDown} size=\"xs\" />\n                        </Button>\n                    </span>\n                ) : null}\n            </Group>\n            <FieldDescription className={descriptionClassName}>{description}</FieldDescription>\n            <FieldErrors errors={errors} className={errorsClassName} />\n        </NumberField>\n    );\n}\n"],"mappings":";;;;;;;;;AA+CA,SAAS,OAAO,OAAsD;CAClE,OAAO,UAAU,OAAO,MAAa;AACzC;;;;;AAMA,SAAgB,YAAY,EACxB,OACA,aACA,SAAS,CAAA,GACT,OACA,cACA,UACA,aACA,QACA,WACA,gBACA,sBACA,iBACA,kBACA,gBACA,YACA,YACA,GAAG,SACc;CACjB,MAAM,UAAU,OAAO,SAAS;CAChC,OACI,qBAAC,aAAD;EACI,GAAI;EACJ,OAAO,OAAO,KAAK;EACnB,cAAc,OAAO,YAAY;EACjC,WAAW,SAAS,WAAW,OAAO,MAAM,IAAI,IAAI,OAAO,IAAI;EACnD;EACA;EACZ,WAAW;EACX,oBAAmB;EACnB,WAAW,GAAGA,qBAAY,OAAO,SAAS;EAT9C,UAAA;GAWI,oBAAC,YAAD;IAAwB;IAAY,WAAW;IAC1C,UAAA;GACO,CAAA;GACZ,qBAAC,OAAD;IACI,WAAW,GAAGA,qBAAY,SAASC,2BAAO,SAAS,gBAAgB;IACnE,gBAAc,WAAW,KAAA;IACzB,iBAAe,cAAc,KAAA;IAHjC,UAAA;KAKI,oBAAC,OAAD;MACiB;MACb,WAAW,GAAGD,qBAAY,MAAMC,2BAAO,OAAO,cAAc;KAAE,CAAA;KAEjE,WAAW,KAAA,IACR,oBAAC,QAAD;MAAM,WAAWD,qBAAY;MAAY,UAAA;KAAa,CAAA,IACtD;KACH,eAAe,OACZ,qBAAC,QAAD;MAAM,WAAWC,2BAAO;MAAxB,UAAA,CACI,oBAAC,QAAD;OAAQ,MAAK;OAAY,WAAWA,2BAAO;OACvC,UAAA,oBAAC,MAAD;QAAM,MAAM;QAAW,MAAK;OAAI,CAAA;MAC5B,CAAA,GACR,oBAAC,QAAD;OAAQ,MAAK;OAAY,WAAWA,2BAAO;OACvC,UAAA,oBAAC,MAAD;QAAM,MAAM;QAAa,MAAK;OAAI,CAAA;MAC9B,CAAA,CACN;KACN,CAAA,IAAA;IACD;;GACP,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,UAAA;GAA8B,CAAA;GAClF,oBAAC,aAAD;IAAqB;IAAQ,WAAW;GAAgB,CAAA;EAC/C;;AAErB"}

package/dist/number-input/NumberInput.module.js

@@ -0,0 +1,16 @@
+import "./NumberInput.css";
+//#region src/number-input/NumberInput.module.css
+var control = "panneau-control-4aptNi";
+var input = "panneau-input-qqs-MV";
+var steppers = "panneau-steppers-JoTs6w";
+var stepper = "panneau-stepper-sAGR2f";
+var NumberInput_module_default = {
+	control,
+	input,
+	steppers,
+	stepper
+};
+//#endregion
+export { control, NumberInput_module_default as default, input, stepper, steppers };
+
+//# sourceMappingURL=NumberInput.module.js.map

package/dist/number-input/NumberInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.module.js","names":[],"sources":["../../src/number-input/NumberInput.module.css"],"sourcesContent":[".control.control {\n    padding-inline-end: 0;\n    overflow: hidden;\n}\n\n.input {\n    font-variant-numeric: tabular-nums;\n}\n\n.steppers {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    border-inline-start: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.stepper {\n    display: flex;\n    flex: 1 1 0;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    padding: 0;\n    color: var(--panneau-color-text-muted);\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n}\n\n.stepper + .stepper {\n    border-top: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.stepper[data-hovered] {\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-hover);\n}\n\n.stepper[data-pressed] {\n    background-color: var(--panneau-color-pressed);\n}\n\n.stepper[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n/* Touch screens have their own keyboard for numbers: the steppers would be too small. */\n@media (pointer: coarse) {\n    .steppers {\n        display: none;\n    }\n\n    .control.control {\n        padding-inline-end: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}

package/dist/popover/Popover.css

@@ -0,0 +1,32 @@
+.panneau-popover-KacUIM {
+    min-width: var(--trigger-width, 10rem);
+    max-width: calc(100vw - 2 * var(--panneau-space-4));
+    color: var(--panneau-color-text);
+    background-color: var(--panneau-color-surface-raised);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-lg);
+    box-shadow: var(--panneau-shadow-lg);
+    outline: none;
+    overflow: auto;
+    z-index: var(--panneau-z-overlay);
+}
+
+.panneau-popover-KacUIM[data-entering] {
+    animation: panneau-pop-fB47s- var(--panneau-duration) ease-out;
+}
+
+.panneau-popover-KacUIM[data-exiting] {
+    animation: panneau-pop-fB47s- var(--panneau-duration) ease-in reverse;
+}
+
+.panneau-dialog-2cVt0D {
+    padding: var(--panneau-space-3);
+    outline: none;
+}
+
+@keyframes panneau-pop-fB47s- {
+    from {
+        opacity: 0;
+        transform: scale(0.97);
+    }
+}

package/dist/popover/Popover.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import { type PopoverProps as AriaPopoverProps } from 'react-aria-components';
+export interface PopoverProps extends Omit<AriaPopoverProps, 'className' | 'style' | 'children' | 'UNSTABLE_portalContainer'> {
+    children?: ReactNode;
+    /** Accessible label of the popover's dialog, when it has no heading. */
+    'aria-label'?: string;
+    className?: string;
+    dialogClassName?: string;
+}
+/**
+ * A popover with free content, inside a `PopoverTrigger` with its button as the first child. Its
+ * content is a non-modal dialog: focus moves into it and comes back to the button when it closes.
+ */
+export declare function Popover({ children, 'aria-label': ariaLabel, className, dialogClassName, offset, ...props }: PopoverProps): import("react").JSX.Element | null;
+/** The popover surface without a dialog, for listboxes and menus. */
+export declare function PopoverSurface({ children, className, offset, ...props }: Omit<PopoverProps, 'aria-label' | 'dialogClassName'>): import("react").JSX.Element | null;
+export { DialogTrigger as PopoverTrigger } from 'react-aria-components';
+//# sourceMappingURL=Popover.d.ts.map

package/dist/popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEH,KAAK,YAAY,IAAI,gBAAgB,EAExC,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,YAAa,SAAQ,IAAI,CACtC,gBAAgB,EAChB,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,0BAA0B,CAClE;IACG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,eAAe,EACf,MAAU,EACV,GAAG,KAAK,EACX,EAAE,YAAY,sCAiBd;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAU,EACV,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,iBAAiB,CAAC,sCAetD;AAED,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/popover/Popover.js

@@ -0,0 +1,41 @@
+import { cx } from "../utils/cx.js";
+import { usePortalContainer } from "../root/PanneauRoot.js";
+import Popover_module_default from "./Popover.module.js";
+import { Dialog, DialogTrigger as PopoverTrigger, Popover } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/popover/Popover.tsx
+/**
+* A popover with free content, inside a `PopoverTrigger` with its button as the first child. Its
+* content is a non-modal dialog: focus moves into it and comes back to the button when it closes.
+*/
+function Popover$1({ children, "aria-label": ariaLabel, className, dialogClassName, offset = 6, ...props }) {
+	const container = usePortalContainer();
+	if (container === null) return null;
+	return /* @__PURE__ */ jsx(Popover, {
+		...props,
+		offset,
+		className: cx(Popover_module_default.popover, className),
+		UNSTABLE_portalContainer: container,
+		children: /* @__PURE__ */ jsx(Dialog, {
+			"aria-label": ariaLabel,
+			className: cx(Popover_module_default.dialog, dialogClassName),
+			children
+		})
+	});
+}
+/** The popover surface without a dialog, for listboxes and menus. */
+function PopoverSurface({ children, className, offset = 6, ...props }) {
+	const container = usePortalContainer();
+	if (container === null) return null;
+	return /* @__PURE__ */ jsx(Popover, {
+		...props,
+		offset,
+		className: cx(Popover_module_default.popover, className),
+		UNSTABLE_portalContainer: container,
+		children
+	});
+}
+//#endregion
+export { Popover$1 as Popover, PopoverSurface, PopoverTrigger };
+
+//# sourceMappingURL=Popover.js.map

package/dist/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["Popover","AriaPopover","styles"],"sources":["../../src/popover/Popover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n    Popover as AriaPopover,\n    type PopoverProps as AriaPopoverProps,\n    Dialog,\n} from 'react-aria-components';\n\nimport { usePortalContainer } from '../root/PanneauRoot';\nimport { cx } from '../utils/cx';\nimport styles from './Popover.module.css';\n\nexport interface PopoverProps extends Omit<\n    AriaPopoverProps,\n    'className' | 'style' | 'children' | 'UNSTABLE_portalContainer'\n> {\n    children?: ReactNode;\n    /** Accessible label of the popover's dialog, when it has no heading. */\n    'aria-label'?: string;\n    className?: string;\n    dialogClassName?: string;\n}\n\n/**\n * A popover with free content, inside a `PopoverTrigger` with its button as the first child. Its\n * content is a non-modal dialog: focus moves into it and comes back to the button when it closes.\n */\nexport function Popover({\n    children,\n    'aria-label': ariaLabel,\n    className,\n    dialogClassName,\n    offset = 6,\n    ...props\n}: PopoverProps) {\n    const container = usePortalContainer();\n    if (container === null) {\n        return null;\n    }\n    return (\n        <AriaPopover\n            {...props}\n            offset={offset}\n            className={cx(styles.popover, className)}\n            UNSTABLE_portalContainer={container}\n        >\n            <Dialog aria-label={ariaLabel} className={cx(styles.dialog, dialogClassName)}>\n                {children}\n            </Dialog>\n        </AriaPopover>\n    );\n}\n\n/** The popover surface without a dialog, for listboxes and menus. */\nexport function PopoverSurface({\n    children,\n    className,\n    offset = 6,\n    ...props\n}: Omit<PopoverProps, 'aria-label' | 'dialogClassName'>) {\n    const container = usePortalContainer();\n    if (container === null) {\n        return null;\n    }\n    return (\n        <AriaPopover\n            {...props}\n            offset={offset}\n            className={cx(styles.popover, className)}\n            UNSTABLE_portalContainer={container}\n        >\n            {children}\n        </AriaPopover>\n    );\n}\n\nexport { DialogTrigger as PopoverTrigger } from 'react-aria-components';\n"],"mappings":";;;;;;;;;;AA0BA,SAAgBA,UAAQ,EACpB,UACA,cAAc,WACd,WACA,iBACA,SAAS,GACT,GAAG,SACU;CACb,MAAM,YAAY,mBAAmB;CACrC,IAAI,cAAc,MACd,OAAO;CAEX,OACI,oBAACC,SAAD;EACI,GAAI;EACI;EACR,WAAW,GAAGC,uBAAO,SAAS,SAAS;EACvC,0BAA0B;EAE1B,UAAA,oBAAC,QAAD;GAAQ,cAAY;GAAW,WAAW,GAAGA,uBAAO,QAAQ,eAAe;GACtE;EACG,CAAA;CACC,CAAA;AAErB;;AAGA,SAAgB,eAAe,EAC3B,UACA,WACA,SAAS,GACT,GAAG,SACkD;CACrD,MAAM,YAAY,mBAAmB;CACrC,IAAI,cAAc,MACd,OAAO;CAEX,OACI,oBAACD,SAAD;EACI,GAAI;EACI;EACR,WAAW,GAAGC,uBAAO,SAAS,SAAS;EACvC,0BAA0B;EAEzB;CACQ,CAAA;AAErB"}

package/dist/popover/Popover.module.js

@@ -0,0 +1,14 @@
+import "./Popover.css";
+//#region src/popover/Popover.module.css
+var popover = "panneau-popover-KacUIM";
+var pop = "panneau-pop-fB47s-";
+var dialog = "panneau-dialog-2cVt0D";
+var Popover_module_default = {
+	popover,
+	pop,
+	dialog
+};
+//#endregion
+export { Popover_module_default as default, dialog, pop, popover };
+
+//# sourceMappingURL=Popover.module.js.map

package/dist/popover/Popover.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.js","names":[],"sources":["../../src/popover/Popover.module.css"],"sourcesContent":[".popover {\n    min-width: var(--trigger-width, 10rem);\n    max-width: calc(100vw - 2 * var(--panneau-space-4));\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-surface-raised);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n    box-shadow: var(--panneau-shadow-lg);\n    outline: none;\n    overflow: auto;\n    z-index: var(--panneau-z-overlay);\n}\n\n.popover[data-entering] {\n    animation: pop var(--panneau-duration) ease-out;\n}\n\n.popover[data-exiting] {\n    animation: pop var(--panneau-duration) ease-in reverse;\n}\n\n.dialog {\n    padding: var(--panneau-space-3);\n    outline: none;\n}\n\n@keyframes pop {\n    from {\n        opacity: 0;\n        transform: scale(0.97);\n    }\n}\n"],"mappings":""}