@maanlamp/react-web-ui 0.0.0-stage → 0.1.1

package/dist/components/link/link.js

@@ -0,0 +1,45 @@
+import link_module_default from "./link.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+// src/components/link/link.tsx
+/**
+* The one text link: brand-coloured and underlined. It spreads every prop onto
+* the `<a>` and forwards its ref, so a router's `createLink` can wrap it.
+*
+* @example
+* const RouterLink = createLink(Link);
+* <RouterLink to="/register">Create an account</RouterLink>
+*/
+var Link = (t0) => {
+	const $ = c(8);
+	let anchorProps;
+	let className;
+	if ($[0] !== t0) {
+		({className, ...anchorProps} = t0);
+		$[0] = t0;
+		$[1] = anchorProps;
+		$[2] = className;
+	} else {
+		anchorProps = $[1];
+		className = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(link_module_default.link, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== anchorProps || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("a", {
+			className: t1,
+			...anchorProps
+		});
+		$[5] = anchorProps;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+export { Link };

package/dist/components/link/link.module.js

@@ -0,0 +1,4 @@
+import './link.css';// src/components/link/link.module.scss
+var link = "_link_xyp6s_3";
+var link_module_default = { link };
+export { link_module_default as default, link };

package/dist/components/link-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./link-button.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/link-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/link-button/index.js

@@ -0,0 +1 @@
+export { LinkButton } from "./link-button.js";

package/dist/components/link-button/link-button.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { ButtonSize, ButtonTone, ButtonVariant } from "../button/button.tsx";
+import { type SvgComponent } from "../icon/icon.tsx";
+export type LinkButtonProps = ComponentPropsWithRef<"a"> & Readonly<{
+    /** Visual tier. @default "secondary" */
+    variant?: ButtonVariant;
+    /** @default "md" */
+    size?: ButtonSize;
+    /** Colour role. @default "brand" */
+    tone?: ButtonTone;
+    /** Optional leading icon rendered before the label. */
+    icon?: SvgComponent;
+    children: ReactNode;
+}>;
+/**
+ * A link that looks and sizes exactly like a `Button`. It spreads every other
+ * prop onto the `<a>` and forwards its ref, so a router's `createLink` can wrap it.
+ *
+ * @example
+ * const RouterLinkButton = createLink(LinkButton);
+ * <RouterLinkButton to="/" variant="primary">Go to home page</RouterLinkButton>
+ */
+export declare const LinkButton: ({ variant, size, tone, icon, className, children, ...anchorProps }: LinkButtonProps) => ReactNode;
+//# sourceMappingURL=link-button.d.ts.map

package/dist/components/link-button/link-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../src/components/link-button/link-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,qBAAqB,EACrB,SAAS,EACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACX,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,GAAG,CAAC,GACvD,QAAQ,CAAC;IACR,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,uEAQpB,eAAe,KAAG,SAUpB,CAAC"}

package/dist/components/link-button/link-button.js

@@ -0,0 +1,82 @@
+import button_module_default from "../button/button.module.js";
+import { Icon } from "../icon/icon.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+// src/components/link-button/link-button.tsx
+/**
+* A link that looks and sizes exactly like a `Button`. It spreads every other
+* prop onto the `<a>` and forwards its ref, so a router's `createLink` can wrap it.
+*
+* @example
+* const RouterLinkButton = createLink(LinkButton);
+* <RouterLinkButton to="/" variant="primary">Go to home page</RouterLinkButton>
+*/
+var LinkButton = (t0) => {
+	const $ = c(20);
+	let anchorProps;
+	let children;
+	let className;
+	let icon;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({variant: t1, size: t2, tone: t3, icon, className, children, ...anchorProps} = t0);
+		$[0] = t0;
+		$[1] = anchorProps;
+		$[2] = children;
+		$[3] = className;
+		$[4] = icon;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		anchorProps = $[1];
+		children = $[2];
+		className = $[3];
+		icon = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+	}
+	const variant = t1 === void 0 ? "secondary" : t1;
+	const size = t2 === void 0 ? "md" : t2;
+	const tone = t3 === void 0 ? "brand" : t3;
+	let t4;
+	if ($[8] !== className) {
+		t4 = clsx(button_module_default.button, className);
+		$[8] = className;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== icon) {
+		t5 = icon ? /* @__PURE__ */ jsx(Icon, {
+			svg: icon,
+			label: ""
+		}) : null;
+		$[10] = icon;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== anchorProps || $[13] !== children || $[14] !== size || $[15] !== t4 || $[16] !== t5 || $[17] !== tone || $[18] !== variant) {
+		t6 = /* @__PURE__ */ jsxs("a", {
+			"data-variant": variant,
+			"data-size": size,
+			"data-tone": tone,
+			className: t4,
+			...anchorProps,
+			children: [t5, children]
+		});
+		$[12] = anchorProps;
+		$[13] = children;
+		$[14] = size;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = tone;
+		$[18] = variant;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
+};
+export { LinkButton };

package/dist/components/loading-message/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./loading-message.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/loading-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading-message/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/loading-message/index.js

@@ -0,0 +1 @@
+export { LoadingMessage } from "./loading-message.js";

package/dist/components/loading-message/loading-message.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+export type LoadingMessageProps = Readonly<{
+    /** What the wait says and is announced as, such as "Loading your declarations". */
+    title: string;
+    /** A line under the title, such as what the wait is for. */
+    description?: string;
+    /** The moving indicator, such as the app's animated logo. @default <Spinner size={2.5} /> */
+    illustration?: ReactNode;
+    /** Ms before the message shows and is announced. @default 150 */
+    busyAfter?: number;
+    className?: string;
+}>;
+/**
+ * A region's wait for its first content: a moving indicator and a title. Its
+ * live region is in place from the start and stays empty until the wait has
+ * lasted `busyAfter`, so a quick load shows nothing and a slow one is
+ * announced once.
+ *
+ * @example
+ * <LoadingMessage title="Loading your declarations" illustration={<Logo />} />
+ */
+export declare const LoadingMessage: ({ title, description, illustration, busyAfter, className, }: LoadingMessageProps) => ReactNode;
+//# sourceMappingURL=loading-message.d.ts.map

package/dist/components/loading-message/loading-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-message.d.ts","sourceRoot":"","sources":["../../../src/components/loading-message/loading-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAC1C,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,gEAMxB,mBAAmB,KAAG,SAoBxB,CAAC"}

package/dist/components/loading-message/loading-message.js

@@ -0,0 +1,55 @@
+import { useBusyPhase } from "../../lib/hooks/use-busy-phase.js";
+import { Spinner } from "../spinner/spinner.js";
+import { StatusMessage } from "../status-message/status-message.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/loading-message/loading-message.tsx
+/**
+* A region's wait for its first content: a moving indicator and a title. Its
+* live region is in place from the start and stays empty until the wait has
+* lasted `busyAfter`, so a quick load shows nothing and a slow one is
+* announced once.
+*
+* @example
+* <LoadingMessage title="Loading your declarations" illustration={<Logo />} />
+*/
+var LoadingMessage = (t0) => {
+	const $ = c(10);
+	const { title, description, illustration, busyAfter, className } = t0;
+	let t1;
+	if ($[0] !== busyAfter) {
+		t1 = {
+			busy: true,
+			busyAfter
+		};
+		$[0] = busyAfter;
+		$[1] = t1;
+	} else t1 = $[1];
+	const phase = useBusyPhase(t1);
+	let t2;
+	if ($[2] !== description || $[3] !== illustration || $[4] !== phase || $[5] !== title) {
+		t2 = phase === "fresh" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(StatusMessage.Illustration, { children: illustration ?? /* @__PURE__ */ jsx(Spinner, { size: 2.5 }) }),
+			/* @__PURE__ */ jsx(StatusMessage.Title, { children: title }),
+			description === void 0 ? null : /* @__PURE__ */ jsx(StatusMessage.Description, { children: description })
+		] });
+		$[2] = description;
+		$[3] = illustration;
+		$[4] = phase;
+		$[5] = title;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== className || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(StatusMessage.Root, {
+			live: "status",
+			className,
+			children: t2
+		});
+		$[7] = className;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+};
+export { LoadingMessage };

package/dist/components/locale-provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./locale-provider.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/locale-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/locale-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/locale-provider/index.js

@@ -0,0 +1 @@
+export { LocaleProvider, useLocale } from "./locale-provider.js";

package/dist/components/locale-provider/locale-provider.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export type LocaleProviderProps = Readonly<{
+    /** The BCP 47 locale every component formats and reads in, such as "nl-NL". */
+    locale: string;
+    children: ReactNode;
+}>;
+/**
+ * The locale every number, date and collation the kit shows or takes is read
+ * in, react-aria's components included.
+ *
+ * @example
+ * <LocaleProvider locale="nl-NL">{app}</LocaleProvider>
+ */
+export declare const LocaleProvider: ({ locale, children, }: LocaleProviderProps) => ReactNode;
+/**
+ * The BCP 47 locale of the nearest `LocaleProvider`; it throws where there is
+ * none.
+ *
+ * @example
+ * const locale = useLocale(); // "nl-NL"
+ */
+export declare const useLocale: () => string;
+//# sourceMappingURL=locale-provider.d.ts.map

package/dist/components/locale-provider/locale-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-provider.d.ts","sourceRoot":"","sources":["../../../src/components/locale-provider/locale-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAC1C,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC,CAAC;AAMH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,0BAGxB,mBAAmB,KAAG,SAIxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,QAAO,MAI3B,CAAC"}

package/dist/components/locale-provider/locale-provider.js

@@ -0,0 +1,50 @@
+import { useRequiredContext } from "../../lib/use-required-context.js";
+import { c } from "react/compiler-runtime";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { I18nProvider } from "react-aria-components";
+// src/components/locale-provider/locale-provider.tsx
+var LocaleContext = createContext(void 0);
+/**
+* The locale every number, date and collation the kit shows or takes is read
+* in, react-aria's components included.
+*
+* @example
+* <LocaleProvider locale="nl-NL">{app}</LocaleProvider>
+*/
+var LocaleProvider = (t0) => {
+	const $ = c(6);
+	const { locale, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== locale) {
+		t1 = /* @__PURE__ */ jsx(I18nProvider, {
+			locale,
+			children
+		});
+		$[0] = children;
+		$[1] = locale;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== locale || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(LocaleContext, {
+			value: locale,
+			children: t1
+		});
+		$[3] = locale;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+/**
+* The BCP 47 locale of the nearest `LocaleProvider`; it throws where there is
+* none.
+*
+* @example
+* const locale = useLocale(); // "nl-NL"
+*/
+var useLocale = () => {
+	return useRequiredContext(LocaleContext, "useLocale must be used inside a LocaleProvider");
+};
+export { LocaleProvider, useLocale };

package/dist/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./menu.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+export { Menu } from "./menu.js";

package/dist/components/menu/menu.css

@@ -0,0 +1,123 @@
+@layer kit.reset, kit.base, kit.components;
+@layer kit.components {
+  ._positioner_wd5vm_3 {
+    --_popup-edge-padding: var(
+    	--popup-edge-padding,
+    	var(--sys-unit-16)
+    );
+  }
+  @property --_popup-edge-padding {
+    syntax: "<length>";
+    inherits: false;
+    initial-value: 0px;
+  }
+  ._positioner_wd5vm_3 {
+    outline: none;
+    filter: var(--sys-elevation-1-filter);
+  }
+  ._popup_wd5vm_18 {
+    box-sizing: border-box;
+    border: none;
+    border-radius: var(--sys-radius-md);
+    background: var(--sys-color-surface-overlay);
+    padding: var(--sys-unit-4);
+    color: var(--sys-color-text);
+    transform-origin: var(--transform-origin);
+    scrollbar-width: thin;
+    scrollbar-color: var(--sys-color-outline) transparent;
+  }
+  @media not (prefers-reduced-motion) {
+    ._popup_wd5vm_18 {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard), transform var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._popup_wd5vm_18[data-starting-style], ._popup_wd5vm_18[data-ending-style] {
+    opacity: 0;
+    transform: scale(0.96);
+  }
+  ._popup_wd5vm_18 {
+    min-inline-size: 12rem;
+  }
+  ._arrow_wd5vm_41 {
+    display: flex;
+  }
+  ._arrow_wd5vm_41[data-side=top] {
+    bottom: -8px;
+    transform: rotate(180deg);
+  }
+  ._arrow_wd5vm_41[data-side=bottom] {
+    top: -8px;
+  }
+  ._arrow_wd5vm_41[data-side=left] {
+    right: -12px;
+    transform: rotate(90deg);
+  }
+  ._arrow_wd5vm_41[data-side=right] {
+    left: -12px;
+    transform: rotate(-90deg);
+  }
+  ._arrowFill_wd5vm_59 {
+    fill: var(--sys-color-surface-overlay);
+  }
+  ._item_wd5vm_62 {
+    display: flex;
+    align-items: center;
+    gap: var(--sys-unit-6);
+    box-sizing: border-box;
+    min-block-size: var(--sys-unit-20);
+    border-radius: var(--sys-radius-sm);
+    padding: var(--sys-unit-4) var(--sys-unit-6);
+    color: var(--sys-color-text);
+    font: var(--sys-font-body-medium);
+    user-select: none;
+  }
+  ._item_wd5vm_62 {
+    position: relative;
+    isolation: isolate;
+  }
+  ._item_wd5vm_62::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+    border-radius: inherit;
+    background: currentcolor;
+    opacity: 0;
+    pointer-events: none;
+  }
+  @media not (prefers-reduced-motion) {
+    ._item_wd5vm_62::after {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._item_wd5vm_62:hover:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-hover);
+  }
+  ._item_wd5vm_62:active:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-pressed);
+  }
+  ._item_wd5vm_62 {
+    outline: none;
+  }
+  ._item_wd5vm_62[data-highlighted] {
+    background: var(--sys-color-primary-container);
+    color: var(--sys-color-on-primary-container);
+  }
+  ._item_wd5vm_62[data-disabled] {
+    opacity: 0.38;
+    color: var(--sys-color-text-muted);
+  }
+  ._linkItem_wd5vm_110 {
+    text-decoration: none;
+  }
+  ._separator_wd5vm_113 {
+    block-size: 1px;
+    margin: var(--sys-unit-2) 0;
+    background: var(--sys-color-border);
+  }
+  ._groupLabel_wd5vm_118 {
+    padding: var(--sys-unit-4) var(--sys-unit-6);
+    color: var(--sys-color-text-muted);
+    font: var(--sys-font-label-small);
+  }
+}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,79 @@
+import { Menu as BaseMenu } from "@base-ui/react/menu";
+import type { ComponentProps, ReactNode } from "react";
+import { type SvgComponent } from "../icon/icon.tsx";
+type TriggerBaseProps = Omit<ComponentProps<typeof BaseMenu.Trigger>, "children" | "render">;
+type IconTriggerProps = TriggerBaseProps & Readonly<{
+    icon: SvgComponent;
+    /** Accessible name, surfaced as the tooltip hint and the `aria-label`. */
+    label: string;
+    children?: never;
+}>;
+type TextTriggerProps = TriggerBaseProps & Readonly<{
+    /** Optional leading icon rendered before the label. */
+    icon?: SvgComponent;
+    children: ReactNode;
+    label?: never;
+}>;
+export type MenuTriggerProps = IconTriggerProps | TextTriggerProps;
+/**
+ * The button that opens a menu: `icon` + `label` for the icon form, `children`
+ * for a labelled one. Always a {@link Button}.
+ */
+declare const Trigger: (props: MenuTriggerProps) => ReactNode;
+export type MenuPositionerProps = Omit<ComponentProps<typeof BaseMenu.Positioner>, "ref">;
+declare const Positioner: ({ className, ...props }: MenuPositionerProps) => ReactNode;
+declare const Popup: ({ className, ...props }: ComponentProps<typeof BaseMenu.Popup>) => ReactNode;
+declare const Arrow: ({ className, ...props }: ComponentProps<typeof BaseMenu.Arrow>) => ReactNode;
+export type MenuItemProps = ComponentProps<typeof BaseMenu.Item> & Readonly<{
+    /** Optional leading icon, rendered decoratively before the label. */
+    icon?: SvgComponent;
+}>;
+declare const Item: ({ icon, className, children, ...props }: MenuItemProps) => ReactNode;
+export type MenuLinkItemProps = ComponentProps<typeof BaseMenu.LinkItem>;
+/**
+ * An item that leads to a page. It spreads every other prop onto the `<a>` and
+ * forwards its ref, so a router's `createLink` can wrap it.
+ */
+declare const LinkItem: ({ className, ...props }: MenuLinkItemProps) => ReactNode;
+declare const Separator: ({ className, ...props }: ComponentProps<typeof BaseMenu.Separator>) => ReactNode;
+declare const GroupLabel: ({ className, ...props }: ComponentProps<typeof BaseMenu.GroupLabel>) => ReactNode;
+type MenuParts = Readonly<{
+    Root: typeof BaseMenu.Root;
+    Trigger: typeof Trigger;
+    Portal: typeof BaseMenu.Portal;
+    Positioner: typeof Positioner;
+    Popup: typeof Popup;
+    Arrow: typeof Arrow;
+    Item: typeof Item;
+    LinkItem: typeof LinkItem;
+    Separator: typeof Separator;
+    Group: typeof BaseMenu.Group;
+    GroupLabel: typeof GroupLabel;
+    createHandle: typeof BaseMenu.createHandle;
+}>;
+/**
+ * Dropdown menu over base-ui's Menu, with an arrow pointing at the trigger.
+ * `Menu.Item` accepts an optional leading `icon`. The positioner keeps
+ * `--popup-edge-padding` from the viewport's edges.
+ *
+ * @example
+ * import RowActionsIcon from "@material-design-icons/svg/outlined/more_vert.svg?react";
+ * import DownloadIcon from "@material-design-icons/svg/outlined/download.svg?react";
+ *
+ * <Menu.Root>
+ *   <Menu.Trigger icon={RowActionsIcon} label="Row actions" />
+ *   <Menu.Portal>
+ *     <Menu.Positioner sideOffset={8}>
+ *       <Menu.Popup>
+ *         <Menu.Arrow />
+ *         <Menu.Item icon={DownloadIcon} onClick={download}>
+ *           Download
+ *         </Menu.Item>
+ *       </Menu.Popup>
+ *     </Menu.Positioner>
+ *   </Menu.Portal>
+ * </Menu.Root>
+ */
+export declare const Menu: MenuParts;
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG3D,KAAK,gBAAgB,GAAG,IAAI,CAC3B,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,EACvC,UAAU,GAAG,QAAQ,CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,gBAAgB,GACvC,QAAQ,CAAC;IACR,IAAI,EAAE,YAAY,CAAC;IACnB,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC,CAAC;AAEJ,KAAK,gBAAgB,GAAG,gBAAgB,GACvC,QAAQ,CAAC;IACR,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GACzB,gBAAgB,GAChB,gBAAgB,CAAC;AAEpB;;;GAGG;AACH,QAAA,MAAM,OAAO,UAAW,gBAAgB,KAAG,SAuB1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,EAC1C,KAAK,CACL,CAAC;AAEF,QAAA,MAAM,UAAU,4BAGb,mBAAmB,KAAG,SAMxB,CAAC;AAEF,QAAA,MAAM,KAAK,4BAGR,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAG,SAK1C,CAAC;AAEF,QAAA,MAAM,KAAK,4BAGR,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAG,SAe1C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,CACzC,OAAO,QAAQ,CAAC,IAAI,CACpB,GACA,QAAQ,CAAC;IACR,qEAAqE;IACrE,IAAI,CAAC,EAAE,YAAY,CAAC;CACpB,CAAC,CAAC;AAEJ,QAAA,MAAM,IAAI,4CAKP,aAAa,KAAG,SAOlB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAC7C,OAAO,QAAQ,CAAC,QAAQ,CACxB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,QAAQ,4BAGX,iBAAiB,KAAG,SAStB,CAAC;AAEF,QAAA,MAAM,SAAS,4BAGZ,cAAc,CAChB,OAAO,QAAQ,CAAC,SAAS,CACzB,KAAG,SAKH,CAAC;AAEF,QAAA,MAAM,UAAU,4BAGb,cAAc,CAChB,OAAO,QAAQ,CAAC,UAAU,CAC1B,KAAG,SAKH,CAAC;AAEF,KAAK,SAAS,GAAG,QAAQ,CAAC;IACzB,IAAI,EAAE,OAAO,QAAQ,CAAC,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,KAAK,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC;IAC7B,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,YAAY,EAAE,OAAO,QAAQ,CAAC,YAAY,CAAC;CAC3C,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI,EAAE,SAalB,CAAC"}