@optiaxiom/react 3.0.0-next.0 → 3.0.0-next.2

package/dist/{MenuTrigger-Cnx_45vN.d.ts → MenuTrigger-BbA7fUoA.d.ts}

@@ -42,7 +42,7 @@ declare const vars: {
 };
 declare const sprinkles: ((props: {
     animation?: "ping" | "pulse" | "spin" | undefined;
-    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
     backgroundImage?: "gradient.opal" | undefined;
     borderBottomWidth?: "0" | "1" | "2" | undefined;
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
@@ -51,11 +51,11 @@ declare const sprinkles: ((props: {
     borderRightWidth?: "0" | "1" | "2" | undefined;
     borderTopWidth?: "0" | "1" | "2" | undefined;
     boxShadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
+    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
     cursor?: "pointer" | "default" | "text" | undefined;
     fontFamily?: "heading" | "mono" | "sans" | undefined;
     fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
+    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | "900" | undefined;
     marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
@@ -73,7 +73,7 @@ declare const sprinkles: ((props: {
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
     whiteSpace?: "nowrap" | undefined;
     zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
-    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
     border?: "0" | "1" | "2" | undefined;
     borderB?: "0" | "1" | "2" | undefined;
     borderL?: "0" | "1" | "2" | undefined;
@@ -1494,7 +1494,7 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
             mappings: "width"[];
         };
     };
-}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends ResponsiveArray<1, string | number | boolean | null> | ResponsiveArray<2 | 1, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "base", OutputValue>>;
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends ResponsiveArray<1, string | number | boolean | null> | ResponsiveArray<2 | 1, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4 | 5, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 6 | 4 | 5, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 6 | 4 | 5 | 7, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 6 | 4 | 5 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "base", OutputValue>>;
 declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: ConditionalValue<{
     conditions: {
         defaultCondition: "base";
@@ -3326,7 +3326,8 @@ type CommandOption = {
      */
     skipFilterScoring?: boolean;
     /**
-     * An array of sub items that will be displayed in a nested menu.
+     * Nested menu items (same shape as the top-level options) displayed
+     * as a sub-menu when this item is selected.
      */
     subOptions?: ((context: {
         inputValue: string | undefined;
@@ -3468,14 +3469,19 @@ type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Comman
     size?: "lg" | "sm";
 }>, "enabled" | "onHover" | "onSelect">;
 /**
- * Dropdown menu component for displaying a list of actions or options with
- * support for multi-select, filtering, and complex interactions.
+ * Dropdown menu for actions, multi-select, and complex interactions.
+ * Supports filtering/search, checkbox/radio items, nested sub-menus,
+ * links, and action handlers via `execute`.
  *
- * Use this with MenuTrigger for action menus and dropdowns. MenuTrigger
+ * Must be used with MenuTrigger and MenuContent sub-components. MenuTrigger
  * automatically renders a button with chevron icon, or use MenuTrigger asChild
  * with custom buttons like EllipsisMenuButton for overflow menus.
  *
- * For simple single-select form inputs, use Select instead.
+ * Use Menu when: action menus (edit/delete/archive), multi-select dropdowns,
+ * filterable lists, nested menus, or items with links/navigation.
+ *
+ * Use Select instead when: you need a simple single-select form input
+ * with `value`/`onChange` and form submission support.
  *
  * @category overlay
  * @group Menu
@@ -3531,5 +3537,5 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Calendar as C, createDialogKit as F, Group as G, ModalListbox as M, PopoverContent as P, Button as b, dialogkit as d, Box as f, PopoverTrigger as i, ButtonRoot as j, Alert as k, DialogContent as l, Menu as p, MenuContent as r, MenuTrigger as t, vars as v, sprinkles as w, mapResponsiveValue as x, normalizeResponsiveValue as y, TableHeaderCell as z };
-export type { AlertProps as A, BoxProps as B, DialogContentProps as D, ExcludeProps as E, LonghandProps as L, RecipeVariants as R, Sprinkles as S, TableHeaderCellProps as T, ButtonProps as a, ExtendProps as c, CalendarProps as e, ResponsiveArray as g, PopoverContentProps as h, GroupProps as m, MenuOption as n, MenuProps as o, MenuContentProps as q, MenuTriggerProps as s, PopoverTriggerProps as u };
+export { Alert as A, DialogContent as D, createDialogKit as F, Group as G, ModalListbox as M, TableHeaderCell as T, Button as b, dialogkit as d, Calendar as e, Box as f, PopoverContent as h, PopoverTrigger as i, ButtonRoot as j, Menu as n, MenuContent as o, MenuTrigger as s, mapResponsiveValue as w, normalizeResponsiveValue as x, sprinkles as y, vars as z };
+export type { BoxProps as B, CalendarProps as C, ExcludeProps as E, LonghandProps as L, PopoverContentProps as P, RecipeVariants as R, Sprinkles as S, ButtonProps as a, ExtendProps as c, ResponsiveArray as g, AlertProps as k, DialogContentProps as l, GroupProps as m, MenuContentProps as p, MenuOption as q, MenuProps as r, MenuTriggerProps as t, PopoverTriggerProps as u, TableHeaderCellProps as v };