@elmeragroup/fuse 0.1.0-canary.1

package/components/dialog/index.d.ts

@@ -0,0 +1,16 @@
+import { DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from "./dialog.js";
+//#region src/components/dialog/index.d.ts
+export declare const Dialog: {
+  Root: typeof DialogRoot;
+  Trigger: typeof DialogTrigger;
+  Portal: typeof DialogPortal;
+  Close: typeof DialogClose;
+  Overlay: typeof DialogOverlay;
+  Content: typeof DialogContent;
+  Header: typeof DialogHeader;
+  Footer: typeof DialogFooter;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/dialog/index.ts"],"mappings":";;qBAkBa;EACX,aAAI;EACJ,gBAAO;EACP,eAAM;EACN,cAAK;EACL,gBAAO;EACP,gBAAO;EACP,eAAM;EACN,eAAM;EACN,cAAK;EACL,oBAAW"}

package/components/dialog/index.js

@@ -0,0 +1,23 @@
+import { DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from "./dialog.js";
+//#region src/components/dialog/index.ts
+/**
+* Server-visible namespace for `Dialog`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Dialog = {
+	Root: DialogRoot,
+	Trigger: DialogTrigger,
+	Portal: DialogPortal,
+	Close: DialogClose,
+	Overlay: DialogOverlay,
+	Content: DialogContent,
+	Header: DialogHeader,
+	Footer: DialogFooter,
+	Title: DialogTitle,
+	Description: DialogDescription
+};
+//#endregion
+export { Dialog };
+
+//# sourceMappingURL=index.js.map

package/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Dialog`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  DialogRoot,\n  DialogTrigger,\n  DialogPortal,\n  DialogClose,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from \"./dialog\";\n\nexport const Dialog = {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Portal: DialogPortal,\n  Close: DialogClose,\n  Overlay: DialogOverlay,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Title: DialogTitle,\n  Description: DialogDescription,\n};\n"],"mappings":";;;;;;;AAkBA,MAAa,SAAS;CACpB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,aAAa;AACf"}

package/components/dropdown-menu/dropdown-menu-variants.js

@@ -0,0 +1,21 @@
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { menuItemClass } from "../overlay/overlay-classes.js";
+import { tv } from "tailwind-variants";
+//#region src/components/dropdown-menu/dropdown-menu-variants.ts
+/**
+* Module-private slotted recipe. Not exported from the
+* public entry — Item/LinkItem/CheckboxItem/RadioItem/SubTrigger compose the
+* item slot; Content and SubContent take the popup-chrome extras. Geometry,
+* disabled face, and icon sizing come from `menuItemClass`; the highlight
+* face is this family's, because base-ui spells it `focus:` on menu items.
+*/
+const dropdownMenuVariants = tv({ slots: {
+	item: cn(selfFocusRingClass, menuItemClass, "group/dropdown-menu-item px-2 focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-error/10 data-[variant=destructive]:focus:text-error data-[variant=destructive]:*:[svg]:text-error"),
+	content: "max-h-(--available-height) min-w-32 overflow-x-hidden overflow-y-auto p-1 outline-none data-closed:overflow-hidden",
+	subContent: "shadow-lg w-auto min-w-[96px] p-1"
+} });
+//#endregion
+export { dropdownMenuVariants };
+
+//# sourceMappingURL=dropdown-menu-variants.js.map

package/components/dropdown-menu/dropdown-menu-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-variants.js","names":[],"sources":["../../../src/components/dropdown-menu/dropdown-menu-variants.ts"],"sourcesContent":["/**\n * Module-private slotted recipe. Not exported from the\n * public entry — Item/LinkItem/CheckboxItem/RadioItem/SubTrigger compose the\n * item slot; Content and SubContent take the popup-chrome extras. Geometry,\n * disabled face, and icon sizing come from `menuItemClass`; the highlight\n * face is this family's, because base-ui spells it `focus:` on menu items.\n */\nimport { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { menuItemClass } from \"../overlay/overlay-classes\";\n\nexport const dropdownMenuVariants = tv({\n  slots: {\n    item: cn(\n      selfFocusRingClass,\n      menuItemClass,\n      // oxlint-disable-next-line elmera/no-local-focus-ring -- highlight face, not native outline; ring comes from the shared adapter\n      \"group/dropdown-menu-item px-2 focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-error/10 data-[variant=destructive]:focus:text-error data-[variant=destructive]:*:[svg]:text-error\"\n    ),\n    content:\n      // oxlint-disable-next-line elmera/no-local-focus-ring -- popup chrome; items own the adapter\n      \"max-h-(--available-height) min-w-32 overflow-x-hidden overflow-y-auto p-1 outline-none data-closed:overflow-hidden\",\n    subContent: \"shadow-lg w-auto min-w-[96px] p-1\",\n  },\n});\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,uBAAuB,GAAG,EACrC,OAAO;CACL,MAAM,GACJ,oBACA,eAEA,wUACF;CACA,SAEE;CACF,YAAY;AACd,EACF,CAAC"}

package/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,151 @@
+import { OverlayContainerProps, OverlayPositionerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { Menu, MenuRadioGroupChangeEventDetails } from "@base-ui/react/menu";
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+export declare function DropdownMenuPortal(props: ComponentProps<typeof Menu.Portal>): ReactElement;
+export declare namespace DropdownMenuPortal {
+  var displayName: string;
+}
+export declare function DropdownMenuRoot(props: ComponentProps<typeof Menu.Root>): ReactElement;
+export declare namespace DropdownMenuRoot {
+  var displayName: string;
+}
+export declare function DropdownMenuTrigger({ className, ...props }: ComponentProps<typeof Menu.Trigger>): ReactElement;
+export declare namespace DropdownMenuTrigger {
+  var displayName: string;
+}
+export type DropdownMenuContentProps = ComponentProps<typeof Menu.Popup> & {
+  /**
+   * How the popup aligns to the trigger on the cross axis. Menus lead from the trigger
+   * edge (unlike Popover/Tooltip, which default to `"center"`).
+   */
+  align?: ComponentProps<typeof Menu.Positioner>["align"];
+} & Omit<OverlayPositionerProps<ComponentProps<typeof Menu.Positioner>>, "align"> & OverlayContainerProps;
+export declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, ...props }: DropdownMenuContentProps): ReactElement | null;
+export declare namespace DropdownMenuContent {
+  var displayName: string;
+}
+export declare function DropdownMenuGroup(props: ComponentProps<typeof Menu.Group>): ReactElement;
+export declare namespace DropdownMenuGroup {
+  var displayName: string;
+}
+export type DropdownMenuLabelProps = ComponentProps<typeof Menu.GroupLabel> & {
+  /**
+   * Pads the label to align with indicator-bearing items. Emitted as `data-inset`.
+   */
+  inset?: boolean;
+};
+export declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): ReactElement;
+export declare namespace DropdownMenuLabel {
+  var displayName: string;
+}
+export type DropdownMenuItemProps = ComponentProps<typeof Menu.Item> & {
+  /**
+   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.
+   */
+  inset?: boolean;
+  /**
+   * Visual tone. The value stays `"destructive"` for consumer compat; classes use
+   * `error` tokens.
+   * @default "default"
+   */
+  variant?: "default" | "destructive";
+};
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): ReactElement;
+export declare namespace DropdownMenuItem {
+  var displayName: string;
+}
+export declare function DropdownMenuLinkItem({ className, ...props }: ComponentProps<typeof Menu.LinkItem>): ReactElement;
+export declare namespace DropdownMenuLinkItem {
+  var displayName: string;
+}
+export type DropdownMenuCheckboxItemProps = ComponentProps<typeof Menu.CheckboxItem> & {
+  /**
+   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.
+   */
+  inset?: boolean;
+};
+export declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): ReactElement;
+export declare namespace DropdownMenuCheckboxItem {
+  var displayName: string;
+}
+/**
+ * Narrows the group's selected value to one string union. Base UI types `value` and
+ * `onValueChange` as `any`; the generic ties the group's three props together, not the
+ * items — `RadioItem.value` stays `any`, so membership is still checked at runtime.
+ */
+export type DropdownMenuRadioGroupProps<T extends string> = Omit<ComponentProps<typeof Menu.RadioGroup>, "value" | "defaultValue" | "onValueChange"> & ({
+  /** Controlled selected value: one member of the group's string union. */
+  value?: T;
+  /** Uncontrolled initially selected value: one member of the group's string union. */
+  defaultValue?: never;
+} | {
+  /** Controlled selected value: one member of the group's string union. */
+  value?: never;
+  /** Uncontrolled initially selected value: one member of the group's string union. */
+  defaultValue?: T;
+}) & {
+  /** Called with the selected value, narrowed to `T`, and base-ui's change details. */
+  onValueChange?: (value: T, eventDetails: MenuRadioGroupChangeEventDetails) => void;
+};
+export declare function DropdownMenuRadioGroup<T extends string>(props: DropdownMenuRadioGroupProps<T>): ReactElement;
+export declare namespace DropdownMenuRadioGroup {
+  var displayName: string;
+}
+export type DropdownMenuRadioItemProps = ComponentProps<typeof Menu.RadioItem> & {
+  /**
+   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.
+   */
+  inset?: boolean;
+};
+export declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): ReactElement;
+export declare namespace DropdownMenuRadioItem {
+  var displayName: string;
+}
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof Menu.Separator>): ReactElement;
+export declare namespace DropdownMenuSeparator {
+  var displayName: string;
+}
+export declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<"span">): ReactElement;
+export declare namespace DropdownMenuShortcut {
+  var displayName: string;
+}
+export declare function DropdownMenuSub(props: ComponentProps<typeof Menu.SubmenuRoot>): ReactElement;
+export declare namespace DropdownMenuSub {
+  var displayName: string;
+}
+export type DropdownMenuSubTriggerProps = ComponentProps<typeof Menu.SubmenuTrigger> & {
+  /**
+   * Pads the trigger to align with indicator-bearing items. Emitted as `data-inset`.
+   */
+  inset?: boolean;
+};
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): ReactElement;
+export declare namespace DropdownMenuSubTrigger {
+  var displayName: string;
+}
+export type DropdownMenuSubContentProps = ComponentProps<typeof Menu.Popup> & {
+  /**
+   * How the popup aligns to its SubTrigger on the cross axis.
+   */
+  align?: ComponentProps<typeof Menu.Positioner>["align"];
+  /**
+   * Offset along the alignment axis, in pixels. Negative tucks the submenu's first
+   * item level with its trigger.
+   */
+  alignOffset?: ComponentProps<typeof Menu.Positioner>["alignOffset"];
+  /**
+   * Which side of the SubTrigger the popup is placed on.
+   */
+  side?: ComponentProps<typeof Menu.Positioner>["side"];
+  /**
+   * Distance from the SubTrigger, in pixels. Flush against the parent menu by default.
+   */
+  sideOffset?: ComponentProps<typeof Menu.Positioner>["sideOffset"];
+} & OverlayContainerProps;
+export declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, ...props }: DropdownMenuSubContentProps): ReactElement | null;
+export declare namespace DropdownMenuSubContent {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;wBA2BgB,mBAAmB,OAAO,sBAAsB,KAAc,UAAU;yBAAxE;MAAA;;wBA6CA,iBAAiB,OAAO,sBAAsB,KAAc,QAAQ;yBAApE;MAAA;;wBAIA,sBACd,cACG,SACF,sBAAsB,KAAc,WAAW;yBAHlC;MAAA;;YAaJ,2BAA2B,sBAAsB,KAAc;;;;;EAKzE,QAAQ,sBAAsB,KAAc;IAC1C,KAAK,uBAAuB,sBAAsB,KAAc,yBAClE;wBAKc,sBACd,OACA,aACA,MACA,eACG,SACF,2BAA2B;yBANd;MAAA;;wBAoBA,kBAAkB,OAAO,sBAAsB,KAAc,SAAS;yBAAtE;MAAA;;YAIJ,yBAAyB,sBAAsB,KAAc;;;;EAIvE;;wBAGc,oBAAoB,WAAW,UAAU,SAAS,yBAAyB;yBAA3E;MAAA;;YAWJ,wBAAwB,sBAAsB,KAAc;;;;EAItE;;;;;;EAMA;;wBAGc,mBACd,WACA,OACA,YACG,SACF,wBAAwB;yBALX;MAAA;;wBAiBA,uBACd,cACG,SACF,sBAAsB,KAAc,YAAY;yBAHnC;MAAA;;YAaJ,gCAAgC,sBAAsB,KAAc;;;;EAI9E;;wBAGc,2BACd,WACA,UACA,SACA,UACG,SACF,gCAAgC;yBANnB;MAAA;;;;;;;YA6BJ,4BAA4B,oBAAoB,KAC1D,sBAAsB,KAAc;;EAM9B,QAAQ;;EAER;;;EAIA;;EAEA,eAAe;;;EAInB,iBAAiB,OAAO,GAAG,cAAc;;wBAG7B,uBAAuB,kBACrC,OAAO,4BAA4B,KAClC;yBAFa;MAAA;;YAMJ,6BAA6B,sBAAsB,KAAc;;;;EAI3E;;wBAGc,wBACd,WACA,UACA,UACG,SACF,6BAA6B;yBALhB;MAAA;;wBAsBA,wBACd,cACG,SACF,sBAAsB,KAAc,aAAa;yBAHpC;MAAA;;wBAaA,uBAAuB,cAAc,SAAS,yBAAyB;yBAAvE;MAAA;;wBAaA,gBAAgB,OAAO,sBAAsB,KAAc,eAAe;yBAA1E;MAAA;;YAIJ,8BAA8B,sBAAsB,KAAc;;;;EAI5E;;wBAGc,yBACd,WACA,OACA,aACG,SACF,8BAA8B;yBALjB;MAAA;;YAsBJ,8BAA8B,sBAAsB,KAAc;;;;EAI5E,QAAQ,sBAAsB,KAAc;;;;;EAK5C,cAAc,sBAAsB,KAAc;;;;EAIlD,OAAO,sBAAsB,KAAc;;;;EAI3C,aAAa,sBAAsB,KAAc;IAC/C;wBAKY,yBACd,OACA,aACA,MACA,eACG,SACF,8BAA8B;yBANjB;MAAA"}

package/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,197 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { menuGroupLabelClass, menuItemIndicatorClass, menuSeparatorClass, overlayPositionerClass, overlayTimedPopupClass } from "../overlay/overlay-classes.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { CaretRight } from "../../icons/generated/caret-right.js";
+import { Check } from "../../icons/generated/check.js";
+import { dropdownMenuVariants } from "./dropdown-menu-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+const dropdownMenuSlots = dropdownMenuVariants();
+/** Shared item face. Module-private — Item, LinkItem, CheckboxItem, RadioItem, and SubTrigger compose it. */
+const dropdownMenuItemClassName = dropdownMenuSlots.item();
+function DropdownMenuPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+/**
+* The one menu popup. Content and SubContent are the same
+* `Portal > Positioner > Popup` with different defaults, a different `data-slot`, and a
+* different popup-chrome extra. SubContent calls this helper directly, keeping one popup
+* and one class string. Both callers resolve their own positioner defaults.
+*/
+function DropdownMenuPopup({ className, popupClassName, dataSlot, align, alignOffset, side, sideOffset, container, ...props }) {
+	return /* @__PURE__ */ jsx(OverlayPortal, {
+		portal: DropdownMenuPortal,
+		container,
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			className: cn(overlayPositionerClass, "outline-none"),
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				"data-slot": dataSlot,
+				className: mergeClassName(className, overlayTimedPopupClass, popupClassName),
+				...props
+			})
+		})
+	});
+}
+function DropdownMenuRoot(props) {
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+/** Popup chrome specific to the root menu; the surface and motion are shared. */
+const dropdownMenuContentClassName = dropdownMenuSlots.content();
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPopup, {
+		dataSlot: "dropdown-menu-content",
+		popupClassName: dropdownMenuContentClassName,
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+function DropdownMenuGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset ? true : void 0,
+		className: mergeClassName(className, menuGroupLabelClass, "font-medium data-inset:pl-8"),
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset ? true : void 0,
+		"data-variant": variant,
+		className: mergeClassName(className, dropdownMenuItemClassName),
+		...props
+	});
+}
+function DropdownMenuLinkItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.LinkItem, {
+		"data-slot": "dropdown-menu-link-item",
+		className: mergeClassName(className, dropdownMenuItemClassName),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset ? true : void 0,
+		className: mergeClassName(className, dropdownMenuItemClassName, "pr-8"),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: menuItemIndicatorClass,
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": inset ? true : void 0,
+		className: mergeClassName(className, dropdownMenuItemClassName, "pr-8"),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: menuItemIndicatorClass,
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+		}), children]
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: mergeClassName(className, menuSeparatorClass),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("text-xs tracking-widest ml-auto text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
+		...props
+	});
+}
+function DropdownMenuSub(props) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		closeParentOnEsc: true,
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset ? true : void 0,
+		className: mergeClassName(className, dropdownMenuItemClassName, "data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground"),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(CaretRight, { className: "ml-auto" })]
+	});
+}
+/** Popup chrome specific to a submenu; the surface and motion are shared. */
+const dropdownMenuSubContentClassName = dropdownMenuSlots.subContent();
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPopup, {
+		dataSlot: "dropdown-menu-sub-content",
+		popupClassName: dropdownMenuSubContentClassName,
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+DropdownMenuRoot.displayName = "DropdownMenu.Root";
+DropdownMenuTrigger.displayName = "DropdownMenu.Trigger";
+DropdownMenuPortal.displayName = "DropdownMenu.Portal";
+DropdownMenuContent.displayName = "DropdownMenu.Content";
+DropdownMenuGroup.displayName = "DropdownMenu.Group";
+DropdownMenuLabel.displayName = "DropdownMenu.Label";
+DropdownMenuItem.displayName = "DropdownMenu.Item";
+DropdownMenuLinkItem.displayName = "DropdownMenu.LinkItem";
+DropdownMenuCheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+DropdownMenuRadioGroup.displayName = "DropdownMenu.RadioGroup";
+DropdownMenuRadioItem.displayName = "DropdownMenu.RadioItem";
+DropdownMenuSeparator.displayName = "DropdownMenu.Separator";
+DropdownMenuShortcut.displayName = "DropdownMenu.Shortcut";
+DropdownMenuSub.displayName = "DropdownMenu.Sub";
+DropdownMenuSubTrigger.displayName = "DropdownMenu.SubTrigger";
+DropdownMenuSubContent.displayName = "DropdownMenu.SubContent";
+//#endregion
+export { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.js.map

package/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive"],"sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport type { MenuRadioGroupChangeEventDetails } from \"@base-ui/react/menu\";\n\nimport { CaretRight } from \"../../icons/generated/caret-right\";\nimport { Check } from \"../../icons/generated/check\";\nimport { cn } from \"../../styles/cn\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport {\n  menuGroupLabelClass,\n  menuItemIndicatorClass,\n  menuSeparatorClass,\n  overlayPositionerClass,\n  overlayTimedPopupClass,\n} from \"../overlay/overlay-classes\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps, OverlayPositionerProps } from \"../overlay/overlay-props\";\nimport { dropdownMenuVariants } from \"./dropdown-menu-variants\";\n\nconst dropdownMenuSlots = dropdownMenuVariants();\n/** Shared item face. Module-private — Item, LinkItem, CheckboxItem, RadioItem, and SubTrigger compose it. */\nconst dropdownMenuItemClassName = dropdownMenuSlots.item();\n\nexport function DropdownMenuPortal(props: ComponentProps<typeof MenuPrimitive.Portal>): ReactElement {\n  return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\n/**\n * The one menu popup. Content and SubContent are the same\n * `Portal > Positioner > Popup` with different defaults, a different `data-slot`, and a\n * different popup-chrome extra. SubContent calls this helper directly, keeping one popup\n * and one class string. Both callers resolve their own positioner defaults.\n */\nfunction DropdownMenuPopup({\n  className,\n  popupClassName,\n  dataSlot,\n  align,\n  alignOffset,\n  side,\n  sideOffset,\n  container,\n  ...props\n}: ComponentProps<typeof MenuPrimitive.Popup> &\n  Pick<ComponentProps<typeof MenuPrimitive.Positioner>, \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"> &\n  OverlayContainerProps & {\n    popupClassName: string;\n    dataSlot: \"dropdown-menu-content\" | \"dropdown-menu-sub-content\";\n  }): ReactElement | null {\n  return (\n    <OverlayPortal portal={DropdownMenuPortal} container={container}>\n      <MenuPrimitive.Positioner\n        // oxlint-disable-next-line elmera/no-local-focus-ring -- positioner is not a focus target\n        className={cn(overlayPositionerClass, \"outline-none\")}\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}>\n        <MenuPrimitive.Popup\n          data-slot={dataSlot}\n          className={mergeClassName(className, overlayTimedPopupClass, popupClassName)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </OverlayPortal>\n  );\n}\n\nexport function DropdownMenuRoot(props: ComponentProps<typeof MenuPrimitive.Root>): ReactElement {\n  return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof MenuPrimitive.Trigger>): ReactElement {\n  return (\n    <MenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport type DropdownMenuContentProps = ComponentProps<typeof MenuPrimitive.Popup> & {\n  /**\n   * How the popup aligns to the trigger on the cross axis. Menus lead from the trigger\n   * edge (unlike Popover/Tooltip, which default to `\"center\"`).\n   */\n  align?: ComponentProps<typeof MenuPrimitive.Positioner>[\"align\"];\n} & Omit<OverlayPositionerProps<ComponentProps<typeof MenuPrimitive.Positioner>>, \"align\"> &\n  OverlayContainerProps;\n\n/** Popup chrome specific to the root menu; the surface and motion are shared. */\nconst dropdownMenuContentClassName = dropdownMenuSlots.content();\n\nexport function DropdownMenuContent({\n  align = \"start\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: DropdownMenuContentProps): ReactElement | null {\n  return (\n    <DropdownMenuPopup\n      dataSlot=\"dropdown-menu-content\"\n      popupClassName={dropdownMenuContentClassName}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuGroup(props: ComponentProps<typeof MenuPrimitive.Group>): ReactElement {\n  return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nexport type DropdownMenuLabelProps = ComponentProps<typeof MenuPrimitive.GroupLabel> & {\n  /**\n   * Pads the label to align with indicator-bearing items. Emitted as `data-inset`.\n   */\n  inset?: boolean;\n};\n\nexport function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): ReactElement {\n  return (\n    <MenuPrimitive.GroupLabel\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset ? true : undefined}\n      className={mergeClassName(className, menuGroupLabelClass, \"font-medium data-inset:pl-8\")}\n      {...props}\n    />\n  );\n}\n\nexport type DropdownMenuItemProps = ComponentProps<typeof MenuPrimitive.Item> & {\n  /**\n   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.\n   */\n  inset?: boolean;\n  /**\n   * Visual tone. The value stays `\"destructive\"` for consumer compat; classes use\n   * `error` tokens.\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"destructive\";\n};\n\nexport function DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: DropdownMenuItemProps): ReactElement {\n  return (\n    <MenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset ? true : undefined}\n      data-variant={variant}\n      className={mergeClassName(className, dropdownMenuItemClassName)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuLinkItem({\n  className,\n  ...props\n}: ComponentProps<typeof MenuPrimitive.LinkItem>): ReactElement {\n  return (\n    <MenuPrimitive.LinkItem\n      data-slot=\"dropdown-menu-link-item\"\n      className={mergeClassName(className, dropdownMenuItemClassName)}\n      {...props}\n    />\n  );\n}\n\nexport type DropdownMenuCheckboxItemProps = ComponentProps<typeof MenuPrimitive.CheckboxItem> & {\n  /**\n   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.\n   */\n  inset?: boolean;\n};\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: DropdownMenuCheckboxItemProps): ReactElement {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset ? true : undefined}\n      className={mergeClassName(className, dropdownMenuItemClassName, \"pr-8\")}\n      checked={checked}\n      {...props}>\n      <span className={menuItemIndicatorClass} data-slot=\"dropdown-menu-checkbox-item-indicator\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <Check />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\n\n/**\n * Narrows the group's selected value to one string union. Base UI types `value` and\n * `onValueChange` as `any`; the generic ties the group's three props together, not the\n * items — `RadioItem.value` stays `any`, so membership is still checked at runtime.\n */\nexport type DropdownMenuRadioGroupProps<T extends string> = Omit<\n  ComponentProps<typeof MenuPrimitive.RadioGroup>,\n  \"value\" | \"defaultValue\" | \"onValueChange\"\n> &\n  (\n    | {\n        /** Controlled selected value: one member of the group's string union. */\n        value?: T;\n        /** Uncontrolled initially selected value: one member of the group's string union. */\n        defaultValue?: never;\n      }\n    | {\n        /** Controlled selected value: one member of the group's string union. */\n        value?: never;\n        /** Uncontrolled initially selected value: one member of the group's string union. */\n        defaultValue?: T;\n      }\n  ) & {\n    /** Called with the selected value, narrowed to `T`, and base-ui's change details. */\n    onValueChange?: (value: T, eventDetails: MenuRadioGroupChangeEventDetails) => void;\n  };\n\nexport function DropdownMenuRadioGroup<T extends string>(\n  props: DropdownMenuRadioGroupProps<T>\n): ReactElement {\n  return <MenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport type DropdownMenuRadioItemProps = ComponentProps<typeof MenuPrimitive.RadioItem> & {\n  /**\n   * Pads the item to align with indicator-bearing items. Emitted as `data-inset`.\n   */\n  inset?: boolean;\n};\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: DropdownMenuRadioItemProps): ReactElement {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset ? true : undefined}\n      className={mergeClassName(className, dropdownMenuItemClassName, \"pr-8\")}\n      {...props}>\n      <span className={menuItemIndicatorClass} data-slot=\"dropdown-menu-radio-item-indicator\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Check />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof MenuPrimitive.Separator>): ReactElement {\n  return (\n    <MenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={mergeClassName(className, menuSeparatorClass)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<\"span\">): ReactElement {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-xs tracking-widest ml-auto text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof MenuPrimitive.SubmenuRoot>): ReactElement {\n  return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" closeParentOnEsc {...props} />;\n}\n\nexport type DropdownMenuSubTriggerProps = ComponentProps<typeof MenuPrimitive.SubmenuTrigger> & {\n  /**\n   * Pads the trigger to align with indicator-bearing items. Emitted as `data-inset`.\n   */\n  inset?: boolean;\n};\n\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps): ReactElement {\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset ? true : undefined}\n      className={mergeClassName(\n        className,\n        dropdownMenuItemClassName,\n        \"data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground\"\n      )}\n      {...props}>\n      {children}\n      <CaretRight className=\"ml-auto\" />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\n\nexport type DropdownMenuSubContentProps = ComponentProps<typeof MenuPrimitive.Popup> & {\n  /**\n   * How the popup aligns to its SubTrigger on the cross axis.\n   */\n  align?: ComponentProps<typeof MenuPrimitive.Positioner>[\"align\"];\n  /**\n   * Offset along the alignment axis, in pixels. Negative tucks the submenu's first\n   * item level with its trigger.\n   */\n  alignOffset?: ComponentProps<typeof MenuPrimitive.Positioner>[\"alignOffset\"];\n  /**\n   * Which side of the SubTrigger the popup is placed on.\n   */\n  side?: ComponentProps<typeof MenuPrimitive.Positioner>[\"side\"];\n  /**\n   * Distance from the SubTrigger, in pixels. Flush against the parent menu by default.\n   */\n  sideOffset?: ComponentProps<typeof MenuPrimitive.Positioner>[\"sideOffset\"];\n} & OverlayContainerProps;\n\n/** Popup chrome specific to a submenu; the surface and motion are shared. */\nconst dropdownMenuSubContentClassName = dropdownMenuSlots.subContent();\n\nexport function DropdownMenuSubContent({\n  align = \"start\",\n  alignOffset = -3,\n  side = \"right\",\n  sideOffset = 0,\n  ...props\n}: DropdownMenuSubContentProps): ReactElement | null {\n  return (\n    <DropdownMenuPopup\n      dataSlot=\"dropdown-menu-sub-content\"\n      popupClassName={dropdownMenuSubContentClassName}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n}\n\nDropdownMenuRoot.displayName = \"DropdownMenu.Root\";\nDropdownMenuTrigger.displayName = \"DropdownMenu.Trigger\";\nDropdownMenuPortal.displayName = \"DropdownMenu.Portal\";\nDropdownMenuContent.displayName = \"DropdownMenu.Content\";\nDropdownMenuGroup.displayName = \"DropdownMenu.Group\";\nDropdownMenuLabel.displayName = \"DropdownMenu.Label\";\nDropdownMenuItem.displayName = \"DropdownMenu.Item\";\nDropdownMenuLinkItem.displayName = \"DropdownMenu.LinkItem\";\nDropdownMenuCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\";\nDropdownMenuRadioGroup.displayName = \"DropdownMenu.RadioGroup\";\nDropdownMenuRadioItem.displayName = \"DropdownMenu.RadioItem\";\nDropdownMenuSeparator.displayName = \"DropdownMenu.Separator\";\nDropdownMenuShortcut.displayName = \"DropdownMenu.Shortcut\";\nDropdownMenuSub.displayName = \"DropdownMenu.Sub\";\nDropdownMenuSubTrigger.displayName = \"DropdownMenu.SubTrigger\";\nDropdownMenuSubContent.displayName = \"DropdownMenu.SubContent\";\n"],"mappings":"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"}

package/components/dropdown-menu/index.d.ts

@@ -0,0 +1,22 @@
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+//#region src/components/dropdown-menu/index.d.ts
+export declare const DropdownMenu: {
+  Root: typeof DropdownMenuRoot;
+  Trigger: typeof DropdownMenuTrigger;
+  Portal: typeof DropdownMenuPortal;
+  Content: typeof DropdownMenuContent;
+  Group: typeof DropdownMenuGroup;
+  Label: typeof DropdownMenuLabel;
+  Item: typeof DropdownMenuItem;
+  LinkItem: typeof DropdownMenuLinkItem;
+  CheckboxItem: typeof DropdownMenuCheckboxItem;
+  RadioGroup: typeof DropdownMenuRadioGroup;
+  RadioItem: typeof DropdownMenuRadioItem;
+  Separator: typeof DropdownMenuSeparator;
+  Shortcut: typeof DropdownMenuShortcut;
+  Sub: typeof DropdownMenuSub;
+  SubTrigger: typeof DropdownMenuSubTrigger;
+  SubContent: typeof DropdownMenuSubContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/dropdown-menu/index.ts"],"mappings":";;qBAwBa;EACX,aAAI;EACJ,gBAAO;EACP,eAAM;EACN,gBAAO;EACP,cAAK;EACL,cAAK;EACL,aAAI;EACJ,iBAAQ;EACR,qBAAY;EACZ,mBAAU;EACV,kBAAS;EACT,kBAAS;EACT,iBAAQ;EACR,YAAG;EACH,mBAAU;EACV,mBAAU"}

package/components/dropdown-menu/index.js

@@ -0,0 +1,29 @@
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+//#region src/components/dropdown-menu/index.ts
+/**
+* Server-visible namespace for `DropdownMenu`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const DropdownMenu = {
+	Root: DropdownMenuRoot,
+	Trigger: DropdownMenuTrigger,
+	Portal: DropdownMenuPortal,
+	Content: DropdownMenuContent,
+	Group: DropdownMenuGroup,
+	Label: DropdownMenuLabel,
+	Item: DropdownMenuItem,
+	LinkItem: DropdownMenuLinkItem,
+	CheckboxItem: DropdownMenuCheckboxItem,
+	RadioGroup: DropdownMenuRadioGroup,
+	RadioItem: DropdownMenuRadioItem,
+	Separator: DropdownMenuSeparator,
+	Shortcut: DropdownMenuShortcut,
+	Sub: DropdownMenuSub,
+	SubTrigger: DropdownMenuSubTrigger,
+	SubContent: DropdownMenuSubContent
+};
+//#endregion
+export { DropdownMenu };
+
+//# sourceMappingURL=index.js.map

package/components/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dropdown-menu/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `DropdownMenu`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuLinkItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n} from \"./dropdown-menu\";\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: DropdownMenuTrigger,\n  Portal: DropdownMenuPortal,\n  Content: DropdownMenuContent,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Item: DropdownMenuItem,\n  LinkItem: DropdownMenuLinkItem,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Separator: DropdownMenuSeparator,\n  Shortcut: DropdownMenuShortcut,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n};\n"],"mappings":";;;;;;;AAwBA,MAAa,eAAe;CAC1B,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,UAAU;CACV,cAAc;CACd,YAAY;CACZ,WAAW;CACX,WAAW;CACX,UAAU;CACV,KAAK;CACL,YAAY;CACZ,YAAY;AACd"}

package/components/emoji/emoji.d.ts

@@ -0,0 +1,39 @@
+import { ComponentProps, ReactElement } from "react";
+//#region src/components/emoji/emoji.d.ts
+export type EmojiProps = ComponentProps<"svg"> & {
+  /**
+   * Accessible name. When set, the svg is `role="img"` with this `aria-label`.
+   * When omitted, the svg is decorative (`aria-hidden` + `focusable="false"`).
+   */
+  label?: string;
+};
+declare function SlightlyFrowningFace(props: EmojiProps): ReactElement;
+declare namespace SlightlyFrowningFace {
+  var displayName: string;
+}
+declare function SlightlySmilingFace(props: EmojiProps): ReactElement;
+declare namespace SlightlySmilingFace {
+  var displayName: string;
+}
+declare function NeutralFace(props: EmojiProps): ReactElement;
+declare namespace NeutralFace {
+  var displayName: string;
+}
+declare function LoudlyCryingFace(props: EmojiProps): ReactElement;
+declare namespace LoudlyCryingFace {
+  var displayName: string;
+}
+declare function PartyingFace(props: EmojiProps): ReactElement;
+declare namespace PartyingFace {
+  var displayName: string;
+}
+declare const Emoji: {
+  SlightlyFrowningFace: typeof SlightlyFrowningFace;
+  SlightlySmilingFace: typeof SlightlySmilingFace;
+  NeutralFace: typeof NeutralFace;
+  LoudlyCryingFace: typeof LoudlyCryingFace;
+  PartyingFace: typeof PartyingFace;
+};
+//#endregion
+export { Emoji, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace };
+//# sourceMappingURL=emoji.d.ts.map

package/components/emoji/emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.d.ts","names":[],"sources":["../../../src/components/emoji/emoji.tsx"],"mappings":";;YAUY,aAAa;;;;;EAKvB;;iBAmBO,qBAAqB,OAAO,aAAa;kBAAzC;MAAA;;iBAcA,oBAAoB,OAAO,aAAa;kBAAxC;MAAA;;iBAcA,YAAY,OAAO,aAAa;kBAAhC;MAAA;;iBAcA,iBAAiB,OAAO,aAAa;kBAArC;MAAA;;iBAmBA,aAAa,OAAO,aAAa;kBAAjC;MAAA;;cA+DH"}