@digdir/designsystemet-react 1.20.0 → 1.21.0

package/dist/cjs/components/dialog/dialog.cjs

@@ -0,0 +1,93 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_merge_refs = require("../../utilities/hooks/use-merge-refs/use-merge-refs.cjs");
+require("../../utilities/hooks/index.cjs");
+const require_button = require("../button/button.cjs");
+const require_dialog_trigger_context = require("./dialog-trigger-context.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+//#region src/components/dialog/dialog.tsx
+/**
+* Dialog component, used to display a dialog dialog.
+*
+* @example with TriggerContext
+* <Dialog.TriggerContext>
+*   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+*   <Dialog>
+*     <Dialog.Block>
+*       Content
+*     </Dialog.Block>
+*   </Dialog>
+* </Dialog.TriggerContext>
+*
+* @example without TriggerContext
+* const dialogRef = useRef<HTMLDialogElement>(null);
+*
+* ...
+*
+* <Button command="show-modal" commandfor="my-dialog">Open Dialog</Button>
+* <Dialog id="my-dialog">
+*   Content
+* </Dialog>
+*/
+const Dialog = (0, react.forwardRef)(function Dialog({ asChild, children, className, closeButton = "Lukk dialogvindu", id, modal = true, onAnimationEnd, onClick, onClose, open, placement = "center", ...rest }, ref) {
+	const contextRef = (0, react.useContext)(require_dialog_trigger_context.Context);
+	const dialogRef = (0, react.useRef)(null);
+	const skipCloseRef = (0, react.useRef)(false);
+	const Component = asChild ? _radix_ui_react_slot.Slot : "dialog";
+	const mergedRefs = require_use_merge_refs.useMergeRefs([
+		contextRef,
+		ref,
+		dialogRef
+	]);
+	const autoId = (0, react.useId)();
+	const usedId = id ?? autoId;
+	(0, react.useEffect)(() => {
+		const dialog = dialogRef.current;
+		if (!dialog || open === void 0 || open === dialog.open) return;
+		if (open) return dialog[modal ? "showModal" : "show"]();
+		skipCloseRef.current = true;
+		dialog.close();
+	}, [open, modal]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Component, {
+		className: (0, clsx_lite.default)("ds-dialog", className),
+		"data-placement": placement,
+		"data-modal": modal,
+		id: usedId,
+		onClose: (event) => {
+			if (event.target !== event.currentTarget) return;
+			if (!skipCloseRef.current) onClose?.(event.nativeEvent);
+			skipCloseRef.current = false;
+		},
+		onClick: (event) => {
+			onClick?.(event);
+			const { currentTarget: dialog, target: el, defaultPrevented } = event;
+			const isClose = el?.closest?.("[data-command=\"close\"]");
+			if (!defaultPrevented && isClose) {
+				dialog.close();
+				if (window.dsWarnings !== false) console.log("Designsystemet: data-command=\"close\" is deprecated. Use command=\"close\" and commandfor=\"DIALOG-ID\" instead.");
+			}
+		},
+		onAnimationEnd: (event) => {
+			onAnimationEnd?.(event);
+			if (event.currentTarget !== event.target) return;
+			const autofocus = event.currentTarget.querySelector("[autofocus]");
+			if (document.activeElement !== autofocus) autofocus?.focus();
+		},
+		ref: mergedRefs,
+		...rest,
+		children: [closeButton !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			"aria-label": closeButton,
+			"data-color": "neutral",
+			icon: true,
+			variant: "tertiary",
+			command: "close",
+			commandfor: usedId
+		}), children]
+	});
+});
+//#endregion
+exports.Dialog = Dialog;

package/dist/cjs/components/dialog/dialog.d.cts

@@ -0,0 +1,119 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { MergeRight } from "../../utilities/types.cjs";
+import "../../utilities/index.cjs";
+import { DialogHTMLAttributes } from "react";
+//#region src/components/dialog/dialog.d.ts
+type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
+  /**
+   * Screen reader label of close button. Set false to hide the close button.
+   * @default 'Lukk dialogvindu'
+   */
+  closeButton?: string | false;
+  /**
+   * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+   *
+   * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
+   *
+   * @default 'closerequest'
+   */
+  closedby?: 'none' | 'closerequest' | 'any';
+  /**
+   * When not center, displays dialog as a "drawer" from the specified side.
+   *
+   * @default 'center'
+   */
+  placement?: 'center' | 'left' | 'right' | 'top' | 'bottom';
+  /**
+   * Toogle modal and non-modal dialog.
+   *
+   * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
+   *
+   * @default true
+   */
+  modal?: boolean;
+  /**
+   * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+   */
+  open?: boolean;
+  /**
+   * Callback that is called when the dialog is closed.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   *
+   * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
+   */
+  asChild?: boolean;
+}>;
+/**
+ * Dialog component, used to display a dialog dialog.
+ *
+ * @example with TriggerContext
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ *
+ * @example without TriggerContext
+ * const dialogRef = useRef<HTMLDialogElement>(null);
+ *
+ * ...
+ *
+ * <Button command="show-modal" commandfor="my-dialog">Open Dialog</Button>
+ * <Dialog id="my-dialog">
+ *   Content
+ * </Dialog>
+ */
+declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "placement" | "open" | "onClose" | "closedby" | "closeButton" | "modal"> & {
+  /**
+   * Screen reader label of close button. Set false to hide the close button.
+   * @default 'Lukk dialogvindu'
+   */
+  closeButton?: string | false;
+  /**
+   * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+   *
+   * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
+   *
+   * @default 'closerequest'
+   */
+  closedby?: "none" | "closerequest" | "any";
+  /**
+   * When not center, displays dialog as a "drawer" from the specified side.
+   *
+   * @default 'center'
+   */
+  placement?: "center" | "left" | "right" | "top" | "bottom";
+  /**
+   * Toogle modal and non-modal dialog.
+   *
+   * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
+   *
+   * @default true
+   */
+  modal?: boolean;
+  /**
+   * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+   */
+  open?: boolean;
+  /**
+   * Callback that is called when the dialog is closed.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   *
+   * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
+   */
+  asChild?: boolean;
+} & import("react").RefAttributes<HTMLDialogElement>>;
+//#endregion
+export { Dialog, DialogProps };

package/dist/cjs/components/dialog/index.cjs

@@ -0,0 +1,32 @@
+'use client';
+const require_dialog_trigger_context = require("./dialog-trigger-context.cjs");
+const require_dialog = require("./dialog.cjs");
+const require_dialog_block = require("./dialog-block.cjs");
+const require_dialog_trigger = require("./dialog-trigger.cjs");
+//#region src/components/dialog/index.ts
+/**
+* Dialog component, used to display a Dialog dialog.
+*
+* @example
+* <Dialog.TriggerContext>
+*   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+*   <Dialog>
+*     <Dialog.Block>
+*       Content
+*     </Dialog.Block>
+*   </Dialog>
+* </Dialog.TriggerContext>
+*/
+const DialogComponent = Object.assign(require_dialog.Dialog, {
+	Block: require_dialog_block.DialogBlock,
+	TriggerContext: require_dialog_trigger_context.DialogTriggerContext,
+	Trigger: require_dialog_trigger.DialogTrigger
+});
+DialogComponent.Block.displayName = "Dialog.Block";
+DialogComponent.TriggerContext.displayName = "Dialog.TriggerContext";
+DialogComponent.Trigger.displayName = "Dialog.Trigger";
+//#endregion
+exports.Dialog = DialogComponent;
+exports.DialogBlock = require_dialog_block.DialogBlock;
+exports.DialogTrigger = require_dialog_trigger.DialogTrigger;
+exports.DialogTriggerContext = require_dialog_trigger_context.DialogTriggerContext;

package/dist/cjs/components/dialog/index.d.cts

@@ -0,0 +1,65 @@
+
+import { Dialog as Dialog$1, DialogProps } from "./dialog.cjs";
+import { DialogBlock, DialogBlockProps } from "./dialog-block.cjs";
+import { DialogTrigger, DialogTriggerProps } from "./dialog-trigger.cjs";
+import { DialogTriggerContext, DialogTriggerContextProps } from "./dialog-trigger-context.cjs";
+//#region src/components/dialog/index.d.ts
+type Dialog = typeof Dialog$1 & {
+  /**
+   * DialogTriggerContext component, used to provide a context for a dialog trigger.
+   *
+   * @example
+   * <Dialog.TriggerContext>
+   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+   *   <Dialog>
+   *     Content
+   *   </Dialog>
+   * </Dialog.TriggerContext>
+   */
+  TriggerContext: typeof DialogTriggerContext;
+  /**
+   * DialogTrigger component, used within a Dialog.TriggerContext to open a dialog.
+   *
+   * @example
+   * <Dialog.TriggerContext>
+   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+   *   <Dialog>
+   *     Content
+   *   </Dialog>
+   * </Dialog.TriggerContext>
+   */
+  Trigger: typeof DialogTrigger;
+  /**
+   * DialogBlock component, used to separate content in a Dialog.
+   *
+   * @example
+   * <Dialog>
+   *   <Dialog.Block>
+   *     Header
+   *   </Dialog.Block>
+   *   <Dialog.Block>
+   *     Content
+   *   </Dialog.Block>
+   *   <Dialog.Block>
+   *     Footer
+   *   </Dialog.Block>
+   * </Dialog>
+   */
+  Block: typeof DialogBlock;
+};
+/**
+ * Dialog component, used to display a Dialog dialog.
+ *
+ * @example
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ */
+declare const DialogComponent: Dialog;
+//#endregion
+export { DialogComponent as Dialog, DialogBlock, type DialogBlockProps, type DialogProps, DialogTrigger, DialogTriggerContext, type DialogTriggerContextProps, type DialogTriggerProps };

package/dist/cjs/components/divider/divider.cjs

@@ -0,0 +1,23 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/divider/divider.tsx
+/**
+* Divider component, used to separate content. Uses `hr` element.
+*
+* @example
+* <Divider />
+*/
+const Divider = (0, react.forwardRef)(function Divider({ className, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+		"aria-hidden": "true",
+		className: (0, clsx_lite.default)("ds-divider", className),
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.Divider = Divider;

package/dist/cjs/components/divider/divider.d.cts

@@ -0,0 +1,13 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/divider/divider.d.ts
+type DividerProps = HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component, used to separate content. Uses `hr` element.
+ *
+ * @example
+ * <Divider />
+ */
+declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
+//#endregion
+export { Divider, DividerProps };

package/dist/cjs/components/dropdown/dropdown-button.cjs

@@ -0,0 +1,26 @@
+'use client';
+const require_button = require("../button/button.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-button.tsx
+/**
+* DropdownButton component, used to display a button in the DropdownItem.
+*
+* @example
+* <Dropdown>
+*  <DropdownList>
+*    <DropdownItem>
+*      <DropdownButton>Button</DropdownButton>
+*    </DropdownItem>
+*  </DropdownList>
+* </Dropdown>
+*/
+const DropdownButton = (0, react.forwardRef)(function DropdownButton({ ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+		ref,
+		variant: "tertiary",
+		...rest
+	});
+});
+//#endregion
+exports.DropdownButton = DropdownButton;

package/dist/cjs/components/dropdown/dropdown-button.d.cts

@@ -0,0 +1,19 @@
+
+import { ButtonProps } from "../button/button.cjs";
+//#region src/components/dropdown/dropdown-button.d.ts
+type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+/**
+ * DropdownButton component, used to display a button in the DropdownItem.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
+declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DropdownButton, DropdownButtonProps };

package/dist/cjs/components/dropdown/dropdown-heading.cjs

@@ -0,0 +1,21 @@
+'use client';
+const require_heading = require("../heading/heading.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-heading.tsx
+/**
+* DropdownHeading component, used to display a heading in the Dropdown.
+*
+* @example
+* <Dropdown>
+*  <DropdownHeading>Heading</DropdownHeading>
+* </Dropdown>
+*/
+const DropdownHeading = (0, react.forwardRef)(function DropdownHeading(rest, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_heading.Heading, {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.DropdownHeading = DropdownHeading;

package/dist/cjs/components/dropdown/dropdown-heading.d.cts

@@ -0,0 +1,19 @@
+
+import { HeadingProps } from "../heading/heading.cjs";
+//#region src/components/dropdown/dropdown-heading.d.ts
+type DropdownHeadingProps = HeadingProps;
+/**
+ * DropdownHeading component, used to display a heading in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownHeading>Heading</DropdownHeading>
+ * </Dropdown>
+ */
+declare const DropdownHeading: import("react").ForwardRefExoticComponent<{
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+  asChild?: boolean;
+} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+export { DropdownHeading, DropdownHeadingProps };

package/dist/cjs/components/dropdown/dropdown-item.cjs

@@ -0,0 +1,24 @@
+'use client';
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-item.tsx
+/**
+* DropdownItem component, used to display an item in the Dropdown. Used within a DropdownList.
+*
+* @example
+* <Dropdown>
+*  <DropdownList>
+*    <DropdownItem>
+*      <DropdownButton>Button</DropdownButton>
+*    </DropdownItem>
+*  </DropdownList>
+* </Dropdown>
+*/
+const DropdownItem = (0, react.forwardRef)(function DropdownItem(rest, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.DropdownItem = DropdownItem;

package/dist/cjs/components/dropdown/dropdown-item.d.cts

@@ -0,0 +1,19 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/dropdown/dropdown-item.d.ts
+type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
+/**
+ * DropdownItem component, used to display an item in the Dropdown. Used within a DropdownList.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
+declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
+//#endregion
+export { DropdownItem, DropdownItemProps };

package/dist/cjs/components/dropdown/dropdown-list.cjs

@@ -0,0 +1,24 @@
+'use client';
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-list.tsx
+/**
+* DropdownList component, used to display a list of items in the Dropdown.
+*
+* @example
+* <Dropdown>
+*  <DropdownList>
+*    <DropdownItem>
+*      <DropdownButton>Button</DropdownButton>
+*    </DropdownItem>
+*  </DropdownList>
+* </Dropdown>
+*/
+const DropdownList = (0, react.forwardRef)(function DropdownList(rest, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.DropdownList = DropdownList;

package/dist/cjs/components/dropdown/dropdown-list.d.cts

@@ -0,0 +1,19 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/dropdown/dropdown-list.d.ts
+type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+/**
+ * DropdownList component, used to display a list of items in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
+declare const DropdownList: import("react").ForwardRefExoticComponent<DropdownListProps & import("react").RefAttributes<HTMLUListElement>>;
+//#endregion
+export { DropdownList, DropdownListProps };

package/dist/cjs/components/dropdown/dropdown-trigger-context.cjs

@@ -0,0 +1,26 @@
+'use client';
+const require_popover_trigger_context = require("../popover/popover-trigger-context.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-trigger-context.tsx
+/**
+* DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
+*
+* @example
+* <DropdownTriggerContext>
+*  <DropdownTrigger>Dropdown</DropdownTrigger>
+*  <Dropdown>
+*   <DropdownHeading>Heading</DropdownHeading>
+*    <DropdownList>
+*      <DropdownItem>
+*        <DropdownButton>Button</DropdownButton>
+*      </DropdownItem>
+*    </DropdownList>
+*  </Dropdown>
+* </DropdownTriggerContext>
+*/
+const DropdownTriggerContext = ({ children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover_trigger_context.PopoverTriggerContext, { children });
+};
+DropdownTriggerContext.displayName = "DropdownTriggerContext";
+//#endregion
+exports.DropdownTriggerContext = DropdownTriggerContext;

package/dist/cjs/components/dropdown/{dropdown-trigger-context.js → dropdown-trigger-context.d.cts}

@@ -1,9 +1,9 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var popoverTriggerContext = require('../popover/popover-trigger-context.js');
 
+import { ReactNode } from "react";
+//#region src/components/dropdown/dropdown-trigger-context.d.ts
+type DropdownTriggerContextProps = {
+  children: ReactNode;
+};
 /**
  * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
  *
@@ -20,9 +20,9 @@ var popoverTriggerContext = require('../popover/popover-trigger-context.js');
  *  </Dropdown>
  * </DropdownTriggerContext>
  */
-const DropdownTriggerContext = ({ children, }) => {
-    return jsxRuntime.jsx(popoverTriggerContext.PopoverTriggerContext, { children: children });
+declare const DropdownTriggerContext: {
+  ({ children }: DropdownTriggerContextProps): import("react").JSX.Element;
+  displayName: string;
 };
-DropdownTriggerContext.displayName = 'DropdownTriggerContext';
-
-exports.DropdownTriggerContext = DropdownTriggerContext;
+//#endregion
+export { DropdownTriggerContext, DropdownTriggerContextProps };

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

@@ -0,0 +1,29 @@
+'use client';
+const require_popover_trigger = require("../popover/popover-trigger.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown-trigger.tsx
+/**
+* DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+*
+* @example
+* <Dropdown.TriggerContext>
+*  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+*  <Dropdown>
+*   <Dropdown.Heading>Heading</Dropdown.Heading>
+*    <Dropdown.List>
+*      <Dropdown.Item>
+*        <Dropdown.Button>Button</Dropdown.Button>
+*      </Dropdown.Item>
+*    </Dropdown.List>
+*  </Dropdown>
+* </Dropdown.TriggerContext>
+*/
+const DropdownTrigger = (0, react.forwardRef)(function DropdownTrigger({ asChild, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover_trigger.PopoverTrigger, {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.DropdownTrigger = DropdownTrigger;

package/dist/cjs/components/dropdown/{dropdown-trigger.js → dropdown-trigger.d.cts}

@@ -1,10 +1,6 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var popoverTrigger = require('../popover/popover-trigger.js');
 
+import { PopoverTriggerProps } from "../popover/popover-trigger.cjs";
+//#region src/components/dropdown/dropdown-trigger.d.ts
 /**
  * DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
  *
@@ -21,8 +17,6 @@ var popoverTrigger = require('../popover/popover-trigger.js');
  *  </Dropdown>
  * </Dropdown.TriggerContext>
  */
-const DropdownTrigger = react.forwardRef(function DropdownTrigger({ asChild, ...rest }, ref) {
-    return jsxRuntime.jsx(popoverTrigger.PopoverTrigger, { ref: ref, ...rest });
-});
-
-exports.DropdownTrigger = DropdownTrigger;
+declare const DropdownTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DropdownTrigger };