adjacent-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,20 @@
+export { displayModeFrom, useDisplayMode, } from "./runtime/use-display-mode.js";
+export { KEYBOARD_THRESHOLD_PX, keyboardStateFrom, useKeyboard, } from "./runtime/use-keyboard.js";
+export { TIER_MIN_WIDTH, tierForWidth, useViewportTier, } from "./runtime/use-viewport-tier.js";
+export { Page } from "./page/page.js";
+export { Text } from "./text/text.js";
+export { Snackbar, } from "./snackbar/snackbar.js";
+export { TextField, } from "./text-field/text-field.js";
+export { TextArea } from "./text-area/text-area.js";
+export { DataTable, DataTableBody, DataTableCell, DataTableEmpty, DataTableHead, DataTableHeader, DataTablePagination, DataTableRow, } from "./data-table/data-table.js";
+export { Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSelect, MenuSeparator, MenuTrigger, } from "./menu/menu.js";
+export { Tab, TabList, TabPanel, Tabs, } from "./tabs/tabs.js";
+export { Button, IconButton, } from "./button/button.js";
+export { FloatingActionButton, } from "./floating-action-button/floating-action-button.js";
+export { Card, CardActions, CardContent, CardDescription, CardHeader, CardMedia, CardSubtitle, CardTitle, } from "./card/card.js";
+export { Checkbox, } from "./checkbox/checkbox.js";
+export { Divider, } from "./divider/divider.js";
+export { List, ListItem, ListSection, } from "./list/list.js";
+export { RadioGroup, } from "./radio/radio.js";
+export { Switch } from "./switch/switch.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,GAGf,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,GAEZ,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,eAAe,GAEhB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,IAAI,EAAoC,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAoC,MAAM,gBAAgB,CAAC;AACxE,OAAO,EACL,QAAQ,GAGT,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,SAAS,GAGV,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAsB,MAAM,0BAA0B,CAAC;AACxE,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,YAAY,GAWb,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GAYZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,GAOL,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,MAAM,EACN,UAAU,GAQX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,oBAAoB,GAKrB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,GAGV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,QAAQ,GAGT,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,OAAO,GAKR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,GAQZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,UAAU,GAIX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC"}

package/dist/list/list.css

@@ -0,0 +1,181 @@
+@layer components {
+.adj-list {
+  display: grid;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.adj-list[data-variant="segmented"],
+.adj-list[data-variant="segmented"] .adj-list-section__items {
+  gap: 0.125rem;
+}
+
+.adj-list-section {
+  display: grid;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+/*
+ * The title carries the spacing, rather than a gap between sections carrying
+ * it: equal above and below, and the same for the first section as the rest.
+ */
+.adj-list-section__title {
+  padding-block: var(--adj-list-section-title-spacing, 0.75rem);
+  padding-inline: var(--adj-list-section-title-inset, 1rem);
+  margin: 0;
+  color: var(--adj-list-section-title-color, var(--muted-foreground, currentColor));
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  letter-spacing: 0.01em;
+}
+
+.adj-list-item-shell {
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.adj-list-item {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 3.5rem;
+  padding: 0.5rem 1rem;
+  color: var(--adj-list-color, var(--foreground, CanvasText));
+  font: inherit;
+  text-align: start;
+  text-decoration: none;
+  background: var(--adj-list-item-background, transparent);
+  border: 0;
+  border-radius: var(--radius-lg, var(--radius, 0.625rem));
+}
+
+.adj-list-item-shell[data-lines="2"] .adj-list-item {
+  min-height: 4.5rem;
+}
+
+.adj-list-item-shell[data-lines="3"] .adj-list-item {
+  min-height: 5.5rem;
+  align-items: flex-start;
+  padding-block: 0.75rem;
+}
+
+.adj-list-item-shell[data-disabled="true"] {
+  pointer-events: none;
+  opacity: 0.38;
+}
+
+.adj-list-item[data-selected="true"] {
+  background: var(--adj-list-selected-background, color-mix(in srgb, var(--primary, CanvasText) 12%, transparent));
+}
+
+.adj-list-item:is(a, button) {
+  cursor: pointer;
+}
+
+.adj-list-item:is(a, button):hover {
+  background: var(--adj-list-hover-background, color-mix(in srgb, currentColor 8%, transparent));
+}
+
+.adj-list-item:is(a, button):focus-visible {
+  outline: 2px solid var(--ring, currentColor);
+  outline-offset: -2px;
+}
+
+.adj-list-item__leading,
+.adj-list-item__trailing {
+  display: grid;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
+  flex: none;
+  color: var(--adj-list-icon-color, var(--muted-foreground, currentColor));
+  place-items: center;
+}
+
+.adj-list-item__leading > svg,
+.adj-list-item__trailing > svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.adj-list-item__body {
+  display: grid;
+  min-width: 0;
+  flex: 1 1 auto;
+  gap: 0.125rem;
+}
+
+.adj-list-item__headline,
+.adj-list-item__supporting,
+.adj-list-item__trailing-supporting {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.adj-list-item__headline {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5rem;
+  white-space: nowrap;
+}
+
+.adj-list-item__supporting {
+  display: -webkit-box;
+  color: var(--adj-list-supporting-color, var(--muted-foreground, currentColor));
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
+.adj-list-item-shell[data-lines="3"] .adj-list-item__supporting {
+  -webkit-line-clamp: 2;
+}
+
+.adj-list-item__trailing-supporting {
+  flex: none;
+  color: var(--adj-list-supporting-color, var(--muted-foreground, currentColor));
+  font-size: 0.75rem;
+  line-height: 1rem;
+  white-space: nowrap;
+}
+
+.adj-list[data-variant="segmented"] .adj-list-item {
+  background: var(--adj-list-segmented-background, var(--card, Canvas));
+}
+
+.adj-list[data-divided="true"] > .adj-list-item-shell::after,
+.adj-list[data-divided="true"] .adj-list-section__items > .adj-list-item-shell::after {
+  position: absolute;
+  inset-inline: var(--adj-list-divider-inset-start, 0) var(--adj-list-divider-inset-end, 0);
+  inset-block-end: 0;
+  height: 1px;
+  content: "";
+  background: var(--adj-divider-color, var(--border, color-mix(in srgb, CanvasText 18%, transparent)));
+}
+
+/* Per section, so no divider runs under the last row before the next title. */
+.adj-list[data-divided="true"][data-last-divider="false"] > .adj-list-item-shell:last-child::after,
+.adj-list[data-divided="true"][data-last-divider="false"] .adj-list-section__items > .adj-list-item-shell:last-child::after {
+  display: none;
+}
+
+.adj-list[data-divider-inset="start"] {
+  --adj-list-divider-inset-start: 1rem;
+}
+
+.adj-list[data-divider-inset="both"] {
+  --adj-list-divider-inset-start: 1rem;
+  --adj-list-divider-inset-end: 1rem;
+}
+}

package/dist/list/list.d.ts

@@ -0,0 +1,56 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import "./list.css";
+export type ListDividerInset = "both" | "none" | "start";
+export type ListSectionTitleElement = "div" | "h2" | "h3" | "h4" | "h5";
+export type ListItemLines = 1 | 2 | 3;
+export type ListVariant = "segmented" | "standard";
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    readonly divided?: boolean;
+    readonly dividerInset?: ListDividerInset;
+    readonly lastDivider?: boolean;
+    readonly variant?: ListVariant;
+}
+export declare function List({ className, divided, dividerInset, lastDivider, variant, ...props }: ListProps): import("react").JSX.Element;
+export interface ListSectionProps extends Omit<HTMLAttributes<HTMLLIElement>, "title"> {
+    readonly children: ReactNode;
+    /**
+     * Names the group. Plain text also becomes the accessible name of the list
+     * inside it, so a screen reader says which section a row belongs to rather
+     * than reading every row of every section as one flat list.
+     */
+    readonly title: ReactNode;
+    /**
+     * What the title renders as. A heading by default, because that is how
+     * someone navigating by heading finds a group; `div` for a title that
+     * indexes rather than heads, such as a single letter.
+     */
+    readonly titleAs?: ListSectionTitleElement;
+    readonly titleClassName?: string;
+}
+/**
+ * One titled group inside a `List`. The rows go in a list of their own, so the
+ * grouping is real rather than a row that happens to look like a heading, and
+ * they inherit the dividers, inset and variant of the list around them.
+ */
+export declare function ListSection({ children, className, title, titleAs: Title, titleClassName, ...props }: ListSectionProps): import("react").JSX.Element;
+interface ListItemRootProps {
+    readonly "aria-disabled"?: boolean;
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly "data-selected"?: "false" | "true";
+    readonly tabIndex?: number;
+}
+export interface ListItemProps extends Omit<HTMLAttributes<HTMLLIElement>, "children"> {
+    readonly disabled?: boolean;
+    readonly headline: ReactNode;
+    readonly leading?: ReactNode;
+    readonly lines?: ListItemLines;
+    readonly render?: ReactElement<ListItemRootProps>;
+    readonly selected?: boolean;
+    readonly supportingText?: ReactNode;
+    readonly trailing?: ReactNode;
+    readonly trailingSupportingText?: ReactNode;
+}
+export declare function ListItem({ className, disabled, headline, leading, lines, render, selected, supportingText, trailing, trailingSupportingText, ...props }: ListItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACtC,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACjE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAAe,EACf,YAAqB,EACrB,WAAkB,EAClB,OAAoB,EACpB,GAAG,KAAK,EACT,EAAE,SAAS,+BAaX;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAC3C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EAAE,KAAY,EACrB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAiBlB;AAED,UAAU,iBAAiB;IACzB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC;CAC7C;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,cAAc,EACd,QAAQ,EACR,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,+BA+Cf"}

package/dist/list/list.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cloneElement, } from "react";
+import "./list.css";
+export function List({ className, divided = false, dividerInset = "none", lastDivider = true, variant = "standard", ...props }) {
+    const classes = ["adj-list", className].filter(Boolean).join(" ");
+    return (_jsx("ul", { className: classes, "data-divided": String(divided), "data-divider-inset": dividerInset, "data-last-divider": String(lastDivider), "data-variant": variant, ...props }));
+}
+/**
+ * One titled group inside a `List`. The rows go in a list of their own, so the
+ * grouping is real rather than a row that happens to look like a heading, and
+ * they inherit the dividers, inset and variant of the list around them.
+ */
+export function ListSection({ children, className, title, titleAs: Title = "h3", titleClassName, ...props }) {
+    const classes = ["adj-list-section", className].filter(Boolean).join(" ");
+    const titleClasses = ["adj-list-section__title", titleClassName]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("li", { className: classes, ...props, children: [_jsx(Title, { className: titleClasses, children: title }), _jsx("ul", { "aria-label": typeof title === "string" ? title : undefined, className: "adj-list adj-list-section__items", children: children })] }));
+}
+export function ListItem({ className, disabled = false, headline, leading, lines, render, selected = false, supportingText, trailing, trailingSupportingText, ...props }) {
+    const itemClasses = ["adj-list-item", className].filter(Boolean).join(" ");
+    const resolvedLines = lines ?? (supportingText === undefined ? 1 : 2);
+    const content = (_jsxs(_Fragment, { children: [leading !== undefined ? (_jsx("span", { "aria-hidden": "true", className: "adj-list-item__leading", children: leading })) : null, _jsxs("span", { className: "adj-list-item__body", children: [_jsx("span", { className: "adj-list-item__headline", children: headline }), supportingText !== undefined ? (_jsx("span", { className: "adj-list-item__supporting", children: supportingText })) : null] }), trailingSupportingText !== undefined ? (_jsx("span", { className: "adj-list-item__trailing-supporting", children: trailingSupportingText })) : null, trailing !== undefined ? _jsx("span", { className: "adj-list-item__trailing", children: trailing }) : null] }));
+    const root = render ? (cloneElement(render, {
+        "aria-disabled": disabled || undefined,
+        children: content,
+        className: itemClasses,
+        "data-selected": String(selected),
+        tabIndex: disabled ? -1 : render.props.tabIndex,
+    })) : (_jsx("div", { className: itemClasses, "data-selected": String(selected), children: content }));
+    return (_jsx("li", { className: "adj-list-item-shell", "data-disabled": String(disabled), "data-lines": resolvedLines, ...props, children: root }));
+}
+//# sourceMappingURL=list.js.map

package/dist/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/list/list.tsx"],"names":[],"mappings":"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"}

package/dist/menu/menu.css

@@ -0,0 +1,170 @@
+@layer components {
+  /*
+   * Matched on the attribute rather than a class, so it reaches a projected
+   * trigger too. Injecting a class would replace the classes of whatever was
+   * projected, which is how the two used to disagree at hydration.
+   */
+  [aria-haspopup="menu"] {
+    font: inherit;
+  }
+
+  .adj-menu__positioner {
+    z-index: 80;
+    outline: 0;
+  }
+
+  .adj-menu__content {
+    box-sizing: border-box;
+    min-width: 12rem;
+    max-width: min(22rem, calc(100vw - 1rem));
+    max-height: min(24rem, var(--available-height));
+    padding-block: 0.5rem;
+    overflow-y: auto;
+    color: var(--adj-menu-color, var(--foreground, CanvasText));
+    background: var(--adj-menu-background, var(--popover, Canvas));
+    border: 1px solid var(--adj-menu-border, var(--border, color-mix(in srgb, currentColor 18%, transparent)));
+    border-radius: var(--radius-md, var(--radius, 0.625rem));
+    outline: 0;
+  }
+
+  .adj-menu__item {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto auto;
+    gap: 0.75rem;
+    align-items: center;
+    min-height: 3rem;
+    padding: 0.5rem 0.75rem;
+    color: inherit;
+    cursor: default;
+    outline: 0;
+  }
+
+  .adj-menu__item[data-highlighted] {
+    background: var(--adj-menu-item-hover, color-mix(in srgb, currentColor 8%, transparent));
+  }
+
+  .adj-menu__item[data-disabled] {
+    opacity: 0.38;
+  }
+
+  .adj-menu__label {
+    min-width: 0;
+    overflow-wrap: anywhere;
+    white-space: normal;
+  }
+
+  .adj-menu__leading,
+  .adj-menu__trailing,
+  .adj-menu__radio-indicator {
+    display: grid;
+    width: 1.5rem;
+    height: 1.5rem;
+    color: var(--adj-menu-icon-color, var(--muted-foreground, currentColor));
+    place-items: center;
+  }
+
+  .adj-menu__leading > svg,
+  .adj-menu__trailing > svg,
+  .adj-menu__radio-indicator > svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  .adj-menu__trailing-text {
+    color: var(--adj-menu-supporting-color, var(--muted-foreground, currentColor));
+  }
+
+  .adj-menu__group-label {
+    min-height: 2rem;
+    padding: 0.375rem 0.75rem;
+    color: var(--adj-menu-supporting-color, var(--muted-foreground, currentColor));
+  }
+
+  .adj-menu__separator {
+    height: 1px;
+    margin-block: 0.5rem;
+    background: var(--adj-menu-divider, var(--border, color-mix(in srgb, currentColor 12%, transparent)));
+  }
+
+  .adj-menu__radio-item {
+    grid-template-columns: 1.5rem minmax(0, 1fr);
+  }
+
+  .adj-menu__radio-item .adj-menu__label {
+    grid-column: 2;
+  }
+
+  .adj-menu__radio-indicator {
+    visibility: hidden;
+    color: var(--primary, currentColor);
+  }
+
+  .adj-menu__radio-item[data-checked] .adj-menu__radio-indicator {
+    visibility: visible;
+  }
+
+  .adj-menu__radio-indicator > svg {
+    fill: currentColor;
+  }
+
+  .adj-menu-select {
+    display: inline-flex;
+    gap: 0.375rem;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    min-width: 4rem;
+    min-height: var(--adj-menu-select-height, var(--adj-control-height, 2.5rem));
+    padding-inline: 0.625rem;
+    color: inherit;
+    cursor: pointer;
+    background: transparent;
+    border: 1px solid var(--border, currentColor);
+    border-radius: var(--radius-sm, var(--radius, 0.625rem));
+  }
+
+  .adj-menu-select:hover:not(:disabled) {
+    background: color-mix(in srgb, currentColor 6%, transparent);
+  }
+
+  .adj-menu-select:focus-visible {
+    outline: 2px solid var(--ring, currentColor);
+    outline-offset: -2px;
+  }
+
+  .adj-menu-select:disabled {
+    cursor: default;
+    opacity: 0.38;
+  }
+
+  .adj-menu-select > svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex: none;
+    fill: currentColor;
+    transition: transform 150ms ease;
+  }
+
+  .adj-menu-select > .adj-text {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .adj-menu-select[data-popup-open] > svg {
+    transform: rotate(180deg);
+  }
+
+  .adj-menu-select__content {
+    width: min(var(--anchor-width), calc(100vw - 1rem));
+    min-width: 0;
+    max-width: calc(100vw - 1rem);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .adj-menu-select > svg {
+      transition: none;
+    }
+  }
+}

package/dist/menu/menu.d.ts

@@ -0,0 +1,70 @@
+import { Menu as BaseMenu } from "@base-ui/react/menu";
+import { type ReactNode } from "react";
+import "./menu.css";
+export type MenuProps = BaseMenu.Root.Props;
+export declare function Menu(props: MenuProps): import("react").JSX.Element;
+export interface MenuTriggerProps extends Omit<BaseMenu.Trigger.Props, "className"> {
+    readonly className?: string;
+}
+export declare function MenuTrigger(props: MenuTriggerProps): import("react").JSX.Element;
+export interface MenuContentProps extends Omit<BaseMenu.Popup.Props, "className"> {
+    readonly align?: BaseMenu.Positioner.Props["align"];
+    readonly className?: string;
+    readonly positionerClassName?: string;
+    readonly portalContainer?: BaseMenu.Portal.Props["container"];
+    readonly side?: BaseMenu.Positioner.Props["side"];
+    readonly sideOffset?: BaseMenu.Positioner.Props["sideOffset"];
+}
+export declare function MenuContent({ align, className, positionerClassName, portalContainer, side, sideOffset, ...props }: MenuContentProps): import("react").JSX.Element;
+export interface MenuItemProps extends Omit<BaseMenu.Item.Props, "children" | "className"> {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly leading?: ReactNode;
+    readonly trailing?: ReactNode;
+    readonly trailingText?: ReactNode;
+}
+export declare function MenuItem({ children, className, leading, trailing, trailingText, ...props }: MenuItemProps): import("react").JSX.Element;
+export interface MenuGroupProps extends Omit<BaseMenu.Group.Props, "className"> {
+    readonly className?: string;
+}
+export declare function MenuGroup({ className, ...props }: MenuGroupProps): import("react").JSX.Element;
+export interface MenuLabelProps extends Omit<BaseMenu.GroupLabel.Props, "children" | "className"> {
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+export declare function MenuLabel({ children, className, ...props }: MenuLabelProps): import("react").JSX.Element;
+export interface MenuSeparatorProps extends Omit<BaseMenu.Separator.Props, "className"> {
+    readonly className?: string;
+}
+export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): import("react").JSX.Element;
+export interface MenuRadioGroupProps extends Omit<BaseMenu.RadioGroup.Props, "onValueChange" | "value"> {
+    readonly onValueChange?: (value: string) => void;
+    readonly value?: string;
+}
+export declare function MenuRadioGroup({ onValueChange, ...props }: MenuRadioGroupProps): import("react").JSX.Element;
+export interface MenuRadioItemProps extends Omit<BaseMenu.RadioItem.Props, "children" | "className" | "value"> {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly value: string;
+}
+export declare function MenuRadioItem({ children, className, ...props }: MenuRadioItemProps): import("react").JSX.Element;
+export interface MenuSelectOption {
+    readonly disabled?: boolean;
+    readonly label: ReactNode;
+    /**
+     * Shown on the closed trigger instead of `label`. Use it when the row carries
+     * detail that would be noise once a choice has been made.
+     */
+    readonly triggerLabel?: ReactNode;
+    readonly value: string;
+}
+export interface MenuSelectProps {
+    readonly "aria-label": string;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly onValueChange: (value: string) => void;
+    readonly options: readonly MenuSelectOption[];
+    readonly value: string;
+}
+export declare function MenuSelect({ "aria-label": ariaLabel, className, disabled, onValueChange, options, value, }: MenuSelectProps): import("react").JSX.Element;
+//# 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":"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"}

package/dist/menu/menu.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as BaseMenu } from "@base-ui/react/menu";
+import { useRef } from "react";
+import { Text } from "../text/text.js";
+import "./menu.css";
+export function Menu(props) {
+    return _jsx(BaseMenu.Root, { ...props });
+}
+/*
+ * No className of its own, and no branching on what `render` is.
+ *
+ * Base UI applies a className through `cloneElement`, which replaces a class
+ * rather than adding to it, so injecting one here fought with the classes of a
+ * projected element. Deciding per element shape was worse: `isValidElement`
+ * answered differently on the server and in the browser, so the two rendered
+ * different classes and hydration failed on the difference.
+ *
+ * The one rule this needed is `font: inherit`, which a button does not get for
+ * free. It is applied in CSS through the ARIA attribute Base UI always sets,
+ * so it reaches a bare trigger and a projected one without either of them
+ * being handed a class.
+ */
+export function MenuTrigger(props) {
+    return _jsx(BaseMenu.Trigger, { ...props });
+}
+export function MenuContent({ align = "start", className, positionerClassName, portalContainer, side = "bottom", sideOffset = 4, ...props }) {
+    const positionerClasses = ["adj-menu__positioner", positionerClassName]
+        .filter(Boolean)
+        .join(" ");
+    const classes = ["adj-menu__content", className].filter(Boolean).join(" ");
+    return (_jsx(BaseMenu.Portal, { container: portalContainer, children: _jsx(BaseMenu.Positioner, { align: align, className: positionerClasses, side: side, sideOffset: sideOffset, children: _jsx(BaseMenu.Popup, { className: classes, ...props }) }) }));
+}
+export function MenuItem({ children, className, leading, trailing, trailingText, ...props }) {
+    const classes = ["adj-menu__item", className].filter(Boolean).join(" ");
+    return (_jsxs(BaseMenu.Item, { className: classes, ...props, children: [leading === undefined ? null : (_jsx("span", { "aria-hidden": "true", className: "adj-menu__leading", children: leading })), _jsx(Text, { className: "adj-menu__label", variant: "body-large", children: children }), trailingText === undefined ? null : (_jsx(Text, { className: "adj-menu__trailing-text", variant: "label-small", children: trailingText })), trailing === undefined ? null : (_jsx("span", { "aria-hidden": "true", className: "adj-menu__trailing", children: trailing }))] }));
+}
+export function MenuGroup({ className, ...props }) {
+    const classes = ["adj-menu__group", className].filter(Boolean).join(" ");
+    return _jsx(BaseMenu.Group, { className: classes, ...props });
+}
+export function MenuLabel({ children, className, ...props }) {
+    const classes = ["adj-menu__group-label", className]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsx(BaseMenu.GroupLabel, { className: classes, ...props, children: _jsx(Text, { variant: "label-large", children: children }) }));
+}
+export function MenuSeparator({ className, ...props }) {
+    const classes = ["adj-menu__separator", className].filter(Boolean).join(" ");
+    return _jsx(BaseMenu.Separator, { className: classes, ...props });
+}
+export function MenuRadioGroup({ onValueChange, ...props }) {
+    return (_jsx(BaseMenu.RadioGroup, { onValueChange: (value) => onValueChange?.(String(value)), ...props }));
+}
+export function MenuRadioItem({ children, className, ...props }) {
+    const classes = ["adj-menu__item", "adj-menu__radio-item", className]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs(BaseMenu.RadioItem, { className: classes, closeOnClick: true, ...props, children: [_jsx(BaseMenu.RadioItemIndicator, { className: "adj-menu__radio-indicator", children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "m9.2 16.2-3.5-3.5L4.3 14l4.9 4.9L19.8 8.3l-1.4-1.4-9.2 9.3z" }) }) }), _jsx(Text, { className: "adj-menu__label", variant: "body-large", children: children })] }));
+}
+export function MenuSelect({ "aria-label": ariaLabel, className, disabled, onValueChange, options, value, }) {
+    const dialogRef = useRef(null);
+    const selectedOption = options.find((option) => option.value === value);
+    const classes = ["adj-menu-select", className].filter(Boolean).join(" ");
+    return (_jsxs(Menu, { children: [_jsxs(MenuTrigger, { "aria-label": ariaLabel, className: classes, disabled: disabled, ref: (trigger) => {
+                    dialogRef.current = trigger?.closest("dialog") ?? null;
+                }, children: [_jsx(Text, { variant: "body-medium", children: selectedOption?.triggerLabel ?? selectedOption?.label ?? value }), _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "m7 10 5 5 5-5H7z" }) })] }), _jsx(MenuContent, { className: "adj-menu-select__content", portalContainer: dialogRef, children: _jsx(MenuRadioGroup, { onValueChange: onValueChange, value: value, children: options.map((option) => (_jsx(MenuRadioItem, { disabled: option.disabled, value: option.value, children: option.label }, option.value))) }) })] }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/menu/menu.tsx"],"names":[],"mappings":"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"}