@veracity/vui 3.0.0-beta.9 → 3.1.0

package/dist/pagination/paginationEllipsis.d.ts

@@ -1,5 +1,7 @@
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/pagination/paginationEllipsis.d.ts
 /** Displays '...' ellipsis for hidden pages. */

package/dist/pagination/paginationEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.d.ts","names":[],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,qBAAA"}
+{"version":3,"file":"paginationEllipsis.d.ts","names":[],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,oBAAkB,qBAAA"}

package/dist/pagination/paginationEllipsis.js

@@ -25,5 +25,5 @@ var paginationEllipsis_default = PaginationEllipsis;
 
 //#endregion
 export { PaginationEllipsis, paginationEllipsis_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationGoToPage.d.ts

@@ -1,5 +1,7 @@
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/pagination/paginationGoToPage.d.ts
 /** Displays a number input, which allows quickly jumping between pages. */

package/dist/pagination/paginationGoToPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,oBAAkB,oBAAA"}
+{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,oBAAkB,oBAAA"}

package/dist/pagination/paginationGoToPage.js

@@ -52,5 +52,5 @@ var paginationGoToPage_default = PaginationGoToPage;
 
 //#endregion
 export { PaginationGoToPage, paginationGoToPage_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationNavigation.d.ts

@@ -1,5 +1,7 @@
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/pagination/paginationNavigation.d.ts
 /** Displays a set of page navigation buttons. */

package/dist/pagination/paginationNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationNavigation.d.ts","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":[],"mappings":";;;;;cAYa,sBAAoB,oBAAA"}
+{"version":3,"file":"paginationNavigation.d.ts","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAYa,sBAAoB,oBAAA"}

package/dist/pagination/paginationNavigation.js

@@ -42,5 +42,5 @@ var paginationNavigation_default = PaginationNavigation;
 
 //#endregion
 export { PaginationNavigation, paginationNavigation_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=paginationNavigation.js.map

package/dist/pagination/paginationPrevNext.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { PaginationPrevNextProps } from "./pagination.types.js";
+import "../index.js";
 
 //#region src/pagination/paginationPrevNext.d.ts
 /** Displays a page navigation button, which navigates forward or backward. */

package/dist/pagination/paginationPrevNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationPrevNext.d.ts","names":[],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,uBAAA"}
+{"version":3,"file":"paginationPrevNext.d.ts","names":[],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,oBAAkB,uBAAA"}

package/dist/pagination/paginationPrevNext.js

@@ -34,5 +34,5 @@ var paginationPrevNext_default = PaginationPrevNext;
 
 //#endregion
 export { PaginationPrevNext, paginationPrevNext_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=paginationPrevNext.js.map

package/dist/pagination/paginationResults.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/pagination/paginationResults.d.ts
 /** Displays an action button within the Pagination. */

package/dist/pagination/paginationResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationResults.d.ts","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,mBAAiB,qBAAA"}
+{"version":3,"file":"paginationResults.d.ts","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,qBAAA"}

package/dist/pagination/paginationResults.js

@@ -25,5 +25,5 @@ var paginationResults_default = PaginationResults;
 
 //#endregion
 export { PaginationResults, paginationResults_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=paginationResults.js.map

package/dist/pagination/theme.js

@@ -38,5 +38,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;SAAkB,cAAA,CAAA;EAAvC,YAAA,CAAA,kBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA;WAAQ,CAAA,CAAA,MAAA;UAAkB,CAAA,CAAA,MAAA;;;;AAyCnD,IAAA,CAAA,uBAAA,CAAA,CAAA,CAA0B,UAAH,CAAA,MAAA,CAAqB,aAArB,CAAA"}
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;SAAkB,cAAA,CAAA;EAAvC,YAAA,CAAA,kBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAQ,IAAA,CAAA,CAAA,MAAA;EAAkB,SAAA,CAAA,CAAA,MAAA;;;;AAyC/D,CAAA;KAAY,uBAAA,CAAA,CAAA,CAA0B,kBAAkB"}

package/dist/pagination/usePagination.js

@@ -39,5 +39,5 @@ function usePagination(props) {
 
 //#endregion
 export { usePagination as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=usePagination.js.map

package/dist/panel/index.d.ts

@@ -0,0 +1,2 @@
+import { PanelProps } from "./panel.types.js";
+import { Panel } from "./panel.js";

package/dist/panel/panel.d.ts

@@ -1,8 +1,8 @@
 import { VuiComponent } from "../core/vui.js";
 import { PanelProps } from "./panel.types.js";
+import "../index.js";
 
 //#region src/panel/panel.d.ts
-
 /**
  * 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.

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AASa,OAAA,CAAA,KAAA,CAAA,KAAK,CAAA,CAAA,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,UAAA,CAAA"}

package/dist/panel/panel.js

@@ -25,5 +25,5 @@ Panel.displayName = "Panel";
 
 //#endregion
 export { Panel };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=panel.js.map

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

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 
 //#region src/panel/panel.types.d.ts
 type PanelProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Panel'> & {};

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,CAAA,CAAA,CAAa,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

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=theme.js.map

package/dist/popover/consts.d.ts

@@ -1,8 +1,11 @@
-import { Middleware } from "@floating-ui/react";
+import { Plugin } from "tippy.js";
+import { Modifier } from "@popperjs/core";
 
 //#region src/popover/consts.d.ts
-/** Sets popper width to be the same as reference. Floating UI middleware. */
-declare const matchWidthMiddleware: Middleware;
+/** 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>;
 //#endregion
-export { matchWidthMiddleware };
+export { closeOnEscPlugin, matchWidthModifier };
 //# 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":";;;;cAGa,sBAAsB"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/popover/consts.ts"],"sourcesContent":[],"mappings":";;;;;cAIa,kBAAkB;AAA/B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAoBa,OAAA,CAAA,KAAA,CAAA,kBAAoB,CAAA,CAAA,QAAQ,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/popover/consts.js

@@ -1,19 +1,38 @@
 //#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`;
+/** Closes the popper if 'Escape' is pressed. Tippy plugin. */
+const closeOnEscPlugin = {
+	name: "closeOnEsc",
+	defaultValue: true,
+	fn({ hide }) {
+		function onKeyDown(e) {
+			if (e.key === "Escape") hide();
+		}
 		return {
-			x: rects.reference.x,
-			y: rects.reference.y
+			onHide() {
+				document.removeEventListener("keydown", onKeyDown);
+			},
+			onShow() {
+				document.addEventListener("keydown", onKeyDown);
+			}
 		};
 	}
 };
+/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */
+const matchWidthModifier = {
+	name: "matchWidth",
+	enabled: true,
+	phase: "beforeWrite",
+	requires: ["computeStyles"],
+	fn: ({ state }) => {
+		state.styles.popper.width = `${state.rects.reference.width}px`;
+	},
+	effect: ({ state }) => () => {
+		const reference = state.elements.reference;
+		state.elements.popper.style.width = `${reference.offsetWidth}px`;
+	}
+};
 
 //#endregion
-export { matchWidthMiddleware };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+export { closeOnEscPlugin, matchWidthModifier };
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=consts.js.map

package/dist/popover/consts.js.map

@@ -1 +1 @@
-{"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"}
+{"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,mBAA2B;CACtC,MAAM;CACN,cAAc;CACd,GAAG,EAAE,QAAQ;EACX,SAAS,UAAU,GAAkB;AACnC,OAAI,EAAE,QAAQ,SAAU,OAAM;;AAGhC,SAAO;GACL,SAAS;AACP,aAAS,oBAAoB,WAAW,UAAU;;GAEpD,SAAS;AACP,aAAS,iBAAiB,WAAW,UAAU;;GAElD;;CAEJ;;AAGD,MAAaC,qBAAkD;CAC7D,MAAM;CACN,SAAS;CACT,OAAO;CACP,UAAU,CAAC,gBAAgB;CAC3B,KAAK,EAAE,YAAY;AACjB,QAAM,OAAO,OAAO,QAAQ,GAAG,MAAM,MAAM,UAAU,MAAM;;CAE7D,SACG,EAAE,kBACG;EACJ,MAAM,YAAY,MAAM,SAAS;AACjC,QAAM,SAAS,OAAO,MAAM,QAAQ,GAAG,UAAU,YAAY;;CAElE"}

package/dist/popover/context.d.ts

@@ -1,4 +1,5 @@
 import { Dict } from "../utils/types.js";
+import "../utils/index.js";
 import * as react945 from "react";
 
 //#region src/popover/context.d.ts

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,QAAA,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

@@ -5,5 +5,5 @@ const [PopoverProvider, usePopoverContext] = createContext({ isOptional: true })
 
 //#endregion
 export { PopoverProvider, usePopoverContext };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=context.js.map

package/dist/popover/globalStyle.js

@@ -0,0 +1,27 @@
+import { createGlobalStyle } from "../core/styled.js";
+
+//#region src/popover/globalStyle.ts
+var globalStyle_default = createGlobalStyle`
+	[data-tippy-root] {
+		max-width: calc(100vw - 10px);
+	}
+
+	.tippy-box {
+		position: relative;
+		transition-property: transform, visibility, opacity;
+	}
+
+	.tippy-box[data-animation=fade][data-state=hidden] {
+		opacity: 0;
+	}
+
+	.tippy-content {
+		position: relative;
+		z-index: 1;
+	}
+`;
+
+//#endregion
+export { globalStyle_default as default };
+globalThis.__vuiVersion__ = "3.1.0"
+//# sourceMappingURL=globalStyle.js.map

package/dist/popover/globalStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyle.js","names":[],"sources":["../../src/popover/globalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from '../core'\n\nexport default createGlobalStyle`\n\t[data-tippy-root] {\n\t\tmax-width: calc(100vw - 10px);\n\t}\n\n\t.tippy-box {\n\t\tposition: relative;\n\t\ttransition-property: transform, visibility, opacity;\n\t}\n\n\t.tippy-box[data-animation=fade][data-state=hidden] {\n\t\topacity: 0;\n\t}\n\n\t.tippy-content {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n`\n"],"mappings":";;;AAEA,0BAAe,iBAAiB"}

package/dist/popover/index.d.ts

@@ -0,0 +1,8 @@
+import { closeOnEscPlugin, matchWidthModifier } from "./consts.js";
+import { PopoverProvider, usePopoverContext } from "./context.js";
+import { UsePopoverProps } from "./usePopover.types.js";
+import { usePopover } from "./usePopover.js";
+import { PopoverContentProps, PopoverProps, PopoverRenderProps, PopoverTriggerProps } from "./popover.types.js";
+import { Popover } from "./popover.js";
+import { PopoverContent } from "./popoverContent.js";
+import { PopoverTrigger } from "./popoverTrigger.js";

package/dist/popover/popover.d.ts

@@ -2,6 +2,7 @@ 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 "../index.js";
 import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/popover/popover.d.ts

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,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"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;iBAWwB,OAAA,QAAe,eAAY,kBAAA,CAAA,GAAA,CAAA;kBAA3B,OAAA;mCAAO,QAAA;EAAP,GAAA,CAAA,OAAO,CAAA,aAAoB,CAAA,CAAA,MAAA,CAAA,CAAA,aAAA;EAA3B,GAAA,CAAA,WAAO,CAAA,CAAA,MAAA"}

package/dist/popover/popover.js

@@ -36,5 +36,5 @@ Popover.displayName = "Popover";
 
 //#endregion
 export { Popover as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=popover.js.map

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

@@ -1,8 +1,12 @@
 import { RenderProps } from "../utils/types.js";
+import "../utils/index.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { BoxProps } from "../box/box.types.js";
-import { PopoverOptions, UsePopoverProps } from "./usePopover.types.js";
+import "../box/index.js";
+import { 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;
@@ -12,7 +16,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<PopoverOptions>;
+  options?: Partial<TippyProps>;
 };
 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":";;;;;;;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"}
+{"version":3,"file":"popover.types.d.ts","names":[],"sources":["../../src/popover/popover.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAQY,mBAAA,CAAA,CAAA,CAAsB;KAEtB,YAAA,CAAA,CAAA,CAAe;;aAEd;;EAJD,MAAA,CAAA,CAAA,CAAA,OAAA;EAEA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAe,OAAA,CAAA,CAAA,CAMf,OANe,CAMP,UANO,CAAA;CAEd;AAIO,IAAA,CAGR,kBAAA,CAAA,CAAA,CAAqB,WAHb,CAAA;EAAR,KAAA,CAAA,CAIH,cAJG,CAAA,CAAA,KAAA,CAAA,CAAA;EAAO,MAAA,CAAA,CAKT,cALS,CAAA,CAAA,MAAA,CAAA,CAAA;EAGP,IAAA,CAAA,CAGJ,cAHI,CAAkB,CAAA,IAAA,CAAA,CAAA;CACrB,CAAA;AACC,IAAA,CAIE,mBAAA,CAAA,CAAA,CAAsB,WAJxB"}

package/dist/popover/popoverContent.d.ts

@@ -1,5 +1,6 @@
 import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/popover/popoverContent.d.ts
 /** Displays provided content in an overlaying wrapper. */

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

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

package/dist/popover/popoverContent.js

@@ -12,14 +12,12 @@ import { jsx } from "react/jsx-runtime";
 const PopoverContent = vui((props, ref) => {
 	const { children, className,...rest } = props;
 	const popoverProps = usePopoverContext() ?? {};
-	const { isLazy, isOpen, setPopper, getFloatingProps, floatingStyles, isMounted, styles: transitionStyles } = popoverProps;
+	const { isLazy, isOpen, setPopper } = 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,
@@ -31,18 +29,9 @@ const PopoverContent = vui((props, ref) => {
 			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
-			})
+			children: shouldRenderChildren ? children : null
 		})
 	});
 });
@@ -51,5 +40,5 @@ var popoverContent_default = PopoverContent;
 
 //#endregion
 export { popoverContent_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# 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 {\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"}
+{"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":";;;;;;;;;;;AAOA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,eAAe,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,QAAQ,QAAQ,cAAc;CACtC,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,uBAAuB,SAAS,SAAS;AAE/C,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,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;IAC/B;GACA;EAEV;AAEF,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/popover/popoverTrigger.d.ts

@@ -1,5 +1,6 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/popover/popoverTrigger.d.ts
 /**

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAUa,gBAAc,uBAwBzB,WAAA"}

package/dist/popover/popoverTrigger.js

@@ -13,7 +13,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const PopoverTrigger = vui((props, ref) => {
 	const { as, className, onClick: onClickProp,...rest } = props;
-	const { setReference, isOpen, getReferenceProps,...popoverProps } = usePopoverContext() ?? {};
+	const { setReference, isOpen,...popoverProps } = usePopoverContext() ?? {};
 	const styles = useStyleConfig("Popover", {
 		...popoverProps,
 		...props
@@ -23,14 +23,12 @@ const PopoverTrigger = vui((props, ref) => {
 		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
 	});
 });
@@ -39,5 +37,5 @@ var popoverTrigger_default = PopoverTrigger;
 
 //#endregion
 export { popoverTrigger_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# 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, 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"}
+{"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":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,YAAa,GAAG,SAAS;CACzD,MAAM,EAAE,cAAc,OAAQ,GAAG,iBAAiB,mBAAmB,IAAI,EAAE;CAC3E,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;;AAGlB,QACE,oBAAC;EACC,UAAU;EACV,WAAW,GAAG,sBAAsB,UAAU;EACrC;EACT,KAAK,UAAU,cAAc,IAAI;EACjC,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/popover/theme.js

@@ -14,5 +14,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=theme.js.map

package/dist/popover/usePopover.d.ts

@@ -1,27 +1,23 @@
 import { UsePopoverProps } from "./usePopover.types.js";
 import * as react946 from "react";
+import { Instance, Props } from "tippy.js";
 
 //#region src/popover/usePopover.d.ts
 
 /**
- * Controls the logic of instantiating and managing a floating UI instance.
+ * Controls the logic of instantiating and managing a tippy 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;
-  instance: any;
+  close: () => void | undefined;
+  instance: Instance<Props> | null;
   isOpen: boolean;
-  open: () => void;
+  open: () => void | undefined;
   popper: HTMLElement | null;
   reference: 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":";;;;;;;;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"}
+{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AAMyD,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;;iBAOjC,UAAA,SAAkB;;;;;;;;;;KAmH9B,cAAA,CAAA,CAAA,CAAiB,kBAAkB"}