npm - @gusnips/react - Versions diffs - 0.1.0 - Mend

@gusnips/react 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/LICENSE +21 -0
package/README.md +180 -0
package/dist/api-client.d.ts +139 -0
package/dist/api-client.d.ts.map +1 -0
package/dist/api-client.js +133 -0
package/dist/api-client.js.map +1 -0
package/dist/api-error.d.ts +45 -0
package/dist/api-error.d.ts.map +1 -0
package/dist/api-error.js +52 -0
package/dist/api-error.js.map +1 -0
package/dist/auth-store.d.ts +49 -0
package/dist/auth-store.d.ts.map +1 -0
package/dist/auth-store.js +27 -0
package/dist/auth-store.js.map +1 -0
package/dist/chunk-reload.d.ts +61 -0
package/dist/chunk-reload.d.ts.map +1 -0
package/dist/chunk-reload.js +92 -0
package/dist/chunk-reload.js.map +1 -0
package/dist/cn.d.ts +13 -0
package/dist/cn.d.ts.map +1 -0
package/dist/cn.js +16 -0
package/dist/cn.js.map +1 -0
package/dist/describe-error.d.ts +74 -0
package/dist/describe-error.d.ts.map +1 -0
package/dist/describe-error.js +70 -0
package/dist/describe-error.js.map +1 -0
package/dist/error-boundary.d.ts +61 -0
package/dist/error-boundary.d.ts.map +1 -0
package/dist/error-boundary.js +32 -0
package/dist/error-boundary.js.map +1 -0
package/dist/guards.d.ts +65 -0
package/dist/guards.d.ts.map +1 -0
package/dist/guards.js +52 -0
package/dist/guards.js.map +1 -0
package/dist/hydrate.d.ts +30 -0
package/dist/hydrate.d.ts.map +1 -0
package/dist/hydrate.js +25 -0
package/dist/hydrate.js.map +1 -0
package/dist/i18n.d.ts +70 -0
package/dist/i18n.d.ts.map +1 -0
package/dist/i18n.js +66 -0
package/dist/i18n.js.map +1 -0
package/dist/index.d.ts +12 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +31 -0
package/dist/index.js.map +1 -0
package/dist/prerender-contract.d.ts +30 -0
package/dist/prerender-contract.d.ts.map +1 -0
package/dist/prerender-contract.js +30 -0
package/dist/prerender-contract.js.map +1 -0
package/dist/query.d.ts +28 -0
package/dist/query.d.ts.map +1 -0
package/dist/query.js +51 -0
package/dist/query.js.map +1 -0
package/dist/sse.d.ts +64 -0
package/dist/sse.d.ts.map +1 -0
package/dist/sse.js +105 -0
package/dist/sse.js.map +1 -0
package/dist/states.d.ts +69 -0
package/dist/states.d.ts.map +1 -0
package/dist/states.js +2 -0
package/dist/states.js.map +1 -0
package/dist/ui/class-name.d.ts +16 -0
package/dist/ui/class-name.d.ts.map +1 -0
package/dist/ui/class-name.js +13 -0
package/dist/ui/class-name.js.map +1 -0
package/dist/ui/combobox.d.ts +81 -0
package/dist/ui/combobox.d.ts.map +1 -0
package/dist/ui/combobox.js +70 -0
package/dist/ui/combobox.js.map +1 -0
package/dist/ui/dialog.d.ts +39 -0
package/dist/ui/dialog.d.ts.map +1 -0
package/dist/ui/dialog.js +32 -0
package/dist/ui/dialog.js.map +1 -0
package/dist/ui/drawer.d.ts +63 -0
package/dist/ui/drawer.d.ts.map +1 -0
package/dist/ui/drawer.js +55 -0
package/dist/ui/drawer.js.map +1 -0
package/dist/ui/glyphs.d.ts +4 -0
package/dist/ui/glyphs.d.ts.map +1 -0
package/dist/ui/glyphs.js +20 -0
package/dist/ui/glyphs.js.map +1 -0
package/dist/ui/index.d.ts +9 -0
package/dist/ui/index.d.ts.map +1 -0
package/dist/ui/index.js +48 -0
package/dist/ui/index.js.map +1 -0
package/dist/ui/input.d.ts +45 -0
package/dist/ui/input.d.ts.map +1 -0
package/dist/ui/input.js +108 -0
package/dist/ui/input.js.map +1 -0
package/dist/ui/menu.d.ts +70 -0
package/dist/ui/menu.d.ts.map +1 -0
package/dist/ui/menu.js +85 -0
package/dist/ui/menu.js.map +1 -0
package/dist/ui/select.d.ts +69 -0
package/dist/ui/select.d.ts.map +1 -0
package/dist/ui/select.js +48 -0
package/dist/ui/select.js.map +1 -0
package/dist/ui/tabs.d.ts +52 -0
package/dist/ui/tabs.d.ts.map +1 -0
package/dist/ui/tabs.js +62 -0
package/dist/ui/tabs.js.map +1 -0
package/package.json +124 -0
package/src/api-client.test.ts +256 -0
package/src/api-client.ts +305 -0
package/src/api-error.ts +60 -0
package/src/auth-store.ts +59 -0
package/src/chunk-reload.test.ts +46 -0
package/src/chunk-reload.ts +94 -0
package/src/cn.ts +16 -0
package/src/describe-error.test.ts +102 -0
package/src/describe-error.ts +140 -0
package/src/error-boundary.tsx +88 -0
package/src/guards.tsx +99 -0
package/src/hydrate.ts +36 -0
package/src/i18n.test.ts +68 -0
package/src/i18n.ts +101 -0
package/src/index.ts +63 -0
package/src/prerender-contract.ts +31 -0
package/src/query.test.ts +54 -0
package/src/query.ts +79 -0
package/src/sse.test.ts +50 -0
package/src/sse.ts +117 -0
package/src/states.ts +71 -0
package/src/ui/class-name.ts +23 -0
package/src/ui/combobox.test.ts +32 -0
package/src/ui/combobox.tsx +242 -0
package/src/ui/dialog.tsx +87 -0
package/src/ui/drawer.tsx +161 -0
package/src/ui/focus.test.ts +82 -0
package/src/ui/glyphs.tsx +35 -0
package/src/ui/index.ts +145 -0
package/src/ui/input.test.ts +22 -0
package/src/ui/input.tsx +181 -0
package/src/ui/menu.test.ts +73 -0
package/src/ui/menu.tsx +186 -0
package/src/ui/select.tsx +191 -0
package/src/ui/tabs.tsx +95 -0

package/dist/ui/index.js ADDED Viewed

@@ -0,0 +1,48 @@
+// @gusnips/react/ui — the Base UI wrappers, behind a subpath so an app on a different
+// primitive library (or none) never resolves `@base-ui/react`.
+//
+// SEVEN, out of twenty-seven in the donor. The rest added a class string and nothing else:
+// Base UI already does scroll lock, focus trap, escape, outside-dismiss, focus return, roving
+// focus and typeahead, so a wrapper earns its place for one of three reasons only —
+// composition a caller cannot skip (a dialog with no scrim is unwritable), a required a11y
+// prop expressed as a TYPE (no close button without its label, no tab rail without a name),
+// or an encoded gotcha (the drawer's four, the menu's caption, the tab rail's padding).
+//
+// These are not styled components. The classes here are the ones that make the primitive
+// work — position, stacking, overflow, an opaque surface, the transition hooks Base UI
+// animates through. Padding, radius, shadow and type are the product's, and every part takes
+// a `className` that wins over ours.
+//
+// Nothing here draws a focus ring, and nothing removes one outside a popup container. The
+// app's single `:focus-visible` outline lives in `@gusnips/tokens`' base layer; a wrapper
+// that swaps it for a `ring-*` box-shadow looks identical in every normal browser and
+// vanishes under `forced-colors: active`. `focus.test.ts` pins that.
+//
+// The stacking contract, in one place, because the parts are all portalled to `<body>` and
+// nesting decides nothing:
+//   z-40  drawer backdrop
+//   z-50  the overlay layer — dialog, drawer. A tie on purpose: a dialog opened from inside
+//         a drawer must paint over it, and at a tie the later portal wins.
+//   z-60  popups anchored inside that layer — a select, combobox or menu opened in a dialog.
+//         Every one of the three takes `positionerProps={{ className: "z-…" }}` to move.
+export { mergeClassName } from "./class-name.js";
+export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog.js";
+export { Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerPopup, DrawerPortal, DrawerRoot, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, } from "./drawer.js";
+// `SelectGroupLabel` and `ComboboxGroupLabel` below ARE exported, and the menu's is not. The
+// hazard is identical — all three read their group's context and throw when written outside
+// it, reported in production as `Base UI error #56` for select, `#18` for combobox and `#31`
+// for the menu — so the difference is a decision, not an oversight.
+//
+// It turns on what the wrapper already covers. `MenuGroup` composes the caption as a `label`
+// prop, so the raw part has no job left and withholding it is free. `Select` and `Combobox`
+// take a flat option list and cannot express a grouped one at all, so these are the escape
+// hatch for that shape — and a caller reaching for `SelectGroup` is writing its
+// `SelectGroupLabel` in the same breath, which is the arrangement that works.
+export { Select, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, } from "./select.js";
+export { Combobox, comboboxInputValue, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, } from "./combobox.js";
+export { Input, textareaHeight, } from "./input.js";
+// No `MenuGroupLabel`, and no raw `Group` / `RadioGroup`. That is the whole guarantee — see
+// the note at the top of menu.tsx.
+export { Menu, MenuArrow, MenuBackdrop, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuContent, MenuGroup, MenuItem, MenuLinkItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuSubmenuRoot, MenuSubmenuTrigger, MenuTrigger, } from "./menu.js";
+export { Tab, TabIndicator, TabList, TabPanel, Tabs } from "./tabs.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,+DAA+D;AAC/D,EAAE;AACF,2FAA2F;AAC3F,8FAA8F;AAC9F,oFAAoF;AACpF,2FAA2F;AAC3F,4FAA4F;AAC5F,wFAAwF;AACxF,EAAE;AACF,yFAAyF;AACzF,uFAAuF;AACvF,6FAA6F;AAC7F,qCAAqC;AACrC,EAAE;AACF,0FAA0F;AAC1F,0FAA0F;AAC1F,sFAAsF;AACtF,qEAAqE;AACrE,EAAE;AACF,2FAA2F;AAC3F,2BAA2B;AAC3B,0BAA0B;AAC1B,4FAA4F;AAC5F,2EAA2E;AAC3E,6FAA6F;AAC7F,yFAAyF;AAEzF,OAAO,EAAE,cAAc,EAAuB,MAAM,iBAAiB,CAAC;AAEtE,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,GAEd,MAAM,aAAc,CAAC;AAEtB,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,cAAc,GAGf,MAAM,aAAc,CAAC;AAEtB,6FAA6F;AAC7F,4FAA4F;AAC5F,6FAA6F;AAC7F,oEAAoE;AACpE,EAAE;AACF,6FAA6F;AAC7F,4FAA4F;AAC5F,2FAA2F;AAC3F,gFAAgF;AAChF,8EAA8E;AAC9E,OAAO,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,aAAa,EACb,WAAW,GAGZ,MAAM,aAAc,CAAC;AAEtB,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,eAAe,GAEhB,MAAM,eAAgB,CAAC;AAExB,OAAO,EACL,KAAK,EACL,cAAc,GAIf,MAAM,YAAa,CAAC;AAErB,4FAA4F;AAC5F,mCAAmC;AACnC,OAAO,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,yBAAyB,EACzB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,WAAW,GAGZ,MAAM,WAAY,CAAC;AAEpB,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAqB,MAAM,WAAY,CAAC"}

package/dist/ui/input.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+import { Input as Primitive } from "@base-ui/react/input";
+import * as React from "react";
+/**
+ * The inline height an autosizing textarea should carry, or `""` for "leave it to CSS".
+ *
+ * ponytail: this whole observer is here only until `field-sizing: content` is baseline —
+ * one CSS line does the same job. Ceiling: it does not exist in every browser we support yet.
+ */
+export declare function textareaHeight(clientWidth: number, scrollHeight: number): string;
+type FieldChrome = {
+    label?: React.ReactNode;
+    /**
+     * The message under the field. Its presence is what wires `aria-invalid` and
+     * `aria-describedby`, so a field that looks wrong also announces that it is.
+     */
+    error?: React.ReactNode;
+    /**
+     * Classes for the control. A plain string here, not Base UI's state-callback form: this
+     * component renders a native `<textarea>` for the multiline case, which has no Base UI
+     * state to call back with, and one field type styling differently from the other would be
+     * a worse trade than the callback is worth.
+     */
+    className?: string;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+};
+export type InputProps = FieldChrome & Omit<Primitive.Props, "className"> & {
+    multiline?: false;
+};
+export type MultilineInputProps = FieldChrome & Omit<React.ComponentProps<"textarea">, "className"> & {
+    multiline: true;
+};
+export type FieldProps = InputProps | MultilineInputProps;
+/**
+ * A field with its label, its error, and the aria that ties the three together.
+ *
+ * That wiring is the reason this exists: `htmlFor`/`id`, `aria-describedby` pointing at the
+ * error, `aria-invalid` set from the same prop that draws the red border, and an id generated
+ * when the caller has not given one. Every one of those is a line somebody forgets, and
+ * forgetting it is invisible until a screen reader reads the field with no name and no reason.
+ */
+export declare function Input(props: FieldProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAGhF;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAElG,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,EAAE,IAAI,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAAC;AAiC1D;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAwCtC"}

package/dist/ui/input.js ADDED Viewed

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input as Primitive } from "@base-ui/react/input";
+import * as React from "react";
+import { cn } from "../cn.js";
+/** Below this width a textarea wraps almost every word, so `scrollHeight` jumps straight to
+ *  the cap and the field opens to full height for one word. Under it, let CSS decide. */
+const TEXTAREA_MIN_AUTO_WIDTH = 180;
+/** Past this the textarea stops growing and starts scrolling, so a long paste cannot push
+ *  the submit button off the screen. */
+const TEXTAREA_MAX_HEIGHT = 160;
+/**
+ * The inline height an autosizing textarea should carry, or `""` for "leave it to CSS".
+ *
+ * ponytail: this whole observer is here only until `field-sizing: content` is baseline —
+ * one CSS line does the same job. Ceiling: it does not exist in every browser we support yet.
+ */
+export function textareaHeight(clientWidth, scrollHeight) {
+    if (clientWidth < TEXTAREA_MIN_AUTO_WIDTH)
+        return "";
+    return `${Math.min(scrollHeight, TEXTAREA_MAX_HEIGHT)}px`;
+}
+function withoutChrome(props) {
+    const { label: _label, error: _error, className: _className, wrapperClassName: _wrapperClassName, labelClassName: _labelClassName, errorClassName: _errorClassName, multiline: _multiline, ...rest } = props;
+    return rest;
+}
+/**
+ * `border-input` rather than `border-border`: a control's boundary is a non-text contrast
+ * target and has to clear 3:1 (WCAG 1.4.11), which the hairline between two panels does not.
+ *
+ * `text-base` up to `md`: iOS Safari zooms the whole page in when a field it focuses has type
+ * smaller than 16px, and it does not zoom back out. The pair is the fix, not a size choice.
+ *
+ * No focus style here, deliberately. The app's one ring is the `:focus-visible` outline in
+ * `@gusnips/tokens`' base layer, and a control that swaps it for `outline-none` plus a
+ * `ring-*` gains nothing and loses forced-colors mode: a ring is a `box-shadow`, which the UA
+ * forces to `none` under Windows High Contrast, while an outline survives and takes a system
+ * colour. The swap therefore deletes the focus indicator for exactly the people who need it
+ * most — and it is invisible in review, because it looks correct in every normal browser.
+ */
+const controlClasses = "w-full min-w-0 rounded-md border border-input bg-background px-3 py-2 text-base text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive md:text-sm";
+/**
+ * A field with its label, its error, and the aria that ties the three together.
+ *
+ * That wiring is the reason this exists: `htmlFor`/`id`, `aria-describedby` pointing at the
+ * error, `aria-invalid` set from the same prop that draws the red border, and an id generated
+ * when the caller has not given one. Every one of those is a line somebody forgets, and
+ * forgetting it is invisible until a screen reader reads the field with no name and no reason.
+ */
+export function Input(props) {
+    const { label, error, className, wrapperClassName, labelClassName, errorClassName } = props;
+    const generatedId = React.useId();
+    const fieldId = props.id ?? (label || error ? generatedId : undefined);
+    const errorId = error ? `${fieldId ?? generatedId}-error` : undefined;
+    // Appended, never replaced: a caller describing the field with a hint of their own keeps it.
+    const describedBy = errorId
+        ? [props["aria-describedby"], errorId].filter(Boolean).join(" ")
+        : props["aria-describedby"];
+    const shared = {
+        id: fieldId,
+        "aria-invalid": error ? true : props["aria-invalid"],
+        "aria-describedby": describedBy,
+        className: cn(controlClasses, props.multiline && "resize-none", className),
+    };
+    return (_jsxs("div", { className: cn("w-full", wrapperClassName), children: [label ? (_jsx("label", { htmlFor: fieldId, className: cn("mb-1.5 block text-sm", labelClassName), children: label })) : null, props.multiline ? (_jsx(AutosizeTextarea, { ...withoutChrome(props), ...shared })) : (_jsx(Primitive, { ...withoutChrome(props), ...shared })), error ? (_jsx("div", { id: errorId, role: "alert", className: cn("mt-1.5 text-xs text-destructive", errorClassName), children: error })) : null] }));
+}
+/**
+ * A textarea that grows with its content and then scrolls.
+ *
+ * It watches its own SIZE, not just its value: a textarea also reflows when the column it
+ * sits in changes width — a drawer opening, a sidebar collapsing, a phone turning — and
+ * height set from the old width is either a gap under the text or a scrollbar over two lines.
+ */
+function AutosizeTextarea({ ref, onInput, ...rest }) {
+    const element = React.useRef(null);
+    const setElement = React.useCallback((node) => {
+        element.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const fit = React.useCallback(() => {
+        const node = element.current;
+        if (!node)
+            return;
+        // Reset first. `scrollHeight` is the content height OR the box height, whichever is
+        // larger, so a box already held open at yesterday's height never reports a smaller one —
+        // the field would grow and never shrink.
+        node.style.height = "auto";
+        node.style.height = textareaHeight(node.clientWidth, node.scrollHeight);
+    }, []);
+    React.useEffect(() => {
+        fit();
+    }, [fit, rest.value, rest.placeholder]);
+    React.useEffect(() => {
+        const node = element.current;
+        if (!node || typeof ResizeObserver === "undefined")
+            return undefined;
+        const observer = new ResizeObserver(fit);
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [fit]);
+    return (_jsx("textarea", { ...rest, ref: setElement, onInput: (event) => {
+            fit();
+            onInput?.(event);
+        } }));
+}
+//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/ui/menu.d.ts ADDED Viewed

@@ -0,0 +1,70 @@
+import { Menu as Primitive } from "@base-ui/react/menu";
+import type { ReactNode } from "react";
+export declare const Menu: <Payload>(props: Primitive.Root.Props<Payload>) => React.JSX.Element;
+export declare const MenuTrigger: Primitive.Trigger;
+export declare const MenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuPositioner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuPopup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuArrow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuLinkItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & import("react").RefAttributes<Element>>;
+export declare const MenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const MenuCheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const MenuRadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const MenuSubmenuRoot: typeof Primitive.SubmenuRoot;
+export declare const MenuSubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export type MenuContentProps = Primitive.Popup.Props & {
+    /**
+     * Accessible name for the menu. Usually leave this out: Base UI already points the popup's
+     * `aria-labelledby` at whichever trigger opened it, so a name here REPLACES the words on
+     * the button a screen reader just read. Pass it only when the menu is about something the
+     * trigger does not say.
+     */
+    label?: string;
+    /** Where the portal mounts. Defaults to `<body>`. */
+    container?: Primitive.Portal.Props["container"];
+    /**
+     * Positioner props — `side`, `align`, `sideOffset`, `collisionPadding`, and the stacking
+     * order. The default `z-[60]` puts the menu above the overlay layer (z-50: dialog, drawer)
+     * so a menu opened inside a dialog is not painted behind it; raise it with
+     * `positionerProps={{ className: "z-[80]" }}` if the app stacks something higher.
+     */
+    positionerProps?: Primitive.Positioner.Props;
+};
+/**
+ * A dropdown of decisions — the account menu, a row's actions, a picker. Portal, positioner
+ * and popup composed once, for the same reason the dialog's are: the arrangement is not
+ * optional and getting it wrong throws a number.
+ *
+ * Roving focus, typeahead, escape, outside-dismiss and focus return all come from Base UI.
+ * Nothing here re-implements any of them.
+ */
+export declare function MenuContent({ className, children, label, container, positionerProps, ...rest }: MenuContentProps): import("react").JSX.Element;
+export declare function MenuItem({ className, ...rest }: Primitive.Item.Props): import("react").JSX.Element;
+export declare function MenuSeparator({ className, ...rest }: Primitive.Separator.Props): import("react").JSX.Element;
+/** The caption a group is named by, or nothing. Never a part you place yourself. */
+type MenuGroupCaption = {
+    label?: string;
+};
+/**
+ * A set of related items with an optional caption.
+ *
+ * The caption is a PROP because that is the only arrangement that cannot be got wrong: it
+ * lands inside the group, which is both what stops Base UI throwing and what gives the set
+ * its `aria-labelledby`. It is also not focusable, so it never eats an arrow-key stop.
+ * Optional, because a group whose trigger already says what it is would only repeat itself.
+ */
+export declare function MenuGroup({ label, children, ...rest }: Primitive.Group.Props & MenuGroupCaption): import("react").JSX.Element;
+/** A set of choices — theme, locale, one axis of a filter. Same caption rule as `MenuGroup`. */
+export declare function MenuRadioGroup({ label, children, ...rest }: Primitive.RadioGroup.Props & MenuGroupCaption): import("react").JSX.Element;
+export type MenuRadioItemProps = Primitive.RadioItem.Props & {
+    /** Mark for the chosen item. */
+    indicator?: ReactNode;
+};
+/**
+ * One choice in a set. The mark keeps a fixed leading column whether or not it is showing, so
+ * the labels do not shift sideways when the selection moves.
+ */
+export declare function MenuRadioItem({ className, children, indicator, ...rest }: MenuRadioItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/ui/menu.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,eAAO,MAAM,IAAI,sEAAiB,CAAC;AACnC,eAAO,MAAM,WAAW,mBAAoB,CAAC;AAC7C,eAAO,MAAM,UAAU,yJAAmB,CAAC;AAC3C,eAAO,MAAM,cAAc,sJAAuB,CAAC;AACnD,eAAO,MAAM,SAAS,wJAAkB,CAAC;AACzC,eAAO,MAAM,YAAY,2JAAqB,CAAC;AAC/C,eAAO,MAAM,SAAS,wJAAkB,CAAC;AACzC,eAAO,MAAM,YAAY,oJAAqB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,4JAAyB,CAAC;AACvD,eAAO,MAAM,yBAAyB,yKAAkC,CAAC;AACzE,eAAO,MAAM,sBAAsB,sKAA+B,CAAC;AACnE,eAAO,MAAM,eAAe,8BAAwB,CAAC;AACrD,eAAO,MAAM,kBAAkB,8JAA2B,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG;IACrD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAChD;;;;;OAKG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC;CAC9C,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA6BlB;AAcD,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,+BAEpE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,KAAK,+BAI9E;AAED,oFAAoF;AACpF,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAa3C;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,gBAAgB,+BAS/F;AAED,gGAAgG;AAChG,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,GAAG,gBAAgB,+BAS/C;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,GAAG;IAC3D,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,+BAY5F"}

package/dist/ui/menu.js ADDED Viewed

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as Primitive } from "@base-ui/react/menu";
+import { mergeClassName } from "./class-name.js";
+import { CheckGlyph } from "./glyphs.js";
+// The parts — every one of them EXCEPT `GroupLabel`, and every one except `Group` and
+// `RadioGroup`, which are wrapped below. That omission is not tidying: it is the only thing
+// that actually prevents the bug. `Menu.GroupLabel` reads its group's context, so a caption
+// written as a SIBLING of the group throws at render, and a production build reports that as
+// `Base UI error #31` plus a link — a number to go look up, naming neither the file, nor the
+// part, nor the component it came from. A comment cannot stop that; not shipping the part
+// can. The caption is a prop on the group instead, so the wrong arrangement has nowhere to be
+// written. `Select.GroupLabel` and `Combobox.GroupLabel` throw the same way (#56 and #18) and
+// ARE exported — see the note beside them in index.ts for why that is the right call there.
+export const Menu = Primitive.Root;
+export const MenuTrigger = Primitive.Trigger;
+export const MenuPortal = Primitive.Portal;
+export const MenuPositioner = Primitive.Positioner;
+export const MenuPopup = Primitive.Popup;
+export const MenuBackdrop = Primitive.Backdrop;
+export const MenuArrow = Primitive.Arrow;
+export const MenuLinkItem = Primitive.LinkItem;
+export const MenuCheckboxItem = Primitive.CheckboxItem;
+export const MenuCheckboxItemIndicator = Primitive.CheckboxItemIndicator;
+export const MenuRadioItemIndicator = Primitive.RadioItemIndicator;
+export const MenuSubmenuRoot = Primitive.SubmenuRoot;
+export const MenuSubmenuTrigger = Primitive.SubmenuTrigger;
+/**
+ * A dropdown of decisions — the account menu, a row's actions, a picker. Portal, positioner
+ * and popup composed once, for the same reason the dialog's are: the arrangement is not
+ * optional and getting it wrong throws a number.
+ *
+ * Roving focus, typeahead, escape, outside-dismiss and focus return all come from Base UI.
+ * Nothing here re-implements any of them.
+ */
+export function MenuContent({ className, children, label, container, positionerProps, ...rest }) {
+    return (_jsx(Primitive.Portal, { container: container, children: _jsx(Primitive.Positioner, { side: "bottom", align: "end", sideOffset: 6, ...positionerProps, className: mergeClassName("z-[60] max-w-[var(--available-width)]", positionerProps?.className), children: _jsx(Primitive.Popup, { "aria-label": label, ...rest, className: mergeClassName("max-h-[var(--available-height)] min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-y-auto border border-border bg-popover text-popover-foreground outline-none transition-[scale,opacity] data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0", className), children: children }) }) }));
+}
+/**
+ * Base UI gives the highlighted item a real `tabIndex: 0` and moves DOM focus to it, so a
+ * keyboard user gets the app's `:focus-visible` outline for free and `data-highlighted` draws
+ * the pointer's highlight. Nothing here suppresses either — a menu row is one of the places
+ * the ring is most needed and most often deleted.
+ *
+ * The coarse-pointer minimum is a 44px row: a thumb misses anything smaller, and a menu is
+ * usually a list of one-way actions.
+ */
+const itemClasses = "flex cursor-default items-center gap-2 px-3 py-1.5 select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [@media(pointer:coarse)]:min-h-11";
+export function MenuItem({ className, ...rest }) {
+    return _jsx(Primitive.Item, { ...rest, className: mergeClassName(itemClasses, className) });
+}
+export function MenuSeparator({ className, ...rest }) {
+    return (_jsx(Primitive.Separator, { ...rest, className: mergeClassName("my-1 h-px bg-border", className) }));
+}
+const captionClasses = "px-3 pt-2 pb-1 text-muted-foreground";
+// The caption block below is written out TWICE, once per group kind, and that is deliberate.
+// Lifting it into a `caption(label)` helper is the obvious cleanup and it was tried: it moves
+// the `<Primitive.GroupLabel>` out of the `<Primitive.Group>` body it is written inside, and
+// `menu.test.ts` fails immediately — correctly. That guard proves placement by READING THE
+// SOURCE, so an indirection it cannot follow does not just break the test, it retires the
+// guarantee: after the extraction nothing stops a later edit calling `caption()` somewhere that
+// is not inside a group, which is the render-time throw this whole file exists to prevent.
+// Six duplicated lines are the price of a rule a machine can still check. Leave them.
+/**
+ * A set of related items with an optional caption.
+ *
+ * The caption is a PROP because that is the only arrangement that cannot be got wrong: it
+ * lands inside the group, which is both what stops Base UI throwing and what gives the set
+ * its `aria-labelledby`. It is also not focusable, so it never eats an arrow-key stop.
+ * Optional, because a group whose trigger already says what it is would only repeat itself.
+ */
+export function MenuGroup({ label, children, ...rest }) {
+    return (_jsxs(Primitive.Group, { ...rest, children: [label === undefined ? null : (_jsx(Primitive.GroupLabel, { className: captionClasses, children: label })), children] }));
+}
+/** A set of choices — theme, locale, one axis of a filter. Same caption rule as `MenuGroup`. */
+export function MenuRadioGroup({ label, children, ...rest }) {
+    return (_jsxs(Primitive.RadioGroup, { ...rest, children: [label === undefined ? null : (_jsx(Primitive.GroupLabel, { className: captionClasses, children: label })), children] }));
+}
+/**
+ * One choice in a set. The mark keeps a fixed leading column whether or not it is showing, so
+ * the labels do not shift sideways when the selection moves.
+ */
+export function MenuRadioItem({ className, children, indicator, ...rest }) {
+    return (_jsxs(Primitive.RadioItem, { ...rest, className: mergeClassName([itemClasses, "data-checked:text-foreground"], className), children: [_jsx("span", { "aria-hidden": "true", className: "grid size-4 shrink-0 place-items-center", children: _jsx(Primitive.RadioItemIndicator, { children: indicator ?? _jsx(CheckGlyph, {}) }) }), children] }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/ui/menu.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/ui/select.d.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import { Select as Primitive } from "@base-ui/react/select";
+import type { ReactNode } from "react";
+import { type StateClassName } from "./class-name.ts";
+export declare const SelectRoot: typeof Primitive.Root;
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectIcon: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectPositioner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectPopup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectList: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import("react").NamedExoticComponent<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const SelectItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemText: import("react").NamedExoticComponent<Omit<import("@base-ui/react").SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectGroupLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: import("react").ForwardRefExoticComponent<import("@base-ui/react").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectOption<T extends string = string> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+export type SelectProps<T extends string = string> = Omit<Primitive.Root.Props<T, false>, "children" | "items" | "defaultValue" | "multiple"> & {
+    options?: readonly SelectOption<T>[];
+    /** Shown while nothing is selected. No default — a default would be English. */
+    placeholder?: ReactNode;
+    /**
+     * Shown instead of the list when `options` is empty. Required, because a popup that opens
+     * on nothing is a dead end: this is the line that says why it is empty.
+     */
+    emptyLabel: ReactNode;
+    /**
+     * Label of an entry that puts the field back to nothing selected — for an optional
+     * question, where "I'd rather not say" has to stay reachable after the first answer.
+     * Rendered only once there is a value to take back; picking it calls `onValueChange(null)`.
+     */
+    clearLabel?: string;
+    /** Accessible name for the trigger, when no visible label points at it. */
+    label?: string;
+    /** Mark that says "this opens". */
+    chevron?: ReactNode;
+    /** Mark next to the selected option. */
+    indicator?: ReactNode;
+    /** Classes for the trigger — the button you see when the popup is closed. */
+    className?: StateClassName<Primitive.Trigger.State>;
+    popupClassName?: StateClassName<Primitive.Popup.State>;
+    triggerProps?: Primitive.Trigger.Props;
+    /**
+     * Positioner props — `align`, `side`, `sideOffset`, `collisionPadding`, and the stacking
+     * order. The default `z-[60]` puts the list above the overlay layer (z-50: dialog, drawer);
+     * raise it with `positionerProps={{ className: "z-[80]" }}` if the app stacks something
+     * higher than a dialog above it.
+     */
+    positionerProps?: Primitive.Positioner.Props;
+};
+/**
+ * A single-choice field. Trigger, portal, positioner, popup and list composed once; `name`,
+ * `form`, `required`, `id`, `disabled` and every other root prop pass straight through to
+ * Base UI's hidden input, so this submits inside a `<form>` like a native `<select>`.
+ *
+ * Controlled only, and that is the point of `value ?? null`: React and Base UI both read
+ * `value={undefined}` as "uncontrolled", so a caller holding `T | undefined` in state would
+ * silently hand the field back to the primitive the moment the value cleared, and every
+ * later render would be ignored. `null` says "nothing selected" out loud. `defaultValue` is
+ * not accepted here for the same reason — use the parts for an uncontrolled select.
+ */
+export declare function Select<T extends string = string>({ value, options, placeholder, emptyLabel, clearLabel, label, chevron, indicator, className, popupClassName, triggerProps, positionerProps, ...rest }: SelectProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,UAAU,uBAAiB,CAAC;AACzC,eAAO,MAAM,aAAa,wJAAoB,CAAC;AAC/C,eAAO,MAAM,WAAW,oJAAkB,CAAC;AAC3C,eAAO,MAAM,UAAU,mJAAiB,CAAC;AACzC,eAAO,MAAM,YAAY,oJAAmB,CAAC;AAC7C,eAAO,MAAM,gBAAgB,wJAAuB,CAAC;AACrD,eAAO,MAAM,WAAW,mJAAkB,CAAC;AAC3C,eAAO,MAAM,UAAU,kJAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,0IAAiB,CAAC;AACzC,eAAO,MAAM,mBAAmB,4JAA0B,CAAC;AAC3D,eAAO,MAAM,cAAc,iJAAqB,CAAC;AACjD,eAAO,MAAM,WAAW,mJAAkB,CAAC;AAC3C,eAAO,MAAM,gBAAgB,wJAAuB,CAAC;AACrD,eAAO,MAAM,eAAe,0IAAsB,CAAC;AAEnD,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACvD,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAC9B,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CACnD,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAChD,KAAK,EACL,OAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,+BAmGhB"}

package/dist/ui/select.js ADDED Viewed

@@ -0,0 +1,48 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select as Primitive } from "@base-ui/react/select";
+import { mergeClassName } from "./class-name.js";
+import { CheckGlyph, ChevronGlyph } from "./glyphs.js";
+// The parts, for a select this wrapper's option list cannot express — groups, separators,
+// a scrollable list with arrows.
+export const SelectRoot = Primitive.Root;
+export const SelectTrigger = Primitive.Trigger;
+export const SelectValue = Primitive.Value;
+export const SelectIcon = Primitive.Icon;
+export const SelectPortal = Primitive.Portal;
+export const SelectPositioner = Primitive.Positioner;
+export const SelectPopup = Primitive.Popup;
+export const SelectList = Primitive.List;
+export const SelectItem = Primitive.Item;
+export const SelectItemIndicator = Primitive.ItemIndicator;
+export const SelectItemText = Primitive.ItemText;
+export const SelectGroup = Primitive.Group;
+export const SelectGroupLabel = Primitive.GroupLabel;
+export const SelectSeparator = Primitive.Separator;
+/**
+ * A single-choice field. Trigger, portal, positioner, popup and list composed once; `name`,
+ * `form`, `required`, `id`, `disabled` and every other root prop pass straight through to
+ * Base UI's hidden input, so this submits inside a `<form>` like a native `<select>`.
+ *
+ * Controlled only, and that is the point of `value ?? null`: React and Base UI both read
+ * `value={undefined}` as "uncontrolled", so a caller holding `T | undefined` in state would
+ * silently hand the field back to the primitive the moment the value cleared, and every
+ * later render would be ignored. `null` says "nothing selected" out loud. `defaultValue` is
+ * not accepted here for the same reason — use the parts for an uncontrolled select.
+ */
+export function Select({ value, options = [], placeholder, emptyLabel, clearLabel, label, chevron, indicator, className, popupClassName, triggerProps, positionerProps, ...rest }) {
+    const selected = options.find((option) => option.value === value);
+    // `undefined` when nothing is selected, and it has to be exactly that. Base UI's Value part
+    // falls back to `placeholder` only when it is handed NO children at all — an empty fragment
+    // still counts as children, which is how the donor ended up with a select that showed a
+    // blank trigger instead of "Choose one".
+    const selectedLabel = selected ? (_jsxs(_Fragment, { children: [selected.icon ? (_jsx("span", { className: "mr-2 inline-flex align-middle", children: selected.icon })) : null, selected.label] })) : undefined;
+    return (_jsxs(Primitive.Root, { value: value ?? null, items: options, ...rest, children: [_jsxs(Primitive.Trigger, { "aria-label": label, ...triggerProps, className: mergeClassName(
+                // No focus style: the trigger keeps the app's one `:focus-visible` outline. Swapping
+                // it for a `ring-*` loses forced-colors mode, where a box-shadow is forced to none.
+                "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-2 text-left text-foreground disabled:pointer-events-none disabled:opacity-50", className), children: [_jsx(Primitive.Value, { placeholder: placeholder, className: "min-w-0 flex-1 truncate data-placeholder:text-muted-foreground", children: selectedLabel }), _jsx(Primitive.Icon, { className: "shrink-0 text-muted-foreground", children: chevron ?? _jsx(ChevronGlyph, {}) })] }), _jsx(Primitive.Portal, { children: _jsx(Primitive.Positioner, { sideOffset: 4, ...positionerProps, className: mergeClassName("z-[60] max-w-[var(--available-width)] outline-none", positionerProps?.className), children: _jsx(Primitive.Popup, { className: mergeClassName("min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-hidden border border-border bg-popover text-popover-foreground outline-none transition-[scale,opacity] data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0", popupClassName), children: _jsxs(Primitive.List, { className: "max-h-[var(--available-height)] overflow-y-auto", children: [clearLabel !== undefined && value != null ? (
+                                // An Item with `value={null}`, not a button above the list: only an item is
+                                // reachable by arrow keys and typeahead, and only an item closes the popup
+                                // on its own. `null` is what arrives at `onValueChange`.
+                                _jsxs(Primitive.Item, { value: null, className: "flex cursor-default items-center gap-2 px-3 py-2 text-muted-foreground outline-none data-highlighted:bg-accent data-highlighted:text-accent-foreground", children: [_jsx("span", { className: "size-4 shrink-0", "aria-hidden": "true" }), _jsx(Primitive.ItemText, { children: clearLabel })] })) : null, options.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-muted-foreground", children: emptyLabel })) : (options.map((option) => (_jsxs(Primitive.Item, { value: option.value, disabled: option.disabled, className: "flex cursor-default items-center gap-2 px-3 py-2 outline-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground", children: [_jsx("span", { className: "size-4 shrink-0", children: _jsx(Primitive.ItemIndicator, { children: indicator ?? _jsx(CheckGlyph, {}) }) }), option.icon ? (_jsx("span", { className: "inline-flex shrink-0", children: option.icon })) : null, _jsx(Primitive.ItemText, { children: option.label })] }, option.value))))] }) }) }) })] }));
+}
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/ui/tabs.d.ts ADDED Viewed

@@ -0,0 +1,52 @@
+import { Tabs as Primitive } from "@base-ui/react/tabs";
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type TabListLabel = {
+    label: string;
+    "aria-labelledby"?: undefined;
+} | {
+    label?: undefined;
+    "aria-labelledby": string;
+};
+export type TabListProps = Omit<Primitive.List.Props, "aria-labelledby"> & TabListLabel & {
+    /** Classes for the scroll wrapper — the element that owns the sideways scroll. */
+    wrapperClassName?: string;
+};
+/**
+ * The rail, and the reason this file exists.
+ *
+ * It scrolls sideways rather than wrapping, because a second row of tabs pushes the panel
+ * below the fold on a phone. But the scroll cannot live on the rail itself: `overflow-x: auto`
+ * makes the element a scroll container, a scroll container clips everything its children paint
+ * outside the padding box, and a computed `overflow-x` of `auto` forces `overflow-y` from
+ * `visible` to `auto` as well. A self-scrolling rail therefore crops the focus ring on all
+ * FOUR sides of whichever tab the keyboard is on — top and bottom always, the left of the
+ * first tab and the right of the last.
+ *
+ * So the scroll goes on a wrapper, and the wrapper's padding is the room the ring needs. The
+ * number is derived, not inherited: `@gusnips/tokens` draws `outline: 2px solid` at
+ * `outline-offset: 2px`, so the ring paints from 2px to 4px beyond a tab's border box, and
+ * `p-1` is exactly those 4px. An outline reaches FURTHER than the `ring-2` box-shadow the
+ * donor had here, so the wrapper matters more now than it did there, not less.
+ *
+ * Naming the rail is not optional and not a comment: pass `label`, or point
+ * `aria-labelledby` at a heading. A tablist with neither is announced as nothing at all.
+ */
+export declare function TabList({ label, className, wrapperClassName, children, ...rest }: TabListProps): import("react").JSX.Element;
+export declare function Tab({ className, ...rest }: Primitive.Tab.Props): import("react").JSX.Element;
+/**
+ * The travelling marker under the active tab — a SEPARATE part, because the two donors
+ * disagreed about whether to have one at all and both were right about their own app. Render
+ * it or do not; the rail works either way.
+ *
+ * It must be a child of `TabList`: Base UI measures the active tab against the enclosing
+ * `[role="tablist"]` and writes `--active-tab-left` / `--active-tab-width` onto this element.
+ *
+ * `renderBeforeHydration` is on by default because this package's apps are prerendered — with
+ * it off, every prerendered page shows the rail with no marker until React arrives. It writes
+ * one inline script to do that; under a strict CSP without Base UI's `CspProvider` the script
+ * is blocked and the behaviour falls back to exactly what `false` would have done.
+ */
+export declare function TabIndicator({ className, ...rest }: Primitive.Indicator.Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/tabs.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOxD,eAAO,MAAM,IAAI,gJAAiB,CAAC;AACnC,eAAO,MAAM,QAAQ,iJAAkB,CAAC;AAExC,KAAK,YAAY,GACb;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAE,GAChD;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,GACtE,YAAY,GAAG;IACb,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAa9F;AAYD,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,+BAE9D;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,KAAK,+BAY7E"}