@bi-digital/react 0.2.17 → 0.2.18

package/dist/components/search/search.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Search, SearchProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Search, SearchProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/select/select-optgroup.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { SelectOptgroup, SelectOptgroupProps } from "../../alert-footer-DhUzIT4Q.js";
+import { SelectOptgroup, SelectOptgroupProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/select/select-option.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { SelectOption, SelectOptionProps } from "../../alert-footer-DhUzIT4Q.js";
+import { SelectOption, SelectOptionProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/select/select.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Select, SelectProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Select, SelectProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Spinner, SpinnerProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Spinner, SpinnerProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/spinner/spinner.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Spinner, SpinnerProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Spinner, SpinnerProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/tabs/tab.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Tab, TabProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Tab, TabProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/tabs/tabs-list.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { TabsList, TabsListProps } from "../../alert-footer-DhUzIT4Q.js";
+import { TabsList, TabsListProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/tabs/tabs-panel.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { TabsPanel, TabsPanelProps } from "../../alert-footer-DhUzIT4Q.js";
+import { TabsPanel, TabsPanelProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/components/tabs/tabs.d.ts

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Tabs, TabsProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Tabs, TabsProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Textarea, TextareaProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Textarea, TextareaProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Textarea, TextareaProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Textarea, TextareaProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-DhUzIT4Q.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-DhUzIT4Q.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

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

@@ -1,10 +1,10 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-DhUzIT4Q.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-gAwLFM-5.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";

package/dist/{dropdown-Dj2cRaaq.js → dropdown-BhdWlVMW.js}

@@ -1,4 +1,4 @@
-import { Popover } from "./popover-D59x0S-P.js";
+import { Popover } from "./popover-WJoHXecW.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -20,8 +20,8 @@ import { jsx } from "react/jsx-runtime";
 * </DropdownTriggerContext>
 *
 * @example without TriggerContext
-* <Button popovertarget="some-dropdown">Trigger</Button>
-* <Dropdown id="some-dropdown">
+* <Button aria-controls="some-dropdown" aria-expanded={open}>Trigger</Button>
+* <Dropdown id="some-dropdown" open={open} onOpenChange={onOpenChange}>
 *   <DropdownHeading>Heading</DropdownHeading>
 *   <DropdownList>
 *     <DropdownItem>
@@ -41,4 +41,4 @@ const Dropdown = ({ placement = "bottom-end", className, ref,...rest }) => {
 
 //#endregion
 export { Dropdown };
-//# sourceMappingURL=dropdown-Dj2cRaaq.js.map
+//# sourceMappingURL=dropdown-BhdWlVMW.js.map

package/dist/{dropdown-Dj2cRaaq.js.map → dropdown-BhdWlVMW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-Dj2cRaaq.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 popovertarget=\"some-dropdown\">Trigger</Button>\n * <Dropdown id=\"some-dropdown\">\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-BhdWlVMW.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"}

package/dist/{dropdown-BjxU_86k.js → dropdown-C1hpsZcN.js}

@@ -1,4 +1,4 @@
-import { initPopover } from "./popover-BRH3zXGT.js";
+import { initPopover } from "./popover-CGNoywPj.js";
 
 //#region src/vanilla/dropdown/index.ts
 const initDropdown = ({ id, disableAutoPlacement = false, placement = "bottom", positionMiddleware = [] }) => {
@@ -12,4 +12,4 @@ const initDropdown = ({ id, disableAutoPlacement = false, placement = "bottom",
 
 //#endregion
 export { initDropdown };
-//# sourceMappingURL=dropdown-BjxU_86k.js.map
+//# sourceMappingURL=dropdown-C1hpsZcN.js.map

package/dist/{dropdown-BjxU_86k.js.map → dropdown-C1hpsZcN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-BjxU_86k.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 `popovertarget` 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-C1hpsZcN.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"}

package/dist/{dropdown-trigger-jAbzoiDI.js → dropdown-trigger-DG-mnw2U.js}

@@ -1,4 +1,4 @@
-import { PopoverTrigger } from "./popover-trigger-howQkbQx.js";
+import { PopoverTrigger } from "./popover-trigger-CjEKeJwY.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-jAbzoiDI.js.map
+//# sourceMappingURL=dropdown-trigger-DG-mnw2U.js.map

package/dist/{dropdown-trigger-jAbzoiDI.js.map → dropdown-trigger-DG-mnw2U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger-jAbzoiDI.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-DG-mnw2U.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"}

package/dist/{dropdown-trigger-context-BWJr-7Sn.js → dropdown-trigger-context-Ce6Z9VPK.js}

@@ -1,4 +1,4 @@
-import { PopoverTriggerContext } from "./popover-trigger-context-CdMmRbFv.js";
+import { PopoverTriggerContext } from "./popover-trigger-context-CNUJbbBn.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-trigger-context.tsx
@@ -22,4 +22,4 @@ const DropdownTriggerContext = ({ children }) => /* @__PURE__ */ jsx(PopoverTrig
 
 //#endregion
 export { DropdownTriggerContext };
-//# sourceMappingURL=dropdown-trigger-context-BWJr-7Sn.js.map
+//# sourceMappingURL=dropdown-trigger-context-Ce6Z9VPK.js.map

package/dist/{dropdown-trigger-context-BWJr-7Sn.js.map → dropdown-trigger-context-Ce6Z9VPK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger-context-BWJr-7Sn.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PopoverTriggerContext } from '../popover';\n\nexport type DropdownTriggerContextProps = {\n  children: ReactNode;\n};\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 }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,CAAC,EAAE,UAAuC,qBAC9E,IAAC,yBAAuB,WAAiC"}
+{"version":3,"file":"dropdown-trigger-context-Ce6Z9VPK.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PopoverTriggerContext } from '../popover';\n\nexport type DropdownTriggerContextProps = {\n  children: ReactNode;\n};\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 }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,CAAC,EAAE,UAAuC,qBAC9E,IAAC,yBAAuB,WAAiC"}

package/dist/{index-Bh8T71Ia.d.ts → index-CRy7A5Iq.d.ts}

@@ -1,9 +1,8 @@
 import { Middleware, Placement } from "@floating-ui/dom";
-import "@oddbird/popover-polyfill";
 
 //#region src/vanilla/popover/index.d.ts
 type InitPopoverOptions = {
-  /** The id of the popover to initialize. The trigger element should have a `popovertarget` attribute with the same id. */
+  /** The id of the popover to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
   id: string;
   /**
    * Placement of the popover relative to the trigger.
@@ -45,4 +44,4 @@ declare const initPopover: ({
 }: InitPopoverOptions) => void;
 //#endregion
 export { InitPopoverOptions, initPopover };
-//# sourceMappingURL=index-Bh8T71Ia.d.ts.map
+//# sourceMappingURL=index-CRy7A5Iq.d.ts.map

package/dist/{index-DJcJV0y7.d.ts → index-qXXUizvD.d.ts}

@@ -2,7 +2,7 @@ import { Middleware, Placement } from "@floating-ui/dom";
 
 //#region src/vanilla/dropdown/index.d.ts
 type InitDropdownOptions = {
-  /** The id of the dropdown to initialize. The trigger element should have a `popovertarget` attribute with the same id. */
+  /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
   id: string;
   /**
    * Placement of the dropdown relative to the trigger.
@@ -44,4 +44,4 @@ declare const initDropdown: ({
 }: InitDropdownOptions) => void;
 //#endregion
 export { InitDropdownOptions, initDropdown };
-//# sourceMappingURL=index-DJcJV0y7.d.ts.map
+//# sourceMappingURL=index-qXXUizvD.d.ts.map

package/dist/main.d.ts

@@ -1,10 +1,10 @@
 import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "./useMergeRefs-BTgz9pcs.js";
 import "./types-BTJlwWCQ.js";
-import { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Spinner, SpinnerProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-DhUzIT4Q.js";
+import { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Spinner, SpinnerProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-BS8bENJI.js";
 import { Context, DialogTriggerContext, DialogTriggerContextProps } from "./dialog-trigger-context-BP03jmAI.js";
 import { DrawerTriggerContext, DrawerTriggerContextProps } from "./drawer-trigger-context-BDcc94cu.js";
-import { PopoverTriggerContext, PopoverTriggerContextProps } from "./popover-trigger-context-gAwLFM-5.js";
+import { PopoverTriggerContext, PopoverTriggerContextProps } from "./popover-trigger-context-DQy9nKB2.js";
 import { DropdownItem, DropdownItemProps } from "./dropdown-item-bMZ3-43Z.js";
 import { DropdownList, DropdownListProps } from "./dropdown-list-DenWbmcv.js";
 import { DropdownTriggerContext, DropdownTriggerContextProps } from "./dropdown-trigger-context-BabMM_7k.js";

package/dist/main.js

@@ -49,16 +49,16 @@ import { DrawerTrigger } from "./drawer-trigger-AT7qYJPw.js";
 import { DrawerTriggerContext } from "./drawer-trigger-context-EHdOLF0U.js";
 import { DrawerCloseButton } from "./drawer-close-button-dDQvoj0O.js";
 import "./drawer-D0EFrwju.js";
-import { PopoverTriggerContext } from "./popover-trigger-context-CdMmRbFv.js";
-import { Popover } from "./popover-D59x0S-P.js";
-import { PopoverTrigger } from "./popover-trigger-howQkbQx.js";
+import { PopoverTriggerContext } from "./popover-trigger-context-CNUJbbBn.js";
+import { Popover } from "./popover-WJoHXecW.js";
+import { PopoverTrigger } from "./popover-trigger-CjEKeJwY.js";
 import "./popover-3oBuiK3l.js";
-import { Dropdown } from "./dropdown-Dj2cRaaq.js";
+import { Dropdown } from "./dropdown-BhdWlVMW.js";
 import { DropdownButton } from "./dropdown-button-Btuo7J5R.js";
 import { DropdownItem } from "./dropdown-item-yyt1nBlo.js";
 import { DropdownList } from "./dropdown-list-BMkiVIDL.js";
-import { DropdownTrigger } from "./dropdown-trigger-jAbzoiDI.js";
-import { DropdownTriggerContext } from "./dropdown-trigger-context-BWJr-7Sn.js";
+import { DropdownTrigger } from "./dropdown-trigger-DG-mnw2U.js";
+import { DropdownTriggerContext } from "./dropdown-trigger-context-Ce6Z9VPK.js";
 import "./dropdown-mQ8x9_NH.js";
 import { Fieldset } from "./fieldset-DemHknom.js";
 import { FieldsetDescription } from "./fieldset-description-CqUMEhib.js";

package/dist/popover-CGNoywPj.js

@@ -0,0 +1,48 @@
+import { autoUpdate, computePosition, flip, hide, offset, shift } from "@floating-ui/dom";
+
+//#region src/vanilla/popover/index.ts
+const padding = 20;
+const initPopover = ({ id, disableAutoPlacement = false, placement = "top", positionMiddleware = [] }) => {
+	let cleanup;
+	const popover = document.getElementById(id);
+	const triggerSelector = `[aria-controls="${id}"]`;
+	const trigger = document.querySelector(triggerSelector);
+	if (!popover || !trigger) return;
+	const togglePopover = (open) => {
+		if (open) {
+			cleanup = autoUpdate(trigger, popover, () => {
+				computePosition(trigger, popover, {
+					middleware: [
+						offset(padding),
+						...disableAutoPlacement ? [] : [flip({ padding }), shift({ padding })],
+						...positionMiddleware,
+						hide({ padding })
+					],
+					strategy: "fixed",
+					placement
+				}).then(({ x, y, middlewareData }) => {
+					popover.style.translate = `${x}px ${y}px`;
+					popover.style.visibility = middlewareData.hide?.referenceHidden ? "hidden" : "visible";
+				});
+			});
+			popover.setAttribute("aria-hidden", "false");
+			trigger.setAttribute("aria-expanded", "true");
+		} else {
+			cleanup?.();
+			popover.setAttribute("aria-hidden", "true");
+			trigger.setAttribute("aria-expanded", "false");
+		}
+	};
+	document.addEventListener("click", (event) => {
+		const el = event.target;
+		const isTrigger = el?.closest?.(triggerSelector);
+		const isOutside = !isTrigger && !popover.contains(el);
+		const isOpen = popover.getAttribute("aria-hidden") === "false";
+		if (isTrigger) togglePopover(!isOpen);
+		if (isOutside && isOpen) togglePopover(false);
+	}, true);
+};
+
+//#endregion
+export { initPopover };
+//# sourceMappingURL=popover-CGNoywPj.js.map

package/dist/popover-CGNoywPj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CGNoywPj.js","names":["cleanup: (() => void) | undefined","open: boolean"],"sources":["../src/vanilla/popover/index.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift, hide } from '@floating-ui/dom';\nimport type { Middleware, Placement } from '@floating-ui/dom';\n\nconst padding = 20;\n\nexport type InitPopoverOptions = {\n  /** The id of the popover to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n  id: string;\n  /**\n   * Placement of the popover relative to the trigger.\n   * @default 'top'\n   */\n  placement?: Placement;\n  /**\n   * Additional middleware to use for positioning the popover.\n   *\n   * @example\n   * Prevent the popover 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 initPopover = ({\n  id,\n  disableAutoPlacement = false,\n  placement = 'top',\n  positionMiddleware = [],\n}: InitPopoverOptions) => {\n  // let isOpen = false;\n  let cleanup: (() => void) | undefined;\n  const popover = document.getElementById(id);\n  const triggerSelector = `[aria-controls=\"${id}\"]`;\n  const trigger = document.querySelector(triggerSelector);\n\n  if (!popover || !trigger) return;\n\n  const togglePopover = (open: boolean) => {\n    if (open) {\n      cleanup = autoUpdate(trigger, popover, () => {\n        computePosition(trigger, popover, {\n          middleware: [\n            offset(padding),\n            ...(disableAutoPlacement ? [] : [flip({ padding }), shift({ padding })]),\n            ...positionMiddleware,\n            hide({ padding }),\n          ],\n          strategy: 'fixed',\n          placement,\n        }).then(({ x, y, middlewareData }) => {\n          popover.style.translate = `${x}px ${y}px`;\n          popover.style.visibility = middlewareData.hide?.referenceHidden ? 'hidden' : 'visible';\n        });\n      });\n      popover.setAttribute('aria-hidden', 'false');\n      trigger.setAttribute('aria-expanded', 'true');\n    } else {\n      cleanup?.();\n      popover.setAttribute('aria-hidden', 'true');\n      trigger.setAttribute('aria-expanded', 'false');\n    }\n  };\n\n  document.addEventListener(\n    'click',\n    (event) => {\n      const el = event.target as Element | null;\n      const isTrigger = el?.closest?.(triggerSelector);\n      const isOutside = !isTrigger && !popover.contains(el as Node);\n      const isOpen = popover.getAttribute('aria-hidden') === 'false';\n\n      if (isTrigger) {\n        togglePopover(!isOpen);\n      }\n      if (isOutside && isOpen) {\n        togglePopover(false);\n      }\n    },\n    true,\n  );\n};\n"],"mappings":";;;AAGA,MAAM,UAAU;AAsChB,MAAa,cAAc,CAAC,EAC1B,IACA,uBAAuB,OACvB,YAAY,OACZ,qBAAqB,CAAE,GACJ,KAAK;CAExB,IAAIA;CACJ,MAAM,UAAU,SAAS,eAAe,GAAG;CAC3C,MAAM,mBAAmB,kBAAkB,GAAG;CAC9C,MAAM,UAAU,SAAS,cAAc,gBAAgB;AAEvD,MAAK,YAAY,QAAS;CAE1B,MAAM,gBAAgB,CAACC,SAAkB;AACvC,MAAI,MAAM;AACR,aAAU,WAAW,SAAS,SAAS,MAAM;AAC3C,oBAAgB,SAAS,SAAS;KAChC,YAAY;MACV,OAAO,QAAQ;MACf,GAAI,uBAAuB,CAAE,IAAG,CAAC,KAAK,EAAE,QAAS,EAAC,EAAE,MAAM,EAAE,QAAS,EAAC,AAAC;MACvE,GAAG;MACH,KAAK,EAAE,QAAS,EAAC;KAClB;KACD,UAAU;KACV;IACD,EAAC,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,gBAAgB,KAAK;AACpC,aAAQ,MAAM,aAAa,EAAE,EAAE,KAAK,EAAE;AACtC,aAAQ,MAAM,aAAa,eAAe,MAAM,kBAAkB,WAAW;IAC9E,EAAC;GACH,EAAC;AACF,WAAQ,aAAa,eAAe,QAAQ;AAC5C,WAAQ,aAAa,iBAAiB,OAAO;EAC9C,OAAM;AACL,cAAW;AACX,WAAQ,aAAa,eAAe,OAAO;AAC3C,WAAQ,aAAa,iBAAiB,QAAQ;EAC/C;CACF;AAED,UAAS,iBACP,SACA,CAAC,UAAU;EACT,MAAM,KAAK,MAAM;EACjB,MAAM,YAAY,IAAI,UAAU,gBAAgB;EAChD,MAAM,aAAa,cAAc,QAAQ,SAAS,GAAW;EAC7D,MAAM,SAAS,QAAQ,aAAa,cAAc,KAAK;AAEvD,MAAI,UACF,gBAAe,OAAO;AAExB,MAAI,aAAa,OACf,eAAc,MAAM;CAEvB,GACD,KACD;AACF"}

package/dist/{popover-D59x0S-P.js → popover-WJoHXecW.js}

@@ -1,11 +1,11 @@
 import { useMergeRefs } from "./useMergeRefs-Cz-t7gpp.js";
-import { Context } from "./popover-trigger-context-CdMmRbFv.js";
+import { Context } from "./popover-trigger-context-CNUJbbBn.js";
 import clsx from "clsx/lite";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
-import { use, useEffect, useRef, useState } from "react";
+import { use, useEffect, useRef } from "react";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { autoUpdate, computePosition, flip, hide, offset, shift } from "@floating-ui/dom";
-import "@oddbird/popover-polyfill";
 
 //#region src/components/popover/popover.tsx
 const padding = 20;
@@ -21,52 +21,50 @@ const padding = 20;
 * </PopoverTriggerContext>
 *
 * @example without TriggerContext
-* <Button popovertarget="my-popover">Open Popover</Button>
-* <Popover id="my-popover">
+* <Button aria-controls="my-popover" aria-expanded={open}>Open Popover</Button>
+* <Popover open={open} onOpenChange={onOpenChange} id="my-popover">
 *   Content
 * </Popover>
 */
-const Popover = ({ id, className, onClose, onOpen, open, placement = "top", disableAutoPlacement = false, positionMiddleware = [], dark = false, asChild = false, ref,...rest }) => {
+const Popover = ({ id, className, onOpenChange, open, placement = "top", disableAutoPlacement = false, positionMiddleware = [], dark = false, asChild = false, ref,...rest }) => {
 	const Component = asChild ? Slot : "div";
 	const popoverRef = useRef(null);
+	const isControlled = useRef(open !== void 0);
 	const mergedRefs = useMergeRefs([popoverRef, ref]);
-	const { popoverId, setPopoverId } = use(Context);
-	const [internalOpen, setInternalOpen] = useState(false);
-	const controlledOpen = open ?? internalOpen;
+	const { popoverId, setPopoverId, popoverOpen, setPopoverOpen } = use(Context);
+	const [isOpen, setIsOpen] = useControllableState({
+		prop: isControlled.current ? open : popoverOpen,
+		onChange: (val) => {
+			onOpenChange?.(val);
+			setPopoverOpen?.(val);
+		},
+		defaultProp: false,
+		caller: "Popover"
+	});
 	useEffect(() => {
 		const popover = popoverRef.current;
 		const handleClick = (event) => {
 			const el = event.target;
-			const isTrigger = el?.closest?.(`[popovertarget="${popover?.id}"]`);
+			const isTrigger = el?.closest?.(`[aria-controls="${popover?.id}"]`);
 			const isOutside = !isTrigger && !popover?.contains(el);
-			if (isTrigger) {
-				event.preventDefault();
-				setInternalOpen((open$1) => !open$1);
-				onOpen?.();
-			}
-			if (isOutside) {
-				setInternalOpen(false);
-				onClose?.();
-			}
+			if (isOutside) setIsOpen(false);
 		};
 		const handleKeydown = (event) => {
-			if (event.key !== "Escape" || !controlledOpen) return;
+			if (event.key !== "Escape" || !isOpen) return;
 			event.preventDefault();
-			setInternalOpen(false);
-			onClose?.();
+			setIsOpen(false);
 		};
-		popover?.togglePopover?.(controlledOpen);
 		document.addEventListener("click", handleClick, true);
 		document.addEventListener("keydown", handleKeydown);
 		return () => {
 			document.removeEventListener("click", handleClick, true);
 			document.removeEventListener("keydown", handleKeydown);
 		};
-	}, [controlledOpen]);
+	}, [isOpen, setIsOpen]);
 	useEffect(() => {
 		const popover = popoverRef.current;
-		const trigger = document.querySelector(`[popovertarget="${popover?.id}"]`);
-		if (popover && trigger && controlledOpen) return autoUpdate(trigger, popover, () => {
+		const trigger = document.querySelector(`[aria-controls="${popover?.id}"]`);
+		if (popover && trigger && isOpen) return autoUpdate(trigger, popover, () => {
 			computePosition(trigger, popover, {
 				middleware: [
 					offset(padding),
@@ -85,7 +83,7 @@ const Popover = ({ id, className, onClose, onOpen, open, placement = "top", disa
 			});
 		});
 	}, [
-		controlledOpen,
+		isOpen,
 		placement,
 		id,
 		disableAutoPlacement,
@@ -97,7 +95,7 @@ const Popover = ({ id, className, onClose, onOpen, open, placement = "top", disa
 	return /* @__PURE__ */ jsx(Component, {
 		className: clsx("bi-popover", className),
 		id: id || popoverId,
-		popover: "manual",
+		"aria-hidden": !isOpen,
 		"data-dark": dark,
 		ref: mergedRefs,
 		...rest
@@ -106,4 +104,4 @@ const Popover = ({ id, className, onClose, onOpen, open, placement = "top", disa
 
 //#endregion
 export { Popover };
-//# sourceMappingURL=popover-D59x0S-P.js.map
+//# sourceMappingURL=popover-WJoHXecW.js.map