@bi-digital/react 0.9.0 → 0.10.0

package/dist/components/details/index.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { $t as DetailsContent, Qt as DetailsSummaryProps, Zt as DetailsSummary, en as DetailsContentProps, nn as DetailsProps, tn as Details } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { $t as DetailsSummary, en as DetailsSummaryProps, in as DetailsProps, nn as DetailsContentProps, rn as Details, tn as DetailsContent } from "../../alert-footer-42JbxJ0B.mjs";
 export { Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps };

package/dist/components/details/index.mjs

@@ -1,6 +1,4 @@
-import { t as Details } from "../../details-BFP82eFe.mjs";
-import { t as DetailsContent } from "../../details-content-B-YYBzuY.mjs";
-import { t as DetailsSummary } from "../../details-summary-BiXSfZfC.mjs";
-import "../../details-BTkav6FR.mjs";
-
-export { Details, DetailsContent, DetailsSummary };
+import { Details } from "./details.mjs";
+import { DetailsContent } from "./details-content.mjs";
+import { DetailsSummary } from "./details-summary.mjs";
+export { Details, DetailsContent, DetailsSummary };

package/dist/components/dialog/dialog-close-button.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Bt as DialogCloseButtonProps, zt as DialogCloseButton } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Ht as DialogCloseButtonProps, Vt as DialogCloseButton } from "../../alert-footer-42JbxJ0B.mjs";
 export { DialogCloseButton, DialogCloseButtonProps };

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

@@ -1,7 +1,29 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import { t as DialogCloseButton } from "../../dialog-close-button-CJZrsHfN.mjs";
+import { Button } from "../button/button.mjs";
+import "../button/index.mjs";
+import { Context } from "./dialog-trigger-context.mjs";
+import { CrossSmallIcon } from "@bi-digital/icons";
+import { jsx } from "react/jsx-runtime";
+import { use } from "react";
+//#region src/components/dialog/dialog-close-button.tsx
+/**
+* A button that can be used to close the dialog. Must be used inside a `Dialog` that is wrapped in a `DialogTriggerContext`.
+* If placed as the first direct child of the `Dialog`, it will be placed in the top right corner of the dialog, otherwise it will be placed where it is rendered.
+*/
+const DialogCloseButton = ({ children, ref, ...props }) => {
+	const { id } = use(Context);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		icon: true,
+		name: "close",
+		type: "submit",
+		variant: "text",
+		command: "close",
+		commandfor: id,
+		...props,
+		children: children || /* @__PURE__ */ jsx(CrossSmallIcon, { "aria-hidden": "true" })
+	});
+};
+//#endregion
+export { DialogCloseButton };
 
-export { DialogCloseButton };
+//# sourceMappingURL=dialog-close-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close-button.mjs","names":[],"sources":["../../../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { CrossSmallIcon } from '@bi-digital/icons';\nimport { Button, type ButtonProps } from '../button';\nimport { use } from 'react';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;\n\n/**\n * A button that can be used to close the dialog. Must be used inside a `Dialog` that is wrapped in a `DialogTriggerContext`.\n * If placed as the first direct child of the `Dialog`, it will be placed in the top right corner of the dialog, otherwise it will be placed where it is rendered.\n */\nexport const DialogCloseButton = ({ children, ref, ...props }: DialogCloseButtonProps) => {\n  const { id } = use(Context);\n  return (\n    <Button ref={ref} icon name='close' type='submit' variant='text' command='close' commandfor={id} {...props}>\n      {children || <CrossSmallIcon aria-hidden='true' />}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,qBAAqB,EAAE,UAAU,KAAK,GAAG,YAAoC;CACxF,MAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QACE,oBAAC,QAAD;EAAa;EAAK,MAAA;EAAK,MAAK;EAAQ,MAAK;EAAS,SAAQ;EAAO,SAAQ;EAAQ,YAAY;EAAI,GAAI;YAClG,YAAY,oBAAC,gBAAD,EAAgB,eAAY,QAAS,CAAA;EAC3C,CAAA"}

package/dist/components/dialog/dialog-content.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Jt as DialogContentProps, qt as DialogContent } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Xt as DialogContentProps, Yt as DialogContent } from "../../alert-footer-42JbxJ0B.mjs";
 export { DialogContent, DialogContentProps };

package/dist/components/dialog/dialog-content.mjs

@@ -1,3 +1,17 @@
-import { t as DialogContent } from "../../dialog-content-CrbstN2A.mjs";
+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 };
 
-export { DialogContent };
+//# sourceMappingURL=dialog-content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content.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,OAGjC;EAAW,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;EACS,CAAA"}

package/dist/components/dialog/dialog-footer.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Ut as DialogFooter, Wt as DialogFooterProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Gt as DialogFooter, Kt as DialogFooterProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { DialogFooter, DialogFooterProps };

package/dist/components/dialog/dialog-footer.mjs

@@ -1,3 +1,17 @@
-import { t as DialogFooter } from "../../dialog-footer-CFNIIiwS.mjs";
+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 };
 
-export { DialogFooter };
+//# sourceMappingURL=dialog-footer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.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,OAGjC;EAAW,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;EACS,CAAA"}

package/dist/components/dialog/dialog-header.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Gt as DialogHeader, Kt as DialogHeaderProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Jt as DialogHeaderProps, qt as DialogHeader } from "../../alert-footer-42JbxJ0B.mjs";
 export { DialogHeader, DialogHeaderProps };

package/dist/components/dialog/dialog-header.mjs

@@ -1,3 +1,17 @@
-import { t as DialogHeader } from "../../dialog-header-Duz76tEF.mjs";
+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 };
 
-export { DialogHeader };
+//# sourceMappingURL=dialog-header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header.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,MAGjC;EAAW,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;EACS,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "../../dialog-trigger-context-Dlf5Whq6.mjs";
+import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "../../dialog-trigger-context-CAC7jh1K.mjs";
 export { Context, DialogTriggerContext, DialogTriggerContextProps };

package/dist/components/dialog/dialog-trigger-context.mjs

@@ -1,3 +1,22 @@
-import { n as DialogTriggerContext, t as Context } from "../../dialog-trigger-context-DqM6S5V-.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+//#region src/components/dialog/dialog-trigger-context.tsx
+const Context = createContext({});
+const DialogTriggerContext = ({ children }) => {
+	const [state, setState] = useState({});
+	const setContext = (next) => setState({
+		...state,
+		...next
+	});
+	return /* @__PURE__ */ jsx(Context.Provider, {
+		value: {
+			...state,
+			setContext
+		},
+		children
+	});
+};
+//#endregion
+export { Context, DialogTriggerContext };
 
-export { Context, DialogTriggerContext };
+//# sourceMappingURL=dialog-trigger-context.mjs.map

package/dist/components/dialog/dialog-trigger-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger-context.mjs","names":[],"sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"sourcesContent":["import { createContext, useState } from 'react';\nimport type { ReactNode } from 'react';\n\ntype DialogContext = { id?: string };\nexport const Context = createContext<DialogContext & { setContext?: (context: DialogContext) => void }>({});\n\nexport type DialogTriggerContextProps = { children: ReactNode };\n\nexport const DialogTriggerContext = ({ children }: DialogTriggerContextProps) => {\n  const [state, setState] = useState<DialogContext>({});\n  const setContext = (next: DialogContext) => setState({ ...state, ...next });\n\n  return <Context.Provider value={{ ...state, setContext }}>{children}</Context.Provider>;\n};\n"],"mappings":";;;AAIA,MAAa,UAAU,cAAiF,EAAE,CAAC;AAI3G,MAAa,wBAAwB,EAAE,eAA0C;CAC/E,MAAM,CAAC,OAAO,YAAY,SAAwB,EAAE,CAAC;CACrD,MAAM,cAAc,SAAwB,SAAS;EAAE,GAAG;EAAO,GAAG;EAAM,CAAC;AAE3E,QAAO,oBAAC,QAAQ,UAAT;EAAkB,OAAO;GAAE,GAAG;GAAO;GAAY;EAAG;EAA4B,CAAA"}

package/dist/components/dialog/dialog-trigger.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Ht as DialogTriggerProps, Vt as DialogTrigger } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Ut as DialogTrigger, Wt as DialogTriggerProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { DialogTrigger, DialogTriggerProps };

package/dist/components/dialog/dialog-trigger.mjs

@@ -1,8 +1,21 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../dialog-trigger-context-DqM6S5V-.mjs";
-import { t as DialogTrigger } from "../../dialog-trigger-CEvyANEF.mjs";
+import { Button } from "../button/button.mjs";
+import "../button/index.mjs";
+import { Context } from "./dialog-trigger-context.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 { id } = use(Context);
+	return /* @__PURE__ */ jsx(asChild ? Slot : Button, {
+		suppressHydrationWarning: true,
+		command: "show-modal",
+		commandfor: id,
+		ref,
+		...rest
+	});
+};
+//#endregion
+export { DialogTrigger };
 
-export { DialogTrigger };
+//# sourceMappingURL=dialog-trigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.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 { id } = use(Context);\n  const Component = asChild ? Slot : Button;\n\n  return (\n    <Component\n      suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup\n      command='show-modal'\n      commandfor={id}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAiB,EAAE,SAAS,KAAK,GAAG,WAA+B;CAC9E,MAAM,EAAE,OAAO,IAAI,QAAQ;AAG3B,QACE,oBAHgB,UAAU,OAAO,QAGjC;EACE,0BAAA;EACA,SAAQ;EACR,YAAY;EACP;EACL,GAAI;EACJ,CAAA"}

package/dist/components/dialog/dialog.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Xt as DialogProps, Yt as Dialog } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Qt as DialogProps, Zt as Dialog } from "../../alert-footer-42JbxJ0B.mjs";
 export { Dialog, DialogProps };

package/dist/components/dialog/dialog.mjs

@@ -1,5 +1,63 @@
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../dialog-trigger-context-DqM6S5V-.mjs";
-import { t as Dialog } from "../../dialog-CRNSJEfp.mjs";
+import { useMergeRefs } from "../../utilities/hooks/useMergeRefs/useMergeRefs.mjs";
+import { Context } from "./dialog-trigger-context.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+import { use, useEffect, useId, 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>
+*       <DialogCloseButton variant='text'>Cancel</DialogCloseButton>
+*       <Button>Confirm</Button>
+*     </DialogFooter>
+*   </Dialog>
+* </DialogTriggerContext>
+*
+* @example Without TriggerContext:
+* <Button command="show-modal" commandfor="my-dialog">Open Dialog</Button>
+* <Dialog id="my-dialog">
+*   <DialogHeader>Dialog Header</DialogHeader>
+*   <DialogContent>Dialog Content</DialogContent>
+*   <DialogFooter>
+*     <Button variant="text" command="close" commandfor="my-dialog">Cancel</Button>
+*     <Button>Confirm</Button>
+*   </DialogFooter>
+* </Dialog>
+*/
+const Dialog = ({ anchor, children, className, closedby = "any", id, onAnimationEnd, onClose, open, dark, ref, ...rest }) => {
+	const { setContext } = use(Context);
+	const dialogRef = useRef(null);
+	const mergedRefs = useMergeRefs([ref, dialogRef]);
+	const autoId = useId();
+	const usedId = id ?? autoId;
+	useEffect(() => dialogRef.current?.[open ? "showModal" : "close"](), [open]);
+	useEffect(() => setContext?.({ id: usedId }), [usedId]);
+	return /* @__PURE__ */ jsx("dialog", {
+		closedby,
+		className: clsx("bi-dialog", className),
+		"data-anchor": anchor,
+		"data-dark": dark,
+		id: usedId,
+		onClose: (event) => onClose?.(event.nativeEvent),
+		onAnimationEnd: (event) => {
+			const { currentTarget: dialog } = event;
+			const autofocus = dialog.querySelector("[autofocus]");
+			if (document.activeElement !== autofocus) autofocus?.focus();
+			onAnimationEnd?.(event);
+		},
+		ref: mergedRefs,
+		...rest,
+		children
+	});
+};
+//#endregion
+export { Dialog };
 
-export { Dialog };
+//# sourceMappingURL=dialog.mjs.map

package/dist/components/dialog/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","names":[],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["// Thanks to Designsystemet:\n// https://github.com/digdir/designsystemet/blob/e2d4371890e9b3aa47901f7b6d5d194037856c79/packages/react/src/components/dialog/dialog.tsx\n\nimport clsx from 'clsx/lite';\nimport type { DialogHTMLAttributes, Ref } from 'react';\nimport { use, useEffect, useId, 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     * When not \"center\", displays the dialog as a \"drawer\" from the specified side.\n     * @default 'center'\n     */\n    anchor?: 'center' | 'left' | 'right' | 'top' | 'bottom';\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    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 *       <DialogCloseButton variant='text'>Cancel</DialogCloseButton>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </Dialog>\n * </DialogTriggerContext>\n *\n * @example Without TriggerContext:\n * <Button command=\"show-modal\" commandfor=\"my-dialog\">Open Dialog</Button>\n * <Dialog id=\"my-dialog\">\n *   <DialogHeader>Dialog Header</DialogHeader>\n *   <DialogContent>Dialog Content</DialogContent>\n *   <DialogFooter>\n *     <Button variant=\"text\" command=\"close\" commandfor=\"my-dialog\">Cancel</Button>\n *     <Button>Confirm</Button>\n *   </DialogFooter>\n * </Dialog>\n */\nexport const Dialog = ({\n  anchor,\n  children,\n  className,\n  closedby = 'any',\n  id,\n  onAnimationEnd,\n  onClose,\n  open,\n  dark,\n  ref,\n  ...rest\n}: DialogProps) => {\n  const { setContext } = use(Context);\n  const dialogRef = useRef<HTMLDialogElement>(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext\n  const mergedRefs = useMergeRefs([ref, dialogRef]);\n  const autoId = useId();\n  const usedId = id ?? autoId;\n\n  // Toggle open based on prop\n  useEffect(() => dialogRef.current?.[open ? 'showModal' : 'close'](), [open]);\n  // Store context for DialogTrigger to consume, so it can open the dialog when the trigger is clicked\n  // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  useEffect(() => setContext?.({ id: usedId }), [usedId]);\n\n  return (\n    <dialog\n      closedby={closedby}\n      className={clsx('bi-dialog', className)}\n      data-anchor={anchor}\n      data-dark={dark}\n      id={usedId}\n      onClose={(event) => onClose?.(event.nativeEvent)} // Backward compatibility: expose native event\n      onAnimationEnd={(event: React.AnimationEvent<HTMLDialogElement>) => {\n        const { currentTarget: dialog } = event;\n        const autofocus = dialog.querySelector<HTMLElement>('[autofocus]');\n        if (document.activeElement !== autofocus) autofocus?.focus(); // Handle autofocus on open\n        onAnimationEnd?.(event);\n      }}\n      ref={mergedRefs}\n      {...rest}\n    >\n      {children}\n    </dialog>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAa,UAAU,EACrB,QACA,UACA,WACA,WAAW,OACX,IACA,gBACA,SACA,MACA,MACA,KACA,GAAG,WACc;CACjB,MAAM,EAAE,eAAe,IAAI,QAAQ;CACnC,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,aAAa,aAAa,CAAC,KAAK,UAAU,CAAC;CACjD,MAAM,SAAS,OAAO;CACtB,MAAM,SAAS,MAAM;AAGrB,iBAAgB,UAAU,UAAU,OAAO,cAAc,UAAU,EAAE,CAAC,KAAK,CAAC;AAG5E,iBAAgB,aAAa,EAAE,IAAI,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC;AAEvD,QACE,oBAAC,UAAD;EACY;EACV,WAAW,KAAK,aAAa,UAAU;EACvC,eAAa;EACb,aAAW;EACX,IAAI;EACJ,UAAU,UAAU,UAAU,MAAM,YAAY;EAChD,iBAAiB,UAAmD;GAClE,MAAM,EAAE,eAAe,WAAW;GAClC,MAAM,YAAY,OAAO,cAA2B,cAAc;AAClE,OAAI,SAAS,kBAAkB,UAAW,YAAW,OAAO;AAC5D,oBAAiB,MAAM;;EAEzB,KAAK;EACL,GAAI;EAEH;EACM,CAAA"}

package/dist/components/dialog/index.d.mts

@@ -1,15 +1,3 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Bt as DialogCloseButtonProps, Gt as DialogHeader, Ht as DialogTriggerProps, Jt as DialogContentProps, Kt as DialogHeaderProps, Ut as DialogFooter, Vt as DialogTrigger, Wt as DialogFooterProps, Xt as DialogProps, Yt as Dialog, qt as DialogContent, zt as DialogCloseButton } from "../../alert-footer-CHHPzMiX.mjs";
-import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Gt as DialogFooter, Ht as DialogCloseButtonProps, Jt as DialogHeaderProps, Kt as DialogFooterProps, Qt as DialogProps, Ut as DialogTrigger, Vt as DialogCloseButton, Wt as DialogTriggerProps, Xt as DialogContentProps, Yt as DialogContent, Zt as Dialog, qt as DialogHeader } from "../../alert-footer-42JbxJ0B.mjs";
+import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "../../dialog-trigger-context-CAC7jh1K.mjs";
 export { Context, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps };

package/dist/components/dialog/index.mjs

@@ -1,15 +1,8 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import { n as DialogTriggerContext } from "../../dialog-trigger-context-DqM6S5V-.mjs";
-import { t as Dialog } from "../../dialog-CRNSJEfp.mjs";
-import { t as DialogContent } from "../../dialog-content-CrbstN2A.mjs";
-import { t as DialogHeader } from "../../dialog-header-Duz76tEF.mjs";
-import { t as DialogFooter } from "../../dialog-footer-CFNIIiwS.mjs";
-import { t as DialogTrigger } from "../../dialog-trigger-CEvyANEF.mjs";
-import { t as DialogCloseButton } from "../../dialog-close-button-CJZrsHfN.mjs";
-import "../../dialog-DOBwB8ll.mjs";
-
-export { Dialog, DialogCloseButton, DialogContent, DialogFooter, DialogHeader, DialogTrigger, DialogTriggerContext };
+import { DialogTriggerContext } from "./dialog-trigger-context.mjs";
+import { Dialog } from "./dialog.mjs";
+import { DialogContent } from "./dialog-content.mjs";
+import { DialogHeader } from "./dialog-header.mjs";
+import { DialogFooter } from "./dialog-footer.mjs";
+import { DialogTrigger } from "./dialog-trigger.mjs";
+import { DialogCloseButton } from "./dialog-close-button.mjs";
+export { Dialog, DialogCloseButton, DialogContent, DialogFooter, DialogHeader, DialogTrigger, DialogTriggerContext };

package/dist/components/drawer/drawer-close-button.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Dt as DrawerCloseButton, Ot as DrawerCloseButtonProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { At as DrawerCloseButtonProps, kt as DrawerCloseButton } from "../../alert-footer-42JbxJ0B.mjs";
 export { DrawerCloseButton, DrawerCloseButtonProps };

package/dist/components/drawer/drawer-close-button.mjs

@@ -1,16 +1,15 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../dialog-trigger-context-DqM6S5V-.mjs";
-import "../../dialog-CRNSJEfp.mjs";
-import "../../dialog-content-CrbstN2A.mjs";
-import "../../dialog-header-Duz76tEF.mjs";
-import "../../dialog-footer-CFNIIiwS.mjs";
-import "../../dialog-trigger-CEvyANEF.mjs";
-import "../../dialog-close-button-CJZrsHfN.mjs";
-import "../../dialog-DOBwB8ll.mjs";
-import { t as DrawerCloseButton } from "../../drawer-close-button-gjzgYKSw.mjs";
+import { DialogCloseButton } from "../dialog/dialog-close-button.mjs";
+import "../dialog/index.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/drawer/drawer-close-button.tsx
+/**
+* @deprecated The DrawerCloseButton component is deprecated in favor of using the DialogCloseButton component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogCloseButton component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+*/
+const DrawerCloseButton = ({ ref, ...rest }) => /* @__PURE__ */ jsx(DialogCloseButton, {
+	ref,
+	...rest
+});
+//#endregion
+export { DrawerCloseButton };
 
-export { DrawerCloseButton };
+//# sourceMappingURL=drawer-close-button.mjs.map

package/dist/components/drawer/drawer-close-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close-button.mjs","names":[],"sources":["../../../src/components/drawer/drawer-close-button.tsx"],"sourcesContent":["import { DialogCloseButton, type DialogCloseButtonProps } from '../dialog';\n\nexport type DrawerCloseButtonProps = DialogCloseButtonProps;\n\n/**\n * @deprecated The DrawerCloseButton component is deprecated in favor of using the DialogCloseButton component with the `anchor` prop set to \"left\", \"right\", \"top\" or \"bottom\". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogCloseButton component with the appropriate anchor can be used to achieve the same sliding drawer effect.\n */\nexport const DrawerCloseButton = ({ ref, ...rest }: DrawerCloseButtonProps) => (\n  <DialogCloseButton ref={ref} {...rest} />\n);\n"],"mappings":";;;;;;;AAOA,MAAa,qBAAqB,EAAE,KAAK,GAAG,WAC1C,oBAAC,mBAAD;CAAwB;CAAK,GAAI;CAAQ,CAAA"}

package/dist/components/drawer/drawer-content.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Ft as DrawerContent, It as DrawerContentProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Lt as DrawerContent, Rt as DrawerContentProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { DrawerContent, DrawerContentProps };

package/dist/components/drawer/drawer-content.mjs

@@ -1,16 +1,17 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../dialog-trigger-context-DqM6S5V-.mjs";
-import "../../dialog-CRNSJEfp.mjs";
-import "../../dialog-content-CrbstN2A.mjs";
-import "../../dialog-header-Duz76tEF.mjs";
-import "../../dialog-footer-CFNIIiwS.mjs";
-import "../../dialog-trigger-CEvyANEF.mjs";
-import "../../dialog-close-button-CJZrsHfN.mjs";
-import "../../dialog-DOBwB8ll.mjs";
-import { t as DrawerContent } from "../../drawer-content-DxY9zj19.mjs";
+import { DialogContent } from "../dialog/dialog-content.mjs";
+import "../dialog/index.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/drawer/drawer-content.tsx
+/**
+* @deprecated The DrawerContent component is deprecated in favor of using the DialogContent component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogContent component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+*/
+const DrawerContent = ({ className, ref, ...rest }) => /* @__PURE__ */ jsx(DialogContent, {
+	className: clsx("bi-drawer--content", className),
+	ref,
+	...rest
+});
+//#endregion
+export { DrawerContent };
 
-export { DrawerContent };
+//# sourceMappingURL=drawer-content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-content.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\n/**\n * @deprecated The DrawerContent component is deprecated in favor of using the DialogContent component with the `anchor` prop set to \"left\", \"right\", \"top\" or \"bottom\". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogContent component with the appropriate anchor can be used to achieve the same sliding drawer effect.\n */\nexport const DrawerContent = ({ className, ref, ...rest }: DrawerContentProps) => (\n  <DialogContent className={clsx('bi-drawer--content', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;;;;AAQA,MAAa,iBAAiB,EAAE,WAAW,KAAK,GAAG,WACjD,oBAAC,eAAD;CAAe,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;CAAQ,CAAA"}

package/dist/components/drawer/drawer-footer.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Mt as DrawerFooterProps, jt as DrawerFooter } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Nt as DrawerFooter, Pt as DrawerFooterProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { DrawerFooter, DrawerFooterProps };