@bi-digital/react 0.3.4 → 0.4.0

package/dist/components/textarea/textarea.d.ts

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { Textarea, TextareaProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cp46Zvz-.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { Textarea, TextareaProps } from "../../alert-footer-BfU5zyfJ.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-D98Drt62.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-DwC8DIcq.js";
+import "../../pagination-item-C_IbouJc.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { Textarea, TextareaProps };

package/dist/components/textarea/textarea.js

@@ -1,3 +1,3 @@
-import { Textarea } from "../../textarea-B1fAOfkt.js";
+import { Textarea } from "../../textarea-B-aCRt3J.js";
 
 export { Textarea };

package/dist/components/textfield/index.d.ts

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cp46Zvz-.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-BfU5zyfJ.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-D98Drt62.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-DwC8DIcq.js";
+import "../../pagination-item-C_IbouJc.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { Textfield, TextfieldProps };

package/dist/components/textfield/index.js

@@ -6,11 +6,11 @@ import "../../input-Dr7BnTyd.js";
 import "../../input-B4bnnPvD.js";
 import "../../label-DG_ojO9g.js";
 import "../../label-BQlLxfiz.js";
-import "../../validation-message-J5bvdg8v.js";
-import "../../validation-message-DHR3NN8N.js";
-import "../../textarea-B1fAOfkt.js";
-import "../../textarea-cP6IV0Lb.js";
-import { Textfield } from "../../textfield-BH0g7AtT.js";
-import "../../textfield-s5xGjX-B.js";
+import "../../validation-message-pl1_2HbT.js";
+import "../../validation-message-Dj11BwTl.js";
+import "../../textarea-B-aCRt3J.js";
+import "../../textarea-CzSm4-iX.js";
+import { Textfield } from "../../textfield-D4YyrSZI.js";
+import "../../textfield-BjQNezK7.js";
 
 export { Textfield };

package/dist/components/textfield/textfield.d.ts

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cp46Zvz-.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-BfU5zyfJ.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-D98Drt62.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-DwC8DIcq.js";
+import "../../pagination-item-C_IbouJc.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { Textfield, TextfieldProps };

package/dist/components/textfield/textfield.js

@@ -6,10 +6,10 @@ import "../../input-Dr7BnTyd.js";
 import "../../input-B4bnnPvD.js";
 import "../../label-DG_ojO9g.js";
 import "../../label-BQlLxfiz.js";
-import "../../validation-message-J5bvdg8v.js";
-import "../../validation-message-DHR3NN8N.js";
-import "../../textarea-B1fAOfkt.js";
-import "../../textarea-cP6IV0Lb.js";
-import { Textfield } from "../../textfield-BH0g7AtT.js";
+import "../../validation-message-pl1_2HbT.js";
+import "../../validation-message-Dj11BwTl.js";
+import "../../textarea-B-aCRt3J.js";
+import "../../textarea-CzSm4-iX.js";
+import { Textfield } from "../../textfield-D4YyrSZI.js";
 
 export { Textfield };

package/dist/components/validation-message/index.d.ts

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cp46Zvz-.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BfU5zyfJ.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-D98Drt62.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-DwC8DIcq.js";
+import "../../pagination-item-C_IbouJc.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { ValidationMessage, ValidationMessageProps };

package/dist/components/validation-message/index.js

@@ -1,4 +1,4 @@
-import { ValidationMessage } from "../../validation-message-J5bvdg8v.js";
-import "../../validation-message-DHR3NN8N.js";
+import { ValidationMessage } from "../../validation-message-pl1_2HbT.js";
+import "../../validation-message-Dj11BwTl.js";
 
 export { ValidationMessage };

package/dist/components/validation-message/validation-message.d.ts

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cp46Zvz-.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BfU5zyfJ.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-D98Drt62.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-DwC8DIcq.js";
+import "../../pagination-item-C_IbouJc.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { ValidationMessage, ValidationMessageProps };

package/dist/components/validation-message/validation-message.js

@@ -1,3 +1,3 @@
-import { ValidationMessage } from "../../validation-message-J5bvdg8v.js";
+import { ValidationMessage } from "../../validation-message-pl1_2HbT.js";
 
 export { ValidationMessage };

package/dist/details-D8uz-ejF.js

@@ -0,0 +1,39 @@
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+
+//#region src/components/details/details.tsx
+/**
+* Details component, built on top of the native `<details>` element.
+*
+* @example
+* <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>
+*   <DetailsSummary>Heading</DetailsSummary>
+*   <DetailsContent>Content</DetailsContent>
+* </Details>
+*/
+const Details = ({ className, children, dark, open, defaultOpen = false, onToggle, ref,...rest }) => {
+	const [isOpen, setIsOpen] = useControllableState({
+		prop: open,
+		onChange: onToggle,
+		defaultProp: defaultOpen,
+		caller: "Details"
+	});
+	const handleToggle = useCallback((event) => {
+		setIsOpen(event.newState === "open");
+	}, [setIsOpen]);
+	return /* @__PURE__ */ jsx("details", {
+		className: clsx("bi-details", className),
+		"data-dark": dark,
+		open: isOpen || void 0,
+		ref,
+		onToggle: handleToggle,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { Details };
+//# sourceMappingURL=details-D8uz-ejF.js.map

package/dist/details-D8uz-ejF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-D8uz-ejF.js","names":["handleToggle: ToggleEventHandler<HTMLDetailsElement>"],"sources":["../src/components/details/details.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { ToggleEventHandler, useCallback, type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nexport type DetailsProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDetailsElement>,\n  {\n    /**\n     * Controls open-state.\n     * Using this removes automatic control of open-state\n     *\n     * @default undefined\n     */\n    open?: boolean;\n    /**\n     * Defaults the details to open if not controlled\n     * @default false\n     */\n    defaultOpen?: boolean;\n    /**\n     * Callback function when Details toggles due to click on summary or find in page-search\n     * Must be defined if `open` prop is used\n     */\n    onToggle?: (open: boolean) => void;\n    /**\n     * Content should be one `<DetailsSummary>` and one `<DetailsContent>`\n     */\n    children?: ReactNode;\n    /**\n     * This attribute enables multiple `<Details>` elements to be connected, with only one open at a time.\n     * The name attribute specifies a group name — give multiple `<Details>` elements the same name value to group them.\n     * Only one of the grouped `<Details>` elements can be open at a time — opening one will cause another to close.\n     * If multiple grouped `<Details>` elements are given the open attribute, only the first one in the source order will be rendered open.\n     */\n    name?: string;\n    ref?: Ref<HTMLDetailsElement>;\n  }\n>;\n\n/**\n * Details component, built on top of the native `<details>` element.\n *\n * @example\n * <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>\n *   <DetailsSummary>Heading</DetailsSummary>\n *   <DetailsContent>Content</DetailsContent>\n * </Details>\n */\nexport const Details = ({\n  className,\n  children,\n  dark,\n  open,\n  defaultOpen = false,\n  onToggle,\n  ref,\n  ...rest\n}: DetailsProps) => {\n  const [isOpen, setIsOpen] = useControllableState({\n    prop: open,\n    onChange: onToggle,\n    defaultProp: defaultOpen,\n    caller: 'Details',\n  });\n\n  const handleToggle: ToggleEventHandler<HTMLDetailsElement> = useCallback(\n    (event) => {\n      setIsOpen(event.newState === 'open');\n    },\n    [setIsOpen],\n  );\n\n  return (\n    <details\n      className={clsx('bi-details', className)}\n      data-dark={dark}\n      open={isOpen || undefined} // Fallback to undefined to prevent rendering open=\"false\"\n      ref={ref}\n      onToggle={handleToggle}\n      {...rest}\n    >\n      {children}\n    </details>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkDA,MAAa,WAAW,EACtB,WACA,UACA,MACA,MACA,cAAc,OACd,UACA,IACA,GAAG,WACe;CAClB,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;EACT,CAAC;CAEF,MAAMA,eAAuD,aAC1D,UAAU;AACT,YAAU,MAAM,aAAa,OAAO;IAEtC,CAAC,UAAU,CACZ;AAED,QACE,oBAAC;EACC,WAAW,KAAK,cAAc,UAAU;EACxC,aAAW;EACX,MAAM,UAAU;EACX;EACL,UAAU;EACV,GAAI;EAEH;GACO"}

package/dist/details-content-DyBjPa-n.js

@@ -0,0 +1,22 @@
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/details/details-content.tsx
+/**
+* Details content component, contains the content to be shown or hidden.
+*
+* @example
+* <DetailsContent><p>Some content</p></DetailsContent>
+*/
+const DetailsContent = ({ className, asChild, children, ref,...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		ref,
+		className,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { DetailsContent };
+//# sourceMappingURL=details-content-DyBjPa-n.js.map

package/dist/details-content-DyBjPa-n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-content-DyBjPa-n.js","names":[],"sources":["../src/components/details/details-content.tsx"],"sourcesContent":["import { type HTMLAttributes, type Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type DetailsContentProps = MergeRight<\n  HTMLAttributes<HTMLParagraphElement>,\n  {\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<HTMLParagraphElement>;\n  }\n>;\n\n/**\n * Details content component, contains the content to be shown or hidden.\n *\n * @example\n * <DetailsContent><p>Some content</p></DetailsContent>\n */\nexport const DetailsContent = ({ className, asChild, children, ref, ...rest }: DetailsContentProps) => {\n  const Component = asChild ? Slot : 'p';\n  return (\n    <Component ref={ref} className={className} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;AAsBA,MAAa,kBAAkB,EAAE,WAAW,SAAS,UAAU,IAAK,GAAG,WAAgC;AAErG,QACE,oBAFgB,UAAU,OAAO;EAEjB;EAAgB;EAAW,GAAI;EAC5C;GACS"}

package/dist/details-summary-DcMRpjT9.js

@@ -0,0 +1,22 @@
+import { ChevronDownIcon } from "@bi-digital/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/details/details-summary.tsx
+/**
+* Details summary component, contains a the heading to toggle the content.
+*
+* @example
+* <DetailsSummary>Heading</DetailsSummary>
+*/
+const DetailsSummary = ({ className, children, icon, ref,...rest }) => {
+	return /* @__PURE__ */ jsxs("summary", {
+		ref,
+		className,
+		...rest,
+		children: [children, icon ?? /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
+	});
+};
+
+//#endregion
+export { DetailsSummary };
+//# sourceMappingURL=details-summary-DcMRpjT9.js.map

package/dist/details-summary-DcMRpjT9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-summary-DcMRpjT9.js","names":[],"sources":["../src/components/details/details-summary.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { ChevronDownIcon } from '@bi-digital/icons';\n\nexport type DetailsSummaryProps = MergeRight<\n  HTMLAttributes<HTMLElement>,\n  {\n    /** Header */\n    children: ReactNode;\n    /** Optionally replace the default icon. It will be rotated 180 degrees when the content is expanded */\n    icon?: ReactNode;\n    ref?: Ref<HTMLElement>;\n  }\n>;\n\n/**\n * Details summary component, contains a the heading to toggle the content.\n *\n * @example\n * <DetailsSummary>Heading</DetailsSummary>\n */\nexport const DetailsSummary = ({ className, children, icon, ref, ...rest }: DetailsSummaryProps) => {\n  return (\n    <summary ref={ref} className={className} {...rest}>\n      {children}\n      {icon ?? <ChevronDownIcon aria-hidden='true' />}\n    </summary>\n  );\n};\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,kBAAkB,EAAE,WAAW,UAAU,MAAM,IAAK,GAAG,WAAgC;AAClG,QACE,qBAAC;EAAa;EAAgB;EAAW,GAAI;aAC1C,UACA,QAAQ,oBAAC,mBAAgB,eAAY,SAAS;GACvC"}

package/dist/{dialog-DLouxw4y.js → dialog-BKmFcPdL.js}

@@ -1,5 +1,5 @@
 import { useMergeRefs } from "./useMergeRefs-DC710CHX.js";
-import { Context } from "./dialog-trigger-context-51mA5fz3.js";
+import { Context } from "./dialog-trigger-context-B41wR-bM.js";
 import clsx from "clsx/lite";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
@@ -88,4 +88,4 @@ const Dialog = ({ asChild, children, className, closedby = "any", onClose, open,
 
 //#endregion
 export { Dialog };
-//# sourceMappingURL=dialog-DLouxw4y.js.map
+//# sourceMappingURL=dialog-BKmFcPdL.js.map

package/dist/{dialog-DLouxw4y.js.map → dialog-BKmFcPdL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-DLouxw4y.js","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,IACA,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"}
+{"version":3,"file":"dialog-BKmFcPdL.js","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,IACA,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-DNOVMUt7.js → dialog-close-button-BlnF2w7h.js}

@@ -21,4 +21,4 @@ const DialogCloseButton = ({ children, ref,...props }) => {
 
 //#endregion
 export { DialogCloseButton };
-//# sourceMappingURL=dialog-close-button-DNOVMUt7.js.map
+//# sourceMappingURL=dialog-close-button-BlnF2w7h.js.map

package/dist/{dialog-close-button-DNOVMUt7.js.map → dialog-close-button-BlnF2w7h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-close-button-DNOVMUt7.js","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,IAAK,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"}
+{"version":3,"file":"dialog-close-button-BlnF2w7h.js","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,IAAK,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-ByDqO6K-.js → dialog-content-CCRtpkxJ.js}

@@ -15,4 +15,4 @@ const DialogContent = ({ asChild, ref, children, className, noBorder = false,...
 
 //#endregion
 export { DialogContent };
-//# sourceMappingURL=dialog-content-ByDqO6K-.js.map
+//# sourceMappingURL=dialog-content-CCRtpkxJ.js.map

package/dist/{dialog-content-ByDqO6K-.js.map → dialog-content-CCRtpkxJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-content-ByDqO6K-.js","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,MAAO,GAAG,WAA+B;AAGrH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;GACS"}
+{"version":3,"file":"dialog-content-CCRtpkxJ.js","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,MAAO,GAAG,WAA+B;AAGrH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;GACS"}

package/dist/{dialog-footer-xGzY5JMf.js → dialog-footer-BtOrrpKZ.js}

@@ -15,4 +15,4 @@ const DialogFooter = ({ asChild, ref, children, className, noBorder = false,...r
 
 //#endregion
 export { DialogFooter };
-//# sourceMappingURL=dialog-footer-xGzY5JMf.js.map
+//# sourceMappingURL=dialog-footer-BtOrrpKZ.js.map

package/dist/{dialog-footer-xGzY5JMf.js.map → dialog-footer-BtOrrpKZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer-xGzY5JMf.js","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,MAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}
+{"version":3,"file":"dialog-footer-BtOrrpKZ.js","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,MAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}

package/dist/{dialog-header-D3I5Q8fm.js → dialog-header-BCDHRQHP.js}

@@ -15,4 +15,4 @@ const DialogHeader = ({ asChild, ref, children, className, noBorder = false,...r
 
 //#endregion
 export { DialogHeader };
-//# sourceMappingURL=dialog-header-D3I5Q8fm.js.map
+//# sourceMappingURL=dialog-header-BCDHRQHP.js.map

package/dist/{dialog-header-D3I5Q8fm.js.map → dialog-header-BCDHRQHP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-header-D3I5Q8fm.js","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,MAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}
+{"version":3,"file":"dialog-header-BCDHRQHP.js","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,MAAO,GAAG,WAA8B;AAGnH,QACE,oBAHgB,UAAU,OAAO;EAGtB,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS"}

package/dist/{dialog-trigger-BgCUVVqE.js → dialog-trigger-Ccn2CTPM.js}

@@ -1,5 +1,5 @@
 import { Button } from "./button-BzU7DrNe.js";
-import { Context } from "./dialog-trigger-context-51mA5fz3.js";
+import { Context } from "./dialog-trigger-context-B41wR-bM.js";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 import { use } from "react";
@@ -19,4 +19,4 @@ const DialogTrigger = ({ asChild, ref,...rest }) => {
 
 //#endregion
 export { DialogTrigger };
-//# sourceMappingURL=dialog-trigger-BgCUVVqE.js.map
+//# sourceMappingURL=dialog-trigger-Ccn2CTPM.js.map

package/dist/{dialog-trigger-BgCUVVqE.js.map → dialog-trigger-Ccn2CTPM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-trigger-BgCUVVqE.js","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,IAAK,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"}
+{"version":3,"file":"dialog-trigger-Ccn2CTPM.js","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,IAAK,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-51mA5fz3.js → dialog-trigger-context-B41wR-bM.js}

@@ -13,4 +13,4 @@ const DialogTriggerContext = ({ children }) => {
 
 //#endregion
 export { Context, DialogTriggerContext };
-//# sourceMappingURL=dialog-trigger-context-51mA5fz3.js.map
+//# sourceMappingURL=dialog-trigger-context-B41wR-bM.js.map

package/dist/{dialog-trigger-context-51mA5fz3.js.map → dialog-trigger-context-B41wR-bM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-trigger-context-51mA5fz3.js","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"}
+{"version":3,"file":"dialog-trigger-context-B41wR-bM.js","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-ClG9UVsz.d.ts → dialog-trigger-context-B_MK_dPS.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import * as react0 from "react";
 import { ReactNode, RefObject } from "react";
 
@@ -9,7 +9,7 @@ type DialogTriggerContextProps = {
 };
 declare const DialogTriggerContext: ({
   children
-}: DialogTriggerContextProps) => react_jsx_runtime18.JSX.Element;
+}: DialogTriggerContextProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Context, DialogTriggerContext, DialogTriggerContextProps };
-//# sourceMappingURL=dialog-trigger-context-ClG9UVsz.d.ts.map
+//# sourceMappingURL=dialog-trigger-context-B_MK_dPS.d.ts.map

package/dist/{drawer-close-button-DUl-Rv_Q.js → drawer-close-button-BRLWTL88.js}

@@ -1,4 +1,4 @@
-import { DialogCloseButton } from "./dialog-close-button-DNOVMUt7.js";
+import { DialogCloseButton } from "./dialog-close-button-BlnF2w7h.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/drawer/drawer-close-button.tsx
@@ -9,4 +9,4 @@ const DrawerCloseButton = ({ ref,...rest }) => /* @__PURE__ */ jsx(DialogCloseBu
 
 //#endregion
 export { DrawerCloseButton };
-//# sourceMappingURL=drawer-close-button-DUl-Rv_Q.js.map
+//# sourceMappingURL=drawer-close-button-BRLWTL88.js.map

package/dist/{drawer-close-button-DUl-Rv_Q.js.map → drawer-close-button-BRLWTL88.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-close-button-DUl-Rv_Q.js","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,IAAK,GAAG,WAC1C,oBAAC;CAAuB;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-close-button-BRLWTL88.js","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,IAAK,GAAG,WAC1C,oBAAC;CAAuB;CAAK,GAAI;EAAQ"}

package/dist/{drawer-content-ClBmFSOu.js → drawer-content-CCLmuHnA.js}

@@ -1,4 +1,4 @@
-import { DialogContent } from "./dialog-content-ByDqO6K-.js";
+import { DialogContent } from "./dialog-content-CCRtpkxJ.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -11,4 +11,4 @@ const DrawerContent = ({ className, ref,...rest }) => /* @__PURE__ */ jsx(Dialog
 
 //#endregion
 export { DrawerContent };
-//# sourceMappingURL=drawer-content-ClBmFSOu.js.map
+//# sourceMappingURL=drawer-content-CCLmuHnA.js.map

package/dist/{drawer-content-ClBmFSOu.js.map → drawer-content-CCLmuHnA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-content-ClBmFSOu.js","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,IAAK,GAAG,WACjD,oBAAC;CAAc,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-content-CCLmuHnA.js","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,IAAK,GAAG,WACjD,oBAAC;CAAc,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;EAAQ"}

package/dist/{drawer-D71b1GFM.js → drawer-d5Uiow6D.js}

@@ -1,4 +1,4 @@
-import { Dialog } from "./dialog-DLouxw4y.js";
+import { Dialog } from "./dialog-BKmFcPdL.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -43,4 +43,4 @@ const Drawer = ({ anchor = "left", className, ref,...rest }) => /* @__PURE__ */
 
 //#endregion
 export { Drawer };
-//# sourceMappingURL=drawer-D71b1GFM.js.map
+//# sourceMappingURL=drawer-d5Uiow6D.js.map

package/dist/{drawer-D71b1GFM.js.map → drawer-d5Uiow6D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-D71b1GFM.js","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,IAAK,GAAG,WAC3D,oBAAC;CAAO,WAAW,KAAK,aAAa,UAAU;CAAE,eAAa;CAAa;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-d5Uiow6D.js","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,IAAK,GAAG,WAC3D,oBAAC;CAAO,WAAW,KAAK,aAAa,UAAU;CAAE,eAAa;CAAa;CAAK,GAAI;EAAQ"}

package/dist/{drawer-footer--sVRArFE.js → drawer-footer-Dcv1LfaG.js}

@@ -1,4 +1,4 @@
-import { DialogFooter } from "./dialog-footer-xGzY5JMf.js";
+import { DialogFooter } from "./dialog-footer-BtOrrpKZ.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -11,4 +11,4 @@ const DrawerFooter = ({ className, ref,...rest }) => /* @__PURE__ */ jsx(DialogF
 
 //#endregion
 export { DrawerFooter };
-//# sourceMappingURL=drawer-footer--sVRArFE.js.map
+//# sourceMappingURL=drawer-footer-Dcv1LfaG.js.map