@stackshift-ui/dropdown-menu 1.0.0-beta.2 → 1.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/dropdown-menu",
   "description": "Displays a menu to the user — such as a set of actions or functions — triggered by a button.",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -31,18 +31,18 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "classnames": "^2.5.1",
     "lucide-react": "^0.468.0",
-    "@stackshift-ui/scripts": "6.1.0-beta.0",
-    "@stackshift-ui/system": "6.1.0-beta.1"
+    "@stackshift-ui/scripts": "6.1.0-beta.2",
+    "@stackshift-ui/system": "6.1.0-beta.3"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.1",
+    "@stackshift-ui/system": ">=6.1.0-beta.3",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/dropdown-menu.tsx

@@ -22,40 +22,56 @@ const displayNameSub = "DropdownMenuSub";
 const displayNameSubTrigger = "DropdownMenuSubTrigger";
 const displayNameSubContent = "DropdownMenuSubContent";
 
-function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+const DropdownMenu = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>
+>(({ ...props }, ref) => {
   const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
 
-  return <Component as={DropdownMenuPrimitive.Root} data-slot="dropdown-menu" {...props} />;
-}
+  return (
+    <Component as={DropdownMenuPrimitive.Root} data-slot="dropdown-menu" ref={ref} {...props} />
+  );
+});
 DropdownMenu.displayName = displayName;
 
-function DropdownMenuPortal({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+const DropdownMenuPortal = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Portal>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>
+>(({ ...props }, ref) => {
   const { [displayNamePortal]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
-    <Component as={DropdownMenuPrimitive.Portal} data-slot="dropdown-menu-portal" {...props} />
+    <Component
+      as={DropdownMenuPrimitive.Portal}
+      data-slot="dropdown-menu-portal"
+      ref={ref}
+      {...props}
+    />
   );
-}
+});
 DropdownMenuPortal.displayName = displayNamePortal;
 
-function DropdownMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+const DropdownMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>
+>(({ ...props }, ref) => {
   const { [displayNameTrigger]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
-    <Component as={DropdownMenuPrimitive.Trigger} data-slot="dropdown-menu-trigger" {...props} />
+    <Component
+      as={DropdownMenuPrimitive.Trigger}
+      data-slot="dropdown-menu-trigger"
+      ref={ref}
+      {...props}
+    />
   );
-}
+});
 DropdownMenuTrigger.displayName = displayNameTrigger;
 
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => {
   const { [displayNameContent]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
@@ -68,29 +84,38 @@ function DropdownMenuContent({
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
           className,
         )}
+        ref={ref}
         {...props}
       />
     </DropdownMenuPortal>
   );
-}
+});
 DropdownMenuContent.displayName = displayNameContent;
 
-function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+const DropdownMenuGroup = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>
+>(({ ...props }, ref) => {
   const { [displayNameGroup]: Component = DefaultComponent } = useStackShiftUIComponents();
 
-  return <Component as={DropdownMenuPrimitive.Group} data-slot="dropdown-menu-group" {...props} />;
-}
+  return (
+    <Component
+      as={DropdownMenuPrimitive.Group}
+      data-slot="dropdown-menu-group"
+      ref={ref}
+      {...props}
+    />
+  );
+});
 DropdownMenuGroup.displayName = displayNameGroup;
 
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}) {
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+  }
+>(({ className, inset, variant = "default", ...props }, ref) => {
   const { [displayNameItem]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
@@ -103,18 +128,17 @@ function DropdownMenuItem({
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className,
       )}
+      ref={ref}
       {...props}
     />
   );
-}
+});
 DropdownMenuItem.displayName = displayNameItem;
 
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => {
   const { [displayNameCheckboxItem]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
@@ -126,6 +150,7 @@ function DropdownMenuCheckboxItem({
         className,
       )}
       checked={checked}
+      ref={ref}
       {...props}>
       <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
         <DropdownMenuPrimitive.ItemIndicator>
@@ -135,29 +160,30 @@ function DropdownMenuCheckboxItem({
       {children}
     </Component>
   );
-}
+});
 DropdownMenuCheckboxItem.displayName = displayNameCheckboxItem;
 
-function DropdownMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+const DropdownMenuRadioGroup = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>
+>(({ ...props }, ref) => {
   const { [displayNameRadioGroup]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
     <Component
       as={DropdownMenuPrimitive.RadioGroup}
       data-slot="dropdown-menu-radio-group"
+      ref={ref}
       {...props}
     />
   );
-}
+});
 DropdownMenuRadioGroup.displayName = displayNameRadioGroup;
 
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => {
   const { [displayNameRadioItem]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
@@ -168,6 +194,7 @@ function DropdownMenuRadioItem({
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className,
       )}
+      ref={ref}
       {...props}>
       <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
         <DropdownMenuPrimitive.ItemIndicator>
@@ -177,16 +204,15 @@ function DropdownMenuRadioItem({
       {children}
     </Component>
   );
-}
+});
 DropdownMenuRadioItem.displayName = displayNameRadioItem;
 
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean;
-}) {
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => {
   const { [displayNameLabel]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
@@ -195,63 +221,73 @@ function DropdownMenuLabel({
       data-slot="dropdown-menu-label"
       data-inset={inset}
       className={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
+      ref={ref}
       {...props}
     />
   );
-}
+});
 DropdownMenuLabel.displayName = displayNameLabel;
 
-function DropdownMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => {
   const { [displayNameSeparator]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
     <Component
       as={DropdownMenuPrimitive.Separator}
+      ref={ref}
       data-slot="dropdown-menu-separator"
       className={cn("bg-border -mx-1 my-1 h-px", className)}
       {...props}
     />
   );
-}
+});
 DropdownMenuSeparator.displayName = displayNameSeparator;
 
-function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
+const DropdownMenuShortcut = React.forwardRef<
+  React.ElementRef<"span">,
+  React.ComponentPropsWithoutRef<"span">
+>(({ className, ...props }, ref) => {
   const { [displayNameShortcut]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
     <Component
       as="span"
+      ref={ref}
       data-slot="dropdown-menu-shortcut"
       className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
       {...props}
     />
   );
-}
+});
 DropdownMenuShortcut.displayName = displayNameShortcut;
 
-function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+const DropdownMenuSub = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Sub>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub>
+>(({ ...props }, ref) => {
   const { [displayNameSub]: Component = DefaultComponent } = useStackShiftUIComponents();
 
-  return <Component as={DropdownMenuPrimitive.Sub} data-slot="dropdown-menu-sub" {...props} />;
-}
+  return (
+    <Component as={DropdownMenuPrimitive.Sub} ref={ref} data-slot="dropdown-menu-sub" {...props} />
+  );
+});
 DropdownMenuSub.displayName = displayNameSub;
 
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean;
-}) {
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ className, inset, children, ...props }, ref) => {
   const { [displayNameSubTrigger]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
     <Component
       as={DropdownMenuPrimitive.SubTrigger}
+      ref={ref}
       data-slot="dropdown-menu-sub-trigger"
       data-inset={inset}
       className={cn(
@@ -263,18 +299,19 @@ function DropdownMenuSubTrigger({
       <ChevronRightIcon className="ml-auto size-4" />
     </Component>
   );
-}
+});
 DropdownMenuSubTrigger.displayName = displayNameSubTrigger;
 
-function DropdownMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => {
   const { [displayNameSubContent]: Component = DefaultComponent } = useStackShiftUIComponents();
 
   return (
     <Component
       as={DropdownMenuPrimitive.SubContent}
+      ref={ref}
       data-slot="dropdown-menu-sub-content"
       className={cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
@@ -283,7 +320,7 @@ function DropdownMenuSubContent({
       {...props}
     />
   );
-}
+});
 DropdownMenuSubContent.displayName = displayNameSubContent;
 
 export {

package/dist/chunk-T7FMXF3I.mjs

@@ -1 +0,0 @@
-import*as e from"@radix-ui/react-dropdown-menu";import{CheckIcon as R,ChevronRightIcon as I,CircleIcon as S}from"lucide-react";import{cn as s,DefaultComponent as r,useStackShiftUIComponents as i}from"@stackshift-ui/system";import{jsx as n,jsxs as u}from"react/jsx-runtime";var m="DropdownMenu",c="DropdownMenuPortal",l="DropdownMenuTrigger",f="DropdownMenuContent",w="DropdownMenuGroup",v="DropdownMenuItem",g="DropdownMenuCheckboxItem",D="DropdownMenuRadioGroup",M="DropdownMenuRadioItem",b="DropdownMenuLabel",y="DropdownMenuSeparator",P="DropdownMenuShortcut",C="DropdownMenuSub",N="DropdownMenuSubTrigger",x="DropdownMenuSubContent";function z({...o}){let{[m]:t=r}=i();return n(t,{as:e.Root,"data-slot":"dropdown-menu",...o})}z.displayName=m;function h({...o}){let{[c]:t=r}=i();return n(t,{as:e.Portal,"data-slot":"dropdown-menu-portal",...o})}h.displayName=c;function k({...o}){let{[l]:t=r}=i();return n(t,{as:e.Trigger,"data-slot":"dropdown-menu-trigger",...o})}k.displayName=l;function G({className:o,sideOffset:t=4,...a}){let{[f]:d=r}=i();return n(h,{children:n(d,{as:e.Content,"data-slot":"dropdown-menu-content",sideOffset:t,className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",o),...a})})}G.displayName=f;function T({...o}){let{[w]:t=r}=i();return n(t,{as:e.Group,"data-slot":"dropdown-menu-group",...o})}T.displayName=w;function _({className:o,inset:t,variant:a="default",...d}){let{[v]:p=r}=i();return n(p,{as:e.Item,"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":a,className:s("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),...d})}_.displayName=v;function L({className:o,children:t,checked:a,...d}){let{[g]:p=r}=i();return u(p,{as:e.CheckboxItem,"data-slot":"dropdown-menu-checkbox-item",className:s("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),checked:a,...d,children:[n("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n(e.ItemIndicator,{children:n(R,{className:"size-4"})})}),t]})}L.displayName=g;function j({...o}){let{[D]:t=r}=i();return n(t,{as:e.RadioGroup,"data-slot":"dropdown-menu-radio-group",...o})}j.displayName=D;function O({className:o,children:t,...a}){let{[M]:d=r}=i();return u(d,{as:e.RadioItem,"data-slot":"dropdown-menu-radio-item",className:s("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),...a,children:[n("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n(e.ItemIndicator,{children:n(S,{className:"size-2 fill-current"})})}),t]})}O.displayName=M;function U({className:o,inset:t,...a}){let{[b]:d=r}=i();return n(d,{as:e.Label,"data-slot":"dropdown-menu-label","data-inset":t,className:s("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",o),...a})}U.displayName=b;function q({className:o,...t}){let{[y]:a=r}=i();return n(a,{as:e.Separator,"data-slot":"dropdown-menu-separator",className:s("bg-border -mx-1 my-1 h-px",o),...t})}q.displayName=y;function A({className:o,...t}){let{[P]:a=r}=i();return n(a,{as:"span","data-slot":"dropdown-menu-shortcut",className:s("text-muted-foreground ml-auto text-xs tracking-widest",o),...t})}A.displayName=P;function B({...o}){let{[C]:t=r}=i();return n(t,{as:e.Sub,"data-slot":"dropdown-menu-sub",...o})}B.displayName=C;function E({className:o,inset:t,children:a,...d}){let{[N]:p=r}=i();return u(p,{as:e.SubTrigger,"data-slot":"dropdown-menu-sub-trigger","data-inset":t,className:s("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",o),...d,children:[a,n(I,{className:"ml-auto size-4"})]})}E.displayName=N;function F({className:o,...t}){let{[x]:a=r}=i();return n(a,{as:e.SubContent,"data-slot":"dropdown-menu-sub-content",className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",o),...t})}F.displayName=x;export{z as a,h as b,k as c,G as d,T as e,_ as f,L as g,j as h,O as i,U as j,q as k,A as l,B as m,E as n,F as o};