@bi-digital/react 0.0.0-experimental-857a85e → 0.0.0-experimental-0a7eb0c

package/dist/components/skip-link/index.d.ts

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { SkipLink, SkipLinkProps } from "../../alert-footer-CpU_SfrR.js";
+import { SkipLink, SkipLinkProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

package/dist/components/skip-link/skip-link.d.ts

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { SkipLink, SkipLinkProps } from "../../alert-footer-CpU_SfrR.js";
+import { SkipLink, SkipLinkProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Spinner, SpinnerProps } from "../../alert-footer-CpU_SfrR.js";
+import { Spinner, SpinnerProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Spinner, SpinnerProps } from "../../alert-footer-CpU_SfrR.js";
+import { Spinner, SpinnerProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

package/dist/components/sticky-header/index.d.ts

@@ -1,3 +1,3 @@
-import { StickyHeader, StickyHeaderProps } from "../../sticky-header-DboQ6EDk.js";
+import { StickyHeader, StickyHeaderProps } from "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 export { StickyHeader, StickyHeaderProps };

package/dist/components/sticky-header/sticky-header.d.ts

@@ -1,2 +1,2 @@
-import { StickyHeader, StickyHeaderProps } from "../../sticky-header-DboQ6EDk.js";
+import { StickyHeader, StickyHeaderProps } from "../../sticky-header-CPHxBupp.js";
 export { StickyHeader, StickyHeaderProps };

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-CpU_SfrR.js";
+import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Tab, TabProps } from "../../alert-footer-CpU_SfrR.js";
+import { Tab, TabProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { TabsList, TabsListProps } from "../../alert-footer-CpU_SfrR.js";
+import { TabsList, TabsListProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { TabsPanel, TabsPanelProps } from "../../alert-footer-CpU_SfrR.js";
+import { TabsPanel, TabsPanelProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Tabs, TabsProps } from "../../alert-footer-CpU_SfrR.js";
+import { Tabs, TabsProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Textarea, TextareaProps } from "../../alert-footer-CpU_SfrR.js";
+import { Textarea, TextareaProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Textarea, TextareaProps } from "../../alert-footer-CpU_SfrR.js";
+import { Textarea, TextareaProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-CpU_SfrR.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { Textfield, TextfieldProps } from "../../alert-footer-CpU_SfrR.js";
+import { Textfield, TextfieldProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-CpU_SfrR.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

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

@@ -1,15 +1,15 @@
 import "../../useCheckboxGroup-DyHY-wHm.js";
 import "../../useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "../../types-BiKqUD4X.js";
-import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-CpU_SfrR.js";
+import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-CvksHhtj.js";
 import "../../dialog-trigger-context-DwmhJNzA.js";
 import "../../drawer-trigger-context-BoS9ZcVF.js";
-import "../../popover-trigger-context-CmM3D7UD.js";
-import "../../dropdown-item-BDvjbuEy.js";
-import "../../dropdown-list-MDr2GBcy.js";
-import "../../footer-links-Cw_KjLgu.js";
-import "../../pagination-item-BsyzpnsB.js";
-import "../../sticky-header-DboQ6EDk.js";
+import "../../popover-trigger-context-C3lFgYaX.js";
+import "../../dropdown-item-CKKjumy3.js";
+import "../../dropdown-list-vVhxG14z.js";
+import "../../footer-links-Drm2LFnw.js";
+import "../../pagination-item-CA3Xron6.js";
+import "../../sticky-header-CPHxBupp.js";
 import "../../index-CTw2zfCM.js";
 import "../../useIsElementAboveViewport-V1lc14eB.js";
 import "../../useScrollDirection-CDsglrZR.js";

package/dist/dropdown-A1PW0OoQ.js

@@ -0,0 +1,19 @@
+import { initPopover } from "./popover-MUiGENkr.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-A1PW0OoQ.js.map

package/dist/{dropdown-CxtUiS3W.js.map → dropdown-A1PW0OoQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-CxtUiS3W.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-A1PW0OoQ.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-x-JxMFr2.js → dropdown-D-qoCdnF.js}

@@ -1,4 +1,4 @@
-import { Popover } from "./popover-Co-HV5GI.js";
+import { Popover } from "./popover-Df2PKqBg.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-x-JxMFr2.js.map
+//# sourceMappingURL=dropdown-D-qoCdnF.js.map

package/dist/{dropdown-x-JxMFr2.js.map → dropdown-D-qoCdnF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-x-JxMFr2.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-D-qoCdnF.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-item-BDvjbuEy.d.ts → dropdown-item-CKKjumy3.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-item.d.ts
@@ -8,7 +8,7 @@ type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {
 declare const DropdownItem: ({
   ref,
   ...rest
-}: DropdownItemProps) => react_jsx_runtime35.JSX.Element;
+}: DropdownItemProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { DropdownItem, DropdownItemProps };
-//# sourceMappingURL=dropdown-item-BDvjbuEy.d.ts.map
+//# sourceMappingURL=dropdown-item-CKKjumy3.d.ts.map

package/dist/{dropdown-list-MDr2GBcy.d.ts → dropdown-list-vVhxG14z.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-list.d.ts
@@ -8,7 +8,7 @@ type DropdownListProps = HTMLAttributes<HTMLUListElement> & {
 declare const DropdownList: ({
   ref,
   ...rest
-}: DropdownListProps) => react_jsx_runtime36.JSX.Element;
+}: DropdownListProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DropdownList, DropdownListProps };
-//# sourceMappingURL=dropdown-list-MDr2GBcy.d.ts.map
+//# sourceMappingURL=dropdown-list-vVhxG14z.d.ts.map

package/dist/{footer-links-Cw_KjLgu.d.ts → footer-links-Drm2LFnw.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/footer/footer-links.d.ts
@@ -14,7 +14,7 @@ declare const FooterLinks: ({
   children,
   ref,
   ...props
-}: FooterLinksProps) => react_jsx_runtime58.JSX.Element;
+}: FooterLinksProps) => react_jsx_runtime44.JSX.Element;
 //#endregion
 export { FooterLinks, FooterLinksProps };
-//# sourceMappingURL=footer-links-Cw_KjLgu.d.ts.map
+//# sourceMappingURL=footer-links-Drm2LFnw.d.ts.map

package/dist/{index-BLfMNWjj.d.ts → index-DV9bEW_1.d.ts}

@@ -35,13 +35,24 @@ type InitDropdownOptions = {
    * @default false
    */
   disableAutoPlacement?: boolean;
+  /**
+   * The padding used by the `offset` middleware.
+   * @default '20'
+   */
+  padding?: number;
 };
+/**
+ * Initializes the dropdown.
+ * @param options - InitDropdownOptions
+ * @returns A function to programmatically toggle the dropdown.
+ */
 declare const initDropdown: ({
   id,
   disableAutoPlacement,
   placement,
-  positionMiddleware
-}: InitDropdownOptions) => void;
+  positionMiddleware,
+  padding
+}: InitDropdownOptions) => ((open: boolean) => void) | undefined;
 //#endregion
 export { InitDropdownOptions, initDropdown };
-//# sourceMappingURL=index-BLfMNWjj.d.ts.map
+//# sourceMappingURL=index-DV9bEW_1.d.ts.map

package/dist/{index-CPyccYB5.d.ts → index-SaA0V19q.d.ts}

@@ -35,13 +35,24 @@ type InitPopoverOptions = {
    * @default false
    */
   disableAutoPlacement?: boolean;
+  /**
+   * The padding used by the `offset` middleware.
+   * @default '20'
+   */
+  padding?: number;
 };
+/**
+ * Initializes the popover.
+ * @param options - InitPopoverOptions
+ * @returns A function to programmatically toggle the popover.
+ */
 declare const initPopover: ({
   id,
   disableAutoPlacement,
   placement,
-  positionMiddleware
-}: InitPopoverOptions) => void;
+  positionMiddleware,
+  padding
+}: InitPopoverOptions) => ((open: boolean) => void) | undefined;
 //#endregion
 export { InitPopoverOptions, initPopover };
-//# sourceMappingURL=index-CPyccYB5.d.ts.map
+//# sourceMappingURL=index-SaA0V19q.d.ts.map

package/dist/main.d.ts

@@ -1,15 +1,15 @@
 import { UseCheckboxGroupOptions, useCheckboxGroup } from "./useCheckboxGroup-DyHY-wHm.js";
 import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-BtM0-_Y8.js";
 import "./types-BiKqUD4X.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, CheckboxSubsection, CheckboxSubsectionProps, 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, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, 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, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-CpU_SfrR.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, CheckboxSubsection, CheckboxSubsectionProps, 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, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, 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, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-CvksHhtj.js";
 import { Context, DialogTriggerContext, DialogTriggerContextProps } from "./dialog-trigger-context-DwmhJNzA.js";
 import { DrawerTriggerContext, DrawerTriggerContextProps } from "./drawer-trigger-context-BoS9ZcVF.js";
-import { PopoverTriggerContext, PopoverTriggerContextProps } from "./popover-trigger-context-CmM3D7UD.js";
-import { DropdownItem, DropdownItemProps } from "./dropdown-item-BDvjbuEy.js";
-import { DropdownList, DropdownListProps } from "./dropdown-list-MDr2GBcy.js";
-import { FooterLinks, FooterLinksProps } from "./footer-links-Cw_KjLgu.js";
-import { PaginationItem, PaginationItemProps } from "./pagination-item-BsyzpnsB.js";
-import { StickyHeader, StickyHeaderProps } from "./sticky-header-DboQ6EDk.js";
+import { PopoverTriggerContext, PopoverTriggerContextProps } from "./popover-trigger-context-C3lFgYaX.js";
+import { DropdownItem, DropdownItemProps } from "./dropdown-item-CKKjumy3.js";
+import { DropdownList, DropdownListProps } from "./dropdown-list-vVhxG14z.js";
+import { FooterLinks, FooterLinksProps } from "./footer-links-Drm2LFnw.js";
+import { PaginationItem, PaginationItemProps } from "./pagination-item-CA3Xron6.js";
+import { StickyHeader, StickyHeaderProps } from "./sticky-header-CPHxBupp.js";
 import "./index-CTw2zfCM.js";
 import { useIsElementAboveViewport } from "./useIsElementAboveViewport-V1lc14eB.js";
 import { useScrollDirection } from "./useScrollDirection-CDsglrZR.js";

package/dist/main.js

@@ -48,10 +48,10 @@ import { DrawerTriggerContext } from "./drawer-trigger-context-BUWPPdas.js";
 import { DrawerCloseButton } from "./drawer-close-button-DigcuqLc.js";
 import "./drawer-Cc670B_f.js";
 import { PopoverTriggerContext } from "./popover-trigger-context-Cre9Mczn.js";
-import { Popover } from "./popover-Co-HV5GI.js";
+import { Popover } from "./popover-Df2PKqBg.js";
 import { PopoverTrigger } from "./popover-trigger-Chi8uvRM.js";
 import "./popover-Ch_2ehYy.js";
-import { Dropdown } from "./dropdown-x-JxMFr2.js";
+import { Dropdown } from "./dropdown-D-qoCdnF.js";
 import { DropdownButton } from "./dropdown-button-FQqIwqdp.js";
 import { DropdownItem } from "./dropdown-item-DQQXQC4J.js";
 import { DropdownList } from "./dropdown-list-DB1mST67.js";

package/dist/{pagination-item-BsyzpnsB.d.ts → pagination-item-CA3Xron6.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/pagination/pagination-item.d.ts
@@ -15,7 +15,7 @@ declare const PaginationItem: ({
   asChild,
   children,
   ...rest
-}: PaginationItemProps) => react_jsx_runtime70.JSX.Element;
+}: PaginationItemProps) => react_jsx_runtime54.JSX.Element;
 //#endregion
 export { PaginationItem, PaginationItemProps };
-//# sourceMappingURL=pagination-item-BsyzpnsB.d.ts.map
+//# sourceMappingURL=pagination-item-CA3Xron6.d.ts.map