@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/list/listHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"listHeading.js","names":[],"sources":["../../src/list/listHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a heading within the List. */\nexport const ListHeading = vui<'li', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <T\n        className={cs('vui-listHeading', className)}\n        display=\"inline-block\"\n        px={2}\n        py={1}\n        ref={ref}\n        size=\"sm\"\n        textTransform=\"uppercase\"\n        weight=\"medium\"\n        {...styles.heading}\n        {...rest}\n      />\n    </li>\n  )\n})\n\nListHeading.displayName = 'ListHeading'\nexport default ListHeading\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAmB,OAAO,QAAQ;CAC3D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,MAAD,YACE,oBAAC,GAAD;EACE,WAAW,GAAG,mBAAmB,SAAS;EAC1C,SAAQ;EACR,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,eAAc;EACd,QAAO;EACP,GAAI,OAAO;EACX,GAAI;CACL,GACC;AAER,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"listHeading.js","names":[],"sources":["../../src/list/listHeading.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a heading within the List. */\nexport const ListHeading = vui<'li', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <T\n        className={cs('vui-listHeading', className)}\n        display=\"inline-block\"\n        px={2}\n        py={1}\n        ref={ref}\n        size=\"sm\"\n        textTransform=\"uppercase\"\n        weight=\"medium\"\n        {...styles.heading}\n        {...rest}\n      />\n    </li>\n  )\n})\n\nListHeading.displayName = 'ListHeading'\nexport default ListHeading\n"],"mappings":";;;;;;;;;AAQA,MAAa,cAAc,KAAmB,OAAO,QAAQ;CAC3D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,MAAD,YACE,oBAAC,GAAD;EACE,WAAW,GAAG,mBAAmB,SAAS;EAC1C,SAAQ;EACR,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,eAAc;EACd,QAAO;EACP,GAAI,OAAO;EACX,GAAI;CACL,GACC;AAER,CAAC;AAED,YAAY,cAAc"}

package/dist/list/listIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listIcon.d.ts","names":[],"sources":["../../src/list/listIcon.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,QAAA,SAAA"}
+{"version":3,"file":"listIcon.d.ts","names":[],"sources":["../../src/list/listIcon.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,QAAA,SAAA"}

package/dist/list/listIcon.js

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

package/dist/list/listIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"listIcon.js","names":[],"sources":["../../src/list/listIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays an icon on the side of the ListItem. */\nexport const ListIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return <Icon className={cs('vui-listIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nListIcon.displayName = 'ListIcon'\nexport default ListIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC/F,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"listIcon.js","names":[],"sources":["../../src/list/listIcon.tsx"],"sourcesContent":["import type { IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays an icon on the side of the ListItem. */\nexport const ListIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return <Icon className={cs('vui-listIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nListIcon.displayName = 'ListIcon'\nexport default ListIcon\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC/F,CAAC;AAED,SAAS,cAAc"}

package/dist/list/listItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;cA0Ba,YAAA,8BAAY,eAAA,mCAAA,YAAA,EAexB,WAfwB;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}
+{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;cA2Ba,YAAA,8BAAY,eAAA,mCAAA,YAAA,EAexB,WAfwB;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}

package/dist/list/listItem.js

@@ -125,5 +125,5 @@ ListItem.displayName = "ListItem";
 
 //#endregion
 export { ListItemBase, ListItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[List.Item] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(resolvedStartIcon) ? (\n          <ListIcon mr={1} name={resolvedStartIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedStartIcon\n        )}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(resolvedEndIcon) ? (\n          <ListIcon ml=\"auto\" name={resolvedEndIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedEndIcon\n        )}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC,MAAD;CACE,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;AACL,EACF;AAED,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,WACA,SACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SACD;EAtBkB,GAAG,eAAe;EAAG,GAAG;CAsBhC;CAEd,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,eAAe,CACS,CAAC,CAAC;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;CAAc,IAAI,CAAC;CAE7F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;EAAK,IACjD;GAAE,kBAAkB;GAAG,uBAAuB;EAAK;EACvD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;CACvB,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,gEAAgE;EAE/E,IAAI,cAAc,QAChB,QAAQ,KAAK,+DAA+D;CAGlF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EACE,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,SAAS;EACvC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC,gBAAD;GAAgB,GAAI;GAAW,GAAI;aAAnC;IACG;IAEA,SAAS,iBAAiB,IACzB,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAmB,eAAe;IAAW,KAEpE;IAGD,aAAa,YAAY,IAAI,IAAI,oBAAC,UAAD;KAAgB;KAAa;IAAS,KAAI;IAE3E,SAAS,eAAe,IACvB,oBAAC,UAAD;KAAU,IAAG;KAAO,MAAM;KAAiB,eAAe;IAAW,KAErE;IAGD;GACa;;CACJ;AAElB,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment, useEffect } from 'react'\n\nimport type { LinkProps } from '../link'\nimport type { ListItemProps } from './list.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[List.Item] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(resolvedStartIcon) ? (\n          <ListIcon mr={1} name={resolvedStartIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedStartIcon\n        )}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(resolvedEndIcon) ? (\n          <ListIcon ml=\"auto\" name={resolvedEndIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedEndIcon\n        )}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC,MAAD;CACE,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;AACL,EACF;AAED,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,WACA,SACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SACD;EAtBkB,GAAG,eAAe;EAAG,GAAG;CAsBhC;CAEd,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,eAAe,CACS,CAAC,CAAC;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;CAAc,IAAI,CAAC;CAE7F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;EAAK,IACjD;GAAE,kBAAkB;GAAG,uBAAuB;EAAK;EACvD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;CACvB,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,gEAAgE;EAE/E,IAAI,cAAc,QAChB,QAAQ,KAAK,+DAA+D;CAGlF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EACE,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,SAAS;EACvC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC,gBAAD;GAAgB,GAAI;GAAW,GAAI;aAAnC;IACG;IAEA,SAAS,iBAAiB,IACzB,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAmB,eAAe;IAAW,KAEpE;IAGD,aAAa,YAAY,IAAI,IAAI,oBAAC,UAAD;KAAgB;KAAa;IAAS,KAAI;IAE3E,SAAS,eAAe,IACvB,oBAAC,UAAD;KAAU,IAAG;KAAO,MAAM;KAAiB,eAAe;IAAW,KAErE;IAGD;GACa;;CACJ;AAElB,CAAC;AAED,SAAS,cAAc"}

package/dist/list/listText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listText.d.ts","names":[],"sources":["../../src/list/listText.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,SAAA,MAAA"}
+{"version":3,"file":"listText.d.ts","names":[],"sources":["../../src/list/listText.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,SAAA,MAAA"}

package/dist/list/listText.js

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

package/dist/list/listText.js.map

@@ -1 +1 @@
-{"version":3,"file":"listText.js","names":[],"sources":["../../src/list/listText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays text within the ListItem. */\nexport const ListText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <T\n      className={cs('vui-listText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nListText.displayName = 'ListText'\nexport default ListText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"listText.js","names":[],"sources":["../../src/list/listText.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays text within the ListItem. */\nexport const ListText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <T\n      className={cs('vui-listText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nListText.displayName = 'ListText'\nexport default ListText\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}

package/dist/list/theme.js

@@ -100,5 +100,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/logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","names":[],"sources":["../../src/logo/Logo.tsx"],"mappings":";;;;cAaa,IAAA,EAAI,YAAA,QAAA,SAAA"}
+{"version":3,"file":"Logo.d.ts","names":[],"sources":["../../src/logo/Logo.tsx"],"mappings":";;;;cAca,IAAA,EAAI,YAAA,QAAA,SAAA"}

package/dist/logo/Logo.js

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

package/dist/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":[],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import Box from '../box'\nimport { cdnUrl, vui } from '../core'\nimport type { SvgProps } from '../svg'\nimport Svg from '../svg'\nimport { cs } from '../utils'\nimport type { LogoProps } from './logo.types'\n\nconst veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`\nconst dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`\nconst veracityLogoWidth = 115\nconst dnvLogoWidth = 93.66\n\n/** Brand logo. */\nexport const Logo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, styles, url, w, ...rest } = props\n\n  let svgSrc = src\n  let width = w\n\n  if (!svgSrc) {\n    svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo\n    width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-logo', className)}\n      flexShrink={0}\n      h={40}\n      mr={2}\n      ref={ref}\n      w={width}\n      {...styles?.container}\n      {...linkProps}\n      {...rest}\n    >\n      {children ?? <Svg aria-label=\"logo\" h=\"100%\" src={svgSrc} {...(styles?.svg as unknown as SvgProps)} />}\n    </Box>\n  )\n})\n\nLogo.displayName = 'Logo'\n\nexport default Logo\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,GAAG,OAAO;AAC/B,MAAM,UAAU,GAAG,OAAO;AAC1B,MAAM,oBAAoB;AAC1B,MAAM,eAAe;;AAGrB,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,QAAQ,KAAK,GAAG,GAAG,SAAS;CAErE,IAAI,SAAS;CACb,IAAI,QAAQ;CAEZ,IAAI,CAAC,QAAQ;EACX,SAAS,UAAU,QAAQ,UAAU;EACrC,QAAQ,UAAU,QAAQ,eAAe;CAC3C;CAEA,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;CAAE,IAAI,CAAC;CAEjF,OACE,oBAAC,KAAD;EACE;EACA,WAAW,GAAG,YAAY,SAAS;EACnC,YAAY;EACZ,GAAG;EACH,IAAI;EACC;EACL,GAAG;EACH,GAAI,QAAQ;EACZ,GAAI;EACJ,GAAI;YAEH,YAAY,oBAAC,KAAD;GAAK,cAAW;GAAO,GAAE;GAAO,KAAK;GAAQ,GAAK,QAAQ;EAA8B;CAClG;AAET,CAAC;AAED,KAAK,cAAc"}
+{"version":3,"file":"Logo.js","names":[],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import type { SvgProps } from '../svg'\nimport type { LogoProps } from './logo.types'\n\nimport Box from '../box'\nimport { cdnUrl, vui } from '../core'\nimport Svg from '../svg'\nimport { cs } from '../utils'\n\nconst veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`\nconst dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`\nconst veracityLogoWidth = 115\nconst dnvLogoWidth = 93.66\n\n/** Brand logo. */\nexport const Logo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, styles, url, w, ...rest } = props\n\n  let svgSrc = src\n  let width = w\n\n  if (!svgSrc) {\n    svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo\n    width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-logo', className)}\n      flexShrink={0}\n      h={40}\n      mr={2}\n      ref={ref}\n      w={width}\n      {...styles?.container}\n      {...linkProps}\n      {...rest}\n    >\n      {children ?? <Svg aria-label=\"logo\" h=\"100%\" src={svgSrc} {...(styles?.svg as unknown as SvgProps)} />}\n    </Box>\n  )\n})\n\nLogo.displayName = 'Logo'\n\nexport default Logo\n"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,GAAG,OAAO;AAC/B,MAAM,UAAU,GAAG,OAAO;AAC1B,MAAM,oBAAoB;AAC1B,MAAM,eAAe;;AAGrB,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,QAAQ,KAAK,GAAG,GAAG,SAAS;CAErE,IAAI,SAAS;CACb,IAAI,QAAQ;CAEZ,IAAI,CAAC,QAAQ;EACX,SAAS,UAAU,QAAQ,UAAU;EACrC,QAAQ,UAAU,QAAQ,eAAe;CAC3C;CAEA,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;CAAE,IAAI,CAAC;CAEjF,OACE,oBAAC,KAAD;EACE;EACA,WAAW,GAAG,YAAY,SAAS;EACnC,YAAY;EACZ,GAAG;EACH,IAAI;EACC;EACL,GAAG;EACH,GAAI,QAAQ;EACZ,GAAI;EACJ,GAAI;YAEH,YAAY,oBAAC,KAAD;GAAK,cAAW;GAAO,GAAE;GAAO,KAAK;GAAQ,GAAK,QAAQ;EAA8B;CAClG;AAET,CAAC;AAED,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/menu/context.ts"],"mappings":";;cAGO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/menu/context.ts"],"mappings":";;cAIO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}

package/dist/menu/context.js

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

package/dist/menu/context.js.map

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

package/dist/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;;;;;iBAWgB,IAAA,CAAK,KAAA,EAAO,SAAS,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAArB,IAAA;EAAA,mCAAI,WAAA;EAAA"}
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;;;;;iBAYgB,IAAA,CAAK,KAAA,EAAO,SAAS,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAArB,IAAA;EAAA,mCAAI,WAAA;EAAA"}

package/dist/menu/menu.js

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

package/dist/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Popover } from '../popover'\nimport { filterUndefined } from '../utils'\nimport { MenuProvider } from './context'\nimport type { MenuProps } from './menu.types'\nimport MenuButton from './menuButton'\nimport MenuItem from './menuItem'\nimport MenuList from './menuList'\n\n/** Wraps Popover component and exposes some props to the children via context. */\nexport function Menu(props: MenuProps) {\n  const { closeOnSelect = true, size, variant, ...rest } = props\n\n  const context = useMemo(() => filterUndefined({ closeOnSelect, size, variant }), [closeOnSelect, size, variant])\n\n  return (\n    <MenuProvider value={context}>\n      <Popover {...rest} />\n    </MenuProvider>\n  )\n}\n\nMenu.Button = MenuButton\nMenu.Item = MenuItem\nMenu.List = MenuList\nMenu.displayName = 'Menu'\n\nexport default Menu\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,KAAK,OAAkB;CACrC,MAAM,EAAE,gBAAgB,MAAM,MAAM,SAAS,GAAG,SAAS;CAIzD,OACE,oBAAC,cAAD;EAAc,OAHA,cAAc,gBAAgB;GAAE;GAAe;GAAM;EAAQ,CAAC,GAAG;GAAC;GAAe;GAAM;EAAO,CAGjF;YACzB,oBAAC,SAAD,EAAS,GAAI,KAAO;CACR;AAElB;AAEA,KAAK,SAAS;AACd,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { MenuProps } from './menu.types'\n\nimport { Popover } from '../popover'\nimport { filterUndefined } from '../utils'\nimport { MenuProvider } from './context'\nimport MenuButton from './menuButton'\nimport MenuItem from './menuItem'\nimport MenuList from './menuList'\n\n/** Wraps Popover component and exposes some props to the children via context. */\nexport function Menu(props: MenuProps) {\n  const { closeOnSelect = true, size, variant, ...rest } = props\n\n  const context = useMemo(() => filterUndefined({ closeOnSelect, size, variant }), [closeOnSelect, size, variant])\n\n  return (\n    <MenuProvider value={context}>\n      <Popover {...rest} />\n    </MenuProvider>\n  )\n}\n\nMenu.Button = MenuButton\nMenu.Item = MenuItem\nMenu.List = MenuList\nMenu.displayName = 'Menu'\n\nexport default Menu\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,KAAK,OAAkB;CACrC,MAAM,EAAE,gBAAgB,MAAM,MAAM,SAAS,GAAG,SAAS;CAIzD,OACE,oBAAC,cAAD;EAAc,OAHA,cAAc,gBAAgB;GAAE;GAAe;GAAM;EAAQ,CAAC,GAAG;GAAC;GAAe;GAAM;EAAO,CAGjF;YACzB,oBAAC,SAAD,EAAS,GAAI,KAAO;CACR;AAElB;AAEA,KAAK,SAAS;AACd,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

package/dist/menu/menuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuButton.d.ts","names":[],"sources":["../../src/menu/menuButton.tsx"],"mappings":";;;;cAQa,UAAA,EAAU,YAAA,WAAA,WAAA"}
+{"version":3,"file":"menuButton.d.ts","names":[],"sources":["../../src/menu/menuButton.tsx"],"mappings":";;;;cASa,UAAA,EAAU,YAAA,WAAA,WAAA"}

package/dist/menu/menuButton.js

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

package/dist/menu/menuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuButton.js","names":[],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { TextButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays PopoverTrigger as a button. */\nexport const MenuButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverTrigger\n      as={TextButton}\n      className={cs('vui-menuButton', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nMenuButton.displayName = 'MenuButton'\n\nexport default MenuButton\n"],"mappings":";;;;;;;;;;AAQA,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,gBAAD;EACE,IAAI;EACJ,WAAW,GAAG,kBAAkB,SAAS;EACpC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"menuButton.js","names":[],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\n\nimport { TextButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays PopoverTrigger as a button. */\nexport const MenuButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverTrigger\n      as={TextButton}\n      className={cs('vui-menuButton', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nMenuButton.displayName = 'MenuButton'\n\nexport default MenuButton\n"],"mappings":";;;;;;;;;;AASA,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,gBAAD;EACE,IAAI;EACJ,WAAW,GAAG,kBAAkB,SAAS;EACpC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}

package/dist/menu/menuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"mappings":";;;;cASa,QAAA,EAAQ,YAAA,OAAA,aAAA"}
+{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"mappings":";;;;cAUa,QAAA,EAAQ,YAAA,OAAA,aAAA"}

package/dist/menu/menuItem.js

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

package/dist/menu/menuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { ListItemProps } from '../list'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && close?.()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;AASA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,aAAa,GAAG,SAAS;CACrD,MAAM,EAAE,UAAU,kBAAkB,KAAK,CAAC;CAC1C,MAAM,EAAE,eAAe,GAAG,cAAc,eAAe,KAAK,CAAC;CAC7D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;CAAM,CAAC;CAEhE,MAAM,UAAU,gBAAgB,MAAiC;EAC/D,cAAc,CAAC;EACf,iBAAiB,QAAQ;CAC3B,CAAC;CAED,OAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,gBAAgB,SAAS;EAAY;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACrH,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import type { ListItemProps } from '../list'\nimport type { MouseEvent } from '../utils'\n\nimport { useStyleConfig, vui } from '../core'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && close?.()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,aAAa,GAAG,SAAS;CACrD,MAAM,EAAE,UAAU,kBAAkB,KAAK,CAAC;CAC1C,MAAM,EAAE,eAAe,GAAG,cAAc,eAAe,KAAK,CAAC;CAC7D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;CAAM,CAAC;CAEhE,MAAM,UAAU,gBAAgB,MAAiC;EAC/D,cAAc,CAAC;EACf,iBAAiB,QAAQ;CAC3B,CAAC;CAED,OAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,gBAAgB,SAAS;EAAY;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACrH,CAAC;AAED,SAAS,cAAc"}

package/dist/menu/menuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"mappings":";;;;;;cAUa,QAAA,EAuBP,YAAA,OAAmB,aAAA;EACvB,OAAA,SAAgB,IAAA,CAAK,OAAA;EACrB,OAAA,SAAgB,IAAA,CAAK,OAAA;EACrB,IAAA,SAAa,IAAA,CAAK,IAAA;EAClB,IAAA,SAAa,IAAA,CAAK,IAAA;EAClB,IAAA,SAAa,IAAA,CAAK,IAAA;AAAA"}
+{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"mappings":";;;;;;cAWa,QAAA,EAuBP,YAAA,OAAmB,aAAA;EACvB,OAAA,SAAgB,IAAA,CAAK,OAAA;EACrB,OAAA,SAAgB,IAAA,CAAK,OAAA;EACrB,IAAA,SAAa,IAAA,CAAK,IAAA;EAClB,IAAA,SAAa,IAAA,CAAK,IAAA;EAClB,IAAA,SAAa,IAAA,CAAK,IAAA;AAAA"}

package/dist/menu/menuList.js

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

package/dist/menu/menuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.js","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\nimport type { MenuListProps } from './menu.types'\n\n/** Displays a list of menu items in a popover content element. */\nexport const MenuList = vui<'ul', MenuListProps>((props, ref) => {\n  const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props\n\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverContent borderRadius={0} ref={contentRef} {...contentProps}>\n      <Box flexDirection=\"column\">\n        {slotTop}\n        <List\n          className={cs('vui-menuList', className)}\n          isInteractive\n          py={1}\n          ref={ref}\n          w=\"100%\"\n          {...styles.list}\n          {...rest}\n          maxH={maxH}\n        />\n        {slotBottom}\n      </Box>\n    </PopoverContent>\n  )\n}) as VuiComponent<'ul', MenuListProps> & {\n  Divider: typeof List.Divider\n  Heading: typeof List.Heading\n  Icon: typeof List.Icon\n  Item: typeof List.Item\n  Text: typeof List.Text\n}\n\nMenuList.Divider = List.Divider\nMenuList.Heading = List.Heading\nMenuList.Icon = List.Icon\nMenuList.Item = List.Item\nMenuList.Text = List.Text\n\nMenuList.displayName = 'MenuList'\n\nexport default MenuList\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,cAAc,YAAY,MAAM,SAAS,YAAY,GAAG,SAAS;CAEpF,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,gBAAD;EAAgB,cAAc;EAAG,KAAK;EAAY,GAAI;YACpD,qBAAC,KAAD;GAAK,eAAc;aAAnB;IACG;IACD,oBAAC,MAAD;KACE,WAAW,GAAG,gBAAgB,SAAS;KACvC;KACA,IAAI;KACC;KACL,GAAE;KACF,GAAI,OAAO;KACX,GAAI;KACE;IACP;IACA;GACE;;CACS;AAEpB,CAAC;AAQD,SAAS,UAAU,KAAK;AACxB,SAAS,UAAU,KAAK;AACxB,SAAS,OAAO,KAAK;AACrB,SAAS,OAAO,KAAK;AACrB,SAAS,OAAO,KAAK;AAErB,SAAS,cAAc"}
+{"version":3,"file":"menuList.js","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { MenuListProps } from './menu.types'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list of menu items in a popover content element. */\nexport const MenuList = vui<'ul', MenuListProps>((props, ref) => {\n  const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props\n\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverContent borderRadius={0} ref={contentRef} {...contentProps}>\n      <Box flexDirection=\"column\">\n        {slotTop}\n        <List\n          className={cs('vui-menuList', className)}\n          isInteractive\n          py={1}\n          ref={ref}\n          w=\"100%\"\n          {...styles.list}\n          {...rest}\n          maxH={maxH}\n        />\n        {slotBottom}\n      </Box>\n    </PopoverContent>\n  )\n}) as VuiComponent<'ul', MenuListProps> & {\n  Divider: typeof List.Divider\n  Heading: typeof List.Heading\n  Icon: typeof List.Icon\n  Item: typeof List.Item\n  Text: typeof List.Text\n}\n\nMenuList.Divider = List.Divider\nMenuList.Heading = List.Heading\nMenuList.Icon = List.Icon\nMenuList.Item = List.Item\nMenuList.Text = List.Text\n\nMenuList.displayName = 'MenuList'\n\nexport default MenuList\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,cAAc,YAAY,MAAM,SAAS,YAAY,GAAG,SAAS;CAEpF,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,gBAAD;EAAgB,cAAc;EAAG,KAAK;EAAY,GAAI;YACpD,qBAAC,KAAD;GAAK,eAAc;aAAnB;IACG;IACD,oBAAC,MAAD;KACE,WAAW,GAAG,gBAAgB,SAAS;KACvC;KACA,IAAI;KACC;KACL,GAAE;KACF,GAAI,OAAO;KACX,GAAI;KACE;IACP;IACA;GACE;;CACS;AAEpB,CAAC;AAQD,SAAS,UAAU,KAAK;AACxB,SAAS,UAAU,KAAK;AACxB,SAAS,OAAO,KAAK;AACrB,SAAS,OAAO,KAAK;AACrB,SAAS,OAAO,KAAK;AAErB,SAAS,cAAc"}

package/dist/menu/theme.js

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

@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/message/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"mappings":";;;;cAQa,WAAA,8BAAW,eAAA,oCAAA,YAAA,EAEvB,WAFuB;;cAKX,OAAA,EAAO,YAAA,SAAA,YAAA"}
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"mappings":";;;;cASa,WAAA,8BAAW,eAAA,oCAAA,YAAA,EAEvB,WAFuB;;cAKX,OAAA,EAAO,YAAA,SAAA,YAAA"}

package/dist/message/message.js

@@ -40,5 +40,5 @@ Message.displayName = "Message";
 
 //#endregion
 export { MessageBase, Message as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,QAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC,QAAD;GAAQ,IAAG;GAAO,GAAI;EAAS,KAE/B,oBAAC,MAAD;GAAM,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;EAAW,IAEnG,oBAAC,KAAD;GAAK,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;EACV,EACL;CACS;AAEjB,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import type { MessageProps } from './message.types'\n\nimport { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AASA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,QAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC,QAAD;GAAQ,IAAG;GAAO,GAAI;EAAS,KAE/B,oBAAC,MAAD;GAAM,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;EAAW,IAEnG,oBAAC,KAAD;GAAK,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;EACV,EACL;CACS;AAEjB,CAAC;AAED,QAAQ,cAAc"}

package/dist/message/theme.js

@@ -35,5 +35,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/modal/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"mappings":";;;cAGO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"mappings":";;;cAIO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}

package/dist/modal/context.js

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

package/dist/modal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import type { ModalContext } from './modal.types'\n\nimport { createContext } from '../utils'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}

package/dist/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"mappings":";;;;;;;;;AAqBA;;;cAAa,KAAA,EA+FP,YAAA,QAAoB,UAAA;EACxB,QAAA,SAAiB,aAAA;EACjB,OAAA,SAAgB,YAAA;AAAA"}
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"mappings":";;;;;;;;;AAsBA;;;cAAa,KAAA,EA+FP,YAAA,QAAoB,UAAA;EACxB,QAAA,SAAiB,aAAA;EACjB,OAAA,SAAgB,YAAA;AAAA"}

package/dist/modal/modal.js

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

package/dist/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTargetRef = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTargetRef.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTargetRef.current = e.target)\n\n  const childProps = {\n    onClick: (e: MouseEvent) => {\n      e.stopPropagation()\n      ;(children?.props as { onClick?: (e: MouseEvent) => void })?.onClick?.(e)\n    },\n    tabIndex: (children?.props as { tabIndex?: number })?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,IAAI;CACzC,MAAM,qBAAqB,OAA2B,IAAI;CAE1D,gBAAgB,UAAU,QAAQ,iBAAiB;CAEnD,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,mBAAmB,MAAkB;EACzC,EAAE,gBAAgB;EAGlB,IAAI,mBAAmB,YAAY,EAAE,QAAQ;EAE7C,IAAI,CAAC,QAAQ,WAAW,QAAQ,GAAG;EAEnC,IAAI,CAAC,sBAAsB;GACzB,UAAU;GACV,sBAAsB,CAAC;EACzB;CACF;CAEA,MAAM,aAAa,MAAqC;EACtD,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,gBAAgB;GAElB,CAAC,mBAAmB,UAAU;GAE9B,QAAQ;EACV;CACF;CAEA,MAAM,eAAe,MAAmB,mBAAmB,UAAU,EAAE;CAEvE,MAAM,aAAa;EACjB,UAAU,MAAkB;GAC1B,EAAE,gBAAgB;GACjB,CAAC,UAAU,MAAK,EAA4C,UAAU,CAAC;EAC1E;EACA,WAAW,UAAU,MAAK,EAA4B,YAAY;CACpE;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN;GAAQ;GAAiB;GAAS;GAAM;EAG5B;YAC1B,oBAAC,QAAD;GAAuB;aACrB,qBAAC,KAAD;IACE,WAAW,GAAG,aAAa,SAAS;IACpC,KAAK,UAAU,KAAK,QAAQ;IAC5B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,SAAS;IAC7C,aAAa,QAAQ,MAAM,aAAa,WAAW;cALrD,CAOG,CAAC,gBAAgB,oBAAC,eAAD,CAAgB,IAClC,oBAAC,WAAD;KACE,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAAC,cAAD;MAAyB;MAAW,GAAI;gBACrC,aAAa,UAAU,UAAU;KACtB;IACL,EACR;;EACC;CACK;AAEnB,CAAC;AAKD,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,cAAc"}
+{"version":3,"file":"modal.js","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport type { ModalProps } from './modal.types'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTargetRef = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTargetRef.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTargetRef.current = e.target)\n\n  const childProps = {\n    onClick: (e: MouseEvent) => {\n      e.stopPropagation()\n      ;(children?.props as { onClick?: (e: MouseEvent) => void })?.onClick?.(e)\n    },\n    tabIndex: (children?.props as { tabIndex?: number })?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,IAAI;CACzC,MAAM,qBAAqB,OAA2B,IAAI;CAE1D,gBAAgB,UAAU,QAAQ,iBAAiB;CAEnD,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,mBAAmB,MAAkB;EACzC,EAAE,gBAAgB;EAGlB,IAAI,mBAAmB,YAAY,EAAE,QAAQ;EAE7C,IAAI,CAAC,QAAQ,WAAW,QAAQ,GAAG;EAEnC,IAAI,CAAC,sBAAsB;GACzB,UAAU;GACV,sBAAsB,CAAC;EACzB;CACF;CAEA,MAAM,aAAa,MAAqC;EACtD,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,gBAAgB;GAElB,CAAC,mBAAmB,UAAU;GAE9B,QAAQ;EACV;CACF;CAEA,MAAM,eAAe,MAAmB,mBAAmB,UAAU,EAAE;CAEvE,MAAM,aAAa;EACjB,UAAU,MAAkB;GAC1B,EAAE,gBAAgB;GACjB,CAAC,UAAU,MAAK,EAA4C,UAAU,CAAC;EAC1E;EACA,WAAW,UAAU,MAAK,EAA4B,YAAY;CACpE;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN;GAAQ;GAAiB;GAAS;GAAM;EAG5B;YAC1B,oBAAC,QAAD;GAAuB;aACrB,qBAAC,KAAD;IACE,WAAW,GAAG,aAAa,SAAS;IACpC,KAAK,UAAU,KAAK,QAAQ;IAC5B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,SAAS;IAC7C,aAAa,QAAQ,MAAM,aAAa,WAAW;cALrD,CAOG,CAAC,gBAAgB,oBAAC,eAAD,CAAgB,IAClC,oBAAC,WAAD;KACE,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAAC,cAAD;MAAyB;MAAW,GAAI;gBACrC,aAAa,UAAU,UAAU;KACtB;IACL,EACR;;EACC;CACK;AAEnB,CAAC;AAKD,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,cAAc"}

package/dist/modal/modalBackdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"mappings":";;;cASa,iBAAA,8BAAiB,eAAA,oCAAA,YAAA,EAK7B,WAL6B;;cAQjB,aAAA,EAAa,YAAA,QAaxB,WAAA"}
+{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"mappings":";;;cAUa,iBAAA,8BAAiB,eAAA,oCAAA,YAAA,EAK7B,WAL6B;;cAQjB,aAAA,EAAa,YAAA,QAaxB,WAAA"}

package/dist/modal/modalBackdrop.js

@@ -31,5 +31,5 @@ ModalBackdrop.displayName = "ModalBackdrop";
 
 //#endregion
 export { ModalBackdropBase, ModalBackdrop as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAMA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,EAAE;AAChD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,EAAG;AAEnC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,mBAAD;EACE,WAAU;EACV,WAAW,GAAG,qBAAqB,SAAS;EACvC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import type { ModalBackdropProps } from './modal.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,EAAE;AAChD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,EAAG;AAEnC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,mBAAD;EACE,WAAU;EACV,WAAW,GAAG,qBAAqB,SAAS;EACvC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

package/dist/modal/modalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"mappings":";;;cAKa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAK5B,WAL4B;;cAQhB,YAAA,EAAY,YAAA,QAevB,WAAA"}
+{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"mappings":";;;cAMa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAK5B,WAL4B;;cAQhB,YAAA,EAAY,YAAA,QAevB,WAAA"}

package/dist/modal/modalContent.js

@@ -31,5 +31,5 @@ ModalContent.displayName = "ModalContent";
 
 //#endregion
 export { ModalContentBase, ModalContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAKA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,gBAAgB,KAAK,CAAC;CAClD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,eAAe;CAChD;AAEL,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import type { ModalContentProps } from './modal.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAMA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,gBAAgB,KAAK,CAAC;CAClD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,eAAe;CAChD;AAEL,CAAC;AAED,aAAa,cAAc"}

package/dist/modal/modalManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"mappings":";;;;cAMM,YAAA;EACJ,MAAA;EAEA,GAAA,GAAO,KAAA;EAEP,MAAA,GAAU,KAAA;EAEV,UAAA,GAAc,KAAA;AAAA;AAAA,cAMH,OAAA,EAAO,YAAqB;;iBAGzB,eAAA,CAAgB,GAAA,EAAK,GAAG,OAAO,MAAA,YAAkB,iBAAA"}
+{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"mappings":";;;;cAOM,YAAA;EACJ,MAAA;EAEA,GAAA,GAAO,KAAA;EAEP,MAAA,GAAU,KAAA;EAEV,UAAA,GAAc,KAAA;AAAA;AAAA,cAMH,OAAA,EAAO,YAAqB;;iBAGzB,eAAA,CAAgB,GAAA,EAAK,GAAG,OAAO,MAAA,YAAkB,iBAAA"}

package/dist/modal/modalManager.js

@@ -29,5 +29,5 @@ function useModalManager(ref, isOpen, disableScrollLock) {
 
 //#endregion
 export { manager, useModalManager };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=modalManager.js.map

package/dist/modal/modalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":";;;;;AAMA,IAAM,eAAN,MAAmB;CACjB,SAAgB,CAAC;CAEjB,OAAO,UAAe,KAAK,OAAO,KAAK,KAAK;CAE5C,UAAU,UAAgB,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,MAAM,KAAK;CAE3E,cAAc,UAAe;EAE3B,OADqB,KAAK,OAAO,KAAK,OAAO,SAAS,OAC9B;CAC1B;AACF;AAEA,MAAa,UAAU,IAAI,aAAa;;AAGxC,SAAgB,gBAAgB,KAAe,QAAkB,mBAA6B;CAC5F,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,gBAAgB;EACd,IAAI,QAAQ;GACV,QAAQ,IAAI,GAAG;GACf,IAAI,CAAC,mBAAmB,kBAAkB,IAAI;EAChD;EAEA,aAAa;GACX,QAAQ,OAAO,GAAG;GAClB,IAAI,CAAC,mBAAmB,kBAAkB,KAAK;EACjD;CACF,GAAG,CAAC,QAAQ,GAAG,CAAC;AAClB"}
+{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\n\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":";;;;;AAOA,IAAM,eAAN,MAAmB;CACjB,SAAgB,CAAC;CAEjB,OAAO,UAAe,KAAK,OAAO,KAAK,KAAK;CAE5C,UAAU,UAAgB,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,MAAM,KAAK;CAE3E,cAAc,UAAe;EAE3B,OADqB,KAAK,OAAO,KAAK,OAAO,SAAS,OAC9B;CAC1B;AACF;AAEA,MAAa,UAAU,IAAI,aAAa;;AAGxC,SAAgB,gBAAgB,KAAe,QAAkB,mBAA6B;CAC5F,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,gBAAgB;EACd,IAAI,QAAQ;GACV,QAAQ,IAAI,GAAG;GACf,IAAI,CAAC,mBAAmB,kBAAkB,IAAI;EAChD;EAEA,aAAa;GACX,QAAQ,OAAO,GAAG;GAClB,IAAI,CAAC,mBAAmB,kBAAkB,KAAK;EACjD;CACF,GAAG,CAAC,QAAQ,GAAG,CAAC;AAClB"}

package/dist/modal/theme.js

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

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

package/dist/notification/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import type { IconProps } from '../icon'\nimport { iconDictionary } from '../message/consts'\nimport type { NotificationIntent, NotificationStatusMapping } from './notification.types'\n\n/** Maps each intent to the icon props auto-injected when no explicit icon is provided. */\nexport const INTENT_ICON_MAP: Record<NotificationIntent, IconProps> = {\n  info: { name: iconDictionary.info },\n  success: { name: iconDictionary.success },\n  danger: { name: iconDictionary.error },\n  warning: { name: iconDictionary.warning },\n}\n\n/** Icon props used when isLoading is true. */\nexport const LOADING_ICON_PROPS: IconProps = {\n  name: 'uiSpinnerThird',\n  pathFill: ['blue.40', 'blue.60'],\n  variant: 'spinning',\n}\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: { iconProps: { name: iconDictionary.error }, variant: 'inline', intent: 'danger' },\n  info: { iconProps: { name: iconDictionary.info }, variant: 'inline', intent: 'info' },\n  loading: { iconProps: LOADING_ICON_PROPS, variant: 'inline', intent: 'info', isLoading: true },\n  success: { iconProps: { name: iconDictionary.success }, variant: 'inline', intent: 'success' },\n  warning: { iconProps: { name: iconDictionary.warning }, variant: 'inline', intent: 'warning' },\n  bannerError: { iconProps: { name: iconDictionary.error }, variant: 'banner', intent: 'danger' },\n  bannerInfo: { iconProps: { name: iconDictionary.info }, variant: 'banner', intent: 'info' },\n  bannerLoading: { iconProps: LOADING_ICON_PROPS, variant: 'banner', intent: 'info', isLoading: true },\n  bannerSuccess: { iconProps: { name: iconDictionary.success }, variant: 'banner', intent: 'success' },\n  bannerWarning: { iconProps: { name: iconDictionary.warning }, variant: 'banner', intent: 'warning' },\n}\n"],"mappings":";;;;AAKA,MAAa,kBAAyD;CACpE,MAAM,EAAE,MAAM,eAAe,KAAK;CAClC,SAAS,EAAE,MAAM,eAAe,QAAQ;CACxC,QAAQ,EAAE,MAAM,eAAe,MAAM;CACrC,SAAS,EAAE,MAAM,eAAe,QAAQ;AAC1C;;AAGA,MAAa,qBAAgC;CAC3C,MAAM;CACN,UAAU,CAAC,WAAW,SAAS;CAC/B,SAAS;AACX;AAEA,MAAa,4BAAuD;CAClE,OAAO;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CACxF,MAAM;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CACpF,SAAS;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,aAAa;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CAC9F,YAAY;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CAC1F,eAAe;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;AACrG"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import type { IconProps } from '../icon'\nimport type { NotificationIntent, NotificationStatusMapping } from './notification.types'\n\nimport { iconDictionary } from '../message/consts'\n\n/** Maps each intent to the icon props auto-injected when no explicit icon is provided. */\nexport const INTENT_ICON_MAP: Record<NotificationIntent, IconProps> = {\n  info: { name: iconDictionary.info },\n  success: { name: iconDictionary.success },\n  danger: { name: iconDictionary.error },\n  warning: { name: iconDictionary.warning },\n}\n\n/** Icon props used when isLoading is true. */\nexport const LOADING_ICON_PROPS: IconProps = {\n  name: 'uiSpinnerThird',\n  pathFill: ['blue.40', 'blue.60'],\n  variant: 'spinning',\n}\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: { iconProps: { name: iconDictionary.error }, variant: 'inline', intent: 'danger' },\n  info: { iconProps: { name: iconDictionary.info }, variant: 'inline', intent: 'info' },\n  loading: { iconProps: LOADING_ICON_PROPS, variant: 'inline', intent: 'info', isLoading: true },\n  success: { iconProps: { name: iconDictionary.success }, variant: 'inline', intent: 'success' },\n  warning: { iconProps: { name: iconDictionary.warning }, variant: 'inline', intent: 'warning' },\n  bannerError: { iconProps: { name: iconDictionary.error }, variant: 'banner', intent: 'danger' },\n  bannerInfo: { iconProps: { name: iconDictionary.info }, variant: 'banner', intent: 'info' },\n  bannerLoading: { iconProps: LOADING_ICON_PROPS, variant: 'banner', intent: 'info', isLoading: true },\n  bannerSuccess: { iconProps: { name: iconDictionary.success }, variant: 'banner', intent: 'success' },\n  bannerWarning: { iconProps: { name: iconDictionary.warning }, variant: 'banner', intent: 'warning' },\n}\n"],"mappings":";;;;AAMA,MAAa,kBAAyD;CACpE,MAAM,EAAE,MAAM,eAAe,KAAK;CAClC,SAAS,EAAE,MAAM,eAAe,QAAQ;CACxC,QAAQ,EAAE,MAAM,eAAe,MAAM;CACrC,SAAS,EAAE,MAAM,eAAe,QAAQ;AAC1C;;AAGA,MAAa,qBAAgC;CAC3C,MAAM;CACN,UAAU,CAAC,WAAW,SAAS;CAC/B,SAAS;AACX;AAEA,MAAa,4BAAuD;CAClE,OAAO;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CACxF,MAAM;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CACpF,SAAS;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,aAAa;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CAC9F,YAAY;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CAC1F,eAAe;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;AACrG"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"mappings":";;;cAGO,oBAAA,kBAAoB,QAAA,CAAA,OAAA,CAAA,iBAAA,IAAE,sBAAA,QAAsB,OAAA,CAAA,iBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"mappings":";;;cAIO,oBAAA,kBAAoB,QAAA,CAAA,OAAA,CAAA,iBAAA,IAAE,sBAAA,QAAsB,OAAA,CAAA,iBAAA"}

package/dist/notification/context.js

@@ -5,5 +5,5 @@ const [NotificationProvider, useNotificationContext] = createContext({ isOptiona
 
 //#endregion
 export { NotificationProvider, useNotificationContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/notification/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { NotificationProps } from './notification.types'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,sBAAsB,0BAA0B,cAA0C,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import type { NotificationProps } from './notification.types'\n\nimport { createContext } from '../utils'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,sBAAsB,0BAA0B,cAA0C,EAAE,YAAY,KAAK,CAAC"}

package/dist/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"mappings":";;;;;;;;;;;AAuDA;cAAa,YAAA,EAyIP,YAAA,QAAoB,iBAAA;EACxB,MAAA,SAAe,kBAAA;EACf,IAAA,SAAa,gBAAA;EACb,IAAA,SAAa,gBAAA;EACb,KAAA,SAAc,iBAAA;AAAA"}
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"mappings":";;;;;;;;;;;AAwDA;cAAa,YAAA,EAyIP,YAAA,QAAoB,iBAAA;EACxB,MAAA,SAAe,kBAAA;EACf,IAAA,SAAa,gBAAA;EACb,IAAA,SAAa,gBAAA;EACb,KAAA,SAAc,iBAAA;AAAA"}

package/dist/notification/notification.js

@@ -6,8 +6,8 @@ import { useStyleConfig } from "../core/theme.js";
 import styled from "../core/styled.js";
 import vui from "../core/vui.js";
 import Box from "../box/box.js";
-import { NotificationProvider } from "./context.js";
 import { DismissButton } from "../dismissButton/DismissButton.js";
+import { NotificationProvider } from "./context.js";
 import { INTENT_ICON_MAP, LOADING_ICON_PROPS, notificationStatusMapping } from "./consts.js";
 import NotificationAction from "./notificationAction.js";
 import NotificationIcon from "./notificationIcon.js";
@@ -155,5 +155,5 @@ Notification.displayName = "Notification";
 
 //#endregion
 export { Notification as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=notification.js.map