@central-ui/react 0.0.0-stage → 0.1.0

package/dist/components/input/index.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as BaseInput } from '@base-ui/react/input';
+import { LoaderCircle, X } from 'lucide-react';
+import { useRef } from 'react';
+import { useForwardClickToInput } from "../../utils/useForwardClickToInput.js";
+import { cloneElement, createContext, forwardRef, useContext, useEffect, useId, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { ToneProvider, useToneContext } from "../../utils/Tone.js";
+/**
+ * Keep configuration such as value, name, and validation tone on Root. Input is the editable control; InputGroup and Container organize it. Optional addon controls already have their own behavior where named, such as clearing.
+ *
+ * @example Complete composition
+ * import { Input } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Input.Root defaultValue="Hello" name="message">
+ *       <Input.Container>
+ *         <Input.Label>Text</Input.Label>
+ *         <Input.InputGroup>
+ *           <Input.Input placeholder="Enter text" />
+ *           <Input.Addon>
+ *             <Input.AddonClearButton>
+ *               <Input.AddonClearButtonIcon />
+ *             </Input.AddonClearButton>
+ *           </Input.Addon>
+ *         </Input.InputGroup>
+ *         <Input.Description>Enter your message.</Input.Description>
+ *       </Input.Container>
+ *     </Input.Root>
+ *   )
+ * }
+ *
+ * @example Control the input from application state
+ * import { useState } from 'react'
+ * function ControlledExample() {
+ *   const [value, setValue] = useState('')
+ *   return (
+ *     <Input.Root value={value} onValueChange={setValue}>
+ *       {
+ *         // Rest of components here
+ *       }
+ *     </Input.Root>
+ *   )
+ * }
+ */
+export function Root({ children, id, tone = 'neutral', value, defaultValue, onValueChange, disabled = false, readOnly = false, required = false, ...coreProps }) {
+    const generatedId = useId();
+    const inputRef = useRef(null);
+    const [valueInternalState, setValueInternalState] = useState(defaultValue ?? '');
+    const [connections, setConnections] = useState({
+        descriptionIds: [],
+    });
+    return (_jsx(InputContext.Provider, { value: {
+            inputId: id ?? generatedId,
+            disabled,
+            readOnly,
+            required,
+            inputRef,
+            value: value ?? valueInternalState,
+            setValueInternalState,
+            defaultValue,
+            controlled: value !== undefined,
+            onValueChange,
+            coreProps,
+            connections,
+            setConnections,
+        }, children: _jsx(ToneProvider, { value: tone, children: children }) }));
+}
+export const Input = forwardRef(function Input({ disableStyle, className, 'aria-describedby': describedBy, ...props }, ref) {
+    const context = useInputContext();
+    const tone = useToneContext();
+    const inputRef = useRef(null);
+    useEffect(() => {
+        const form = inputRef.current?.form;
+        if (!form || context.controlled)
+            return;
+        const reset = (event) => {
+            queueMicrotask(() => {
+                if (!event.defaultPrevented)
+                    context.setValueInternalState(context.defaultValue ?? '');
+            });
+        };
+        form.addEventListener('reset', reset);
+        return () => form.removeEventListener('reset', reset);
+    }, [
+        context.controlled,
+        context.defaultValue,
+        context.setValueInternalState,
+        context.coreProps.form,
+    ]);
+    useEffect(() => {
+        context.inputRef.current = inputRef.current;
+        return () => {
+            context.inputRef.current = null;
+        };
+    }, [context.inputRef]);
+    return (_jsx(BaseInput, { ...context.coreProps, ...props, id: context.inputId, disabled: context.disabled, readOnly: context.readOnly, required: context.required, value: context.value, "data-tone": tone, "aria-invalid": tone === 'invalid' || props['aria-invalid'] || undefined, "aria-describedby": [describedBy, ...context.connections.descriptionIds]
+            .filter(Boolean)
+            .join(' ') || undefined, ref: (element) => {
+            inputRef.current = element;
+            if (typeof ref === 'function')
+                ref(inputRef.current);
+            else if (ref)
+                ref.current = inputRef.current;
+        }, onValueChange: (nextValue, details) => {
+            context.onValueChange?.(nextValue, details);
+            if (!details.isCanceled && !context.controlled)
+                context.setValueInternalState(nextValue);
+        }, "data-component": "input-input", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const InputGroup = forwardRef(function InputGroup({ disableStyle, className, onClick, ...props }, ref) {
+    const attributes = usePartAttributes();
+    const forwardClick = useForwardClickToInput('input:not([type="hidden"])', onClick);
+    return (_jsx("div", { ...attributes, ...props, ref: ref, onClick: forwardClick, "data-component": "input-inputgroup", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Container = forwardRef(function Container({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-component": "input-container", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export const Label = forwardRef(function Label({ disableStyle, className, id, ...props }, ref) {
+    const context = useInputContext();
+    const labelId = id ?? context.inputId + '-label';
+    const attributes = usePartAttributes();
+    useEffect(() => {
+        context.setConnections((current) => ({ ...current, labelId }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            labelId: current.labelId === labelId ? undefined : current.labelId,
+        }));
+    }, [labelId, context.setConnections]);
+    return (_jsx("label", { ...attributes, ...props, id: labelId, ref: ref, htmlFor: context.inputId, "data-component": "input-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, id: messageId, ref: ref, "data-component": "input-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Error = forwardRef(function Error({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "alert", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "input-error", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Success = forwardRef(function Success({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "status", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "input-success", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Addon = forwardRef(function Addon({ disableStyle, className, variant = 'normal', ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-variant": variant, "data-component": "input-addon", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const AddonText = forwardRef(function AddonText({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("span", { ...attributes, ...props, ref: ref, "data-component": "input-addontext", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export function AddonIcon({ disableStyle, children, className, ...props }) {
+    const attributes = usePartAttributes();
+    return cloneElement(children, {
+        ...attributes,
+        ...props,
+        'aria-hidden': true,
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+        ...{
+            'data-component': 'input-addonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+    });
+}
+export const AddonButton = forwardRef(function AddonButton({ disableStyle, className, disabled, type = 'button', ...props }, ref) {
+    const context = useInputContext();
+    const attributes = usePartAttributes();
+    return (_jsx("button", { ...attributes, ...props, ref: ref, type: type, disabled: disabled || context.disabled || context.readOnly, "data-component": "input-addonbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export const AddonLoadingIcon = forwardRef(function AddonLoadingIcon({ disableStyle, className, strokeWidth = 1.5, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx(LoaderCircle, { ...attributes, "aria-hidden": true, ...props, ref: ref, strokeWidth: strokeWidth, "data-component": "input-addonloadingicon", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Clears the control automatically; no clearing click handler needed. Supply the clear icon and an accessible name. */
+export const AddonClearButton = forwardRef(function AddonClearButton({ disableStyle, className, disabled, onClick, ...props }, ref) {
+    const context = useInputContext();
+    const attributes = usePartAttributes();
+    return (_jsx("button", { ...attributes, "aria-label": "Clear text", ...props, ref: ref, type: "button", disabled: disabled || context.disabled || context.readOnly, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            const input = context.inputRef.current;
+            if (!input)
+                return;
+            Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set.call(input, '');
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            input.focus();
+        }, "data-component": "input-addonclearbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function AddonClearButtonIcon({ disableStyle, children = _jsx(X, {}), className, ...props }) {
+    const attributes = usePartAttributes();
+    return cloneElement(children, {
+        ...attributes,
+        ...props,
+        'aria-hidden': true,
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+        ...{
+            'data-component': 'input-addonclearbuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+    });
+}
+const InputContext = createContext(null);
+function useInputContext() {
+    const context = useContext(InputContext);
+    if (!context)
+        throw new globalThis.Error('Parts must be inside Root');
+    return context;
+}
+function usePartAttributes() {
+    const context = useInputContext();
+    const tone = useToneContext();
+    return {
+        'data-disabled': context.disabled ? '' : undefined,
+        'data-readonly': context.readOnly ? '' : undefined,
+        'data-required': context.required ? '' : undefined,
+        'data-tone': tone,
+    };
+}
+function useMessageId(id) {
+    const generatedId = useId();
+    const messageId = id ?? generatedId;
+    const context = useInputContext();
+    useEffect(() => {
+        context.setConnections((current) => ({
+            ...current,
+            descriptionIds: [...current.descriptionIds, messageId],
+        }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            descriptionIds: current.descriptionIds.filter((id) => id !== messageId),
+        }));
+    }, [messageId, context.setConnections]);
+    return messageId;
+}
+//# sourceMappingURL=index.js.map

package/dist/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAC9E,OAAO,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,OAAO,CAAA;AASd,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAA;AAmBnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,EAAE,EACF,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,GAAG,SAAS,EACF;IACV,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACtD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAE1D,YAAY,IAAI,EAAE,CAAC,CAAA;IACrB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc;QAC1D,cAAc,EAAE,EAAE;KACnB,CAAC,CAAA;IACF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,WAAW;YAC1B,QAAQ;YACR,QAAQ;YACR,QAAQ;YACR,QAAQ;YACR,KAAK,EAAE,KAAK,IAAI,kBAAkB;YAClC,qBAAqB;YACrB,YAAY;YACZ,UAAU,EAAE,KAAK,KAAK,SAAS;YAC/B,aAAa;YACb,SAAS;YACT,WAAW;YACX,cAAc;SACf,YAED,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAAgB,GAC9B,CACzB,CAAA;AACH,CAAC;AAmBD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CACZ,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG;IAEH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAA;QACnC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU;YAAE,OAAM;QACvC,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;YAC7B,cAAc,CAAC,GAAG,EAAE;gBAClB,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBACzB,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;YAC7D,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QACD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACrC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvD,CAAC,EAAE;QACD,OAAO,CAAC,UAAU;QAClB,OAAO,CAAC,YAAY;QACpB,OAAO,CAAC,qBAAqB;QAC7B,OAAO,CAAC,SAAS,CAAC,IAAI;KACvB,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC3C,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACjC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtB,OAAO,CACL,KAAC,SAAS,OACJ,OAAO,CAAC,SAAS,KACjB,KAAK,EACT,EAAE,EAAE,OAAO,CAAC,OAAO,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,OAAO,CAAC,KAAK,eACT,IAAI,kBACD,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,SAAS,sBAEpE,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC;aACjD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,EAE3B,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,QAAQ,CAAC,OAAO,GAAG,OAAkC,CAAA;YACrD,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;iBAC/C,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9C,CAAC,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE;YACpC,OAAO,CAAC,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;YAC3C,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU;gBAC5C,OAAO,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAA;QAC5C,CAAC,oBACc,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAGlC,SAAS,UAAU,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACvE,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,YAAY,GAAG,sBAAsB,CACzC,4BAA4B,EAC5B,OAAO,CACR,CAAA;IACD,OAAO,CACL,iBACM,UAAU,KACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,YAAY,oBACN,kBAAkB,yBACZ,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,iBACM,UAAU,KACV,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,iBAAiB,yBACX,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,oHAAoH;AACpH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,SAAS,KAAK,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,OAAO,GAAG,EAAE,IAAI,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;IAChD,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;QAC9D,OAAO,GAAG,EAAE,CACV,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,OAAO;YACV,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO;SACnE,CAAC,CAAC,CAAA;IACP,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;IACrC,OAAO,CACL,mBACM,UAAU,KACV,KAAK,EACT,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,CAAC,OAAO,oBACT,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAGnC,SAAS,WAAW,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnE,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,iBACM,UAAU,KACV,KAAK,EACT,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,oBACO,mBAAmB,yBACb,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iHAAiH;AACjH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,SAAS,KAAK,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,cACE,IAAI,EAAC,OAAO,iBACA,MAAM,KACd,UAAU,KACV,KAAK,EACT,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,oBACO,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iHAAiH;AACjH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAG/B,SAAS,OAAO,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,iBACD,MAAM,KACd,UAAU,KACV,KAAK,EACT,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,oBACO,eAAe,yBACT,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAO7B,SAAS,KAAK,CACd,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzD,GAAG;IAEH,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,iBACM,UAAU,KACV,KAAK,EACT,GAAG,EAAE,GAAG,kBACM,OAAO,oBACN,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,kBACM,UAAU,KACV,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,iBAAiB,yBACX,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,wHAAwH;AACxH,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAKE;IACV,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,UAAU;QACb,GAAG,KAAK;QACR,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG;QACnE,GAAG;YACD,gBAAgB,EAAE,iBAAiB;YACnC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;KACxD,CAAC,CAAA;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAGnC,SAAS,WAAW,CACpB,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAChE,GAAG;IAEH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,oBACM,UAAU,KACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,oBAC3C,mBAAmB,yBACb,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CACzB,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,EACxD,GAAG;IAEH,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,KAAC,YAAY,OACP,UAAU,0BAEV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,oBACT,wBAAwB,yBAClB,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,wHAAwH;AACxH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CACzB,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EACxD,GAAG;IAEH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,oBACM,UAAU,gBACH,YAAY,KACnB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;YAChB,IAAI,KAAK,CAAC,gBAAgB;gBAAE,OAAM;YAClC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAA;YACtC,IAAI,CAAC,KAAK;gBAAE,OAAM;YAClB,MAAM,CAAC,wBAAwB,CAC7B,gBAAgB,CAAC,SAAS,EAC1B,OAAO,CACP,CAAC,GAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACvB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAC1D,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC,oBACc,wBAAwB,yBAClB,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,8GAA8G;AAC9G,MAAM,UAAU,oBAAoB,CAAC,EACnC,YAAY,EACZ,QAAQ,GAAG,KAAC,CAAC,KAAG,EAChB,SAAS,EACT,GAAG,KAAK,EAKE;IACV,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,UAAU;QACb,GAAG,KAAK;QACR,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG;QACnE,GAAG;YACD,gBAAgB,EAAE,4BAA4B;YAC9C,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;KACxD,CAAC,CAAA;AACJ,CAAC;AAkBD,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAClE,SAAS,eAAe;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACxC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAA;IACrE,OAAO,OAAO,CAAA;AAChB,CAAC;AACD,SAAS,iBAAiB;IACxB,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO;QACL,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAClD,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAClD,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAClD,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC;AACD,SAAS,YAAY,CAAC,EAAW;IAC/B,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,EAAE,IAAI,WAAW,CAAA;IACnC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,OAAO;YACV,cAAc,EAAE,CAAC,GAAG,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC;SACvD,CAAC,CAAC,CAAA;QACH,OAAO,GAAG,EAAE,CACV,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,OAAO;YACV,cAAc,EAAE,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC;SACxE,CAAC,CAAC,CAAA;IACP,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;IACvC,OAAO,SAAS,CAAA;AAClB,CAAC"}

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

@@ -0,0 +1,115 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import type { ComponentPropsWithRef, ReactElement } from 'react';
+import type { LucideProps } from 'lucide-react';
+/**
+ * OpenHandler gives a button menu-trigger behavior. Popup already includes its portal and positioner. Choose ButtonItem for actions and LinkItem for navigation. Use the matching checkbox/radio composition for persistent choices; submenu parts belong in SubMenuRoot.
+ *
+ * @example Complete composition
+ * import { Button, Menu } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Menu.Root>
+ *       <Menu.OpenHandler>
+ *         <Button.default variant="primary">Options</Button.default>
+ *       </Menu.OpenHandler>
+ *       <Menu.Popup>
+ *         <Menu.Group>
+ *           <Menu.GroupLabel>Account</Menu.GroupLabel>
+ *           <Menu.ItemsList>
+ *             <Menu.ButtonItem onClick={() => console.log('Profile selected')}>
+ *               Profile
+ *             </Menu.ButtonItem>
+ *             <Menu.LinkItem href="https://base-ui.com" target="_blank" rel="noreferrer">
+ *               Base UI documentation
+ *             </Menu.LinkItem>
+ *             <Menu.ButtonItem disabled>Unavailable</Menu.ButtonItem>
+ *             <Menu.ButtonItem tone="danger">Delete account</Menu.ButtonItem>
+ *           </Menu.ItemsList>
+ *         </Menu.Group>
+ *       </Menu.Popup>
+ *     </Menu.Root>
+ *   )
+ * }
+ *
+ * @example Add a nested submenu
+ * // Place this inside the parent Menu.ItemsList.
+ * ;<Menu.SubMenuRoot>
+ *   <Menu.SubMenuOpenButton>
+ *     More options
+ *     <Menu.SubMenuOpenButtonIcon />
+ *   </Menu.SubMenuOpenButton>
+ *   <Menu.Popup>
+ *     <Menu.ItemsList>
+ *       <Menu.ButtonItem onClick={() => console.log('Archived')}>Archive</Menu.ButtonItem>
+ *     </Menu.ItemsList>
+ *   </Menu.Popup>
+ * </Menu.SubMenuRoot>
+ */
+export declare const Root: typeof BaseMenu.Root;
+export declare const SubMenuRoot: typeof BaseMenu.SubmenuRoot;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const OpenHandler: import("react").ForwardRefExoticComponent<Omit<Omit<BaseMenu.Trigger.Props<unknown>, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopupProps = Omit<ComponentPropsWithRef<typeof BaseMenu.Popup>, 'className'> & {
+    className?: string;
+} & Pick<BaseMenu.Portal.Props, 'container' | 'keepMounted'> & Pick<BaseMenu.Positioner.Props, 'anchor' | 'positionMethod' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'arrowPadding' | 'disableAnchorTracking' | 'collisionAvoidance'> & StyleProps;
+/** Already includes the portal and positioner. Keep it in the matching Root and let the native open state control visibility. */
+export declare function Popup({ disableStyle, container, keepMounted, anchor, positionMethod, side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, className, style, ...props }: PopupProps & StyleProps): import("react").JSX.Element;
+export declare const Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "children" | "dangerouslySetInnerHTML"> & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Omit for an unlabeled/flat-looking group; keep the Group wrapper. Supply the heading only when grouping should be visible. */
+export declare const GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ItemsList: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ButtonItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "className"> & {
+    className?: string;
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: "neutral" | "danger";
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const LinkItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SubMenuOpenButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<LucideProps & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<LucideProps>;
+} & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare const SubMenuOpenButtonIcon: import("react").ForwardRefExoticComponent<Omit<LucideProps & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<LucideProps>;
+} & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckboxContainer: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxButtonItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "className" | "id" | "render" | "nativeButton"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "id" | "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const CheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const RadioContainer: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioButtonItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "className" | "id" | "render" | "nativeButton"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "id" | "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const RadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+//# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAUtD,OAAO,KAAK,EAEV,qBAAqB,EACrB,YAAY,EAEb,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,IAAI,sBAAgB,CAAA;AACjC,eAAO,MAAM,WAAW,6BAAuB,CAAA;AAC/C,8IAA8I;AAC9I,eAAO,MAAM,WAAW;gBAGR,MAAM;IAClB,2GAA2G;cACjG,YAAY;6DAIxB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,qBAAqB,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,EAC5C,WAAW,CACZ,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAC7B,QAAQ,CAAC,MAAM,CAAC,KAAK,EACrB,WAAW,GAAG,aAAa,CAC5B,GACD,IAAI,CACF,QAAQ,CAAC,UAAU,CAAC,KAAK,EACvB,QAAQ,GACR,gBAAgB,GAChB,MAAM,GACN,YAAY,GACZ,OAAO,GACP,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,QAAQ,GACR,cAAc,GACd,uBAAuB,GACvB,oBAAoB,CACvB,GACD,UAAU,CAAA;AAEZ,iIAAiI;AACjI,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAe,EACf,UAAc,EACd,KAAe,EACf,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,UAAU,+BAoCzB;AAED,eAAO,MAAM,KAAK,2MAoChB,CAAA;AAEF,eAAO,MAAM,KAAK;gBAEyC,MAAM;uEAY/D,CAAA;AAEF,iIAAiI;AACjI,eAAO,MAAM,UAAU;gBAEyC,MAAM;uEAYpE,CAAA;AAEF,eAAO,MAAM,SAAS,uNAapB,CAAA;AAEF,eAAO,MAAM,UAAU;gBAGP,MAAM;IAClB,0FAA0F;WACnF,SAAS,GAAG,QAAQ;uEAiB7B,CAAA;AAEF,eAAO,MAAM,QAAQ;gBAEyC,MAAM;0EAYlE,CAAA;AAEF,eAAO,MAAM,UAAU;gBAEyC,MAAM;uEAYpE,CAAA;AAEF,eAAO,MAAM,iBAAiB;gBAEsC,MAAM;uEAYxE,CAAA;AAEF,eAAO,MAAM,SAAS;gBAEyC,MAAM;uEAYnE,CAAA;AAEF,wHAAwH;AACxH,eAAO,MAAM,IAAI;IAGb,qGAAqG;cAC3F,YAAY,CAAC,WAAW,CAAC;sEAcrC,CAAA;AAEF,8GAA8G;AAC9G,eAAO,MAAM,qBAAqB;IAG9B,2EAA2E;eAChE,YAAY,CAAC,WAAW,CAAC;sEAiBtC,CAAA;AAEF,eAAO,MAAM,iBAAiB,uNAyB5B,CAAA;AACF,eAAO,MAAM,kBAAkB;gBAKX,MAAM;uEA0BxB,CAAA;AACF,eAAO,MAAM,aAAa,2PAmBxB,CAAA;AACF,eAAO,MAAM,qBAAqB;gBAGlB,MAAM;wEAwBpB,CAAA;AAEF,eAAO,MAAM,cAAc,uNAyBzB,CAAA;AACF,eAAO,MAAM,eAAe;gBAKR,MAAM;uEAuBxB,CAAA;AACF,eAAO,MAAM,UAAU,2PAmBrB,CAAA;AACF,eAAO,MAAM,kBAAkB;gBAGf,MAAM;wEAkBpB,CAAA"}

package/dist/components/menu/index.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { cloneElement, createContext, forwardRef, useContext, useEffect, useId, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { Check, ChevronRight } from 'lucide-react';
+/**
+ * OpenHandler gives a button menu-trigger behavior. Popup already includes its portal and positioner. Choose ButtonItem for actions and LinkItem for navigation. Use the matching checkbox/radio composition for persistent choices; submenu parts belong in SubMenuRoot.
+ *
+ * @example Complete composition
+ * import { Button, Menu } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Menu.Root>
+ *       <Menu.OpenHandler>
+ *         <Button.default variant="primary">Options</Button.default>
+ *       </Menu.OpenHandler>
+ *       <Menu.Popup>
+ *         <Menu.Group>
+ *           <Menu.GroupLabel>Account</Menu.GroupLabel>
+ *           <Menu.ItemsList>
+ *             <Menu.ButtonItem onClick={() => console.log('Profile selected')}>
+ *               Profile
+ *             </Menu.ButtonItem>
+ *             <Menu.LinkItem href="https://base-ui.com" target="_blank" rel="noreferrer">
+ *               Base UI documentation
+ *             </Menu.LinkItem>
+ *             <Menu.ButtonItem disabled>Unavailable</Menu.ButtonItem>
+ *             <Menu.ButtonItem tone="danger">Delete account</Menu.ButtonItem>
+ *           </Menu.ItemsList>
+ *         </Menu.Group>
+ *       </Menu.Popup>
+ *     </Menu.Root>
+ *   )
+ * }
+ *
+ * @example Add a nested submenu
+ * // Place this inside the parent Menu.ItemsList.
+ * ;<Menu.SubMenuRoot>
+ *   <Menu.SubMenuOpenButton>
+ *     More options
+ *     <Menu.SubMenuOpenButtonIcon />
+ *   </Menu.SubMenuOpenButton>
+ *   <Menu.Popup>
+ *     <Menu.ItemsList>
+ *       <Menu.ButtonItem onClick={() => console.log('Archived')}>Archive</Menu.ButtonItem>
+ *     </Menu.ItemsList>
+ *   </Menu.Popup>
+ * </Menu.SubMenuRoot>
+ */
+export const Root = BaseMenu.Root;
+export const SubMenuRoot = BaseMenu.SubmenuRoot;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const OpenHandler = forwardRef(function OpenHandler({ children, ...props }, ref) {
+    return _jsx(BaseMenu.Trigger, { ...props, ref: ref, render: children });
+});
+/** Already includes the portal and positioner. Keep it in the matching Root and let the native open state control visibility. */
+export function Popup({ disableStyle, container, keepMounted, anchor, positionMethod, side = 'bottom', sideOffset = 5, align = 'start', alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, className, style, ...props }) {
+    const baseStyle = {
+        maxHeight: 'var(--available-height)',
+        minWidth: 'var(--anchor-width)',
+    };
+    return (_jsx(BaseMenu.Portal, { container: container, keepMounted: keepMounted, children: _jsx(BaseMenu.Positioner, { anchor: anchor, positionMethod: positionMethod, side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, arrowPadding: arrowPadding, disableAnchorTracking: disableAnchorTracking, collisionAvoidance: collisionAvoidance, style: { zIndex: 80, maxWidth: 'var(--available-width)' }, children: _jsx(BaseMenu.Popup, { ...props, "data-component": "menu-popup", "data-style-disabled": disableStyle ? '' : undefined, className: className, style: typeof style === 'function'
+                    ? (state) => ({ ...baseStyle, ...style(state) })
+                    : { ...baseStyle, ...style } }) }) }));
+}
+export const Arrow = forwardRef(function Arrow({ disableStyle, className, style, ...props }, ref) {
+    return (_jsxs(BaseMenu.Arrow, { style: style, render: _jsx("svg", { ...props, ref: ref, "aria-hidden": true, width: "20", height: "10", viewBox: "0 0 20 10" }), "data-component": "menu-arrow", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: [_jsx("path", { d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z", "data-component": "menu-arrow-1" }), _jsx("path", { d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z", "data-component": "menu-arrow-2" }), _jsx("path", { d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z", "data-component": "menu-arrow-3" })] }));
+});
+export const Group = forwardRef(function Group({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.Group, { ...props, ref: ref, "data-component": "menu-group", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Omit for an unlabeled/flat-looking group; keep the Group wrapper. Supply the heading only when grouping should be visible. */
+export const GroupLabel = forwardRef(function GroupLabel({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.GroupLabel, { ...props, ref: ref, "data-component": "menu-grouplabel", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const ItemsList = forwardRef(function ItemsList({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "menu-itemslist", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const ButtonItem = forwardRef(function ButtonItem({ disableStyle, className, tone = 'neutral', ...props }, ref) {
+    return (_jsx(BaseMenu.Item, { ...props, "data-tone": tone, ref: ref, "data-component": "menu-buttonitem", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const LinkItem = forwardRef(function LinkItem({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.LinkItem, { ...props, ref: ref, "data-component": "menu-linkitem", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const RadioGroup = forwardRef(function RadioGroup({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.RadioGroup, { ...props, ref: ref, "data-component": "menu-radiogroup", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const SubMenuOpenButton = forwardRef(function SubMenuOpenButton({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.SubmenuTrigger, { ...props, ref: ref, "data-component": "menu-submenuopenbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Separator = forwardRef(function Separator({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseMenu.Separator, { ...props, ref: ref, "data-component": "menu-separator", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export const Icon = forwardRef(function Icon({ disableStyle, children, className, ...props }, ref) {
+    return cloneElement(children, {
+        ...props,
+        ref,
+        'aria-hidden': true,
+        ...{
+            'data-component': 'menu-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children?.props.className, className),
+    });
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export const SubMenuOpenButtonIcon = forwardRef(function SubMenuOpenButtonIcon({ disableStyle, children, className, ...props }, ref) {
+    return cloneElement(children ?? _jsx(ChevronRight, {}), {
+        ...props,
+        ref,
+        'aria-hidden': true,
+        ...{
+            'data-component': 'menu-submenuopenbuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children?.props.className, className),
+    });
+});
+export const CheckboxContainer = forwardRef(function CheckboxContainer({ disableStyle, className, ...props }, ref) {
+    const id = useId();
+    const [label, setLabel] = useState('');
+    const [state, setState] = useState({
+        checked: false,
+        disabled: false,
+        highlighted: false,
+    });
+    return (_jsx(CheckableContext.Provider, { value: { id, label, setLabel, state, setState }, children: _jsx("div", { ...props, ref: ref, "data-disabled": state.disabled ? '' : undefined, "data-highlighted": state.highlighted ? '' : undefined, "data-checked": state.checked ? '' : undefined, "data-component": "menu-checkboxcontainer", "data-style-disabled": disableStyle ? '' : undefined, className: className }) }));
+});
+export const CheckboxButtonItem = forwardRef(function CheckboxButtonItem({ disableStyle, className, label, ...props }, ref) {
+    const context = useCheckableContext();
+    return (_jsx(BaseMenu.CheckboxItem, { ...props, ref: ref, id: context.id, "aria-labelledby": context.id + '-label', label: label ?? context.label, nativeButton: true, "data-component": "menu-checkboxbuttonitem", "data-style-disabled": disableStyle ? '' : undefined, className: className, render: (buttonProps, state) => (_jsx(CheckableButtonSurface, { ...buttonProps, state: state })) }));
+});
+export const CheckboxLabel = forwardRef(function CheckboxLabel({ disableStyle, className, children, ...props }, ref) {
+    const context = useCheckableContext();
+    return (_jsx("label", { ...props, ref: ref, id: context.id + '-label', htmlFor: context.id, "data-disabled": context.state.disabled ? '' : undefined, "data-component": "menu-checkboxlabel", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: _jsx(CheckableLabelText, { children: children }) }));
+});
+export const CheckboxItemIndicator = forwardRef(function CheckboxItemIndicator({ disableStyle, children, className, ...props }, ref) {
+    return (_jsx(BaseMenu.CheckboxItemIndicator, { ...props, ref: ref, "data-component": "menu-checkboxitemindicator", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children ?? (_jsx(Check, { "aria-hidden": true, strokeWidth: 3.5, "data-component": "menu-checkboxitemindicator-1" })) }));
+});
+export const RadioContainer = forwardRef(function RadioContainer({ disableStyle, className, ...props }, ref) {
+    const id = useId();
+    const [label, setLabel] = useState('');
+    const [state, setState] = useState({
+        checked: false,
+        disabled: false,
+        highlighted: false,
+    });
+    return (_jsx(CheckableContext.Provider, { value: { id, label, setLabel, state, setState }, children: _jsx("div", { ...props, ref: ref, "data-disabled": state.disabled ? '' : undefined, "data-highlighted": state.highlighted ? '' : undefined, "data-checked": state.checked ? '' : undefined, "data-component": "menu-radiocontainer", "data-style-disabled": disableStyle ? '' : undefined, className: className }) }));
+});
+export const RadioButtonItem = forwardRef(function RadioButtonItem({ disableStyle, className, label, ...props }, ref) {
+    const context = useCheckableContext();
+    return (_jsx(BaseMenu.RadioItem, { ...props, ref: ref, id: context.id, "aria-labelledby": context.id + '-label', label: label ?? context.label, nativeButton: true, "data-component": "menu-radiobuttonitem", "data-style-disabled": disableStyle ? '' : undefined, className: className, render: (buttonProps, state) => (_jsx(CheckableButtonSurface, { ...buttonProps, state: state })) }));
+});
+export const RadioLabel = forwardRef(function RadioLabel({ disableStyle, className, children, ...props }, ref) {
+    const context = useCheckableContext();
+    return (_jsx("label", { ...props, ref: ref, id: context.id + '-label', htmlFor: context.id, "data-disabled": context.state.disabled ? '' : undefined, "data-component": "menu-radiolabel", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: _jsx(CheckableLabelText, { children: children }) }));
+});
+export const RadioItemIndicator = forwardRef(function RadioItemIndicator({ disableStyle, children, className, ...props }, ref) {
+    return (_jsx(BaseMenu.RadioItemIndicator, { ...props, ref: ref, "data-component": "menu-radioitemindicator", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children ?? _jsx("span", { "data-component": "menu-radioitemindicator-1" }) }));
+});
+const CheckableContext = createContext(null);
+function useCheckableContext() {
+    const context = useContext(CheckableContext);
+    if (!context)
+        throw new Error('Menu checkable parts must be inside their Container');
+    return context;
+}
+const CheckableButtonSurface = forwardRef(function CheckableButtonSurface({ state, ...props }, ref) {
+    const { setState } = useCheckableContext();
+    useEffect(() => {
+        setState({
+            checked: state.checked,
+            disabled: state.disabled,
+            highlighted: state.highlighted,
+        });
+    }, [state.checked, state.disabled, state.highlighted, setState]);
+    return _jsx("button", { type: "button", ...props, ref: ref });
+});
+function CheckableLabelText({ children }) {
+    const { setLabel } = useCheckableContext();
+    return (_jsx("span", { ref: (element) => {
+            if (element)
+                setLabel(element.textContent ?? '');
+        }, children: children }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/menu/index.js.map

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