@veracity/vui 3.0.0-beta.9 → 3.1.0

package/dist/popover/usePopover.js

@@ -1,114 +1,106 @@
 import { useCallbackRef } from "../utils/react.js";
-import { matchWidthMiddleware } from "./consts.js";
+import { closeOnEscPlugin, matchWidthModifier } from "./consts.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { autoUpdate, flip, offset, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useTransitionStyles } from "@floating-ui/react";
+import tippy from "tippy.js";
 
 //#region src/popover/usePopover.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.
 */
 function usePopover(props = {}) {
-	const { closeOnBlur = true, closeOnEsc = true, defaultIsOpen = false, flip: flip$1 = true, isOpen: isOpenProp, matchWidth, offset: offset$1, onClose: onCloseProp, onOpen: onOpenProp, options, placement = "bottom-start", trigger = "click" } = props;
+	const { closeOnBlur = true, closeOnEsc = true, defaultIsOpen = false, flip = true, isOpen: isOpenProp, matchWidth, offset, onClose: onCloseProp, onOpen: onOpenProp, options, placement = "bottom-start", trigger = "click" } = props;
 	const [isOpen, setIsOpen] = useState(isOpenProp ?? defaultIsOpen);
+	const [instance, setInstance] = useState(null);
 	const [reference, setReference] = useState(null);
 	const [popper, setPopper] = useState(null);
+	const close = useCallback(() => instance?.hide(), [instance]);
 	const onClose = useCallbackRef(onCloseProp);
 	const onOpen = useCallbackRef(onOpenProp);
+	const open = useCallback(() => instance?.show(), [instance]);
 	const isControlled = isOpenProp !== void 0;
-	const middleware = useMemo(() => {
-		const result = [];
-		const offsetValue = options?.offset ?? offset$1 ?? [0, 4];
-		const offsetArray = Array.isArray(offsetValue) ? offsetValue : [0, offsetValue];
-		result.push(offset({
-			mainAxis: offsetArray[1],
-			crossAxis: offsetArray[0]
-		}));
-		if (flip$1) result.push(flip());
-		if (matchWidth) result.push(matchWidthMiddleware);
-		return result;
+	const tippyOptions = useMemo(() => {
+		const { aria, offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {},...otherOptions } = options ?? {};
+		return {
+			aria,
+			arrow: false,
+			duration: [200, 150],
+			hideOnClick: !isControlled ? closeOnBlur : false,
+			interactive: true,
+			maxWidth: "none",
+			offset: optionsOffset ?? offset ?? [0, 4],
+			onHidden: (instance$1) => {
+				setIsOpen(false);
+				onHidden?.(instance$1);
+			},
+			onHide: (instance$1) => {
+				onClose(instance$1);
+				onHide?.(instance$1);
+			},
+			onShow: (instance$1) => {
+				setIsOpen(true);
+				onOpen(instance$1);
+				onShow?.(instance$1);
+			},
+			placement,
+			plugins: [...!isControlled && closeOnEsc ? [closeOnEscPlugin] : [], ...plugins],
+			popperOptions: {
+				...popperOptions,
+				modifiers: [
+					{
+						name: "flip",
+						enabled: flip
+					},
+					{
+						...matchWidthModifier,
+						enabled: !!matchWidth
+					},
+					...popperOptions.modifiers ?? []
+				]
+			},
+			showOnCreate: isOpenProp ?? defaultIsOpen,
+			trigger: !isControlled ? trigger : "manual",
+			...otherOptions
+		};
 	}, [
-		flip$1,
-		matchWidth,
-		offset$1,
-		options
-	]);
-	const { refs, floatingStyles, context } = useFloating({
-		open: isControlled ? isOpenProp : isOpen,
-		onOpenChange: (open$1) => {
-			if (!isControlled) setIsOpen(open$1);
-			if (open$1) {
-				onOpen(null);
-				options?.onShow?.(null);
-			} else {
-				onClose(null);
-				options?.onHide?.(null);
-				options?.onHidden?.(null);
-			}
-		},
+		closeOnBlur,
+		closeOnEsc,
+		offset,
+		options,
 		placement,
-		middleware,
-		whileElementsMounted: autoUpdate
-	});
-	const { isMounted, styles } = useTransitionStyles(context);
-	const { getReferenceProps, getFloatingProps } = useInteractions([
-		useClick(context, { enabled: !isControlled && trigger === "click" }),
-		useHover(context, { enabled: !isControlled && (trigger === "mouseenter" || trigger === "hover") }),
-		useFocus(context, { enabled: !isControlled && (trigger === "focus" || trigger === "focusin") }),
-		useDismiss(context, {
-			enabled: !isControlled && (closeOnBlur || closeOnEsc),
-			escapeKey: closeOnEsc,
-			outsidePress: closeOnBlur
-		})
+		trigger
 	]);
 	useEffect(() => {
-		if (reference) refs.setReference(reference);
-	}, [reference, refs]);
-	useEffect(() => {
-		if (popper) refs.setFloating(popper);
-	}, [popper, refs]);
-	useEffect(() => {
-		if (matchWidth && popper && reference && (isControlled ? isOpenProp : isOpen)) popper.style.width = `${reference.offsetWidth}px`;
+		if (popper !== null && reference !== null) {
+			instance?.destroy();
+			setInstance(tippy(reference, {
+				...tippyOptions,
+				content: popper
+			}));
+		}
 	}, [
-		matchWidth,
 		popper,
-		reference,
-		isOpen,
-		isOpenProp,
-		isControlled
+		tippyOptions,
+		trigger
 	]);
-	const close = useCallback(() => {
-		if (!isControlled) setIsOpen(false);
-		onClose(null);
-	}, [isControlled, onClose]);
-	const open = useCallback(() => {
-		if (!isControlled) setIsOpen(true);
-		onOpen(null);
-	}, [isControlled, onOpen]);
+	useEffect(() => {
+		if (isControlled) if (isOpenProp) instance?.show();
+		else instance?.hide();
+	}, [isOpenProp]);
 	return {
 		close,
-		instance: useMemo(() => ({
-			show: open,
-			hide: close,
-			destroy: () => {},
-			props: {}
-		}), [open, close]),
-		isOpen: isControlled ? !!isOpenProp : isOpen,
+		instance,
+		isOpen,
 		open,
 		popper,
 		reference,
 		setPopper,
-		setReference,
-		getReferenceProps,
-		getFloatingProps,
-		floatingStyles,
-		isMounted,
-		styles
+		setReference
 	};
 }
 
 //#endregion
 export { usePopover as default };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=usePopover.js.map

package/dist/popover/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.js","names":["result: Middleware[]","offset","offsetMiddleware","flip","flipMiddleware","open"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  useClick,\n  useDismiss,\n  useFocus,\n  useFloating,\n  useHover,\n  useInteractions,\n  type Middleware,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { useCallbackRef } from '../utils'\nimport { matchWidthMiddleware } from './consts'\nimport type { UsePopoverProps } from './usePopover.types'\n\n/**\n * Controls the logic of instantiating and managing a floating UI instance.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programatic 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    options,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const [isOpen, setIsOpen] = useState(isOpenProp ?? defaultIsOpen)\n  const [reference, setReference] = useState<HTMLElement | null>(null)\n  const [popper, setPopper] = useState<HTMLElement | null>(null)\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const isControlled = isOpenProp !== undefined\n\n  // Build middleware array\n  const middleware = useMemo(() => {\n    const result: Middleware[] = []\n\n    // Offset\n    const offsetValue = options?.offset ?? offset ?? [0, 4]\n    const offsetArray = Array.isArray(offsetValue) ? offsetValue : [0, offsetValue]\n    result.push(offsetMiddleware({ mainAxis: offsetArray[1], crossAxis: offsetArray[0] }))\n\n    // Flip\n    if (flip) {\n      result.push(flipMiddleware())\n    }\n\n    // Match width\n    if (matchWidth) {\n      result.push(matchWidthMiddleware)\n    }\n\n    return result\n  }, [flip, matchWidth, offset, options])\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isControlled ? isOpenProp : isOpen,\n    onOpenChange: open => {\n      if (!isControlled) {\n        setIsOpen(open)\n      }\n      if (open) {\n        onOpen(null as any)\n        options?.onShow?.(null as any)\n      } else {\n        onClose(null as any)\n        options?.onHide?.(null as any)\n        options?.onHidden?.(null as any)\n      }\n    },\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n  const { isMounted, styles } = useTransitionStyles(context)\n\n  // Set up interactions based on trigger type\n  const click = useClick(context, {\n    enabled: !isControlled && trigger === 'click',\n  })\n  const hover = useHover(context, {\n    enabled: !isControlled && (trigger === 'mouseenter' || trigger === ('hover' as any)),\n  })\n  const focus = useFocus(context, {\n    enabled: !isControlled && (trigger === 'focus' || trigger === 'focusin'),\n  })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled && (closeOnBlur || closeOnEsc),\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss])\n\n  // Sync reference and popper with floating UI\n  useEffect(() => {\n    if (reference) {\n      refs.setReference(reference)\n    }\n  }, [reference, refs])\n\n  useEffect(() => {\n    if (popper) {\n      refs.setFloating(popper)\n    }\n  }, [popper, refs])\n\n  // Apply matchWidth styling if needed\n  useEffect(() => {\n    if (matchWidth && popper && reference && (isControlled ? isOpenProp : isOpen)) {\n      popper.style.width = `${reference.offsetWidth}px`\n    }\n  }, [matchWidth, popper, reference, isOpen, isOpenProp, isControlled])\n\n  const close = useCallback(() => {\n    if (!isControlled) {\n      setIsOpen(false)\n    }\n    onClose(null as any)\n  }, [isControlled, onClose])\n\n  const open = useCallback(() => {\n    if (!isControlled) {\n      setIsOpen(true)\n    }\n    onOpen(null as any)\n  }, [isControlled, onOpen])\n\n  // Mock instance object for compatibility\n  const instance = useMemo(\n    () => ({\n      show: open,\n      hide: close,\n      destroy: () => { },\n      props: {},\n    }),\n    [open, close],\n  )\n\n  return {\n    close,\n    instance: instance as any,\n    isOpen: isControlled ? !!isOpenProp : isOpen,\n    open,\n    popper,\n    reference,\n    setPopper,\n    setReference,\n    getReferenceProps,\n    getFloatingProps,\n    floatingStyles,\n    isMounted,\n    styles\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;;AAwBA,SAAwB,WAAW,QAAyB,EAAE,EAAE;CAC9D,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,SACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc,cAAc;CACjE,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;CACpE,MAAM,CAAC,QAAQ,aAAa,SAA6B,KAAK;CAE9D,MAAM,UAAU,eAAe,YAAY;CAC3C,MAAM,SAAS,eAAe,WAAW;CAEzC,MAAM,eAAe,eAAe;CAGpC,MAAM,aAAa,cAAc;EAC/B,MAAMA,SAAuB,EAAE;EAG/B,MAAM,cAAc,SAAS,UAAUC,YAAU,CAAC,GAAG,EAAE;EACvD,MAAM,cAAc,MAAM,QAAQ,YAAY,GAAG,cAAc,CAAC,GAAG,YAAY;AAC/E,SAAO,KAAKC,OAAiB;GAAE,UAAU,YAAY;GAAI,WAAW,YAAY;GAAI,CAAC,CAAC;AAGtF,MAAIC,OACF,QAAO,KAAKC,MAAgB,CAAC;AAI/B,MAAI,WACF,QAAO,KAAK,qBAAqB;AAGnC,SAAO;IACN;EAACD;EAAM;EAAYF;EAAQ;EAAQ,CAAC;CAEvC,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,eAAe,aAAa;EAClC,eAAc,WAAQ;AACpB,OAAI,CAAC,aACH,WAAUI,OAAK;AAEjB,OAAIA,QAAM;AACR,WAAO,KAAY;AACnB,aAAS,SAAS,KAAY;UACzB;AACL,YAAQ,KAAY;AACpB,aAAS,SAAS,KAAY;AAC9B,aAAS,WAAW,KAAY;;;EAGpC;EACA;EACA,sBAAsB;EACvB,CAAC;CACF,MAAM,EAAE,WAAW,WAAW,oBAAoB,QAAQ;CAkB1D,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAC9B,SAAS,CAAC,gBAAgB,YAAY,SACvC,CAAC;EACY,SAAS,SAAS,EAC9B,SAAS,CAAC,iBAAiB,YAAY,gBAAgB,YAAa,UACrE,CAAC;EACY,SAAS,SAAS,EAC9B,SAAS,CAAC,iBAAiB,YAAY,WAAW,YAAY,YAC/D,CAAC;EACc,WAAW,SAAS;GAClC,SAAS,CAAC,iBAAiB,eAAe;GAC1C,WAAW;GACX,cAAc;GACf,CAAC;EAE4F,CAAC;AAG/F,iBAAgB;AACd,MAAI,UACF,MAAK,aAAa,UAAU;IAE7B,CAAC,WAAW,KAAK,CAAC;AAErB,iBAAgB;AACd,MAAI,OACF,MAAK,YAAY,OAAO;IAEzB,CAAC,QAAQ,KAAK,CAAC;AAGlB,iBAAgB;AACd,MAAI,cAAc,UAAU,cAAc,eAAe,aAAa,QACpE,QAAO,MAAM,QAAQ,GAAG,UAAU,YAAY;IAE/C;EAAC;EAAY;EAAQ;EAAW;EAAQ;EAAY;EAAa,CAAC;CAErE,MAAM,QAAQ,kBAAkB;AAC9B,MAAI,CAAC,aACH,WAAU,MAAM;AAElB,UAAQ,KAAY;IACnB,CAAC,cAAc,QAAQ,CAAC;CAE3B,MAAM,OAAO,kBAAkB;AAC7B,MAAI,CAAC,aACH,WAAU,KAAK;AAEjB,SAAO,KAAY;IAClB,CAAC,cAAc,OAAO,CAAC;AAa1B,QAAO;EACL;EACA,UAZe,eACR;GACL,MAAM;GACN,MAAM;GACN,eAAe;GACf,OAAO,EAAE;GACV,GACD,CAAC,MAAM,MAAM,CACd;EAKC,QAAQ,eAAe,CAAC,CAAC,aAAa;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"usePopover.js","names":["tippyOptions: Partial<TippyProps>","instance"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport type { Instance, Props as TippyProps } from 'tippy.js'\nimport tippy from 'tippy.js'\n\nimport { useCallbackRef } from '../utils'\nimport { closeOnEscPlugin, matchWidthModifier } from './consts'\nimport type { UsePopoverProps } from './usePopover.types'\n\n/**\n * Controls the logic of instantiating and managing a tippy instance.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programatic 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    options,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const [isOpen, setIsOpen] = useState(isOpenProp ?? defaultIsOpen)\n  const [instance, setInstance] = useState<Instance | null>(null)\n  const [reference, setReference] = useState<HTMLElement | null>(null)\n  const [popper, setPopper] = useState<HTMLElement | null>(null)\n\n  const close = useCallback(() => instance?.hide(), [instance])\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n  const open = useCallback(() => instance?.show(), [instance])\n\n  const isControlled = isOpenProp !== undefined\n\n  const tippyOptions: Partial<TippyProps> = useMemo(() => {\n    const {\n      aria,\n      offset: optionsOffset,\n      onHidden,\n      onHide,\n      onShow,\n      plugins = [],\n      popperOptions = {},\n      ...otherOptions\n    } = options ?? {}\n\n    return {\n      aria,\n      arrow: false,\n      duration: [200, 150],\n      hideOnClick: !isControlled ? closeOnBlur : false,\n      interactive: true,\n      maxWidth: 'none',\n      offset: optionsOffset ?? offset ?? [0, 4],\n      onHidden: instance => {\n        setIsOpen(false)\n        onHidden?.(instance)\n      },\n      onHide: instance => {\n        onClose(instance)\n        onHide?.(instance)\n      },\n      onShow: instance => {\n        setIsOpen(true)\n        onOpen(instance)\n        onShow?.(instance)\n      },\n      placement,\n      plugins: [...(!isControlled && closeOnEsc ? [closeOnEscPlugin] : []), ...plugins],\n      popperOptions: {\n        ...popperOptions,\n        modifiers: [\n          {\n            name: 'flip',\n            enabled: flip,\n          },\n          { ...matchWidthModifier, enabled: !!matchWidth },\n          ...(popperOptions.modifiers ?? []),\n        ],\n      },\n      showOnCreate: isOpenProp ?? defaultIsOpen,\n      trigger: !isControlled ? trigger : 'manual',\n      ...otherOptions,\n    }\n  }, [closeOnBlur, closeOnEsc, offset, options, placement, trigger])\n\n  // Create a new Tippy instance\n  useEffect(() => {\n    if (popper !== null && reference !== null) {\n      // Destroy old instance to ensure new options work\n      instance?.destroy()\n\n      const newInstance = tippy(reference, {\n        ...tippyOptions,\n        content: popper,\n      })\n\n      setInstance(newInstance)\n    }\n  }, [popper, tippyOptions, trigger])\n\n  // Handle showing/hiding popup in controlled mode\n  useEffect(() => {\n    if (isControlled) {\n      if (isOpenProp) instance?.show()\n      else instance?.hide()\n    }\n  }, [isOpenProp])\n\n  return {\n    close,\n    instance,\n    isOpen,\n    open,\n    popper,\n    reference,\n    setPopper,\n    setReference,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;;AAaA,SAAwB,WAAW,QAAyB,EAAE,EAAE;CAC9D,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,OAAO,MACP,QAAQ,YACR,YACA,QACA,SAAS,aACT,QAAQ,YACR,SACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc,cAAc;CACjE,MAAM,CAAC,UAAU,eAAe,SAA0B,KAAK;CAC/D,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;CACpE,MAAM,CAAC,QAAQ,aAAa,SAA6B,KAAK;CAE9D,MAAM,QAAQ,kBAAkB,UAAU,MAAM,EAAE,CAAC,SAAS,CAAC;CAC7D,MAAM,UAAU,eAAe,YAAY;CAC3C,MAAM,SAAS,eAAe,WAAW;CACzC,MAAM,OAAO,kBAAkB,UAAU,MAAM,EAAE,CAAC,SAAS,CAAC;CAE5D,MAAM,eAAe,eAAe;CAEpC,MAAMA,eAAoC,cAAc;EACtD,MAAM,EACJ,MACA,QAAQ,eACR,UACA,QACA,QACA,UAAU,EAAE,EACZ,gBAAgB,EAAE,CAClB,GAAG,iBACD,WAAW,EAAE;AAEjB,SAAO;GACL;GACA,OAAO;GACP,UAAU,CAAC,KAAK,IAAI;GACpB,aAAa,CAAC,eAAe,cAAc;GAC3C,aAAa;GACb,UAAU;GACV,QAAQ,iBAAiB,UAAU,CAAC,GAAG,EAAE;GACzC,WAAU,eAAY;AACpB,cAAU,MAAM;AAChB,eAAWC,WAAS;;GAEtB,SAAQ,eAAY;AAClB,YAAQA,WAAS;AACjB,aAASA,WAAS;;GAEpB,SAAQ,eAAY;AAClB,cAAU,KAAK;AACf,WAAOA,WAAS;AAChB,aAASA,WAAS;;GAEpB;GACA,SAAS,CAAC,GAAI,CAAC,gBAAgB,aAAa,CAAC,iBAAiB,GAAG,EAAE,EAAG,GAAG,QAAQ;GACjF,eAAe;IACb,GAAG;IACH,WAAW;KACT;MACE,MAAM;MACN,SAAS;MACV;KACD;MAAE,GAAG;MAAoB,SAAS,CAAC,CAAC;MAAY;KAChD,GAAI,cAAc,aAAa,EAAE;KAClC;IACF;GACD,cAAc,cAAc;GAC5B,SAAS,CAAC,eAAe,UAAU;GACnC,GAAG;GACJ;IACA;EAAC;EAAa;EAAY;EAAQ;EAAS;EAAW;EAAQ,CAAC;AAGlE,iBAAgB;AACd,MAAI,WAAW,QAAQ,cAAc,MAAM;AAEzC,aAAU,SAAS;AAOnB,eALoB,MAAM,WAAW;IACnC,GAAG;IACH,SAAS;IACV,CAAC,CAEsB;;IAEzB;EAAC;EAAQ;EAAc;EAAQ,CAAC;AAGnC,iBAAgB;AACd,MAAI,aACF,KAAI,WAAY,WAAU,MAAM;MAC3B,WAAU,MAAM;IAEtB,CAAC,WAAW,CAAC;AAEhB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

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

@@ -1,16 +1,9 @@
 import { AnyString } from "../utils/types.js";
-import { Placement } from "@floating-ui/react";
+import "../utils/index.js";
+import { Instance, Placement, Props } from "tippy.js";
 
 //#region src/popover/usePopover.types.d.ts
 type PopoverTrigger = 'click' | 'focus' | 'focusin' | 'manual' | 'mouseenter';
-type PopoverOptions = {
-  aria?: any;
-  offset?: [number, number] | number;
-  onHidden?: (instance: any) => void;
-  onHide?: (instance: any) => void;
-  onShow?: (instance: any) => void;
-  [key: string]: any;
-};
 type UsePopoverProps = {
   /** Content closes when clicking the trigger or anywhere outside. @default true */
   closeOnBlur?: boolean;
@@ -25,18 +18,18 @@ type UsePopoverProps = {
   /** Sets the content element width to be the same as trigger element. */
   matchWidth?: boolean;
   /** Displaces content from the trigger in pixels. */
-  offset?: [number, number] | number;
+  offset?: Props['offset'];
   /** Invoked once content is fully hidden. */
-  onClose?: (instance: any) => void;
+  onClose?: (instance: Instance<Props>) => void;
   /** Invoked once content begins to show. */
-  onOpen?: (instance: any) => void;
-  /** Object with any Floating UI options. */
-  options?: PopoverOptions;
+  onOpen?: (instance: Instance<Props>) => void;
+  /** Object with any Tippy props. */
+  options?: Partial<Props>;
   /** Preferred placement of the content. Might be flipped if needs more space. */
   placement?: Placement;
   /** Determintes the events that cause the content to show. */
   trigger?: PopoverTrigger | AnyString;
 };
 //#endregion
-export { PopoverOptions, UsePopoverProps };
+export { UsePopoverProps };
 //# sourceMappingURL=usePopover.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePopover.types.d.ts","names":[],"sources":["../../src/popover/usePopover.types.ts"],"sourcesContent":[],"mappings":";;;;KAIY,cAAA,CAAA,CAAA;KAGA,cAAA,CAAA,CAAA;EAHA,IAAA,CAAA,CAAA,CAAA,GAAA;EAGA,MAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAc,MAAA,CAAA,CAAA,CAAA,CAAA,MAAA;EASd,QAAA,CAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,MAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;QAoBf,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;MAEE,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,GAAA;;AAEe,IAAA,CAxBjB,eAAA,CAAA,CAAA,CAwBiB;EAAS,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;YAJ1B;;cAEE;;YAEF,iBAAiB"}
+{"version":3,"file":"usePopover.types.d.ts","names":[],"sources":["../../src/popover/usePopover.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,cAAA,CAAA,CAAA;KAEA,eAAA,CAAA,CAAA;;EAFA,WAAA,CAAA,CAAA,CAAA,OAAc;EAEd,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;EAcD,UAAA,CAAA,CAAA,CAAA,OAAA;EAEqB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,YAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAT,aAAA,CAAA,CAAA,CAAA,OAAA;EAEQ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAT,IAAA,CAAA,CAAA,CAAA,OAAA;EAEF,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAR,MAAA,CAAA,CAAA,CAAA,OAAA;EAEE,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEF,UAAA,CAAA,CAAA,CAAA,OAAA;EAAiB,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAS,MAAA,CAAA,CAAA,CAV3B,KAU2B,CAAA,CAAA,MAAA,CAAA,CAAA;;uBARf,SAAS;;sBAEV,SAAS;;YAEnB,QAAQ;;cAEN;;YAEF,iBAAiB"}

package/dist/portal/index.d.ts

@@ -0,0 +1,2 @@
+import { PortalProps } from "./portal.types.js";
+import { Portal } from "./portal.js";

package/dist/portal/portal.d.ts

@@ -1,4 +1,5 @@
 import { ChildrenProp } from "../core/types.js";
+import "../core/index.js";
 import { PortalProps } from "./portal.types.js";
 import { FC } from "react";
 

package/dist/portal/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,QAAQ,GAAG,cAAc"}
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,QAAQ,GAAG,cAAc"}

package/dist/portal/portal.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"portal.types.d.ts","names":[],"sources":["../../src/portal/portal.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,WAAA,CAAA,CAAA;;EAAA,YAAA,CAAA,CAAA,CAEK,SAFM,CAEI,WAFJ,CAAA,CAAA,CAAA,IAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,CAAA,CAAA;eAEI,CAAA,CAAA,CAAA,OAAA"}
+{"version":3,"file":"portal.types.d.ts","names":[],"sources":["../../src/portal/portal.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,WAAA,CAAA,CAAA;;EAAA,YAAA,CAAA,CAAA,CAEK,SAFM,CAEI,WAAA,CAAA,CAAA,CAAA,IAAV,CAAA"}

package/dist/progress/index.d.ts

@@ -0,0 +1,2 @@
+import { ProgressProps } from "./progress.types.js";
+import { Progress, ProgressBase } from "./progress.js";

package/dist/progress/progress.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressProps } from "./progress.types.js";
-import * as styled_components392 from "styled-components";
+import "../index.js";
+import * as styled_components402 from "styled-components";
 
 //#region src/progress/progress.d.ts
-declare const ProgressBase: styled_components392.StyledComponent<"div", styled_components392.DefaultTheme, SystemProps, never>;
+declare const ProgressBase: styled_components402.StyledComponent<"div", styled_components402.DefaultTheme, SystemProps, never>;
 /** Indicates a process progress. */
 declare const Progress: VuiComponent<"div", ProgressProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,cAAY,oBAAA,CAAA,uBAGxB,oBAAA,CAHwB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASZ,UAAQ,oBAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,cAAY,oBAAA,CAAA,uBAGxB,oBAAA,CAHwB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASZ,UAAQ,oBAAA"}

package/dist/progress/progress.js

@@ -52,5 +52,5 @@ Progress.displayName = "Progress";
 
 //#endregion
 export { Progress, ProgressBase };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=progress.js.map

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

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/progress/progress.types.d.ts
 type ProgressProps = SystemProps & ThemingProps<'Progress'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;EADU,cAAA,CAAA,CAAA,CAAa,OAAA;CAAA"}
+{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;AADF,CAAA"}

package/dist/progress/theme.js

@@ -57,5 +57,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/progressCircular/consts.js

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

package/dist/progressCircular/index.d.ts

@@ -0,0 +1,2 @@
+import { ProgressCircularProps } from "./progressCircular.types.js";
+import { ProgressCircular, ProgressCircularBase } from "./progressCircular.js";

package/dist/progressCircular/progressCircular.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressCircularProps } from "./progressCircular.types.js";
-import * as styled_components379 from "styled-components";
+import "../index.js";
+import * as styled_components404 from "styled-components";
 
 //#region src/progressCircular/progressCircular.d.ts
-declare const ProgressCircularBase: styled_components379.StyledComponent<"div", styled_components379.DefaultTheme, SystemProps, never>;
+declare const ProgressCircularBase: styled_components404.StyledComponent<"div", styled_components404.DefaultTheme, SystemProps, never>;
 /** Indicates a process progress. */
 declare const ProgressCircular: VuiComponent<"div", ProgressCircularProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,sBAAoB,oBAAA,CAAA,uBAIhC,oBAAA,CAJgC,YAAA,CAAA,CAAA,WAAA,CAAA;;cAgBpB,kBAAgB,oBAAA"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,sBAAoB,oBAAA,CAAA,uBAIhC,oBAAA,CAJgC,YAAA,CAAA,CAAA,WAAA,CAAA;;cAgBpB,kBAAgB,oBAAA"}

package/dist/progressCircular/progressCircular.js

@@ -94,5 +94,5 @@ ProgressCircular.displayName = "ProgressCircular";
 
 //#endregion
 export { ProgressCircular, ProgressCircularBase };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=progressCircular.js.map

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

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/progressCircular/progressCircular.types.d.ts
 type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,qBAAA,CAAA,CAAA,CAAwB,cAClC;;EADU,KAAA,CAAA,CAAA,CAAA,MAAA;EAAqB,cAAA,CAAA,CAAA,CAAA,OAAA"}
+{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,qBAAA,CAAA,CAAA,CAAwB,cAClC;;;EADU,cAAA,CAAA,CAAA,CAAA,OAAqB"}

package/dist/progressCircular/theme.js

@@ -55,5 +55,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/radio/consts.js

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

package/dist/radio/context.d.ts

@@ -1,8 +1,9 @@
 import { Dict } from "../utils/types.js";
-import * as react952 from "react";
+import "../utils/index.js";
+import * as react950 from "react";
 
 //#region src/radio/context.d.ts
-declare const RadioGroupProvider: react952.Provider<Dict>, useRadioGroupContext: () => Dict;
+declare const RadioGroupProvider: react950.Provider<Dict>, useRadioGroupContext: () => Dict;
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,OAAE,4BAAoB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,OAAE,4BAAoB"}

package/dist/radio/context.js

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

package/dist/radio/index.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroupProvider, useRadioGroupContext } from "./context.js";
+import { RadioProps, RadioStyleProps } from "./radio.types.js";
+import { Radio, RadioBase } from "./radio.js";
+import { RadioGroupProps } from "./radioGroup.types.js";
+import { RadioGroup, RadioGroupBase } from "./radioGroup.js";

package/dist/radio/radio.d.ts

@@ -16,6 +16,7 @@ import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps,
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
 import { RadioProps, RadioStyleProps } from "./radio.types.js";
+import "../index.js";
 import * as styled_components406 from "styled-components";
 
 //#region src/radio/radio.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/radio/radio.js

@@ -126,5 +126,5 @@ Radio.displayName = "Radio";
 
 //#endregion
 export { Radio, RadioBase };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=radio.js.map

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

@@ -1,7 +1,10 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { HTMLAttributes } from "react";
 
 //#region src/radio/radio.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,UAAA,CAAA,CAAA,CAAa,cACvB;;EADU,OAAA,CAAA,CAAA,CAAA,OAAU;EAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;aAAG,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA;;UASd,CAAA,CAAA,CAAA,OAAA;;MAIqB,CAAA,CAAA,CAJrB,QAIqB;;aAEM,CAAA,CAAA,CAJpB,QAIoB;;YAMzB,CAAA,CAAA,CARI,cAQJ,CARmB,gBAQnB,CAAA;;UAIC,CAAA,CAAA,CAVC,KAAA,CAAM,gBAUP,CAVwB,gBAUxB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAiB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAOnB,KAAA,CAAA,CAAA,CAAA,MAAA;;;;WAXC;;aAEE;;YAED;;;;;;KAOF,eAAA,CAAA,CAAA"}
+{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,UAAA,CAAA,CAAA,CAAa,cACvB;;;;;EADU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAa,QAAA,CAAA,CAAA,CAAA,OAAA;EACvB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,CAAA;EAQS,IAAA,CAAA,CAAA,CAAA,QAAA;EAEO,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,CAAA;EAEc,WAAA,CAAA,CAAA,CAFd,QAEc;EAAf,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEqB,UAAA,CAAA,CAAA,CAFrB,cAEqB,CAFN,gBAEM,CAAA;EAAvB,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAMF,QAAA,CAAA,CAAA,CANE,KAAA,CAAM,gBAMR,CANyB,gBAMzB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAEE,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAED,KAAA,CAAA,CAAA,CAAA,MAAA;EAAiB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAOnB,IAAA,CAAA,CAAA,CAAA,MAAA;;WAXC;;aAEE;;YAED;;;;;;KAOF,eAAA,CAAA,CAAA"}

package/dist/radio/radioGroup.d.ts

@@ -1,6 +1,7 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { RadioGroupProps } from "./radioGroup.types.js";
+import "../index.js";
 import * as styled_components408 from "styled-components";
 
 //#region src/radio/radioGroup.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,gBAAc,oBAAA,CAAA,uBAI1B,oBAAA,CAJ0B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;AAAd,OAAA,CAAA,KAAA,CAUA,UANZ,CAAA,CAMsB,YANtB,CAAA,CAAA,GAAA,CAAA,CAAA,CAMsB,eANtB,CAAA"}
+{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,gBAAc,oBAAA,CAAA,uBAI1B,oBAAA,CAJ0B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAUd,YAAU,oBAAA"}

package/dist/radio/radioGroup.js

@@ -61,5 +61,5 @@ RadioGroup.displayName = "RadioGroup";
 
 //#endregion
 export { RadioGroup, RadioGroupBase };
-globalThis.__vuiVersion__ = "3.0.0-beta.9"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=radioGroup.js.map

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

@@ -1,6 +1,8 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/radio/radioGroup.types.d.ts
 type RadioGroupProps = SystemProps & ThemingProps<'Radio'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,eAAA,CAAA,CAAA,CAAkB,cAC5B;;EADU,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAe,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;UAAG,CAAA,CAAA,CAAA,OAAA;;OAWjB,CAAA,CAAA,CAAA,OAAA;;MAIC,CAAA,CAAA,CAAA,MAAA;EAAiB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;WAJlB;;aAEE;;YAED"}
+{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,eAAA,CAAA,CAAA,CAAkB,cAC5B;;;;EADU,QAAA,CAAA,CAAA,CAAA,OAAe;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAC5B,KAAA,CAAA,CAAA,CAAA,OAAA;EAUW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEE,IAAA,CAAA,CAAA,CAAA,MAAA;EAED,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAAiB,MAAA,CAAA,CAAA,CAJlB,iBAIkB;;aAFhB;;YAED"}

package/dist/radio/theme.js

@@ -45,5 +45,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/range/consts.js

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

package/dist/range/index.d.ts

@@ -0,0 +1,2 @@
+import { RangeProps, RangeTrackKey, RangeValue } from "./range.types.js";
+import { Range } from "./range.js";

package/dist/range/range.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { RangeProps } from "./range.types.js";
+import "../index.js";
 
 //#region src/range/range.d.ts
 /** Implements a range input. */

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

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":[],"mappings":";;;;;cAoBa,OAAK,oBAAA"}
+{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":[],"mappings":";;;;;;cAoBa,OAAK,oBAAA"}