@firecms/ui 3.0.0-canary.88 → 3.0.0-canary.89

package/dist/components/Menubar.d.ts

@@ -1,26 +1,31 @@
-export declare function Menubar({ children, className }: {
+import * as React from "react";
+export declare function Menubar({ children, onSelect, className }: {
     children: React.ReactNode;
+    onSelect: (event: React.SyntheticEvent) => void;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function MenubarMenu({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarTrigger({ children, className }: {
+export declare function MenubarTrigger({ children, onSelect, className }: {
     children: React.ReactNode;
+    onSelect: (event: React.SyntheticEvent) => void;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function MenubarPortal({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, ...rest }: {
+export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, onSelect, ...rest }: {
     children: React.ReactNode;
     className?: string;
+    onSelect: (event: React.SyntheticEvent) => void;
     align?: "start" | "center" | "end";
     sideOffset?: number;
     alignOffset?: number;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarItem({ children, leftPadding, className, disabled, ...rest }: {
+export declare function MenubarItem({ children, leftPadding, className, disabled, onSelect, ...rest }: {
     children: React.ReactNode;
+    onSelect: (event: Event) => void;
     leftPadding?: boolean;
     className?: string;
     disabled?: boolean;
@@ -32,17 +37,20 @@ export declare function MenubarSeparator({ children, className, ...rest }: {
 export declare function MenubarSub({ children, ...rest }: {
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarSubTrigger({ children, className, ...rest }: {
+export declare function MenubarSubTrigger({ children, className, onSelect, ...rest }: {
     children?: React.ReactNode;
+    onSelect: (event: React.SyntheticEvent) => void;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarSubContent({ children, alignOffset, className, ...rest }: {
+export declare function MenubarSubContent({ children, alignOffset, className, onSelect, ...rest }: {
     children?: React.ReactNode;
+    onSelect: (event: React.SyntheticEvent) => void;
     alignOffset?: number;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarCheckboxItem({ children, checked, onCheckedChange, className, ...rest }: {
+export declare function MenubarCheckboxItem({ children, checked, onCheckedChange, className, onSelect, ...rest }: {
     children?: React.ReactNode;
+    onSelect: (event: Event) => void;
     checked?: boolean;
     onCheckedChange?: () => void;
     className?: string;
@@ -51,14 +59,16 @@ export declare function MenubarItemIndicator({ children, className, ...rest }: {
     children?: React.ReactNode;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarRadioGroup({ children, className, value, onValueChange, ...rest }: {
+export declare function MenubarRadioGroup({ children, className, value, onValueChange, onSelect, ...rest }: {
     children?: React.ReactNode;
+    onSelect: (event: React.SyntheticEvent) => void;
     value?: string;
     onValueChange?: (value: string) => void;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarRadioItem({ children, className, value, ...rest }: {
+export declare function MenubarRadioItem({ children, className, value, onSelect, ...rest }: {
     children?: React.ReactNode;
+    onSelect: (event: Event) => void;
     value: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -16418,11 +16418,13 @@ function MenuItem({
 }
 function Menubar({
   children,
+  onSelect,
   className
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Root,
     {
+      onSelect,
       className: cls("z-10 flex bg-white dark:bg-gray-950 p-[3px] rounded-sm shadow-sm", className),
       children
     }
@@ -16435,11 +16437,13 @@ function MenubarMenu({
 }
 function MenubarTrigger({
   children,
+  onSelect,
   className
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Trigger,
     {
+      onSelect,
       className: cls(
         "py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50",
         className
@@ -16459,11 +16463,13 @@ function MenubarContent({
   align,
   sideOffset,
   alignOffset,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Content,
     {
+      onSelect,
       className: cls("min-w-[220px] bg-white dark:bg-gray-950 rounded-md p-[6px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)] will-change-[transform,opacity]", className),
       align: align ?? "start",
       sideOffset: sideOffset ?? 5,
@@ -16478,11 +16484,13 @@ function MenubarItem({
   leftPadding,
   className,
   disabled,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Item,
     {
+      onSelect,
       className: cls(
         "group text-[13px] leading-none rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800  data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none",
         leftPadding ? "pl-5" : "",
@@ -16524,11 +16532,13 @@ function MenubarSub({
 function MenubarSubTrigger({
   children,
   className,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.SubTrigger,
     {
+      onSelect,
       className: cls(
         "group text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800  data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none",
         className
@@ -16542,11 +16552,13 @@ function MenubarSubContent({
   children,
   alignOffset,
   className,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.SubContent,
     {
+      onSelect,
       alignOffset: alignOffset ?? -5,
       className: cls(
         "min-w-[220px] bg-white dark:bg-gray-950 rounded-md p-[6px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)] will-change-[transform,opacity]",
@@ -16562,11 +16574,13 @@ function MenubarCheckboxItem({
   checked,
   onCheckedChange,
   className,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.CheckboxItem,
     {
+      onSelect,
       className: cls(
         "text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none",
         className
@@ -16597,6 +16611,7 @@ function MenubarRadioGroup({
   className,
   value,
   onValueChange,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
@@ -16605,6 +16620,7 @@ function MenubarRadioGroup({
       className: cls(className),
       value,
       onValueChange,
+      onSelect,
       ...rest,
       children: children ?? /* @__PURE__ */ jsx(CheckIcon, { size: "small" })
     }
@@ -16614,11 +16630,13 @@ function MenubarRadioItem({
   children,
   className,
   value,
+  onSelect,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.RadioItem,
     {
+      onSelect,
       className: cls(
         "text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-text-disabled data-[disabled]:dark:text-text-disabled-dark data-[disabled]:pointer-events-none",
         className