@veracity/vui 5.0.0-alpha.2 → 5.0.0-alpha.3

package/dist/sidemenu/sidemenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.js","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,aAAa,OACb,WAAW,OACX,MACA,SACA,QAAQ,eACR,YACA,GAAG,SACD;CAEJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,WAAW;CAChF,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAM;EAAS;EAAwB,CAAC,EAChE;EAAC;EAAM;EAAS;EAAuB,CACxC;CAED,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,SAAS,YAAY;AAE3B,iBAAgB;AACd,4BAA0B,WAAW;IACpC,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,0BAA0B,CAAC,uBAAuB;CAEzE,MAAM,IAAI,yBAAyB,QAAQ;CAC3C,MAAM,OAAO,WAAW,yBAAyB,SAAS;CAC1D,MAAM,iBAAiB,yBAAyB,aAAa;CAE7D,SAAS,YAAY,MAAyB;AAC5C,QAAM,WAAW;AACjB,MAAI,MAAM,KAAM,cAAa,KAAK,KAAK;;AAGzC,QACE,oBAAC;EAAiB,OAAO;YACvB,qBAAC;GACC,WAAW,GAAG,gBAAgB,UAAU;GACxC,WAAU;GACV,eAAc;GACd,UAAU;GACV,WAAU;GACV,UAAU,WAAW,WAAW;GAC3B;GACL,KAAK,WAAY,MAAM,MAAM,IAAK;GAClC,oBAAmB;GAChB;GACH,GAAI,OAAO;GACX,GAAI;cAEJ,oBAAC;IACC,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN,WAAU;IACV,WAAU;IACV,GAAE;cAED,QACG,OAAO,OAAO,MAAyB,QACrC,oBAAC;KACC,UAAU,aAAa,MAAM,KAAK;KAElC,GAAI;KACJ,eAAe,YAAY,KAAK;OAF3B,IAGL,CACF,GACF;KACA,EACN,oBAAC;IAAI,WAAU;IAAsB,GAAE;IAAO,GAAI,OAAO;cACvD,oBAAC;KACC,cAAY,yBAAyB,aAAa;KAClD,cAAc;KACE;KAChB,MAAM,SAAS,OAAO,SAAS;KAC/B,SAAS;KACT,IAAI;KACJ,MAAK;KACL,SAAS,SAAS,kBAAkB;KACpC,GAAE;eAEF,oBAAC,QAAK,MAAM,OAAQ;MACb;KACL;IACF;GACW;EAErB;AAKF,SAAS,MAAM;AACf,SAAS,OAAO;AAChB,SAAS,cAAc"}
+{"version":3,"file":"sidemenu.js","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant=\"tertiary\"\n            intent={isDark ? 'contrast' : 'brand'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,aAAa,OACb,WAAW,OACX,MACA,SACA,QAAQ,eACR,YACA,GAAG,SACD;CAEJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,WAAW;CAChF,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAM;EAAS;EAAwB,CAAC,EAChE;EAAC;EAAM;EAAS;EAAuB,CACxC;CAED,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,SAAS,YAAY;AAE3B,iBAAgB;AACd,4BAA0B,WAAW;IACpC,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,0BAA0B,CAAC,uBAAuB;CAEzE,MAAM,IAAI,yBAAyB,QAAQ;CAC3C,MAAM,OAAO,WAAW,yBAAyB,SAAS;CAC1D,MAAM,iBAAiB,yBAAyB,aAAa;CAE7D,SAAS,YAAY,MAAyB;AAC5C,QAAM,WAAW;AACjB,MAAI,MAAM,KAAM,cAAa,KAAK,KAAK;;AAGzC,QACE,oBAAC;EAAiB,OAAO;YACvB,qBAAC;GACC,WAAW,GAAG,gBAAgB,UAAU;GACxC,WAAU;GACV,eAAc;GACd,UAAU;GACV,WAAU;GACV,UAAU,WAAW,WAAW;GAC3B;GACL,KAAK,WAAY,MAAM,MAAM,IAAK;GAClC,oBAAmB;GAChB;GACH,GAAI,OAAO;GACX,GAAI;cAEJ,oBAAC;IACC,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN,WAAU;IACV,WAAU;IACV,GAAE;cAED,QACG,OAAO,OAAO,MAAyB,QACrC,oBAAC;KACC,UAAU,aAAa,MAAM,KAAK;KAElC,GAAI;KACJ,eAAe,YAAY,KAAK;OAF3B,IAGL,CACF,GACF;KACA,EACN,oBAAC;IAAI,WAAU;IAAsB,GAAE;IAAO,GAAI,OAAO;cACvD,oBAAC;KACC,cAAY,yBAAyB,aAAa;KAClD,cAAc;KACE;KAChB,MAAM,SAAS,OAAO,SAAS;KAC/B,SAAS;KACT,IAAI;KACJ,MAAK;KACL,SAAQ;KACR,QAAQ,SAAS,aAAa;KAC9B,GAAE;eAEF,oBAAC,QAAK,MAAM,OAAQ;MACb;KACL;IACF;GACW;EAErB;AAKF,SAAS,MAAM;AACf,SAAS,OAAO;AAChB,SAAS,cAAc"}

package/dist/sidemenu/sidemenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"mappings":";;;;;;cAgBa,YAAA,EAqGP,YAAA,QAAoB,iBAAA"}
+{"version":3,"file":"sidemenuItem.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"mappings":";;;;;;cAgBa,YAAA,EAuGP,YAAA,QAAoB,iBAAA"}

package/dist/sidemenu/sidemenuItem.js

@@ -56,7 +56,8 @@ const SidemenuItem = vui((props, ref) => {
 		pl,
 		py,
 		size: "md",
-		variant: isDark ? "tertiaryLight" : "tertiaryDark",
+		variant: "tertiary",
+		intent: isDark ? "contrast" : "brand",
 		w: "100%",
 		...styles.item,
 		minH: size === "lg" ? "56px" : "40px",
@@ -97,7 +98,8 @@ const SidemenuItem = vui((props, ref) => {
 				icon: isExpandedVertically ? "falChevronUp" : "falChevronDown",
 				onClick: toggle,
 				size: "sm",
-				variant: isDark ? "tertiaryLight" : "tertiaryDark"
+				variant: "tertiary",
+				intent: isDark ? "contrast" : "brand"
 			})]
 		}), !!children && hasChildrenExpanded && isExpandedVertically && /* @__PURE__ */ jsx(Box, {
 			flexDirection: "column",
@@ -111,5 +113,5 @@ SidemenuItem.displayName = "SidemenuItem";
 
 //#endregion
 export { SidemenuItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=sidemenuItem.js.map

package/dist/sidemenu/sidemenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.js","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, vui } from '../core'\nimport Icon from '../icon'\nimport { Popover } from '../popover'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport type { SidemenuItemProps } from './sidemenu.types'\nimport useSidemenuItem from './useSidemenuItem'\n\n/** A menu item. */\nexport const SidemenuItem = vui<'button', SidemenuItemProps>((props, ref) => {\n  const {\n    className,\n    children,\n    icon,\n    iconSize = 'md',\n    isActive,\n    isExpanded = true,\n    pl = 0,\n    py = 0,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } =\n    useSidemenuItem(isExpanded)\n\n  useEffect(() => {\n    if (isExpandedVertically) onExpand?.()\n    if (!isExpandedVertically) onCollapse?.()\n  }, [isExpandedVertically])\n\n  const hasChildrenExpanded = !!children && isExpandedHorizontally\n\n  const InnerContent = () => (\n    <Box centerV px={1.5} py={1} w=\"100%\" whiteSpace=\"pre\">\n      <Icon ml={iconSize === 'sm' ? '4px' : 0} name={icon} size={iconSize} />\n      <T isTruncated ml={2}>\n        {title}\n      </T>\n    </Box>\n  )\n\n  const toggle = (e: MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsExpandedVertically(!isExpandedVertically)\n  }\n\n  const buttonStyles = {\n    alignItems: 'center',\n    border: 'none',\n    borderRadius: 0,\n    borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent',\n    borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined,\n    bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white',\n    color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10',\n    h: 'auto',\n    justifyContent: 'space-between',\n    onClick: () => onClick?.(),\n    pl,\n    py,\n    size: 'md',\n    variant: isDark ? 'tertiaryLight' : 'tertiaryDark',\n    w: '100%',\n    ...styles.item,\n    minH: size === 'lg' ? '56px' : '40px',\n    hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90',\n    ...rest,\n  }\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\">\n      {!hasChildrenExpanded && children ? (\n        <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n          <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n            <Box {...buttonStyles} borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}>\n              <InnerContent />\n            </Box>\n          </Popover.Trigger>\n          <Popover.Content elevation=\"none\">\n            <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover>\n      ) : (\n        <Button className={cs('vui-sidemenu-item', className)} {...buttonStyles}>\n          <InnerContent />\n          {hasChildrenExpanded && (\n            <Button\n              aria-label={isExpandedVertically ? 'Collapse' : 'Expand'}\n              className=\"vui-sidemenu-item-expand\"\n              icon={isExpandedVertically ? 'falChevronUp' : 'falChevronDown'}\n              onClick={toggle}\n              size=\"sm\"\n              variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            />\n          )}\n        </Button>\n      )}\n      {!!children && hasChildrenExpanded && isExpandedVertically && (\n        <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n          {children}\n        </Box>\n      )}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemProps>\n\nSidemenuItem.displayName = 'SidemenuItem'\n\nexport default SidemenuItem\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EACJ,WACA,UACA,MACA,WAAW,MACX,UACA,aAAa,MACb,KAAK,GACL,KAAK,GACL,SACA,YACA,UACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,EAAE,sBAAsB,yBAAyB,QAAQ,MAAM,wBAAwB,WAC3F,gBAAgB,WAAW;AAE7B,iBAAgB;AACd,MAAI,qBAAsB,aAAY;AACtC,MAAI,CAAC,qBAAsB,eAAc;IACxC,CAAC,qBAAqB,CAAC;CAE1B,MAAM,sBAAsB,CAAC,CAAC,YAAY;CAE1C,MAAM,qBACJ,qBAAC;EAAI;EAAQ,IAAI;EAAK,IAAI;EAAG,GAAE;EAAO,YAAW;aAC/C,oBAAC;GAAK,IAAI,aAAa,OAAO,QAAQ;GAAG,MAAM;GAAM,MAAM;IAAY,EACvE,oBAAC;GAAE;GAAY,IAAI;aAChB;IACC;GACA;CAGR,MAAM,UAAU,MAAqC;AACnD,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,0BAAwB,CAAC,qBAAqB;;CAGhD,MAAM,eAAe;EACnB,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,YAAY,CAAC,uBAAuB,WAAW,SAAS;EACxD,iBAAiB,WAAY,SAAS,mBAAmB,iBAAkB;EAC3E,IAAI,SAAS,kBAAkB,WAAW,eAAe;EACzD,OAAO,sBAAsB,iBAAiB,SAAS,mBAAmB;EAC1E,GAAG;EACH,gBAAgB;EAChB,eAAe,WAAW;EAC1B;EACA;EACA,MAAM;EACN,SAAS,SAAS,kBAAkB;EACpC,GAAG;EACH,GAAG,OAAO;EACV,MAAM,SAAS,OAAO,SAAS;EAC/B,SAAS,SAAS,iBAAiB;EACnC,GAAG;EACJ;AAED,QACE,qBAAC;EAAI,eAAc;EAAc;EAAK,GAAE;aACrC,CAAC,uBAAuB,WACvB,qBAAC;GAAQ,QAAQ,CAAC,GAAG,iBAAiB,gBAAgB,EAAE;GAAE,WAAU;GAAc,SAAQ;cACxF,oBAAC,QAAQ;IAAQ,IAAI;IAAK,WAAW,GAAG,6BAA6B,UAAU;cAC7E,oBAAC;KAAI,GAAI;KAAc,YAAY,aAAa,SAAS,mBAAmB;eAC1E,oBAAC,iBAAe;MACZ;KACU,EAClB,oBAAC,QAAQ;IAAQ,WAAU;cACzB,oBAAC;KAAI,eAAc;KAAS,gBAAe;KAAQ,GAAE;KAClD;MACG;KACU;IACV,GAEV,qBAAC;GAAO,WAAW,GAAG,qBAAqB,UAAU;GAAE,GAAI;cACzD,oBAAC,iBAAe,EACf,uBACC,oBAAC;IACC,cAAY,uBAAuB,aAAa;IAChD,WAAU;IACV,MAAM,uBAAuB,iBAAiB;IAC9C,SAAS;IACT,MAAK;IACL,SAAS,SAAS,kBAAkB;KACpC;IAEG,EAEV,CAAC,CAAC,YAAY,uBAAuB,wBACpC,oBAAC;GAAI,eAAc;GAAS,gBAAe;GAAQ,GAAE;GAClD;IACG;GAEJ;EAER;AAEF,aAAa,cAAc"}
+{"version":3,"file":"sidemenuItem.js","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, vui } from '../core'\nimport Icon from '../icon'\nimport { Popover } from '../popover'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport type { SidemenuItemProps } from './sidemenu.types'\nimport useSidemenuItem from './useSidemenuItem'\n\n/** A menu item. */\nexport const SidemenuItem = vui<'button', SidemenuItemProps>((props, ref) => {\n  const {\n    className,\n    children,\n    icon,\n    iconSize = 'md',\n    isActive,\n    isExpanded = true,\n    pl = 0,\n    py = 0,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } =\n    useSidemenuItem(isExpanded)\n\n  useEffect(() => {\n    if (isExpandedVertically) onExpand?.()\n    if (!isExpandedVertically) onCollapse?.()\n  }, [isExpandedVertically])\n\n  const hasChildrenExpanded = !!children && isExpandedHorizontally\n\n  const InnerContent = () => (\n    <Box centerV px={1.5} py={1} w=\"100%\" whiteSpace=\"pre\">\n      <Icon ml={iconSize === 'sm' ? '4px' : 0} name={icon} size={iconSize} />\n      <T isTruncated ml={2}>\n        {title}\n      </T>\n    </Box>\n  )\n\n  const toggle = (e: MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsExpandedVertically(!isExpandedVertically)\n  }\n\n  const buttonStyles = {\n    alignItems: 'center',\n    border: 'none',\n    borderRadius: 0,\n    borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent',\n    borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined,\n    bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white',\n    color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10',\n    h: 'auto',\n    justifyContent: 'space-between',\n    onClick: () => onClick?.(),\n    pl,\n    py,\n    size: 'md',\n    variant: 'tertiary',\n    intent: isDark ? 'contrast' : 'brand',\n    w: '100%',\n    ...styles.item,\n    minH: size === 'lg' ? '56px' : '40px',\n    hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90',\n    ...rest,\n  }\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\">\n      {!hasChildrenExpanded && children ? (\n        <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n          <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n            <Box {...buttonStyles} borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}>\n              <InnerContent />\n            </Box>\n          </Popover.Trigger>\n          <Popover.Content elevation=\"none\">\n            <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover>\n      ) : (\n        <Button className={cs('vui-sidemenu-item', className)} {...buttonStyles}>\n          <InnerContent />\n          {hasChildrenExpanded && (\n            <Button\n              aria-label={isExpandedVertically ? 'Collapse' : 'Expand'}\n              className=\"vui-sidemenu-item-expand\"\n              icon={isExpandedVertically ? 'falChevronUp' : 'falChevronDown'}\n              onClick={toggle}\n              size=\"sm\"\n              variant=\"tertiary\"\n              intent={isDark ? 'contrast' : 'brand'}\n            />\n          )}\n        </Button>\n      )}\n      {!!children && hasChildrenExpanded && isExpandedVertically && (\n        <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n          {children}\n        </Box>\n      )}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemProps>\n\nSidemenuItem.displayName = 'SidemenuItem'\n\nexport default SidemenuItem\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EACJ,WACA,UACA,MACA,WAAW,MACX,UACA,aAAa,MACb,KAAK,GACL,KAAK,GACL,SACA,YACA,UACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,EAAE,sBAAsB,yBAAyB,QAAQ,MAAM,wBAAwB,WAC3F,gBAAgB,WAAW;AAE7B,iBAAgB;AACd,MAAI,qBAAsB,aAAY;AACtC,MAAI,CAAC,qBAAsB,eAAc;IACxC,CAAC,qBAAqB,CAAC;CAE1B,MAAM,sBAAsB,CAAC,CAAC,YAAY;CAE1C,MAAM,qBACJ,qBAAC;EAAI;EAAQ,IAAI;EAAK,IAAI;EAAG,GAAE;EAAO,YAAW;aAC/C,oBAAC;GAAK,IAAI,aAAa,OAAO,QAAQ;GAAG,MAAM;GAAM,MAAM;IAAY,EACvE,oBAAC;GAAE;GAAY,IAAI;aAChB;IACC;GACA;CAGR,MAAM,UAAU,MAAqC;AACnD,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,0BAAwB,CAAC,qBAAqB;;CAGhD,MAAM,eAAe;EACnB,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,YAAY,CAAC,uBAAuB,WAAW,SAAS;EACxD,iBAAiB,WAAY,SAAS,mBAAmB,iBAAkB;EAC3E,IAAI,SAAS,kBAAkB,WAAW,eAAe;EACzD,OAAO,sBAAsB,iBAAiB,SAAS,mBAAmB;EAC1E,GAAG;EACH,gBAAgB;EAChB,eAAe,WAAW;EAC1B;EACA;EACA,MAAM;EACN,SAAS;EACT,QAAQ,SAAS,aAAa;EAC9B,GAAG;EACH,GAAG,OAAO;EACV,MAAM,SAAS,OAAO,SAAS;EAC/B,SAAS,SAAS,iBAAiB;EACnC,GAAG;EACJ;AAED,QACE,qBAAC;EAAI,eAAc;EAAc;EAAK,GAAE;aACrC,CAAC,uBAAuB,WACvB,qBAAC;GAAQ,QAAQ,CAAC,GAAG,iBAAiB,gBAAgB,EAAE;GAAE,WAAU;GAAc,SAAQ;cACxF,oBAAC,QAAQ;IAAQ,IAAI;IAAK,WAAW,GAAG,6BAA6B,UAAU;cAC7E,oBAAC;KAAI,GAAI;KAAc,YAAY,aAAa,SAAS,mBAAmB;eAC1E,oBAAC,iBAAe;MACZ;KACU,EAClB,oBAAC,QAAQ;IAAQ,WAAU;cACzB,oBAAC;KAAI,eAAc;KAAS,gBAAe;KAAQ,GAAE;KAClD;MACG;KACU;IACV,GAEV,qBAAC;GAAO,WAAW,GAAG,qBAAqB,UAAU;GAAE,GAAI;cACzD,oBAAC,iBAAe,EACf,uBACC,oBAAC;IACC,cAAY,uBAAuB,aAAa;IAChD,WAAU;IACV,MAAM,uBAAuB,iBAAiB;IAC9C,SAAS;IACT,MAAK;IACL,SAAQ;IACR,QAAQ,SAAS,aAAa;KAC9B;IAEG,EAEV,CAAC,CAAC,YAAY,uBAAuB,wBACpC,oBAAC;GAAI,eAAc;GAAS,gBAAe;GAAQ,GAAE;GAClD;IACG;GAEJ;EAER;AAEF,aAAa,cAAc"}

package/dist/sidemenu/sidemenuTop.js

@@ -31,5 +31,5 @@ SidemenuTop.displayName = "SidemenuTop";
 
 //#endregion
 export { SidemenuTop as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=sidemenuTop.js.map

package/dist/sidemenu/theme.js

@@ -41,5 +41,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/useSidemenuItem.js

@@ -22,5 +22,5 @@ const useSidemenuItem = (isExpanded) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -61,5 +61,5 @@ SidemenuItemContent.displayName = "SidemenuItemContent";
 
 //#endregion
 export { SidemenuItemContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/consts.js

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

package/dist/sidemenuV2/context.js

@@ -106,5 +106,5 @@ const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedC
 
 //#endregion
 export { SidemenuStateProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -234,5 +234,5 @@ SidemenuItemV2.displayName = "SidemenuItemV2";
 
 //#endregion
 export { SidemenuItemV2 as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=sidemenuItemV2.js.map

package/dist/sidemenuV2/sidemenuTopV2.js

@@ -31,5 +31,5 @@ SidemenuTopV2.displayName = "SidemenuTopV2";
 
 //#endregion
 export { SidemenuTopV2 as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=sidemenuTopV2.js.map

package/dist/sidemenuV2/sidemenuV2.js

@@ -232,5 +232,5 @@ SidemenuV2.displayName = "SidemenuV2";
 
 //#endregion
 export { SidemenuV2 as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=sidemenuV2.js.map

package/dist/sidemenuV2/theme.js

@@ -138,5 +138,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenuV2/useSidemenuItem.js

@@ -34,5 +34,5 @@ const useSidemenuItem = (itemId) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/skeleton/skeleton.js

@@ -29,5 +29,5 @@ Skeleton.displayName = "Skeleton";
 
 //#endregion
 export { SkeletonBase, Skeleton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=skeleton.js.map

package/dist/skeleton/theme.js

@@ -26,5 +26,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/spinner/consts.js

@@ -13,5 +13,5 @@ const spinnerSpeedMapping = {
 
 //#endregion
 export { spinnerPositionMapping, spinnerSpeedMapping };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/spinner/spinner.js

@@ -56,5 +56,5 @@ Spinner.displayName = "Spinner";
 
 //#endregion
 export { SpinnerCircle, Spinner as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=spinner.js.map

package/dist/spinner/theme.js

@@ -78,5 +78,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/stepIndicator/stepIndicator.js

@@ -69,5 +69,5 @@ StepIndicator.displayName = "StepIndicator";
 
 //#endregion
 export { StepIndicator as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepIndicator.js.map

package/dist/stepIndicator/theme.js

@@ -64,5 +64,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/stepperHorizontal/consts.js

@@ -21,5 +21,5 @@ const tailClassNameRight = tailClassName + "Right";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/context.js

@@ -5,5 +5,5 @@ const [StepperHorizontalProvider, useStepperHorizontalContext] = createContext({
 
 //#endregion
 export { StepperHorizontalProvider, useStepperHorizontalContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/stepperHorizontal/stepHorizontal.js

@@ -68,5 +68,5 @@ StepHorizontal.displayName = "StepHorizontal";
 
 //#endregion
 export { StepHorizontalBase, StepHorizontal as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepHorizontal.js.map

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -25,5 +25,5 @@ StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepHorizontalTail.js.map

package/dist/stepperHorizontal/stepHorizontalTitle.js

@@ -27,5 +27,5 @@ StepHorizontalTitle.displayName = "StepHorizontalTitle";
 
 //#endregion
 export { StepHorizontalTitle as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepHorizontalTitle.js.map

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -29,5 +29,5 @@ StepperHorizontal.displayName = "StepperHorizontal";
 
 //#endregion
 export { StepperHorizontal as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepperHorizontal.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -22,5 +22,5 @@ const StepperHorizontalBase = styled.divBox`
 
 //#endregion
 export { StepperHorizontalBase as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/theme.js

@@ -17,5 +17,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/stepperVertical/consts.js

@@ -19,5 +19,5 @@ const tailClassName = stepClassName + "Tail";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/context.js

@@ -5,5 +5,5 @@ const [StepperVerticalProvider, useStepperVerticalContext] = createContext({ isO
 
 //#endregion
 export { StepperVerticalProvider, useStepperVerticalContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/stepperVertical/stepVertical.js

@@ -61,5 +61,5 @@ StepVertical.displayName = "StepVertical";
 
 //#endregion
 export { StepVerticalBase, StepVertical as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVerticalTail.js

@@ -25,5 +25,5 @@ StepVerticalTail.displayName = "StepVerticalTail";
 
 //#endregion
 export { StepVerticalTail as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepVerticalTail.js.map

package/dist/stepperVertical/stepVerticalTitle.js

@@ -25,5 +25,5 @@ StepVerticalTitle.displayName = "StepVerticalTitle";
 
 //#endregion
 export { StepVerticalTitle as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepVerticalTitle.js.map

package/dist/stepperVertical/stepperVertical.js

@@ -29,5 +29,5 @@ StepperVertical.displayName = "StepperVertical";
 
 //#endregion
 export { StepperVertical as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepperVertical.js.map

package/dist/stepperVertical/stepperVerticalBase.js

@@ -12,5 +12,5 @@ const StepperVerticalBase = styled.divBox`
 
 //#endregion
 export { StepperVerticalBase as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=stepperVerticalBase.js.map

package/dist/stepperVertical/theme.js

@@ -17,5 +17,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/svg/cache.js

@@ -27,5 +27,5 @@ const cache = new Cache();
 
 //#endregion
 export { cache as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=cache.js.map

package/dist/svg/helpers.js

@@ -28,5 +28,5 @@ function stringToHTML(html) {
 
 //#endregion
 export { getAttributes, getSvgContent, initState, stringToHTML };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=helpers.js.map

package/dist/svg/svg.js

@@ -73,5 +73,5 @@ Svg.displayName = "Svg";
 
 //#endregion
 export { SvgBase, Svg as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=svg.js.map

package/dist/switch/consts.js

@@ -12,5 +12,5 @@ const switchColors = {
 
 //#endregion
 export { switchColors };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/switch/context.js

@@ -5,5 +5,5 @@ const [SwitchProvider, useSwitchContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SwitchProvider, useSwitchContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/switch/switchButton.js

@@ -144,5 +144,5 @@ SwitchButton.displayName = "SwitchButton";
 
 //#endregion
 export { SwitchButtonBase, SwitchButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=switchButton.js.map

package/dist/switch/switchLabel.js

@@ -23,5 +23,5 @@ SwitchLabel.displayName = "SwitchLabel";
 
 //#endregion
 export { SwitchLabel as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=switchLabel.js.map

package/dist/switch/switchMain.js

@@ -93,5 +93,5 @@ Switch.displayName = "Switch";
 
 //#endregion
 export { SwitchBase, Switch as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=switchMain.js.map

package/dist/switch/theme.js

@@ -91,5 +91,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/system/custom.js

@@ -30,5 +30,5 @@ const wordBreak = style({ prop: "wordBreak" });
 
 //#endregion
 export { isTruncated, maxLines, wordBreak };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=custom.js.map

package/dist/system/system.js

@@ -6,5 +6,5 @@ const system = compose(animation, backgroundColor, borders, color, effects, flex
 
 //#endregion
 export { system as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=system.js.map

package/dist/t/specialVariants.js

@@ -13,5 +13,5 @@ const Lead = vui((props, ref) => /* @__PURE__ */ jsx(T, {
 
 //#endregion
 export { Lead };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=specialVariants.js.map

package/dist/t/t.js

@@ -34,5 +34,5 @@ T.displayName = "T";
 
 //#endregion
 export { TBase, T as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=t.js.map

package/dist/t/theme.js

@@ -50,5 +50,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/table/context.js

@@ -5,5 +5,5 @@ const [TableProvider, useTableContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TableProvider, useTableContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/table/table.js

@@ -99,5 +99,5 @@ Table.displayName = "Table";
 
 //#endregion
 export { TableBase, Table as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=table.js.map

package/dist/table/tableSortIcon.js

@@ -36,5 +36,5 @@ TableSortIcon.displayName = "TableSortIcon";
 
 //#endregion
 export { TableSortIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tbody.js

@@ -48,5 +48,5 @@ Tbody.displayName = "Tbody";
 
 //#endregion
 export { TbodyBase, Tbody as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tbody.js.map

package/dist/table/td.js

@@ -30,5 +30,5 @@ Td.displayName = "Td";
 
 //#endregion
 export { TdBase, Td as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=td.js.map

package/dist/table/tfoot.js

@@ -22,5 +22,5 @@ Tfoot.displayName = "Tfoot";
 
 //#endregion
 export { TfootBase, Tfoot as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tfoot.js.map

package/dist/table/th.js

@@ -68,5 +68,5 @@ Th.displayName = "Th";
 
 //#endregion
 export { ThBase, Th as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=th.js.map

package/dist/table/thead.js

@@ -41,5 +41,5 @@ Thead.displayName = "Thead";
 
 //#endregion
 export { Thead as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=thead.js.map

package/dist/table/theme.js

@@ -38,5 +38,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/table/tr.js

@@ -64,5 +64,5 @@ Tr.displayName = "Tr";
 
 //#endregion
 export { TrBase, Tr as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tr.js.map

package/dist/table/useTable.js

@@ -36,5 +36,5 @@ function useTable(props) {
 
 //#endregion
 export { useTable as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useTable.js.map

package/dist/tabs/consts.js

@@ -16,5 +16,5 @@ const iconSizeMapper = {
 
 //#endregion
 export { colors, iconSizeMapper };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/tabs/tab.js

@@ -19,5 +19,5 @@ Tab.displayName = "Tab";
 
 //#endregion
 export { TabBase, Tab as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tab.js.map

package/dist/tabs/tabs.js

@@ -78,5 +78,5 @@ Tabs.displayName = "Tabs";
 
 //#endregion
 export { TabsBase, Tabs as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=tabs.js.map