@bi-digital/react 0.6.1 → 0.6.2

package/dist/dialog-CkZ4LOv1.mjs

@@ -0,0 +1,91 @@
+import { t as useMergeRefs } from "./useMergeRefs-B7Ew7-l-.mjs";
+import { t as Context } from "./dialog-trigger-context-12u8rF2F.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useRef } from "react";
+
+//#region src/components/dialog/dialog.tsx
+/**
+* Dialog component, used to display a dialog.
+*
+* @example With TriggerContext:
+* <DialogTriggerContext>
+*   <DialogTrigger>Open Dialog</DialogTrigger>
+*   <Dialog>
+*     <DialogHeader>Dialog Header</DialogHeader>
+*     <DialogContent>Dialog Content</DialogContent>
+*     <DialogFooter>
+*       <Button variant='text'>Cancel</Button>
+*       <Button>Confirm</Button>
+*     </DialogFooter>
+*   </Dialog>
+* </DialogTriggerContext>
+*
+* @example Without TriggerContext:
+* const dialogRef = useRef<HTMLDialogElement>(null);
+*
+* ...
+*
+* <Button onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>
+* <Dialog ref={dialogRef}>
+*   <DialogHeader>Dialog Header</DialogHeader>
+*   <DialogContent>Dialog Content</DialogContent>
+*   <DialogFooter>
+*     <Button variant='text'>Cancel</Button>
+*     <Button>Confirm</Button>
+*   </DialogFooter>
+* </Dialog>
+*/
+const Dialog = ({ asChild, children, className, closedby = "any", onClose, open, dark, ref, ...rest }) => {
+	const contextRef = useContext(Context);
+	const dialogRef = useRef(null);
+	const Component = asChild ? Slot : "dialog";
+	const mergedRefs = useMergeRefs([
+		contextRef,
+		ref,
+		dialogRef
+	]);
+	useEffect(() => dialogRef.current?.[open ? "showModal" : "close"](), [open]);
+	useEffect(() => {
+		const dialog = dialogRef.current;
+		const handleClosedby = (event) => {
+			const { clientY: y, clientX: x, target } = event;
+			if (event instanceof KeyboardEvent) return closedby === "none" && event.key === "Escape" && event.preventDefault();
+			if (window.getSelection()?.toString()) return;
+			if (dialog && target === dialog && closedby === "any") {
+				const { top, left, right, bottom } = dialog.getBoundingClientRect();
+				if (!(top <= y && y <= bottom && left <= x && x <= right)) dialog?.close();
+			}
+		};
+		const handleAutoFocus = () => {
+			const autofocus = dialog?.querySelector("[autofocus]");
+			if (document.activeElement !== autofocus) autofocus?.focus();
+		};
+		dialog?.addEventListener("animationend", handleAutoFocus);
+		dialog?.addEventListener("click", handleClosedby);
+		dialog?.addEventListener("keydown", handleClosedby);
+		return () => {
+			dialog?.removeEventListener("animationend", handleAutoFocus);
+			dialog?.removeEventListener("click", handleClosedby);
+			dialog?.removeEventListener("keydown", handleClosedby);
+		};
+	}, [closedby]);
+	useEffect(() => {
+		const dialog = dialogRef.current;
+		const handleClose = (event) => onClose?.(event);
+		dialog?.addEventListener("close", handleClose);
+		return () => dialog?.removeEventListener("close", handleClose);
+	}, [onClose]);
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-dialog", className),
+		"data-dark": dark,
+		ref: mergedRefs,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { Dialog as t };
+//# sourceMappingURL=dialog-CkZ4LOv1.mjs.map

package/dist/dialog-CkZ4LOv1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CkZ4LOv1.mjs","names":[],"sources":["../src/components/dialog/dialog.tsx"],"sourcesContent":["// Thanks to Designsystemet:\n// https://github.com/digdir/designsystemet/blob/42d3f327edb87a1455e8257200c838b55295ed82/packages/react/src/components/Dialog/Dialog.tsx\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { DialogHTMLAttributes, Ref } from 'react';\nimport { useContext, useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogProps = MergeRight<\n  DefaultProps & DialogHTMLAttributes<HTMLDialogElement>,\n  {\n    /**\n     * Dismiss behavior.\n     *\n     * - `closedby=\"any\"`: Close dialog on close button click, backdrop click or ESC key.\n     * - `closedby=\"closerequest\"`: Close dialog on close button click or ESC key.\n     * - `closedby=\"none\"`: Close dialog on close button click.\n     *\n     * @default 'any'\n     */\n    closedby?: 'none' | 'closerequest' | 'any';\n    /**\n     * Determines if the dialog is open or not.\n     */\n    open?: boolean;\n    /**\n     * Callback that is called when the dialog is closed.\n     */\n    onClose?: (event: Event) => void;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDialogElement>;\n  }\n>;\n\n/**\n * Dialog component, used to display a dialog.\n *\n * @example With TriggerContext:\n * <DialogTriggerContext>\n *   <DialogTrigger>Open Dialog</DialogTrigger>\n *   <Dialog>\n *     <DialogHeader>Dialog Header</DialogHeader>\n *     <DialogContent>Dialog Content</DialogContent>\n *     <DialogFooter>\n *       <Button variant='text'>Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </Dialog>\n * </DialogTriggerContext>\n *\n * @example Without TriggerContext:\n * const dialogRef = useRef<HTMLDialogElement>(null);\n *\n * ...\n *\n * <Button onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>\n * <Dialog ref={dialogRef}>\n *   <DialogHeader>Dialog Header</DialogHeader>\n *   <DialogContent>Dialog Content</DialogContent>\n *   <DialogFooter>\n *     <Button variant='text'>Cancel</Button>\n *     <Button>Confirm</Button>\n *   </DialogFooter>\n * </Dialog>\n */\nexport const Dialog = ({\n  asChild,\n  children,\n  className,\n  closedby = 'any',\n  onClose,\n  open,\n  dark,\n  ref,\n  ...rest\n}: DialogProps) => {\n  const contextRef = useContext(Context);\n  const dialogRef = useRef<HTMLDialogElement>(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext\n  const Component = asChild ? Slot : 'dialog';\n  const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);\n\n  useEffect(() => dialogRef.current?.[open ? 'showModal' : 'close'](), [open]); // Toggle open based on prop\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    const handleClosedby = (event: Event) => {\n      const { clientY: y, clientX: x, target } = event as MouseEvent;\n      if (event instanceof KeyboardEvent)\n        return closedby === 'none' && event.key === 'Escape' && event.preventDefault(); // Skip ESC-key if closedby=\"none\"\n      if (window.getSelection()?.toString()) return; // Fix bug where if you select text spanning two divs it thinks you clicked outside\n      if (dialog && target === dialog && closedby === 'any') {\n        const { top, left, right, bottom } = dialog.getBoundingClientRect();\n        const isInDialog = top <= y && y <= bottom && left <= x && x <= right;\n\n        if (!isInDialog) dialog?.close(); // Both <dialog> and ::backdrop is considered same event.target\n      }\n    };\n\n    const handleAutoFocus = () => {\n      const autofocus = dialog?.querySelector<HTMLElement>('[autofocus]');\n      if (document.activeElement !== autofocus) autofocus?.focus();\n    };\n\n    dialog?.addEventListener('animationend', handleAutoFocus);\n    dialog?.addEventListener('click', handleClosedby);\n    dialog?.addEventListener('keydown', handleClosedby);\n    return () => {\n      dialog?.removeEventListener('animationend', handleAutoFocus);\n      dialog?.removeEventListener('click', handleClosedby);\n      dialog?.removeEventListener('keydown', handleClosedby);\n    };\n  }, [closedby]);\n\n  /* handle closing */\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    const handleClose = (event: Event) => onClose?.(event);\n\n    dialog?.addEventListener('close', handleClose);\n    return () => dialog?.removeEventListener('close', handleClose);\n  }, [onClose]);\n\n  return (\n    <Component className={clsx('bi-dialog', className)} data-dark={dark} ref={mergedRefs} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,MAAa,UAAU,EACrB,SACA,UACA,WACA,WAAW,OACX,SACA,MACA,MACA,KACA,GAAG,WACc;CACjB,MAAM,aAAa,WAAW,QAAQ;CACtC,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,aAAa,aAAa;EAAC;EAAY;EAAK;EAAU,CAAC;AAE7D,iBAAgB,UAAU,UAAU,OAAO,cAAc,UAAU,EAAE,CAAC,KAAK,CAAC;AAE5E,iBAAgB;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,kBAAkB,UAAiB;GACvC,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW;AAC3C,OAAI,iBAAiB,cACnB,QAAO,aAAa,UAAU,MAAM,QAAQ,YAAY,MAAM,gBAAgB;AAChF,OAAI,OAAO,cAAc,EAAE,UAAU,CAAE;AACvC,OAAI,UAAU,WAAW,UAAU,aAAa,OAAO;IACrD,MAAM,EAAE,KAAK,MAAM,OAAO,WAAW,OAAO,uBAAuB;AAGnE,QAAI,EAFe,OAAO,KAAK,KAAK,UAAU,QAAQ,KAAK,KAAK,OAE/C,SAAQ,OAAO;;;EAIpC,MAAM,wBAAwB;GAC5B,MAAM,YAAY,QAAQ,cAA2B,cAAc;AACnE,OAAI,SAAS,kBAAkB,UAAW,YAAW,OAAO;;AAG9D,UAAQ,iBAAiB,gBAAgB,gBAAgB;AACzD,UAAQ,iBAAiB,SAAS,eAAe;AACjD,UAAQ,iBAAiB,WAAW,eAAe;AACnD,eAAa;AACX,WAAQ,oBAAoB,gBAAgB,gBAAgB;AAC5D,WAAQ,oBAAoB,SAAS,eAAe;AACpD,WAAQ,oBAAoB,WAAW,eAAe;;IAEvD,CAAC,SAAS,CAAC;AAGd,iBAAgB;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,eAAe,UAAiB,UAAU,MAAM;AAEtD,UAAQ,iBAAiB,SAAS,YAAY;AAC9C,eAAa,QAAQ,oBAAoB,SAAS,YAAY;IAC7D,CAAC,QAAQ,CAAC;AAEb,QACE,oBAAC;EAAU,WAAW,KAAK,aAAa,UAAU;EAAE,aAAW;EAAM,KAAK;EAAY,GAAI;EACvF;GACS"}

package/dist/dialog-close-button-BPOMOrmU.mjs

@@ -0,0 +1,24 @@
+import { t as Button } from "./button-BPjELOOl.mjs";
+import { CrossSmallIcon } from "@bi-digital/icons";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/dialog-close-button.tsx
+const DialogCloseButton = ({ children, ref, ...props }) => {
+	return /* @__PURE__ */ jsx("form", {
+		method: "dialog",
+		children: /* @__PURE__ */ jsx(Button, {
+			ref,
+			autoFocus: true,
+			icon: true,
+			name: "close",
+			type: "submit",
+			variant: "text",
+			...props,
+			children: children || /* @__PURE__ */ jsx(CrossSmallIcon, { "aria-hidden": "true" })
+		})
+	});
+};
+
+//#endregion
+export { DialogCloseButton as t };
+//# sourceMappingURL=dialog-close-button-BPOMOrmU.mjs.map

package/dist/dialog-close-button-BPOMOrmU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close-button-BPOMOrmU.mjs","names":[],"sources":["../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { CrossSmallIcon } from '@bi-digital/icons';\nimport { Button, type ButtonProps } from '../button';\n\nexport type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;\n\nexport const DialogCloseButton = ({ children, ref, ...props }: DialogCloseButtonProps) => {\n  return (\n    <form method='dialog'>\n      <Button ref={ref} autoFocus icon name='close' type='submit' variant='text' {...props}>\n        {children || <CrossSmallIcon aria-hidden='true' />}\n      </Button>\n    </form>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAa,qBAAqB,EAAE,UAAU,KAAK,GAAG,YAAoC;AACxF,QACE,oBAAC;EAAK,QAAO;YACX,oBAAC;GAAY;GAAK;GAAU;GAAK,MAAK;GAAQ,MAAK;GAAS,SAAQ;GAAO,GAAI;aAC5E,YAAY,oBAAC,kBAAe,eAAY,SAAS;IAC3C;GACJ"}

package/dist/dialog-content-DCqxHQ2D.mjs

@@ -0,0 +1,18 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = ({ asChild, ref, children, className, noBorder = false, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-dialog--content", className),
+		"data-no-border": noBorder,
+		ref,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { DialogContent as t };
+//# sourceMappingURL=dialog-content-DCqxHQ2D.mjs.map

package/dist/dialog-content-DCqxHQ2D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content-DCqxHQ2D.mjs","names":[],"sources":["../src/components/dialog/dialog-content.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogContentProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Don't render a border to separate the content from the other content.\n     * @default false\n     */\n    noBorder?: boolean;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const DialogContent = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogContentProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component className={clsx('bi-dialog--content', className)} data-no-border={noBorder} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAsBA,MAAa,iBAAiB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,OAAO,GAAG,WAA+B;AAGrH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;GACS"}

package/dist/dialog-footer-D97z516F.mjs

@@ -0,0 +1,18 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/dialog-footer.tsx
+const DialogFooter = ({ asChild, ref, children, className, noBorder = false, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-dialog--footer", className),
+		"data-no-border": noBorder,
+		ref,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { DialogFooter as t };
+//# sourceMappingURL=dialog-footer-D97z516F.mjs.map

package/dist/dialog-footer-D97z516F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer-D97z516F.mjs","names":[],"sources":["../src/components/dialog/dialog-footer.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Don't render a border to separate the footer from the other content.\n     * @default false\n     */\n    noBorder?: boolean;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const DialogFooter = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component className={clsx('bi-dialog--footer', className)} data-no-border={noBorder} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAsBA,MAAa,gBAAgB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,OAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}

package/dist/dialog-header-BDTiP8hv.mjs

@@ -0,0 +1,18 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/dialog-header.tsx
+const DialogHeader = ({ asChild, ref, children, className, noBorder = false, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h2", {
+		className: clsx("bi-dialog--header", className),
+		"data-no-border": noBorder,
+		ref,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { DialogHeader as t };
+//# sourceMappingURL=dialog-header-BDTiP8hv.mjs.map

package/dist/dialog-header-BDTiP8hv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header-BDTiP8hv.mjs","names":[],"sources":["../src/components/dialog/dialog-header.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogHeaderProps = MergeRight<\n  HTMLAttributes<HTMLHeadingElement>,\n  {\n    /**\n     * Don't render a border to separate the header from the other content.\n     * @default false\n     */\n    noBorder?: boolean;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLHeadingElement>;\n  }\n>;\n\nexport const DialogHeader = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogHeaderProps) => {\n  const Component = asChild ? Slot : 'h2';\n\n  return (\n    <Component className={clsx('bi-dialog--header', className)} data-no-border={noBorder} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAsBA,MAAa,gBAAgB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,OAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}

package/dist/dialog-trigger-BHEji57K.mjs

@@ -0,0 +1,22 @@
+import { t as Button } from "./button-BPjELOOl.mjs";
+import { t as Context } from "./dialog-trigger-context-12u8rF2F.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+import { use } from "react";
+
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = ({ asChild, ref, ...rest }) => {
+	const contextRef = use(Context);
+	const Component = asChild ? Slot : Button;
+	const openDialog = () => contextRef.current?.showModal();
+	return /* @__PURE__ */ jsx(Component, {
+		"aria-haspopup": "dialog",
+		onClick: openDialog,
+		ref,
+		...rest
+	});
+};
+
+//#endregion
+export { DialogTrigger as t };
+//# sourceMappingURL=dialog-trigger-BHEji57K.mjs.map

package/dist/dialog-trigger-BHEji57K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger-BHEji57K.mjs","names":[],"sources":["../src/components/dialog/dialog-trigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { use } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogTriggerProps = ButtonProps;\n\nexport const DialogTrigger = ({ asChild, ref, ...rest }: DialogTriggerProps) => {\n  const contextRef = use(Context);\n  const Component = asChild ? Slot : Button;\n\n  const openDialog = () => contextRef.current?.showModal();\n\n  return <Component aria-haspopup='dialog' onClick={openDialog} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAiB,EAAE,SAAS,KAAK,GAAG,WAA+B;CAC9E,MAAM,aAAa,IAAI,QAAQ;CAC/B,MAAM,YAAY,UAAU,OAAO;CAEnC,MAAM,mBAAmB,WAAW,SAAS,WAAW;AAExD,QAAO,oBAAC;EAAU,iBAAc;EAAS,SAAS;EAAiB;EAAK,GAAI;GAAQ"}

package/dist/dialog-trigger-context-12u8rF2F.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useRef } from "react";
+
+//#region src/components/dialog/dialog-trigger-context.tsx
+const Context = createContext({ current: null });
+const DialogTriggerContext = ({ children }) => {
+	const contextRef = useRef(null);
+	return /* @__PURE__ */ jsx(Context.Provider, {
+		value: contextRef,
+		children
+	});
+};
+
+//#endregion
+export { DialogTriggerContext as n, Context as t };
+//# sourceMappingURL=dialog-trigger-context-12u8rF2F.mjs.map

package/dist/dialog-trigger-context-12u8rF2F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger-context-12u8rF2F.mjs","names":[],"sources":["../src/components/dialog/dialog-trigger-context.tsx"],"sourcesContent":["import { createContext, useRef } from 'react';\nimport type { ReactNode, RefObject } from 'react';\n\nexport const Context = createContext<RefObject<HTMLDialogElement | null>>({\n  current: null,\n});\n\nexport type DialogTriggerContextProps = { children: ReactNode };\n\nexport const DialogTriggerContext = ({ children }: DialogTriggerContextProps) => {\n  const contextRef = useRef<HTMLDialogElement>(null);\n\n  return <Context.Provider value={contextRef}>{children}</Context.Provider>;\n};\n"],"mappings":";;;;AAGA,MAAa,UAAU,cAAmD,EACxE,SAAS,MACV,CAAC;AAIF,MAAa,wBAAwB,EAAE,eAA0C;CAC/E,MAAM,aAAa,OAA0B,KAAK;AAElD,QAAO,oBAAC,QAAQ;EAAS,OAAO;EAAa;GAA4B"}

package/dist/dialog-trigger-context-Czfo7GyT.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react0 from "react";
+import { ReactNode, RefObject } from "react";
+
+//#region src/components/dialog/dialog-trigger-context.d.ts
+declare const Context: react0.Context<RefObject<HTMLDialogElement | null>>;
+type DialogTriggerContextProps = {
+  children: ReactNode;
+};
+declare const DialogTriggerContext: ({
+  children
+}: DialogTriggerContextProps) => react_jsx_runtime36.JSX.Element;
+//#endregion
+export { DialogTriggerContext as n, DialogTriggerContextProps as r, Context as t };
+//# sourceMappingURL=dialog-trigger-context-Czfo7GyT.d.mts.map

package/dist/drawer-Cyj5ZzZy.mjs

@@ -0,0 +1,46 @@
+import { t as Dialog } from "./dialog-CkZ4LOv1.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer.tsx
+/**
+* Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.
+*
+* @example With TriggerContext:
+* <DrawerTriggerContext>
+*   <DrawerTrigger>Open Drawer</DrawerTrigger>
+*   <Drawer>
+*     <DrawerHeader>Drawer Header</DrawerHeader>
+*     <DrawerContent>Drawer Content</DrawerContent>
+*     <DrawerFooter>
+*       <Button variant='text'>Cancel</Button>
+*       <Button>Confirm</Button>
+*     </DrawerFooter>
+*   </Drawer>
+* </DrawerTriggerContext>
+*
+* @example Without TriggerContext:
+* const drawerRef = useRef<HTMLDialogElement>(null);
+*
+* ...
+*
+* <Button onClick={() => drawerRef.current?.showModal()}>Open Drawer</Button>
+* <Drawer ref={dialogRef}>
+*   <DrawerHeader>Drawer Header</DrawerHeader>
+*   <DrawerContent>Drawer Content</DrawerContent>
+*   <DrawerFooter>
+*     <Button variant='text'>Cancel</Button>
+*     <Button>Confirm</Button>
+*   </DrawerFooter>
+* </Drawer>
+*/
+const Drawer = ({ anchor = "left", className, ref, ...rest }) => /* @__PURE__ */ jsx(Dialog, {
+	className: clsx("bi-drawer", className),
+	"data-anchor": anchor,
+	ref,
+	...rest
+});
+
+//#endregion
+export { Drawer as t };
+//# sourceMappingURL=drawer-Cyj5ZzZy.mjs.map

package/dist/drawer-Cyj5ZzZy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-Cyj5ZzZy.mjs","names":[],"sources":["../src/components/drawer/drawer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\nimport { Dialog, type DialogProps } from '../dialog';\n\nexport type DrawerProps = MergeRight<\n  DialogProps,\n  {\n    /**\n     * The anchor of the drawer, determining from which side it originates from when sliding in.\n     * @default 'left'\n     */\n    anchor?: 'left' | 'right' | 'top' | 'bottom';\n  }\n>;\n\n/**\n * Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.\n *\n * @example With TriggerContext:\n * <DrawerTriggerContext>\n *   <DrawerTrigger>Open Drawer</DrawerTrigger>\n *   <Drawer>\n *     <DrawerHeader>Drawer Header</DrawerHeader>\n *     <DrawerContent>Drawer Content</DrawerContent>\n *     <DrawerFooter>\n *       <Button variant='text'>Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DrawerFooter>\n *   </Drawer>\n * </DrawerTriggerContext>\n *\n * @example Without TriggerContext:\n * const drawerRef = useRef<HTMLDialogElement>(null);\n *\n * ...\n *\n * <Button onClick={() => drawerRef.current?.showModal()}>Open Drawer</Button>\n * <Drawer ref={dialogRef}>\n *   <DrawerHeader>Drawer Header</DrawerHeader>\n *   <DrawerContent>Drawer Content</DrawerContent>\n *   <DrawerFooter>\n *     <Button variant='text'>Cancel</Button>\n *     <Button>Confirm</Button>\n *   </DrawerFooter>\n * </Drawer>\n */\nexport const Drawer = ({ anchor = 'left', className, ref, ...rest }: DrawerProps) => (\n  <Dialog className={clsx('bi-drawer', className)} data-anchor={anchor} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,UAAU,EAAE,SAAS,QAAQ,WAAW,KAAK,GAAG,WAC3D,oBAAC;CAAO,WAAW,KAAK,aAAa,UAAU;CAAE,eAAa;CAAa;CAAK,GAAI;EAAQ"}

package/dist/drawer-close-button-CfpcB-sx.mjs

@@ -0,0 +1,12 @@
+import { t as DialogCloseButton } from "./dialog-close-button-BPOMOrmU.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-close-button.tsx
+const DrawerCloseButton = ({ ref, ...rest }) => /* @__PURE__ */ jsx(DialogCloseButton, {
+	ref,
+	...rest
+});
+
+//#endregion
+export { DrawerCloseButton as t };
+//# sourceMappingURL=drawer-close-button-CfpcB-sx.mjs.map

package/dist/drawer-close-button-CfpcB-sx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close-button-CfpcB-sx.mjs","names":[],"sources":["../src/components/drawer/drawer-close-button.tsx"],"sourcesContent":["import { DialogCloseButton, type DialogCloseButtonProps } from '../dialog';\n\nexport type DrawerCloseButtonProps = DialogCloseButtonProps;\n\nexport const DrawerCloseButton = ({ ref, ...rest }: DrawerCloseButtonProps) => (\n  <DialogCloseButton ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,qBAAqB,EAAE,KAAK,GAAG,WAC1C,oBAAC;CAAuB;CAAK,GAAI;EAAQ"}

package/dist/drawer-content-CmLUocox.mjs

@@ -0,0 +1,14 @@
+import { t as DialogContent } from "./dialog-content-DCqxHQ2D.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-content.tsx
+const DrawerContent = ({ className, ref, ...rest }) => /* @__PURE__ */ jsx(DialogContent, {
+	className: clsx("bi-drawer--content", className),
+	ref,
+	...rest
+});
+
+//#endregion
+export { DrawerContent as t };
+//# sourceMappingURL=drawer-content-CmLUocox.mjs.map

package/dist/drawer-content-CmLUocox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-content-CmLUocox.mjs","names":[],"sources":["../src/components/drawer/drawer-content.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogContent, type DialogContentProps } from '../dialog';\n\nexport type DrawerContentProps = DialogContentProps;\n\nexport const DrawerContent = ({ className, ref, ...rest }: DrawerContentProps) => (\n  <DialogContent className={clsx('bi-drawer--content', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,iBAAiB,EAAE,WAAW,KAAK,GAAG,WACjD,oBAAC;CAAc,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;EAAQ"}

package/dist/drawer-footer-BpdPP7SJ.mjs

@@ -0,0 +1,14 @@
+import { t as DialogFooter } from "./dialog-footer-D97z516F.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-footer.tsx
+const DrawerFooter = ({ className, ref, ...rest }) => /* @__PURE__ */ jsx(DialogFooter, {
+	className: clsx("bi-drawer--footer", className),
+	ref,
+	...rest
+});
+
+//#endregion
+export { DrawerFooter as t };
+//# sourceMappingURL=drawer-footer-BpdPP7SJ.mjs.map

package/dist/drawer-footer-BpdPP7SJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-footer-BpdPP7SJ.mjs","names":[],"sources":["../src/components/drawer/drawer-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogFooter, type DialogFooterProps } from '../dialog';\n\nexport type DrawerFooterProps = DialogFooterProps;\n\nexport const DrawerFooter = ({ className, ref, ...rest }: DrawerFooterProps) => (\n  <DialogFooter className={clsx('bi-drawer--footer', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,gBAAgB,EAAE,WAAW,KAAK,GAAG,WAChD,oBAAC;CAAa,WAAW,KAAK,qBAAqB,UAAU;CAAO;CAAK,GAAI;EAAQ"}

package/dist/drawer-header-vrtnI3iU.mjs

@@ -0,0 +1,14 @@
+import { t as DialogHeader } from "./dialog-header-BDTiP8hv.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-header.tsx
+const DrawerHeader = ({ className, ref, ...rest }) => /* @__PURE__ */ jsx(DialogHeader, {
+	className: clsx("bi-drawer--header", className),
+	ref,
+	...rest
+});
+
+//#endregion
+export { DrawerHeader as t };
+//# sourceMappingURL=drawer-header-vrtnI3iU.mjs.map

package/dist/drawer-header-vrtnI3iU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header-vrtnI3iU.mjs","names":[],"sources":["../src/components/drawer/drawer-header.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogHeader, type DialogHeaderProps } from '../dialog';\n\nexport type DrawerHeaderProps = DialogHeaderProps;\n\nexport const DrawerHeader = ({ className, ref, ...rest }: DrawerHeaderProps) => (\n  <DialogHeader className={clsx('bi-drawer--header', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,gBAAgB,EAAE,WAAW,KAAK,GAAG,WAChD,oBAAC;CAAa,WAAW,KAAK,qBAAqB,UAAU;CAAO;CAAK,GAAI;EAAQ"}

package/dist/drawer-trigger-7r4hkhE8.mjs

@@ -0,0 +1,12 @@
+import { t as DialogTrigger } from "./dialog-trigger-BHEji57K.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-trigger.tsx
+const DrawerTrigger = ({ ref, ...rest }) => /* @__PURE__ */ jsx(DialogTrigger, {
+	ref,
+	...rest
+});
+
+//#endregion
+export { DrawerTrigger as t };
+//# sourceMappingURL=drawer-trigger-7r4hkhE8.mjs.map

package/dist/drawer-trigger-7r4hkhE8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-trigger-7r4hkhE8.mjs","names":[],"sources":["../src/components/drawer/drawer-trigger.tsx"],"sourcesContent":["import { DialogTrigger, type DialogTriggerProps } from '../dialog';\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = ({ ref, ...rest }: DrawerTriggerProps) => <DialogTrigger ref={ref} {...rest} />;\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,EAAE,KAAK,GAAG,WAA+B,oBAAC;CAAmB;CAAK,GAAI;EAAQ"}

package/dist/drawer-trigger-context-ByEQE1R2.mjs

@@ -0,0 +1,9 @@
+import { n as DialogTriggerContext } from "./dialog-trigger-context-12u8rF2F.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/drawer/drawer-trigger-context.tsx
+const DrawerTriggerContext = ({ children }) => /* @__PURE__ */ jsx(DialogTriggerContext, { children });
+
+//#endregion
+export { DrawerTriggerContext as t };
+//# sourceMappingURL=drawer-trigger-context-ByEQE1R2.mjs.map

package/dist/drawer-trigger-context-ByEQE1R2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-trigger-context-ByEQE1R2.mjs","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n  children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n  <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,wBAAwB,EAAE,eACrC,oBAAC,wBAAsB,WAAgC"}

package/dist/drawer-trigger-context-DFkrB64j.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/drawer/drawer-trigger-context.d.ts
+type DrawerTriggerContextProps = {
+  children: ReactNode;
+};
+declare const DrawerTriggerContext: ({
+  children
+}: DrawerTriggerContextProps) => react_jsx_runtime27.JSX.Element;
+//#endregion
+export { DrawerTriggerContextProps as n, DrawerTriggerContext as t };
+//# sourceMappingURL=drawer-trigger-context-DFkrB64j.d.mts.map

package/dist/dropdown-5PX7br4s.mjs

@@ -0,0 +1,19 @@
+import { t as initPopover } from "./popover-DzgWYNoJ.mjs";
+
+//#region src/vanilla/dropdown/index.ts
+/**
+* Initializes the dropdown.
+* @param options - InitDropdownOptions
+* @returns A function to programmatically toggle the dropdown.
+*/
+const initDropdown = ({ id, disableAutoPlacement = false, placement = "bottom", positionMiddleware = [], padding }) => initPopover({
+	id,
+	disableAutoPlacement,
+	placement,
+	positionMiddleware,
+	padding
+});
+
+//#endregion
+export { initDropdown as t };
+//# sourceMappingURL=dropdown-5PX7br4s.mjs.map

package/dist/dropdown-5PX7br4s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-5PX7br4s.mjs","names":[],"sources":["../src/vanilla/dropdown/index.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\nimport { initPopover } from '../popover';\n\nexport type InitDropdownOptions = {\n  /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n  id: string;\n  /**\n   * Placement of the dropdown relative to the trigger.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * Additional middleware to use for positioning the dropdown.\n   *\n   * @example\n   * Prevent the dropdown from overflowing the navbar by using the `size` middleware:\n   * ```ts\n   * positionMiddleware: [\n   *  size({\n   *    apply: ({ availableHeight, elements, ...state }) => {\n   *      const available = `${Math.max(0, availableHeight)}px`;\n   *      const maxHeight = state.placement.includes('top')\n   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`\n   *        : available;\n   *      elements.floating.style.maxHeight = maxHeight;\n   *    },\n   *    padding,\n   *  })\n   * ]}\n   * ```\n   */\n  positionMiddleware?: Middleware[];\n  /**\n   * Whether to disable auto placement.\n   * @default false\n   */\n  disableAutoPlacement?: boolean;\n  /**\n   * The padding used by the `offset` middleware.\n   * @default '20'\n   */\n  padding?: number;\n};\n\n/**\n * Initializes the dropdown.\n * @param options - InitDropdownOptions\n * @returns A function to programmatically toggle the dropdown.\n */\nexport const initDropdown = ({\n  id,\n  disableAutoPlacement = false,\n  placement = 'bottom',\n  positionMiddleware = [],\n  padding,\n}: InitDropdownOptions) => initPopover({ id, disableAutoPlacement, placement, positionMiddleware, padding });\n"],"mappings":";;;;;;;;AAiDA,MAAa,gBAAgB,EAC3B,IACA,uBAAuB,OACvB,YAAY,UACZ,qBAAqB,EAAE,EACvB,cACyB,YAAY;CAAE;CAAI;CAAsB;CAAW;CAAoB;CAAS,CAAC"}

package/dist/dropdown-button-CaH03Puf.mjs

@@ -0,0 +1,15 @@
+import { t as Button } from "./button-BPjELOOl.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dropdown/dropdown-button.tsx
+const DropdownButton = ({ ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "text",
+		...rest
+	});
+};
+
+//#endregion
+export { DropdownButton as t };
+//# sourceMappingURL=dropdown-button-CaH03Puf.mjs.map

package/dist/dropdown-button-CaH03Puf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button-CaH03Puf.mjs","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n  return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,EAAE,KAAK,GAAG,WAAgC;AACvE,QAAO,oBAAC;EAAY;EAAK,SAAQ;EAAO,GAAI;GAAQ"}

package/dist/dropdown-eNixd0dU.mjs

@@ -0,0 +1,44 @@
+import { t as Popover } from "./popover-B9hFmnr_.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dropdown/dropdown.tsx
+/**
+* Dropdown component, used to display a list of options.
+*
+* @example with TriggerContext
+* <DropdownTriggerContext>
+*   <DropdownTrigger>Dropdown trigger</DropdownTrigger>
+*   <Dropdown placement='bottom-end'>
+*     <DropdownHeading>Dropdown</DropdownHeading>
+*     <DropdownList>
+*       <DropdownItem>
+*         <DropdownButton>Item</DropdownButton>
+*       </DropdownItem>
+*     </DropdownList>
+*   </Dropdown>
+* </DropdownTriggerContext>
+*
+* @example without TriggerContext
+* <Button aria-controls="some-dropdown" aria-expanded={open}>Trigger</Button>
+* <Dropdown id="some-dropdown" open={open} onOpenChange={onOpenChange}>
+*   <DropdownHeading>Heading</DropdownHeading>
+*   <DropdownList>
+*     <DropdownItem>
+*       <DropdownButton>Item</DropdownButton>
+*     </DropdownItem>
+*   </DropdownList>
+* </Dropdown>
+*/
+const Dropdown = ({ placement = "bottom-end", className, ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover, {
+		className: clsx("bi-dropdown", className),
+		placement,
+		ref,
+		...rest
+	});
+};
+
+//#endregion
+export { Dropdown as t };
+//# sourceMappingURL=dropdown-eNixd0dU.mjs.map

package/dist/dropdown-eNixd0dU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-eNixd0dU.mjs","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n  DefaultProps & PopoverProps,\n  {\n    /**\n     * The placement of the dropdown\n     * @default bottom-end\n     */\n    placement?: PopoverProps['placement'];\n  }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n *   <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n *   <Dropdown placement='bottom-end'>\n *     <DropdownHeading>Dropdown</DropdownHeading>\n *     <DropdownList>\n *       <DropdownItem>\n *         <DropdownButton>Item</DropdownButton>\n *       </DropdownItem>\n *     </DropdownList>\n *   </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n *   <DropdownHeading>Heading</DropdownHeading>\n *   <DropdownList>\n *     <DropdownItem>\n *       <DropdownButton>Item</DropdownButton>\n *     </DropdownItem>\n *   </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n  return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,YAAY,EAAE,YAAY,cAAc,WAAW,KAAK,GAAG,WAA0B;AAChG,QAAO,oBAAC;EAAQ,WAAW,KAAK,eAAe,UAAU;EAAa;EAAgB;EAAK,GAAI;GAAQ"}

package/dist/dropdown-item-DFi5h7y_.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dropdown/dropdown-item.tsx
+const DropdownItem = ({ ref, ...rest }) => /* @__PURE__ */ jsx("li", {
+	ref,
+	...rest
+});
+
+//#endregion
+export { DropdownItem as t };
+//# sourceMappingURL=dropdown-item-DFi5h7y_.mjs.map

package/dist/dropdown-item-DFi5h7y_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item-DFi5h7y_.mjs","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n  ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,KAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/dropdown-item-RRwALiBG.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import { HTMLAttributes, Ref } from "react";
+
+//#region src/components/dropdown/dropdown-item.d.ts
+type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {
+  ref?: Ref<HTMLLIElement>;
+};
+declare const DropdownItem: ({
+  ref,
+  ...rest
+}: DropdownItemProps) => react_jsx_runtime32.JSX.Element;
+//#endregion
+export { DropdownItemProps as n, DropdownItem as t };
+//# sourceMappingURL=dropdown-item-RRwALiBG.d.mts.map

package/dist/dropdown-list-B2s1ejAn.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+import { HTMLAttributes, Ref } from "react";
+
+//#region src/components/dropdown/dropdown-list.d.ts
+type DropdownListProps = HTMLAttributes<HTMLUListElement> & {
+  ref?: Ref<HTMLUListElement>;
+};
+declare const DropdownList: ({
+  ref,
+  ...rest
+}: DropdownListProps) => react_jsx_runtime33.JSX.Element;
+//#endregion
+export { DropdownListProps as n, DropdownList as t };
+//# sourceMappingURL=dropdown-list-B2s1ejAn.d.mts.map

package/dist/dropdown-list-DI-ZzWhS.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dropdown/dropdown-list.tsx
+const DropdownList = ({ ref, ...rest }) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	...rest
+});
+
+//#endregion
+export { DropdownList as t };
+//# sourceMappingURL=dropdown-list-DI-ZzWhS.mjs.map

package/dist/dropdown-list-DI-ZzWhS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-list-DI-ZzWhS.mjs","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n  ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,KAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}