@bi-digital/react 0.2.22 → 0.2.24

package/dist/dialog-CbLuKrFn.js

@@ -0,0 +1 @@
+export {  };

package/dist/{dialog-WgEtFqJD.js → dialog-DzGRZgbP.js}

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

package/dist/dialog-DzGRZgbP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DzGRZgbP.js","names":["event: Event"],"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,SAAS,CAAC,EACrB,SACA,UACA,WACA,WAAW,OACX,SACA,MACA,MACA,IACA,GAAG,MACS,KAAK;CACjB,MAAM,aAAa,WAAW,QAAQ;CACtC,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,aAAa,aAAa;EAAC;EAAY;EAAK;CAAU,EAAC;CAE7D,UAAU,MAAM,UAAU,UAAU,OAAO,cAAc,UAAU,EAAE,CAAC,IAAK,EAAC;CAE5E,UAAU,MAAM;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,iBAAiB,CAACA,UAAiB;GACvC,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG;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,QAAQ,GAAG,OAAO,uBAAuB;IACnE,MAAM,aAAa,OAAO,KAAK,KAAK,UAAU,QAAQ,KAAK,KAAK;AAEhE,QAAI,CAAC,YAAY,QAAQ,OAAO;GACjC;EACF;EAED,MAAM,kBAAkB,MAAM;GAC5B,MAAM,YAAY,QAAQ,cAA2B,cAAc;AACnE,OAAI,SAAS,kBAAkB,WAAW,WAAW,OAAO;EAC7D;EAED,QAAQ,iBAAiB,gBAAgB,gBAAgB;EACzD,QAAQ,iBAAiB,SAAS,eAAe;EACjD,QAAQ,iBAAiB,WAAW,eAAe;AACnD,SAAO,MAAM;GACX,QAAQ,oBAAoB,gBAAgB,gBAAgB;GAC5D,QAAQ,oBAAoB,SAAS,eAAe;GACpD,QAAQ,oBAAoB,WAAW,eAAe;EACvD;CACF,GAAE,CAAC,QAAS,EAAC;CAGd,UAAU,MAAM;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,cAAc,CAACA,UAAiB,UAAU,MAAM;EAEtD,QAAQ,iBAAiB,SAAS,YAAY;AAC9C,SAAO,MAAM,QAAQ,oBAAoB,SAAS,YAAY;CAC/D,GAAE,CAAC,OAAQ,EAAC;AAEb,4BACG;EAAU,WAAW,KAAK,aAAa,UAAU;EAAE,aAAW;EAAM,KAAK;EAAY,GAAI;EACvF;GACS;AAEf"}

package/dist/{dialog-close-button-8n-DBvH4.js → dialog-close-button-B4zf0hvt.js}

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

package/dist/{dialog-close-button-8n-DBvH4.js.map → dialog-close-button-B4zf0hvt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-close-button-8n-DBvH4.js","names":[],"sources":["../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { BiIconCrossSmall } from '@bi-digital/icons-react';\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 || <BiIconCrossSmall aria-hidden='true' />}\n      </Button>\n    </form>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAa,oBAAoB,CAAC,EAAE,UAAU,IAAK,GAAG,OAA+B,KAAK;AACxF,wBACE,IAAC;EAAK,QAAO;4BACX,IAAC;GAAY;GAAK;GAAU;GAAK,MAAK;GAAQ,MAAK;GAAS,SAAQ;GAAO,GAAI;aAC5E,4BAAY,IAAC,oBAAiB,eAAY,SAAS;IAC7C;GACJ;AAEV"}
+{"version":3,"file":"dialog-close-button-B4zf0hvt.js","names":[],"sources":["../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { BiIconCrossSmall } from '@bi-digital/icons-react';\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 || <BiIconCrossSmall aria-hidden='true' />}\n      </Button>\n    </form>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAa,oBAAoB,CAAC,EAAE,UAAU,IAAK,GAAG,OAA+B,KAAK;AACxF,4BACG;EAAK,QAAO;gCACV;GAAY;GAAK;GAAU;GAAK,MAAK;GAAQ,MAAK;GAAS,SAAQ;GAAO,GAAI;aAC5E,gCAAa,oBAAiB,eAAY,SAAS;IAC7C;GACJ;AAEV"}

package/dist/{dialog-content-CU346luZ.js → dialog-content-R35XpbSj.js}

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

package/dist/{dialog-content-CU346luZ.js.map → dialog-content-R35XpbSj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-content-CU346luZ.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,gBAAgB,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAA0B,KAAK;CACrH,MAAM,YAAY,UAAU,OAAO;AAEnC,wBACE,IAAC;EAAU,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;GACS;AAEf"}
+{"version":3,"file":"dialog-content-R35XpbSj.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,gBAAgB,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAA0B,KAAK;CACrH,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EAAU,WAAW,KAAK,sBAAsB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EAClG;GACS;AAEf"}

package/dist/{dialog-footer-BPCalxtL.js → dialog-footer-AoiCz_Uj.js}

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

package/dist/{dialog-footer-BPCalxtL.js.map → dialog-footer-AoiCz_Uj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer-BPCalxtL.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,eAAe,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAAyB,KAAK;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,wBACE,IAAC;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS;AAEf"}
+{"version":3,"file":"dialog-footer-AoiCz_Uj.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,eAAe,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAAyB,KAAK;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS;AAEf"}

package/dist/{dialog-header-DsLpGnOf.js → dialog-header-Bbq9DcHX.js}

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

package/dist/{dialog-header-DsLpGnOf.js.map → dialog-header-Bbq9DcHX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-header-DsLpGnOf.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,eAAe,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAAyB,KAAK;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,wBACE,IAAC;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS;AAEf"}
+{"version":3,"file":"dialog-header-Bbq9DcHX.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,eAAe,CAAC,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,MAAyB,KAAK;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAE,kBAAgB;EAAe;EAAK,GAAI;EACjG;GACS;AAEf"}

package/dist/{dialog-trigger-Q9Y5EG0H.js → dialog-trigger-DinHpkua.js}

@@ -1,5 +1,5 @@
 import { Button } from "./button-fhd-JARc.js";
-import { Context } from "./dialog-trigger-context-B41wR-bM.js";
+import { Context } from "./dialog-trigger-context-51mA5fz3.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-Q9Y5EG0H.js.map
+//# sourceMappingURL=dialog-trigger-DinHpkua.js.map

package/dist/{dialog-trigger-Q9Y5EG0H.js.map → dialog-trigger-DinHpkua.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-trigger-Q9Y5EG0H.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,gBAAgB,CAAC,EAAE,SAAS,IAAK,GAAG,MAA0B,KAAK;CAC9E,MAAM,aAAa,IAAI,QAAQ;CAC/B,MAAM,YAAY,UAAU,OAAO;CAEnC,MAAM,aAAa,MAAM,WAAW,SAAS,WAAW;AAExD,wBAAO,IAAC;EAAU,iBAAc;EAAS,SAAS;EAAiB;EAAK,GAAI;GAAQ;AACrF"}
+{"version":3,"file":"dialog-trigger-DinHpkua.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,gBAAgB,CAAC,EAAE,SAAS,IAAK,GAAG,MAA0B,KAAK;CAC9E,MAAM,aAAa,IAAI,QAAQ;CAC/B,MAAM,YAAY,UAAU,OAAO;CAEnC,MAAM,aAAa,MAAM,WAAW,SAAS,WAAW;AAExD,4BAAQ;EAAU,iBAAc;EAAS,SAAS;EAAiB;EAAK,GAAI;GAAQ;AACrF"}

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

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

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

@@ -1 +1 @@
-{"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,KACV,EAAC;AAIF,MAAa,uBAAuB,CAAC,EAAE,UAAqC,KAAK;CAC/E,MAAM,aAAa,OAA0B,KAAK;AAElD,wBAAO,IAAC,QAAQ;EAAS,OAAO;EAAa;GAA4B;AAC1E"}
+{"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,KACV,EAAC;AAIF,MAAa,uBAAuB,CAAC,EAAE,UAAqC,KAAK;CAC/E,MAAM,aAAa,OAA0B,KAAK;AAElD,4BAAQ,QAAQ;EAAS,OAAO;EAAa;GAA4B;AAC1E"}

package/dist/{dialog-trigger-context-CedfUYNj.d.ts → dialog-trigger-context-ClG9UVsz.d.ts}

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

package/dist/{drawer-B8xyMitJ.js → drawer-CZ05Lizo.js}

@@ -1,4 +1,4 @@
-import { Dialog } from "./dialog-WgEtFqJD.js";
+import { Dialog } from "./dialog-DzGRZgbP.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-B8xyMitJ.js.map
+//# sourceMappingURL=drawer-CZ05Lizo.js.map

package/dist/{drawer-B8xyMitJ.js.map → drawer-CZ05Lizo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-B8xyMitJ.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,SAAS,CAAC,EAAE,SAAS,QAAQ,WAAW,IAAK,GAAG,MAAmB,qBAC9E,IAAC;CAAO,WAAW,KAAK,aAAa,UAAU;CAAE,eAAa;CAAa;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-CZ05Lizo.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,SAAS,CAAC,EAAE,SAAS,QAAQ,WAAW,IAAK,GAAG,MAAmB,yBAC7E;CAAO,WAAW,KAAK,aAAa,UAAU;CAAE,eAAa;CAAa;CAAK,GAAI;EAAQ"}

package/dist/drawer-CpPzCsLG.js

@@ -0,0 +1 @@
+export {  };

package/dist/{drawer-close-button-CqDqQGHP.js → drawer-close-button-DigcuqLc.js}

@@ -1,4 +1,4 @@
-import { DialogCloseButton } from "./dialog-close-button-8n-DBvH4.js";
+import { DialogCloseButton } from "./dialog-close-button-B4zf0hvt.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-CqDqQGHP.js.map
+//# sourceMappingURL=drawer-close-button-DigcuqLc.js.map

package/dist/{drawer-close-button-CqDqQGHP.js.map → drawer-close-button-DigcuqLc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-close-button-CqDqQGHP.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,oBAAoB,CAAC,EAAE,IAAK,GAAG,MAA8B,qBACxE,IAAC;CAAuB;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-close-button-DigcuqLc.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,oBAAoB,CAAC,EAAE,IAAK,GAAG,MAA8B,yBACvE;CAAuB;CAAK,GAAI;EAAQ"}

package/dist/{drawer-content-Dp__eciN.js → drawer-content-CFc-rxBo.js}

@@ -1,4 +1,4 @@
-import { DialogContent } from "./dialog-content-CU346luZ.js";
+import { DialogContent } from "./dialog-content-R35XpbSj.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-Dp__eciN.js.map
+//# sourceMappingURL=drawer-content-CFc-rxBo.js.map

package/dist/{drawer-content-Dp__eciN.js.map → drawer-content-CFc-rxBo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-content-Dp__eciN.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,gBAAgB,CAAC,EAAE,WAAW,IAAK,GAAG,MAA0B,qBAC3E,IAAC;CAAc,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-content-CFc-rxBo.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,gBAAgB,CAAC,EAAE,WAAW,IAAK,GAAG,MAA0B,yBAC1E;CAAc,WAAW,KAAK,sBAAsB,UAAU;CAAO;CAAK,GAAI;EAAQ"}

package/dist/{drawer-footer-qYHvZEl_.js → drawer-footer-CfHjfvEg.js}

@@ -1,4 +1,4 @@
-import { DialogFooter } from "./dialog-footer-BPCalxtL.js";
+import { DialogFooter } from "./dialog-footer-AoiCz_Uj.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-qYHvZEl_.js.map
+//# sourceMappingURL=drawer-footer-CfHjfvEg.js.map

package/dist/{drawer-footer-qYHvZEl_.js.map → drawer-footer-CfHjfvEg.js.map}

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

package/dist/{drawer-header-fQaZQuIY.js → drawer-header-DK4XoaaW.js}

@@ -1,4 +1,4 @@
-import { DialogHeader } from "./dialog-header-DsLpGnOf.js";
+import { DialogHeader } from "./dialog-header-Bbq9DcHX.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -11,4 +11,4 @@ const DrawerHeader = ({ className, ref,...rest }) => /* @__PURE__ */ jsx(DialogH
 
 //#endregion
 export { DrawerHeader };
-//# sourceMappingURL=drawer-header-fQaZQuIY.js.map
+//# sourceMappingURL=drawer-header-DK4XoaaW.js.map

package/dist/{drawer-header-fQaZQuIY.js.map → drawer-header-DK4XoaaW.js.map}

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

package/dist/{drawer-trigger-BvjTEl5N.js → drawer-trigger-Do9Htx5M.js}

@@ -1,4 +1,4 @@
-import { DialogTrigger } from "./dialog-trigger-Q9Y5EG0H.js";
+import { DialogTrigger } from "./dialog-trigger-DinHpkua.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/drawer/drawer-trigger.tsx
@@ -9,4 +9,4 @@ const DrawerTrigger = ({ ref,...rest }) => /* @__PURE__ */ jsx(DialogTrigger, {
 
 //#endregion
 export { DrawerTrigger };
-//# sourceMappingURL=drawer-trigger-BvjTEl5N.js.map
+//# sourceMappingURL=drawer-trigger-Do9Htx5M.js.map

package/dist/{drawer-trigger-BvjTEl5N.js.map → drawer-trigger-Do9Htx5M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-trigger-BvjTEl5N.js","names":[],"sources":["../src/components/drawer/drawer-trigger.tsx"],"sourcesContent":["import { DialogTrigger, type DialogTriggerProps } from '../dialog';\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = ({ ref, ...rest }: DrawerTriggerProps) => <DialogTrigger ref={ref} {...rest} />;\n"],"mappings":";;;;AAIA,MAAa,gBAAgB,CAAC,EAAE,IAAK,GAAG,MAA0B,qBAAK,IAAC;CAAmB;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"drawer-trigger-Do9Htx5M.js","names":[],"sources":["../src/components/drawer/drawer-trigger.tsx"],"sourcesContent":["import { DialogTrigger, type DialogTriggerProps } from '../dialog';\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = ({ ref, ...rest }: DrawerTriggerProps) => <DialogTrigger ref={ref} {...rest} />;\n"],"mappings":";;;;AAIA,MAAa,gBAAgB,CAAC,EAAE,IAAK,GAAG,MAA0B,yBAAM;CAAmB;CAAK,GAAI;EAAQ"}

package/dist/{drawer-trigger-context-DHYdt3sB.js → drawer-trigger-context-BUWPPdas.js}

@@ -1,4 +1,4 @@
-import { DialogTriggerContext } from "./dialog-trigger-context-B41wR-bM.js";
+import { DialogTriggerContext } from "./dialog-trigger-context-51mA5fz3.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/drawer/drawer-trigger-context.tsx
@@ -6,4 +6,4 @@ const DrawerTriggerContext = ({ children }) => /* @__PURE__ */ jsx(DialogTrigger
 
 //#endregion
 export { DrawerTriggerContext };
-//# sourceMappingURL=drawer-trigger-context-DHYdt3sB.js.map
+//# sourceMappingURL=drawer-trigger-context-BUWPPdas.js.map

package/dist/{drawer-trigger-context-DHYdt3sB.js.map → drawer-trigger-context-BUWPPdas.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-trigger-context-DHYdt3sB.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n  children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n  <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,uBAAuB,CAAC,EAAE,UAAqC,qBAC1E,IAAC,wBAAsB,WAAgC"}
+{"version":3,"file":"drawer-trigger-context-BUWPPdas.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n  children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n  <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,uBAAuB,CAAC,EAAE,UAAqC,yBACzE,wBAAsB,WAAgC"}

package/dist/{drawer-trigger-context-V67j5GyK.d.ts → drawer-trigger-context-CNBRwj7l.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/drawer/drawer-trigger-context.d.ts
@@ -7,7 +7,7 @@ type DrawerTriggerContextProps = {
 };
 declare const DrawerTriggerContext: ({
   children
-}: DrawerTriggerContextProps) => react_jsx_runtime26.JSX.Element;
+}: DrawerTriggerContextProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { DrawerTriggerContext, DrawerTriggerContextProps };
-//# sourceMappingURL=drawer-trigger-context-V67j5GyK.d.ts.map
+//# sourceMappingURL=drawer-trigger-context-CNBRwj7l.d.ts.map

package/dist/dropdown-DHACQ2Vu.js

@@ -0,0 +1 @@
+export {  };

package/dist/dropdown-Fzf2CeX4.js

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

package/dist/{dropdown-D-dX5PAl.js.map → dropdown-Fzf2CeX4.js.map}

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

package/dist/{dropdown-D54kcMt_.js → dropdown-b7acNLZb.js}

@@ -1,4 +1,4 @@
-import { Popover } from "./popover-CGvBn3q9.js";
+import { Popover } from "./popover-DmA4qMtu.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -41,4 +41,4 @@ const Dropdown = ({ placement = "bottom-end", className, ref,...rest }) => {
 
 //#endregion
 export { Dropdown };
-//# sourceMappingURL=dropdown-D54kcMt_.js.map
+//# sourceMappingURL=dropdown-b7acNLZb.js.map

package/dist/{dropdown-D54kcMt_.js.map → dropdown-b7acNLZb.js.map}

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

package/dist/{dropdown-button-CKPaLMBh.js → dropdown-button-FQqIwqdp.js}

@@ -12,4 +12,4 @@ const DropdownButton = ({ ref,...rest }) => {
 
 //#endregion
 export { DropdownButton };
-//# sourceMappingURL=dropdown-button-CKPaLMBh.js.map
+//# sourceMappingURL=dropdown-button-FQqIwqdp.js.map

package/dist/{dropdown-button-CKPaLMBh.js.map → dropdown-button-FQqIwqdp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button-CKPaLMBh.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n  return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,CAAC,EAAE,IAAK,GAAG,MAA2B,KAAK;AACvE,wBAAO,IAAC;EAAY;EAAK,SAAQ;EAAO,GAAI;GAAQ;AACrD"}
+{"version":3,"file":"dropdown-button-FQqIwqdp.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n  return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,CAAC,EAAE,IAAK,GAAG,MAA2B,KAAK;AACvE,4BAAQ;EAAY;EAAK,SAAQ;EAAO,GAAI;GAAQ;AACrD"}

package/dist/{dropdown-item-CnQfwJGB.d.ts → dropdown-item-BEXQ7dGm.d.ts}

@@ -11,4 +11,4 @@ declare const DropdownItem: ({
 }: DropdownItemProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { DropdownItem, DropdownItemProps };
-//# sourceMappingURL=dropdown-item-CnQfwJGB.d.ts.map
+//# sourceMappingURL=dropdown-item-BEXQ7dGm.d.ts.map

package/dist/{dropdown-item-BnnEFIq3.js → dropdown-item-DQQXQC4J.js}

@@ -8,4 +8,4 @@ const DropdownItem = ({ ref,...rest }) => /* @__PURE__ */ jsx("li", {
 
 //#endregion
 export { DropdownItem };
-//# sourceMappingURL=dropdown-item-BnnEFIq3.js.map
+//# sourceMappingURL=dropdown-item-DQQXQC4J.js.map

package/dist/{dropdown-item-BnnEFIq3.js.map → dropdown-item-DQQXQC4J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-BnnEFIq3.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n  ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,qBAAK,IAAC;CAAQ;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-item-DQQXQC4J.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n  ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,yBAAM;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-list-DK4FJAqB.d.ts → dropdown-list-B7sSmFJ3.d.ts}

@@ -11,4 +11,4 @@ declare const DropdownList: ({
 }: DropdownListProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { DropdownList, DropdownListProps };
-//# sourceMappingURL=dropdown-list-DK4FJAqB.d.ts.map
+//# sourceMappingURL=dropdown-list-B7sSmFJ3.d.ts.map

package/dist/{dropdown-list-BWW85rXi.js → dropdown-list-DB1mST67.js}

@@ -8,4 +8,4 @@ const DropdownList = ({ ref,...rest }) => /* @__PURE__ */ jsx("ul", {
 
 //#endregion
 export { DropdownList };
-//# sourceMappingURL=dropdown-list-BWW85rXi.js.map
+//# sourceMappingURL=dropdown-list-DB1mST67.js.map

package/dist/{dropdown-list-BWW85rXi.js.map → dropdown-list-DB1mST67.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list-BWW85rXi.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n  ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,qBAAK,IAAC;CAAQ;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-list-DB1mST67.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n  ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,yBAAM;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-trigger-DfHyg_D7.js → dropdown-trigger-Fwrigwtg.js}

@@ -1,4 +1,4 @@
-import { PopoverTrigger } from "./popover-trigger-BLnIukvY.js";
+import { PopoverTrigger } from "./popover-trigger-Chi8uvRM.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-trigger.tsx
@@ -10,4 +10,4 @@ const DropdownTrigger = ({ ref,...rest }) => /* @__PURE__ */ jsx(PopoverTrigger,
 
 //#endregion
 export { DropdownTrigger };
-//# sourceMappingURL=dropdown-trigger-DfHyg_D7.js.map
+//# sourceMappingURL=dropdown-trigger-Fwrigwtg.js.map

package/dist/{dropdown-trigger-DfHyg_D7.js.map → dropdown-trigger-Fwrigwtg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger-DfHyg_D7.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n  <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,CAAC,EAAE,IAAK,GAAG,MAA4B,qBACpE,IAAC;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-trigger-Fwrigwtg.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n  <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,CAAC,EAAE,IAAK,GAAG,MAA4B,yBACnE;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-trigger-context-BpYBk_xf.js → dropdown-trigger-context-BCcyoZEx.js}

@@ -1,4 +1,4 @@
-import { PopoverTriggerContext } from "./popover-trigger-context-CGJlUS_N.js";
+import { PopoverTriggerContext } from "./popover-trigger-context-Cre9Mczn.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-trigger-context.tsx
@@ -18,8 +18,11 @@ import { jsx } from "react/jsx-runtime";
 *  </Dropdown>
 * </DropdownTriggerContext>
 */
-const DropdownTriggerContext = ({ children }) => /* @__PURE__ */ jsx(PopoverTriggerContext, { children });
+const DropdownTriggerContext = ({ children,...props }) => /* @__PURE__ */ jsx(PopoverTriggerContext, {
+	...props,
+	children
+});
 
 //#endregion
 export { DropdownTriggerContext };
-//# sourceMappingURL=dropdown-trigger-context-BpYBk_xf.js.map
+//# sourceMappingURL=dropdown-trigger-context-BCcyoZEx.js.map

package/dist/dropdown-trigger-context-BCcyoZEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context-BCcyoZEx.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import { PopoverTriggerContext, type PopoverTriggerContextProps } from '../popover';\n\nexport type DropdownTriggerContextProps = PopoverTriggerContextProps;\n\n/**\n * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.\n *\n * @example\n * <DropdownTriggerContext>\n *  <DropdownTrigger>Dropdown</DropdownTrigger>\n *  <Dropdown>\n *   <DropdownHeading>Heading</DropdownHeading>\n *    <DropdownList>\n *      <DropdownItem>\n *        <DropdownButton>Button</DropdownButton>\n *      </DropdownItem>\n *    </DropdownList>\n *  </Dropdown>\n * </DropdownTriggerContext>\n */\nexport const DropdownTriggerContext = ({ children, ...props }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext {...props}>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,yBAAyB,CAAC,EAAE,SAAU,GAAG,OAAoC,yBACvF;CAAsB,GAAI;CAAQ;EAAiC"}

package/dist/field-DFMMLG-d.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-DFMMLG-d.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Position of toggle-type inputs (radio, checkbox) in the field\n     * @default start\n     */\n    position?: 'start' | 'end';\n    /** Set width: 100% */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n *   <Label>Kort beskrivelse</Label>\n *   <FieldDescription>Beskrivelse</FieldDescription>\n *   <Input />\n *   <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-field', className)}\n      data-dark={dark}\n      data-position={position}\n      data-fullwidth={fullwidth}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,QAAQ,CAAC,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,IAAK,GAAG,OAAmB,KAAK;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,wBACE,IAAC;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI;GACJ;AAEL"}
+{"version":3,"file":"field-DFMMLG-d.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Position of toggle-type inputs (radio, checkbox) in the field\n     * @default start\n     */\n    position?: 'start' | 'end';\n    /** Set width: 100% */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n *   <Label>Kort beskrivelse</Label>\n *   <FieldDescription>Beskrivelse</FieldDescription>\n *   <Input />\n *   <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-field', className)}\n      data-dark={dark}\n      data-position={position}\n      data-fullwidth={fullwidth}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,QAAQ,CAAC,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,IAAK,GAAG,OAAmB,KAAK;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI;GACJ;AAEL"}

package/dist/field-affix-npc6m7XL.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-affix-npc6m7XL.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n  const Component = asChild ? Slot : 'div';\n  return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n  const Component = asChild ? Slot : 'span';\n  return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,eAAe,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAyB,KAAK;CACvF,MAAM,YAAY,UAAU,OAAO;AACnC,wBAAO,IAAC;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAO;EAAK,GAAI;GAAQ;AAC1F;;;;;;;;;;;;AAoBD,MAAa,aAAa,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAuB,KAAK;CACnF,MAAM,YAAY,UAAU,OAAO;AACnC,wBAAO,IAAC;EAAU,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ;AAC3G"}
+{"version":3,"file":"field-affix-npc6m7XL.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n  const Component = asChild ? Slot : 'div';\n  return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n  const Component = asChild ? Slot : 'span';\n  return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,eAAe,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAyB,KAAK;CACvF,MAAM,YAAY,UAAU,OAAO;AACnC,4BAAQ;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAO;EAAK,GAAI;GAAQ;AAC1F;;;;;;;;;;;;AAoBD,MAAa,aAAa,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAuB,KAAK;CACnF,MAAM,YAAY,UAAU,OAAO;AACnC,4BAAQ;EAAU,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ;AAC3G"}

package/dist/field-description-Dhm1VA08.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-description-Dhm1VA08.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,mBAAmB,CAAC,EAAE,SAAS,WAAW,IAAK,GAAG,OAA8B,KAAK;CAChG,MAAM,YAAY,UAAU,OAAO;AAEnC,wBAAO,IAAC;EAAU,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS;AAC/F"}
+{"version":3,"file":"field-description-Dhm1VA08.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,mBAAmB,CAAC,EAAE,SAAS,WAAW,IAAK,GAAG,OAA8B,KAAK;CAChG,MAAM,YAAY,UAAU,OAAO;AAEnC,4BAAQ;EAAU,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS;AAC/F"}

package/dist/field-rlwGWFvc.js

@@ -0,0 +1 @@
+export {  };

package/dist/{fieldset-DGB7cvdz.js → fieldset-Bpu4CRKG.js}

@@ -14,4 +14,4 @@ const Fieldset = ({ children, className, dark, ref,...props }) => {
 
 //#endregion
 export { Fieldset };
-//# sourceMappingURL=fieldset-DGB7cvdz.js.map
+//# sourceMappingURL=fieldset-Bpu4CRKG.js.map

package/dist/{fieldset-DGB7cvdz.js.map → fieldset-Bpu4CRKG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fieldset-DGB7cvdz.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n  DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  {\n    ref?: Ref<HTMLFieldSetElement>;\n  }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n  return (\n    <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n      {children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,WAAW,CAAC,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,OAAsB,KAAK;AACvF,wBACE,IAAC;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ;AAEd"}
+{"version":3,"file":"fieldset-Bpu4CRKG.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n  DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  {\n    ref?: Ref<HTMLFieldSetElement>;\n  }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n  return (\n    <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n      {children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,WAAW,CAAC,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,OAAsB,KAAK;AACvF,4BACG;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ;AAEd"}

package/dist/fieldset-CKQ2RG9n.js

@@ -0,0 +1 @@
+export {  };

package/dist/{fieldset-description-oNKwCGnW.js → fieldset-description-DiHvcLh-.js}

@@ -12,4 +12,4 @@ const FieldsetDescription = ({ asChild, ref,...props }) => {
 
 //#endregion
 export { FieldsetDescription };
-//# sourceMappingURL=fieldset-description-oNKwCGnW.js.map
+//# sourceMappingURL=fieldset-description-DiHvcLh-.js.map

package/dist/{fieldset-description-oNKwCGnW.js.map → fieldset-description-DiHvcLh-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fieldset-description-oNKwCGnW.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,sBAAsB,CAAC,EAAE,SAAS,IAAK,GAAG,OAAiC,KAAK;CAC3F,MAAM,YAAY,UAAU,OAAO;AAEnC,wBAAO,IAAC;EAAe;EAAK,GAAI;GAAS;AAC1C"}
+{"version":3,"file":"fieldset-description-DiHvcLh-.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,sBAAsB,CAAC,EAAE,SAAS,IAAK,GAAG,OAAiC,KAAK;CAC3F,MAAM,YAAY,UAAU,OAAO;AAEnC,4BAAQ;EAAe;EAAK,GAAI;GAAS;AAC1C"}

package/dist/{fieldset-legend-Dseni7XM.js → fieldset-legend-CR4srn2-.js}

@@ -16,4 +16,4 @@ const FieldsetLegend = ({ children, dark, ref,...props }) => {
 
 //#endregion
 export { FieldsetLegend };
-//# sourceMappingURL=fieldset-legend-Dseni7XM.js.map
+//# sourceMappingURL=fieldset-legend-CR4srn2-.js.map