@veracity/vui 4.0.2 → 4.0.3-alpha.375407.2603101342

package/dist/popover/popover.js

@@ -5,33 +5,45 @@ import PopoverContent from "./popoverContent.js";
 import PopoverTrigger from "./popoverTrigger.js";
 import usePopover from "./usePopover.js";
 import { jsx } from "react/jsx-runtime";
+import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from "@floating-ui/react";
 
 //#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) {
+function PopoverInner(props) {
+	const nodeId = useFloatingNodeId();
 	const { children, isLazy = true, ...rest } = props;
-	const popoverProps = usePopover(rest);
+	const popoverProps = usePopover({
+		...rest,
+		nodeId
+	});
 	const { close, isOpen, open } = popoverProps;
-	return /* @__PURE__ */ jsx(PopoverProvider, {
-		value: filterUndefined({
-			isLazy,
-			...popoverProps
-		}),
-		children: runIfFn(children, {
-			close,
-			isOpen,
-			open
+	return /* @__PURE__ */ jsx(FloatingNode, {
+		id: nodeId,
+		children: /* @__PURE__ */ jsx(PopoverProvider, {
+			value: filterUndefined({
+				isLazy,
+				...popoverProps
+			}),
+			children: runIfFn(children, {
+				close,
+				isOpen,
+				open
+			})
 		})
 	});
 }
+function Popover(props) {
+	if (useFloatingParentNodeId() === null) return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(PopoverInner, { ...props }) });
+	return /* @__PURE__ */ jsx(PopoverInner, { ...props });
+}
 Popover.Content = PopoverContent;
 Popover.Trigger = PopoverTrigger;
 Popover.displayName = "Popover";
 
 //#endregion
 export { Popover as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=popover.js.map

package/dist/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"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, ...rest } = props\n  const popoverProps = usePopover(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,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW,KAAK;CACrC,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,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from '@floating-ui/react'\n\nimport { 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 */\nfunction PopoverInner(props: PopoverProps) {\n  const nodeId = useFloatingNodeId()\n  const { children, isLazy = true, ...rest } = props\n  const popoverProps = usePopover({ ...rest, nodeId })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return (\n    <FloatingNode id={nodeId}>\n      <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n    </FloatingNode>\n  )\n}\n\nexport default function Popover(props: PopoverProps) {\n  const parentId = useFloatingParentNodeId()\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <PopoverInner {...props} />\n      </FloatingTree>\n    )\n  }\n\n  return <PopoverInner {...props} />\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,mBAAmB;CAClC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;EAAQ,CAAC;CACpD,MAAM,EAAE,OAAO,QAAQ,SAAS;AAGhC,QACE,oBAAC;EAAa,IAAI;YAChB,oBAAC;GAAgB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;IAAc,CAAC;aAItB,QAAQ,UAAU;IAAE;IAAO;IAAQ;IAAM,CAAC;IAAmB;GAClF;;AAInB,SAAwB,QAAQ,OAAqB;AAGnD,KAFiB,yBAAyB,KAEzB,KACf,QACE,oBAAC,0BACC,oBAAC,gBAAa,GAAI,QAAS,GACd;AAInB,QAAO,oBAAC,gBAAa,GAAI,QAAS;;AAGpC,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}

package/dist/popover/popoverContent.js

@@ -45,5 +45,5 @@ PopoverContent.displayName = "PopoverContent";
 
 //#endregion
 export { PopoverContent as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=popoverContent.js.map

package/dist/popover/popoverTrigger.js

@@ -38,5 +38,5 @@ PopoverTrigger.displayName = "PopoverTrigger";
 
 //#endregion
 export { PopoverTrigger as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=popoverTrigger.js.map

package/dist/popover/theme.js

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

package/dist/popover/usePopover.d.ts

@@ -6,12 +6,15 @@ import * as react from "react";
 import * as _floating_ui_react0 from "@floating-ui/react";
 
 //#region src/popover/usePopover.d.ts
+type UsePopoverInternalProps = UsePopoverProps & {
+  nodeId?: string;
+};
 /**
  * Controls the logic of positioning and managing a floating popover.
  * Takes multiple configuration props that control closing, placement or behavior.
  * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.
  */
-declare function usePopover(props?: UsePopoverProps): {
+declare function usePopover(props?: UsePopoverInternalProps): {
   close: () => void;
   context: {
     x: number;

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

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;;;;;;;;iBAyBwB,UAAA,CAAW,KAAA,GAAO,eAAA;;;;;eAAoB,WAAA;;;;;;;;;;;;;;;;;;;;;;aA6GrB,WAAA;;sCAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAA,QAAkB,UAAA"}
+{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;;;KAqBK,uBAAA,GAA0B,eAAA;EAC7B,MAAA;AAAA;;;;;AAHuD;iBAWjC,UAAA,CAAW,KAAA,GAAO,uBAAA;;;;;eAA4B,WAAA;;;;;;;;;;;;;;;;;;;;;;aA+G7B,WAAA;;sCAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAA,QAAkB,UAAA"}

package/dist/popover/usePopover.js

@@ -1,6 +1,6 @@
 import { useCallbackRef } from "../utils/react.js";
 import { useCallback, useEffect, useState } from "react";
-import { autoUpdate, flip, offset, shift, size, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, useTransitionStyles } from "@floating-ui/react";
+import { autoUpdate, flip, offset, safePolygon, shift, size, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, useTransitionStyles } from "@floating-ui/react";
 
 //#region src/popover/usePopover.ts
 /**
@@ -9,7 +9,7 @@ import { autoUpdate, flip, offset, shift, size, useClick, useDismiss, useFloatin
 * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.
 */
 function usePopover(props = {}) {
-	const { closeOnBlur = true, closeOnEsc = true, defaultIsOpen = false, flip: flip$1 = true, isOpen: isOpenProp, matchWidth, offset: offset$1, onClose: onCloseProp, onOpen: onOpenProp, placement = "bottom-start", trigger = "click" } = props;
+	const { closeOnBlur = true, closeOnEsc = true, defaultIsOpen = false, flip: flip$1 = true, isOpen: isOpenProp, matchWidth, offset: offset$1, onClose: onCloseProp, onOpen: onOpenProp, nodeId, placement = "bottom-start", trigger = "click" } = props;
 	const isControlled = isOpenProp !== void 0;
 	const [isOpenState, setIsOpenState] = useState(defaultIsOpen);
 	const isOpen = isControlled ? isOpenProp : isOpenState;
@@ -29,6 +29,7 @@ function usePopover(props = {}) {
 	const { refs, floatingStyles, context } = useFloating({
 		open: isOpen,
 		onOpenChange: setIsOpen,
+		nodeId,
 		placement,
 		middleware: [
 			offset({
@@ -57,7 +58,7 @@ function usePopover(props = {}) {
 		useHover(context, {
 			enabled: hoverEnabled,
 			move: false,
-			handleClose: null,
+			handleClose: hoverEnabled ? safePolygon() : null,
 			delay: {
 				open: 0,
 				close: 200
@@ -94,5 +95,5 @@ function usePopover(props = {}) {
 
 //#endregion
 export { usePopover as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=usePopover.js.map

package/dist/popover/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useCallbackRef } from '../utils'\nimport type { UsePopoverProps } from './usePopover.types'\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: null, // Keeps popover open when moving between trigger and content\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AAyBA,SAAwB,WAAW,QAAyB,EAAE,EAAE;CAC9D,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,YAAY;CAC3C,MAAM,SAAS,eAAe,WAAW;CAEzC,MAAM,YAAY,aACf,SAAkB;AACjB,MAAI,CAAC,aACH,gBAAe,KAAK;AAEtB,MAAI,KACF,SAAQ;MAER,UAAS;IAGb;EAAC;EAAc;EAAQ;EAAQ,CAChC;CAED,MAAM,QAAQ,kBAAkB,UAAU,MAAM,EAAE,CAAC,UAAU,CAAC;CAC9D,MAAM,OAAO,kBAAkB,UAAU,KAAK,EAAE,CAAC,UAAU,CAAC;CAiB5D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA,YAlBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;IAAG,CAAC;GAC7EC,UAAQC,MAAgB;GACxB,MAAM,EAAE,SAAS,GAAG,CAAC;GACrB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;AACzB,WAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,KACjC,CAAC;MAEL,CAAC;GACL,CAAC,OAAO,QAAQ;EAOf,sBAAsB;EACvB,CAAC;CAGF,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,OAAO,EAAE,SAAS,GAAG;EACtB,CAAC;CAGF,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,cAAc,CAAC;EAC5C,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa;GACb,OAAO;IAAE,MAAM;IAAG,OAAO;IAAK;GAC/B,CAAC;EACY,SAAS,SAAS,EAAE,SAAS,cAAc,CAAC;EAC1C,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;GACf,CAAC;EACW,QAAQ,QAAQ;EAEuE,CAAC;AAGrG,iBAAgB;AACd,MAAI,aACF,gBAAe,WAAW;IAE3B,CAAC,cAAc,WAAW,CAAC;AAE9B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;EACD"}
+{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useCallbackRef } from '../utils'\nimport type { UsePopoverProps } from './usePopover.types'\n\ntype UsePopoverInternalProps = UsePopoverProps & {\n  nodeId?: string\n}\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverInternalProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    nodeId,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    nodeId,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: hoverEnabled ? safePolygon() : null,\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AA8BA,SAAwB,WAAW,QAAiC,EAAE,EAAE;CACtE,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,QACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,YAAY;CAC3C,MAAM,SAAS,eAAe,WAAW;CAEzC,MAAM,YAAY,aACf,SAAkB;AACjB,MAAI,CAAC,aACH,gBAAe,KAAK;AAEtB,MAAI,KACF,SAAQ;MAER,UAAS;IAGb;EAAC;EAAc;EAAQ;EAAQ,CAChC;CAED,MAAM,QAAQ,kBAAkB,UAAU,MAAM,EAAE,CAAC,UAAU,CAAC;CAC9D,MAAM,OAAO,kBAAkB,UAAU,KAAK,EAAE,CAAC,UAAU,CAAC;CAiB5D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA;EACA,YAnBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;IAAG,CAAC;GAC7EC,UAAQC,MAAgB;GACxB,MAAM,EAAE,SAAS,GAAG,CAAC;GACrB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;AACzB,WAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,KACjC,CAAC;MAEL,CAAC;GACL,CAAC,OAAO,QAAQ;EAQf,sBAAsB;EACvB,CAAC;CAGF,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,OAAO,EAAE,SAAS,GAAG;EACtB,CAAC;CAGF,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,cAAc,CAAC;EAC5C,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa,eAAe,aAAa,GAAG;GAC5C,OAAO;IAAE,MAAM;IAAG,OAAO;IAAK;GAC/B,CAAC;EACY,SAAS,SAAS,EAAE,SAAS,cAAc,CAAC;EAC1C,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;GACf,CAAC;EACW,QAAQ,QAAQ;EAEuE,CAAC;AAGrG,iBAAgB;AACd,MAAI,aACF,gBAAe,WAAW;IAE3B,CAAC,cAAc,WAAW,CAAC;AAE9B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;EACD"}

package/dist/portal/portal.js

@@ -17,5 +17,5 @@ Portal.displayName = "Portal";
 
 //#endregion
 export { Portal as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=portal.js.map

package/dist/progress/progress.js

@@ -52,5 +52,5 @@ Progress.displayName = "Progress";
 
 //#endregion
 export { ProgressBase, Progress as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=progress.js.map

package/dist/progress/progress.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"mappings":";;;;;KAGY,aAAA,GAAgB,WAAA,GAC1B,YAAA;EACE,KAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"mappings":";;;;;;KAGY,aAAA,GAAgB,WAAA,GAC1B,YAAA;EACE,KAAA;EACA,cAAA;AAAA"}

package/dist/progress/theme.js

@@ -57,5 +57,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/progressCircular/consts.js

@@ -13,5 +13,5 @@ const maxValue = 100;
 
 //#endregion
 export { absCenterStyles, labelBottom, maxValue };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=consts.js.map

package/dist/progressCircular/progressCircular.js

@@ -94,5 +94,5 @@ ProgressCircular.displayName = "ProgressCircular";
 
 //#endregion
 export { ProgressCircularBase, ProgressCircular as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=progressCircular.js.map

package/dist/progressCircular/progressCircular.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;;;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}

package/dist/progressCircular/theme.js

@@ -55,5 +55,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/prose/prose.js

@@ -4,17 +4,17 @@ import Box from "../box/box.js";
 
 //#region src/prose/prose.tsx
 const Prose = styled(Box)`
-  --link-transition-duration: 0.5s;
-  --list-margin: ${th.space(2)};
-  --list-padding-left: ${th.space(4)};
-  --nested-list-margin: ${th.space(.5)};
-  --link-color: ${th.color("seaBlue.main")};
-  --link-hover-color: ${th.color("seaBlue.35")};
-  --bold-font-weight: ${th.fontWeight("bold")};
+  --vui-prose-link-transition-duration: 0.5s;
+  --vui-prose-list-margin: ${th.space(2)};
+  --vui-prose-list-padding-left: ${th.space(4)};
+  --vui-prose-nested-list-margin: ${th.space(.5)};
+  --vui-prose-link-color: ${th.color("seaBlue.main")};
+  --vui-prose-link-hover-color: ${th.color("seaBlue.35")};
+  --vui-prose-bold-font-weight: ${th.fontWeight("bold")};
 
   display: block;
 
-  /* Paragraphs */
+  /* Paragraphs one after another */
   p + p {
     margin-top: ${th.space(2)};
   }
@@ -22,20 +22,20 @@ const Prose = styled(Box)`
   /* Bold text */
   b,
   strong {
-    font-weight: var(--bold-font-weight);
+    font-weight: var(--vui-prose-bold-font-weight);
   }
 
   /* Unordered lists */
   ul {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: disc;
   }
 
   /* Ordered lists */
   ol {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: decimal;
   }
 
@@ -51,7 +51,7 @@ const Prose = styled(Box)`
   ul ul,
   ol ul {
     list-style-type: circle;
-    margin: var(--nested-list-margin) 0;
+    margin: var(--vui-nested-list-margin) 0;
   }
 
   ul ul ul,
@@ -67,7 +67,7 @@ const Prose = styled(Box)`
 
   /* Links - as in Link component */
   a {
-    color: var(--link-color);
+    color: var(--vui-prose-link-color);
     cursor: pointer;
     padding-bottom: 2px;
     position: relative;
@@ -78,13 +78,13 @@ const Prose = styled(Box)`
     background-position: 0 100%;
     background-repeat: no-repeat;
 
-    transition: color var(--link-transition-duration) ease;
+    transition: color var(--vui-prose-link-transition-duration) ease;
 
     &:hover,
     &:focus {
-      animation: linkSwipe var(--link-transition-duration) ease forwards;
+      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;
       background-size: 100% 1px;
-      color: var(--link-hover-color);
+      color: var(--vui-prose-link-hover-color);
     }
 
     &[target='_blank']::after,
@@ -126,5 +126,5 @@ Prose.displayName = "Prose";
 
 //#endregion
 export { Prose as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=prose.js.map

package/dist/prose/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --link-transition-duration: 0.5s;\n  --list-margin: ${th.space(2)};\n  --list-padding-left: ${th.space(4)};\n  --nested-list-margin: ${th.space(0.5)};\n  --link-color: ${th.color('seaBlue.main')};\n  --link-hover-color: ${th.color('seaBlue.35')};\n  --bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;mBAEzB,GAAG,MAAM,EAAE,CAAC;yBACN,GAAG,MAAM,EAAE,CAAC;0BACX,GAAG,MAAM,GAAI,CAAC;kBACtB,GAAG,MAAM,eAAe,CAAC;wBACnB,GAAG,MAAM,aAAa,CAAC;wBACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAM5B,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}
+{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --vui-prose-link-transition-duration: 0.5s;\n  --vui-prose-list-margin: ${th.space(2)};\n  --vui-prose-list-padding-left: ${th.space(4)};\n  --vui-prose-nested-list-margin: ${th.space(0.5)};\n  --vui-prose-link-color: ${th.color('seaBlue.main')};\n  --vui-prose-link-hover-color: ${th.color('seaBlue.35')};\n  --vui-prose-bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs one after another */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--vui-prose-bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--vui-nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--vui-prose-link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--vui-prose-link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--vui-prose-link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;6BAEf,GAAG,MAAM,EAAE,CAAC;mCACN,GAAG,MAAM,EAAE,CAAC;oCACX,GAAG,MAAM,GAAI,CAAC;4BACtB,GAAG,MAAM,eAAe,CAAC;kCACnB,GAAG,MAAM,aAAa,CAAC;kCACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAMtC,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}

package/dist/radio/consts.js

@@ -8,5 +8,5 @@ const radioColors = {
 
 //#endregion
 export { radioColors };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=consts.js.map

package/dist/radio/context.js

@@ -5,5 +5,5 @@ const [RadioGroupProvider, useRadioGroupContext] = createContext({ isOptional: t
 
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=context.js.map

package/dist/radio/radio.js

@@ -126,5 +126,5 @@ Radio.displayName = "Radio";
 
 //#endregion
 export { RadioBase, Radio as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=radio.js.map

package/dist/radio/radio.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA,wBALQ;EAOR,QAAA;EAEA,IAAA,GAAO,QAAA,EART;EAUE,WAAA,GAAc,QAAA,EAAA;EAEd,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAf;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,KAAA,WAMW;EAJX,IAAA,WAM2B;EAJ3B,MAAA,GAAS,iBAAA,EArBY;EAuBrB,QAAA,GAAW,kBAAA,EApBX;EAsBA,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAlBO;EAoBP,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBK,6DAqBf,iBAAA;AAAA"}
+{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA;EAEA,QAAA,YAPkB;EASlB,IAAA,GAAO,QAAA,EATc;EAWrB,WAAA,GAAc,QAAA,EAFP;EAIP,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAA;EAE5B,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAA;EAElC,KAAA,WAIS;EAFT,IAAA,WAMU;EAJV,MAAA,GAAS,iBAAA,EAIkB;EAF3B,QAAA,GAAW,kBAAA,EAtBb;EAwBE,OAAA,GAAU,iBAAA,EApBV;EAsBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBR,6DAqBF,iBAAA;AAAA"}

package/dist/radio/radioGroup.js

@@ -61,5 +61,5 @@ RadioGroup.displayName = "RadioGroup";
 
 //#endregion
 export { RadioGroupBase, RadioGroup as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=radioGroup.js.map

package/dist/radio/radioGroup.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

package/dist/radio/radioGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALuB;EAOvB,KAAA,YAP0B;EAS1B,IAAA,WAES;EAAT,MAAA,GAAS,iBAAA,EAIC;EAFV,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAdZ;EAgBE,KAAA;AAAA"}
+{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;;;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALQ;EAOR,KAAA;EAEA,IAAA,WARF;EAUE,MAAA,GAAS,iBAAA,EAEE;EAAX,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAfgB;EAiB1B,KAAA;AAAA"}

package/dist/radio/theme.js

@@ -45,5 +45,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/range/consts.js

@@ -7,5 +7,5 @@ const rangeColors = {
 
 //#endregion
 export { rangeColors };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=consts.js.map

package/dist/range/range.js

@@ -86,5 +86,5 @@ Range.displayName = "Range";
 
 //#endregion
 export { Range as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=range.js.map

package/dist/range/range.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALG;EAOlB,KAAA,GAAQ,UAAA,EAPU;EASlB,QAAA,YAPQ;EASR,GAAA;EAEA,GAAA,WAVF;EAYE,WAAA,WARQ;EAUR,IAAA,WAQ6B;EAN7B,WAAA,YAjBqB;EAmBrB,SAAA,YAhBA;EAkBA,SAAA,IAAa,KAAA,qBAhBb;EAkBA,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}
+{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;;;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALP;EAOR,KAAA,GAAQ,UAAA;EAER,QAAA,YATkB;EAWlB,GAAA,WATkB;EAWlB,GAAA,WAXqB;EAarB,WAAA,WAVe;EAYf,IAAA,WAQmB;EANnB,WAAA,YAM6B;EAJ7B,SAAA,YAlBF;EAoBE,SAAA,IAAa,KAAA,qBAlBE;EAoBf,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}

package/dist/range/theme.js

@@ -47,5 +47,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/rating/rating.js

@@ -124,5 +124,5 @@ Rating.displayName = "Rating";
 
 //#endregion
 export { Rating as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=rating.js.map

package/dist/rating/rating.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA,UAHQ;EAKR,GAAA;EAEA,OAAA,YAPsB;EAStB,OAAA,sBANA;EAQA,IAAA,uBAJA;EAMA,QAAA,IAAY,KAAA,mBAFZ;EAIA,UAAA;AAAA"}
+{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;;;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA;EAEA,GAAA,WALmB;EAOnB,OAAA,YANU;EAQV,OAAA,sBARF;EAUE,IAAA,uBANA;EAQA,QAAA,IAAY,KAAA,mBAJZ;EAMA,UAAA;AAAA"}

package/dist/rating/theme.js

@@ -24,5 +24,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/select/context.js

@@ -5,5 +5,5 @@ const [SelectProvider, useSelectContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SelectProvider, useSelectContext };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=context.js.map

package/dist/select/select.js

@@ -117,5 +117,5 @@ Select.displayName = "Select";
 
 //#endregion
 export { Select as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=select.js.map

package/dist/select/select.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { ListItemProps, ListProps } from "../list/list.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"mappings":";;;;;;;;;;;;;;KAUY,iBAAA,GAAoB,WAAA;AAAA,KAEpB,kBAAA,GAAqB,mBAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAC1B,WAAA,oHAGA,mBAAA;AAAA,KAEU,gBAAA,GAAmB,SAAA;AAAA,KAEnB,WAAA,GAAc,YAAA,aACxB,WAAA,GACA,YAAA,GACA,cAAA;2DAEE,QAAA,YAjByB;EAmBzB,aAAA,YAnB4B;EAqB5B,SAAA,YAAqB,KAAA,CAAM,SAAA,EAnBnB;EAqBR,QAAA,GAAW,KAAA,CAAM,SAAA;EAEjB,EAAA,WAvBgD;EAyBhD,SAAA,YAvBqB;EAyBrB,SAAA,WAxBF;EA0BE,IAAA,WAvBF;EAyBE,KAAA,YAAiB,KAAA,CAAM,SAAA,EAzBN;EA2BjB,iBAAA,YA9BF;EAgCE,gBAAA,WA7BiB;EA+BjB,UAAA,YA7BQ;EA+BR,OAAA,GAAU,gBAAA;EAEV,WAAA,WAjCoC;EAmCpC,YAAA,WAjCmB;EAmCnB,QAAA,YAnCsB;EAqCtB,YAAA,GAAe,SAAA,EAnCjB;EAqCE,iBAAA;AAAA;AAAA,KAGQ,gBAAA;EArBS,uCAuBnB,QAAA,YAPiB;EASjB,IAAA,UAT0B;EAW1B,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,aAAA;EAhD9B,+CAkDA,aAAA,YA9CE;EAgDF,KAAA,GAAQ,WAAA,EA9Ce;EAgDvB,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,IAAA,CAAK,WAAA;AAAA,KAExB,WAAA"}
+{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"mappings":";;;;;;;;;;;;;;;KAUY,iBAAA,GAAoB,WAAA;AAAA,KAEpB,kBAAA,GAAqB,mBAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAC1B,WAAA,oHAGA,mBAAA;AAAA,KAEU,gBAAA,GAAmB,SAAA;AAAA,KAEnB,WAAA,GAAc,YAAA,aACxB,WAAA,GACA,YAAA,GACA,cAAA;2DAEE,QAAA,YAjBQ;EAmBR,aAAA;EAEA,SAAA,YAAqB,KAAA,CAAM,SAAA,EArBY;EAuBvC,QAAA,GAAW,KAAA,CAAM,SAAA,WArBS;EAuB1B,EAAA,WAvB6B;EAyB7B,SAAA,YAvBQ;EAyBR,SAAA;EAEA,IAAA,WA3BwB;EA6BxB,KAAA,YAAiB,KAAA,CAAM,SAAA,EAzBN;EA2BjB,iBAAA,YA/BwB;EAiCxB,gBAAA,WA7BF;EA+BE,UAAA,YA/BiB;EAiCjB,OAAA,GAAU,gBAAA,IA/Bc;EAiCxB,WAAA,WAjC2B;EAmC3B,YAAA,WAjCQ;EAmCR,QAAA;EAEA,YAAA,GAAe,SAAA,EApCjB;EAsCE,iBAAA;AAAA;AAAA,KAGQ,gBAAA;EA/BG,uCAiCb,QAAA,YAfY;EAiBZ,IAAA,UAT0B;EAW1B,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,aAAA;EAjD9B,+CAmDA,aAAA,YAhDE;EAkDF,KAAA,GAAQ,WAAA,EA9CN;EAgDF,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,IAAA,CAAK,WAAA;AAAA,KAExB,WAAA"}

package/dist/select/selectButton.js

@@ -74,5 +74,5 @@ SelectButton.displayName = "SelectButton";
 
 //#endregion
 export { SelectButton as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=selectButton.js.map

package/dist/select/selectContent.js

@@ -23,5 +23,5 @@ SelectContent.displayName = "SelectContent";
 
 //#endregion
 export { SelectContent as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=selectContent.js.map

package/dist/select/selectGroup.js

@@ -25,5 +25,5 @@ SelectGroup.displayName = "SelectGroup";
 
 //#endregion
 export { SelectGroup as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectLabel.js

@@ -22,5 +22,5 @@ SelectLabel.displayName = "SelectLabel";
 
 //#endregion
 export { SelectLabel as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectOption.js

@@ -74,5 +74,5 @@ SelectOption.displayName = "SelectOption";
 
 //#endregion
 export { SelectOption as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=selectOption.js.map

package/dist/select/theme.js

@@ -62,5 +62,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.js

@@ -30,5 +30,5 @@ function useSelect(props) {
 
 //#endregion
 export { useSelect as default, getOptionText };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=useSelect.js.map

package/dist/sidemenu/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "4.0.2"
+globalThis.__vuiVersion__ = "4.0.3"
 //# sourceMappingURL=consts.js.map