@veracity/vui 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/menu/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/menu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['button', 'item', 'list']\n\nconst sizes = {\n  sm: {\n    button: {\n      size: 'sm',\n    },\n    list: {\n      size: 'sm',\n    },\n  },\n  md: {\n    button: {\n      size: 'md',\n    },\n    list: {\n      size: 'md',\n    },\n  },\n  lg: {\n    button: {\n      size: 'lg',\n    },\n    list: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAqCA,IAAA,EAAe,CACb,UAtCgB,EAAE,CAuClB,aArCmB,CACnB,KAAM,KACP,CAoCC,MAlCY,CAAC,SAAU,OAAQ,OAAO,CAmCtC,MAjCY,CACZ,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACD,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACD,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACF,CASC,SAPe,EAAE,CAQlB"}

package/dist/message/consts.js

@@ -0,0 +1,2 @@
+const e={info:`falInfoCircle`,warning:`falExclamationTriangle`,error:`falExclamationTriangle`,success:`falCheckCircle`},t={sm:6,md:8,lg:10},n={info:`seaBlue.main`,warning:`terracotta.30`,error:`energyRed.45`,success:`landGreen.35`},r={mt:`4px`,color:`black`};export{r as avatarStyles,e as iconDictionary,n as messageColors,t as spacingDictionary};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=consts.js.map

package/dist/message/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":"AAAA,MAAa,EAAiB,CAC5B,KAAM,gBACN,QAAS,yBACT,MAAO,yBACP,QAAS,iBACV,CAEY,EAAoB,CAC/B,GAAI,EACJ,GAAI,EACJ,GAAI,GACL,CAEY,EAAgB,CAC3B,KAAM,eACN,QAAS,gBACT,MAAO,eACP,QAAS,eACV,CAEY,EAAe,CAC1B,GAAI,MACJ,MAAO,QACR"}

package/dist/message/message.d.ts

@@ -0,0 +1,12 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { MessageProps } from "./message.types.js";
+import * as styled_components367 from "styled-components";
+
+//#region src/message/message.d.ts
+declare const MessageBase: styled_components367.StyledComponent<"div", styled_components367.DefaultTheme, SystemProps, never>;
+/** Displays a simple message text. */
+declare const Message: VuiComponent<"span", MessageProps>;
+//#endregion
+export { Message, MessageBase };
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,aAAW,oBAAA,CAAA,uBAEvB,oBAAA,CAFuB,YAAA;;cAKX,8BAAO"}

package/dist/message/message.js

@@ -0,0 +1,4 @@
+import{cs as e}from"../utils/styles.js";import{avatarStyles as t,iconDictionary as n,spacingDictionary as r}from"./consts.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{Box as s}from"../box/box.js";import{Icon as c}from"../icon/icon.js";import{Avatar as l}from"../avatar/avatar.js";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";const p=a.divBox`
+  transition-duration: fast;
+`,m=o((a,o)=>{let{avatar:m,children:h,className:g,text:_,size:v=`md`,variant:y=`info`,...b}=a,x=i(`Message`,a);return d(p,{className:e(`vui-message`,g),ref:o,...x,...b,children:f(u,{children:[m?d(l,{mr:`16px`,...m}):d(c,{mr:`${r[v]}px`,name:n[y],size:x.iconSize}),d(s,{size:x.fontSize,w:`100%`,...m?t:void 0,children:h??_})]})})});m.displayName=`Message`;var h=m;export{m as Message,p as MessageBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":"wbAQA,MAAa,EAAc,EAAO,MAAM;;EAK3B,EAAU,GAA2B,EAAO,IAAQ,CAC/D,GAAM,CAAE,SAAQ,WAAU,YAAW,OAAM,OAAO,KAAM,UAAU,OAAQ,GAAG,GAAS,EAChF,EAAS,EAAe,UAAW,EAAM,CAE/C,OACE,EAAC,EAAA,CAAY,UAAW,EAAG,cAAe,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,WAC9E,EAAA,EAAA,CAAA,SAAA,CACG,EACC,EAAC,EAAA,CAAO,GAAG,OAAO,GAAI,GAAU,CAEhC,EAAC,EAAA,CAAK,GAAI,GAAG,EAAkB,GAAM,IAAK,KAAM,EAAe,GAAU,KAAM,EAAO,UAAY,CAEpG,EAAC,EAAA,CAAI,KAAM,EAAO,SAAU,EAAE,OAAO,GAAK,EAAS,EAAe,IAAA,YAC/D,GAAY,GACT,CAAA,CAAA,CACL,EACS,EAEhB,CAEF,EAAQ,YAAc,UAEtB,IAAA,EAAe"}

package/dist/message/message.types.d.ts

@@ -0,0 +1,15 @@
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+import { AvatarProps } from "../avatar/avatar.types.js";
+import { ReactNode } from "react";
+
+//#region src/message/message.types.d.ts
+type MessageProps = SystemProps & ThemingProps<'Message'> & {
+  /** Displays given text if no children are provided. */
+  text?: ReactNode;
+  /** If provided, it shows the avatar instead of the status icon */
+  avatar?: AvatarProps;
+};
+//#endregion
+export { MessageProps };
+//# sourceMappingURL=message.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,YAAA,GAAe,cACzB;;EADU,IAAA,CAAA,EAGD,SAHa;EAAA;QAAG,CAAA,EAKd,WALc"}

package/dist/message/theme.js

@@ -0,0 +1,2 @@
+import{messageColors as e}from"./consts.js";const t={display:`flex`},n={variant:`info`,size:`md`},r={sm:{iconSize:`sm`,fontSize:`sm`},md:{iconSize:`md`,fontSize:`md`},lg:{iconSize:`lg`,fontSize:`lg`}},i={info:{color:e.info},warning:{color:e.warning},error:{color:e.error},success:{color:e.success}};var a={baseStyle:t,defaultProps:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/message/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/message/theme.ts"],"sourcesContent":["import { messageColors } from './consts'\n\nconst baseStyle = {\n  display: 'flex',\n}\n\nconst defaultProps = {\n  variant: 'info',\n  size: 'md',\n}\n\nconst sizes = {\n  sm: {\n    iconSize: 'sm',\n    fontSize: 'sm',\n  },\n  md: {\n    iconSize: 'md',\n    fontSize: 'md',\n  },\n  lg: {\n    iconSize: 'lg',\n    fontSize: 'lg',\n  },\n}\n\nconst variants = {\n  info: {\n    color: messageColors.info,\n  },\n  warning: {\n    color: messageColors.warning,\n  },\n  error: {\n    color: messageColors.error,\n  },\n  success: {\n    color: messageColors.success,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"4CAEA,MAAM,EAAY,CAChB,QAAS,OACV,CAEK,EAAe,CACnB,QAAS,OACT,KAAM,KACP,CAEK,EAAQ,CACZ,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACF,CAEK,EAAW,CACf,KAAM,CACJ,MAAO,EAAc,KACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACD,MAAO,CACL,MAAO,EAAc,MACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACF,CAED,IAAA,EAAe,CACb,YACA,eACA,QACA,WACD"}

package/dist/modal/context.d.ts

@@ -0,0 +1,8 @@
+import { ModalContext } from "./modal.types.js";
+import * as react936 from "react";
+
+//#region src/modal/context.d.ts
+declare const ModalProvider: react936.Provider<ModalContext>, useModalContext: () => ModalContext;
+//#endregion
+export { ModalProvider, useModalContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,eAAa,QAAA,CAAA,SAAA,eAAE,uBAAe"}

package/dist/modal/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ModalProvider,n as useModalContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=context.js.map

package/dist/modal/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAe,GAAmB,EAA4B,CAAE,WAAY,GAAM,CAAC"}

package/dist/modal/modal.d.ts

@@ -0,0 +1,20 @@
+import { VuiComponent } from "../core/vui.js";
+import { ModalProps } from "./modal.types.js";
+import { ModalBackdrop } from "./modalBackdrop.js";
+import { ModalContent } from "./modalContent.js";
+
+//#region src/modal/modal.d.ts
+
+/**
+ * Displays provided content on top of a dark backdrop element with fixed position.
+ * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.
+ * Uses focus and scroll lock to achieve proper accessibility.
+ * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role
+ */
+declare const Modal: VuiComponent<"div", ModalProps> & {
+  Backdrop: typeof ModalBackdrop;
+  Content: typeof ModalContent;
+};
+//#endregion
+export { Modal };
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAqBA;;;;AAgGmB,cAhGN,KAgGM,EADb,YACa,CAAA,KAAA,EADO,UACP,CAAA,GAAA;UACD,EAAA,OADC,aACD;EAAY,OAAA,EAAA,OAAZ,YAAY"}

package/dist/modal/modal.js

@@ -0,0 +1,2 @@
+import{callAll as e}from"../utils/function.js";import{mergeRefs as t}from"../utils/react.js";import{cs as n}from"../utils/styles.js";import{vui as r}from"../core/vui.js";import i from"../portal/portal.js";import a from"../box/box.js";import{ModalProvider as o}from"./context.js";import s from"../focusLock/focusLock.js";import c from"./modalBackdrop.js";import l from"./modalContent.js";import{manager as u,useModalManager as d}from"./modalManager.js";import{cloneElement as f,useRef as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=r((r,g)=>{let{allowPinchZoom:_,animation:v=`fadeDown`,children:y,className:b,contentProps:x,disableAutoFocus:S,disableBackdropClose:C,disableEscClose:w,disablePortal:T,disableReturnFocus:E,disableScrollLock:D,disableTrapFocus:O,finalFocusRef:k,hideBackdrop:A,initialFocusRef:j,isOpen:M,onBackdropClick:N,onClose:P,onEsc:F,preserveScrollBar:I,size:L,variant:R,...z}=r,B=p(null),V=p(null);if(d(B,M,D),!M)return null;let H=e=>{e.stopPropagation(),V.current===e.target&&u.isTopModal(B)&&(C||(P?.(),N?.(e)))},U=e=>{e.key===`Escape`&&(e.stopPropagation(),!w&&P?.(),F?.())},W=e=>V.current=e.target,G={onClick:e=>{e.stopPropagation(),y?.props?.onClick?.(e)},tabIndex:y?.props?.tabIndex??-1};return m(o,{value:{isOpen:M,onBackdropClick:H,onClose:P,size:L,variant:R},children:m(i,{disablePortal:T,children:h(a,{className:n(`vui-modal`,b),ref:t(g,B),...z,onKeyDown:e(r.onKeyDown,U),onMouseDown:e(r.onMouseDown,W),children:[!A&&m(c,{}),m(s,{autoFocus:!S,finalFocusRef:k,initialFocusRef:j,isDisabled:O,returnFocus:!E,children:m(l,{animation:v,...x,children:f(y,G)})})]})})})});g.Backdrop=c,g.Content=l,g.displayName=`Modal`;var _=g;export{_ as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["Portal","Box","ModalBackdrop","FocusLock","ModalContent"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTarget.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTarget.current = e.target)\n\n  const childProps = {\n    onClick: (e: any) => {\n      e.stopPropagation()\n      children?.props?.onClick?.(e)\n    },\n    tabIndex: children?.props?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":"uiBAqBA,MAAa,EAAQ,GAAwB,EAAO,IAAQ,CAC1D,GAAM,CACJ,iBACA,YAAY,WACZ,WACA,YACA,eACA,mBACA,uBACA,kBACA,gBACA,qBACA,oBACA,mBACA,gBACA,eACA,kBACA,SACA,gBAAiB,EACjB,UACA,QACA,oBACA,OACA,UACA,GAAG,GACD,EACE,EAAW,EAAoB,KAAK,CACpC,EAAkB,EAA2B,KAAK,CAIxD,GAFA,EAAgB,EAAU,EAAQ,EAAkB,CAEhD,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAmB,GAAkB,CACzC,EAAE,iBAAiB,CAGf,EAAgB,UAAY,EAAE,QAE7B,EAAQ,WAAW,EAAS,GAE5B,IACH,KAAW,CACX,IAAsB,EAAE,IAItB,EAAa,GAAqC,CAClD,EAAE,MAAQ,WACZ,EAAE,iBAAiB,CAEnB,CAAC,GAAmB,KAAW,CAE/B,KAAS,GAIP,EAAe,GAAmB,EAAgB,QAAU,EAAE,OAE9D,EAAa,CACjB,QAAU,GAAW,CACnB,EAAE,iBAAiB,CACnB,GAAU,OAAO,UAAU,EAAE,EAE/B,SAAU,GAAU,OAAO,UAAY,GACxC,CAID,OACE,EAAC,EAAA,CAAc,MAHD,CAAE,SAAQ,kBAAiB,UAAS,OAAM,UAAS,UAI/D,EAACA,EAAAA,CAAsB,yBACrB,EAACC,EAAAA,CACC,UAAW,EAAG,YAAa,EAAU,CACrC,IAAK,EAAU,EAAK,EAAS,CAC7B,GAAI,EACJ,UAAW,EAAQ,EAAM,UAAW,EAAU,CAC9C,YAAa,EAAQ,EAAM,YAAa,EAAY,WAEnD,CAAC,GAAgB,EAACC,EAAAA,EAAAA,CAAgB,CACnC,EAACC,EAAAA,CACC,UAAW,CAAC,EACG,gBACE,kBACjB,WAAY,EACZ,YAAa,CAAC,WAEd,EAACC,EAAAA,CAAwB,YAAW,GAAI,WACrC,EAAa,EAAU,EAAW,EACtB,EACL,CAAA,EACR,EACC,EACK,EAElB,CAKF,EAAM,SAAWF,EACjB,EAAM,QAAUE,EAChB,EAAM,YAAc,QAEpB,IAAA,EAAe"}

package/dist/modal/modal.types.d.ts

@@ -0,0 +1,54 @@
+import { MouseEvent } from "../utils/types.js";
+import { ThemingProps } from "../theme/types.js";
+import { AnimationProp } from "../system/animations.js";
+import { SystemProps } from "../system/system.js";
+import { FocusableElement } from "../focusLock/focusLock.types.js";
+import { ReactElement } from "react";
+
+//#region src/modal/modal.types.d.ts
+type ModalBackdropProps = SystemProps;
+type ModalContentProps = SystemProps;
+type ModalContext = Pick<ModalProps, 'isOpen' | 'onBackdropClick' | 'onClose' | 'size' | 'variant'>;
+type ModalProps = SystemProps & ThemingProps<'Modal'> & {
+  /** Handle zoom/pinch gestures on iOS devices when scroll locking is enabled. */
+  allowPinchZoom?: boolean;
+  /** The animation to use when the Modal is open. @default fadeDown */
+  animation?: AnimationProp;
+  /** A single child content element. */
+  children: ReactElement;
+  /** Props passed to internal ModalContent component. */
+  contentProps?: ModalContentProps;
+  /** It won't auto-focus the first focuable element within the 'children' once FocusLock mounts. */
+  disableAutoFocus?: boolean;
+  /** Clicking Backdrop element will not trigger 'onClose'. */
+  disableBackdropClose?: boolean;
+  /** Pressing 'Escape' will not trigger 'onClose'. */
+  disableEscClose?: boolean;
+  /** The children will be under the DOM hierarchy of the parent component. */
+  disablePortal?: boolean;
+  /** Focus won't be returned to the element that triggered the FocusLock once it unmounts. */
+  disableReturnFocus?: boolean;
+  /** Allows scrolling to happen on the content beneath the Modal. */
+  disableScrollLock?: boolean;
+  /** Disables FocusLock mechanism and allows focusing elements outside the Modal. */
+  disableTrapFocus?: boolean;
+  /** 'ref' of the element to return focus to when FocusLock unmounts. */
+  finalFocusRef?: React.RefObject<FocusableElement>;
+  /** Hides the dark backdrop element that is normally displayed beneath modal content. */
+  hideBackdrop?: boolean;
+  /** 'ref' of the element to receive focus initially when FocusLock mounts. */
+  initialFocusRef?: React.RefObject<FocusableElement>;
+  /** Displays the modal with its content on top of a backdrop. */
+  isOpen?: boolean;
+  /** Callback triggered when the backdrop element is clicked. Defaults to onClose. */
+  onBackdropClick?: (e: MouseEvent) => void;
+  /** Callback triggered to close the modal. */
+  onClose?: () => void;
+  /** Callback triggered when pressing 'Escape' key. Defaults to onClose. */
+  onEsc?: () => void;
+  /** Test this prop on Windows scrollbars */
+  preserveScrollBar?: boolean;
+};
+//#endregion
+export { ModalBackdropProps, ModalContentProps, ModalContext, ModalProps };
+//# sourceMappingURL=modal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types.d.ts","names":[],"sources":["../../src/modal/modal.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAOY,kBAAA,GAAqB;KAErB,iBAAA,GAAoB;KAEpB,YAAA,GAAe,KAAK;AAJpB,KAMA,UAAA,GAAa,WANK,GAO5B,YAP0C,CAAA,OAAA,CAAA,GAAA;EAEhC;EAEA,cAAA,CAAY,EAAA,OAAA;EAAA;WAAQ,CAAA,EAOhB,aAPgB;;EAAD,QAAA,EASjB,YATiB;EAEnB;EAAU,YAAA,CAAA,EASH,iBATG;;kBACpB,CAAA,EAAA,OAAA;;sBAMY,CAAA,EAAA,OAAA;;iBAkBsB,CAAA,EAAA,OAAA;;eAIE,CAAA,EAAA,OAAA;;oBAIZ,CAAA,EAAA,OAAA;EAAU;;;;;kBARhB,KAAA,CAAM,UAAU;;;;oBAId,KAAA,CAAM,UAAU;;;;wBAIZ"}

package/dist/modal/modalBackdrop.d.ts

@@ -0,0 +1,11 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import * as styled_components376 from "styled-components";
+
+//#region src/modal/modalBackdrop.d.ts
+declare const ModalBackdropBase: styled_components376.StyledComponent<"div", styled_components376.DefaultTheme, SystemProps, never>;
+/** Displays a dark overlay underneath modal content, but on top of page content. */
+declare const ModalBackdrop: VuiComponent<"div", SystemProps>;
+//#endregion
+export { ModalBackdrop, ModalBackdropBase };
+//# sourceMappingURL=modalBackdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,mBAAiB,oBAAA,CAAA,uBAK7B,oBAAA,CAL6B,YAAA;;cAQjB"}

package/dist/modal/modalBackdrop.js

@@ -0,0 +1,7 @@
+import e from"../theme/foundations/colors.js";import{HSLToRGBA as t,cs as n,parseHSL as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{useModalContext as s}from"./context.js";import{jsx as c}from"react/jsx-runtime";const{h:l,s:u,l:d}=r(e.sandstone[5]),f=t(l,u,d,.6),p=a.divBox`
+  background-color: ${f};
+  inset: 0;
+  position: fixed;
+  z-index: modal;
+`,m=o((e,t)=>{let{className:r,...a}=e,o=i(`Modal`,s());return c(p,{animation:`fadeIn`,className:n(`vui-modalBackdrop`,r),ref:t,...o.backdrop,...a})});m.displayName=`ModalBackdrop`;var h=m;export{m as ModalBackdrop,p as ModalBackdropBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":"4UAMA,KAAM,CAAE,IAAG,IAAG,KAAM,EAASA,EAAO,UAAU,GAAG,CAC3C,EAAO,EAAU,EAAG,EAAG,EAAG,GAAI,CAEvB,EAAoB,EAAO,MAAM;sBACxB,EAAK;;;;EAOd,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CACC,UAAU,SACV,UAAW,EAAG,oBAAqB,EAAU,CACxC,MACL,GAAI,EAAO,SACX,GAAI,GACJ,EAEJ,CAEF,EAAc,YAAc,gBAE5B,IAAA,EAAe"}

package/dist/modal/modalContent.d.ts

@@ -0,0 +1,11 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import * as styled_components374 from "styled-components";
+
+//#region src/modal/modalContent.d.ts
+declare const ModalContentBase: styled_components374.StyledComponent<"div", styled_components374.DefaultTheme, SystemProps, never>;
+/** Wraps the content provided to the Modal component. */
+declare const ModalContent: VuiComponent<"div", SystemProps>;
+//#endregion
+export { ModalContent, ModalContentBase };
+//# sourceMappingURL=modalContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":[],"mappings":";;;;;cAKa,kBAAgB,oBAAA,CAAA,uBAK5B,oBAAA,CAL4B,YAAA;;cAQhB"}

package/dist/modal/modalContent.js

@@ -0,0 +1,7 @@
+import{callAll as e}from"../utils/function.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{useModalContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=r.divBox`
+  display: flex;
+  inset: 0px;
+  position: fixed;
+  z-index: modal;
+`,c=i((r,i)=>{let{className:c,...l}=r,{onBackdropClick:u}=a()??{},d=n(`Modal`,a());return o(s,{className:t(`vui-modalContent`,c),ref:i,tabIndex:-1,...d.content,...l,onClick:e(r.onClick,u)})});c.displayName=`ModalContent`;var l=c;export{c as ModalContent,s as ModalContentBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=modalContent.js.map

package/dist/modal/modalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":"gTAKA,MAAa,EAAmB,EAAO,MAAM;;;;;EAQhC,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,mBAAoB,GAAiB,EAAI,EAAE,CAC7C,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CACvC,MACL,SAAU,GACV,GAAI,EAAO,QACX,GAAI,EACJ,QAAS,EAAQ,EAAM,QAAS,EAAgB,EAChD,EAEJ,CAEF,EAAa,YAAc,eAE3B,IAAA,EAAe"}

package/dist/modal/modalManager.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from "react";
+
+//#region src/modal/modalManager.d.ts
+/** State management for nested modals. */
+declare class ModalManager {
+  modals: any[];
+  add: (modal: any) => number;
+  remove: (modal: any) => any[];
+  isTopModal: (modal: any) => boolean;
+}
+declare const manager: ModalManager;
+/** Refs of new modals will be automatically added/removed from the state when rendering. */
+declare function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean): void;
+//#endregion
+export { manager, useModalManager };
+//# sourceMappingURL=modalManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":[],"mappings":";;;;cAMM,YAAA;EAAA,MAAA,EAAA,GAAA,EAAA;EAaO,GAAA,EAAA,CAAA,KAA4B,EAAA,GAAA,EAAA,GAAA,MAArB;EAGJ,MAAA,EAAA,CAAA,KAAA,EAAA,GAAe,EAAA,GAAA,GAAA,EAAA;;;cAHlB,SAAO;;iBAGJ,eAAA,MAAqB"}

package/dist/modal/modalManager.js

@@ -0,0 +1,2 @@
+import{useBodyScrollLock as e}from"../core/vuiProvider/useBodyScrollLock.js";import{useEffect as t}from"react";const n=new class{modals=[];add=e=>this.modals.push(e);remove=e=>this.modals=this.modals.filter(t=>t!==e);isTopModal=e=>this.modals[this.modals.length-1]===e};function r(r,i,a){let{setIsScrollLocked:o}=e();t(()=>(i&&(n.add(r),a||o(!0)),()=>{n.remove(r),a||o(!1)}),[i,r])}export{n as manager,r as useModalManager};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=modalManager.js.map

package/dist/modal/modalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":"+GAmBA,MAAa,EAAU,IAbvB,KAAmB,CACjB,OAAgB,EAAE,CAElB,IAAO,GAAe,KAAK,OAAO,KAAK,EAAM,CAE7C,OAAU,GAAgB,KAAK,OAAS,KAAK,OAAO,OAAO,GAAK,IAAM,EAAM,CAE5E,WAAc,GACS,KAAK,OAAO,KAAK,OAAO,OAAS,KAC9B,GAO5B,SAAgB,EAAgB,EAAe,EAAkB,EAA6B,CAC5F,GAAM,CAAE,qBAAsB,GAAmB,CACjD,OACM,IACF,EAAQ,IAAI,EAAI,CACX,GAAmB,EAAkB,GAAK,MAGpC,CACX,EAAQ,OAAO,EAAI,CACd,GAAmB,EAAkB,GAAM,GAEjD,CAAC,EAAQ,EAAI,CAAC"}

package/dist/modal/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{},parts:[`container`,`backdrop`,`content`],sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/modal/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/modal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'backdrop', 'content']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAUA,IAAA,EAAe,CACb,UAXgB,EAAE,CAYlB,aAVmB,EAAE,CAWrB,MATY,CAAC,YAAa,WAAY,UAAU,CAUhD,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}

package/dist/notification/consts.js

@@ -0,0 +1,2 @@
+import{iconDictionary as e}from"../message/consts.js";const t=2,n={error:{iconProps:{name:e.error},variant:`subtleRed`},info:{iconProps:{name:e.info},variant:`subtleBlue`},loading:{iconProps:{name:`fadSpinnerThird`,pathFill:[`blue.40`,`blue.60`],variant:`spinning`},variant:`subtleBlue`},success:{iconProps:{name:e.success},variant:`subtleGreen`},warning:{iconProps:{name:e.warning},variant:`subtleYellow`},bannerError:{iconProps:{name:e.error},variant:`bannerRed`},bannerInfo:{iconProps:{name:e.info},variant:`bannerBlue`},bannerLoading:{iconProps:{name:`fadSpinnerThird`,pathFill:[`blue.40`,`blue.60`],variant:`spinning`},variant:`bannerBlue`},bannerSuccess:{iconProps:{name:e.success},variant:`bannerGreen`},bannerWarning:{iconProps:{name:e.warning},variant:`bannerYellow`}},r={subtleRed:`subtleRed`,subtleBlue:`subtleBlue`,subtleGreen:`subtleGreen`,subtleYellow:`subtleYellow`,bannerRed:`subtleRed`,bannerBlue:`subtleBlue`,bannerGreen:`subtleGreen`,bannerYellow:`subtleYellow`};export{t as bannerNotificationElevation,r as closeButtonVariantMapping,n as notificationStatusMapping};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=consts.js.map

package/dist/notification/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":["notificationStatusMapping: NotificationStatusMapping"],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import { iconDictionary } from '../message/consts'\nimport type { NotificationStatusMapping } from './notification.types'\n\nexport const bannerNotificationElevation = 2\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'subtleRed',\n  },\n  info: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'subtleBlue',\n  },\n  loading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'subtleBlue',\n  },\n  success: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'subtleGreen',\n  },\n  warning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'subtleYellow',\n  },\n  bannerError: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'bannerRed',\n  },\n  bannerInfo: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'bannerBlue',\n  },\n  bannerLoading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'bannerBlue',\n  },\n  bannerSuccess: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'bannerGreen',\n  },\n  bannerWarning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'bannerYellow',\n  },\n}\n\nexport const closeButtonVariantMapping = {\n  subtleRed: 'subtleRed',\n  subtleBlue: 'subtleBlue',\n  subtleGreen: 'subtleGreen',\n  subtleYellow: 'subtleYellow',\n  bannerRed: 'subtleRed',\n  bannerBlue: 'subtleBlue',\n  bannerGreen: 'subtleGreen',\n  bannerYellow: 'subtleYellow',\n}\n"],"mappings":"sDAGA,MAAa,EAA8B,EAE9BA,EAAuD,CAClE,MAAO,CACL,UAAW,CACT,KAAM,EAAe,MACtB,CACD,QAAS,YACV,CACD,KAAM,CACJ,UAAW,CACT,KAAM,EAAe,KACtB,CACD,QAAS,aACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,kBACN,SAAU,CAAC,UAAW,UAAU,CAChC,QAAS,WACV,CACD,QAAS,aACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,cACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,eACV,CACD,YAAa,CACX,UAAW,CACT,KAAM,EAAe,MACtB,CACD,QAAS,YACV,CACD,WAAY,CACV,UAAW,CACT,KAAM,EAAe,KACtB,CACD,QAAS,aACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,kBACN,SAAU,CAAC,UAAW,UAAU,CAChC,QAAS,WACV,CACD,QAAS,aACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,cACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,eACV,CACF,CAEY,EAA4B,CACvC,UAAW,YACX,WAAY,aACZ,YAAa,cACb,aAAc,eACd,UAAW,YACX,WAAY,aACZ,YAAa,cACb,aAAc,eACf"}

package/dist/notification/context.d.ts

@@ -0,0 +1,8 @@
+import { NotificationProps } from "./notification.types.js";
+import * as react938 from "react";
+
+//#region src/notification/context.d.ts
+declare const NotificationProvider: react938.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
+//#endregion
+export { NotificationProvider, useNotificationContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,sBAAoB,QAAA,CAAA,SAAA,QAAA,qBAAE,8BAAsB,QAAA"}

package/dist/notification/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as NotificationProvider,n as useNotificationContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=context.js.map

package/dist/notification/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { NotificationProps } from './notification.types'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAsB,GAA0B,EAA0C,CAAE,WAAY,GAAM,CAAC"}

package/dist/notification/notification.d.ts

@@ -0,0 +1,22 @@
+import { NotificationProps } from "./notification.types.js";
+import { NotificationButton } from "./notificationButton.js";
+import { NotificationIcon } from "./notificationIcon.js";
+import { NotificationText } from "./notificationText.js";
+import { NotificationTitle } from "./notificationTitle.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/notification/notification.d.ts
+
+/**
+ * Displays informational content, like text and icon with optional action buttons.
+ * Handles multiple states, like info, error or loading.
+ */
+declare const Notification: VuiComponent<"div", NotificationProps> & {
+  Button: typeof NotificationButton;
+  Icon: typeof NotificationIcon;
+  Text: typeof NotificationText;
+  Title: typeof NotificationTitle;
+};
+//#endregion
+export { Notification };
+//# sourceMappingURL=notification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;AAgBA;;AAgE0B,cAhEb,YAgEa,EAApB,YAAoB,CAAA,KAAA,EAAA,iBAAA,CAAA,GAAA;QAApB,EAAA,OACW,kBADX;MACW,EAAA,OACF,gBADE;MACF,EAAA,OACA,gBADA;OACA,EAAA,OACC,iBADD"}

package/dist/notification/notification.js

@@ -0,0 +1,2 @@
+import{isReactText as e,isString as t}from"../utils/assertion.js";import{filterUndefined as n}from"../utils/object.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{vui as a}from"../core/vui.js";import o from"../box/box.js";import{NotificationProvider as s}from"./context.js";import{bannerNotificationElevation as c,closeButtonVariantMapping as l,notificationStatusMapping as u}from"./consts.js";import d from"./notificationButton.js";import f from"./notificationIcon.js";import p from"./notificationText.js";import m from"./notificationTitle.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=a((a,_)=>{let{action:v,children:y,className:b,icon:x,onClose:S,size:C,status:w,statusMapping:T,text:E,title:D,variant:O=`subtleBlue`,verticalAlign:k,...A}=a,j={...u,...T},{variant:M=O}=j[w??``]??{},N=i(`Notification`,{variant:M,...a}),P=t(x)?x:j[w??``]?.iconProps?.name,F=n({size:C,status:w}),I=v?`block`:`inline`,L=k===`center`?`center`:`flex-start`;return h(s,{value:F,children:g(o,{borderRadius:`md`,borderWidth:1,className:r(`vui-notification`,b),elevation:M.includes(`banner`)?c:void 0,ref:_,role:`mark`,w:`fit-content`,...N.container,...A,children:[P?h(f,{alignSelf:L,name:P}):x,y??g(p,{alignSelf:L,children:[e(D)?h(m,{display:I,text:D}):D,` `,E]}),v,S&&h(d,{alignSelf:L,"aria-label":`close`,icon:`uiTimes`,onClick:S,variant:l?.[M]??M,w:`32px`})]})})});_.Button=d,_.Icon=f,_.Text=p,_.Title=m,_.displayName=`Notification`;export{_ as Notification};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=notification.js.map

package/dist/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","names":["Box","NotificationIcon","NotificationText","NotificationTitle","NotificationButton"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationButton from './notificationButton'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\n\n/**\n * Displays informational content, like text and icon with optional action buttons.\n * Handles multiple states, like info, error or loading.\n */\nexport const Notification = vui<'div', NotificationProps>((props, ref) => {\n  const {\n    action,\n    children,\n    className,\n    icon,\n    onClose,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = 'subtleBlue',\n    verticalAlign,\n    ...rest\n  } = props\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n  const { variant = variantProp } = statuses[status ?? ''] ?? {}\n  const styles = useStyleConfig('Notification', { variant, ...props })\n\n  const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name\n\n  const context = filterUndefined<NotificationProps>({ size, status })\n\n  const titleDisplay = action ? 'block' : 'inline'\n\n  const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <Box\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        elevation={variant.includes('banner') ? bannerNotificationElevation : undefined}\n        ref={ref}\n        role=\"mark\"\n        w=\"fit-content\"\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? <NotificationIcon alignSelf={alignSelf} name={iconName} /> : icon}\n\n        {children ?? (\n          <NotificationText alignSelf={alignSelf}>\n            {isReactText(title) ? <NotificationTitle display={titleDisplay} text={title} /> : title} {text}\n          </NotificationText>\n        )}\n\n        {action}\n\n        {onClose && (\n          <NotificationButton\n            alignSelf={alignSelf}\n            aria-label=\"close\"\n            icon=\"uiTimes\"\n            onClick={onClose}\n            variant={closeButtonVariantMapping?.[variant] ?? variant}\n            w=\"32px\"\n          />\n        )}\n      </Box>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Button: typeof NotificationButton\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Button = NotificationButton\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":"woBAgBA,MAAa,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CACJ,SACA,WACA,YACA,OACA,UACA,OACA,SACA,gBACA,OACA,QACA,QAAS,EAAc,aACvB,gBACA,GAAG,GACD,EACE,EAAW,CAAE,GAAG,EAA2B,GAAG,EAAe,CAC7D,CAAE,UAAU,GAAgB,EAAS,GAAU,KAAO,EAAE,CACxD,EAAS,EAAe,eAAgB,CAAE,UAAS,GAAG,EAAO,CAAC,CAE9D,EAAW,EAAS,EAAK,CAAG,EAAO,EAAS,GAAU,KAAK,WAAW,KAEtE,EAAU,EAAmC,CAAE,OAAM,SAAQ,CAAC,CAE9D,EAAe,EAAS,QAAU,SAElC,EAAY,IAAkB,SAAW,SAAW,aAE1D,OACE,EAAC,EAAA,CAAqB,MAAO,WAC3B,EAACA,EAAAA,CACC,aAAa,KACb,YAAa,EACb,UAAW,EAAG,mBAAoB,EAAU,CAC5C,UAAW,EAAQ,SAAS,SAAS,CAAG,EAA8B,IAAA,GACjE,MACL,KAAK,OACL,EAAE,cACF,GAAI,EAAO,UACX,GAAI,YAEH,EAAW,EAACC,EAAAA,CAA4B,YAAW,KAAM,GAAY,CAAG,EAExE,GACC,EAACC,EAAAA,CAA4B,sBAC1B,EAAY,EAAM,CAAG,EAACC,EAAAA,CAAkB,QAAS,EAAc,KAAM,GAAS,CAAG,EAAM,IAAE,IACzE,CAGpB,EAEA,GACC,EAACC,EAAAA,CACY,YACX,aAAW,QACX,KAAK,UACL,QAAS,EACT,QAAS,IAA4B,IAAY,EACjD,EAAE,QACF,GAEA,EACe,EAEzB,CAOF,EAAa,OAASA,EACtB,EAAa,KAAOH,EACpB,EAAa,KAAOC,EACpB,EAAa,MAAQC,EACrB,EAAa,YAAc"}

package/dist/notification/notification.types.d.ts

@@ -0,0 +1,33 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+import { IconProp, IconProps } from "../icon/icon.types.js";
+import { ReactNode } from "react";
+
+//#region src/notification/notification.types.d.ts
+type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Notification'> & {
+  /** Socket displaying a button on the right. */
+  action?: ReactNode;
+  /** Available theme colors for this component. @deprecated */
+  colorScheme?: 'blue' | 'green' | 'red' | 'yellow';
+  /** Socket displaying an icon on the left. */
+  icon?: IconProp | JSX.Element;
+  /** When provided, displays a close button with this function as the callback. */
+  onClose?: () => void;
+  /** Modifies Notification style and content based on the given status. */
+  status?: NotificationStatus;
+  /** Object definition of styles and content for each status. */
+  statusMapping?: NotificationStatusMapping;
+  /** Socket displaying text in the middle. */
+  text?: ReactNode;
+  /** Socket displaying title in the middle. */
+  title?: ReactNode;
+};
+type NotificationStatus = 'error' | 'info' | 'loading' | 'success' | 'warning' | 'bannerError' | 'bannerInfo' | 'bannerLoading' | 'bannerSuccess' | 'bannerWarning';
+type NotificationVariant = 'subtleBlue' | 'subtleRed' | 'subtleYellow' | 'subtleGreen' | 'bannerBlue' | 'bannerRed' | 'bannerYellow' | 'bannerGreen';
+type NotificationStatusMapping = Record<string, {
+  iconProps: IconProps;
+  variant?: NotificationProps['variant'];
+}>;
+//#endregion
+export { NotificationProps, NotificationStatus, NotificationStatusMapping, NotificationVariant };
+//# sourceMappingURL=notification.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.types.d.ts","names":[],"sources":["../../src/notification/notification.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,iBAAA,GAAoB,KAAK,gCACnC;;EADU,MAAA,CAAA,EAGC,SAHD;EAAiB;aAAQ,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,KAAA,GAAA,QAAA;;MACnC,CAAA,EAMS,QANT,GAMoB,GAAA,CAAI,OANxB;;SAMS,CAAA,EAAA,GAAA,GAAA,IAAA;;QAIE,CAAA,EAAA,kBAAA;;eAIF,CAAA,EAFS,yBAET;;EAEU,IAAA,CAAA,EAFV,SAEU;EAGT;EAYA,KAAA,CAAA,EAfA,SAeA;AAUZ,CAAA;AAAqC,KAtBzB,kBAAA,GAsByB,OAAA,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,GAAA,SAAA,GAAA,aAAA,GAAA,YAAA,GAAA,eAAA,GAAA,eAAA,GAAA,eAAA;AAGtB,KAbH,mBAAA,GAaG,YAAA,GAAA,WAAA,GAAA,cAAA,GAAA,aAAA,GAAA,YAAA,GAAA,WAAA,GAAA,cAAA,GAAA,aAAA;AACD,KAJF,yBAAA,GAA4B,MAI1B,CAAA,MAAA,EAAA;WAJ0B,EAGzB,SAHyB;EAAM,OAAA,CAAA,EAIhC,iBAJgC,CAAA,SAAA,CAAA"}

package/dist/notification/notificationButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from "../button/button.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/notification/notificationButton.d.ts
+/** Displays an action button within the Notification. */
+declare const NotificationButton: VuiComponent<"button", ButtonProps>;
+//#endregion
+export { NotificationButton };
+//# sourceMappingURL=notificationButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationButton.d.ts","names":[],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,2CAAkB"}

package/dist/notification/notificationButton.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{notificationStatusMapping as i}from"./consts.js";import a from"../button/button.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,u={...r(),...n},d=t(`Notification`,r()),{status:f=``}=u,{variant:p}=i[f]??{};return o(a,{className:e(`vui-notificationButton`,c),ml:`0px`,mr:`16px`,my:`16px`,px:`12px`,py:`6px`,ref:s,size:`md`,...d.button,variant:p,...l})});s.displayName=`NotificationButton`;var c=s;export{s as NotificationButton,c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=notificationButton.js.map

package/dist/notification/notificationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationButton.js","names":["Button"],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { variant } = notificationStatusMapping[status] ?? {}\n\n  return (\n    <Button\n      className={cs('vui-notificationButton', className)}\n      ml=\"0px\"\n      mr=\"16px\"\n      my=\"16px\"\n      px=\"12px\"\n      py=\"6px\"\n      ref={ref}\n      size=\"md\"\n      {...styles.button}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nNotificationButton.displayName = 'NotificationButton'\nexport default NotificationButton\n"],"mappings":"wTAQA,MAAa,EAAqB,GAA4B,EAAO,IAAQ,CAC3E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAc,CAAE,GAAG,GAAwB,CAAE,GAAG,EAAO,CACvD,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEjE,CAAE,SAAS,IAAO,EAClB,CAAE,WAAY,EAA0B,IAAW,EAAE,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,GAAG,MACH,GAAG,OACH,GAAG,OACH,GAAG,OACH,GAAG,MACE,MACL,KAAK,KACL,GAAI,EAAO,OACF,UACT,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}

package/dist/notification/notificationIcon.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from "../icon/icon.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/notification/notificationIcon.d.ts
+/** Displays an icon based on the status within the Notification. */
+declare const NotificationIcon: VuiComponent<"svg", IconProps>;
+//#endregion
+export { NotificationIcon };
+//# sourceMappingURL=notificationIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationIcon.d.ts","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,sCAAgB"}

package/dist/notification/notificationIcon.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{notificationStatusMapping as i}from"./consts.js";import a from"../icon/icon.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,alignSelf:l,...u}=n,d={...r(),...n},f=t(`Notification`,r()),{status:p=``}=d,{iconProps:m}=i[p]??{},h=l===`center`?`0`:`16px`;return o(a,{alignSelf:l,className:e(`vui-notificationIcon`,c),ml:`16px`,mt:h,ref:s,size:`md`,variant:`loading`,...f.icon,...m,...u})});s.displayName=`NotificationIcon`;var c=s;export{s as NotificationIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=notificationIcon.js.map

package/dist/notification/notificationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationIcon.js","names":["Icon"],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { iconProps } = notificationStatusMapping[status] ?? {}\n\n  const marginTop = alignSelf === 'center' ? '0' : '16px'\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ml=\"16px\"\n      mt={marginTop}\n      ref={ref}\n      size=\"md\"\n      variant=\"loading\"\n      {...styles.icon}\n      {...iconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":"oTAQA,MAAa,EAAmB,GAAuB,EAAO,IAAQ,CACpE,GAAM,CAAE,YAAW,YAAW,GAAG,GAAS,EACpC,EAAc,CAAE,GAAG,GAAwB,CAAE,GAAG,EAAO,CACvD,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEjE,CAAE,SAAS,IAAO,EAClB,CAAE,aAAc,EAA0B,IAAW,EAAE,CAEvD,EAAY,IAAc,SAAW,IAAM,OAEjD,OACE,EAACA,EAAAA,CACY,YACX,UAAW,EAAG,uBAAwB,EAAU,CAChD,GAAG,OACH,GAAI,EACC,MACL,KAAK,KACL,QAAQ,UACR,GAAI,EAAO,KACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}

package/dist/notification/notificationText.d.ts

@@ -0,0 +1,9 @@
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/notification/notificationText.d.ts
+/** Displays text within the Notification. */
+declare const NotificationText: VuiComponent<"p", TProps>;
+//#endregion
+export { NotificationText };
+//# sourceMappingURL=notificationText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationText.d.ts","names":[],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oCAAgB"}

package/dist/notification/notificationText.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import i from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Notification`,r());return a(i,{className:e(`vui-notificationText`,s),flex:`1`,lineHeight:`24px`,minW:0,mx:`16px`,my:`16px`,ref:o,...l.text,...c})});o.displayName=`NotificationText`;var s=o;export{o as NotificationText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=notificationText.js.map

package/dist/notification/notificationText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationText.js","names":["T"],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays text within the Notification. */\nexport const NotificationText = vui<'p', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T\n      className={cs('vui-notificationText', className)}\n      flex=\"1\"\n      lineHeight=\"24px\"\n      minW={0}\n      mx=\"16px\"\n      my=\"16px\"\n      ref={ref}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":"sPAOA,MAAa,EAAmB,GAAkB,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEvE,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,uBAAwB,EAAU,CAChD,KAAK,IACL,WAAW,OACX,KAAM,EACN,GAAG,OACH,GAAG,OACE,MACL,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAC/B,IAAA,EAAe"}

package/dist/notification/notificationTitle.d.ts

@@ -0,0 +1,9 @@
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/notification/notificationTitle.d.ts
+/** Displays a title within the Notification. */
+declare const NotificationTitle: VuiComponent<"span", TProps>;
+//#endregion
+export { NotificationTitle };
+//# sourceMappingURL=notificationTitle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationTitle.d.ts","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,wCAAiB"}

package/dist/notification/notificationTitle.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{T as i}from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Notification`,r());return a(i,{className:e(`vui-notificationTitle`,s),fontWeight:`demi`,ref:o,...l.title,...c})});o.displayName=`NotificationTitle`;var s=o;export{o as NotificationTitle,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=notificationTitle.js.map

package/dist/notification/notificationTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationTitle.js","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays a title within the Notification. */\nexport const NotificationTitle = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T className={cs('vui-notificationTitle', className)} fontWeight=\"demi\" ref={ref} {...styles.title} {...rest} />\n  )\n})\n\nNotificationTitle.displayName = 'NotificationTitle'\nexport default NotificationTitle\n"],"mappings":"2PAOA,MAAa,EAAoB,GAAqB,EAAO,IAAQ,CACnE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEvE,OACE,EAAC,EAAA,CAAE,UAAW,EAAG,wBAAyB,EAAU,CAAE,WAAW,OAAY,MAAK,GAAI,EAAO,MAAO,GAAI,GAAQ,EAElH,CAEF,EAAkB,YAAc,oBAChC,IAAA,EAAe"}

package/dist/notification/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{variant:`subtleBlue`},parts:[`container`,`button`,`icon`,`text`,`title`],sizes:{},variants:{subtleBlue:{container:{bg:`skyBlue.95`,borderColor:`seaBlue.main`,color:`seaBlue.main`},button:{borderColor:`transparent`}},subtleRed:{container:{bg:`energyRed.95`,borderColor:`energyRed.45`,color:`energyRed.45`}},subtleYellow:{container:{bg:`sunflower.85`,borderColor:`sunflower.15`,color:`sunflower.15`}},subtleGreen:{container:{bg:`landGreen.95`,borderColor:`landGreen.30`,color:`landGreen.30`}},bannerBlue:{container:{bg:`skyBlue.95`,borderColor:`skyBlue.95`,color:`seaBlue.main`},button:{borderColor:`transparent`}},bannerRed:{container:{bg:`energyRed.95`,borderColor:`energyRed.95`,color:`energyRed.45`}},bannerYellow:{container:{bg:`sunflower.85`,borderColor:`sunflower.85`,color:`sunflower.15`}},bannerGreen:{container:{bg:`landGreen.95`,borderColor:`landGreen.95`,color:`landGreen.30`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/notification/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/notification/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'subtleBlue',\n}\n\nconst parts = ['container', 'button', 'icon', 'text', 'title']\n\nconst sizes = {}\n\nconst variants = {\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.45',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.15',\n      color: 'sunflower.15',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n    },\n  },\n  bannerBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  bannerRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  bannerYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.85',\n      color: 'sunflower.15',\n    },\n  },\n  bannerGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AA2EA,IAAA,EAAe,CACb,UA5EgB,EAAE,CA6ElB,aA3EmB,CACnB,QAAS,aACV,CA0EC,MAxEY,CAAC,YAAa,SAAU,OAAQ,OAAQ,QAAQ,CAyE5D,MAvEY,EAAE,CAwEd,SAtEe,CACf,WAAY,CACV,UAAW,CACT,GAAI,aACJ,YAAa,eACb,MAAO,eACR,CACD,OAAQ,CACN,YAAa,cACd,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,aAAc,CACZ,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,YAAa,CACX,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,WAAY,CACV,UAAW,CACT,GAAI,aACJ,YAAa,aACb,MAAO,eACR,CACD,OAAQ,CACN,YAAa,cACd,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,aAAc,CACZ,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,YAAa,CACX,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACF,CAQA"}

package/dist/onedesign-tokens/dist/js/rem/button.js

@@ -0,0 +1,2 @@
+const e=`hsla(0, 0%, 0%, 0)`,t=`hsla(0, 0%, 0%, 0)`,n=`hsla(218, 100%, 28%, 1)`,r=`hsla(139, 100%, 78%, 1)`,i=`hsla(40, 3%, 100%, 1)`,a=`hsla(223, 67%, 18%, 1)`,o=`hsla(0, 0%, 0%, 0)`,s=`hsla(0, 0%, 0%, 0)`,c=`hsla(218, 100%, 20%, 1)`,l=`hsla(139, 100%, 70%, 1)`,u=`hsla(40, 3%, 100%, 1)`,d=`hsla(223, 67%, 18%, 1)`,f=`hsla(0, 0%, 0%, 0)`,p=`hsla(0, 0%, 0%, 0)`,m=`hsla(218, 100%, 35%, 1)`,h=`hsla(139, 100%, 85%, 1)`,g=`hsla(40, 3%, 100%, 1)`,_=`hsla(223, 67%, 18%, 1)`,v=`0.25rem solid hsla(196, 100%, 43%, 1)`,y=`hsla(218, 100%, 28%, 1)`,b=`hsla(139, 100%, 78%, 1)`,x=`hsla(0, 0%, 0%, 0)`,S=`hsla(0, 0%, 0%, 0)`,C=`hsla(218, 100%, 28%, 1)`,w=`hsla(139, 100%, 78%, 1)`,T=`hsla(218, 100%, 28%, 1)`,E=`hsla(139, 100%, 78%, 1)`,D=`hsla(196, 74%, 80%, 1)`,O=`hsla(218, 100%, 25%, 1)`,k=`hsla(218, 100%, 28%, 1)`,A=`hsla(139, 100%, 78%, 1)`,j=`hsla(218, 100%, 28%, 1)`,M=`hsla(139, 100%, 78%, 1)`,N=`hsla(196, 74%, 85%, 1)`,P=`hsla(218, 100%, 35%, 1)`,F=`hsla(218, 100%, 28%, 1)`,I=`hsla(139, 100%, 78%, 1)`,L=`0.25rem solid hsla(196, 100%, 43%, 1)`,R=`hsla(0, 0%, 0%, 0)`,z=`hsla(0, 0%, 0%, 0)`,B=`hsla(0, 0%, 0%, 0)`,V=`hsla(0, 0%, 0%, 0)`,H=`hsla(218, 100%, 28%, 1)`,U=`hsla(139, 100%, 78%, 1)`,W=`hsla(0, 0%, 0%, 0)`,G=`hsla(0, 0%, 0%, 0)`,K=`hsla(196, 74%, 80%, 1)`,q=`hsla(218, 100%, 25%, 1)`,J=`hsla(218, 100%, 28%, 1)`,Y=`hsla(139, 100%, 78%, 1)`,X=`hsla(0, 0%, 0%, 0)`,Z=`hsla(0, 0%, 0%, 0)`,Q=`hsla(196, 74%, 85%, 1)`,$=`hsla(218, 100%, 35%, 1)`,ee=`hsla(218, 100%, 28%, 1)`,te=`hsla(139, 100%, 78%, 1)`,ne=`0.25rem solid hsla(196, 100%, 43%, 1)`,re=`default`,ie=`0.5`;export{re as buttonDisabledCursor,ie as buttonDisabledOpacity,m as buttonTypePrimaryActiveBackgroundColorDark,h as buttonTypePrimaryActiveBackgroundColorLight,f as buttonTypePrimaryActiveBorderColorDark,p as buttonTypePrimaryActiveBorderColorLight,g as buttonTypePrimaryActiveTextColorDark,_ as buttonTypePrimaryActiveTextColorLight,n as buttonTypePrimaryDefaultBackgroundColorDark,r as buttonTypePrimaryDefaultBackgroundColorLight,e as buttonTypePrimaryDefaultBorderColorDark,t as buttonTypePrimaryDefaultBorderColorLight,i as buttonTypePrimaryDefaultTextColorDark,a as buttonTypePrimaryDefaultTextColorLight,v as buttonTypePrimaryFocusOutline,c as buttonTypePrimaryHoverBackgroundColorDark,l as buttonTypePrimaryHoverBackgroundColorLight,o as buttonTypePrimaryHoverBorderColorDark,s as buttonTypePrimaryHoverBorderColorLight,u as buttonTypePrimaryHoverTextColorDark,d as buttonTypePrimaryHoverTextColorLight,N as buttonTypeSecondaryActiveBackgroundColorDark,P as buttonTypeSecondaryActiveBackgroundColorLight,j as buttonTypeSecondaryActiveBorderColorDark,M as buttonTypeSecondaryActiveBorderColorLight,F as buttonTypeSecondaryActiveTextColorDark,I as buttonTypeSecondaryActiveTextColorLight,x as buttonTypeSecondaryDefaultBackgroundColorDark,S as buttonTypeSecondaryDefaultBackgroundColorLight,y as buttonTypeSecondaryDefaultBorderColorDark,b as buttonTypeSecondaryDefaultBorderColorLight,C as buttonTypeSecondaryDefaultTextColorDark,w as buttonTypeSecondaryDefaultTextColorLight,L as buttonTypeSecondaryFocusOutline,D as buttonTypeSecondaryHoverBackgroundColorDark,O as buttonTypeSecondaryHoverBackgroundColorLight,T as buttonTypeSecondaryHoverBorderColorDark,E as buttonTypeSecondaryHoverBorderColorLight,k as buttonTypeSecondaryHoverTextColorDark,A as buttonTypeSecondaryHoverTextColorLight,Q as buttonTypeTertiaryActiveBackgroundColorDark,$ as buttonTypeTertiaryActiveBackgroundColorLight,X as buttonTypeTertiaryActiveBorderColorDark,Z as buttonTypeTertiaryActiveBorderColorLight,ee as buttonTypeTertiaryActiveTextColorDark,te as buttonTypeTertiaryActiveTextColorLight,B as buttonTypeTertiaryDefaultBackgroundColorDark,V as buttonTypeTertiaryDefaultBackgroundColorLight,R as buttonTypeTertiaryDefaultBorderColorDark,z as buttonTypeTertiaryDefaultBorderColorLight,H as buttonTypeTertiaryDefaultTextColorDark,U as buttonTypeTertiaryDefaultTextColorLight,ne as buttonTypeTertiaryFocusOutline,K as buttonTypeTertiaryHoverBackgroundColorDark,q as buttonTypeTertiaryHoverBackgroundColorLight,W as buttonTypeTertiaryHoverBorderColorDark,G as buttonTypeTertiaryHoverBorderColorLight,J as buttonTypeTertiaryHoverTextColorDark,Y as buttonTypeTertiaryHoverTextColorLight};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=button.js.map