@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/dialog.js

@@ -1,229 +1,136 @@
 "use client";
-import {
-  Button
-} from "./chunk-B4H6RNDH.js";
-import {
-  SizeProvider,
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/dialog.tsx
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-import { cva } from "class-variance-authority";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { Button } from "./button.js";
 import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+//#region src/dialog.tsx
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "dialog",
+		...props
+	});
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
 }
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Backdrop,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/55 transition-opacity duration-150 data-closed:opacity-0 data-open:opacity-100 supports-backdrop-filter:backdrop-blur-xl",
-        className
-      ),
-      ...props
-    }
-  );
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/55 transition-opacity duration-150 data-closed:opacity-0 data-open:opacity-100 supports-backdrop-filter:backdrop-blur-xl", className),
+		...props
+	});
 }
-var dialogContentVariants = cva(
-  "group/dialog-content fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-5rem)] w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding p-(--dialog-padding) text-fg-primary shadow-(--elevation-e2-shadow) outline-none [--dialog-padding:1.25rem] transition-[opacity,transform] duration-200 ease-in-out data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-  {
-    variants: {
-      size: {
-        sm: "sm:w-90 sm:[--dialog-padding:1.5rem]",
-        md: "sm:w-105 sm:[--dialog-padding:1.5rem]",
-        lg: "sm:w-120 sm:[--dialog-padding:2rem]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var dialogIconVariants = cva(
-  "flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      size: {
-        auto: "group-data-[size=sm]/dialog-content:size-10 group-data-[size=sm]/dialog-content:rounded-md group-data-[size=sm]/dialog-content:[&_svg:not([class*='size-'])]:size-6 group-data-[size=md]/dialog-content:size-12 group-data-[size=md]/dialog-content:rounded-[10px] group-data-[size=md]/dialog-content:[&_svg:not([class*='size-'])]:size-8 group-data-[size=lg]/dialog-content:size-14 group-data-[size=lg]/dialog-content:rounded-lg group-data-[size=lg]/dialog-content:[&_svg:not([class*='size-'])]:size-10",
-        sm: "size-10 rounded-md [&_svg:not([class*='size-'])]:size-6",
-        md: "size-12 rounded-[10px] [&_svg:not([class*='size-'])]:size-8",
-        lg: "size-14 rounded-lg [&_svg:not([class*='size-'])]:size-10"
-      },
-      tone: {
-        brand: "bg-surface-brand-subtle text-fg-brand",
-        danger: "bg-surface-danger-subtle text-status-danger",
-        neutral: "bg-surface-raised text-fg-primary"
-      }
-    },
-    defaultVariants: {
-      size: "auto",
-      tone: "brand"
-    }
-  }
-);
-function DialogContent({
-  className,
-  children,
-  size,
-  showCloseButton = true,
-  ...props
-}) {
-  const resolvedSize = useComponentSize(size);
-  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsx(SizeProvider, { size: resolvedSize, children: /* @__PURE__ */ jsxs(
-      DialogPrimitive.Popup,
-      {
-        "data-slot": "dialog-content",
-        "data-size": resolvedSize,
-        className: cn(
-          dialogContentVariants({ size: resolvedSize }),
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsx(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              render: /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "tertiary",
-                  className: "absolute -top-10 right-0 z-10",
-                  size: "icon-sm",
-                  children: [
-                    /* @__PURE__ */ jsx(XIcon, {}),
-                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
+const dialogContentVariants = cva("group/dialog-content fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-5rem)] w-full max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding p-(--dialog-padding) text-fg-primary shadow-(--elevation-e2-shadow) outline-none [--dialog-padding:1.25rem] transition-[opacity,transform] duration-200 ease-in-out data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", {
+	variants: { size: {
+		sm: "sm:w-90 sm:[--dialog-padding:1.5rem]",
+		md: "sm:w-105 sm:[--dialog-padding:1.5rem]",
+		lg: "sm:w-120 sm:[--dialog-padding:2rem]"
+	} },
+	defaultVariants: { size: "md" }
+});
+const dialogIconVariants = cva("flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: {
+		size: {
+			auto: "group-data-[size=sm]/dialog-content:size-10 group-data-[size=sm]/dialog-content:rounded-md group-data-[size=sm]/dialog-content:[&_svg:not([class*='size-'])]:size-6 group-data-[size=md]/dialog-content:size-12 group-data-[size=md]/dialog-content:rounded-[10px] group-data-[size=md]/dialog-content:[&_svg:not([class*='size-'])]:size-8 group-data-[size=lg]/dialog-content:size-14 group-data-[size=lg]/dialog-content:rounded-lg group-data-[size=lg]/dialog-content:[&_svg:not([class*='size-'])]:size-10",
+			sm: "size-10 rounded-md [&_svg:not([class*='size-'])]:size-6",
+			md: "size-12 rounded-[10px] [&_svg:not([class*='size-'])]:size-8",
+			lg: "size-14 rounded-lg [&_svg:not([class*='size-'])]:size-10"
+		},
+		tone: {
+			brand: "bg-surface-brand-subtle text-fg-brand",
+			danger: "bg-surface-danger-subtle text-status-danger",
+			neutral: "bg-surface-raised text-fg-primary"
+		}
+	},
+	defaultVariants: {
+		size: "auto",
+		tone: "brand"
+	}
+});
+function DialogContent({ className, children, size, showCloseButton = true, ...props }) {
+	const resolvedSize = useComponentSize(size);
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(SizeProvider, {
+		size: resolvedSize,
+		children: /* @__PURE__ */ jsxs(Dialog$1.Popup, {
+			"data-slot": "dialog-content",
+			"data-size": resolvedSize,
+			className: cn(dialogContentVariants({ size: resolvedSize }), className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ jsxs(Button, {
+					variant: "tertiary",
+					className: "absolute -top-10 right-0 z-10",
+					size: "icon-sm",
+					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			})]
+		})
+	})] });
 }
-function DialogIcon({
-  className,
-  size,
-  tone,
-  ...props
-}) {
-  const inheritedSize = useComponentSize();
-  const resolvedSize = !size || size === "auto" ? inheritedSize : size;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-icon",
-      className: cn(
-        dialogIconVariants({ size: resolvedSize, tone }),
-        className
-      ),
-      ...props
-    }
-  );
+function DialogIcon({ className, size, tone, ...props }) {
+	const inheritedSize = useComponentSize();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-icon",
+		className: cn(dialogIconVariants({
+			size: !size || size === "auto" ? inheritedSize : size,
+			tone
+		}), className),
+		...props
+	});
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-3", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-3", className),
+		...props
+	});
 }
-function DialogFooter({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "mt-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end `**:data-[slot=button-link]:w-full **:data-[slot=button]:w-full sm:**:data-[slot=button-link]:w-auto sm:**:data-[slot=button]:w-auto",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsx(
-          DialogPrimitive.Close,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "tertiary-outline", children: "Close" })
-          }
-        )
-      ]
-    }
-  );
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("mt-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end `**:data-[slot=button-link]:w-full **:data-[slot=button]:w-full sm:**:data-[slot=button-link]:w-auto sm:**:data-[slot=button]:w-auto", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { render: /* @__PURE__ */ jsx(Button, {
+			variant: "tertiary-outline",
+			children: "Close"
+		}) })]
+	});
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn(
-        "text-gdt-h5 font-extrabold tracking-tight text-fg-primary",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-gdt-h5 font-extrabold tracking-tight text-fg-primary", className),
+		...props
+	});
 }
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn(
-        "text-gdt-sm text-fg-secondary *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-fg-primary",
-        className
-      ),
-      ...props
-    }
-  );
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-gdt-sm text-fg-secondary *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-fg-primary", className),
+		...props
+	});
 }
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogIcon,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  dialogContentVariants,
-  dialogIconVariants
-};
-//# sourceMappingURL=dialog.js.map
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogIconVariants };

package/dist/dropdown-menu.d.ts

@@ -1,35 +1,35 @@
-import { Menu } from '@base-ui/react/menu';
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import * as React from "react";
+import { Menu } from "@base-ui/react/menu";
+//#region src/dropdown-menu.d.ts
 type DropdownMenuSize = ComponentSize;
 declare function DropdownMenu({ children, size, ...props }: Menu.Root.Props & {
-    size?: DropdownMenuSize;
+  size?: DropdownMenuSize;
 }): React.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): React.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React.JSX.Element;
 declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & Pick<Menu.Portal.Props, "container">): React.JSX.Element;
 declare function DropdownMenuGroup({ className, ...props }: Menu.Group.Props): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
-    inset?: boolean;
+  inset?: boolean;
 }): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
+  inset?: boolean;
+  variant?: "default" | "destructive";
 }): React.JSX.Element;
 declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
-    inset?: boolean;
+  inset?: boolean;
 }): React.JSX.Element;
 declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
 declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
-    inset?: boolean;
+  inset?: boolean;
 }): React.JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): React.JSX.Element;
 declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
-    inset?: boolean;
+  inset?: boolean;
 }): React.JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuSize, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuSize, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/dropdown-menu.js

@@ -1,38 +1,181 @@
 "use client";
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger
-} from "./chunk-3T65TLJX.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger
-};
-//# sourceMappingURL=dropdown-menu.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
+//#region src/dropdown-menu.tsx
+function DropdownMenu({ children, size, ...props }) {
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size,
+		children: /* @__PURE__ */ jsx(Menu$1.Root, {
+			"data-slot": "dropdown-menu",
+			...props,
+			children
+		})
+	});
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+const dropdownMenuContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", {
+	variants: { size: {
+		sm: "rounded-lg p-1",
+		md: "rounded-xl p-1.5",
+		lg: "rounded-[18px] p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const dropdownMenuItemVariants = cva("group/dropdown-menu-item relative flex w-full cursor-pointer items-center font-normal text-fg-primary outline-none transition-colors select-none focus:bg-surface focus:text-fg-primary data-highlighted:bg-surface data-highlighted:text-fg-primary data-[variant=destructive]:text-fg-danger data-[variant=destructive]:focus:bg-surface-danger-subtle data-[variant=destructive]:focus:text-fg-danger data-[variant=destructive]:data-highlighted:bg-surface-danger-subtle data-[variant=destructive]:data-highlighted:text-fg-danger data-disabled:pointer-events-none data-disabled:text-fg-caption-placeholder data-disabled:opacity-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:[&_svg]:text-fg-danger", {
+	variants: { size: {
+		sm: "gap-1.5 rounded-md px-3 py-1.5 text-gdt-xs [&_svg:not([class*='size-'])]:size-3.5",
+		md: "gap-2 rounded-md px-4 py-2 text-gdt-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "gap-2.5 rounded-md px-4 py-2.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const dropdownMenuLabelVariants = cva("font-medium text-fg-secondary data-inset:pl-8", {
+	variants: { size: {
+		sm: "px-3 py-1 text-gdt-xs",
+		md: "px-3 py-1 text-gdt-xs",
+		lg: "px-4 py-1.5 text-gdt-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 6, className, container, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Menu$1.Portal, {
+		container,
+		children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
+			className: "isolate z-50 outline-none",
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsx(Menu$1.Popup, {
+				"data-slot": "dropdown-menu-content",
+				"data-size": resolvedSize,
+				className: cn(dropdownMenuContentVariants({ size: resolvedSize }), className),
+				...props
+			})
+		})
+	});
+}
+function DropdownMenuGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Group, {
+		"data-slot": "dropdown-menu-group",
+		className: cn("scroll-my-1 space-y-0.5", className),
+		...props
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn(dropdownMenuLabelVariants({ size: resolvedSize }), className),
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Menu$1.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-size": resolvedSize,
+		"data-variant": variant,
+		className: cn(dropdownMenuItemVariants({ size: resolvedSize }), "data-inset:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		"data-size": resolvedSize,
+		className: cn(dropdownMenuItemVariants({ size: resolvedSize }), "data-inset:pl-8 data-open:bg-surface data-open:text-fg-primary data-popup-open:bg-surface data-popup-open:text-fg-primary", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })]
+	});
+}
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 4, className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("w-auto min-w-28 shadow-(--elevation-e2-shadow)", className),
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset,
+		"data-size": resolvedSize,
+		className: cn(dropdownMenuItemVariants({ size: resolvedSize }), "pr-10 data-inset:pl-8", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-3 flex items-center justify-center text-fg-brand",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": inset,
+		"data-size": resolvedSize,
+		className: cn(dropdownMenuItemVariants({ size: resolvedSize }), "pr-10 data-inset:pl-8", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-3 flex items-center justify-center text-fg-brand",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("ml-auto text-gdt-xs tracking-widest text-fg-secondary group-focus/dropdown-menu-item:text-fg-primary group-data-highlighted/dropdown-menu-item:text-fg-primary", className),
+		...props
+	});
+}
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };