@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

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

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"mappings":";;;;cAUa,cAAA,EAAc,YAAA,QAoCzB,QAAA"}
+{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"mappings":";;;;cAWa,cAAA,EAAc,YAAA,QAoCzB,QAAA"}

package/dist/popover/popoverContent.js

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

package/dist/popover/popoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.js","names":["zIndices"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { zIndices } from '../theme'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverContentProps } from './popover.types'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const { context, floatingStyles, getFloatingProps, isLazy, isMounted, isOpen, setPopper, transitionStyles } =\n    popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  // Use isMounted for render control - handles transition timing\n  if (!isMounted) {\n    return null\n  }\n\n  return (\n    <FloatingPortal>\n      <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          zIndex=\"popover\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles, zIndex: zIndices.popover }}\n          {...(getFloatingProps?.() ?? {})}\n          {...styles.content}\n          {...rest}\n        >\n          {shouldRenderChildren ? children : null}\n        </Box>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,kBAAkB,KAAK,CAAC;CAC7C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,uBAAuB,SAAS,SAAS;CAG/C,IAAI,CAAC,WACH,OAAO;CAGT,OACE,oBAAC,gBAAD,YACE,oBAAC,sBAAD;EAA+B;EAAS,cAAc;EAAI,OAAO;YAC/D,oBAAC,KAAD;GACE,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,SAAS;GAC7C,WAAU;GACV,QAAO;GACP,KAAK,UAAU,WAAW,GAAG;GAC7B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB,QAAQA,iBAAS;GAAQ;GAC1E,GAAK,mBAAmB,KAAK,CAAC;GAC9B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;EAChC;CACe,GACR;AAEpB,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"popoverContent.js","names":["zIndices"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport type { PopoverContentProps } from './popover.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { zIndices } from '../theme'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const { context, floatingStyles, getFloatingProps, isLazy, isMounted, isOpen, setPopper, transitionStyles } =\n    popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  // Use isMounted for render control - handles transition timing\n  if (!isMounted) {\n    return null\n  }\n\n  return (\n    <FloatingPortal>\n      <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          zIndex=\"popover\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles, zIndex: zIndices.popover }}\n          {...(getFloatingProps?.() ?? {})}\n          {...styles.content}\n          {...rest}\n        >\n          {shouldRenderChildren ? children : null}\n        </Box>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,kBAAkB,KAAK,CAAC;CAC7C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,uBAAuB,SAAS,SAAS;CAG/C,IAAI,CAAC,WACH,OAAO;CAGT,OACE,oBAAC,gBAAD,YACE,oBAAC,sBAAD;EAA+B;EAAS,cAAc;EAAI,OAAO;YAC/D,oBAAC,KAAD;GACE,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,SAAS;GAC7C,WAAU;GACV,QAAO;GACP,KAAK,UAAU,WAAW,GAAG;GAC7B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB,QAAQA,iBAAS;GAAQ;GAC1E,GAAK,mBAAmB,KAAK,CAAC;GAC9B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;EAChC;CACe,GACR;AAEpB,CAAC;AAED,eAAe,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"mappings":";;;;;;;cAUa,cAAA,EAAc,YAAA,WA2BzB,WAAA"}
+{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"mappings":";;;;;;;cAWa,cAAA,EAAc,YAAA,WA2BzB,WAAA"}

package/dist/popover/popoverTrigger.js

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

package/dist/popover/popoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import { useStyleConfig, v, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverTriggerProps } from './popover.types'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { getReferenceProps, setReference, isOpen, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  const referenceProps = getReferenceProps?.() ?? {}\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...referenceProps}\n      {...styles.trigger}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,aAAa,GAAG,SAAS;CACzD,MAAM,EAAE,mBAAmB,cAAc,QAAQ,GAAG,iBAAiB,kBAAkB,KAAK,CAAC;CAC7F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;EAEpD,EAAE,gBAAgB;EAClB,cAAc,CAAC;CACjB;CAEA,MAAM,iBAAiB,oBAAoB,KAAK,CAAC;CAEjD,OACE,oBAAC,SAAD;EACE,UAAU;EACV,WAAW,GAAG,sBAAsB,SAAS;EACpC;EACT,KAAK,UAAU,cAAc,GAAG;EAChC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import type { MouseEvent } from '../utils'\nimport type { PopoverTriggerProps } from './popover.types'\n\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { getReferenceProps, setReference, isOpen, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  const referenceProps = getReferenceProps?.() ?? {}\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...referenceProps}\n      {...styles.trigger}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,aAAa,GAAG,SAAS;CACzD,MAAM,EAAE,mBAAmB,cAAc,QAAQ,GAAG,iBAAiB,kBAAkB,KAAK,CAAC;CAC7F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;EAEpD,EAAE,gBAAgB;EAClB,cAAc,CAAC;CACjB;CAEA,MAAM,iBAAiB,oBAAoB,KAAK,CAAC;CAEjD,OACE,oBAAC,SAAD;EACE,UAAU;EACV,WAAW,GAAG,sBAAsB,SAAS;EACpC;EACT,KAAK,UAAU,cAAc,GAAG;EAChC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}

package/dist/popover/theme.js

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

package/dist/popover/usePopover.d.ts

@@ -15,9 +15,9 @@ type UsePopoverInternalProps = UsePopoverProps & {
 declare function usePopover(props?: UsePopoverInternalProps): {
   close: () => void;
   context: {
+    placement: Placement;
     x: number;
     y: number;
-    placement: Placement;
     strategy: Strategy;
     middlewareData: MiddlewareData;
     isPositioned: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;KAqBK,uBAAA,GAA0B,eAAe;EAC5C,MAAM;AAAA;;;AAHiD;;;iBAWjC,UAAA,CAAW,KAAA,GAAO,uBAAA;;;;;eAA4B,SAAA;;;;;;;;;;;;;;;;;;;;;;aA+G7B,WAAA;;gDAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAU,QAAQ,UAAA"}
+{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;KAsBK,uBAAA,GAA0B,eAAe;EAC5C,MAAM;AAAA;;;AALiD;;;iBAajC,UAAA,CAAW,KAAA,GAAO,uBAAA;;;eAA4B,SAAA;;;;;;;;;;;;;;;;;;;;;;;;aA+G7B,WAAA;;gDAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAU,QAAQ,UAAA"}

package/dist/popover/usePopover.js

@@ -95,5 +95,5 @@ function usePopover(props = {}) {
 
 //#endregion
 export { usePopover as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=usePopover.js.map

package/dist/popover/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useCallbackRef } from '../utils'\nimport type { UsePopoverProps } from './usePopover.types'\n\ntype UsePopoverInternalProps = UsePopoverProps & {\n  nodeId?: string\n}\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverInternalProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    nodeId,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    nodeId,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: hoverEnabled ? safePolygon() : null,\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AA8BA,SAAwB,WAAW,QAAiC,CAAC,GAAG;CACtE,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,QACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,aAAa;CAC5D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,YAAY,aACf,SAAkB;EACjB,IAAI,CAAC,cACH,eAAe,IAAI;EAErB,IAAI,MACF,OAAO;OAEP,QAAQ;CAEZ,GACA;EAAC;EAAc;EAAQ;CAAO,CAChC;CAEA,MAAM,QAAQ,kBAAkB,UAAU,KAAK,GAAG,CAAC,SAAS,CAAC;CAC7D,MAAM,OAAO,kBAAkB,UAAU,IAAI,GAAG,CAAC,SAAS,CAAC;CAiB3D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA;EACA,YAnBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;GAAE,CAAC;GAC5EC,UAAQC,KAAe;GACvB,MAAM,EAAE,SAAS,EAAE,CAAC;GACpB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;IACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,IAClC,CAAC;GACH,EACF,CAAC;EACL,CAAC,CAAC,OAAO,OAOE;EACT,sBAAsB;CACxB,CAAC;CAGD,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,aAAa,CAea;EAdvD,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa,eAAe,YAAY,IAAI;GAC5C,OAAO;IAAE,MAAM;IAAG,OAAO;GAAI;EAC/B,CAS4E;EAR9D,SAAS,SAAS,EAAE,SAAS,aAAa,CAQ2B;EAPnE,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;EAChB,CAG4F;EAF/E,QAAQ,OAE6E;CAAC,CAAC;CAGpG,gBAAgB;EACd,IAAI,cACF,eAAe,UAAU;CAE7B,GAAG,CAAC,cAAc,UAAU,CAAC;CAE7B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;CACF;AACF"}
+{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport type { UsePopoverProps } from './usePopover.types'\n\nimport { useCallbackRef } from '../utils'\n\ntype UsePopoverInternalProps = UsePopoverProps & {\n  nodeId?: string\n}\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverInternalProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    nodeId,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    nodeId,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: hoverEnabled ? safePolygon() : null,\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AA+BA,SAAwB,WAAW,QAAiC,CAAC,GAAG;CACtE,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,QACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,aAAa;CAC5D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,YAAY,aACf,SAAkB;EACjB,IAAI,CAAC,cACH,eAAe,IAAI;EAErB,IAAI,MACF,OAAO;OAEP,QAAQ;CAEZ,GACA;EAAC;EAAc;EAAQ;CAAO,CAChC;CAEA,MAAM,QAAQ,kBAAkB,UAAU,KAAK,GAAG,CAAC,SAAS,CAAC;CAC7D,MAAM,OAAO,kBAAkB,UAAU,IAAI,GAAG,CAAC,SAAS,CAAC;CAiB3D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA;EACA,YAnBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;GAAE,CAAC;GAC5EC,UAAQC,KAAe;GACvB,MAAM,EAAE,SAAS,EAAE,CAAC;GACpB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;IACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,IAClC,CAAC;GACH,EACF,CAAC;EACL,CAAC,CAAC,OAAO,OAOE;EACT,sBAAsB;CACxB,CAAC;CAGD,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,aAAa,CAea;EAdvD,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa,eAAe,YAAY,IAAI;GAC5C,OAAO;IAAE,MAAM;IAAG,OAAO;GAAI;EAC/B,CAS4E;EAR9D,SAAS,SAAS,EAAE,SAAS,aAAa,CAQ2B;EAPnE,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;EAChB,CAG4F;EAF/E,QAAQ,OAE6E;CAAC,CAAC;CAGpG,gBAAgB;EACd,IAAI,cACF,eAAe,UAAU;CAE7B,GAAG,CAAC,cAAc,UAAU,CAAC;CAE7B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"mappings":";;;;;;cAQa,MAAA,EAAQ,EAAA,CAAG,WAAA,GAAc,YAAA"}
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"mappings":";;;;;;cASa,MAAA,EAAQ,EAAA,CAAG,WAAA,GAAc,YAAA"}

package/dist/portal/portal.js

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

package/dist/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"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/types'\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,MAAa,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,SAAsB;CAExD,gBAAgB;EACd,IAAI,CAAC,eACH,aAAa,cAAc,WAAW,SAAS,IAAI;CAEvD,GAAG,CAAC,aAAa,CAAC;CAElB,IAAI,eAAe,OAAO,kCAAG,SAAW;CAExC,OAAO,YAAY,aAAa,UAAU,SAAS,IAAI,4CAAG,UAAY;AACxE;AAEA,OAAO,cAAc"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ChildrenProp } from '../core/types'\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":";;;;;;AASA,MAAa,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,SAAsB;CAExD,gBAAgB;EACd,IAAI,CAAC,eACH,aAAa,cAAc,WAAW,SAAS,IAAI;CAEvD,GAAG,CAAC,aAAa,CAAC;CAElB,IAAI,eAAe,OAAO,kCAAG,SAAW;CAExC,OAAO,YAAY,aAAa,UAAU,SAAS,IAAI,4CAAG,UAAY;AACxE;AAEA,OAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;cAOa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAGxB,WAHwB;;cASZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;cAQa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAGxB,WAHwB;;cASZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}

package/dist/progress/progress.js

@@ -52,5 +52,5 @@ Progress.displayName = "Progress";
 
 //#endregion
 export { ProgressBase, Progress as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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":";;;;;;;;;AAOA,MAAa,eAAe,OAAO,MAAM;;;;AAKzC,MAAM,uBAAuB;AAC7B,MAAM,WAAW;;AAGjB,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CAEpC,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,SAAS,IAAI,WAAW,WAAW,CAAC;CACtC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;CAEnC,OACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EAClC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC,KAAD;GACE,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC,KAAD;IAAK,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;GAAQ;EAE3E;CACO;AAElB,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { ProgressProps } from './progress.types'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\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":";;;;;;;;;AAQA,MAAa,eAAe,OAAO,MAAM;;;;AAKzC,MAAM,uBAAuB;AAC7B,MAAM,WAAW;;AAGjB,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CAEpC,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,SAAS,IAAI,WAAW,WAAW,CAAC;CACtC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;CAEnC,OACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EAClC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC,KAAD;GACE,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC,KAAD;IAAK,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;GAAQ;EAE3E;CACO;AAElB,CAAC;AAED,SAAS,cAAc"}

package/dist/progress/theme.js

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

package/dist/progressCircular/consts.js

@@ -11,5 +11,5 @@ const absCenterStyles = {
 
 //#endregion
 export { absCenterStyles };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;cAUa,oBAAA,8BAAoB,eAAA,oCAAA,YAAA,EAIhC,WAJgC;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;cAWa,oBAAA,8BAAoB,eAAA,oCAAA,YAAA,EAIhC,WAJgC;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}

package/dist/progressCircular/progressCircular.js

@@ -94,5 +94,5 @@ ProgressCircular.displayName = "ProgressCircular";
 
 //#endregion
 export { ProgressCircularBase, ProgressCircular as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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":";;;;;;;;;;;AAUA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,UAAU,CAAC;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,KAAK;CAEvD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,YAAY,QAAQ,KAAK,KAAK,KAAK,IAAI,CAAC;CAC1C,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,YAAY,gBAA0B,CAAC;CACzC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,eAAoB,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,iBAAuB;CAE/C,OACE,qBAAC,sBAAD;EAAsB,WAAW,GAAG,yBAAyB,SAAS;EAAQ;EAAK,GAAG,OAAO;EAAO,GAAI;YAAxG;GACE,qBAAC,OAAD;IACE;IACA,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;cATR,CAWE,oBAAC,YAAD;KAAY,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;IAAc,IACrG,oBAAC,gBAAD;KACE,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;IACrB,EACE;;GACL,oBAAC,KAAD;IAAK,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eAAzC,CACG,UAAS,GACT;SACD;GACD;GACJ,CAAC,CAAC,SACD,oBAAC,KAAD;IAAK,GAAK;IAA8B;cACtC,oBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;IACA;GACA;EAEa;;AAE1B,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\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":";;;;;;;;;;;AAWA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,UAAU,CAAC;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,KAAK;CAEvD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,YAAY,QAAQ,KAAK,KAAK,KAAK,IAAI,CAAC;CAC1C,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,YAAY,gBAA0B,CAAC;CACzC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,eAAoB,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,iBAAuB;CAE/C,OACE,qBAAC,sBAAD;EAAsB,WAAW,GAAG,yBAAyB,SAAS;EAAQ;EAAK,GAAG,OAAO;EAAO,GAAI;YAAxG;GACE,qBAAC,OAAD;IACE;IACA,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;cATR,CAWE,oBAAC,YAAD;KAAY,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;IAAc,IACrG,oBAAC,gBAAD;KACE,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;IACrB,EACE;;GACL,oBAAC,KAAD;IAAK,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eAAzC,CACG,UAAS,GACT;SACD;GACD;GACJ,CAAC,CAAC,SACD,oBAAC,KAAD;IAAK,GAAK;IAA8B;cACtC,oBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;IACA;GACA;EAEa;;AAE1B,CAAC;AAED,iBAAiB,cAAc"}

package/dist/progressCircular/theme.js

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

package/dist/prose/prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":";;;KAIY,UAAA,GAAa,QAAQ;AAAA,cAEpB,KAAA,8BAAK,eAAA,CAAA,YAAA,QAAA,QAAA,QAAA,QAAA"}
+{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":";;;KAKY,UAAA,GAAa,QAAQ;AAAA,cAEpB,KAAA,8BAAK,eAAA,CAAA,YAAA,QAAA,QAAA,QAAA,QAAA"}

package/dist/prose/prose.js

@@ -51,7 +51,7 @@ const Prose = styled(Box)`
   ul ul,
   ol ul {
     list-style-type: circle;
-    margin: var(--vui-nested-list-margin) 0;
+    margin: var(--vui-prose-nested-list-margin) 0;
   }
 
   ul ul ul,
@@ -126,5 +126,5 @@ Prose.displayName = "Prose";
 
 //#endregion
 export { Prose as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=prose.js.map

package/dist/prose/prose.js.map

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

package/dist/radio/consts.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;cAGO,kBAAA,kBAAkB,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;cAIO,kBAAA,kBAAkB,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAA6C"}

package/dist/radio/context.js

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

package/dist/radio/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { RadioGroupProvider, useRadioGroupContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,oBAAoB,wBAAwB,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { RadioGroupProvider, useRadioGroupContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,oBAAoB,wBAAwB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cAiCa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,cAAA,GAtBqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}
+{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cAkCa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,cAAA,GAtBqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}

package/dist/radio/radio.js

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

package/dist/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { disabled } from '../checkbox/consts'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { radioColors } from './consts'\nimport { useRadioGroupContext } from './context'\nimport type { RadioProps, RadioStyleProps } from './radio.types'\n\nconst RadioControl = styled.spanBox`\n  border-radius: 50%;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst RadioInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const RadioBase = styled.labelBox<RadioStyleProps>`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-radioControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-radioControl:focus-within {\n    color: ${radioColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-radioControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states.\n */\nexport const Radio = vui<'span', RadioProps>((props, ref) => {\n  const {\n    defaultValue: groupDefaultValue,\n    isChecked: groupIsChecked,\n    onChange: groupOnChange,\n    value: groupValue,\n    ...radioGroupProps\n  } = useRadioGroupContext() ?? {}\n  const defaultIsChecked = groupIsChecked !== undefined ? groupIsChecked === props.value : undefined\n\n  const mergedProps = { ...radioGroupProps, ...props }\n  const {\n    checked = groupValue !== undefined ? props.value === groupValue : undefined,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? props.value === groupDefaultValue : undefined,\n    disabled,\n    icon: iconProp = 'uiRadioUnselected',\n    iconChecked = 'uiRadioSelected',\n    id,\n    inputProps,\n    inputRef,\n    label,\n    name,\n    onChange,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n\n  const [isChecked, setIsChecked] = useState(defaultIsChecked ?? checked ?? defaultChecked)\n  const styles = useStyleConfig('Radio', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked ? radioColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : radioColors.hover\n\n  useEffect(() => {\n    if (groupIsChecked !== undefined) setIsChecked(groupIsChecked === value)\n    else if (checked !== undefined) setIsChecked(checked)\n  }, [checked, groupIsChecked])\n\n  function handleOnChange(e: React.MouseEvent<HTMLInputElement>) {\n    groupOnChange?.(e)\n    onChange?.(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <RadioBase\n      className={cs('vui-radio', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadioControl\n        bg=\"white\"\n        className=\"vui-radioControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        {...controlStyles}\n      >\n        <RadioInput\n          className=\"vui-radioInput\"\n          onClick={handleOnChange}\n          ref={inputRef}\n          type=\"radio\"\n          {...{ defaultChecked: checked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-radioIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </RadioControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-radioLabel\" lineHeight=\"normal\" {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </RadioBase>\n  )\n})\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,eAAe,OAAO,OAAO;;;;;;;AAQnC,MAAM,aAAa,OAAO,KAAK;;;;;;;;;;;;AAa/B,MAAa,YAAY,OAAO,QAAyB;;;;;;;cAO5C,MAAK,GAAG,MAAM,EAAE,iBAAiB,EAAE;;;;aAInC,YAAY,MAAM;;;;aAIlB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EACJ,cAAc,mBACd,WAAW,gBACX,UAAU,eACV,OAAO,YACP,GAAG,oBACD,qBAAqB,KAAK,CAAC;CAC/B,MAAM,mBAAmB,mBAAmB,SAAY,mBAAmB,MAAM,QAAQ;CAEzF,MAAM,cAAc;EAAE,GAAG;EAAiB,GAAG;CAAM;CACnD,MAAM,EACJ,UAAU,eAAe,SAAY,MAAM,UAAU,aAAa,QAClE,UACA,WACA,iBAAiB,sBAAsB,SAAY,MAAM,UAAU,oBAAoB,QACvF,UACA,MAAM,WAAW,qBACjB,cAAc,mBACd,IACA,YACA,UACA,OACA,MACA,UACA,UACA,OACA,GAAG,SACD,iBAAiB,WAAW;CAEhC,MAAM,CAAC,WAAW,gBAAgB,SAAS,oBAAoB,WAAW,cAAc;CACxF,MAAM,SAAS,eAAe,SAAS,WAAW;CAClD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,YAAY,cAAc;CACvC,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,YAAY,YAAY,UAAU;CAChD,MAAM,oBAAoB,aAAa,aAAa,YAAY;CAEhE,gBAAgB;EACd,IAAI,mBAAmB,QAAW,aAAa,mBAAmB,KAAK;OAClE,IAAI,YAAY,QAAW,aAAa,OAAO;CACtD,GAAG,CAAC,SAAS,cAAc,CAAC;CAE5B,SAAS,eAAe,GAAuC;EAC7D,gBAAgB,CAAC;EACjB,WAAW,CAA2B;CACxC;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,OACE,qBAAC,WAAD;EACE,WAAW,GAAG,aAAa,SAAS;EACjB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YANN,CAQE,qBAAC,cAAD;GACE,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,GAAI;aANN,CAQE,oBAAC,YAAD;IACE,WAAU;IACV,SAAS;IACT,KAAK;IACL,MAAK;IACC,gBAAgB;IAAS;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;GACL,IACD,oBAAC,MAAD;IAAM,WAAU;IAAgB,GAAE;IAAO,MAAM;IAAM,GAAE;GAAQ,EACnD;MAEb,aACE,SACC,oBAAC,GAAD;GAAG,WAAU;GAAiB,YAAW;GAAS,GAAI,OAAO;aAC1D;EACA,GAEE;;AAEf,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport type { RadioProps, RadioStyleProps } from './radio.types'\n\nimport { disabled } from '../checkbox/consts'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { radioColors } from './consts'\nimport { useRadioGroupContext } from './context'\n\nconst RadioControl = styled.spanBox`\n  border-radius: 50%;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst RadioInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const RadioBase = styled.labelBox<RadioStyleProps>`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-radioControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-radioControl:focus-within {\n    color: ${radioColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-radioControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states.\n */\nexport const Radio = vui<'span', RadioProps>((props, ref) => {\n  const {\n    defaultValue: groupDefaultValue,\n    isChecked: groupIsChecked,\n    onChange: groupOnChange,\n    value: groupValue,\n    ...radioGroupProps\n  } = useRadioGroupContext() ?? {}\n  const defaultIsChecked = groupIsChecked !== undefined ? groupIsChecked === props.value : undefined\n\n  const mergedProps = { ...radioGroupProps, ...props }\n  const {\n    checked = groupValue !== undefined ? props.value === groupValue : undefined,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? props.value === groupDefaultValue : undefined,\n    disabled,\n    icon: iconProp = 'uiRadioUnselected',\n    iconChecked = 'uiRadioSelected',\n    id,\n    inputProps,\n    inputRef,\n    label,\n    name,\n    onChange,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n\n  const [isChecked, setIsChecked] = useState(defaultIsChecked ?? checked ?? defaultChecked)\n  const styles = useStyleConfig('Radio', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked ? radioColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : radioColors.hover\n\n  useEffect(() => {\n    if (groupIsChecked !== undefined) setIsChecked(groupIsChecked === value)\n    else if (checked !== undefined) setIsChecked(checked)\n  }, [checked, groupIsChecked])\n\n  function handleOnChange(e: React.MouseEvent<HTMLInputElement>) {\n    groupOnChange?.(e)\n    onChange?.(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <RadioBase\n      className={cs('vui-radio', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadioControl\n        bg=\"white\"\n        className=\"vui-radioControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        {...controlStyles}\n      >\n        <RadioInput\n          className=\"vui-radioInput\"\n          onClick={handleOnChange}\n          ref={inputRef}\n          type=\"radio\"\n          {...{ defaultChecked: checked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-radioIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </RadioControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-radioLabel\" lineHeight=\"normal\" {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </RadioBase>\n  )\n})\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,eAAe,OAAO,OAAO;;;;;;;AAQnC,MAAM,aAAa,OAAO,KAAK;;;;;;;;;;;;AAa/B,MAAa,YAAY,OAAO,QAAyB;;;;;;;cAO5C,MAAK,GAAG,MAAM,EAAE,iBAAiB,EAAE;;;;aAInC,YAAY,MAAM;;;;aAIlB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EACJ,cAAc,mBACd,WAAW,gBACX,UAAU,eACV,OAAO,YACP,GAAG,oBACD,qBAAqB,KAAK,CAAC;CAC/B,MAAM,mBAAmB,mBAAmB,SAAY,mBAAmB,MAAM,QAAQ;CAEzF,MAAM,cAAc;EAAE,GAAG;EAAiB,GAAG;CAAM;CACnD,MAAM,EACJ,UAAU,eAAe,SAAY,MAAM,UAAU,aAAa,QAClE,UACA,WACA,iBAAiB,sBAAsB,SAAY,MAAM,UAAU,oBAAoB,QACvF,UACA,MAAM,WAAW,qBACjB,cAAc,mBACd,IACA,YACA,UACA,OACA,MACA,UACA,UACA,OACA,GAAG,SACD,iBAAiB,WAAW;CAEhC,MAAM,CAAC,WAAW,gBAAgB,SAAS,oBAAoB,WAAW,cAAc;CACxF,MAAM,SAAS,eAAe,SAAS,WAAW;CAClD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,YAAY,cAAc;CACvC,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,YAAY,YAAY,UAAU;CAChD,MAAM,oBAAoB,aAAa,aAAa,YAAY;CAEhE,gBAAgB;EACd,IAAI,mBAAmB,QAAW,aAAa,mBAAmB,KAAK;OAClE,IAAI,YAAY,QAAW,aAAa,OAAO;CACtD,GAAG,CAAC,SAAS,cAAc,CAAC;CAE5B,SAAS,eAAe,GAAuC;EAC7D,gBAAgB,CAAC;EACjB,WAAW,CAA2B;CACxC;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,OACE,qBAAC,WAAD;EACE,WAAW,GAAG,aAAa,SAAS;EACjB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YANN,CAQE,qBAAC,cAAD;GACE,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,GAAI;aANN,CAQE,oBAAC,YAAD;IACE,WAAU;IACV,SAAS;IACT,KAAK;IACL,MAAK;IACC,gBAAgB;IAAS;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;GACL,IACD,oBAAC,MAAD;IAAM,WAAU;IAAgB,GAAE;IAAO,MAAM;IAAM,GAAE;GAAQ,EACnD;MAEb,aACE,SACC,oBAAC,GAAD;GAAG,WAAU;GAAiB,YAAW;GAAS,GAAI,OAAO;aAC1D;EACA,GAEE;;AAEf,CAAC;AAED,MAAM,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"mappings":";;;;cAQa,cAAA,8BAAc,eAAA,oCAAA,YAAA,EAI1B,WAJ0B;;;;;cAUd,UAAA,EAAU,YAAA,QAAA,eAAA"}
+{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"mappings":";;;;cASa,cAAA,8BAAc,eAAA,oCAAA,YAAA,EAI1B,WAJ0B;;;;;cAUd,UAAA,EAAU,YAAA,QAAA,eAAA"}

package/dist/radio/radioGroup.js

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

package/dist/radio/radioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.js","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { styled, vui } from '../core'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { RadioGroupProvider } from './context'\nimport type { RadioGroupProps } from './radioGroup.types'\n\nexport const RadioGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  gap: 1;\n`\n\n/**\n * Organizes layout and display of multiple radio buttons as a row or column.\n * Exposes some props to the children via context.\n */\nexport const RadioGroup = vui<'div', RadioGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } =\n    props\n  const [isChecked, setIsChecked] = useState(value ?? defaultValue)\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent) => {\n      setIsChecked(e.target.value)\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        defaultValue,\n        disabled,\n        isChecked,\n        name,\n        onBlur,\n        onChange: handleOnChange,\n        onFocus,\n        size,\n        value,\n        variant,\n      }),\n    [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <RadioGroupProvider value={context}>\n      <RadioGroupBase className={cs('vui-radioGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </RadioGroupProvider>\n  )\n})\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport default RadioGroup\n"],"mappings":";;;;;;;;;AAQA,MAAa,iBAAiB,OAAO,MAAM;;;;;;;;;AAU3C,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,GAAG,SAC1G;CACF,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS,YAAY;CAEhE,MAAM,iBAAiB,aACpB,MAAmB;EAClB,aAAa,EAAE,OAAO,KAAK;EAC3B,WAAW,CAAC;CACd,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAc;EAAU;EAAgB;EAAW;EAAM;EAAQ;EAAS;EAAM;EAAO;CAAO,CACjG;CAEA,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,OACjC,CAAU;CAEV,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,gBAAD;GAAgB,WAAW,GAAG,kBAAkB,SAAS;GAAQ;GAAK,GAAI;GAAc,GAAI;EAAO;CACjF;AAExB,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"radioGroup.js","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport type { RadioGroupProps } from './radioGroup.types'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { RadioGroupProvider } from './context'\n\nexport const RadioGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  gap: 1;\n`\n\n/**\n * Organizes layout and display of multiple radio buttons as a row or column.\n * Exposes some props to the children via context.\n */\nexport const RadioGroup = vui<'div', RadioGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } =\n    props\n  const [isChecked, setIsChecked] = useState(value ?? defaultValue)\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent) => {\n      setIsChecked(e.target.value)\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        defaultValue,\n        disabled,\n        isChecked,\n        name,\n        onBlur,\n        onChange: handleOnChange,\n        onFocus,\n        size,\n        value,\n        variant,\n      }),\n    [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <RadioGroupProvider value={context}>\n      <RadioGroupBase className={cs('vui-radioGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </RadioGroupProvider>\n  )\n})\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport default RadioGroup\n"],"mappings":";;;;;;;;;AASA,MAAa,iBAAiB,OAAO,MAAM;;;;;;;;;AAU3C,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,GAAG,SAC1G;CACF,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS,YAAY;CAEhE,MAAM,iBAAiB,aACpB,MAAmB;EAClB,aAAa,EAAE,OAAO,KAAK;EAC3B,WAAW,CAAC;CACd,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAc;EAAU;EAAgB;EAAW;EAAM;EAAQ;EAAS;EAAM;EAAO;CAAO,CACjG;CAEA,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,OACjC,CAAU;CAEV,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,gBAAD;GAAgB,WAAW,GAAG,kBAAkB,SAAS;GAAQ;GAAK,GAAI;GAAc,GAAI;EAAO;CACjF;AAExB,CAAC;AAED,WAAW,cAAc"}

package/dist/radio/theme.js

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

package/dist/range/consts.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"mappings":";;;;cA8Ea,KAAA,EAAK,YAAA,QAAA,UAAA"}
+{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"mappings":";;;;cA+Ea,KAAA,EAAK,YAAA,QAAA,UAAA"}

package/dist/range/range.js

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

package/dist/range/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":["import * as RadixSlider from '@radix-ui/react-slider'\nimport { useMemo, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Tooltip } from '../tooltip'\nimport { cs, filterUndefined } from '../utils'\nimport { rangeColors } from './consts'\nimport type { RangeProps } from './range.types'\n\nconst SliderRoot = styled(Box)<{ $disabled?: boolean }>`\n  align-items: center;\n  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};\n  display: flex;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n  width: 100%;\n`\n\nconst SliderTrack = styled(Box)`\n  flex-grow: 1;\n  height: 4px;\n  position: relative;\n`\n\nconst SliderRange = styled(Box)`\n  height: 100%;\n  position: absolute;\n`\n\nconst SliderThumb = styled(Box)<{ $disabled?: boolean }>`\n  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'grab')};\n  display: block;\n`\n\nconst defaultFormatter = (value: string) => `${value}`\n\ninterface RangeThumbProps {\n  disabled?: boolean\n  formatter: (value: string) => string\n  mainColor: string\n  showTooltip?: boolean\n  showValue: boolean\n  styles: ReturnType<typeof useStyleConfig>\n  val: number\n}\n\nconst RangeThumb = ({ disabled, formatter, mainColor, showTooltip, showValue, styles, val }: RangeThumbProps) => {\n  const formattedVal = formatter(String(val))\n\n  const thumbContent = (\n    <SliderThumb $disabled={disabled} className=\"vui-range-thumb\" {...styles.thumb} borderColor={mainColor}>\n      {showValue && (\n        <Box center className=\"vui-range-thumb-value\" {...styles.thumbValue}>\n          {formattedVal}\n        </Box>\n      )}\n    </SliderThumb>\n  )\n\n  const radixThumb = <RadixSlider.Thumb asChild>{thumbContent}</RadixSlider.Thumb>\n\n  if (showTooltip === false || (showTooltip === undefined && showValue)) return radixThumb\n\n  return (\n    <Tooltip disabled={disabled} text={formattedVal} visible={showTooltip}>\n      {radixThumb}\n    </Tooltip>\n  )\n}\n\nconst toArray = (val: number | readonly number[] | undefined): number[] | undefined => {\n  if (val === undefined) return undefined\n  return Array.isArray(val) ? Array.from(val as readonly number[]) : [val as number]\n}\n\n/** Implements a range input. */\nexport const Range = vui<'div', RangeProps>((props, ref) => {\n  const {\n    className,\n    value,\n    defaultValue = 0,\n    disabled,\n    min = 0,\n    minDistance = 0,\n    max = 100,\n    step = 1,\n    showTooltip,\n    showValue = false,\n    formatter = defaultFormatter,\n    onChange,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Range', props)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n  const isSingleValue = typeof defaultValue !== 'object' && typeof value !== 'object'\n  const mainColor = disabled ? rangeColors.disabled : rangeColors.main\n\n  const defaultArr = useMemo(() => toArray(defaultValue) ?? [0], [defaultValue])\n  const valueArr = toArray(value)\n\n  const [internalValues, setInternalValues] = useState<number[]>(defaultArr)\n  const currentValues = valueArr ?? internalValues\n\n  const handleValueChange = (vals: number[]) => {\n    if (!valueArr) setInternalValues(vals)\n    onChange?.(isSingleValue ? vals[0] : vals)\n  }\n\n  return (\n    <Box\n      className={cs('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className)}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadixSlider.Root\n        asChild\n        disabled={disabled}\n        max={max}\n        min={min}\n        minStepsBetweenThumbs={minDistance}\n        onValueChange={handleValueChange}\n        step={step}\n        {...(valueArr ? { value: valueArr } : { defaultValue: defaultArr })}\n      >\n        <SliderRoot $disabled={disabled} className=\"vui-range-slider\">\n          <RadixSlider.Track asChild>\n            <SliderTrack bg={rangeColors.track} borderRadius=\"24px\" className=\"vui-range-track\">\n              <RadixSlider.Range asChild>\n                <SliderRange {...styles.track} bg={mainColor} />\n              </RadixSlider.Range>\n            </SliderTrack>\n          </RadixSlider.Track>\n          {currentValues.map((val, index) => (\n            <RangeThumb\n              key={index}\n              disabled={disabled}\n              formatter={formatter}\n              mainColor={mainColor}\n              showTooltip={showTooltip}\n              showValue={showValue}\n              styles={styles}\n              val={val}\n            />\n          ))}\n        </SliderRoot>\n      </RadixSlider.Root>\n    </Box>\n  )\n})\n\nRange.displayName = 'Range'\nexport default Range\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,aAAa,OAAO,GAAG,CAAC,AAAyB;;aAE1C,EAAE,gBAAiB,YAAY,gBAAgB,UAAW;;;;;;;AAQvE,MAAM,cAAc,OAAO,GAAG,CAAC;;;;;AAM/B,MAAM,cAAc,OAAO,GAAG,CAAC;;;;AAK/B,MAAM,cAAc,OAAO,GAAG,CAAC,AAAyB;aAC3C,EAAE,gBAAiB,YAAY,gBAAgB,OAAQ;;;AAIpE,MAAM,oBAAoB,UAAkB,GAAG;AAY/C,MAAM,cAAc,EAAE,UAAU,WAAW,WAAW,aAAa,WAAW,QAAQ,UAA2B;CAC/G,MAAM,eAAe,UAAU,OAAO,GAAG,CAAC;CAE1C,MAAM,eACJ,oBAAC,aAAD;EAAa,WAAW;EAAU,WAAU;EAAkB,GAAI,OAAO;EAAO,aAAa;YAC1F,aACC,oBAAC,KAAD;GAAK;GAAO,WAAU;GAAwB,GAAI,OAAO;aACtD;EACE;CAEI;CAGf,MAAM,aAAa,oBAAC,YAAY,OAAb;EAAmB;YAAS;CAAgC;CAE/E,IAAI,gBAAgB,SAAU,gBAAgB,UAAa,WAAY,OAAO;CAE9E,OACE,oBAAC,SAAD;EAAmB;EAAU,MAAM;EAAc,SAAS;YACvD;CACM;AAEb;AAEA,MAAM,WAAW,QAAsE;CACrF,IAAI,QAAQ,QAAW,OAAO;CAC9B,OAAO,MAAM,QAAQ,GAAG,IAAI,MAAM,KAAK,GAAwB,IAAI,CAAC,GAAa;AACnF;;AAGA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,WACA,OACA,eAAe,GACf,UACA,MAAM,GACN,cAAc,GACd,MAAM,KACN,OAAO,GACP,aACA,YAAY,OACZ,YAAY,kBACZ,UACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CACD,MAAM,gBAAgB,OAAO,iBAAiB,YAAY,OAAO,UAAU;CAC3E,MAAM,YAAY,WAAW,YAAY,WAAW,YAAY;CAEhE,MAAM,aAAa,cAAc,QAAQ,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;CAC7E,MAAM,WAAW,QAAQ,KAAK;CAE9B,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,UAAU;CACzE,MAAM,gBAAgB,YAAY;CAElC,MAAM,qBAAqB,SAAmB;EAC5C,IAAI,CAAC,UAAU,kBAAkB,IAAI;EACrC,WAAW,gBAAgB,KAAK,KAAK,IAAI;CAC3C;CAEA,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,aAAa,gBAAgB,qBAAqB,mBAAmB,SAAS;EACvF;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEJ,oBAAC,YAAY,MAAb;GACE;GACU;GACL;GACA;GACL,uBAAuB;GACvB,eAAe;GACT;GACN,GAAK,WAAW,EAAE,OAAO,SAAS,IAAI,EAAE,cAAc,WAAW;aAEjE,qBAAC,YAAD;IAAY,WAAW;IAAU,WAAU;cAA3C,CACE,oBAAC,YAAY,OAAb;KAAmB;eACjB,oBAAC,aAAD;MAAa,IAAI,YAAY;MAAO,cAAa;MAAO,WAAU;gBAChE,oBAAC,YAAY,OAAb;OAAmB;iBACjB,oBAAC,aAAD;QAAa,GAAI,OAAO;QAAO,IAAI;OAAY;MAC9B;KACR;IACI,IAClB,cAAc,KAAK,KAAK,UACvB,oBAAC,YAAD;KAEY;KACC;KACA;KACE;KACF;KACH;KACH;IACN,GARM,KAQN,CACF,CACS;;EACI;CACf;AAET,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"range.js","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":["import * as RadixSlider from '@radix-ui/react-slider'\nimport { useMemo, useState } from 'react'\n\nimport type { RangeProps } from './range.types'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Tooltip } from '../tooltip'\nimport { cs, filterUndefined } from '../utils'\nimport { rangeColors } from './consts'\n\nconst SliderRoot = styled(Box)<{ $disabled?: boolean }>`\n  align-items: center;\n  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};\n  display: flex;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n  width: 100%;\n`\n\nconst SliderTrack = styled(Box)`\n  flex-grow: 1;\n  height: 4px;\n  position: relative;\n`\n\nconst SliderRange = styled(Box)`\n  height: 100%;\n  position: absolute;\n`\n\nconst SliderThumb = styled(Box)<{ $disabled?: boolean }>`\n  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'grab')};\n  display: block;\n`\n\nconst defaultFormatter = (value: string) => `${value}`\n\ninterface RangeThumbProps {\n  disabled?: boolean\n  formatter: (value: string) => string\n  mainColor: string\n  showTooltip?: boolean\n  showValue: boolean\n  styles: ReturnType<typeof useStyleConfig>\n  val: number\n}\n\nconst RangeThumb = ({ disabled, formatter, mainColor, showTooltip, showValue, styles, val }: RangeThumbProps) => {\n  const formattedVal = formatter(String(val))\n\n  const thumbContent = (\n    <SliderThumb $disabled={disabled} className=\"vui-range-thumb\" {...styles.thumb} borderColor={mainColor}>\n      {showValue && (\n        <Box center className=\"vui-range-thumb-value\" {...styles.thumbValue}>\n          {formattedVal}\n        </Box>\n      )}\n    </SliderThumb>\n  )\n\n  const radixThumb = <RadixSlider.Thumb asChild>{thumbContent}</RadixSlider.Thumb>\n\n  if (showTooltip === false || (showTooltip === undefined && showValue)) return radixThumb\n\n  return (\n    <Tooltip disabled={disabled} text={formattedVal} visible={showTooltip}>\n      {radixThumb}\n    </Tooltip>\n  )\n}\n\nconst toArray = (val: number | readonly number[] | undefined): number[] | undefined => {\n  if (val === undefined) return undefined\n  return Array.isArray(val) ? Array.from(val as readonly number[]) : [val as number]\n}\n\n/** Implements a range input. */\nexport const Range = vui<'div', RangeProps>((props, ref) => {\n  const {\n    className,\n    value,\n    defaultValue = 0,\n    disabled,\n    min = 0,\n    minDistance = 0,\n    max = 100,\n    step = 1,\n    showTooltip,\n    showValue = false,\n    formatter = defaultFormatter,\n    onChange,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Range', props)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n  const isSingleValue = typeof defaultValue !== 'object' && typeof value !== 'object'\n  const mainColor = disabled ? rangeColors.disabled : rangeColors.main\n\n  const defaultArr = useMemo(() => toArray(defaultValue) ?? [0], [defaultValue])\n  const valueArr = toArray(value)\n\n  const [internalValues, setInternalValues] = useState<number[]>(defaultArr)\n  const currentValues = valueArr ?? internalValues\n\n  const handleValueChange = (vals: number[]) => {\n    if (!valueArr) setInternalValues(vals)\n    onChange?.(isSingleValue ? vals[0] : vals)\n  }\n\n  return (\n    <Box\n      className={cs('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className)}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadixSlider.Root\n        asChild\n        disabled={disabled}\n        max={max}\n        min={min}\n        minStepsBetweenThumbs={minDistance}\n        onValueChange={handleValueChange}\n        step={step}\n        {...(valueArr ? { value: valueArr } : { defaultValue: defaultArr })}\n      >\n        <SliderRoot $disabled={disabled} className=\"vui-range-slider\">\n          <RadixSlider.Track asChild>\n            <SliderTrack bg={rangeColors.track} borderRadius=\"24px\" className=\"vui-range-track\">\n              <RadixSlider.Range asChild>\n                <SliderRange {...styles.track} bg={mainColor} />\n              </RadixSlider.Range>\n            </SliderTrack>\n          </RadixSlider.Track>\n          {currentValues.map((val, index) => (\n            <RangeThumb\n              key={index}\n              disabled={disabled}\n              formatter={formatter}\n              mainColor={mainColor}\n              showTooltip={showTooltip}\n              showValue={showValue}\n              styles={styles}\n              val={val}\n            />\n          ))}\n        </SliderRoot>\n      </RadixSlider.Root>\n    </Box>\n  )\n})\n\nRange.displayName = 'Range'\nexport default Range\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,aAAa,OAAO,GAAG,CAAC,AAAyB;;aAE1C,EAAE,gBAAiB,YAAY,gBAAgB,UAAW;;;;;;;AAQvE,MAAM,cAAc,OAAO,GAAG,CAAC;;;;;AAM/B,MAAM,cAAc,OAAO,GAAG,CAAC;;;;AAK/B,MAAM,cAAc,OAAO,GAAG,CAAC,AAAyB;aAC3C,EAAE,gBAAiB,YAAY,gBAAgB,OAAQ;;;AAIpE,MAAM,oBAAoB,UAAkB,GAAG;AAY/C,MAAM,cAAc,EAAE,UAAU,WAAW,WAAW,aAAa,WAAW,QAAQ,UAA2B;CAC/G,MAAM,eAAe,UAAU,OAAO,GAAG,CAAC;CAE1C,MAAM,eACJ,oBAAC,aAAD;EAAa,WAAW;EAAU,WAAU;EAAkB,GAAI,OAAO;EAAO,aAAa;YAC1F,aACC,oBAAC,KAAD;GAAK;GAAO,WAAU;GAAwB,GAAI,OAAO;aACtD;EACE;CAEI;CAGf,MAAM,aAAa,oBAAC,YAAY,OAAb;EAAmB;YAAS;CAAgC;CAE/E,IAAI,gBAAgB,SAAU,gBAAgB,UAAa,WAAY,OAAO;CAE9E,OACE,oBAAC,SAAD;EAAmB;EAAU,MAAM;EAAc,SAAS;YACvD;CACM;AAEb;AAEA,MAAM,WAAW,QAAsE;CACrF,IAAI,QAAQ,QAAW,OAAO;CAC9B,OAAO,MAAM,QAAQ,GAAG,IAAI,MAAM,KAAK,GAAwB,IAAI,CAAC,GAAa;AACnF;;AAGA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,WACA,OACA,eAAe,GACf,UACA,MAAM,GACN,cAAc,GACd,MAAM,KACN,OAAO,GACP,aACA,YAAY,OACZ,YAAY,kBACZ,UACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CACD,MAAM,gBAAgB,OAAO,iBAAiB,YAAY,OAAO,UAAU;CAC3E,MAAM,YAAY,WAAW,YAAY,WAAW,YAAY;CAEhE,MAAM,aAAa,cAAc,QAAQ,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;CAC7E,MAAM,WAAW,QAAQ,KAAK;CAE9B,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,UAAU;CACzE,MAAM,gBAAgB,YAAY;CAElC,MAAM,qBAAqB,SAAmB;EAC5C,IAAI,CAAC,UAAU,kBAAkB,IAAI;EACrC,WAAW,gBAAgB,KAAK,KAAK,IAAI;CAC3C;CAEA,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,aAAa,gBAAgB,qBAAqB,mBAAmB,SAAS;EACvF;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEJ,oBAAC,YAAY,MAAb;GACE;GACU;GACL;GACA;GACL,uBAAuB;GACvB,eAAe;GACT;GACN,GAAK,WAAW,EAAE,OAAO,SAAS,IAAI,EAAE,cAAc,WAAW;aAEjE,qBAAC,YAAD;IAAY,WAAW;IAAU,WAAU;cAA3C,CACE,oBAAC,YAAY,OAAb;KAAmB;eACjB,oBAAC,aAAD;MAAa,IAAI,YAAY;MAAO,cAAa;MAAO,WAAU;gBAChE,oBAAC,YAAY,OAAb;OAAmB;iBACjB,oBAAC,aAAD;QAAa,GAAI,OAAO;QAAO,IAAI;OAAY;MAC9B;KACR;IACI,IAClB,cAAc,KAAK,KAAK,UACvB,oBAAC,YAAD;KAEY;KACC;KACA;KACE;KACF;KACH;KACH;IACN,GARM,KAQN,CACF,CACS;;EACI;CACf;AAET,CAAC;AAED,MAAM,cAAc"}

package/dist/range/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","names":[],"sources":["../../src/rating/rating.tsx"],"mappings":";;;cAYa,MAAA,EAAM,YAAA,QAAA,WAAA"}
+{"version":3,"file":"rating.d.ts","names":[],"sources":["../../src/rating/rating.tsx"],"mappings":";;;cAca,MAAA,EAAM,YAAA,QAAA,WAAA"}

package/dist/rating/rating.js

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

package/dist/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","names":["theme"],"sources":["../../src/rating/rating.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport Icon from '../icon'\nimport type { ColorGetter } from '../system'\nimport type { Dict } from '../utils'\nimport { mergeRefs } from '../utils'\nimport type { RatingProps } from './rating.types'\nimport theme from './theme'\n\nexport const Rating = vui<'div', RatingProps>((props, ref) => {\n  const {\n    value: propValue = 0,\n    isDisabled = false,\n    max: propMax,\n    onChange,\n    showAll: showAllProp = true,\n    variant = 'yellow',\n    size,\n    ...rest\n  } = props\n  const [hoverValue, setHoverValue] = useState<number | null>(null)\n  const [internalValue, setInternalValue] = useState(propValue || 0)\n  const [focusedStar, setFocusedStar] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const isInteractive = !isDisabled && onChange !== undefined\n  const showAll = showAllProp || isInteractive\n\n  const { variants } = (theme as Dict) ?? {}\n  const color = isDisabled ? 'sandstone.79' : variants[variant].color\n\n  if (propValue < 0) {\n    console.error(`Rating: value (${propValue}) cannot be negative`)\n  }\n\n  const value = Math.max(0, propValue)\n  const max = propMax ? propMax : Math.max(value, 5)\n\n  if (value > max) {\n    console.error(`Rating: value (${value}) cannot be greater than max (${max})`)\n  }\n\n  const handleValueChange = (newValue: number) => {\n    if (!isInteractive) return\n    const clampedValue = Math.max(0, Math.min(newValue, max))\n    setInternalValue(clampedValue)\n    onChange?.(clampedValue)\n  }\n\n  const handleStarClick = (clickedValue: number) => {\n    if (!isInteractive) return\n    const newValue = clickedValue === internalValue ? 0 : clickedValue\n    handleValueChange(newValue)\n  }\n\n  const handleStarHover = (hoveredValue: number) => {\n    if (!isInteractive) return\n    setHoverValue(hoveredValue)\n  }\n\n  const handleMouseLeave = () => {\n    if (!isInteractive) return\n    setHoverValue(null)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!isInteractive) return\n    const currentValue = propValue !== undefined ? propValue : internalValue\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        event.preventDefault()\n        handleValueChange(Math.min(currentValue + 1, max))\n        break\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        event.preventDefault()\n        handleValueChange(Math.max(currentValue - 1, 0))\n        break\n      case 'Home':\n        event.preventDefault()\n        handleValueChange(0)\n        break\n      case 'End':\n        event.preventDefault()\n        handleValueChange(max)\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    if (!isInteractive) return\n    if (focusedStar === null) {\n      setFocusedStar(propValue !== undefined ? propValue : internalValue)\n    }\n  }\n\n  const handleBlur = () => {\n    if (!isInteractive) return\n    setFocusedStar(null)\n  }\n\n  const displayValue = hoverValue !== null ? hoverValue : value !== undefined ? value : internalValue\n\n  return (\n    <Box\n      aria-label=\"Rating\"\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={displayValue}\n      className=\"vui-rating\"\n      focusRing={3}\n      focusRingColor=\"focusColor\"\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseLeave={handleMouseLeave}\n      outline=\"none\"\n      ref={mergeRefs(ref, containerRef)}\n      role=\"slider\"\n      tabIndex={isInteractive ? 0 : -1}\n      {...rest}\n    >\n      {Array.from({ length: max }).map((_, index) => {\n        const starValue = index + 1\n        const fullStar = index < displayValue\n        return (\n          <Box\n            className=\"vui-rating-star\"\n            cursor={isInteractive ? 'pointer' : undefined}\n            gap=\"1px\"\n            key={index}\n            onClick={() => handleStarClick(starValue)}\n            onFocus={() => setFocusedStar(starValue)}\n            onMouseEnter={() => handleStarHover(starValue)}\n            tabIndex={-1}\n          >\n            {fullStar ? (\n              <FullStar color={color} size={size} />\n            ) : showAll ? (\n              <EmptyStar color=\"sandstone.79\" size={size} />\n            ) : null}\n          </Box>\n        )\n      })}\n    </Box>\n  )\n})\n\nconst FullStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\nconst EmptyStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\n\nRating.displayName = 'Rating'\nexport default Rating\n"],"mappings":"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"}
+{"version":3,"file":"rating.js","names":["theme"],"sources":["../../src/rating/rating.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\n\nimport { useRef, useState } from 'react'\n\nimport type { ColorGetter } from '../system'\nimport type { Dict } from '../utils'\nimport type { RatingProps } from './rating.types'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport Icon from '../icon'\nimport { mergeRefs } from '../utils'\nimport theme from './theme'\n\nexport const Rating = vui<'div', RatingProps>((props, ref) => {\n  const {\n    value: propValue = 0,\n    isDisabled = false,\n    max: propMax,\n    onChange,\n    showAll: showAllProp = true,\n    variant = 'yellow',\n    size,\n    ...rest\n  } = props\n  const [hoverValue, setHoverValue] = useState<number | null>(null)\n  const [internalValue, setInternalValue] = useState(propValue || 0)\n  const [focusedStar, setFocusedStar] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const isInteractive = !isDisabled && onChange !== undefined\n  const showAll = showAllProp || isInteractive\n\n  const { variants } = (theme as Dict) ?? {}\n  const color = isDisabled ? 'sandstone.79' : variants[variant].color\n\n  if (propValue < 0) {\n    console.error(`Rating: value (${propValue}) cannot be negative`)\n  }\n\n  const value = Math.max(0, propValue)\n  const max = propMax ? propMax : Math.max(value, 5)\n\n  if (value > max) {\n    console.error(`Rating: value (${value}) cannot be greater than max (${max})`)\n  }\n\n  const handleValueChange = (newValue: number) => {\n    if (!isInteractive) return\n    const clampedValue = Math.max(0, Math.min(newValue, max))\n    setInternalValue(clampedValue)\n    onChange?.(clampedValue)\n  }\n\n  const handleStarClick = (clickedValue: number) => {\n    if (!isInteractive) return\n    const newValue = clickedValue === internalValue ? 0 : clickedValue\n    handleValueChange(newValue)\n  }\n\n  const handleStarHover = (hoveredValue: number) => {\n    if (!isInteractive) return\n    setHoverValue(hoveredValue)\n  }\n\n  const handleMouseLeave = () => {\n    if (!isInteractive) return\n    setHoverValue(null)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!isInteractive) return\n    const currentValue = propValue !== undefined ? propValue : internalValue\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        event.preventDefault()\n        handleValueChange(Math.min(currentValue + 1, max))\n        break\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        event.preventDefault()\n        handleValueChange(Math.max(currentValue - 1, 0))\n        break\n      case 'Home':\n        event.preventDefault()\n        handleValueChange(0)\n        break\n      case 'End':\n        event.preventDefault()\n        handleValueChange(max)\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    if (!isInteractive) return\n    if (focusedStar === null) {\n      setFocusedStar(propValue !== undefined ? propValue : internalValue)\n    }\n  }\n\n  const handleBlur = () => {\n    if (!isInteractive) return\n    setFocusedStar(null)\n  }\n\n  const displayValue = hoverValue !== null ? hoverValue : value !== undefined ? value : internalValue\n\n  return (\n    <Box\n      aria-label=\"Rating\"\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={displayValue}\n      className=\"vui-rating\"\n      focusRing={3}\n      focusRingColor=\"focusColor\"\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseLeave={handleMouseLeave}\n      outline=\"none\"\n      ref={mergeRefs(ref, containerRef)}\n      role=\"slider\"\n      tabIndex={isInteractive ? 0 : -1}\n      {...rest}\n    >\n      {Array.from({ length: max }).map((_, index) => {\n        const starValue = index + 1\n        const fullStar = index < displayValue\n        return (\n          <Box\n            className=\"vui-rating-star\"\n            cursor={isInteractive ? 'pointer' : undefined}\n            gap=\"1px\"\n            key={index}\n            onClick={() => handleStarClick(starValue)}\n            onFocus={() => setFocusedStar(starValue)}\n            onMouseEnter={() => handleStarHover(starValue)}\n            tabIndex={-1}\n          >\n            {fullStar ? (\n              <FullStar color={color} size={size} />\n            ) : showAll ? (\n              <EmptyStar color=\"sandstone.79\" size={size} />\n            ) : null}\n          </Box>\n        )\n      })}\n    </Box>\n  )\n})\n\nconst FullStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\nconst EmptyStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\n\nRating.displayName = 'Rating'\nexport default Rating\n"],"mappings":"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"}

package/dist/rating/theme.js

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

package/dist/select/context.js

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

package/dist/select/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/select/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { SelectContext } from './select.types'\n\nconst [SelectProvider, useSelectContext] = createContext<SelectContext>({ isOptional: true })\n\nexport { SelectProvider, useSelectContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/select/context.ts"],"sourcesContent":["import type { SelectContext } from './select.types'\n\nimport { createContext } from '../utils'\n\nconst [SelectProvider, useSelectContext] = createContext<SelectContext>({ isOptional: true })\n\nexport { SelectProvider, useSelectContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;;;;;;;;;iBAuBgB,MAAA,CAAO,KAAA,EAAO,WAAW,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAzB,MAAA;EAAA,mCAAM,WAAA;EAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;;;;;;;;;iBAwBgB,MAAA,CAAO,KAAA,EAAO,WAAW,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAzB,MAAA;EAAA,mCAAM,WAAA;EAAA"}

package/dist/select/select.js

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