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

package/dist/popover/usePopover.js

@@ -1,2 +1,114 @@
-import{useCallbackRef as e}from"../utils/react.js";import{closeOnEscPlugin as t,matchWidthModifier as n}from"./consts.js";import{useCallback as r,useEffect as i,useMemo as a,useState as o}from"react";import s from"tippy.js";function c(c={}){let{closeOnBlur:l=!0,closeOnEsc:u=!0,defaultIsOpen:d=!1,flip:f=!0,isOpen:p,matchWidth:m,offset:h,onClose:g,onOpen:_,options:v,placement:y=`bottom-start`,trigger:b=`click`}=c,[x,S]=o(p??d),[C,w]=o(null),[T,E]=o(null),[D,O]=o(null),k=r(()=>C?.hide(),[C]),A=e(g),j=e(_),M=r(()=>C?.show(),[C]),N=p!==void 0,P=a(()=>{let{aria:e,offset:r,onHidden:i,onHide:a,onShow:o,plugins:s=[],popperOptions:c={},...g}=v??{};return{aria:e,arrow:!1,duration:[200,150],hideOnClick:N?!1:l,interactive:!0,maxWidth:`none`,offset:r??h??[0,4],onHidden:e=>{S(!1),i?.(e)},onHide:e=>{A(e),a?.(e)},onShow:e=>{S(!0),j(e),o?.(e)},placement:y,plugins:[...!N&&u?[t]:[],...s],popperOptions:{...c,modifiers:[{name:`flip`,enabled:f},{...n,enabled:!!m},...c.modifiers??[]]},showOnCreate:p??d,trigger:N?`manual`:b,...g}},[l,u,h,v,y,b]);return i(()=>{if(D!==null&&T!==null){C?.destroy();let e=s(T,{...P,content:D});w(e)}},[D,P,b]),i(()=>{N&&(p?C?.show():C?.hide())},[p]),{close:k,instance:C,isOpen:x,open:M,popper:D,reference:T,setPopper:O,setReference:E}}export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { useCallbackRef } from "../utils/react.js";
+import { matchWidthMiddleware } 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";
+
+//#region src/popover/usePopover.ts
+/**
+* Controls the logic of instantiating and managing a floating UI instance.
+* Takes multiple configuration props that control closing, placement or behavior.
+* Exposes functions used for ref callbacks on consuming components, programatic open/close methods and properties.
+*/
+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 [isOpen, setIsOpen] = useState(isOpenProp ?? defaultIsOpen);
+	const [reference, setReference] = useState(null);
+	const [popper, setPopper] = useState(null);
+	const onClose = useCallbackRef(onCloseProp);
+	const onOpen = useCallbackRef(onOpenProp);
+	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;
+	}, [
+		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);
+			}
+		},
+		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
+		})
+	]);
+	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`;
+	}, [
+		matchWidth,
+		popper,
+		reference,
+		isOpen,
+		isOpenProp,
+		isControlled
+	]);
+	const close = useCallback(() => {
+		if (!isControlled) setIsOpen(false);
+		onClose(null);
+	}, [isControlled, onClose]);
+	const open = useCallback(() => {
+		if (!isControlled) setIsOpen(true);
+		onOpen(null);
+	}, [isControlled, onOpen]);
+	return {
+		close,
+		instance: useMemo(() => ({
+			show: open,
+			hide: close,
+			destroy: () => {},
+			props: {}
+		}), [open, close]),
+		isOpen: isControlled ? !!isOpenProp : isOpen,
+		open,
+		popper,
+		reference,
+		setPopper,
+		setReference,
+		getReferenceProps,
+		getFloatingProps,
+		floatingStyles,
+		isMounted,
+		styles
+	};
+}
+
+//#endregion
+export { usePopover as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=usePopover.js.map

package/dist/popover/usePopover.js.map

@@ -1 +1 @@
-{"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":"gOAaA,SAAwB,EAAW,EAAyB,EAAE,CAAE,CAC9D,GAAM,CACJ,cAAc,GACd,aAAa,GACb,gBAAgB,GAChB,OAAO,GACP,OAAQ,EACR,aACA,SACA,QAAS,EACT,OAAQ,EACR,UACA,YAAY,eACZ,UAAU,SACR,EAEE,CAAC,EAAQ,GAAa,EAAS,GAAc,EAAc,CAC3D,CAAC,EAAU,GAAe,EAA0B,KAAK,CACzD,CAAC,EAAW,GAAgB,EAA6B,KAAK,CAC9D,CAAC,EAAQ,GAAa,EAA6B,KAAK,CAExD,EAAQ,MAAkB,GAAU,MAAM,CAAE,CAAC,EAAS,CAAC,CACvD,EAAU,EAAe,EAAY,CACrC,EAAS,EAAe,EAAW,CACnC,EAAO,MAAkB,GAAU,MAAM,CAAE,CAAC,EAAS,CAAC,CAEtD,EAAe,IAAe,IAAA,GAE9BA,EAAoC,MAAc,CACtD,GAAM,CACJ,OACA,OAAQ,EACR,WACA,SACA,SACA,UAAU,EAAE,CACZ,gBAAgB,EAAE,CAClB,GAAG,GACD,GAAW,EAAE,CAEjB,MAAO,CACL,OACA,MAAO,GACP,SAAU,CAAC,IAAK,IAAI,CACpB,YAAc,EAA6B,GAAd,EAC7B,YAAa,GACb,SAAU,OACV,OAAQ,GAAiB,GAAU,CAAC,EAAG,EAAE,CACzC,SAAU,GAAY,CACpB,EAAU,GAAM,CAChB,IAAWC,EAAS,EAEtB,OAAQ,GAAY,CAClB,EAAQA,EAAS,CACjB,IAASA,EAAS,EAEpB,OAAQ,GAAY,CAClB,EAAU,GAAK,CACf,EAAOA,EAAS,CAChB,IAASA,EAAS,EAEpB,YACA,QAAS,CAAC,GAAI,CAAC,GAAgB,EAAa,CAAC,EAAiB,CAAG,EAAE,CAAG,GAAG,EAAQ,CACjF,cAAe,CACb,GAAG,EACH,UAAW,CACT,CACE,KAAM,OACN,QAAS,EACV,CACD,CAAE,GAAG,EAAoB,QAAS,CAAC,CAAC,EAAY,CAChD,GAAI,EAAc,WAAa,EAAE,CAClC,CACF,CACD,aAAc,GAAc,EAC5B,QAAU,EAAyB,SAAV,EACzB,GAAG,EACJ,EACA,CAAC,EAAa,EAAY,EAAQ,EAAS,EAAW,EAAQ,CAAC,CAyBlE,OAtBA,MAAgB,CACd,GAAI,IAAW,MAAQ,IAAc,KAAM,CAEzC,GAAU,SAAS,CAEnB,IAAM,EAAc,EAAM,EAAW,CACnC,GAAG,EACH,QAAS,EACV,CAAC,CAEF,EAAY,EAAY,GAEzB,CAAC,EAAQ,EAAc,EAAQ,CAAC,CAGnC,MAAgB,CACV,IACE,EAAY,GAAU,MAAM,CAC3B,GAAU,MAAM,GAEtB,CAAC,EAAW,CAAC,CAET,CACL,QACA,WACA,SACA,OACA,SACA,YACA,YACA,eACD"}
+{"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"}

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

@@ -1,8 +1,16 @@
 import { AnyString } from "../utils/types.js";
-import { Instance, Placement, Props } from "tippy.js";
+import { Placement } from "@floating-ui/react";
 
 //#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;
@@ -17,18 +25,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?: Props['offset'];
+  offset?: [number, number] | number;
   /** Invoked once content is fully hidden. */
-  onClose?: (instance: Instance<Props>) => void;
+  onClose?: (instance: any) => void;
   /** Invoked once content begins to show. */
-  onOpen?: (instance: Instance<Props>) => void;
-  /** Object with any Tippy props. */
-  options?: Partial<Props>;
+  onOpen?: (instance: any) => void;
+  /** Object with any Floating UI options. */
+  options?: PopoverOptions;
   /** 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 { UsePopoverProps };
+export { PopoverOptions, 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;KAEA,eAAA;EAFA;EAEA,WAAA,CAAA,EAAA,OAAe;EAAA;YAchB,CAAA,EAAA,OAAA;;eAEY,CAAA,EAAA,OAAA;;MAED,CAAA,EAAA,OAAA;;QAEV,CAAA,EAAA,OAAA;;YAIA,CAAA,EAAA,OAAA;;EAA0B,MAAA,CAAA,EAV3B,KAU2B,CAAA,QAAA,CAAA;;uBARf,SAAS;;sBAEV,SAAS;;YAEnB,QAAQ;;cAEN;;YAEF,iBAAiB"}
+{"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"}

package/dist/portal/portal.js

@@ -1,2 +1,22 @@
-import{useEffect as e,useState as t}from"react";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{createPortal as i}from"react-dom";const a=a=>{let{children:o,containerRef:s,disablePortal:c}=a,[l,u]=t();return e(()=>{c||u(s?.current??document.body)},[c]),c?r(n,{children:o}):l?i(o,l):r(n,{children:l})};a.displayName=`Portal`;var o=a;export{a as Portal,o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+
+//#region src/portal/portal.tsx
+/** Provided children are portaled to document.body or custom container. */
+const Portal = (props) => {
+	const { children, containerRef, disablePortal } = props;
+	const [mountNode, setMountNode] = useState();
+	useEffect(() => {
+		if (!disablePortal) setMountNode(containerRef?.current ?? document.body);
+	}, [disablePortal]);
+	if (disablePortal) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return mountNode ? createPortal(children, mountNode) : /* @__PURE__ */ jsx(Fragment$1, { children: mountNode });
+};
+Portal.displayName = "Portal";
+var portal_default = Portal;
+
+//#endregion
+export { Portal, portal_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=portal.js.map

package/dist/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":["Portal: FC<PortalProps & ChildrenProp>"],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ChildrenProp } from '../core'\nimport type { PortalProps } from './portal.types'\n\n/** Provided children are portaled to document.body or custom container. */\nexport const Portal: FC<PortalProps & ChildrenProp> = props => {\n  const { children, containerRef, disablePortal } = props\n  const [mountNode, setMountNode] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (!disablePortal) {\n      setMountNode(containerRef?.current ?? document.body)\n    }\n  }, [disablePortal])\n\n  if (disablePortal) return <>{children}</>\n\n  return mountNode ? createPortal(children, mountNode) : <>{mountNode}</>\n}\n\nPortal.displayName = 'Portal'\n\nexport default Portal\n"],"mappings":"+IAQA,MAAaA,EAAyC,GAAS,CAC7D,GAAM,CAAE,WAAU,eAAc,iBAAkB,EAC5C,CAAC,EAAW,GAAgB,GAAuB,CAUzD,OARA,MAAgB,CACT,GACH,EAAa,GAAc,SAAW,SAAS,KAAK,EAErD,CAAC,EAAc,CAAC,CAEf,EAAsB,EAAA,EAAA,CAAG,WAAA,CAAY,CAElC,EAAY,EAAa,EAAU,EAAU,CAAG,EAAA,EAAA,CAAA,SAAG,EAAA,CAAa,EAGzE,EAAO,YAAc,SAErB,IAAA,EAAe"}
+{"version":3,"file":"portal.js","names":["Portal: FC<PortalProps & ChildrenProp>"],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ChildrenProp } from '../core'\nimport type { PortalProps } from './portal.types'\n\n/** Provided children are portaled to document.body or custom container. */\nexport const Portal: FC<PortalProps & ChildrenProp> = props => {\n  const { children, containerRef, disablePortal } = props\n  const [mountNode, setMountNode] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (!disablePortal) {\n      setMountNode(containerRef?.current ?? document.body)\n    }\n  }, [disablePortal])\n\n  if (disablePortal) return <>{children}</>\n\n  return mountNode ? createPortal(children, mountNode) : <>{mountNode}</>\n}\n\nPortal.displayName = 'Portal'\n\nexport default Portal\n"],"mappings":";;;;;;AAQA,MAAaA,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,UAAuB;AAEzD,iBAAgB;AACd,MAAI,CAAC,cACH,cAAa,cAAc,WAAW,SAAS,KAAK;IAErD,CAAC,cAAc,CAAC;AAEnB,KAAI,cAAe,QAAO,kCAAG,WAAY;AAEzC,QAAO,YAAY,aAAa,UAAU,UAAU,GAAG,4CAAG,YAAa;;AAGzE,OAAO,cAAc;AAErB,qBAAe"}

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;;EAAA,YAAA,CAAA,EAEK,SAFM,CAEI,WAFJ,GAAA,IAAA,CAAA;EAAA;eAEI,CAAA,EAAA,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,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"}

package/dist/progress/progress.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressProps } from "./progress.types.js";
-import * as styled_components48 from "styled-components";
+import * as styled_components392 from "styled-components";
 
 //#region src/progress/progress.d.ts
-declare const ProgressBase: styled_components48.StyledComponent<"div", styled_components48.DefaultTheme, SystemProps, never>;
+declare const ProgressBase: styled_components392.StyledComponent<"div", styled_components392.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,mBAAA,CAAA,uBAGxB,mBAAA,CAHwB,YAAA;;cASZ,8BAAQ"}
+{"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

@@ -1,5 +1,56 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n.divBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/progress/progress.tsx
+const ProgressBase = styled.divBox`
   display: flex;
   width: 100%;
-`,l=r((n,r)=>{let{className:l,value:u=0,showPercentage:d,...f}=n,[p,m]=o(0),h=t(`Progress`,n);a(()=>{let e=u?Math.ceil(u):0;m(e>100?100:e)},[u]);let g=f.bg||h.bg,_=f.color||h.color;return s(c,{className:e(`vui-progress`,l),ref:r,...h.container,...f,bg:g,borderRadius:`sm`,h:1,children:s(i,{bg:_,borderRadius:`sm`,position:`relative`,textAlign:`right`,transition:`width 0.4s ease-in-out;`,w:`${p}%`,children:d&&u>=3&&s(i,{...h.percentage,position:`absolute`,right:`0`,children:`${p}%`})})})});l.displayName=`Progress`;export{l as Progress,c as ProgressBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`;
+const minPercentageDisplay = 3;
+const maxValue = 100;
+/** Indicates a process progress. */
+const Progress = vui((props, ref) => {
+	const { className, value = 0, showPercentage,...rest } = props;
+	const [width, setWidth] = useState(0);
+	const styles = useStyleConfig("Progress", props);
+	useEffect(() => {
+		const w = !value ? 0 : Math.ceil(value);
+		setWidth(w > maxValue ? maxValue : w);
+	}, [value]);
+	const bg = rest.bg || styles.bg;
+	const color = rest.color || styles.color;
+	return /* @__PURE__ */ jsx(ProgressBase, {
+		className: cs("vui-progress", className),
+		ref,
+		...styles.container,
+		...rest,
+		bg,
+		borderRadius: "sm",
+		h: 1,
+		children: /* @__PURE__ */ jsx(Box, {
+			bg: color,
+			borderRadius: "sm",
+			position: "relative",
+			textAlign: "right",
+			transition: "width 0.4s ease-in-out;",
+			w: `${width}%`,
+			children: showPercentage && value >= minPercentageDisplay && /* @__PURE__ */ jsx(Box, {
+				...styles.percentage,
+				position: "absolute",
+				right: "0",
+				children: `${width}%`
+			})
+		})
+	});
+});
+Progress.displayName = "Progress";
+
+//#endregion
+export { Progress, ProgressBase };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=progress.js.map

package/dist/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ProgressProps } from './progress.types'\n\nexport const ProgressBase = styled.divBox`\n  display: flex;\n  width: 100%;\n`\n\nconst minPercentageDisplay = 3\nconst maxValue = 100\n\n/** Indicates a process progress. */\nexport const Progress = vui<'div', ProgressProps>((props, ref) => {\n  const { className, value = 0, showPercentage, ...rest } = props\n\n  const [width, setWidth] = useState(0)\n\n  const styles = useStyleConfig('Progress', props)\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setWidth(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const bg = rest.bg || styles.bg\n  const color = rest.color || styles.color\n\n  return (\n    <ProgressBase\n      className={cs('vui-progress', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n      bg={bg}\n      borderRadius=\"sm\"\n      h={1}\n    >\n      <Box\n        bg={color}\n        borderRadius=\"sm\"\n        position=\"relative\"\n        textAlign=\"right\"\n        transition=\"width 0.4s ease-in-out;\"\n        w={`${width}%`}\n      >\n        {showPercentage && value >= minPercentageDisplay && (\n          <Box {...styles.percentage} position=\"absolute\" right=\"0\">{`${width}%`}</Box>\n        )}\n      </Box>\n    </ProgressBase>\n  )\n})\n\nProgress.displayName = 'Progress'\nexport default Progress\n"],"mappings":"sSAOA,MAAa,EAAe,EAAO,MAAM;;;EAS5B,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CAAE,YAAW,QAAQ,EAAG,iBAAgB,GAAG,GAAS,EAEpD,CAAC,EAAO,GAAY,EAAS,EAAE,CAE/B,EAAS,EAAe,WAAY,EAAM,CAEhD,MAAgB,CACd,IAAM,EAAK,EAAY,KAAK,KAAK,EAAM,CAApB,EACnB,EAAS,EAAI,IAAW,IAAW,EAAE,EACpC,CAAC,EAAM,CAAC,CAEX,IAAM,EAAK,EAAK,IAAM,EAAO,GACvB,EAAQ,EAAK,OAAS,EAAO,MAEnC,OACE,EAAC,EAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACnC,MACL,GAAI,EAAO,UACX,GAAI,EACA,KACJ,aAAa,KACb,EAAG,WAEH,EAAC,EAAA,CACC,GAAI,EACJ,aAAa,KACb,SAAS,WACT,UAAU,QACV,WAAW,0BACX,EAAG,GAAG,EAAM,YAEX,GAAkB,GAAS,GAC1B,EAAC,EAAA,CAAI,GAAI,EAAO,WAAY,SAAS,WAAW,MAAM,aAAK,GAAG,EAAM,IAAS,EAE3E,EACO,EAEjB,CAEF,EAAS,YAAc"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ProgressProps } from './progress.types'\n\nexport const ProgressBase = styled.divBox`\n  display: flex;\n  width: 100%;\n`\n\nconst minPercentageDisplay = 3\nconst maxValue = 100\n\n/** Indicates a process progress. */\nexport const Progress = vui<'div', ProgressProps>((props, ref) => {\n  const { className, value = 0, showPercentage, ...rest } = props\n\n  const [width, setWidth] = useState(0)\n\n  const styles = useStyleConfig('Progress', props)\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setWidth(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const bg = rest.bg || styles.bg\n  const color = rest.color || styles.color\n\n  return (\n    <ProgressBase\n      className={cs('vui-progress', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n      bg={bg}\n      borderRadius=\"sm\"\n      h={1}\n    >\n      <Box\n        bg={color}\n        borderRadius=\"sm\"\n        position=\"relative\"\n        textAlign=\"right\"\n        transition=\"width 0.4s ease-in-out;\"\n        w={`${width}%`}\n      >\n        {showPercentage && value >= minPercentageDisplay && (\n          <Box {...styles.percentage} position=\"absolute\" right=\"0\">{`${width}%`}</Box>\n        )}\n      </Box>\n    </ProgressBase>\n  )\n})\n\nProgress.displayName = 'Progress'\nexport default Progress\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,OAAO,MAAM;;;;AAKzC,MAAM,uBAAuB;AAC7B,MAAM,WAAW;;AAGjB,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,QAAQ,GAAG,eAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,SAAS,eAAe,YAAY,MAAM;AAEhD,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,WAAS,IAAI,WAAW,WAAW,EAAE;IACpC,CAAC,MAAM,CAAC;CAEX,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACnC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC;GACC,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC;IAAI,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;KAAS;IAE3E;GACO;EAEjB;AAEF,SAAS,cAAc"}

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,GAAgB,cAC1B;;EADU,cAAA,CAAA,EAAa,OAAA;CAAA"}
+{"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"}

package/dist/progress/theme.js

@@ -1,2 +1,61 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`primary`},sizes:{sm:{container:{minH:`4px`},percentage:{fontSize:`80%`,top:`-16px`}},md:{container:{minH:`8px`},percentage:{fontSize:`100%`,top:`-20px`}},lg:{container:{minH:`12px`},percentage:{fontSize:`110%`,top:`-22px`}},xl:{container:{minH:`16px`},percentage:{fontSize:`120%`,top:`-24px`}}},variants:{primary:{bg:`darkBlue.95`,color:`darkBlue.main`},green:{bg:`landGreen.95`,color:`landGreen.main`},red:{bg:`energyRed.95`,color:`energyRed.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/progress/theme.ts
+const baseStyle = {};
+const defaultProps = {
+	size: "md",
+	variant: "primary"
+};
+const sizes = {
+	sm: {
+		container: { minH: "4px" },
+		percentage: {
+			fontSize: "80%",
+			top: "-16px"
+		}
+	},
+	md: {
+		container: { minH: "8px" },
+		percentage: {
+			fontSize: "100%",
+			top: "-20px"
+		}
+	},
+	lg: {
+		container: { minH: "12px" },
+		percentage: {
+			fontSize: "110%",
+			top: "-22px"
+		}
+	},
+	xl: {
+		container: { minH: "16px" },
+		percentage: {
+			fontSize: "120%",
+			top: "-24px"
+		}
+	}
+};
+const variants = {
+	primary: {
+		bg: "darkBlue.95",
+		color: "darkBlue.main"
+	},
+	green: {
+		bg: "landGreen.95",
+		color: "landGreen.main"
+	},
+	red: {
+		bg: "energyRed.95",
+		color: "energyRed.main"
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/progress/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/progress/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    container: {\n      minH: '4px',\n    },\n    percentage: {\n      fontSize: '80%',\n      top: '-16px',\n    },\n  },\n  md: {\n    container: {\n      minH: '8px',\n    },\n    percentage: {\n      fontSize: '100%',\n      top: '-20px',\n    },\n  },\n  lg: {\n    container: {\n      minH: '12px',\n    },\n    percentage: {\n      fontSize: '110%',\n      top: '-22px',\n    },\n  },\n  xl: {\n    container: {\n      minH: '16px',\n    },\n    percentage: {\n      fontSize: '120%',\n      top: '-24px',\n    },\n  },\n}\n\nconst variants = {\n  primary: {\n    bg: 'darkBlue.95',\n    color: 'darkBlue.main',\n  },\n  green: {\n    bg: 'landGreen.95',\n    color: 'landGreen.main',\n  },\n  red: {\n    bg: 'energyRed.95',\n    color: 'energyRed.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AA6DA,IAAA,EAAe,CACb,UA9DgB,EAAE,CA+DlB,aA7DmB,CACnB,KAAM,KACN,QAAS,UACV,CA2DC,MAzDY,CACZ,GAAI,CACF,UAAW,CACT,KAAM,MACP,CACD,WAAY,CACV,SAAU,MACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,MACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,OACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,OACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACF,CAqBC,SAnBe,CACf,QAAS,CACP,GAAI,cACJ,MAAO,gBACR,CACD,MAAO,CACL,GAAI,eACJ,MAAO,iBACR,CACD,IAAK,CACH,GAAI,eACJ,MAAO,iBACR,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/progress/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    container: {\n      minH: '4px',\n    },\n    percentage: {\n      fontSize: '80%',\n      top: '-16px',\n    },\n  },\n  md: {\n    container: {\n      minH: '8px',\n    },\n    percentage: {\n      fontSize: '100%',\n      top: '-20px',\n    },\n  },\n  lg: {\n    container: {\n      minH: '12px',\n    },\n    percentage: {\n      fontSize: '110%',\n      top: '-22px',\n    },\n  },\n  xl: {\n    container: {\n      minH: '16px',\n    },\n    percentage: {\n      fontSize: '120%',\n      top: '-24px',\n    },\n  },\n}\n\nconst variants = {\n  primary: {\n    bg: 'darkBlue.95',\n    color: 'darkBlue.main',\n  },\n  green: {\n    bg: 'landGreen.95',\n    color: 'landGreen.main',\n  },\n  red: {\n    bg: 'energyRed.95',\n    color: 'energyRed.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW,EACT,MAAM,OACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,OACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,QACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,QACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACF;AAED,MAAM,WAAW;CACf,SAAS;EACP,IAAI;EACJ,OAAO;EACR;CACD,OAAO;EACL,IAAI;EACJ,OAAO;EACR;CACD,KAAK;EACH,IAAI;EACJ,OAAO;EACR;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/progressCircular/consts.js

@@ -1,2 +1,17 @@
-const e={position:`absolute`,w:`100%`,left:0,right:0,alignItems:`center`,justifyContent:`center`,zIndex:100},t=-16,n=100;export{e as absCenterStyles,t as labelBottom,n as maxValue};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/progressCircular/consts.ts
+const absCenterStyles = {
+	position: "absolute",
+	w: "100%",
+	left: 0,
+	right: 0,
+	alignItems: "center",
+	justifyContent: "center",
+	zIndex: 100
+};
+const labelBottom = -16;
+const maxValue = 100;
+
+//#endregion
+export { absCenterStyles, labelBottom, maxValue };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=consts.js.map

package/dist/progressCircular/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":"AAAA,MAAa,EAAkB,CAC7B,SAAU,WACV,EAAG,OACH,KAAM,EACN,MAAO,EACP,WAAY,SACZ,eAAgB,SAChB,OAAQ,IACT,CAEY,EAAc,IAEd,EAAW"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":";AAAA,MAAa,kBAAkB;CAC7B,UAAU;CACV,GAAG;CACH,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACT;AAED,MAAa,cAAc;AAE3B,MAAa,WAAW"}

package/dist/progressCircular/progressCircular.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressCircularProps } from "./progressCircular.types.js";
-import * as styled_components50 from "styled-components";
+import * as styled_components379 from "styled-components";
 
 //#region src/progressCircular/progressCircular.d.ts
-declare const ProgressCircularBase: styled_components50.StyledComponent<"div", styled_components50.DefaultTheme, SystemProps, never>;
+declare const ProgressCircularBase: styled_components379.StyledComponent<"div", styled_components379.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,mBAAA,CAAA,uBAIhC,mBAAA,CAJgC,YAAA;;cAgBpB,sCAAgB"}
+{"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

@@ -1,12 +1,98 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{T as a}from"../t/t.js";import{absCenterStyles as o,labelBottom as s,maxValue as c}from"./consts.js";import{useEffect as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=n.divBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { T } from "../t/t.js";
+import { absCenterStyles, labelBottom, maxValue } from "./consts.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/progressCircular/progressCircular.tsx
+const ProgressCircularBase = styled.divBox`
   display: flex;
   position: relative;
   width: 100%;
-`,m=n.circle`
+`;
+const MainCircle = styled.circle`
   fill: transparent;
-`,h=n(m)`
+`;
+const ProgressCircle = styled(MainCircle)`
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
   transition: stroke-dashoffset 0.5s ease-out;
-`,g=r((n,r)=>{let{children:g,className:_,label:v,value:y=0,showPercentage:b,...x}=n,S=t(`ProgressCircular`,n),[C,w]=u(y);l(()=>{w(y?Math.ceil(y):0)},[y]),l(()=>{let e=y?Math.ceil(y):0;w(e>c?c:e)},[y]);let T=c/2-S.strokeWidth*2,E=T*2*Math.PI,D=E-C/c*E;return f(p,{className:e(`vui-progress-circular`,_),ref:r,w:S.width,...x,children:[f(`svg`,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":C,height:S.width,role:`meter`,version:`1.1`,viewBox:`0 0 100 100`,width:S.width,xmlns:`http://www.w3.org/2000/svg`,children:[d(m,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.main,strokeWidth:S.strokeWidth}),d(h,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.progress,strokeDasharray:`${E} ${E}`,strokeDashoffset:D,strokeWidth:S.strokeWidth})]}),d(i,{...o,top:S.top,children:g||(b?f(a,{color:S.color,fontSize:S.fontSize,children:[C,`%`]}):null)}),!!v&&d(i,{...o,bottom:s,children:d(a,{color:S.color,fontSize:S.fontSize,children:v})})]})});g.displayName=`ProgressCircular`;export{g as ProgressCircular,p as ProgressCircularBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`;
+/** Indicates a process progress. */
+const ProgressCircular = vui((props, ref) => {
+	const { children, className, label, value = 0, showPercentage,...rest } = props;
+	const styles = useStyleConfig("ProgressCircular", props);
+	const [progress, setProgress] = useState(value);
+	useEffect(() => {
+		setProgress(value ? Math.ceil(value) : 0);
+	}, [value]);
+	useEffect(() => {
+		const w = !value ? 0 : Math.ceil(value);
+		setProgress(w > maxValue ? maxValue : w);
+	}, [value]);
+	const radius = maxValue / 2 - styles.strokeWidth * 2;
+	const angle = radius * 2 * Math.PI;
+	const offset = angle - progress / maxValue * angle;
+	return /* @__PURE__ */ jsxs(ProgressCircularBase, {
+		className: cs("vui-progress-circular", className),
+		ref,
+		w: styles.width,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("svg", {
+				"aria-valuemax": maxValue,
+				"aria-valuemin": 0,
+				"aria-valuenow": progress,
+				height: styles.width,
+				role: "meter",
+				version: "1.1",
+				viewBox: "0 0 100 100",
+				width: styles.width,
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [/* @__PURE__ */ jsx(MainCircle, {
+					cx: "50",
+					cy: "50",
+					r: radius,
+					stroke: styles.stroke.main,
+					strokeWidth: styles.strokeWidth
+				}), /* @__PURE__ */ jsx(ProgressCircle, {
+					cx: "50",
+					cy: "50",
+					r: radius,
+					stroke: styles.stroke.progress,
+					strokeDasharray: `${angle} ${angle}`,
+					strokeDashoffset: offset,
+					strokeWidth: styles.strokeWidth
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				...absCenterStyles,
+				top: styles.top,
+				children: children ? children : showPercentage ? /* @__PURE__ */ jsxs(T, {
+					color: styles.color,
+					fontSize: styles.fontSize,
+					children: [progress, "%"]
+				}) : null
+			}),
+			!!label && /* @__PURE__ */ jsx(Box, {
+				...absCenterStyles,
+				bottom: labelBottom,
+				children: /* @__PURE__ */ jsx(T, {
+					color: styles.color,
+					fontSize: styles.fontSize,
+					children: label
+				})
+			})
+		]
+	});
+});
+ProgressCircular.displayName = "ProgressCircular";
+
+//#endregion
+export { ProgressCircular, ProgressCircularBase };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=progressCircular.js.map

package/dist/progressCircular/progressCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nexport const ProgressCircularBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\nconst MainCircle = styled.circle`\n  fill: transparent;\n`\n\nconst ProgressCircle = styled(MainCircle)`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: stroke-dashoffset 0.5s ease-out;\n`\n\n/** Indicates a process progress. */\nexport const ProgressCircular = vui<'div', ProgressCircularProps>((props, ref) => {\n  const { children, className, label, value = 0, showPercentage, ...rest } = props\n\n  const styles = useStyleConfig('ProgressCircular', props)\n\n  const [progress, setProgress] = useState(value)\n\n  useEffect(() => {\n    setProgress(value ? Math.ceil(value) : 0)\n  }, [value])\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setProgress(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const radius = maxValue / 2 - styles.strokeWidth * 2\n  const angle = radius * 2 * Math.PI\n  const offset = angle - (progress / maxValue) * angle\n\n  return (\n    <ProgressCircularBase className={cs('vui-progress-circular', className)} ref={ref} w={styles.width} {...rest}>\n      <svg\n        aria-valuemax={maxValue}\n        aria-valuemin={0}\n        aria-valuenow={progress}\n        height={styles.width}\n        role=\"meter\"\n        version=\"1.1\"\n        viewBox=\"0 0 100 100\"\n        width={styles.width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MainCircle cx=\"50\" cy=\"50\" r={radius} stroke={styles.stroke.main} strokeWidth={styles.strokeWidth} />\n        <ProgressCircle\n          cx=\"50\"\n          cy=\"50\"\n          r={radius}\n          stroke={styles.stroke.progress}\n          strokeDasharray={`${angle} ${angle}`}\n          strokeDashoffset={offset}\n          strokeWidth={styles.strokeWidth}\n        />\n      </svg>\n      <Box {...(absCenterStyles as BoxProps)} top={styles.top}>\n        {children ? (\n          children\n        ) : showPercentage ? (\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {progress}%\n          </T>\n        ) : null}\n      </Box>\n      {!!label && (\n        <Box {...(absCenterStyles as BoxProps)} bottom={labelBottom}>\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {label}\n          </T>\n        </Box>\n      )}\n    </ProgressCircularBase>\n  )\n})\n\nProgressCircular.displayName = 'ProgressCircular'\nexport default ProgressCircular\n"],"mappings":"2ZAUA,MAAa,EAAuB,EAAO,MAAM;;;;EAK3C,EAAa,EAAO,MAAM;;EAI1B,EAAiB,EAAO,EAAW;;;;EAO5B,EAAmB,GAAmC,EAAO,IAAQ,CAChF,GAAM,CAAE,WAAU,YAAW,QAAO,QAAQ,EAAG,iBAAgB,GAAG,GAAS,EAErE,EAAS,EAAe,mBAAoB,EAAM,CAElD,CAAC,EAAU,GAAe,EAAS,EAAM,CAE/C,MAAgB,CACd,EAAY,EAAQ,KAAK,KAAK,EAAM,CAAG,EAAE,EACxC,CAAC,EAAM,CAAC,CAEX,MAAgB,CACd,IAAM,EAAK,EAAY,KAAK,KAAK,EAAM,CAApB,EACnB,EAAY,EAAI,EAAW,EAAW,EAAE,EACvC,CAAC,EAAM,CAAC,CAEX,IAAM,EAAS,EAAW,EAAI,EAAO,YAAc,EAC7C,EAAQ,EAAS,EAAI,KAAK,GAC1B,EAAS,EAAS,EAAW,EAAY,EAE/C,OACE,EAAC,EAAA,CAAqB,UAAW,EAAG,wBAAyB,EAAU,CAAO,MAAK,EAAG,EAAO,MAAO,GAAI,YACtG,EAAC,MAAA,CACC,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,OAAQ,EAAO,MACf,KAAK,QACL,QAAQ,MACR,QAAQ,cACR,MAAO,EAAO,MACd,MAAM,uCAEN,EAAC,EAAA,CAAW,GAAG,KAAK,GAAG,KAAK,EAAG,EAAQ,OAAQ,EAAO,OAAO,KAAM,YAAa,EAAO,aAAe,CACtG,EAAC,EAAA,CACC,GAAG,KACH,GAAG,KACH,EAAG,EACH,OAAQ,EAAO,OAAO,SACtB,gBAAiB,GAAG,EAAM,GAAG,IAC7B,iBAAkB,EAClB,YAAa,EAAO,aACpB,CAAA,EACE,CACN,EAAC,EAAA,CAAI,GAAK,EAA8B,IAAK,EAAO,aACjD,IAEG,EACF,EAAC,EAAA,CAAE,MAAO,EAAO,MAAO,SAAU,EAAO,mBACtC,EAAS,IAAA,EACR,CACF,OACA,CACL,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,GAAK,EAA8B,OAAQ,WAC9C,EAAC,EAAA,CAAE,MAAO,EAAO,MAAO,SAAU,EAAO,kBACtC,GACC,EACA,GAEa,EAEzB,CAEF,EAAiB,YAAc"}
+{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nexport const ProgressCircularBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\nconst MainCircle = styled.circle`\n  fill: transparent;\n`\n\nconst ProgressCircle = styled(MainCircle)`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: stroke-dashoffset 0.5s ease-out;\n`\n\n/** Indicates a process progress. */\nexport const ProgressCircular = vui<'div', ProgressCircularProps>((props, ref) => {\n  const { children, className, label, value = 0, showPercentage, ...rest } = props\n\n  const styles = useStyleConfig('ProgressCircular', props)\n\n  const [progress, setProgress] = useState(value)\n\n  useEffect(() => {\n    setProgress(value ? Math.ceil(value) : 0)\n  }, [value])\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setProgress(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const radius = maxValue / 2 - styles.strokeWidth * 2\n  const angle = radius * 2 * Math.PI\n  const offset = angle - (progress / maxValue) * angle\n\n  return (\n    <ProgressCircularBase className={cs('vui-progress-circular', className)} ref={ref} w={styles.width} {...rest}>\n      <svg\n        aria-valuemax={maxValue}\n        aria-valuemin={0}\n        aria-valuenow={progress}\n        height={styles.width}\n        role=\"meter\"\n        version=\"1.1\"\n        viewBox=\"0 0 100 100\"\n        width={styles.width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MainCircle cx=\"50\" cy=\"50\" r={radius} stroke={styles.stroke.main} strokeWidth={styles.strokeWidth} />\n        <ProgressCircle\n          cx=\"50\"\n          cy=\"50\"\n          r={radius}\n          stroke={styles.stroke.progress}\n          strokeDasharray={`${angle} ${angle}`}\n          strokeDashoffset={offset}\n          strokeWidth={styles.strokeWidth}\n        />\n      </svg>\n      <Box {...(absCenterStyles as BoxProps)} top={styles.top}>\n        {children ? (\n          children\n        ) : showPercentage ? (\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {progress}%\n          </T>\n        ) : null}\n      </Box>\n      {!!label && (\n        <Box {...(absCenterStyles as BoxProps)} bottom={labelBottom}>\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {label}\n          </T>\n        </Box>\n      )}\n    </ProgressCircularBase>\n  )\n})\n\nProgressCircular.displayName = 'ProgressCircular'\nexport default ProgressCircular\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,WAAW;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,eAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,MAAM;CAExD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,iBAAgB;AACd,cAAY,QAAQ,KAAK,KAAK,MAAM,GAAG,EAAE;IACxC,CAAC,MAAM,CAAC;AAEX,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,cAAY,IAAI,WAAW,WAAW,EAAE;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,SAAS,WAAW,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,WAAW,WAAY;AAE/C,QACE,qBAAC;EAAqB,WAAW,GAAG,yBAAyB,UAAU;EAAO;EAAK,GAAG,OAAO;EAAO,GAAI;;GACtG,qBAAC;IACC,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;eAEN,oBAAC;KAAW,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;MAAe,EACtG,oBAAC;KACC,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;MACpB;KACE;GACN,oBAAC;IAAI,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;gBACtC,UAAS;MACR,GACF;KACA;GACL,CAAC,CAAC,SACD,oBAAC;IAAI,GAAK;IAA8B,QAAQ;cAC9C,oBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;MACC;KACA;;GAEa;EAEzB;AAEF,iBAAiB,cAAc"}

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,GAAwB,cAClC;;EADU,KAAA,CAAA,EAAA,MAAA;EAAqB,cAAA,CAAA,EAAA,OAAA"}
+{"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"}