@puzzle-ui/ui 0.0.0-stage → 0.2.0

package/dist/components/overlays/dropdown-menu/dropdown-menu-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-items.cjs","names":["useDropdownMenuContext","cn","Children","isValidElement","Fragment","cloneElement","useState"],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu-items.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useState,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport { useDropdownMenuContext } from \"./dropdown-menu.context\";\n\nimport type {\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuGroupProps,\n  DropdownMenuItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n} from \"./dropdown-menu.types\";\n\nconst DropdownMenuItem = ({\n  asChild = false,\n  children,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  textValue,\n  closeOnSelect = true,\n  variant = \"default\",\n  onClick,\n  onKeyDown,\n  onSelect,\n  ...itemProps\n}: DropdownMenuItemProps) => {\n  const context = useDropdownMenuContext();\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    onClick?.(event as unknown as MouseEvent<HTMLButtonElement>);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (!event.defaultPrevented && closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  const classes = cn(\n    \"puzzle-dropdown-menu__item\",\n    variant === \"danger\" && \"puzzle-dropdown-menu__item--danger\",\n    className,\n  );\n\n  if (asChild) {\n    const child = Children.only(children);\n\n    if (!isValidElement(child) || child.type === Fragment) {\n      throw new Error(\n        \"DropdownMenu.Item with asChild expects one non-Fragment element.\",\n      );\n    }\n\n    const childProps = child.props as HTMLAttributes<HTMLElement> & {\n      className?: string;\n      type?: ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n      disabled?: boolean;\n      onClick?: (event: MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    };\n    const childDisabled =\n      itemDisabled ||\n      childProps.disabled === true ||\n      childProps[\"aria-disabled\"] === true ||\n      childProps[\"aria-disabled\"] === \"true\";\n\n    return cloneElement(child as unknown as ReactElement<Record<string, unknown>>, {\n      ...itemProps,\n      role: \"menuitem\",\n      tabIndex: -1,\n      \"aria-disabled\": childDisabled || undefined,\n      disabled: child.type === \"button\" ? childDisabled : undefined,\n      ...(child.type === \"button\"\n        ? { type: itemProps.type ?? childProps.type ?? \"button\" }\n        : {}),\n      \"data-puzzle-dropdown-menu-item\": \"true\",\n      \"data-text-value\": textValue,\n      className: cn(classes, childProps.className),\n      onClick: (event: MouseEvent<HTMLElement>) => {\n        if (childDisabled) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        childProps.onClick?.(event);\n        if (!event.defaultPrevented) {\n          handleClick(event);\n        }\n      },\n      onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n        childProps.onKeyDown?.(event);\n        if (!event.defaultPrevented) {\n          onKeyDown?.(event as unknown as KeyboardEvent<HTMLButtonElement>);\n        }\n\n        if (event.defaultPrevented || childDisabled || event.key !== \" \") {\n          return;\n        }\n\n        event.preventDefault();\n        event.currentTarget.click();\n      },\n    });\n  }\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={classes}\n      role=\"menuitem\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n\nconst DropdownMenuGroup = ({\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n  ...groupProps\n}: DropdownMenuGroupProps) => (\n  <div\n    {...groupProps}\n    className={cn(\"puzzle-dropdown-menu__group\", className)}\n    role=\"group\"\n    aria-label={ariaLabel}\n  >\n    {children}\n  </div>\n);\n\nconst DropdownMenuLabel = ({\n  children,\n  className,\n  ...labelProps\n}: DropdownMenuLabelProps) => (\n  <div\n    {...labelProps}\n    className={cn(\"puzzle-dropdown-menu__label\", className)}\n  >\n    {children}\n  </div>\n);\n\nconst DropdownMenuSeparator = ({\n  className,\n  ...separatorProps\n}: DropdownMenuSeparatorProps) => (\n  <div\n    {...separatorProps}\n    className={cn(\"puzzle-dropdown-menu__separator\", className)}\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n  />\n);\n\nconst DropdownMenuCheckboxItem = ({\n  children,\n  checked,\n  defaultChecked = false,\n  onCheckedChange,\n  closeOnSelect = false,\n  textValue,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  onClick,\n  onSelect,\n  ...itemProps\n}: DropdownMenuCheckboxItemProps) => {\n  const context = useDropdownMenuContext();\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n  const controlled = checked !== undefined;\n  const [internalChecked, setInternalChecked] = useState(defaultChecked);\n  const resolvedChecked = checked ?? internalChecked;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextChecked = resolvedChecked !== true;\n\n    if (!controlled) {\n      setInternalChecked(nextChecked);\n    }\n\n    onCheckedChange?.(nextChecked);\n\n    if (closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={cn(\"puzzle-dropdown-menu__item\", className)}\n      role=\"menuitemcheckbox\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      aria-checked={\n        resolvedChecked === \"indeterminate\" ? \"mixed\" : resolvedChecked\n      }\n      data-state={\n        resolvedChecked === \"indeterminate\"\n          ? \"indeterminate\"\n          : resolvedChecked\n            ? \"checked\"\n            : \"unchecked\"\n      }\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      <span className=\"puzzle-dropdown-menu__indicator\" aria-hidden=\"true\">\n        {resolvedChecked === \"indeterminate\" ? \"−\" : resolvedChecked ? \"✓\" : \"\"}\n      </span>\n      <span className=\"puzzle-dropdown-menu__item-label\">{children}</span>\n    </button>\n  );\n};\n\nexport {\n  DropdownMenuCheckboxItem,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n};\n"],"mappings":"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"}

package/dist/components/overlays/dropdown-menu/dropdown-menu-items.d.cts

@@ -0,0 +1,7 @@
+import { DropdownMenuCheckboxItemProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps } from "./dropdown-menu.types.cjs";
+declare const DropdownMenuItem: ({ asChild, children, className, disabled, "aria-disabled": ariaDisabled, textValue, closeOnSelect, variant, onClick, onKeyDown, onSelect, ...itemProps }: DropdownMenuItemProps) => import("react").JSX.Element;
+declare const DropdownMenuGroup: ({ children, className, "aria-label": ariaLabel, ...groupProps }: DropdownMenuGroupProps) => import("react").JSX.Element;
+declare const DropdownMenuLabel: ({ children, className, ...labelProps }: DropdownMenuLabelProps) => import("react").JSX.Element;
+declare const DropdownMenuSeparator: ({ className, ...separatorProps }: DropdownMenuSeparatorProps) => import("react").JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ children, checked, defaultChecked, onCheckedChange, closeOnSelect, textValue, className, disabled, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }: DropdownMenuCheckboxItemProps) => import("react").JSX.Element;
+export { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator };

package/dist/components/overlays/dropdown-menu/dropdown-menu-items.d.ts

@@ -0,0 +1,7 @@
+import { DropdownMenuCheckboxItemProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps } from "./dropdown-menu.types.js";
+declare const DropdownMenuItem: ({ asChild, children, className, disabled, "aria-disabled": ariaDisabled, textValue, closeOnSelect, variant, onClick, onKeyDown, onSelect, ...itemProps }: DropdownMenuItemProps) => import("react").JSX.Element;
+declare const DropdownMenuGroup: ({ children, className, "aria-label": ariaLabel, ...groupProps }: DropdownMenuGroupProps) => import("react").JSX.Element;
+declare const DropdownMenuLabel: ({ children, className, ...labelProps }: DropdownMenuLabelProps) => import("react").JSX.Element;
+declare const DropdownMenuSeparator: ({ className, ...separatorProps }: DropdownMenuSeparatorProps) => import("react").JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ children, checked, defaultChecked, onCheckedChange, closeOnSelect, textValue, className, disabled, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }: DropdownMenuCheckboxItemProps) => import("react").JSX.Element;
+export { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator };

package/dist/components/overlays/dropdown-menu/dropdown-menu-items.js

@@ -0,0 +1,132 @@
+"use client";
+import { useDropdownMenuContext } from "./dropdown-menu.context.js";
+import { cn } from "@puzzle-ui/core";
+import { Children, Fragment, cloneElement, isValidElement, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/overlays/dropdown-menu/dropdown-menu-items.tsx
+const DropdownMenuItem = ({ asChild = false, children, className, disabled = false, "aria-disabled": ariaDisabled, textValue, closeOnSelect = true, variant = "default", onClick, onKeyDown, onSelect, ...itemProps }) => {
+	const context = useDropdownMenuContext();
+	const itemDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+	const handleClick = (event) => {
+		if (itemDisabled) {
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		onSelect?.(event);
+		if (!event.defaultPrevented && closeOnSelect) context.close(true);
+	};
+	const classes = cn("puzzle-dropdown-menu__item", variant === "danger" && "puzzle-dropdown-menu__item--danger", className);
+	if (asChild) {
+		const child = Children.only(children);
+		if (!isValidElement(child) || child.type === Fragment) throw new Error("DropdownMenu.Item with asChild expects one non-Fragment element.");
+		const childProps = child.props;
+		const childDisabled = itemDisabled || childProps.disabled === true || childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true";
+		return cloneElement(child, {
+			...itemProps,
+			role: "menuitem",
+			tabIndex: -1,
+			"aria-disabled": childDisabled || void 0,
+			disabled: child.type === "button" ? childDisabled : void 0,
+			...child.type === "button" ? { type: itemProps.type ?? childProps.type ?? "button" } : {},
+			"data-puzzle-dropdown-menu-item": "true",
+			"data-text-value": textValue,
+			className: cn(classes, childProps.className),
+			onClick: (event) => {
+				if (childDisabled) {
+					event.preventDefault();
+					event.stopPropagation();
+					return;
+				}
+				childProps.onClick?.(event);
+				if (!event.defaultPrevented) handleClick(event);
+			},
+			onKeyDown: (event) => {
+				childProps.onKeyDown?.(event);
+				if (!event.defaultPrevented) onKeyDown?.(event);
+				if (event.defaultPrevented || childDisabled || event.key !== " ") return;
+				event.preventDefault();
+				event.currentTarget.click();
+			}
+		});
+	}
+	return /* @__PURE__ */ jsx("button", {
+		...itemProps,
+		type: "button",
+		className: classes,
+		role: "menuitem",
+		tabIndex: -1,
+		disabled: itemDisabled,
+		"aria-disabled": itemDisabled || void 0,
+		"data-puzzle-dropdown-menu-item": "true",
+		"data-text-value": textValue,
+		onClick: handleClick,
+		children
+	});
+};
+const DropdownMenuGroup = ({ children, className, "aria-label": ariaLabel, ...groupProps }) => /* @__PURE__ */ jsx("div", {
+	...groupProps,
+	className: cn("puzzle-dropdown-menu__group", className),
+	role: "group",
+	"aria-label": ariaLabel,
+	children
+});
+const DropdownMenuLabel = ({ children, className, ...labelProps }) => /* @__PURE__ */ jsx("div", {
+	...labelProps,
+	className: cn("puzzle-dropdown-menu__label", className),
+	children
+});
+const DropdownMenuSeparator = ({ className, ...separatorProps }) => /* @__PURE__ */ jsx("div", {
+	...separatorProps,
+	className: cn("puzzle-dropdown-menu__separator", className),
+	role: "separator",
+	"aria-orientation": "horizontal"
+});
+const DropdownMenuCheckboxItem = ({ children, checked, defaultChecked = false, onCheckedChange, closeOnSelect = false, textValue, className, disabled = false, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }) => {
+	const context = useDropdownMenuContext();
+	const itemDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+	const controlled = checked !== void 0;
+	const [internalChecked, setInternalChecked] = useState(defaultChecked);
+	const resolvedChecked = checked ?? internalChecked;
+	const handleClick = (event) => {
+		if (itemDisabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		onSelect?.(event);
+		if (event.defaultPrevented) return;
+		const nextChecked = resolvedChecked !== true;
+		if (!controlled) setInternalChecked(nextChecked);
+		onCheckedChange?.(nextChecked);
+		if (closeOnSelect) context.close(true);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		...itemProps,
+		type: "button",
+		className: cn("puzzle-dropdown-menu__item", className),
+		role: "menuitemcheckbox",
+		tabIndex: -1,
+		disabled: itemDisabled,
+		"aria-disabled": itemDisabled || void 0,
+		"aria-checked": resolvedChecked === "indeterminate" ? "mixed" : resolvedChecked,
+		"data-state": resolvedChecked === "indeterminate" ? "indeterminate" : resolvedChecked ? "checked" : "unchecked",
+		"data-puzzle-dropdown-menu-item": "true",
+		"data-text-value": textValue,
+		onClick: handleClick,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "puzzle-dropdown-menu__indicator",
+			"aria-hidden": "true",
+			children: resolvedChecked === "indeterminate" ? "−" : resolvedChecked ? "✓" : ""
+		}), /* @__PURE__ */ jsx("span", {
+			className: "puzzle-dropdown-menu__item-label",
+			children
+		})]
+	});
+};
+export { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator };
+
+//# sourceMappingURL=dropdown-menu-items.js.map

package/dist/components/overlays/dropdown-menu/dropdown-menu-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-items.js","names":[],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu-items.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useState,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport { useDropdownMenuContext } from \"./dropdown-menu.context\";\n\nimport type {\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuGroupProps,\n  DropdownMenuItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n} from \"./dropdown-menu.types\";\n\nconst DropdownMenuItem = ({\n  asChild = false,\n  children,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  textValue,\n  closeOnSelect = true,\n  variant = \"default\",\n  onClick,\n  onKeyDown,\n  onSelect,\n  ...itemProps\n}: DropdownMenuItemProps) => {\n  const context = useDropdownMenuContext();\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    onClick?.(event as unknown as MouseEvent<HTMLButtonElement>);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (!event.defaultPrevented && closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  const classes = cn(\n    \"puzzle-dropdown-menu__item\",\n    variant === \"danger\" && \"puzzle-dropdown-menu__item--danger\",\n    className,\n  );\n\n  if (asChild) {\n    const child = Children.only(children);\n\n    if (!isValidElement(child) || child.type === Fragment) {\n      throw new Error(\n        \"DropdownMenu.Item with asChild expects one non-Fragment element.\",\n      );\n    }\n\n    const childProps = child.props as HTMLAttributes<HTMLElement> & {\n      className?: string;\n      type?: ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n      disabled?: boolean;\n      onClick?: (event: MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    };\n    const childDisabled =\n      itemDisabled ||\n      childProps.disabled === true ||\n      childProps[\"aria-disabled\"] === true ||\n      childProps[\"aria-disabled\"] === \"true\";\n\n    return cloneElement(child as unknown as ReactElement<Record<string, unknown>>, {\n      ...itemProps,\n      role: \"menuitem\",\n      tabIndex: -1,\n      \"aria-disabled\": childDisabled || undefined,\n      disabled: child.type === \"button\" ? childDisabled : undefined,\n      ...(child.type === \"button\"\n        ? { type: itemProps.type ?? childProps.type ?? \"button\" }\n        : {}),\n      \"data-puzzle-dropdown-menu-item\": \"true\",\n      \"data-text-value\": textValue,\n      className: cn(classes, childProps.className),\n      onClick: (event: MouseEvent<HTMLElement>) => {\n        if (childDisabled) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        childProps.onClick?.(event);\n        if (!event.defaultPrevented) {\n          handleClick(event);\n        }\n      },\n      onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n        childProps.onKeyDown?.(event);\n        if (!event.defaultPrevented) {\n          onKeyDown?.(event as unknown as KeyboardEvent<HTMLButtonElement>);\n        }\n\n        if (event.defaultPrevented || childDisabled || event.key !== \" \") {\n          return;\n        }\n\n        event.preventDefault();\n        event.currentTarget.click();\n      },\n    });\n  }\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={classes}\n      role=\"menuitem\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      {children}\n    </button>\n  );\n};\n\nconst DropdownMenuGroup = ({\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n  ...groupProps\n}: DropdownMenuGroupProps) => (\n  <div\n    {...groupProps}\n    className={cn(\"puzzle-dropdown-menu__group\", className)}\n    role=\"group\"\n    aria-label={ariaLabel}\n  >\n    {children}\n  </div>\n);\n\nconst DropdownMenuLabel = ({\n  children,\n  className,\n  ...labelProps\n}: DropdownMenuLabelProps) => (\n  <div\n    {...labelProps}\n    className={cn(\"puzzle-dropdown-menu__label\", className)}\n  >\n    {children}\n  </div>\n);\n\nconst DropdownMenuSeparator = ({\n  className,\n  ...separatorProps\n}: DropdownMenuSeparatorProps) => (\n  <div\n    {...separatorProps}\n    className={cn(\"puzzle-dropdown-menu__separator\", className)}\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n  />\n);\n\nconst DropdownMenuCheckboxItem = ({\n  children,\n  checked,\n  defaultChecked = false,\n  onCheckedChange,\n  closeOnSelect = false,\n  textValue,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  onClick,\n  onSelect,\n  ...itemProps\n}: DropdownMenuCheckboxItemProps) => {\n  const context = useDropdownMenuContext();\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n  const controlled = checked !== undefined;\n  const [internalChecked, setInternalChecked] = useState(defaultChecked);\n  const resolvedChecked = checked ?? internalChecked;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextChecked = resolvedChecked !== true;\n\n    if (!controlled) {\n      setInternalChecked(nextChecked);\n    }\n\n    onCheckedChange?.(nextChecked);\n\n    if (closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={cn(\"puzzle-dropdown-menu__item\", className)}\n      role=\"menuitemcheckbox\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      aria-checked={\n        resolvedChecked === \"indeterminate\" ? \"mixed\" : resolvedChecked\n      }\n      data-state={\n        resolvedChecked === \"indeterminate\"\n          ? \"indeterminate\"\n          : resolvedChecked\n            ? \"checked\"\n            : \"unchecked\"\n      }\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      <span className=\"puzzle-dropdown-menu__indicator\" aria-hidden=\"true\">\n        {resolvedChecked === \"indeterminate\" ? \"−\" : resolvedChecked ? \"✓\" : \"\"}\n      </span>\n      <span className=\"puzzle-dropdown-menu__item-label\">{children}</span>\n    </button>\n  );\n};\n\nexport {\n  DropdownMenuCheckboxItem,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n};\n"],"mappings":"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"}

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.cjs

@@ -0,0 +1,76 @@
+"use client";
+const require_dropdown_menu_context = require("./dropdown-menu.context.cjs");
+let _puzzle_ui_core = require("@puzzle-ui/core");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/overlays/dropdown-menu/dropdown-menu-radio.tsx
+const DropdownMenuRadioGroup = ({ children, value, defaultValue, onValueChange, className, ...groupProps }) => {
+	const controlled = value !== void 0;
+	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue);
+	const resolvedValue = controlled ? value : internalValue;
+	const setValue = (0, react.useCallback)((nextValue) => {
+		if (nextValue === resolvedValue) return;
+		if (!controlled) setInternalValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [
+		controlled,
+		onValueChange,
+		resolvedValue
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu_context.RadioGroupContext.Provider, {
+		value: {
+			value: resolvedValue,
+			setValue
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...groupProps,
+			className: (0, _puzzle_ui_core.cn)("puzzle-dropdown-menu__radio-group", className),
+			role: "group",
+			children
+		})
+	});
+};
+const DropdownMenuRadioItem = ({ children, value, closeOnSelect = true, textValue, className, disabled = false, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }) => {
+	const context = require_dropdown_menu_context.useDropdownMenuContext();
+	const radioGroup = require_dropdown_menu_context.useRadioGroupContext();
+	const checked = radioGroup.value === value;
+	const itemDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+	const handleClick = (event) => {
+		if (itemDisabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		onSelect?.(event);
+		if (event.defaultPrevented) return;
+		radioGroup.setValue(value);
+		if (closeOnSelect) context.close(true);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		...itemProps,
+		type: "button",
+		className: (0, _puzzle_ui_core.cn)("puzzle-dropdown-menu__item", className),
+		role: "menuitemradio",
+		tabIndex: -1,
+		disabled: itemDisabled,
+		"aria-disabled": itemDisabled || void 0,
+		"aria-checked": checked,
+		"data-state": checked ? "checked" : "unchecked",
+		"data-puzzle-dropdown-menu-item": "true",
+		"data-text-value": textValue,
+		onClick: handleClick,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "puzzle-dropdown-menu__indicator",
+			"aria-hidden": "true",
+			children: checked ? "●" : ""
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "puzzle-dropdown-menu__item-label",
+			children
+		})]
+	});
+};
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+
+//# sourceMappingURL=dropdown-menu-radio.cjs.map

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-radio.cjs","names":["useState","useCallback","RadioGroupContext","cn","useDropdownMenuContext","useRadioGroupContext"],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu-radio.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useState,\n  type ButtonHTMLAttributes,\n  type MouseEvent,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport {\n  RadioGroupContext,\n  useDropdownMenuContext,\n  useRadioGroupContext,\n} from \"./dropdown-menu.context\";\n\nimport type {\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n} from \"./dropdown-menu.types\";\n\nconst DropdownMenuRadioGroup = ({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  className,\n  ...groupProps\n}: DropdownMenuRadioGroupProps) => {\n  const controlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const resolvedValue = controlled ? value : internalValue;\n\n  const setValue = useCallback(\n    (nextValue: string) => {\n      if (nextValue === resolvedValue) {\n        return;\n      }\n\n      if (!controlled) {\n        setInternalValue(nextValue);\n      }\n\n      onValueChange?.(nextValue);\n    },\n    [controlled, onValueChange, resolvedValue],\n  );\n\n  return (\n    <RadioGroupContext.Provider value={{ value: resolvedValue, setValue }}>\n      <div\n        {...groupProps}\n        className={cn(\"puzzle-dropdown-menu__radio-group\", className)}\n        role=\"group\"\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n};\n\nconst DropdownMenuRadioItem = ({\n  children,\n  value,\n  closeOnSelect = true,\n  textValue,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  onClick,\n  onSelect,\n  ...itemProps\n}: DropdownMenuRadioItemProps) => {\n  const context = useDropdownMenuContext();\n  const radioGroup = useRadioGroupContext();\n  const checked = radioGroup.value === value;\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    radioGroup.setValue(value);\n\n    if (closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={cn(\"puzzle-dropdown-menu__item\", className)}\n      role=\"menuitemradio\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      aria-checked={checked}\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      <span className=\"puzzle-dropdown-menu__indicator\" aria-hidden=\"true\">\n        {checked ? \"●\" : \"\"}\n      </span>\n      <span className=\"puzzle-dropdown-menu__item-label\">{children}</span>\n    </button>\n  );\n};\n\nexport { DropdownMenuRadioGroup, DropdownMenuRadioItem };\n"],"mappings":";;;;;;AAsBA,MAAM,0BAA0B,EAC9B,UACA,OACA,cACA,eACA,WACA,GAAG,iBAC8B;CACjC,MAAM,aAAa,UAAU,KAAA;CAC7B,MAAM,CAAC,eAAe,qBAAA,GAAoBA,MAAAA,SAAAA,CAAS,YAAY;CAC/D,MAAM,gBAAgB,aAAa,QAAQ;CAE3C,MAAM,YAAA,GAAWC,MAAAA,YAAAA,EACd,cAAsB;EACrB,IAAI,cAAc,eAChB;EAGF,IAAI,CAAC,YACH,iBAAiB,SAAS;EAG5B,gBAAgB,SAAS;CAC3B,GACA;EAAC;EAAY;EAAe;CAAa,CAC3C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,kBAAkB,UAAnB;EAA4B,OAAO;GAAE,OAAO;GAAe;EAAS;EAClE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACJ,YAAA,GAAWC,gBAAAA,GAAAA,CAAG,qCAAqC,SAAS;GAC5D,MAAK;GAEJ;EACE,CAAA;CACqB,CAAA;AAEhC;AAEA,MAAM,yBAAyB,EAC7B,UACA,OACA,gBAAgB,MAChB,WACA,WACA,WAAW,OACX,iBAAiB,cACjB,SACA,UACA,GAAG,gBAC6B;CAChC,MAAM,UAAUC,8BAAAA,uBAAuB;CACvC,MAAM,aAAaC,8BAAAA,qBAAqB;CACxC,MAAM,UAAU,WAAW,UAAU;CACrC,MAAM,eACJ,YAAY,iBAAiB,QAAQ,iBAAiB;CAExD,MAAM,eAAe,UAAyC;EAC5D,IAAI,cAAc;GAChB,MAAM,eAAe;GACrB;EACF;EAEA,UAAU,KAAK;EAEf,IAAI,MAAM,kBACR;EAGF,WAAW,KAAK;EAEhB,IAAI,MAAM,kBACR;EAGF,WAAW,SAAS,KAAK;EAEzB,IAAI,eACF,QAAQ,MAAM,IAAI;CAEtB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACE,GAAK;EACL,MAAK;EACL,YAAA,GAAWF,gBAAAA,GAAAA,CAAG,8BAA8B,SAAS;EACrD,MAAK;EACL,UAAU;EACV,UAAU;EACV,iBAAe,gBAAgB,KAAA;EAC/B,gBAAc;EACd,cAAY,UAAU,YAAY;EAClC,kCAA+B;EAC/B,mBAAiB;EACjB,SAAS;EAZX,UAAA,CAcE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAkC,eAAY;GAC3D,UAAA,UAAU,MAAM;EACb,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAoC;EAAe,CAAA,CAC7D;;AAEZ"}

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.d.cts

@@ -0,0 +1,4 @@
+import { DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps } from "./dropdown-menu.types.cjs";
+declare const DropdownMenuRadioGroup: ({ children, value, defaultValue, onValueChange, className, ...groupProps }: DropdownMenuRadioGroupProps) => import("react").JSX.Element;
+declare const DropdownMenuRadioItem: ({ children, value, closeOnSelect, textValue, className, disabled, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }: DropdownMenuRadioItemProps) => import("react").JSX.Element;
+export { DropdownMenuRadioGroup, DropdownMenuRadioItem };

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.d.ts

@@ -0,0 +1,4 @@
+import { DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps } from "./dropdown-menu.types.js";
+declare const DropdownMenuRadioGroup: ({ children, value, defaultValue, onValueChange, className, ...groupProps }: DropdownMenuRadioGroupProps) => import("react").JSX.Element;
+declare const DropdownMenuRadioItem: ({ children, value, closeOnSelect, textValue, className, disabled, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }: DropdownMenuRadioItemProps) => import("react").JSX.Element;
+export { DropdownMenuRadioGroup, DropdownMenuRadioItem };

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.js

@@ -0,0 +1,75 @@
+"use client";
+import { RadioGroupContext, useDropdownMenuContext, useRadioGroupContext } from "./dropdown-menu.context.js";
+import { cn } from "@puzzle-ui/core";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/overlays/dropdown-menu/dropdown-menu-radio.tsx
+const DropdownMenuRadioGroup = ({ children, value, defaultValue, onValueChange, className, ...groupProps }) => {
+	const controlled = value !== void 0;
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const resolvedValue = controlled ? value : internalValue;
+	const setValue = useCallback((nextValue) => {
+		if (nextValue === resolvedValue) return;
+		if (!controlled) setInternalValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [
+		controlled,
+		onValueChange,
+		resolvedValue
+	]);
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: {
+			value: resolvedValue,
+			setValue
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			...groupProps,
+			className: cn("puzzle-dropdown-menu__radio-group", className),
+			role: "group",
+			children
+		})
+	});
+};
+const DropdownMenuRadioItem = ({ children, value, closeOnSelect = true, textValue, className, disabled = false, "aria-disabled": ariaDisabled, onClick, onSelect, ...itemProps }) => {
+	const context = useDropdownMenuContext();
+	const radioGroup = useRadioGroupContext();
+	const checked = radioGroup.value === value;
+	const itemDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+	const handleClick = (event) => {
+		if (itemDisabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		onSelect?.(event);
+		if (event.defaultPrevented) return;
+		radioGroup.setValue(value);
+		if (closeOnSelect) context.close(true);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		...itemProps,
+		type: "button",
+		className: cn("puzzle-dropdown-menu__item", className),
+		role: "menuitemradio",
+		tabIndex: -1,
+		disabled: itemDisabled,
+		"aria-disabled": itemDisabled || void 0,
+		"aria-checked": checked,
+		"data-state": checked ? "checked" : "unchecked",
+		"data-puzzle-dropdown-menu-item": "true",
+		"data-text-value": textValue,
+		onClick: handleClick,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "puzzle-dropdown-menu__indicator",
+			"aria-hidden": "true",
+			children: checked ? "●" : ""
+		}), /* @__PURE__ */ jsx("span", {
+			className: "puzzle-dropdown-menu__item-label",
+			children
+		})]
+	});
+};
+export { DropdownMenuRadioGroup, DropdownMenuRadioItem };
+
+//# sourceMappingURL=dropdown-menu-radio.js.map

package/dist/components/overlays/dropdown-menu/dropdown-menu-radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-radio.js","names":[],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu-radio.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useState,\n  type ButtonHTMLAttributes,\n  type MouseEvent,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport {\n  RadioGroupContext,\n  useDropdownMenuContext,\n  useRadioGroupContext,\n} from \"./dropdown-menu.context\";\n\nimport type {\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n} from \"./dropdown-menu.types\";\n\nconst DropdownMenuRadioGroup = ({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  className,\n  ...groupProps\n}: DropdownMenuRadioGroupProps) => {\n  const controlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const resolvedValue = controlled ? value : internalValue;\n\n  const setValue = useCallback(\n    (nextValue: string) => {\n      if (nextValue === resolvedValue) {\n        return;\n      }\n\n      if (!controlled) {\n        setInternalValue(nextValue);\n      }\n\n      onValueChange?.(nextValue);\n    },\n    [controlled, onValueChange, resolvedValue],\n  );\n\n  return (\n    <RadioGroupContext.Provider value={{ value: resolvedValue, setValue }}>\n      <div\n        {...groupProps}\n        className={cn(\"puzzle-dropdown-menu__radio-group\", className)}\n        role=\"group\"\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n};\n\nconst DropdownMenuRadioItem = ({\n  children,\n  value,\n  closeOnSelect = true,\n  textValue,\n  className,\n  disabled = false,\n  \"aria-disabled\": ariaDisabled,\n  onClick,\n  onSelect,\n  ...itemProps\n}: DropdownMenuRadioItemProps) => {\n  const context = useDropdownMenuContext();\n  const radioGroup = useRadioGroupContext();\n  const checked = radioGroup.value === value;\n  const itemDisabled =\n    disabled || ariaDisabled === true || ariaDisabled === \"true\";\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (itemDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onSelect?.(event);\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    radioGroup.setValue(value);\n\n    if (closeOnSelect) {\n      context.close(true);\n    }\n  };\n\n  return (\n    <button\n      {...(itemProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n      className={cn(\"puzzle-dropdown-menu__item\", className)}\n      role=\"menuitemradio\"\n      tabIndex={-1}\n      disabled={itemDisabled}\n      aria-disabled={itemDisabled || undefined}\n      aria-checked={checked}\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-puzzle-dropdown-menu-item=\"true\"\n      data-text-value={textValue}\n      onClick={handleClick}\n    >\n      <span className=\"puzzle-dropdown-menu__indicator\" aria-hidden=\"true\">\n        {checked ? \"●\" : \"\"}\n      </span>\n      <span className=\"puzzle-dropdown-menu__item-label\">{children}</span>\n    </button>\n  );\n};\n\nexport { DropdownMenuRadioGroup, DropdownMenuRadioItem };\n"],"mappings":";;;;;;AAsBA,MAAM,0BAA0B,EAC9B,UACA,OACA,cACA,eACA,WACA,GAAG,iBAC8B;CACjC,MAAM,aAAa,UAAU,KAAA;CAC7B,MAAM,CAAC,eAAe,oBAAoB,SAAS,YAAY;CAC/D,MAAM,gBAAgB,aAAa,QAAQ;CAE3C,MAAM,WAAW,aACd,cAAsB;EACrB,IAAI,cAAc,eAChB;EAGF,IAAI,CAAC,YACH,iBAAiB,SAAS;EAG5B,gBAAgB,SAAS;CAC3B,GACA;EAAC;EAAY;EAAe;CAAa,CAC3C;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;GAAE,OAAO;GAAe;EAAS;EAClE,UAAA,oBAAC,OAAD;GACE,GAAI;GACJ,WAAW,GAAG,qCAAqC,SAAS;GAC5D,MAAK;GAEJ;EACE,CAAA;CACqB,CAAA;AAEhC;AAEA,MAAM,yBAAyB,EAC7B,UACA,OACA,gBAAgB,MAChB,WACA,WACA,WAAW,OACX,iBAAiB,cACjB,SACA,UACA,GAAG,gBAC6B;CAChC,MAAM,UAAU,uBAAuB;CACvC,MAAM,aAAa,qBAAqB;CACxC,MAAM,UAAU,WAAW,UAAU;CACrC,MAAM,eACJ,YAAY,iBAAiB,QAAQ,iBAAiB;CAExD,MAAM,eAAe,UAAyC;EAC5D,IAAI,cAAc;GAChB,MAAM,eAAe;GACrB;EACF;EAEA,UAAU,KAAK;EAEf,IAAI,MAAM,kBACR;EAGF,WAAW,KAAK;EAEhB,IAAI,MAAM,kBACR;EAGF,WAAW,SAAS,KAAK;EAEzB,IAAI,eACF,QAAQ,MAAM,IAAI;CAEtB;CAEA,OACE,qBAAC,UAAD;EACE,GAAK;EACL,MAAK;EACL,WAAW,GAAG,8BAA8B,SAAS;EACrD,MAAK;EACL,UAAU;EACV,UAAU;EACV,iBAAe,gBAAgB,KAAA;EAC/B,gBAAc;EACd,cAAY,UAAU,YAAY;EAClC,kCAA+B;EAC/B,mBAAiB;EACjB,SAAS;EAZX,UAAA,CAcE,oBAAC,QAAD;GAAM,WAAU;GAAkC,eAAY;GAC3D,UAAA,UAAU,MAAM;EACb,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GAAoC;EAAe,CAAA,CAC7D;;AAEZ"}

package/dist/components/overlays/dropdown-menu/dropdown-menu-trigger.cjs

@@ -0,0 +1,96 @@
+"use client";
+const require_dropdown_menu_context = require("./dropdown-menu.context.cjs");
+const require_dropdown_menu_utils = require("./dropdown-menu.utils.cjs");
+let _puzzle_ui_core = require("@puzzle-ui/core");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/overlays/dropdown-menu/dropdown-menu-trigger.tsx
+const DropdownMenuTrigger = ({ asChild = false, children, id, className, disabled = false, onKeyDown, onPointerDown, ref, ...buttonProps }) => {
+	const context = require_dropdown_menu_context.useDropdownMenuContext();
+	const handleRef = (0, react.useCallback)((node) => {
+		context.triggerRef.current = node;
+		require_dropdown_menu_utils.setRef(ref, node);
+	}, [context.triggerRef, ref]);
+	const child = asChild ? react.Children.only(children) : null;
+	const childRef = (0, react.isValidElement)(child) ? child.props.ref : void 0;
+	const handleChildRef = (0, react.useCallback)((node) => {
+		handleRef(node);
+		require_dropdown_menu_utils.setRef(childRef, node);
+	}, [childRef, handleRef]);
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented || disabled || context.disabled) return;
+		const target = event.currentTarget;
+		const isNativeButton = target.tagName === "BUTTON" || target.tagName === "INPUT";
+		const isNativeLink = target.tagName === "A" && target.hasAttribute("href");
+		const needsSyntheticActivation = asChild && !isNativeButton && (event.key === " " || event.key === "Enter" && !isNativeLink);
+		if (event.key === "ArrowDown" || event.key === "ArrowUp" || needsSyntheticActivation) {
+			event.preventDefault();
+			context.openFromKeyboard(event.key === "ArrowUp" ? "last" : "first");
+		}
+	};
+	const handlePointerDown = (event) => {
+		onPointerDown?.(event);
+		if (!event.defaultPrevented) context.focusPositionRef.current = "first";
+	};
+	const commonProps = {
+		...buttonProps,
+		id,
+		ref: handleRef,
+		className: (0, _puzzle_ui_core.cn)("puzzle-dropdown-menu__trigger", className),
+		"aria-haspopup": "menu",
+		"aria-expanded": context.open,
+		"aria-controls": context.open ? context.contentId : void 0,
+		disabled: disabled || context.disabled,
+		"data-state": context.open ? "open" : "closed",
+		onKeyDown: handleKeyDown,
+		onPointerDown: handlePointerDown
+	};
+	if (asChild) {
+		if (!(0, react.isValidElement)(child)) throw new Error("DropdownMenu.Trigger with asChild expects one element.");
+		if (child.type === react.Fragment) throw new Error("DropdownMenu.Trigger with asChild expects one non-Fragment element.");
+		const childProps = child.props;
+		const childDisabled = disabled || context.disabled || childProps.disabled === true || childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true";
+		const handleClick = (event) => {
+			if (childDisabled) {
+				event.preventDefault();
+				event.stopPropagation();
+				return;
+			}
+			childProps.onClick?.(event);
+			if (!event.defaultPrevented) buttonProps.onClick?.(event);
+		};
+		return (0, react.cloneElement)(child, {
+			...buttonProps,
+			id,
+			ref: handleChildRef,
+			className: (0, _puzzle_ui_core.cn)("puzzle-dropdown-menu__trigger", childProps.className, className),
+			role: child.type === "button" ? void 0 : "button",
+			"aria-haspopup": "menu",
+			"aria-expanded": context.open,
+			"aria-controls": context.open ? context.contentId : void 0,
+			"aria-disabled": childDisabled || void 0,
+			disabled: child.type === "button" ? childDisabled : void 0,
+			...child.type === "button" ? { type: buttonProps.type ?? childProps.type ?? "button" } : {},
+			tabIndex: childDisabled ? -1 : childProps.tabIndex ?? 0,
+			"data-state": context.open ? "open" : "closed",
+			onKeyDown: (event) => {
+				childProps.onKeyDown?.(event);
+				if (!event.defaultPrevented) handleKeyDown(event);
+			},
+			onPointerDown: (event) => {
+				childProps.onPointerDown?.(event);
+				if (!event.defaultPrevented) handlePointerDown(event);
+			},
+			onClick: handleClick
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...commonProps,
+		type: "button",
+		children
+	});
+};
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+
+//# sourceMappingURL=dropdown-menu-trigger.cjs.map

package/dist/components/overlays/dropdown-menu/dropdown-menu-trigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-trigger.cjs","names":["useDropdownMenuContext","useCallback","Children","isValidElement","cn","Fragment","cloneElement"],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useCallback,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type PointerEvent as ReactPointerEvent,\n  type ReactElement,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport { useDropdownMenuContext } from \"./dropdown-menu.context\";\nimport { setRef } from \"./dropdown-menu.utils\";\n\nimport type { DropdownMenuTriggerProps } from \"./dropdown-menu.types\";\n\nconst DropdownMenuTrigger = ({\n  asChild = false,\n  children,\n  id,\n  className,\n  disabled = false,\n  onKeyDown,\n  onPointerDown,\n  ref,\n  ...buttonProps\n}: DropdownMenuTriggerProps) => {\n  const context = useDropdownMenuContext();\n\n  const handleRef = useCallback(\n    (node: HTMLElement | null) => {\n      context.triggerRef.current = node;\n      setRef(ref, node);\n    },\n    [context.triggerRef, ref],\n  );\n\n  const child = asChild ? Children.only(children) : null;\n  const childRef = isValidElement(child)\n    ? (child.props as { ref?: Ref<HTMLElement> }).ref\n    : undefined;\n\n  const handleChildRef = useCallback(\n    (node: HTMLElement | null) => {\n      handleRef(node);\n      setRef(childRef, node);\n    },\n    [childRef, handleRef],\n  );\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    onKeyDown?.(event as KeyboardEvent<HTMLButtonElement>);\n\n    if (event.defaultPrevented || disabled || context.disabled) {\n      return;\n    }\n\n    const target = event.currentTarget;\n    const isNativeButton =\n      target.tagName === \"BUTTON\" || target.tagName === \"INPUT\";\n    const isNativeLink =\n      target.tagName === \"A\" && target.hasAttribute(\"href\");\n    const needsSyntheticActivation =\n      asChild &&\n      !isNativeButton &&\n      (event.key === \" \" || (event.key === \"Enter\" && !isNativeLink));\n\n    if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      needsSyntheticActivation\n    ) {\n      event.preventDefault();\n      context.openFromKeyboard(event.key === \"ArrowUp\" ? \"last\" : \"first\");\n    }\n  };\n\n  const handlePointerDown = (event: ReactPointerEvent<HTMLElement>) => {\n    onPointerDown?.(event as ReactPointerEvent<HTMLButtonElement>);\n\n    if (!event.defaultPrevented) {\n      context.focusPositionRef.current = \"first\";\n    }\n  };\n\n  const commonProps = {\n    ...buttonProps,\n    id,\n    ref: handleRef,\n    className: cn(\"puzzle-dropdown-menu__trigger\", className),\n    \"aria-haspopup\": \"menu\" as const,\n    \"aria-expanded\": context.open,\n    \"aria-controls\": context.open ? context.contentId : undefined,\n    disabled: disabled || context.disabled,\n    \"data-state\": context.open ? \"open\" : \"closed\",\n    onKeyDown: handleKeyDown,\n    onPointerDown: handlePointerDown,\n  };\n\n  if (asChild) {\n    if (!isValidElement(child)) {\n      throw new Error(\"DropdownMenu.Trigger with asChild expects one element.\");\n    }\n\n    if (child.type === Fragment) {\n      throw new Error(\n        \"DropdownMenu.Trigger with asChild expects one non-Fragment element.\",\n      );\n    }\n\n    const childProps = child.props as HTMLAttributes<HTMLElement> & {\n      className?: string;\n      type?: ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n      disabled?: boolean;\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n      onPointerDown?: (event: ReactPointerEvent<HTMLElement>) => void;\n      onClick?: (event: MouseEvent<HTMLElement>) => void;\n    };\n    const childDisabled =\n      disabled ||\n      context.disabled ||\n      childProps.disabled === true ||\n      childProps[\"aria-disabled\"] === true ||\n      childProps[\"aria-disabled\"] === \"true\";\n\n    const handleClick = (event: MouseEvent<HTMLElement>) => {\n      if (childDisabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      childProps.onClick?.(event);\n      if (!event.defaultPrevented) {\n        buttonProps.onClick?.(event as unknown as MouseEvent<HTMLButtonElement>);\n      }\n    };\n\n    return cloneElement(child as unknown as ReactElement<Record<string, unknown>>, {\n      ...buttonProps,\n      id,\n      ref: handleChildRef,\n      className: cn(\n        \"puzzle-dropdown-menu__trigger\",\n        childProps.className,\n        className,\n      ),\n      role: child.type === \"button\" ? undefined : \"button\",\n      \"aria-haspopup\": \"menu\",\n      \"aria-expanded\": context.open,\n      \"aria-controls\": context.open ? context.contentId : undefined,\n      \"aria-disabled\": childDisabled || undefined,\n      disabled: child.type === \"button\" ? childDisabled : undefined,\n      ...(child.type === \"button\"\n        ? { type: buttonProps.type ?? childProps.type ?? \"button\" }\n        : {}),\n      tabIndex: childDisabled ? -1 : (childProps.tabIndex ?? 0),\n      \"data-state\": context.open ? \"open\" : \"closed\",\n      onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n        childProps.onKeyDown?.(event);\n        if (!event.defaultPrevented) {\n          handleKeyDown(event);\n        }\n      },\n      onPointerDown: (event: ReactPointerEvent<HTMLElement>) => {\n        childProps.onPointerDown?.(event);\n        if (!event.defaultPrevented) {\n          handlePointerDown(event);\n        }\n      },\n      onClick: handleClick,\n    });\n  }\n\n  return (\n    <button\n      {...(commonProps as ButtonHTMLAttributes<HTMLButtonElement>)}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n};\n\nexport { DropdownMenuTrigger };\n"],"mappings":"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"}

package/dist/components/overlays/dropdown-menu/dropdown-menu-trigger.d.cts

@@ -0,0 +1,3 @@
+import { DropdownMenuTriggerProps } from "./dropdown-menu.types.cjs";
+declare const DropdownMenuTrigger: ({ asChild, children, id, className, disabled, onKeyDown, onPointerDown, ref, ...buttonProps }: DropdownMenuTriggerProps) => import("react").JSX.Element;
+export { DropdownMenuTrigger };

package/dist/components/overlays/dropdown-menu/dropdown-menu-trigger.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuTriggerProps } from "./dropdown-menu.types.js";
+declare const DropdownMenuTrigger: ({ asChild, children, id, className, disabled, onKeyDown, onPointerDown, ref, ...buttonProps }: DropdownMenuTriggerProps) => import("react").JSX.Element;
+export { DropdownMenuTrigger };

package/dist/components/overlays/dropdown-menu/dropdown-menu-trigger.js

@@ -0,0 +1,96 @@
+"use client";
+import { useDropdownMenuContext } from "./dropdown-menu.context.js";
+import { setRef } from "./dropdown-menu.utils.js";
+import { cn } from "@puzzle-ui/core";
+import { Children, Fragment, cloneElement, isValidElement, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/overlays/dropdown-menu/dropdown-menu-trigger.tsx
+const DropdownMenuTrigger = ({ asChild = false, children, id, className, disabled = false, onKeyDown, onPointerDown, ref, ...buttonProps }) => {
+	const context = useDropdownMenuContext();
+	const handleRef = useCallback((node) => {
+		context.triggerRef.current = node;
+		setRef(ref, node);
+	}, [context.triggerRef, ref]);
+	const child = asChild ? Children.only(children) : null;
+	const childRef = isValidElement(child) ? child.props.ref : void 0;
+	const handleChildRef = useCallback((node) => {
+		handleRef(node);
+		setRef(childRef, node);
+	}, [childRef, handleRef]);
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented || disabled || context.disabled) return;
+		const target = event.currentTarget;
+		const isNativeButton = target.tagName === "BUTTON" || target.tagName === "INPUT";
+		const isNativeLink = target.tagName === "A" && target.hasAttribute("href");
+		const needsSyntheticActivation = asChild && !isNativeButton && (event.key === " " || event.key === "Enter" && !isNativeLink);
+		if (event.key === "ArrowDown" || event.key === "ArrowUp" || needsSyntheticActivation) {
+			event.preventDefault();
+			context.openFromKeyboard(event.key === "ArrowUp" ? "last" : "first");
+		}
+	};
+	const handlePointerDown = (event) => {
+		onPointerDown?.(event);
+		if (!event.defaultPrevented) context.focusPositionRef.current = "first";
+	};
+	const commonProps = {
+		...buttonProps,
+		id,
+		ref: handleRef,
+		className: cn("puzzle-dropdown-menu__trigger", className),
+		"aria-haspopup": "menu",
+		"aria-expanded": context.open,
+		"aria-controls": context.open ? context.contentId : void 0,
+		disabled: disabled || context.disabled,
+		"data-state": context.open ? "open" : "closed",
+		onKeyDown: handleKeyDown,
+		onPointerDown: handlePointerDown
+	};
+	if (asChild) {
+		if (!isValidElement(child)) throw new Error("DropdownMenu.Trigger with asChild expects one element.");
+		if (child.type === Fragment) throw new Error("DropdownMenu.Trigger with asChild expects one non-Fragment element.");
+		const childProps = child.props;
+		const childDisabled = disabled || context.disabled || childProps.disabled === true || childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true";
+		const handleClick = (event) => {
+			if (childDisabled) {
+				event.preventDefault();
+				event.stopPropagation();
+				return;
+			}
+			childProps.onClick?.(event);
+			if (!event.defaultPrevented) buttonProps.onClick?.(event);
+		};
+		return cloneElement(child, {
+			...buttonProps,
+			id,
+			ref: handleChildRef,
+			className: cn("puzzle-dropdown-menu__trigger", childProps.className, className),
+			role: child.type === "button" ? void 0 : "button",
+			"aria-haspopup": "menu",
+			"aria-expanded": context.open,
+			"aria-controls": context.open ? context.contentId : void 0,
+			"aria-disabled": childDisabled || void 0,
+			disabled: child.type === "button" ? childDisabled : void 0,
+			...child.type === "button" ? { type: buttonProps.type ?? childProps.type ?? "button" } : {},
+			tabIndex: childDisabled ? -1 : childProps.tabIndex ?? 0,
+			"data-state": context.open ? "open" : "closed",
+			onKeyDown: (event) => {
+				childProps.onKeyDown?.(event);
+				if (!event.defaultPrevented) handleKeyDown(event);
+			},
+			onPointerDown: (event) => {
+				childProps.onPointerDown?.(event);
+				if (!event.defaultPrevented) handlePointerDown(event);
+			},
+			onClick: handleClick
+		});
+	}
+	return /* @__PURE__ */ jsx("button", {
+		...commonProps,
+		type: "button",
+		children
+	});
+};
+export { DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu-trigger.js.map