@veracity/vui 3.0.0-beta.7 → 3.0.0-beta.9

package/dist/pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":"wJAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CAAE,QAAO,cAAc,EAAG,aAAc,EAAkB,KAAM,EAAU,YAAa,EACvF,CAAC,EAAM,EAAc,CAAE,eAAc,UAAW,EAAc,CAClE,aAAc,EACd,SAAU,EACV,MAAO,EACR,CAAC,CAGF,MAAgB,CACd,CAAC,GAAgB,IAAmB,EAAY,EAC/C,EAAE,CAAC,CAGN,MAAgB,CACd,GAAW,EAAI,GAAO,EACrB,CAAC,EAAS,CAAC,CAEd,IAAM,EAAY,GAAc,CAG1B,EAAY,EAAQ,GAAK,EAAW,EAAI,KAAK,KAAK,EAAQ,EAAS,CAAG,EAEtE,EAAQ,EAAmB,EAAM,EAAU,CAE3C,GAAc,EAAO,GAAK,EAAW,EAErC,EAAW,IAAS,EAAY,EAAQ,EAAO,EAErD,MAAO,CACL,QACA,QACA,eACA,OACA,YACA,WACA,WACA,aACD"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":";;;;;;AAOA,SAAwB,cAAc,OAA2B;CAC/D,MAAM,EAAE,OAAO,cAAc,GAAG,cAAc,kBAAkB,MAAM,UAAU,aAAa;CAC7F,MAAM,CAAC,MAAM,cAAc,EAAE,cAAc,WAAW,cAAc;EAClE,cAAc;EACd,UAAU;EACV,OAAO;EACR,CAAC;AAGF,iBAAgB;AACd,GAAC,gBAAgB,mBAAmB,YAAY;IAC/C,EAAE,CAAC;;AAGN,iBAAgB;AACd,aAAW,IAAI,OAAO;IACrB,CAAC,SAAS,CAAC;CAEd,MAAM,YAAY,cAAc;;CAGhC,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,SAAS,GAAG;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,UAAU;;CAEjD,MAAM,cAAc,OAAO,KAAK,WAAW;AAI3C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;EACD"}

package/dist/pagination/usePagination.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.types.d.ts","names":[],"sources":["../../src/pagination/usePagination.types.ts"],"sourcesContent":[],"mappings":";KAAY,kBAAA;EAAA"}
+{"version":3,"file":"usePagination.types.d.ts","names":[],"sources":["../../src/pagination/usePagination.types.ts"],"sourcesContent":[],"mappings":";KAAY,kBAAA,CAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA"}

package/dist/panel/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA;AAKE,cALW,KAKX,cAAA,CAAA,KAAA,EALgB,UAKhB,CAAA"}
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA,CAAA,CAAA;AAKE,OAAA,CAAA,KAAA,CALW,KAKX,CAAA,CALgB,YAKhB,CAAA,CAAA,GAAA,CAAA,CAAA,CALgB,UAKhB,CAAA"}

package/dist/panel/panel.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,...c}=t(r),l=n(`Panel`,r);return a(i,{bg:`white`,className:e(`vui-panel`,s),p:2,ref:o,...l,...c})});o.displayName=`Panel`;export{o as Panel};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/panel/panel.tsx
+/**
+* Displays static or partially interactive content, such as text, images or buttons.
+* Supports use cases of showing multiple segments of a page, each focusing on different data type or context.
+*/
+const Panel = vui((props, ref) => {
+	const { className,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Panel", props);
+	return /* @__PURE__ */ jsx(box_default, {
+		bg: "white",
+		className: cs("vui-panel", className),
+		p: 2,
+		ref,
+		...styles,
+		...rest
+	});
+});
+Panel.displayName = "Panel";
+
+//#endregion
+export { Panel };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=panel.js.map

package/dist/panel/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["Box"],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":"0NASA,MAAa,EAAQ,GAAwB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EAAiB,EAAM,CAChD,EAAS,EAAe,QAAS,EAAM,CAE7C,OAAO,EAACA,EAAAA,CAAI,GAAG,QAAQ,UAAW,EAAG,YAAa,EAAU,CAAE,EAAG,EAAQ,MAAK,GAAI,EAAQ,GAAI,GAAQ,EACtG,CAEF,EAAM,YAAc"}
+{"version":3,"file":"panel.js","names":["Box"],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":";;;;;;;;;;;AASA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,UAAW,GAAG,SAAS,iBAAiB,MAAM;CACtD,MAAM,SAAS,eAAe,SAAS,MAAM;AAE7C,QAAO,oBAACA;EAAI,IAAG;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;GAAQ;EACtG;AAEF,MAAM,cAAc"}

package/dist/panel/panel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA,GAAa,KAAK,gCAAgC"}
+{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA,CAAA,CAAA,CAAa,KAAK,gCAAgC"}

package/dist/panel/theme.js

@@ -1,2 +1,22 @@
-var e={baseStyle:{borderRadius:0},defaultProps:{variant:`elevated`},sizes:{},variants:{elevated:{shadow:`1`},outlined:{border:1,borderColor:`sandstone.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/panel/theme.ts
+const baseStyle = { borderRadius: 0 };
+const defaultProps = { variant: "elevated" };
+const sizes = {};
+const variants = {
+	elevated: { shadow: "1" },
+	outlined: {
+		border: 1,
+		borderColor: "sandstone.main"
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/panel/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/panel/theme.ts"],"sourcesContent":["const baseStyle = {\n  borderRadius: 0,\n}\n\nconst defaultProps = {\n  variant: 'elevated',\n}\n\nconst sizes = {}\n\nconst variants = {\n  elevated: {\n    shadow: '1',\n  },\n  outlined: {\n    border: 1,\n    borderColor: 'sandstone.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAoBA,IAAA,EAAe,CACb,UArBgB,CAChB,aAAc,EACf,CAoBC,aAlBmB,CACnB,QAAS,WACV,CAiBC,MAfY,EAAE,CAgBd,SAde,CACf,SAAU,CACR,OAAQ,IACT,CACD,SAAU,CACR,OAAQ,EACR,YAAa,iBACd,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/panel/theme.ts"],"sourcesContent":["const baseStyle = {\n  borderRadius: 0,\n}\n\nconst defaultProps = {\n  variant: 'elevated',\n}\n\nconst sizes = {}\n\nconst variants = {\n  elevated: {\n    shadow: '1',\n  },\n  outlined: {\n    border: 1,\n    borderColor: 'sandstone.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,cAAc,GACf;AAED,MAAM,eAAe,EACnB,SAAS,YACV;AAED,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,UAAU,EACR,QAAQ,KACT;CACD,UAAU;EACR,QAAQ;EACR,aAAa;EACd;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/popover/consts.d.ts

@@ -1,11 +1,8 @@
-import { Plugin } from "tippy.js";
-import { Modifier } from "@popperjs/core";
+import { Middleware } from "@floating-ui/react";
 
 //#region src/popover/consts.d.ts
-/** Closes the popper if 'Escape' is pressed. Tippy plugin. */
-declare const closeOnEscPlugin: Plugin;
-/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */
-declare const matchWidthModifier: Modifier<'matchWidth', any>;
+/** Sets popper width to be the same as reference. Floating UI middleware. */
+declare const matchWidthMiddleware: Middleware;
 //#endregion
-export { closeOnEscPlugin, matchWidthModifier };
+export { matchWidthMiddleware };
 //# sourceMappingURL=consts.d.ts.map

package/dist/popover/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/popover/consts.ts"],"sourcesContent":[],"mappings":";;;;;cAIa,kBAAkB;AAA/B;AAoBa,cAAA,kBAAoB,EAAA,QAAQ,CAAA,YAAA,EAAA,GAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/popover/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,sBAAsB"}

package/dist/popover/consts.js

@@ -1,2 +1,19 @@
-const e={name:`closeOnEsc`,defaultValue:!0,fn({hide:e}){function t(t){t.key===`Escape`&&e()}return{onHide(){document.removeEventListener(`keydown`,t)},onShow(){document.addEventListener(`keydown`,t)}}}},t={name:`matchWidth`,enabled:!0,phase:`beforeWrite`,requires:[`computeStyles`],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{let t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}};export{e as closeOnEscPlugin,t as matchWidthModifier};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/popover/consts.ts
+/** Sets popper width to be the same as reference. Floating UI middleware. */
+const matchWidthMiddleware = {
+	name: "matchWidth",
+	fn({ rects, elements }) {
+		const reference = elements.reference;
+		const floating = elements.floating;
+		if (reference && floating) floating.style.width = `${reference.offsetWidth}px`;
+		return {
+			x: rects.reference.x,
+			y: rects.reference.y
+		};
+	}
+};
+
+//#endregion
+export { matchWidthMiddleware };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=consts.js.map

package/dist/popover/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":["closeOnEscPlugin: Plugin","matchWidthModifier: Modifier<'matchWidth', any>"],"sources":["../../src/popover/consts.ts"],"sourcesContent":["import type { Modifier } from '@popperjs/core'\nimport type { Plugin } from 'tippy.js'\n\n/** Closes the popper if 'Escape' is pressed. Tippy plugin. */\nexport const closeOnEscPlugin: Plugin = {\n  name: 'closeOnEsc',\n  defaultValue: true,\n  fn({ hide }) {\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.key === 'Escape') hide()\n    }\n\n    return {\n      onHide() {\n        document.removeEventListener('keydown', onKeyDown)\n      },\n      onShow() {\n        document.addEventListener('keydown', onKeyDown)\n      },\n    }\n  },\n}\n\n/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */\nexport const matchWidthModifier: Modifier<'matchWidth', any> = {\n  name: 'matchWidth',\n  enabled: true,\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`\n  },\n  effect:\n    ({ state }) =>\n    () => {\n      const reference = state.elements.reference as HTMLElement\n      state.elements.popper.style.width = `${reference.offsetWidth}px`\n    },\n}\n"],"mappings":"AAIA,MAAaA,EAA2B,CACtC,KAAM,aACN,aAAc,GACd,GAAG,CAAE,QAAQ,CACX,SAAS,EAAU,EAAkB,CAC/B,EAAE,MAAQ,UAAU,GAAM,CAGhC,MAAO,CACL,QAAS,CACP,SAAS,oBAAoB,UAAW,EAAU,EAEpD,QAAS,CACP,SAAS,iBAAiB,UAAW,EAAU,EAElD,EAEJ,CAGYC,EAAkD,CAC7D,KAAM,aACN,QAAS,GACT,MAAO,cACP,SAAU,CAAC,gBAAgB,CAC3B,IAAK,CAAE,WAAY,CACjB,EAAM,OAAO,OAAO,MAAQ,GAAG,EAAM,MAAM,UAAU,MAAM,KAE7D,QACG,CAAE,eACG,CACJ,IAAM,EAAY,EAAM,SAAS,UACjC,EAAM,SAAS,OAAO,MAAM,MAAQ,GAAG,EAAU,YAAY,KAElE"}
+{"version":3,"file":"consts.js","names":["matchWidthMiddleware: Middleware"],"sources":["../../src/popover/consts.ts"],"sourcesContent":["import type { Middleware } from '@floating-ui/react'\n\n/** Sets popper width to be the same as reference. Floating UI middleware. */\nexport const matchWidthMiddleware: Middleware = {\n  name: 'matchWidth',\n  fn({ rects, elements }) {\n    const reference = elements.reference as HTMLElement\n    const floating = elements.floating as HTMLElement\n\n    if (reference && floating) {\n      floating.style.width = `${reference.offsetWidth}px`\n    }\n\n    return {\n      x: rects.reference.x,\n      y: rects.reference.y,\n    }\n  },\n}\n"],"mappings":";;AAGA,MAAaA,uBAAmC;CAC9C,MAAM;CACN,GAAG,EAAE,OAAO,YAAY;EACtB,MAAM,YAAY,SAAS;EAC3B,MAAM,WAAW,SAAS;AAE1B,MAAI,aAAa,SACf,UAAS,MAAM,QAAQ,GAAG,UAAU,YAAY;AAGlD,SAAO;GACL,GAAG,MAAM,UAAU;GACnB,GAAG,MAAM,UAAU;GACpB;;CAEJ"}

package/dist/popover/context.d.ts

@@ -1,8 +1,8 @@
 import { Dict } from "../utils/types.js";
-import * as react13 from "react";
+import * as react945 from "react";
 
 //#region src/popover/context.d.ts
-declare const PopoverProvider: react13.Provider<Dict>, usePopoverContext: () => Dict;
+declare const PopoverProvider: react945.Provider<Dict>, usePopoverContext: () => Dict;
 //#endregion
 export { PopoverProvider, usePopoverContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/popover/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,iBAAe,OAAA,CAAA,SAAA,OAAE,yBAAiB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,iBAAe,QAAA,CAAA,SAAA,OAAE,yBAAiB"}

package/dist/popover/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as PopoverProvider,n as usePopoverContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { createContext } from "../utils/react.js";
+
+//#region src/popover/context.ts
+const [PopoverProvider, usePopoverContext] = createContext({ isOptional: true });
+
+//#endregion
+export { PopoverProvider, usePopoverContext };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=context.js.map

package/dist/popover/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAiB,GAAqB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,iBAAiB,qBAAqB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/popover/popover.d.ts

@@ -2,14 +2,14 @@ import { SystemProps } from "../system/system.js";
 import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
 import { PopoverProps } from "./popover.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/popover/popover.d.ts
 /**
  * Uses 'usePopover' hook to expose relevant data to its children parts.
  * By default, renders provided content only when popover is opened (lazy).
  */
-declare function Popover(props: PopoverProps): react_jsx_runtime3.JSX.Element;
+declare function Popover(props: PopoverProps): react_jsx_runtime6.JSX.Element;
 declare namespace Popover {
   var Content: VuiComponent<"div", BoxProps>;
   var Trigger: VuiComponent<"button", SystemProps>;

package/dist/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;iBAWwB,OAAA,QAAe,eAAY,kBAAA,CAAA,GAAA,CAAA;kBAA3B,OAAA;EAAA,IAAA,OAAO,cAAA,CAAA,KAAA,WAAA;EAAA,IAAA,OAAA,cAAA,CAAA,QAAA,cAAA;MAAQ,WAAA,EAAA,MAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;iBAWwB,OAAA,QAAe,eAAY,kBAAA,CAAA,GAAA,CAAA;kBAA3B,OAAA;EAAA,GAAA,CAAA,OAAO,CAAA,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,QAAA,CAAA;EAAA,GAAA,CAAA,OAAA,CAAA,aAAA,CAAA,CAAA,MAAA,CAAA,CAAA,aAAA;MAAQ,WAAA,CAAA,CAAA,MAAA"}

package/dist/popover/popover.js

@@ -1,2 +1,40 @@
-import{runIfFn as e}from"../utils/function.js";import{filterUndefined as t}from"../utils/object.js";import{PopoverProvider as n}from"./context.js";import r from"./popoverContent.js";import i from"./popoverTrigger.js";import a from"./usePopover.js";import{jsx as o}from"react/jsx-runtime";function s(r){let{children:i,isLazy:s=!0,options:c,...l}=r,u=a({options:c,...l}),{close:d,isOpen:f,open:p}=u,m=t({isLazy:s,...u});return o(n,{value:m,children:e(i,{close:d,isOpen:f,open:p})})}s.Content=r,s.Trigger=i,s.displayName=`Popover`;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { runIfFn } from "../utils/function.js";
+import { filterUndefined } from "../utils/object.js";
+import { PopoverProvider } from "./context.js";
+import popoverContent_default from "./popoverContent.js";
+import popoverTrigger_default from "./popoverTrigger.js";
+import usePopover from "./usePopover.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/popover/popover.tsx
+/**
+* Uses 'usePopover' hook to expose relevant data to its children parts.
+* By default, renders provided content only when popover is opened (lazy).
+*/
+function Popover(props) {
+	const { children, isLazy = true, options,...rest } = props;
+	const popoverProps = usePopover({
+		options,
+		...rest
+	});
+	const { close, isOpen, open } = popoverProps;
+	return /* @__PURE__ */ jsx(PopoverProvider, {
+		value: filterUndefined({
+			isLazy,
+			...popoverProps
+		}),
+		children: runIfFn(children, {
+			close,
+			isOpen,
+			open
+		})
+	});
+}
+Popover.Content = popoverContent_default;
+Popover.Trigger = popoverTrigger_default;
+Popover.displayName = "Popover";
+
+//#endregion
+export { Popover as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=popover.js.map

package/dist/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverContent","PopoverTrigger"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport type { PopoverProps } from './popover.types'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nexport default function Popover(props: PopoverProps) {\n  const { children, isLazy = true, options, ...rest } = props\n  const popoverProps = usePopover({ options, ...rest })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":"gSAWA,SAAwB,EAAQ,EAAqB,CACnD,GAAM,CAAE,WAAU,SAAS,GAAM,UAAS,GAAG,GAAS,EAChD,EAAe,EAAW,CAAE,UAAS,GAAG,EAAM,CAAC,CAC/C,CAAE,QAAO,SAAQ,QAAS,EAC1B,EAAU,EAAgB,CAAE,SAAQ,GAAG,EAAc,CAAC,CAE5D,OAAO,EAAC,EAAA,CAAgB,MAAO,WAAU,EAAQ,EAAU,CAAE,QAAO,SAAQ,OAAM,CAAC,EAAmB,CAGxG,EAAQ,QAAUA,EAClB,EAAQ,QAAUC,EAClB,EAAQ,YAAc"}
+{"version":3,"file":"popover.js","names":["PopoverContent","PopoverTrigger"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport type { PopoverProps } from './popover.types'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nexport default function Popover(props: PopoverProps) {\n  const { children, isLazy = true, options, ...rest } = props\n  const popoverProps = usePopover({ options, ...rest })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAwB,QAAQ,OAAqB;CACnD,MAAM,EAAE,UAAU,SAAS,MAAM,QAAS,GAAG,SAAS;CACtD,MAAM,eAAe,WAAW;EAAE;EAAS,GAAG;EAAM,CAAC;CACrD,MAAM,EAAE,OAAO,QAAQ,SAAS;AAGhC,QAAO,oBAAC;EAAgB,OAFR,gBAAgB;GAAE;GAAQ,GAAG;GAAc,CAAC;YAEnB,QAAQ,UAAU;GAAE;GAAO;GAAQ;GAAM,CAAC;GAAmB;;AAGxG,QAAQ,UAAUA;AAClB,QAAQ,UAAUC;AAClB,QAAQ,cAAc"}

package/dist/popover/popover.types.d.ts

@@ -1,9 +1,8 @@
 import { RenderProps } from "../utils/types.js";
 import { SystemProps } from "../system/system.js";
 import { BoxProps } from "../box/box.types.js";
-import { UsePopoverProps } from "./usePopover.types.js";
+import { PopoverOptions, UsePopoverProps } from "./usePopover.types.js";
 import { UsePopoverType } from "./usePopover.js";
-import { TippyProps } from "@tippyjs/react";
 
 //#region src/popover/popover.types.d.ts
 type PopoverContentProps = BoxProps;
@@ -13,7 +12,7 @@ type PopoverProps = UsePopoverProps & {
   /** Mounts provided content only when popover is opened for performance. @default true */
   isLazy?: boolean;
   /** Object with any Tippy props. */
-  options?: Partial<TippyProps>;
+  options?: Partial<PopoverOptions>;
 };
 type PopoverRenderProps = RenderProps<{
   close: UsePopoverType['close'];

package/dist/popover/popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.types.d.ts","names":[],"sources":["../../src/popover/popover.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAQY,mBAAA,GAAsB;KAEtB,YAAA,GAAe;EAFf;EAEA,QAAA,CAAA,EAEC,kBAFW;EAAA;QAAG,CAAA,EAAA,OAAA;;SAMP,CAAA,EAAR,OAAQ,CAAA,UAAA,CAAA;;AAAD,KAGP,kBAAA,GAAqB,WAHd,CAAA;EAGP,KAAA,EACH,cADqB,CAAA,OAAA,CAAA;EAAA,MAAA,EAEpB,cAFoB,CAAA,QAAA,CAAA;MACrB,EAED,cAFC,CAAA,MAAA,CAAA;;AAED,KAGI,mBAAA,GAAsB,WAH1B"}
+{"version":3,"file":"popover.types.d.ts","names":[],"sources":["../../src/popover/popover.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAMY,mBAAA,CAAA,CAAA,CAAsB;KAEtB,YAAA,CAAA,CAAA,CAAe;EAFf,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAEC,kBAFW;EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,CAAA,WAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;QAAG,CAAA,CAAA,CAAA,OAAA;;SAMP,CAAA,CAAA,CAAR,OAAQ,CAAA,cAAA,CAAA;;AAAD,IAAA,CAGP,kBAAA,CAAA,CAAA,CAAqB,WAHd,CAAA;EAGP,KAAA,CAAA,CACH,cADqB,CAAA,CAAA,KAAA,CAAA,CAAA;EAAA,MAAA,CAAA,CAEpB,cAFoB,CAAA,CAAA,MAAA,CAAA,CAAA;MACrB,CAAA,CAED,cAFC,CAAA,CAAA,IAAA,CAAA,CAAA;;AAED,IAAA,CAGI,mBAAA,CAAA,CAAA,CAAsB,WAH1B"}

package/dist/popover/popoverContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa"}
+{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,gBAAc,oBA0CzB,QAAA"}

package/dist/popover/popoverContent.js

@@ -1,2 +1,55 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{usePopoverContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=i((i,c)=>{let{children:l,className:u,...d}=i,f=o()??{},{isLazy:p,isOpen:m,setPopper:h}=f,g=n(`Popover`,{...f,...i}),_=p?m:!0;return s(r.div,{className:`vui-popoverContainer`,ring:0,children:s(a,{bg:`white`,borderRadius:`md`,boxShadow:`2`,className:t(`vui-popoverContent`,u),overflowY:`auto`,ref:e(h,c),ring:0,...g.content,...d,children:_?l:null})})});c.displayName=`PopoverContent`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { mergeRefs } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { v } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { usePopoverContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/popover/popoverContent.tsx
+/** Displays provided content in an overlaying wrapper. */
+const PopoverContent = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const popoverProps = usePopoverContext() ?? {};
+	const { isLazy, isOpen, setPopper, getFloatingProps, floatingStyles, isMounted, styles: transitionStyles } = popoverProps;
+	const styles = useStyleConfig("Popover", {
+		...popoverProps,
+		...props
+	});
+	const shouldRenderChildren = isLazy ? isOpen : true;
+	if (!isOpen && isLazy) return null;
+	const floatingProps = getFloatingProps ? getFloatingProps() : {};
+	return /* @__PURE__ */ jsx(v.div, {
+		className: "vui-popoverContainer",
+		ring: 0,
+		children: /* @__PURE__ */ jsx(box_default, {
+			bg: "white",
+			borderRadius: "md",
+			boxShadow: "2",
+			className: cs("vui-popoverContent", className),
+			overflowY: "auto",
+			ref: mergeRefs(setPopper, ref),
+			ring: 0,
+			style: {
+				...floatingStyles,
+				transition: "none",
+				zIndex: 9999
+			},
+			...styles.content,
+			...floatingProps,
+			...rest,
+			children: isMounted && /* @__PURE__ */ jsx("div", {
+				style: { ...transitionStyles },
+				children: shouldRenderChildren ? children : null
+			})
+		})
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+var popoverContent_default = PopoverContent;
+
+//#endregion
+export { popoverContent_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=popoverContent.js.map

package/dist/popover/popoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.js","names":["Box"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverContentProps } from './popover.types'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const { isLazy, isOpen, setPopper } = popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  return (\n    // Wrapping div prevents an error thrown when conditionally unmounting this component\n    <v.div className=\"vui-popoverContainer\" ring={0}>\n      <Box\n        bg=\"white\"\n        borderRadius=\"md\"\n        boxShadow=\"2\"\n        className={cs('vui-popoverContent', className)}\n        overflowY=\"auto\"\n        ref={mergeRefs(setPopper, ref)}\n        ring={0}\n        {...styles.content}\n        {...rest}\n      >\n        {shouldRenderChildren ? children : null}\n      </Box>\n    </v.div>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":"yUAOA,MAAa,EAAiB,GAAiC,EAAO,IAAQ,CAC5E,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,EAAe,GAAmB,EAAI,EAAE,CACxC,CAAE,SAAQ,SAAQ,aAAc,EAChC,EAAS,EAAe,UAAW,CAAE,GAAG,EAAc,GAAG,EAAO,CAAC,CAEjE,EAAuB,EAAS,EAAS,GAE/C,OAEE,EAAC,EAAE,IAAA,CAAI,UAAU,uBAAuB,KAAM,WAC5C,EAACA,EAAAA,CACC,GAAG,QACH,aAAa,KACb,UAAU,IACV,UAAW,EAAG,qBAAsB,EAAU,CAC9C,UAAU,OACV,IAAK,EAAU,EAAW,EAAI,CAC9B,KAAM,EACN,GAAI,EAAO,QACX,GAAI,WAEH,EAAuB,EAAW,MAC/B,EACA,EAEV,CAEF,EAAe,YAAc,iBAE7B,IAAA,EAAe"}
+{"version":3,"file":"popoverContent.js","names":["Box"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverContentProps } from './popover.types'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const {\n    isLazy,\n    isOpen,\n    setPopper,\n    getFloatingProps,\n    floatingStyles,\n    isMounted,\n    styles: transitionStyles,\n  } = popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  if (!isOpen && isLazy) {\n    return null\n  }\n\n  const floatingProps = getFloatingProps ? getFloatingProps() : {}\n\n  return (\n    // Wrapping div prevents an error thrown when conditionally unmounting this component\n    <v.div className=\"vui-popoverContainer\" ring={0}>\n      <Box\n        bg=\"white\"\n        borderRadius=\"md\"\n        boxShadow=\"2\"\n        className={cs('vui-popoverContent', className)}\n        overflowY=\"auto\"\n        ref={mergeRefs(setPopper, ref)}\n        ring={0}\n        style={{ ...floatingStyles, transition: 'none', zIndex: 9999 }}\n        {...styles.content}\n        {...floatingProps}\n        {...rest}\n      >\n        {isMounted && <div style={{ ...transitionStyles }}>{shouldRenderChildren ? children : null}</div>}\n      </Box>\n    </v.div>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,eAAe,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EACJ,QACA,QACA,WACA,kBACA,gBACA,WACA,QAAQ,qBACN;CACJ,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,uBAAuB,SAAS,SAAS;AAE/C,KAAI,CAAC,UAAU,OACb,QAAO;CAGT,MAAM,gBAAgB,mBAAmB,kBAAkB,GAAG,EAAE;AAEhE,QAEE,oBAAC,EAAE;EAAI,WAAU;EAAuB,MAAM;YAC5C,oBAACA;GACC,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,UAAU;GAC9C,WAAU;GACV,KAAK,UAAU,WAAW,IAAI;GAC9B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,YAAY;IAAQ,QAAQ;IAAM;GAC9D,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,aAAa,oBAAC;IAAI,OAAO,EAAE,GAAG,kBAAkB;cAAG,uBAAuB,WAAW;KAAW;IAC7F;GACA;EAEV;AAEF,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/popover/popoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAUa,cAAA,cAwBX,cAAA,CAAA,QAAA,cAAA"}
+{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAUa,OAAA,CAAA,KAAA,CAAA,cA2BX,CAAA,CA3ByB,YA2BzB,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,WAAA,CAAA"}

package/dist/popover/popoverTrigger.js

@@ -1,2 +1,43 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{usePopoverContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=i((i,s)=>{let{as:c,className:l,onClick:u,...d}=i,{setReference:f,isOpen:p,...m}=a()??{},h=n(`Popover`,{...m,...i}),g=c||r.button;return o(g,{isActive:p,className:t(`vui-popoverTrigger`,l),onClick:e=>{e.stopPropagation(),u?.(e)},ref:e(f,s),...h.trigger,...d})});s.displayName=`PopoverTrigger`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { mergeRefs } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { v } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { usePopoverContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/popover/popoverTrigger.tsx
+/**
+* Displays a trigger component to toggle display of the popover content.
+* Can be rendered as any component using the 'as' prop. By default renders as a plain button.
+*/
+const PopoverTrigger = vui((props, ref) => {
+	const { as, className, onClick: onClickProp,...rest } = props;
+	const { setReference, isOpen, getReferenceProps,...popoverProps } = usePopoverContext() ?? {};
+	const styles = useStyleConfig("Popover", {
+		...popoverProps,
+		...props
+	});
+	const Element = as || v.button;
+	const onClick = (e) => {
+		e.stopPropagation();
+		onClickProp?.(e);
+	};
+	const referenceProps = getReferenceProps ? getReferenceProps() : {};
+	return /* @__PURE__ */ jsx(Element, {
+		isActive: isOpen,
+		className: cs("vui-popoverTrigger", className),
+		onClick,
+		ref: mergeRefs(setReference, ref),
+		...styles.trigger,
+		...referenceProps,
+		...rest
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+var popoverTrigger_default = PopoverTrigger;
+
+//#endregion
+export { popoverTrigger_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=popoverTrigger.js.map

package/dist/popover/popoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import { useStyleConfig, v, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverTriggerProps } from './popover.types'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { setReference, isOpen, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...styles.trigger}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":"4SAUA,MAAa,EAAiB,GAAoC,EAAO,IAAQ,CAE/E,GAAM,CAAE,KAAI,YAAW,QAAS,EAAa,GAAG,GAAS,EACnD,CAAE,eAAc,SAAQ,GAAG,GAAiB,GAAmB,EAAI,EAAE,CACrE,EAAS,EAAe,UAAW,CAAE,GAAG,EAAc,GAAG,EAAO,CAAC,CAEjE,EAAU,GAAM,EAAE,OAQxB,OACE,EAAC,EAAA,CACC,SAAU,EACV,UAAW,EAAG,qBAAsB,EAAU,CACrC,QAVI,GAAqC,CAEpD,EAAE,iBAAiB,CACnB,IAAc,EAAE,EAQd,IAAK,EAAU,EAAc,EAAI,CACjC,GAAI,EAAO,QACX,GAAI,GACJ,EAEJ,CAEF,EAAe,YAAc,iBAE7B,IAAA,EAAe"}
+{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import { useStyleConfig, v, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverTriggerProps } from './popover.types'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { setReference, isOpen, getReferenceProps, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  const referenceProps = getReferenceProps ? getReferenceProps() : {}\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...styles.trigger}\n      {...referenceProps}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,YAAa,GAAG,SAAS;CACzD,MAAM,EAAE,cAAc,QAAQ,kBAAmB,GAAG,iBAAiB,mBAAmB,IAAI,EAAE;CAC9F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;AAEpD,IAAE,iBAAiB;AACnB,gBAAc,EAAE;;CAGlB,MAAM,iBAAiB,oBAAoB,mBAAmB,GAAG,EAAE;AAEnE,QACE,oBAAC;EACC,UAAU;EACV,WAAW,GAAG,sBAAsB,UAAU;EACrC;EACT,KAAK,UAAU,cAAc,IAAI;EACjC,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/popover/theme.js

@@ -1,2 +1,18 @@
-var e={baseStyle:{},defaultProps:{},parts:[`content`,`trigger`],sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/popover/theme.ts
+const baseStyle = {};
+const defaultProps = {};
+const parts = ["content", "trigger"];
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/popover/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/popover/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts = ['content', 'trigger']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAUA,IAAA,EAAe,CACb,UAXgB,EAAE,CAYlB,aAVmB,EAAE,CAWrB,MATY,CAAC,UAAW,UAAU,CAUlC,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/popover/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts = ['content', 'trigger']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,CAAC,WAAW,UAAU;AAEpC,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/popover/usePopover.d.ts

@@ -1,23 +1,27 @@
 import { UsePopoverProps } from "./usePopover.types.js";
-import * as react14 from "react";
-import { Instance, Props } from "tippy.js";
+import * as react946 from "react";
 
 //#region src/popover/usePopover.d.ts
 
 /**
- * Controls the logic of instantiating and managing a tippy instance.
+ * Controls the logic of instantiating and managing a floating UI instance.
  * Takes multiple configuration props that control closing, placement or behavior.
  * Exposes functions used for ref callbacks on consuming components, programatic open/close methods and properties.
  */
 declare function usePopover(props?: UsePopoverProps): {
-  close: () => void | undefined;
-  instance: Instance<Props> | null;
+  close: () => void;
+  instance: any;
   isOpen: boolean;
-  open: () => void | undefined;
+  open: () => void;
   popper: HTMLElement | null;
   reference: HTMLElement | null;
-  setPopper: react14.Dispatch<react14.SetStateAction<HTMLElement | null>>;
-  setReference: react14.Dispatch<react14.SetStateAction<HTMLElement | null>>;
+  setPopper: react946.Dispatch<react946.SetStateAction<HTMLElement | null>>;
+  setReference: react946.Dispatch<react946.SetStateAction<HTMLElement | null>>;
+  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+  floatingStyles: react946.CSSProperties;
+  isMounted: boolean;
+  styles: react946.CSSProperties;
 };
 type UsePopoverType = ReturnType<typeof usePopover>;
 //#endregion

package/dist/popover/usePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AAMyD;;AAOf,iBAAlB,UAAA,CAAkB,KAAA,CAAA,EAAA,eAAA,CAAA,EAAA;;;;;;;;;;KAmH9B,cAAA,GAAiB,kBAAkB"}
+{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAiByD,CAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,IAAA,CAAA,GAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,SAAA,CAAA,UAAA,CAAA,CAAA,WAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,UAAA;;AAOf,OAAA,CAAA,QAAA,CAAlB,UAAA,CAAkB,KAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;KAoJ9B,cAAA,CAAA,CAAA,CAAiB,kBAAkB"}