@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/core/links.js.map

@@ -1 +1 @@
-{"version":3,"file":"links.js","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/no-use-context, @eslint-react/no-context-provider */\nimport type { Dispatch, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { Dict, Environment } from '../utils'\nimport { isObject, noop, useCallbackRef } from '../utils'\nimport { cdnUrls } from './consts'\n\nexport type LinksDict = Dict<string>\n\ntype LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>]\n\nconst LinksContext = createContext<LinksContextType | undefined>(undefined)\n\n/**\n * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.\n * If 'isLoggedIn' is falsy, loggedin param will be removed.\n * This is supposed to aid login flow when navigating between Veracity applications.\n */\nexport function getLoggedInLink(link: string, isLoggedIn?: boolean) {\n  try {\n    const url = new URL(link)\n\n    if (isLoggedIn) url.searchParams.append('loggedin', '1')\n    else url.searchParams.delete('loggedin')\n\n    return url.toString()\n  } catch {\n    return link\n  }\n}\n\nexport function LinksProvider(props: { children: React.ReactNode }) {\n  // eslint-disable-next-line @eslint-react/use-state\n  const linksState = useState<LinksDict>({})\n\n  return <LinksContext.Provider value={linksState} {...props} />\n}\n\n/** Returns links and setLinks from LinksContext. */\nexport function useLinks() {\n  const context = useContext(LinksContext)\n\n  if (context === undefined) {\n    console.error('useLinks must be used within a LinksContext.')\n    return [{}, noop] as LinksContextType\n  }\n\n  return context\n}\n\n/**\n * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter\n * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.\n */\nexport function useLoadLinks(env?: Environment, isLoggedIn?: boolean) {\n  const [, setLinks] = useLinks()\n\n  // Load links from the CDN for the given environment.\n  const loadLinks = async (env: Environment) => {\n    try {\n      const response = await fetch(`${cdnUrls[env]}/common/data/links/base.json`)\n      if (!response.ok) return\n\n      const data = await response.json()\n\n      if (isObject(data)) setLinks(updateLoggedInParam(data))\n    } catch {\n      console.error('Failed to retrieve links')\n    }\n  }\n\n  /**\n   * Adds/removes loggedin=1 URL param for each link based on isLoggedIn arg.\n   * useCallbackRef is used here to prevent a stale closure in async loadLinks.\n   */\n  const updateLoggedInParam = useCallbackRef((links: LinksDict) => {\n    return Object.keys(links).reduce((loggedInLinks: LinksDict, key) => {\n      loggedInLinks[key] = getLoggedInLink(links[key], isLoggedIn)\n      return loggedInLinks\n    }, {})\n  })\n\n  useEffect(() => {\n    if (!env) return\n\n    loadLinks(env)\n  }, [env])\n\n  useEffect(() => {\n    setLinks(updateLoggedInParam)\n  }, [isLoggedIn])\n}\n"],"mappings":";;;;;;;;AAYA,MAAM,eAAe,cAA4C,MAAS;;;;;;AAO1E,SAAgB,gBAAgB,MAAc,YAAsB;CAClE,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,IAAI;EAExB,IAAI,YAAY,IAAI,aAAa,OAAO,YAAY,GAAG;OAClD,IAAI,aAAa,OAAO,UAAU;EAEvC,OAAO,IAAI,SAAS;CACtB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,cAAc,OAAsC;CAElE,MAAM,aAAa,SAAoB,CAAC,CAAC;CAEzC,OAAO,oBAAC,aAAa,UAAd;EAAuB,OAAO;EAAY,GAAI;CAAQ;AAC/D;;AAGA,SAAgB,WAAW;CACzB,MAAM,UAAU,WAAW,YAAY;CAEvC,IAAI,YAAY,QAAW;EACzB,QAAQ,MAAM,8CAA8C;EAC5D,OAAO,CAAC,CAAC,GAAG,IAAI;CAClB;CAEA,OAAO;AACT;;;;;AAMA,SAAgB,aAAa,KAAmB,YAAsB;CACpE,MAAM,GAAG,YAAY,SAAS;CAG9B,MAAM,YAAY,OAAO,QAAqB;EAC5C,IAAI;GACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,6BAA6B;GAC1E,IAAI,CAAC,SAAS,IAAI;GAElB,MAAM,OAAO,MAAM,SAAS,KAAK;GAEjC,IAAI,SAAS,IAAI,GAAG,SAAS,oBAAoB,IAAI,CAAC;EACxD,QAAQ;GACN,QAAQ,MAAM,0BAA0B;EAC1C;CACF;;;;;CAMA,MAAM,sBAAsB,gBAAgB,UAAqB;EAC/D,OAAO,OAAO,KAAK,KAAK,EAAE,QAAQ,eAA0B,QAAQ;GAClE,cAAc,OAAO,gBAAgB,MAAM,MAAM,UAAU;GAC3D,OAAO;EACT,GAAG,CAAC,CAAC;CACP,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,KAAK;EAEV,UAAU,GAAG;CACf,GAAG,CAAC,GAAG,CAAC;CAER,gBAAgB;EACd,SAAS,mBAAmB;CAC9B,GAAG,CAAC,UAAU,CAAC;AACjB"}
+{"version":3,"file":"links.js","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/no-use-context, @eslint-react/no-context-provider */\nimport type { Dispatch, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { Dict, Environment } from '../utils'\nimport { isObject, noop, useCallbackRef } from '../utils'\nimport { cdnUrls } from './consts'\n\nexport type LinksDict = Dict<string>\n\ntype LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>]\n\nconst LinksContext = createContext<LinksContextType | undefined>(undefined)\n\n/**\n * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.\n * If 'isLoggedIn' is falsy, loggedin param will be removed.\n * This is supposed to aid login flow when navigating between Veracity applications.\n */\nexport function getLoggedInLink(link: string, isLoggedIn?: boolean) {\n  try {\n    const url = new URL(link)\n\n    if (isLoggedIn) url.searchParams.append('loggedin', '1')\n    else url.searchParams.delete('loggedin')\n\n    return url.toString()\n  } catch {\n    return link\n  }\n}\n\nexport function LinksProvider(props: { children: React.ReactNode }) {\n  // eslint-disable-next-line @eslint-react/use-state\n  const linksState = useState<LinksDict>({})\n\n  return <LinksContext.Provider value={linksState} {...props} />\n}\n\n/** Returns links and setLinks from LinksContext. */\nexport function useLinks() {\n  const context = useContext(LinksContext)\n\n  if (context === undefined) {\n    console.error('useLinks must be used within a LinksContext.')\n    return [{}, noop] as LinksContextType\n  }\n\n  return context\n}\n\n/**\n * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter\n * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.\n */\nexport function useLoadLinks(env?: Environment, isLoggedIn?: boolean) {\n  const [, setLinks] = useLinks()\n\n  // Load links from the CDN for the given environment.\n  const loadLinks = async (env: Environment) => {\n    try {\n      const response = await fetch(`${cdnUrls[env]}/common/data/links/base.json`)\n      if (!response.ok) return\n\n      const data = await response.json()\n\n      if (isObject(data)) setLinks(updateLoggedInParam(data))\n    } catch {\n      console.error('Failed to retrieve links')\n    }\n  }\n\n  /**\n   * Adds/removes loggedin=1 URL param for each link based on isLoggedIn arg.\n   * useCallbackRef is used here to prevent a stale closure in async loadLinks.\n   */\n  const updateLoggedInParam = useCallbackRef((links: LinksDict) => {\n    return Object.keys(links).reduce((loggedInLinks: LinksDict, key) => {\n      loggedInLinks[key] = getLoggedInLink(links[key], isLoggedIn)\n      return loggedInLinks\n    }, {})\n  })\n\n  useEffect(() => {\n    if (!env) return\n\n    loadLinks(env)\n  }, [env])\n\n  useEffect(() => {\n    setLinks(updateLoggedInParam)\n  }, [isLoggedIn])\n}\n"],"mappings":";;;;;;;;AAYA,MAAM,eAAe,cAA4C,MAAS;;;;;;AAO1E,SAAgB,gBAAgB,MAAc,YAAsB;CAClE,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,IAAI;EAExB,IAAI,YAAY,IAAI,aAAa,OAAO,YAAY,GAAG;OAClD,IAAI,aAAa,OAAO,UAAU;EAEvC,OAAO,IAAI,SAAS;CACtB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,cAAc,OAAsC;CAElE,MAAM,aAAa,SAAoB,CAAC,CAAC;CAEzC,OAAO,oBAAC,aAAa,UAAd;EAAuB,OAAO;EAAY,GAAI;CAAQ;AAC/D;;AAGA,SAAgB,WAAW;CACzB,MAAM,UAAU,WAAW,YAAY;CAEvC,IAAI,YAAY,QAAW;EACzB,QAAQ,MAAM,8CAA8C;EAC5D,OAAO,CAAC,CAAC,GAAG,IAAI;CAClB;CAEA,OAAO;AACT;;;;;AAMA,SAAgB,aAAa,KAAmB,YAAsB;CACpE,MAAM,GAAG,YAAY,SAAS;CAG9B,MAAM,YAAY,OAAO,QAAqB;EAC5C,IAAI;GACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,6BAA6B;GAC1E,IAAI,CAAC,SAAS,IAAI;GAElB,MAAM,OAAO,MAAM,SAAS,KAAK;GAEjC,IAAI,SAAS,IAAI,GAAG,SAAS,oBAAoB,IAAI,CAAC;EACxD,QAAQ;GACN,QAAQ,MAAM,0BAA0B;EAC1C;CACF;;;;;CAMA,MAAM,sBAAsB,gBAAgB,UAAqB;EAC/D,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,QAAQ,eAA0B,QAAQ;GAClE,cAAc,OAAO,gBAAgB,MAAM,MAAM,UAAU;GAC3D,OAAO;EACT,GAAG,CAAC,CAAC;CACP,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,KAAK;EAEV,UAAU,GAAG;CACf,GAAG,CAAC,GAAG,CAAC;CAER,gBAAgB;EACd,SAAS,mBAAmB;CAC9B,GAAG,CAAC,UAAU,CAAC;AACjB"}

package/dist/core/media.js

@@ -70,5 +70,5 @@ function useBetween(minWidth, maxWidth) {
 
 //#endregion
 export { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=media.js.map

package/dist/core/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","names":["th"],"sources":["../../src/core/media.tsx"],"sourcesContent":["import { useViewportWidth } from '@xstyled/styled-components'\nimport type { FC } from 'react'\nimport type { StyledProps } from 'styled-components'\n\nimport type { Screen } from '../theme'\nimport type { AnyNumber, AnyString } from '../utils'\nimport { th, useTheme } from './theme'\nimport type { ChildrenProp } from './types'\n\ntype ScreenWidth = Screen | AnyNumber | AnyString\n\nexport type RenderOnScreenProps = {\n  /** Breakpoint to compare viewport width against. */\n  maxWidth?: Screen\n  /** Breakpoint to compare viewport width against. */\n  minWidth?: Screen\n}\n\n/** Returns CSS media string with appropriate min-width and max-width values. */\nexport const mediaBetween = (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) =>\n  `@media (min-width: ${th.screen(minWidth)(props)}) and (max-width: ${th.screen(maxWidth)(props)})`\n\n/** Returns CSS media string with appropriate max-width value */\nexport const mediaDown = (width: ScreenWidth) => (props: StyledProps<unknown>) => {\n  return `@media (max-width: ${th.screen(width)(props)})`\n}\n\n/** Returns CSS media string with appropriate min-width value. */\nexport const mediaUp = (width: ScreenWidth) => (props: StyledProps<unknown>) =>\n  `@media (min-width: ${th.screen(width)(props)})`\n\n/**\n * Renders its content when viewport width is at or above a provided breakpoint.\n * Optionally, direction can be set to down, or below, the breakpoint.\n */\nexport const RenderOnScreen: FC<RenderOnScreenProps & ChildrenProp> = ({ children, maxWidth, minWidth }) => {\n  if (minWidth && maxWidth) {\n    return (\n      <RenderBetween maxWidth={maxWidth} minWidth={minWidth}>\n        {children}\n      </RenderBetween>\n    )\n  }\n  if (minWidth) {\n    return <RenderOver width={minWidth}>{children}</RenderOver>\n  }\n  if (maxWidth) {\n    return <RenderUnder width={maxWidth}>{children}</RenderUnder>\n  }\n  return <>{children}</>\n}\nconst RenderBetween: FC<{ maxWidth: Screen; minWidth: Screen } & ChildrenProp> = ({ children, maxWidth, minWidth }) => {\n  const isBetween = useBetween(minWidth, maxWidth)\n  return isBetween ? <>{children}</> : null\n}\nconst RenderOver: FC<{ width: Screen } & ChildrenProp> = ({ children, width }) => {\n  const isOver = useUp(width)\n  return isOver ? <>{children}</> : null\n}\nconst RenderUnder: FC<{ width: Screen } & ChildrenProp> = ({ children, width }) => {\n  const isUnder = useDown(width)\n  return isUnder ? <>{children}</> : null\n}\n\n/** /!\\ No need to export it, keep it internal */\n/** Returns viewport width and provided screen width as a number. */\nfunction useMedia(width: ScreenWidth) {\n  const theme = useTheme()\n  const viewportWidth = useViewportWidth()\n  const valueString = th.screen(width)({ theme }) as string\n  const value = Number(valueString.replace('px', ''))\n\n  return { value, viewportWidth }\n}\n\n/** Returns true if current viewport width is smaller than provided width. */\nexport function useDown(width: ScreenWidth) {\n  const { value, viewportWidth } = useMedia(width)\n\n  return viewportWidth !== null && value !== null && viewportWidth < value\n}\n\n/** Returns true if current viewport width is larger than or equal to provided width. */\nexport function useUp(width: ScreenWidth) {\n  const { value, viewportWidth } = useMedia(width)\n\n  return viewportWidth !== null && value !== null && viewportWidth >= value\n}\n\n/** Returns true if current viewport width is between provided min and max widths. */\nexport function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth) {\n  const isDown = useDown(maxWidth)\n  const isUp = useUp(minWidth)\n\n  return isDown && isUp\n}\n\n/** Return the width of the viewport. */\nexport { useViewportWidth }\n"],"mappings":";;;;;;AAmBA,MAAa,gBAAgB,UAAuB,cAA2B,UAC7E,sBAAsBA,KAAG,OAAO,QAAQ,EAAE,KAAK,EAAE,oBAAoBA,KAAG,OAAO,QAAQ,EAAE,KAAK,EAAE;;AAGlG,MAAa,aAAa,WAAwB,UAAgC;CAChF,OAAO,sBAAsBA,KAAG,OAAO,KAAK,EAAE,KAAK,EAAE;AACvD;;AAGA,MAAa,WAAW,WAAwB,UAC9C,sBAAsBA,KAAG,OAAO,KAAK,EAAE,KAAK,EAAE;;;;;AAMhD,MAAa,kBAA0D,EAAE,UAAU,UAAU,eAAe;CAC1G,IAAI,YAAY,UACd,OACE,oBAAC,eAAD;EAAyB;EAAoB;EAC1C;CACY;CAGnB,IAAI,UACF,OAAO,oBAAC,YAAD;EAAY,OAAO;EAAW;CAAqB;CAE5D,IAAI,UACF,OAAO,oBAAC,aAAD;EAAa,OAAO;EAAW;CAAsB;CAE9D,OAAO,gCAAG,SAAW;AACvB;AACA,MAAM,iBAA4E,EAAE,UAAU,UAAU,eAAe;CAErH,OADkB,WAAW,UAAU,QACxB,IAAI,gCAAG,SAAW,KAAI;AACvC;AACA,MAAM,cAAoD,EAAE,UAAU,YAAY;CAEhF,OADe,MAAM,KACT,IAAI,gCAAG,SAAW,KAAI;AACpC;AACA,MAAM,eAAqD,EAAE,UAAU,YAAY;CAEjF,OADgB,QAAQ,KACX,IAAI,gCAAG,SAAW,KAAI;AACrC;;;AAIA,SAAS,SAAS,OAAoB;CACpC,MAAM,QAAQ,SAAS;CACvB,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,cAAcA,KAAG,OAAO,KAAK,EAAE,EAAE,MAAM,CAAC;CAG9C,OAAO;EAAE,OAFK,OAAO,YAAY,QAAQ,MAAM,EAAE,CAEpC;EAAG;CAAc;AAChC;;AAGA,SAAgB,QAAQ,OAAoB;CAC1C,MAAM,EAAE,OAAO,kBAAkB,SAAS,KAAK;CAE/C,OAAO,kBAAkB,QAAQ,UAAU,QAAQ,gBAAgB;AACrE;;AAGA,SAAgB,MAAM,OAAoB;CACxC,MAAM,EAAE,OAAO,kBAAkB,SAAS,KAAK;CAE/C,OAAO,kBAAkB,QAAQ,UAAU,QAAQ,iBAAiB;AACtE;;AAGA,SAAgB,WAAW,UAAuB,UAAuB;CACvE,MAAM,SAAS,QAAQ,QAAQ;CAC/B,MAAM,OAAO,MAAM,QAAQ;CAE3B,OAAO,UAAU;AACnB"}
+{"version":3,"file":"media.js","names":["th"],"sources":["../../src/core/media.tsx"],"sourcesContent":["import { useViewportWidth } from '@xstyled/styled-components'\nimport type { FC } from 'react'\nimport type { StyledProps } from 'styled-components'\n\nimport type { Screen } from '../theme'\nimport type { AnyNumber, AnyString } from '../utils'\nimport { th, useTheme } from './theme'\nimport type { ChildrenProp } from './types'\n\ntype ScreenWidth = Screen | AnyNumber | AnyString\n\nexport type RenderOnScreenProps = {\n  /** Breakpoint to compare viewport width against. */\n  maxWidth?: Screen\n  /** Breakpoint to compare viewport width against. */\n  minWidth?: Screen\n}\n\n/** Returns CSS media string with appropriate min-width and max-width values. */\nexport const mediaBetween = (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) =>\n  `@media (min-width: ${th.screen(minWidth)(props)}) and (max-width: ${th.screen(maxWidth)(props)})`\n\n/** Returns CSS media string with appropriate max-width value */\nexport const mediaDown = (width: ScreenWidth) => (props: StyledProps<unknown>) => {\n  return `@media (max-width: ${th.screen(width)(props)})`\n}\n\n/** Returns CSS media string with appropriate min-width value. */\nexport const mediaUp = (width: ScreenWidth) => (props: StyledProps<unknown>) =>\n  `@media (min-width: ${th.screen(width)(props)})`\n\n/**\n * Renders its content when viewport width is at or above a provided breakpoint.\n * Optionally, direction can be set to down, or below, the breakpoint.\n */\nexport const RenderOnScreen: FC<RenderOnScreenProps & ChildrenProp> = ({ children, maxWidth, minWidth }) => {\n  if (minWidth && maxWidth) {\n    return (\n      <RenderBetween maxWidth={maxWidth} minWidth={minWidth}>\n        {children}\n      </RenderBetween>\n    )\n  }\n  if (minWidth) {\n    return <RenderOver width={minWidth}>{children}</RenderOver>\n  }\n  if (maxWidth) {\n    return <RenderUnder width={maxWidth}>{children}</RenderUnder>\n  }\n  return <>{children}</>\n}\nconst RenderBetween: FC<{ maxWidth: Screen; minWidth: Screen } & ChildrenProp> = ({ children, maxWidth, minWidth }) => {\n  const isBetween = useBetween(minWidth, maxWidth)\n  return isBetween ? <>{children}</> : null\n}\nconst RenderOver: FC<{ width: Screen } & ChildrenProp> = ({ children, width }) => {\n  const isOver = useUp(width)\n  return isOver ? <>{children}</> : null\n}\nconst RenderUnder: FC<{ width: Screen } & ChildrenProp> = ({ children, width }) => {\n  const isUnder = useDown(width)\n  return isUnder ? <>{children}</> : null\n}\n\n/** /!\\ No need to export it, keep it internal */\n/** Returns viewport width and provided screen width as a number. */\nfunction useMedia(width: ScreenWidth) {\n  const theme = useTheme()\n  const viewportWidth = useViewportWidth()\n  const valueString = th.screen(width)({ theme }) as string\n  const value = Number(valueString.replace('px', ''))\n\n  return { value, viewportWidth }\n}\n\n/** Returns true if current viewport width is smaller than provided width. */\nexport function useDown(width: ScreenWidth) {\n  const { value, viewportWidth } = useMedia(width)\n\n  return viewportWidth !== null && value !== null && viewportWidth < value\n}\n\n/** Returns true if current viewport width is larger than or equal to provided width. */\nexport function useUp(width: ScreenWidth) {\n  const { value, viewportWidth } = useMedia(width)\n\n  return viewportWidth !== null && value !== null && viewportWidth >= value\n}\n\n/** Returns true if current viewport width is between provided min and max widths. */\nexport function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth) {\n  const isDown = useDown(maxWidth)\n  const isUp = useUp(minWidth)\n\n  return isDown && isUp\n}\n\n/** Return the width of the viewport. */\nexport { useViewportWidth }\n"],"mappings":";;;;;;AAmBA,MAAa,gBAAgB,UAAuB,cAA2B,UAC7E,sBAAsBA,KAAG,OAAO,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoBA,KAAG,OAAO,QAAQ,CAAC,CAAC,KAAK,EAAE;;AAGlG,MAAa,aAAa,WAAwB,UAAgC;CAChF,OAAO,sBAAsBA,KAAG,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE;AACvD;;AAGA,MAAa,WAAW,WAAwB,UAC9C,sBAAsBA,KAAG,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE;;;;;AAMhD,MAAa,kBAA0D,EAAE,UAAU,UAAU,eAAe;CAC1G,IAAI,YAAY,UACd,OACE,oBAAC,eAAD;EAAyB;EAAoB;EAC1C;CACY;CAGnB,IAAI,UACF,OAAO,oBAAC,YAAD;EAAY,OAAO;EAAW;CAAqB;CAE5D,IAAI,UACF,OAAO,oBAAC,aAAD;EAAa,OAAO;EAAW;CAAsB;CAE9D,OAAO,gCAAG,SAAW;AACvB;AACA,MAAM,iBAA4E,EAAE,UAAU,UAAU,eAAe;CAErH,OADkB,WAAW,UAAU,QACxB,IAAI,gCAAG,SAAW,KAAI;AACvC;AACA,MAAM,cAAoD,EAAE,UAAU,YAAY;CAEhF,OADe,MAAM,KACT,IAAI,gCAAG,SAAW,KAAI;AACpC;AACA,MAAM,eAAqD,EAAE,UAAU,YAAY;CAEjF,OADgB,QAAQ,KACX,IAAI,gCAAG,SAAW,KAAI;AACrC;;;AAIA,SAAS,SAAS,OAAoB;CACpC,MAAM,QAAQ,SAAS;CACvB,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,cAAcA,KAAG,OAAO,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC;CAG9C,OAAO;EAAE,OAFK,OAAO,YAAY,QAAQ,MAAM,EAAE,CAEpC;EAAG;CAAc;AAChC;;AAGA,SAAgB,QAAQ,OAAoB;CAC1C,MAAM,EAAE,OAAO,kBAAkB,SAAS,KAAK;CAE/C,OAAO,kBAAkB,QAAQ,UAAU,QAAQ,gBAAgB;AACrE;;AAGA,SAAgB,MAAM,OAAoB;CACxC,MAAM,EAAE,OAAO,kBAAkB,SAAS,KAAK;CAE/C,OAAO,kBAAkB,QAAQ,UAAU,QAAQ,iBAAiB;AACtE;;AAGA,SAAgB,WAAW,UAAuB,UAAuB;CACvE,MAAM,SAAS,QAAQ,QAAQ;CAC/B,MAAM,OAAO,MAAM,QAAQ;CAE3B,OAAO,UAAU;AACnB"}

package/dist/core/styled.js

@@ -58,5 +58,5 @@ const styled = createStyled(system);
 
 //#endregion
 export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled as default, v };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=styled.js.map

package/dist/core/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["scCreateGlobalStyle","scCss","createGlobalStyle","css"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":";;;;;;;;AA6BA,SAAS,iBAAiB,KAAkB,WAA4B;CACtE,MAAM,SAAS,YAAY,kBAAkB,SAAS,IAAI,CAAC;CAE3D,SAAS,cAA8C;EAGrD,OAAO,eAFY,SAAS,SAAS,SAAS,EAAE,WAAW,MAAM,IAAI,SAAS,SAAS,GAErD,KAAK,SAAS;CAClD;AACF;;AAGA,SAAS,0BAA6C;CACpD,MAAM,MAAM,kBAAkB;CAC9B,SAAS,GAAG,SACVA,kBAAoB,CAElB,IAAI,GAAG,IAAI,CACb,CAAC;AACL;;AAGA,SAAS,oBAAoB;CAC3B,SAAS,GAAG,SAAkC;EAG5C,OADsB,eADJC,IAAM,GAAG,IACkB,CAC1B,EAAE,IAAI,SAAS;CACpC;AACF;;;;;AAMA,SAAS,aAAa,WAAoC;CACxD,MAAM,MAAM,kBAAkB;CAC9B,MAAM,SAAS,iBAAiB,GAAG;CACnC,MAAM,UAAU,iBAAiB,KAAK,SAAS;CAE/C,OAAO,KAAK,QAAQ,EAAE,SAAQ,QAAO;EAEnC,OAAO,OAAO,OAAO,GAAG;EAExB,OAAO,GAAG,IAAI,QAAQ,QAAQ,GAAG;CACnC,CAAC;CAED,OAAO;AACT;;AAGA,SAAS,kBAAkB,WAA2B;CACpD,OAAO,EACL,oBAAoB,MAAW,uBAA+C;EAC5E,IAAI,OAAO,SAAS,YAAY,UAAU,KAAK,MAAM,SAAS,IAAI,GAAG,OAAO;EAC5E,OAAO,mBAAmB,IAAI;CAChC,EACF;AACF;;AAGA,SAAS,eAAe,iBAAiD,KAAkB,WAA4B;CACrH,MAAM,eAAe,GAAG,SAAiC,eAAe,GAAG,IAAI,GAAG,IAAI,IAAI;CAE1F,YAAY,SAAS,UACnB,eAAe,gBAAgB,MAAM,KAAK,GAAG,KAAK,SAAS;CAE7D,YAAY,cAAc,WACxB,eAAe,gBAAgB,WAAW,MAAM,GAAG,KAAK,SAAS;CAEnE,OAAO;AACT;AAEA,MAAaC,sBAAoB,wBAAwB;AAEzD,MAAaC,QAAM,kBAAkB;AAErC,MAAa,IAAI,QAAqB,MAAM;AAE5C,MAAa,SAAS,aAAa,MAAM"}
+{"version":3,"file":"styled.js","names":["scCreateGlobalStyle","scCss","createGlobalStyle","css"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":";;;;;;;;AA6BA,SAAS,iBAAiB,KAAkB,WAA4B;CACtE,MAAM,SAAS,YAAY,kBAAkB,SAAS,IAAI,CAAC;CAE3D,SAAS,cAA8C;EAGrD,OAAO,eAFY,SAAS,SAAS,SAAS,CAAC,CAAC,WAAW,MAAM,IAAI,SAAS,SAAS,GAErD,KAAK,SAAS;CAClD;AACF;;AAGA,SAAS,0BAA6C;CACpD,MAAM,MAAM,kBAAkB;CAC9B,SAAS,GAAG,SACVA,kBAAoB,CAElB,IAAI,GAAG,IAAI,CACb,CAAC;AACL;;AAGA,SAAS,oBAAoB;CAC3B,SAAS,GAAG,SAAkC;EAG5C,OADsB,eADJC,IAAM,GAAG,IACkB,CAC1B,CAAC,CAAC,IAAI,SAAS;CACpC;AACF;;;;;AAMA,SAAS,aAAa,WAAoC;CACxD,MAAM,MAAM,kBAAkB;CAC9B,MAAM,SAAS,iBAAiB,GAAG;CACnC,MAAM,UAAU,iBAAiB,KAAK,SAAS;CAE/C,OAAO,KAAK,QAAQ,CAAC,CAAC,SAAQ,QAAO;EAEnC,OAAO,OAAO,OAAO,GAAG;EAExB,OAAO,GAAG,IAAI,QAAQ,QAAQ,GAAG;CACnC,CAAC;CAED,OAAO;AACT;;AAGA,SAAS,kBAAkB,WAA2B;CACpD,OAAO,EACL,oBAAoB,MAAW,uBAA+C;EAC5E,IAAI,OAAO,SAAS,YAAY,UAAU,KAAK,MAAM,SAAS,IAAI,GAAG,OAAO;EAC5E,OAAO,mBAAmB,IAAI;CAChC,EACF;AACF;;AAGA,SAAS,eAAe,iBAAiD,KAAkB,WAA4B;CACrH,MAAM,eAAe,GAAG,SAAiC,eAAe,GAAG,IAAI,GAAG,IAAI,IAAI;CAE1F,YAAY,SAAS,UACnB,eAAe,gBAAgB,MAAM,KAAK,GAAG,KAAK,SAAS;CAE7D,YAAY,cAAc,WACxB,eAAe,gBAAgB,WAAW,MAAM,GAAG,KAAK,SAAS;CAEnE,OAAO;AACT;AAEA,MAAaC,sBAAoB,wBAAwB;AAEzD,MAAaC,QAAM,kBAAkB;AAErC,MAAa,IAAI,QAAqB,MAAM;AAE5C,MAAa,SAAS,aAAa,MAAM"}

package/dist/core/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"mappings":";;;;;;KASK,cAAA,wBAAsC,QAAA,IAAY,WAAA,OAAkB,QAAA,CAAS,QAAA,IAAY,SAAA,GAAY,SAAA;;KAG9F,QAAA;EAAA,CACT,IAAA,UAAc,YAAA,UAAsB,KAAA,EAAO,MAAA;EAC5C,SAAA,EAAW,cAAA;EACX,OAAA,EAAS,cAAA;EACT,KAAA,EAAO,cAAA;EACP,QAAA,EAAU,cAAA;EACV,IAAA,EAAM,cAAA;EACN,QAAA,EAAU,cAAA;EACV,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;EACR,SAAA,EAAW,cAAA;EACX,MAAA,EAAQ,cAAA,aAdwD;EAgBhE,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;EACN,KAAA,EAAO,cAAA;EACP,SAAA,EAAW,cAAA;EACX,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;AAAA;AArByG;AAAA,iBA6BnG,gBAAA,WAA2B,YAAA,CAAA,CAAc,KAAA,EAAO,CAAA,GAAC,IAAA,CAAA,CAAA;;cAO3D,IAAA,EAAuB,QAAQ;;;;;;iBAYrB,cAAA,CAAe,SAAA,QAAiB,QAAA,gBAAwB,KAAA,SAAe,IAAA;;iBA6BvE,KAAA,CAAM,IAAA,QAAY,QAAA,GAAW,SAAS,EAAE,YAAA;;iBAMxC,QAAA,CAAA,GAAY,QAAQ"}
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"mappings":";;;;;;KASK,cAAA,wBAAsC,QAAA,IAAY,WAAA,OAAkB,QAAA,CAAS,QAAA,IAAY,SAAA,GAAY,SAAA;;KAG9F,QAAA;EAAA,CACT,IAAA,UAAc,YAAA,UAAsB,KAAA,EAAO,MAAA;EAC5C,SAAA,EAAW,cAAA;EACX,OAAA,EAAS,cAAA;EACT,KAAA,EAAO,cAAA;EACP,QAAA,EAAU,cAAA;EACV,IAAA,EAAM,cAAA;EACN,QAAA,EAAU,cAAA;EACV,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;EACR,SAAA,EAAW,cAAA;EACX,MAAA,EAAQ,cAAA,aAdwD;EAgBhE,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;EACN,KAAA,EAAO,cAAA;EACP,SAAA,EAAW,cAAA;EACX,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;AAAA;AArByG;AAAA,iBA6BnG,gBAAA,WAA2B,YAAA,EAAc,KAAA,EAAO,CAAA,GAAC,IAAA,CAAA,CAAA;;cAO3D,IAAA,EAAuB,QAAQ;;;;;;iBAYrB,cAAA,CAAe,SAAA,QAAiB,QAAA,gBAAwB,KAAA,SAAe,IAAA;;iBA6BvE,KAAA,CAAM,IAAA,QAAY,QAAA,GAAW,SAAS,EAAE,YAAA;;iBAMxC,QAAA,IAAY,QAAQ"}

package/dist/core/theme.js

@@ -60,5 +60,5 @@ function useTheme$1() {
 
 //#endregion
 export { omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["th","xth","useTheme","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, themeGetter, th as xth } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme } from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  /** @deprecated Use box-shadow instead */\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n// extendTheme moved to ../theme/extendTheme.ts to avoid circular dependency\nexport { extendTheme } from '../theme/extendTheme'\nexport { th }\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAsCA,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,SAAS,GAAG,SAAS;CAEnC,OAAO;AACT;;AAGA,MAAMA,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;AACX,CAAC;;;;;;AAOD,SAAgB,eAAe,WAAyC,QAAa,CAAC,GAAG;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,CAAC,GAAG,OAAO,aADtCC,WACwD,GAAG,WAAW,cAAuB,CAAC;CAC5G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;CAC3C;CACA,MAAM,EAAE,aAAa,MAAM,YAAY;CAEvC,OAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,WAAW,KAAK,CAAC;EACvD,MAAM,aAAa,QAAQ,QAAQ,OAAO,WAAW,KAAK,CAAC;EAC3D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,WAAW,KAAK,CAAC;EAEpE,IAAI,SAAe,CAAC;EAEpB,IAAI,MAAM,SAAS,GACjB,MAAM,SAAS,SAAiB;GAC9B,OAAO,QAAQ,MAAM,WAAW,SAAS,CAAC,GAAG,WAAW,SAAS,CAAC,GAAG,cAAc,SAAS,CAAC,CAAC;EAChG,CAAC;OACE,SAAS,MAAM,YAAY,YAAY,aAAa;EAEzD,OAAO;CACT,GAAG;EAAC;EAAa;EAAM;CAAO,CAAC;AACjC;;AAGA,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQA,WAAS;CACvB,OAAOF,KAAG,MAAM,YAAY,EAAE,EAAE,MAAM,CAAC;AACzC;;AAGA,SAAgBE,aAAqB;CAEnC,OAAOC,SAAe;AACxB"}
+{"version":3,"file":"theme.js","names":["th","xth","useTheme","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, themeGetter, th as xth } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme } from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  /** @deprecated Use box-shadow instead */\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n// extendTheme moved to ../theme/extendTheme.ts to avoid circular dependency\nexport { extendTheme } from '../theme/extendTheme'\nexport { th }\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAsCA,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,SAAS,GAAG,SAAS;CAEnC,OAAO;AACT;;AAGA,MAAMA,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;AACX,CAAC;;;;;;AAOD,SAAgB,eAAe,WAAyC,QAAa,CAAC,GAAG;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,CAAC,GAAG,OAAO,aADtCC,WACwD,CAAC,EAAE,WAAW,cAAuB,CAAC;CAC5G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;CAC3C;CACA,MAAM,EAAE,aAAa,MAAM,YAAY;CAEvC,OAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,WAAW,KAAK,CAAC;EACvD,MAAM,aAAa,QAAQ,QAAQ,OAAO,WAAW,KAAK,CAAC;EAC3D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,WAAW,KAAK,CAAC;EAEpE,IAAI,SAAe,CAAC;EAEpB,IAAI,MAAM,SAAS,GACjB,MAAM,SAAS,SAAiB;GAC9B,OAAO,QAAQ,MAAM,WAAW,SAAS,CAAC,GAAG,WAAW,SAAS,CAAC,GAAG,cAAc,SAAS,CAAC,CAAC;EAChG,CAAC;OACE,SAAS,MAAM,YAAY,YAAY,aAAa;EAEzD,OAAO;CACT,GAAG;EAAC;EAAa;EAAM;CAAO,CAAC;AACjC;;AAGA,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQA,WAAS;CACvB,OAAOF,KAAG,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;AACzC;;AAGA,SAAgBE,aAAqB;CAEnC,OAAOC,SAAe;AACxB"}

package/dist/core/vui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"mappings":";;;;;;;AAUA;iBAAgB,GAAA,WAAc,KAAA,CAAM,WAAA,iBAAA,CAClC,SAAA,EAAW,KAAA,CAAM,wBAAA,MAA8B,OAAA,CAAQ,CAAA,EAAG,KAAA,IAC1D,MAAA,GAAS,kBAAA,CAAmB,CAAA,EAAG,KAAA,IAAM,YAAA,CAAA,CAAA,EAAA,KAAA;;KAe3B,YAAA,WAAuB,WAAA;EAAA,aAEpB,WAAA,EACX,KAAA,EAAO,iBAAA,CAAkB,UAAA,CAAW,GAAA,EAAK,KAAA;IACvC,EAAA,EAAI,GAAA;EAAA,IAEL,YAAA;EAAA,CAEF,KAAA,EAAO,UAAA,CAAW,CAAA,EAAG,KAAA,IAAS,YAAA;EAE/B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;EACA,KAAA;AAAA;;KAIU,kBAAA,WAA6B,WAAA;EACvC,MAAA;EACA,WAAA,IACE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA,MACjE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA;AAAA;;;;;KAQzD,EAAA,WAAa,WAAA;EAAA,CACtB,KAAA,EAAO,OAAA,CAAQ,CAAA,EAAG,KAAA,IAAS,YAAA;EAE5B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;AAAA"}
+{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"mappings":";;;;;;;AAUA;iBAAgB,GAAA,WAAc,KAAA,CAAM,WAAA,kBAClC,SAAA,EAAW,KAAA,CAAM,wBAAA,MAA8B,OAAA,CAAQ,CAAA,EAAG,KAAA,IAC1D,MAAA,GAAS,kBAAA,CAAmB,CAAA,EAAG,KAAA,IAAM,YAAA,CAAA,CAAA,EAAA,KAAA;;KAe3B,YAAA,WAAuB,WAAA;EAAA,aAEpB,WAAA,EACX,KAAA,EAAO,iBAAA,CAAkB,UAAA,CAAW,GAAA,EAAK,KAAA;IACvC,EAAA,EAAI,GAAA;EAAA,IAEL,YAAA;EAAA,CAEF,KAAA,EAAO,UAAA,CAAW,CAAA,EAAG,KAAA,IAAS,YAAA;EAE/B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;EACA,KAAA;AAAA;;KAIU,kBAAA,WAA6B,WAAA;EACvC,MAAA;EACA,WAAA,IACE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA,MACjE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA;AAAA;;;;;KAQzD,EAAA,WAAa,WAAA;EAAA,CACtB,KAAA,EAAO,OAAA,CAAQ,CAAA,EAAG,KAAA,IAAS,YAAA;EAE5B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;AAAA"}

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=vui.js.map

package/dist/core/vuiProvider/animations.js

@@ -84,5 +84,5 @@ const spin = `
 
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/consts.js

@@ -653,5 +653,5 @@ ${vuiGradientTokens}
 
 //#endregion
 export { noScrollClass, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/vuiProvider/context.js

@@ -5,5 +5,5 @@ const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
 
 //#endregion
 export { VuiContextProvider, useVuiContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/core/vuiProvider/fontFaces.js

@@ -162,5 +162,5 @@ var fontFaces_default = `
 
 //#endregion
 export { fontFaces_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=fontFaces.js.map

package/dist/core/vuiProvider/globalStyle.js

@@ -131,5 +131,5 @@ function generateCSSVariables() {
 
 //#endregion
 export { globalStyle_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=globalStyle.js.map

package/dist/core/vuiProvider/globalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.js","names":["fontFaces","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass, vuiNextAllTokens } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n  globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  ${generateCSSVariables}\n  --vui-colors-focusColor: #00a1db;\n  ${vuiNextAllTokens}\n}\n\n* {\n  --x-ring-color: var(--vui-colors-focusColor);\n  // Fixes a box-shadow issue between some parent and child components\n  --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n  --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible,\n.vui-force-focus {\n  --x-ring-color: var(--vui-colors-focusColor);\n  outline: var(--vui-colors-focusColor) solid 3px;\n  z-index: 1;\n}\n\nbody.${noScrollClass} {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n}\n\n${p =>\n  p.globalStyle &&\n  css`\n    body {\n      color: sandstone.10;\n      font-family: Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;\n      font-size: md;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      color: darkBlue.18;\n    }\n  `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n  function computeStyle(name: string, value: any): string {\n    if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n    return Object.entries(value).reduce((str, [key, value]) => {\n      // eslint-disable-next-line no-useless-assignment\n      return (str += computeStyle(`${name}-${key}`, value))\n    }, '')\n  }\n\n  const { animations, transformers, ...styles } = foundations\n\n  return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;IAErB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,SAAS,GAAG,EAAE;;;;EAId,QAAQ;;;;;EAKR,UAAU,EAAE,EAAE;;;;EAId,UAAU,GAAG,EAAE;;;;EAIf,OAAO,EAAE,EAAE;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;EACtD,IAAI,CAAC,SAAS,KAAK,GAAG,OAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;EAE1F,OAAO,OAAO,QAAQ,KAAK,EAAE,QAAQ,KAAK,CAAC,KAAK,WAAW;GAEzD,OAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,KAAK;EACrD,GAAG,EAAE;CACP;CAEA,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;CAEhD,OAAO,aAAa,SAAS,MAAM;AACrC"}
+{"version":3,"file":"globalStyle.js","names":["fontFaces","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass, vuiNextAllTokens } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n  globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  ${generateCSSVariables}\n  --vui-colors-focusColor: #00a1db;\n  ${vuiNextAllTokens}\n}\n\n* {\n  --x-ring-color: var(--vui-colors-focusColor);\n  // Fixes a box-shadow issue between some parent and child components\n  --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n  --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible,\n.vui-force-focus {\n  --x-ring-color: var(--vui-colors-focusColor);\n  outline: var(--vui-colors-focusColor) solid 3px;\n  z-index: 1;\n}\n\nbody.${noScrollClass} {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n}\n\n${p =>\n  p.globalStyle &&\n  css`\n    body {\n      color: sandstone.10;\n      font-family: Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;\n      font-size: md;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      color: darkBlue.18;\n    }\n  `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n  function computeStyle(name: string, value: any): string {\n    if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n    return Object.entries(value).reduce((str, [key, value]) => {\n      // eslint-disable-next-line no-useless-assignment\n      return (str += computeStyle(`${name}-${key}`, value))\n    }, '')\n  }\n\n  const { animations, transformers, ...styles } = foundations\n\n  return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;IAErB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,SAAS,GAAG,EAAE;;;;EAId,QAAQ;;;;;EAKR,UAAU,EAAE,EAAE;;;;EAId,UAAU,GAAG,EAAE;;;;EAIf,OAAO,EAAE,EAAE;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;EACtD,IAAI,CAAC,SAAS,KAAK,GAAG,OAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;EAE1F,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;GAEzD,OAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,KAAK;EACrD,GAAG,EAAE;CACP;CAEA,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;CAEhD,OAAO,aAAa,SAAS,MAAM;AACrC"}

package/dist/core/vuiProvider/notifyOffline.js

@@ -20,5 +20,5 @@ var notifyOffline_default = memo(NotifyOffline);
 
 //#endregion
 export { notifyOffline_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=notifyOffline.js.map

package/dist/core/vuiProvider/reducers.js

@@ -10,5 +10,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=reducers.js.map

package/dist/core/vuiProvider/resetCSS.js

@@ -177,5 +177,5 @@ var resetCSS_default = createGlobalStyle`
 
 //#endregion
 export { resetCSS_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=resetCSS.js.map

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -20,5 +20,5 @@ const useBodyScrollLock = () => {
 
 //#endregion
 export { useBodyScrollLock };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useBodyScrollLock.js.map

package/dist/core/vuiProvider/useOfflineMode.js

@@ -18,5 +18,5 @@ const useOfflineMode = () => {
 
 //#endregion
 export { useOfflineMode };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useOfflineMode.js.map

package/dist/core/vuiProvider/vuiProvider.js

@@ -45,5 +45,5 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 
 //#endregion
 export { VuiProvider as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=vuiProvider.js.map

package/dist/datePicker/dateInput.js

@@ -68,5 +68,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...re
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dateInput.js.map

package/dist/datePicker/datePicker.js

@@ -165,5 +165,5 @@ DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport type { DatePickerProps } from './datePicker.types'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime || date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n\n    if (date) {\n      const conditions: [boolean, string][] = [\n        [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n        [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n        [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n        [!!boundaries?.startDate && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), 'Invalid date'],\n      ]\n      const [validateErrorPair] = conditions.filter(([result]) => result)\n\n      if (validateErrorPair) {\n        const [_, message] = validateErrorPair\n        setIsInvalidInputDate(true)\n        return message\n      }\n    }\n    return ''\n  }\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\n          <Box mx={2} my={1}>\n            <Calendar\n              boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n              fixedNumberOfWeeks\n              fontWeight={500}\n              minH={200}\n              mode=\"exact\"\n              onSelectDates={range => selectDate(range)}\n              selectedDates={{ startDate: selectedDate, endDate: undefined }}\n              w=\"100%\"\n            />\n          </Box>\n          <Box overflow=\"unset\">\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} size=\"md\">\n                  Clear\n                </LineButton>\n              )}\n              <Button\n                disabled={isInvalidSelectedDate || isInvalidInputDate}\n                flex={1}\n                ml={isClearButtonVisible ? 1 : 0}\n                onClick={() => onApplyDates(selectedDate)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport type { DatePickerProps } from './datePicker.types'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime || date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n\n    if (date) {\n      const conditions: [boolean, string][] = [\n        [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n        [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n        [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n        [!!boundaries?.startDate && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), 'Invalid date'],\n      ]\n      const [validateErrorPair] = conditions.filter(([result]) => result)\n\n      if (validateErrorPair) {\n        const [_, message] = validateErrorPair\n        setIsInvalidInputDate(true)\n        return message\n      }\n    }\n    return ''\n  }\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\n          <Box mx={2} my={1}>\n            <Calendar\n              boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n              fixedNumberOfWeeks\n              fontWeight={500}\n              minH={200}\n              mode=\"exact\"\n              onSelectDates={range => selectDate(range)}\n              selectedDates={{ startDate: selectedDate, endDate: undefined }}\n              w=\"100%\"\n            />\n          </Box>\n          <Box overflow=\"unset\">\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} size=\"md\">\n                  Clear\n                </LineButton>\n              )}\n              <Button\n                disabled={isInvalidSelectedDate || isInvalidInputDate}\n                flex={1}\n                ml={isClearButtonVisible ? 1 : 0}\n                onClick={() => onApplyDates(selectedDate)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}

package/dist/datePicker/theme.js

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

package/dist/definition/definition.js

@@ -90,5 +90,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { DefinitionHorizontalBase, DefinitionVerticalBase, Definition as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=definition.js.map

package/dist/definition/definitionContent.js

@@ -83,5 +83,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/theme.js

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

package/dist/dialog/consts.js

@@ -33,5 +33,5 @@ const modalClass = "vui-modal";
 
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.js

@@ -5,5 +5,5 @@ const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/dialog/dialog.js

@@ -127,5 +127,5 @@ Dialog.displayName = "Dialog";
 
 //#endregion
 export { DialogBase, Dialog as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogCloseButtonProps, DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\n\n/** @deprecated Use `Dialog.DismissButton` instead. Will be removed in VUI 6. */\nconst DeprecatedDialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[VUI] `Dialog.CloseButton` is deprecated. Use `Dialog.DismissButton` instead. Will be removed in VUI 6.',\n      )\n    }\n  }, [])\n  return <DialogCloseButton ref={ref} {...props} />\n})\nDeprecatedDialogCloseButton.displayName = 'DialogCloseButton'\n\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  /** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\n  CloseButton: typeof DialogCloseButton\n  DismissButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\n/** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\nDialog.CloseButton = DeprecatedDialogCloseButton\nDialog.DismissButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,8BAA8B,KAAuC,OAAO,QAAQ;CACxF,gBAAgB;EAEZ,QAAQ,KACN,yGACF;CAEJ,GAAG,CAAC,CAAC;CACL,OAAO,oBAAC,mBAAD;EAAwB;EAAK,GAAI;CAAQ;AAClD,CAAC;AACD,4BAA4B,cAAc;AAQ1C,MAAa,aAAa,OAAO,MAAM;;;;;;;;;;;;;;;AAgBvC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,MAAM,UACN,cACA,UACA,WACA,aACA,sBACA,QACA,QACA,MACA,IACA,QACA,YAAY,gBACZ,YAAY,UACZ,SACA,MACA,QACA,cACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAG7C,MAAM,CAAC,UAAU,QAAQ,WAAW,OADtB,OAAO,MAAM,OAAO,EAAE,SAAS,CACE,EAAE,SAAS;EAAC;EAAU;EAAe;CAAc,CAAC;CAEnG,MAAM,OAAO,YAAY,QAAQ,IAAI,EAAE,UAAU,SAAS,IAAI;CAC9D,MAAM,aAAa,QAAQ,UAAU,eAAe,QAAQ,KAAK;CACjE,MAAM,aAAa,QAAQ,UAAU,gBAAgB,YAAY;CAEjE,MAAM,YAAY;EAChB,oBAAoB;EACpB,mBAAmB;CACrB;CAEA,MAAM,aAAa;EACjB,WAAW,eAAe;EAC1B,cAAc;GACZ,YAAY,cAAc,WAAW,WAAW;GAChD,gBAAgB,oBAAoB;GACpC,GAAG,gBAAgB;EACrB;EACA,GAAG;CACL;CAIA,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAHP;GAAQ;GAAM;GAAQ;GAAS;GAAM;GAAQ;GAAS;EAGzC;YAC3B,oBAAC,OAAD;GAAa;GAAQ;GAAiB,GAAG;GAAY;aACnD,oBAAC,YAAD;IACE,WAAW,GAAG,cAAc,SAAS;IACrC,IAAI;IACJ,MAAM,cAAc,WAAW,uBAAuB;IACjD;IACL,MAAK;IACL,GAAI;IACJ,GAAI,OAAO;IACX,GAAI;cAEH,YACC;KACG,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAa;MAAM;MAAS,GAAI;KAAS;KAEpG,MAAM,IAAI,IAAI,OAAO,QAAQ,oBAAC,YAAD,EAAY,GAAI,KAAO;KAEpD,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAc;MAAgB,GAAI;KAAS;IACvG;GAEM;EACP;CACO;AAEpB,CAAC;AAaD,OAAO,OAAO;AACd,OAAO,eAAe;;AAEtB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,OAAO;AACd,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,cAAc"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogCloseButtonProps, DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\n\n/** @deprecated Use `Dialog.DismissButton` instead. Will be removed in VUI 6. */\nconst DeprecatedDialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[VUI] `Dialog.CloseButton` is deprecated. Use `Dialog.DismissButton` instead. Will be removed in VUI 6.',\n      )\n    }\n  }, [])\n  return <DialogCloseButton ref={ref} {...props} />\n})\nDeprecatedDialogCloseButton.displayName = 'DialogCloseButton'\n\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  /** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\n  CloseButton: typeof DialogCloseButton\n  DismissButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\n/** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\nDialog.CloseButton = DeprecatedDialogCloseButton\nDialog.DismissButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,8BAA8B,KAAuC,OAAO,QAAQ;CACxF,gBAAgB;EAEZ,QAAQ,KACN,yGACF;CAEJ,GAAG,CAAC,CAAC;CACL,OAAO,oBAAC,mBAAD;EAAwB;EAAK,GAAI;CAAQ;AAClD,CAAC;AACD,4BAA4B,cAAc;AAQ1C,MAAa,aAAa,OAAO,MAAM;;;;;;;;;;;;;;;AAgBvC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,MAAM,UACN,cACA,UACA,WACA,aACA,sBACA,QACA,QACA,MACA,IACA,QACA,YAAY,gBACZ,YAAY,UACZ,SACA,MACA,QACA,cACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAG7C,MAAM,CAAC,UAAU,QAAQ,WAAW,OADtB,OAAO,MAAM,OAAO,CAAC,CAAC,SAAS,CACE,CAAC,CAAC,SAAS;EAAC;EAAU;EAAe;CAAc,CAAC;CAEnG,MAAM,OAAO,YAAY,QAAQ,IAAI,EAAE,UAAU,SAAS,IAAI;CAC9D,MAAM,aAAa,QAAQ,UAAU,eAAe,QAAQ,KAAK;CACjE,MAAM,aAAa,QAAQ,UAAU,gBAAgB,YAAY;CAEjE,MAAM,YAAY;EAChB,oBAAoB;EACpB,mBAAmB;CACrB;CAEA,MAAM,aAAa;EACjB,WAAW,eAAe;EAC1B,cAAc;GACZ,YAAY,cAAc,WAAW,WAAW;GAChD,gBAAgB,oBAAoB;GACpC,GAAG,gBAAgB;EACrB;EACA,GAAG;CACL;CAIA,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAHP;GAAQ;GAAM;GAAQ;GAAS;GAAM;GAAQ;GAAS;EAGzC;YAC3B,oBAAC,OAAD;GAAa;GAAQ;GAAiB,GAAG;GAAY;aACnD,oBAAC,YAAD;IACE,WAAW,GAAG,cAAc,SAAS;IACrC,IAAI;IACJ,MAAM,cAAc,WAAW,uBAAuB;IACjD;IACL,MAAK;IACL,GAAI;IACJ,GAAI,OAAO;IACX,GAAI;cAEH,YACC;KACG,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAa;MAAM;MAAS,GAAI;KAAS;KAEpG,MAAM,IAAI,IAAI,OAAO,QAAQ,oBAAC,YAAD,EAAY,GAAI,KAAO;KAEpD,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAc;MAAgB,GAAI;KAAS;IACvG;GAEM;EACP;CACO;AAEpB,CAAC;AAaD,OAAO,OAAO;AACd,OAAO,eAAe;;AAEtB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,OAAO;AACd,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,cAAc"}

package/dist/dialog/dialog.types.d.ts

@@ -2,8 +2,8 @@ import { PropsOf } from "../utils/types.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
 import { IconProp, IconProps } from "../icon/icon.types.js";
-import { ButtonProps, IconButtonProps } from "../button/button.types.js";
 import { BoxProps } from "../box/box.types.js";
+import { ButtonProps, IconButtonProps } from "../button/button.types.js";
 import { HeadingProps } from "../heading/heading.types.js";
 import { ModalProps } from "../modal/modal.types.js";
 import { JSX } from "react";

package/dist/dialog/dialogBody.js

@@ -51,5 +51,5 @@ DialogBody.displayName = "DialogBody";
 
 //#endregion
 export { DialogBody as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogCancelButton.js

@@ -23,5 +23,5 @@ DialogCancelButton.displayName = "DialogCancelButton";
 
 //#endregion
 export { DialogCancelButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCloseButton.js

@@ -32,5 +32,5 @@ DialogCloseButton.displayName = "DialogCloseButton";
 
 //#endregion
 export { DialogCloseButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import { DismissButton } from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\n\nconst StyledDismissButton = styled(DismissButton)<{ $dismissFg?: string }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n`\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCloseButtonProps } from './dialog.types'\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <StyledDismissButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      $dismissFg={styles.closeButton?.['--vui-dismiss-fg']}\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":";;;;;;;;;AAGA,MAAM,sBAAsB,OAAO,aAAa,CAA0B;KACrE,EAAE,iBAAiB,cAAc,qBAAqB,WAAW,GAAG;;;AAOzE,MAAa,oBAAoB,KAAuC,OAAO,QAAQ;CACrF,MAAM,EAAE,WAAW,OAAO,MAAM,GAAG,SAAS;CAC5C,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,qBAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,SAAS;EACT,UAAS;EACJ;EACL,OAAO;EACD;EACN,KAAK;EACL,YAAY,OAAO,cAAc;EACjC,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import { DismissButton } from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\n\nconst StyledDismissButton = styled(DismissButton)<{ $dismissFg?: string }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n`\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCloseButtonProps } from './dialog.types'\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <StyledDismissButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      $dismissFg={styles.closeButton?.['--vui-dismiss-fg']}\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":";;;;;;;;;AAGA,MAAM,sBAAsB,OAAO,aAAa,CAAC,AAAyB;KACrE,EAAE,iBAAiB,cAAc,qBAAqB,WAAW,GAAG;;;AAOzE,MAAa,oBAAoB,KAAuC,OAAO,QAAQ;CACrF,MAAM,EAAE,WAAW,OAAO,MAAM,GAAG,SAAS;CAC5C,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,qBAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,SAAS;EACT,UAAS;EACJ;EACL,OAAO;EACD;EACN,KAAK;EACL,YAAY,OAAO,cAAc;EACjC,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}

package/dist/dialog/dialogFooter.js

@@ -28,5 +28,5 @@ DialogFooter.displayName = "DialogFooter";
 
 //#endregion
 export { DialogFooter as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogHeader.js

@@ -41,5 +41,5 @@ DialogHeader.displayName = "DialogHeader";
 
 //#endregion
 export { DialogHeader as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogIcon.js

@@ -26,5 +26,5 @@ DialogIcon.displayName = "DialogIcon";
 
 //#endregion
 export { DialogIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogIcon.js.map

package/dist/dialog/dialogSubmitButton.js

@@ -23,5 +23,5 @@ DialogSubmitButton.displayName = "DialogSubmitButton";
 
 //#endregion
 export { DialogSubmitButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogSubmitButton.js.map

package/dist/dialog/dialogTitle.js

@@ -23,5 +23,5 @@ DialogTitle.displayName = "DialogTitle";
 
 //#endregion
 export { DialogTitle as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/theme.js

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

package/dist/dialog/useDialog.js

@@ -65,5 +65,5 @@ const useDialog = () => {
 
 //#endregion
 export { useDialog };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useDialog.js.map

package/dist/display/display.js

@@ -21,5 +21,5 @@ Display.displayName = "Display";
 
 //#endregion
 export { DisplayBase, Display as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=display.js.map

package/dist/display/theme.js

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

package/dist/display/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["fonts"],"sources":["../../src/display/theme.ts"],"sourcesContent":["import fonts from '../theme/foundations/fonts'\n\nconst baseStyle = {\n  fontFamily: [fonts.dnvDisplay, fonts.gantari].join(', '),\n  fontWeight: 700,\n  fontSize: '24px',\n  lineHeight: '125%',\n}\n\nconst defaultProps = {\n  size: 'lg',\n}\n\nconst sizes = {\n  sm: {\n    fontSize: '18px',\n  },\n  md: {\n    fontSize: '20px',\n  },\n  lg: {\n    fontSize: '24px',\n  },\n  xl: {\n    fontSize: '32px',\n  },\n  '2xl': {\n    fontSize: '50px',\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,YAAY,CAACA,cAAM,YAAYA,cAAM,OAAO,EAAE,KAAK,IAAI;CACvD,YAAY;CACZ,UAAU;CACV,YAAY;AACd;AAEA,MAAM,eAAe,EACnB,MAAM,KACR;AAEA,MAAM,QAAQ;CACZ,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,OAAO,EACL,UAAU,OACZ;AACF;AAEA,MAAM,WAAW,CAAC;AAElB,oBAAe;CACb;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":["fonts"],"sources":["../../src/display/theme.ts"],"sourcesContent":["import fonts from '../theme/foundations/fonts'\n\nconst baseStyle = {\n  fontFamily: [fonts.dnvDisplay, fonts.gantari].join(', '),\n  fontWeight: 700,\n  fontSize: '24px',\n  lineHeight: '125%',\n}\n\nconst defaultProps = {\n  size: 'lg',\n}\n\nconst sizes = {\n  sm: {\n    fontSize: '18px',\n  },\n  md: {\n    fontSize: '20px',\n  },\n  lg: {\n    fontSize: '24px',\n  },\n  xl: {\n    fontSize: '32px',\n  },\n  '2xl': {\n    fontSize: '50px',\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,YAAY,CAACA,cAAM,YAAYA,cAAM,OAAO,CAAC,CAAC,KAAK,IAAI;CACvD,YAAY;CACZ,UAAU;CACV,YAAY;AACd;AAEA,MAAM,eAAe,EACnB,MAAM,KACR;AAEA,MAAM,QAAQ;CACZ,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,IAAI,EACF,UAAU,OACZ;CACA,OAAO,EACL,UAAU,OACZ;AACF;AAEA,MAAM,WAAW,CAAC;AAElB,oBAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/divider/divider.js

@@ -29,5 +29,5 @@ Divider.displayName = "Divider";
 
 //#endregion
 export { DividerBase, Divider as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=divider.js.map

package/dist/divider/theme.js

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

package/dist/dragAndDrop/dragAndDrop.js

@@ -106,5 +106,5 @@ DragAndDrop.displayName = "DragAndDrop";
 
 //#endregion
 export { DragAndDrop as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=dragAndDrop.js.map