@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/menu/menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu/menu.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/menu/menu.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ChevronDown } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { DropdownItem } from '../dropdown';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface MenuItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  href?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  children?: readonly MenuItem[];\n  type?: 'item' | 'group' | 'divider';\n}\nexport interface MenuProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {\n  items: readonly MenuItem[];\n  mode?: 'vertical' | 'horizontal' | 'inline';\n  selectedKey?: string;\n  defaultSelectedKey?: string;\n  onSelect?: (key: string, item: MenuItem) => void;\n  openKeys?: readonly string[];\n  defaultOpenKeys?: readonly string[];\n  onOpenChange?: (keys: string[]) => void;\n  collapsed?: boolean;\n  itemRender?: (item: MenuItem, content: ReactNode) => ReactNode;\n  linkRender?: (item: MenuItem, link: ReactNode) => ReactNode;\n  itemClassName?: string | ((item: MenuItem) => string);\n}\nfunction MenuSubmenu({\n  open,\n  id,\n  label,\n  children,\n}: {\n  open: boolean;\n  id: string;\n  label?: string;\n  children: () => ReactNode;\n}) {\n  const [visited, setVisited] = useState(open);\n  if (open && !visited) setVisited(true);\n  return (\n    <div\n      id={id}\n      role=\"menu\"\n      className=\"leaf-menu__submenu\"\n      aria-label={label}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      data-open={open || undefined}\n    >\n      <div className=\"leaf-menu__submenu-inner\">\n        <div className=\"leaf-menu__submenu-content\">{visited && children()}</div>\n      </div>\n    </div>\n  );\n}\nexport function Menu(rawProps: MenuProps) {\n  const {\n    items,\n    mode = 'vertical',\n    selectedKey,\n    defaultSelectedKey = '',\n    onSelect,\n    openKeys,\n    defaultOpenKeys = [],\n    onOpenChange,\n    collapsed = false,\n    itemRender,\n    linkRender,\n    itemClassName,\n    className,\n    ...props\n  } = useComponentProps('Menu', rawProps);\n  const t = useText();\n  const { direction } = useLeafConfig();\n  const id = useId();\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const [selected, setSelected] = useControllable(selectedKey, defaultSelectedKey);\n  const [active, setActive] = useState<string | undefined>(undefined);\n  const [opened, setOpened] = useControllable<readonly string[]>(\n    openKeys,\n    defaultOpenKeys,\n    (keys) => onOpenChange?.([...keys]),\n  );\n  useMovingIndicator(\n    root,\n    indicator,\n    '[data-selected=\"true\"]',\n    `${selected}-${collapsed}-${mode}-${direction}-${opened.join(',')}`,\n  );\n  const toggle = (key: string) =>\n    setOpened(opened.includes(key) ? opened.filter((value) => value !== key) : [...opened, key]);\n  const hasSelected = (item: MenuItem): boolean =>\n    item.key === selected || Boolean(item.children?.some(hasSelected));\n  const visibleItems: MenuItem[] = [];\n  const collect = (entries: readonly MenuItem[]) => {\n    for (const item of entries) {\n      if (item.type === 'group') collect(item.children ?? []);\n      else if (item.type !== 'divider') {\n        if (!item.disabled) visibleItems.push(item);\n        if (opened.includes(item.key) && mode !== 'horizontal' && !collapsed)\n          collect(item.children ?? []);\n      }\n    }\n  };\n  collect(items);\n  const focusKey = visibleItems.some((item) => item.key === active)\n    ? active\n    : (visibleItems.find((item) => item.key === selected)?.key ?? visibleItems[0]?.key);\n  const convert = (entries: readonly MenuItem[]): DropdownItem[] =>\n    entries.map((item) => ({\n      ...item,\n      children: item.children ? convert(item.children) : undefined,\n      onClick: () => {\n        if (!item.children?.length) {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      },\n    }));\n  const renderItems = (entries: readonly MenuItem[], depth: number): ReactNode =>\n    entries.map((item) => {\n      if (item.type === 'divider') return <hr className=\"leaf-menu__divider\" key={item.key} />;\n      if (item.type === 'group')\n        return (\n          <fieldset\n            aria-label={typeof item.label === 'string' ? item.label : undefined}\n            key={item.key}\n            className=\"leaf-menu__group\"\n          >\n            <legend className=\"leaf-menu__group-label\">{item.label}</legend>\n            {renderItems(item.children ?? [], depth)}\n          </fieldset>\n        );\n      const expanded = opened.includes(item.key);\n      const hasChildren = Boolean(item.children?.length);\n      const originalContent = (\n        <>\n          {item.icon && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {item.icon}\n            </span>\n          )}\n          {!item.icon && collapsed && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {typeof item.label === 'string' ? item.label.slice(0, 1) : '·'}\n            </span>\n          )}\n          <span className=\"leaf-menu__label\">{item.label}</span>\n          {hasChildren && <ChevronDown className=\"leaf-menu__arrow\" size={14} aria-hidden=\"true\" />}\n        </>\n      );\n      const content = itemRender?.(item, originalContent) ?? originalContent;\n      const common = {\n        role: 'menuitem',\n        'aria-current': selected === item.key ? ('page' as const) : undefined,\n        'aria-disabled': item.disabled || undefined,\n        'aria-expanded': hasChildren ? expanded : undefined,\n        'aria-controls': hasChildren ? `${id}-${item.key}` : undefined,\n        'data-selected': selected === item.key || undefined,\n        'data-active-parent': (hasChildren && hasSelected(item)) || undefined,\n        'data-danger': item.danger || undefined,\n        className: classes(\n          'leaf-menu__item',\n          typeof itemClassName === 'function' ? itemClassName(item) : itemClassName,\n        ),\n        tabIndex: !item.disabled && focusKey === item.key ? 0 : -1,\n        'data-menu-key': item.key,\n        'data-leaf-indicator-item': '',\n        'aria-label': collapsed && typeof item.label === 'string' ? item.label : undefined,\n        onFocus: () => setActive(item.key),\n        title: collapsed && typeof item.label === 'string' ? item.label : undefined,\n        style: { paddingInlineStart: 12 + depth * 16 },\n      };\n      const activate = () => {\n        if (item.disabled) return;\n        if (hasChildren) toggle(item.key);\n        else {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      };\n      if (hasChildren && (mode === 'horizontal' || collapsed))\n        return (\n          <div key={item.key} className=\"leaf-menu__entry\">\n            <Dropdown\n              items={convert(item.children ?? [])}\n              open={expanded}\n              disabled={item.disabled}\n              onOpenChange={(next) => setOpened(next ? [item.key] : [])}\n            >\n              <button {...common} type=\"button\">\n                {content}\n              </button>\n            </Dropdown>\n          </div>\n        );\n      return (\n        <div key={item.key} className=\"leaf-menu__entry\">\n          {item.href && !hasChildren ? (\n            ((link: ReactNode) => linkRender?.(item, link) ?? link)(\n              <a\n                {...common}\n                href={item.disabled ? undefined : item.href}\n                onClick={(event) => {\n                  if (item.disabled) event.preventDefault();\n                  else activate();\n                }}\n              >\n                {content}\n              </a>,\n            )\n          ) : (\n            <button {...common} type=\"button\" disabled={item.disabled} onClick={activate}>\n              {content}\n            </button>\n          )}\n          {hasChildren && (\n            <MenuSubmenu\n              id={`${id}-${item.key}`}\n              open={expanded}\n              label={typeof item.label === 'string' ? item.label : undefined}\n            >\n              {() => renderItems(item.children ?? [], depth + 1)}\n            </MenuSubmenu>\n          )}\n        </div>\n      );\n    });\n  return (\n    <nav\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-menu',\n        `leaf-menu--${mode}`,\n        collapsed && 'leaf-menu--collapsed',\n        className,\n      )}\n      aria-label={props['aria-label'] ?? t('menu.navigationMenu')}\n    >\n      <span ref={indicator} className=\"leaf-menu__indicator\" aria-hidden=\"true\" />\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: This container delegates arrow navigation for the menu or menubar role. */}\n      <div\n        role={mode === 'horizontal' ? 'menubar' : 'menu'}\n        onKeyDown={(event) => {\n          if (event.defaultPrevented) return;\n          if (\n            !['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Home', 'End', 'Escape'].includes(\n              event.key,\n            )\n          )\n            return;\n          const target = event.target as HTMLElement;\n          if (event.key === 'Escape') {\n            setOpened([]);\n            root.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n            return;\n          }\n          const choices = [\n            ...(root.current?.querySelectorAll<HTMLElement>(\n              '[role=\"menuitem\"]:not([aria-disabled=\"true\"])',\n            ) ?? []),\n          ].filter((node) => visibleItems.some((item) => item.key === node.dataset.menuKey));\n          const position = choices.indexOf(target.closest('[role=\"menuitem\"]') as HTMLElement);\n          const key = choices[position]?.dataset.menuKey;\n          const item = visibleItems.find((entry) => entry.key === key);\n          const focusItem = (nextKey: string) => {\n            setActive(nextKey);\n            queueMicrotask(() => {\n              const node = [\n                ...(root.current?.querySelectorAll<HTMLElement>('[data-menu-key]') ?? []),\n              ].find((entry) => entry.dataset.menuKey === nextKey);\n              node?.focus();\n            });\n          };\n          if (mode !== 'horizontal' && !collapsed && item) {\n            if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n              event.preventDefault();\n              if (item.children?.length) {\n                if (!opened.includes(item.key)) setOpened([...opened, item.key]);\n                else {\n                  const child = item.children.find(\n                    (entry) => !entry.disabled && entry.type !== 'divider',\n                  );\n                  if (child) focusItem(child.key);\n                }\n              }\n              return;\n            }\n            if (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')) {\n              event.preventDefault();\n              if (opened.includes(item.key)) toggle(item.key);\n              else {\n                const parentOf = (entries: readonly MenuItem[]): MenuItem | undefined => {\n                  for (const entry of entries) {\n                    if (entry.children?.some((child) => child.key === item.key)) return entry;\n                    const parent = parentOf(entry.children ?? []);\n                    if (parent) return parent;\n                  }\n                  return undefined;\n                };\n                const parent = parentOf(items);\n                if (parent && parent.type !== 'group') focusItem(parent.key);\n              }\n              return;\n            }\n          }\n          if (mode === 'horizontal' && event.key === 'ArrowDown' && item?.children?.length) {\n            event.preventDefault();\n            setOpened([item.key]);\n            return;\n          }\n          const next =\n            event.key === 'Home'\n              ? 0\n              : event.key === 'End'\n                ? choices.length - 1\n                : (position +\n                    (event.key === 'ArrowUp' ||\n                    event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                      ? -1\n                      : 1) +\n                    choices.length) %\n                  choices.length;\n          event.preventDefault();\n          const nextKey = choices[next]?.dataset.menuKey;\n          if (nextKey) setActive(nextKey);\n          choices[next]?.focus();\n        }}\n      >\n        {renderItems(items, 0)}\n      </div>\n    </nav>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","MenuSubmenu","open","id","label","children","visited","setVisited","useState","undefined","inertProps","Menu","rawProps","items","mode","selectedKey","defaultSelectedKey","onSelect","openKeys","defaultOpenKeys","onOpenChange","collapsed","itemRender","linkRender","itemClassName","className","props","useComponentProps","t","useText","direction","useLeafConfig","useId","root","useRef","indicator","selected","setSelected","useControllable","active","setActive","opened","setOpened","keys","useMovingIndicator","toggle","value","hasSelected","item","Boolean","visibleItems","collect","entries","focusKey","convert","renderItems","depth","expanded","hasChildren","originalContent","ChevronDown","content","common","classes","activate","Dropdown","next","link","event","target","choices","node","position","entry","focusItem","nextKey","queueMicrotask","child","parentOf","parent"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;AC6BA,SAASI,YAAY,EACnBC,IAAI,EACJC,EAAE,EACFC,KAAK,EACLC,QAAQ,EAMT;IACC,MAAM,CAACC,SAASC,WAAW,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASN;IACvC,IAAIA,QAAQ,CAACI,SAASC,WAAW;IACjC,OACE,AADK,WAAP,GACE,qCAAC;QACC,IAAIJ;QACJ,MAAK;QACL,WAAU;QACV,cAAYC;QACZ,eAAa,CAACF,QAAQO;QACrB,GAAGC,AAAAA,IAAAA,0BAAAA,UAAAA,AAAAA,EAAW,CAACR,KAAK;QACrB,aAAWA,QAAQO;kBAEnB,mDAAC;YAAI,WAAU;sBACb,mDAAC;gBAAI,WAAU;0BAA8BH,WAAWD;;;;AAIhE;AACO,SAASM,KAAKC,QAAmB;IACtC,MAAM,EACJC,KAAK,EACLC,OAAO,UAAU,EACjBC,WAAW,EACXC,qBAAqB,EAAE,EACvBC,QAAQ,EACRC,QAAQ,EACRC,kBAAkB,EAAE,EACpBC,YAAY,EACZC,YAAY,KAAK,EACjBC,UAAU,EACVC,UAAU,EACVC,aAAa,EACbC,SAAS,EACT,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,QAAQf;IAC9B,MAAMgB,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAM,EAAEC,SAAS,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACtB,MAAM5B,KAAK6B,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMC,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAoB;IACjC,MAAMC,YAAYD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAwB;IAC1C,MAAM,CAACE,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAAgBvB,aAAaC;IAC7D,MAAM,CAACuB,QAAQC,UAAU,GAAGhC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAA6BC;IACzD,MAAM,CAACgC,QAAQC,UAAU,GAAGJ,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAC1BpB,UACAC,iBACA,CAACwB,OAASvB,eAAe;eAAIuB;SAAK;IAEpCC,IAAAA,yCAAAA,kBAAAA,AAAAA,EACEX,MACAE,WACA,0BACA,GAAGC,SAAS,CAAC,EAAEf,UAAU,CAAC,EAAEP,KAAK,CAAC,EAAEgB,UAAU,CAAC,EAAEW,OAAO,IAAI,CAAC,MAAM;IAErE,MAAMI,SAAS,CAACjD,MACd8C,UAAUD,OAAO,QAAQ,CAAC7C,OAAO6C,OAAO,MAAM,CAAC,CAACK,QAAUA,UAAUlD,OAAO;eAAI6C;YAAQ7C;SAAI;IAC7F,MAAMmD,cAAc,CAACC,OACnBA,KAAK,GAAG,KAAKZ,YAAYa,QAAQD,KAAK,QAAQ,EAAE,KAAKD;IACvD,MAAMG,eAA2B,EAAE;IACnC,MAAMC,UAAU,CAACC;QACf,KAAK,MAAMJ,QAAQI,QACjB,IAAIJ,AAAc,YAAdA,KAAK,IAAI,EAAcG,QAAQH,KAAK,QAAQ,IAAI,EAAE;aACjD,IAAIA,AAAc,cAAdA,KAAK,IAAI,EAAgB;YAChC,IAAI,CAACA,KAAK,QAAQ,EAAEE,aAAa,IAAI,CAACF;YACtC,IAAIP,OAAO,QAAQ,CAACO,KAAK,GAAG,KAAKlC,AAAS,iBAATA,QAAyB,CAACO,WACzD8B,QAAQH,KAAK,QAAQ,IAAI,EAAE;QAC/B;IAEJ;IACAG,QAAQtC;IACR,MAAMwC,WAAWH,aAAa,IAAI,CAAC,CAACF,OAASA,KAAK,GAAG,KAAKT,UACtDA,SACCW,aAAa,IAAI,CAAC,CAACF,OAASA,KAAK,GAAG,KAAKZ,WAAW,OAAOc,YAAY,CAAC,EAAE,EAAE;IACjF,MAAMI,UAAU,CAACF,UACfA,QAAQ,GAAG,CAAC,CAACJ,OAAU;gBACrB,GAAGA,IAAI;gBACP,UAAUA,KAAK,QAAQ,GAAGM,QAAQN,KAAK,QAAQ,IAAIvC;gBACnD,SAAS;oBACP,IAAI,CAACuC,KAAK,QAAQ,EAAE,QAAQ;wBAC1BX,YAAYW,KAAK,GAAG;wBACpB/B,WAAW+B,KAAK,GAAG,EAAEA;oBACvB;gBACF;YACF;IACF,MAAMO,cAAc,CAACH,SAA8BI,QACjDJ,QAAQ,GAAG,CAAC,CAACJ;YACX,IAAIA,AAAc,cAAdA,KAAK,IAAI,EAAgB,OAAO,WAAP,GAAO,qCAAC;gBAAG,WAAU;eAA0BA,KAAK,GAAG;YACpF,IAAIA,AAAc,YAAdA,KAAK,IAAI,EACX,OACE,AADK,WAAP,GACE,sCAAC;gBACC,cAAY,AAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGvC;gBAE1D,WAAU;;kCAEV,qCAAC;wBAAO,WAAU;kCAA0BuC,KAAK,KAAK;;oBACrDO,YAAYP,KAAK,QAAQ,IAAI,EAAE,EAAEQ;;eAJ7BR,KAAK,GAAG;YAOnB,MAAMS,WAAWhB,OAAO,QAAQ,CAACO,KAAK,GAAG;YACzC,MAAMU,cAAcT,QAAQD,KAAK,QAAQ,EAAE;YAC3C,MAAMW,kBACJ,AADsB,WAAlBA,GACJ;;oBACGX,KAAK,IAAI,IACR,AADY,WAAJ,GACR,qCAAC;wBAAK,WAAU;wBAAkB,eAAY;kCAC3CA,KAAK,IAAI;;oBAGb,CAACA,KAAK,IAAI,IAAI3B,aACb,AAD0B,WAAbA,GACb,qCAAC;wBAAK,WAAU;wBAAkB,eAAY;kCAC3C,AAAsB,YAAtB,OAAO2B,KAAK,KAAK,GAAgBA,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK;;kCAG/D,qCAAC;wBAAK,WAAU;kCAAoBA,KAAK,KAAK;;oBAC7CU,eAAe,WAAfA,GAAe,qCAACE,sCAAAA,WAAWA,EAAAA;wBAAC,WAAU;wBAAmB,MAAM;wBAAI,eAAY;;;;YAGpF,MAAMC,UAAUvC,aAAa0B,MAAMW,oBAAoBA;YACvD,MAAMG,SAAS;gBACb,MAAM;gBACN,gBAAgB1B,aAAaY,KAAK,GAAG,GAAI,SAAmBvC;gBAC5D,iBAAiBuC,KAAK,QAAQ,IAAIvC;gBAClC,iBAAiBiD,cAAcD,WAAWhD;gBAC1C,iBAAiBiD,cAAc,GAAGvD,GAAG,CAAC,EAAE6C,KAAK,GAAG,EAAE,GAAGvC;gBACrD,iBAAiB2B,aAAaY,KAAK,GAAG,IAAIvC;gBAC1C,sBAAuBiD,eAAeX,YAAYC,SAAUvC;gBAC5D,eAAeuC,KAAK,MAAM,IAAIvC;gBAC9B,WAAWsD,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,mBACA,AAAyB,cAAzB,OAAOvC,gBAA+BA,cAAcwB,QAAQxB;gBAE9D,UAAU,AAACwB,KAAK,QAAQ,IAAIK,aAAaL,KAAK,GAAG,GAAO,KAAJ;gBACpD,iBAAiBA,KAAK,GAAG;gBACzB,4BAA4B;gBAC5B,cAAc3B,aAAa,AAAsB,YAAtB,OAAO2B,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGvC;gBACzE,SAAS,IAAM+B,UAAUQ,KAAK,GAAG;gBACjC,OAAO3B,aAAa,AAAsB,YAAtB,OAAO2B,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGvC;gBAClE,OAAO;oBAAE,oBAAoB,KAAK+C,AAAQ,KAARA;gBAAW;YAC/C;YACA,MAAMQ,WAAW;gBACf,IAAIhB,KAAK,QAAQ,EAAE;gBACnB,IAAIU,aAAab,OAAOG,KAAK,GAAG;qBAC3B;oBACHX,YAAYW,KAAK,GAAG;oBACpB/B,WAAW+B,KAAK,GAAG,EAAEA;gBACvB;YACF;YACA,IAAIU,eAAgB5C,CAAAA,AAAS,iBAATA,QAAyBO,SAAQ,GACnD,OACE,AADK,WAAP,GACE,qCAAC;gBAAmB,WAAU;0BAC5B,mDAAC4C,6BAAAA,eAAQA,EAAAA;oBACP,OAAOX,QAAQN,KAAK,QAAQ,IAAI,EAAE;oBAClC,MAAMS;oBACN,UAAUT,KAAK,QAAQ;oBACvB,cAAc,CAACkB,OAASxB,UAAUwB,OAAO;4BAAClB,KAAK,GAAG;yBAAC,GAAG,EAAE;8BAExD,mDAAC;wBAAQ,GAAGc,MAAM;wBAAE,MAAK;kCACtBD;;;eARGb,KAAK,GAAG;YAatB,OACE,AADK,WAAP,GACE,sCAAC;gBAAmB,WAAU;;oBAC3BA,KAAK,IAAI,IAAI,CAACU,cACZ,AAAC,EAAAS,OAAoB5C,aAAayB,MAAMmB,SAASA,IAAG,EACnD,AADmD,cACnD,qCAAC;wBACE,GAAGL,MAAM;wBACV,MAAMd,KAAK,QAAQ,GAAGvC,SAAYuC,KAAK,IAAI;wBAC3C,SAAS,CAACoB;4BACR,IAAIpB,KAAK,QAAQ,EAAEoB,MAAM,cAAc;iCAClCJ;wBACP;kCAECH;0BAIL,mDAAC;wBAAQ,GAAGC,MAAM;wBAAE,MAAK;wBAAS,UAAUd,KAAK,QAAQ;wBAAE,SAASgB;kCACjEH;;oBAGJH,eACC,AADc,WAAfA,GACC,qCAACzD,aAAAA;wBACC,IAAI,GAAGE,GAAG,CAAC,EAAE6C,KAAK,GAAG,EAAE;wBACvB,MAAMS;wBACN,OAAO,AAAsB,YAAtB,OAAOT,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGvC;kCAEpD,IAAM8C,YAAYP,KAAK,QAAQ,IAAI,EAAE,EAAEQ,QAAQ;;;eAzB5CR,KAAK,GAAG;QA8BtB;IACF,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGtB,KAAK;QACT,KAAKO;QACL,WAAW8B,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,aACA,CAAC,WAAW,EAAEjD,MAAM,EACpBO,aAAa,wBACbI;QAEF,cAAYC,KAAK,CAAC,aAAa,IAAIE,EAAE;;0BAErC,qCAAC;gBAAK,KAAKO;gBAAW,WAAU;gBAAuB,eAAY;;0BAEnE,qCAAC;gBACC,MAAMrB,AAAS,iBAATA,OAAwB,YAAY;gBAC1C,WAAW,CAACsD;oBACV,IAAIA,MAAM,gBAAgB,EAAE;oBAC5B,IACE,CAAC;wBAAC;wBAAa;wBAAW;wBAAc;wBAAa;wBAAQ;wBAAO;qBAAS,CAAC,QAAQ,CACpFA,MAAM,GAAG,GAGX;oBACF,MAAMC,SAASD,MAAM,MAAM;oBAC3B,IAAIA,AAAc,aAAdA,MAAM,GAAG,EAAe;wBAC1B1B,UAAU,EAAE;wBACZT,KAAK,OAAO,EAAE,cAA2B,sBAAsB;wBAC/D;oBACF;oBACA,MAAMqC,UAAU;2BACVrC,KAAK,OAAO,EAAE,iBAChB,oDACG,EAAE;qBACR,CAAC,MAAM,CAAC,CAACsC,OAASrB,aAAa,IAAI,CAAC,CAACF,OAASA,KAAK,GAAG,KAAKuB,KAAK,OAAO,CAAC,OAAO;oBAChF,MAAMC,WAAWF,QAAQ,OAAO,CAACD,OAAO,OAAO,CAAC;oBAChD,MAAMzE,MAAM0E,OAAO,CAACE,SAAS,EAAE,QAAQ;oBACvC,MAAMxB,OAAOE,aAAa,IAAI,CAAC,CAACuB,QAAUA,MAAM,GAAG,KAAK7E;oBACxD,MAAM8E,YAAY,CAACC;wBACjBnC,UAAUmC;wBACVC,eAAe;4BACb,MAAML,OAAO;mCACPtC,KAAK,OAAO,EAAE,iBAA8B,sBAAsB,EAAE;6BACzE,CAAC,IAAI,CAAC,CAACwC,QAAUA,MAAM,OAAO,CAAC,OAAO,KAAKE;4BAC5CJ,MAAM;wBACR;oBACF;oBACA,IAAIzD,AAAS,iBAATA,QAAyB,CAACO,aAAa2B,MAAM;wBAC/C,IAAIoB,MAAM,GAAG,KAAMtC,CAAAA,AAAc,UAAdA,YAAsB,cAAc,YAAW,GAAI;4BACpEsC,MAAM,cAAc;4BACpB,IAAIpB,KAAK,QAAQ,EAAE,QACjB,IAAKP,OAAO,QAAQ,CAACO,KAAK,GAAG,GACxB;gCACH,MAAM6B,QAAQ7B,KAAK,QAAQ,CAAC,IAAI,CAC9B,CAACyB,QAAU,CAACA,MAAM,QAAQ,IAAIA,AAAe,cAAfA,MAAM,IAAI;gCAE1C,IAAII,OAAOH,UAAUG,MAAM,GAAG;4BAChC,OANgCnC,UAAU;mCAAID;gCAAQO,KAAK,GAAG;6BAAC;4BAQjE;wBACF;wBACA,IAAIoB,MAAM,GAAG,KAAMtC,CAAAA,AAAc,UAAdA,YAAsB,eAAe,WAAU,GAAI;4BACpEsC,MAAM,cAAc;4BACpB,IAAI3B,OAAO,QAAQ,CAACO,KAAK,GAAG,GAAGH,OAAOG,KAAK,GAAG;iCACzC;gCACH,MAAM8B,WAAW,CAAC1B;oCAChB,KAAK,MAAMqB,SAASrB,QAAS;wCAC3B,IAAIqB,MAAM,QAAQ,EAAE,KAAK,CAACI,QAAUA,MAAM,GAAG,KAAK7B,KAAK,GAAG,GAAG,OAAOyB;wCACpE,MAAMM,SAASD,SAASL,MAAM,QAAQ,IAAI,EAAE;wCAC5C,IAAIM,QAAQ,OAAOA;oCACrB;gCAEF;gCACA,MAAMA,SAASD,SAASjE;gCACxB,IAAIkE,UAAUA,AAAgB,YAAhBA,OAAO,IAAI,EAAcL,UAAUK,OAAO,GAAG;4BAC7D;4BACA;wBACF;oBACF;oBACA,IAAIjE,AAAS,iBAATA,QAAyBsD,AAAc,gBAAdA,MAAM,GAAG,IAAoBpB,MAAM,UAAU,QAAQ;wBAChFoB,MAAM,cAAc;wBACpB1B,UAAU;4BAACM,KAAK,GAAG;yBAAC;wBACpB;oBACF;oBACA,MAAMkB,OACJE,AAAc,WAAdA,MAAM,GAAG,GACL,IACAA,AAAc,UAAdA,MAAM,GAAG,GACPE,QAAQ,MAAM,GAAG,IAChBE,AAAAA,CAAAA,WACEJ,CAAAA,AAAc,cAAdA,MAAM,GAAG,IACVA,MAAM,GAAG,KAAMtC,CAAAA,AAAc,UAAdA,YAAsB,eAAe,WAAU,IAC1D,KACA,KACJwC,QAAQ,MAAK,IACfA,QAAQ,MAAM;oBACtBF,MAAM,cAAc;oBACpB,MAAMO,UAAUL,OAAO,CAACJ,KAAK,EAAE,QAAQ;oBACvC,IAAIS,SAASnC,UAAUmC;oBACvBL,OAAO,CAACJ,KAAK,EAAE;gBACjB;0BAECX,YAAY1C,OAAO;;;;AAI5B"}

package/dist/cjs/browser/modules/message/index.cjs

@@ -0,0 +1,50 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Message: ()=>external_message_cjs_namespaceObject.Message,
+    MessageProvider: ()=>external_provider_cjs_namespaceObject.MessageProvider,
+    useMessage: ()=>external_message_cjs_namespaceObject.useMessage
+});
+const external_message_cjs_namespaceObject = require("./message.cjs");
+const external_provider_cjs_namespaceObject = require("./provider.cjs");
+exports.Message = __webpack_exports__.Message;
+exports.MessageProvider = __webpack_exports__.MessageProvider;
+exports.useMessage = __webpack_exports__.useMessage;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Message",
+    "MessageProvider",
+    "useMessage"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/message/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/message/item.cjs

@@ -0,0 +1,152 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/message.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MessageItem: ()=>MessageItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const alert_cjs_namespaceObject = require("../alert/alert.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+function MessageItem({ entry, close, remove }) {
+    const inherited = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const config = entry.config ?? inherited;
+    const { messages } = config;
+    const variables = (0, external_react_namespaceObject.useMemo)(()=>entry.config ? (0, external_theme_cjs_namespaceObject.leafThemeVariables)(config.theme) : void 0, [
+        entry.config,
+        config.theme
+    ]);
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(entry.open, ref);
+    const type = entry.type ?? 'info';
+    const [hover, setHover] = (0, external_react_namespaceObject.useState)(false);
+    const duration = entry.duration ?? ('loading' === entry.type ? 0 : 3);
+    const remaining = (0, external_react_namespaceObject.useRef)(1000 * duration);
+    const lastRevision = (0, external_react_namespaceObject.useRef)(entry.revision);
+    const previousCycle = (0, external_react_namespaceObject.useRef)({
+        open: entry.open,
+        duration
+    });
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (lastRevision.current !== entry.revision || !previousCycle.current.open && entry.open || previousCycle.current.duration !== duration) {
+            remaining.current = 1000 * duration;
+            lastRevision.current = entry.revision;
+        }
+        previousCycle.current = {
+            open: entry.open,
+            duration
+        };
+        if (!entry.open || hover || duration <= 0) return;
+        const started = Date.now();
+        const timer = setTimeout(close, remaining.current);
+        return ()=>{
+            clearTimeout(timer);
+            remaining.current = Math.max(0, remaining.current - (Date.now() - started));
+        };
+    }, [
+        entry.open,
+        duration,
+        hover,
+        close,
+        entry.revision
+    ]);
+    const wasPresent = (0, external_react_namespaceObject.useRef)(present);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (wasPresent.current && !present) remove();
+        wasPresent.current = present;
+    }, [
+        present,
+        remove
+    ]);
+    if (!present) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_cjs_namespaceObject.ConfigContext.Provider, {
+        value: config,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            className: "leaf-message-slot",
+            lang: entry.config?.locale,
+            "data-leaf-theme": entry.config?.theme.appearance,
+            style: variables,
+            "data-state": entry.open ? 'open' : 'closing',
+            "aria-hidden": !entry.open || void 0,
+            ...(0, inert_cjs_namespaceObject.inertProps)(!entry.open),
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-message-slot__content",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: `leaf-message leaf-message--${type}`,
+                    "data-state": entry.open ? 'open' : 'closing',
+                    role: 'error' === type || 'warning' === type ? 'alert' : 'status',
+                    onPointerEnter: ()=>setHover(true),
+                    onPointerLeave: ()=>setHover(false),
+                    onFocus: ()=>setHover(true),
+                    onBlur: (event)=>{
+                        if (!event.currentTarget.contains(event.relatedTarget)) setHover(false);
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "leaf-message__icon",
+                            "aria-hidden": "true",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(alert_cjs_namespaceObject.FeedbackIcon, {
+                                type: type
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: entry.content
+                        }),
+                        entry.closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "button",
+                            "aria-label": messages.common.close,
+                            onClick: close,
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                size: 15,
+                                "aria-hidden": "true"
+                            })
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+exports.MessageItem = __webpack_exports__.MessageItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MessageItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=item.cjs.map

package/dist/cjs/browser/modules/message/item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message/item.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/message/item.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport { leafThemeVariables } from '../theme';\nimport type { MessageEntry } from './store';\n\nexport function MessageItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: MessageEntry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const { messages } = config;\n  const variables = useMemo(\n    () => (entry.config ? leafThemeVariables(config.theme) : undefined),\n    [entry.config, config.theme],\n  );\n  const ref = useRef<HTMLDivElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  const [hover, setHover] = useState(false);\n  const duration = entry.duration ?? (entry.type === 'loading' ? 0 : 3);\n  const remaining = useRef(duration * 1000);\n  const lastRevision = useRef(entry.revision);\n  const previousCycle = useRef({ open: entry.open, duration });\n  useEffect(() => {\n    if (\n      lastRevision.current !== entry.revision ||\n      (!previousCycle.current.open && entry.open) ||\n      previousCycle.current.duration !== duration\n    ) {\n      remaining.current = duration * 1000;\n      lastRevision.current = entry.revision;\n    }\n    previousCycle.current = { open: entry.open, duration };\n    if (!entry.open || hover || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, duration, hover, close, entry.revision]);\n  const wasPresent = useRef(present);\n  useEffect(() => {\n    if (wasPresent.current && !present) remove();\n    wasPresent.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-message-slot\"\n        lang={entry.config?.locale}\n        data-leaf-theme={entry.config?.theme.appearance}\n        style={variables}\n        data-state={entry.open ? 'open' : 'closing'}\n        aria-hidden={!entry.open || undefined}\n        {...inertProps(!entry.open)}\n      >\n        <div className=\"leaf-message-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: These events pause dismissal; the message must retain its live-region role. */}\n          <div\n            className={`leaf-message leaf-message--${type}`}\n            data-state={entry.open ? 'open' : 'closing'}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setHover(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setHover(false);\n            }}\n          >\n            <span className=\"leaf-message__icon\" aria-hidden=\"true\">\n              <FeedbackIcon type={type} />\n            </span>\n            <span>{entry.content}</span>\n            {entry.closable && (\n              <button type=\"button\" aria-label={messages.common.close} onClick={close}>\n                <X size={15} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","MessageItem","entry","close","remove","inherited","useLeafConfig","config","messages","variables","useMemo","leafThemeVariables","undefined","ref","useRef","present","usePresence","type","hover","setHover","useState","duration","remaining","lastRevision","previousCycle","useEffect","started","Date","timer","setTimeout","clearTimeout","Math","wasPresent","ConfigContext","inertProps","event","FeedbackIcon","X"],"mappings":"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"}

package/dist/cjs/browser/modules/message/message.cjs

@@ -0,0 +1,101 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/message.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Message: ()=>Message,
+    useMessage: ()=>useMessage
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+const external_item_cjs_namespaceObject = require("./item.cjs");
+const external_store_cjs_namespaceObject = require("./store.cjs");
+function Message(rawProps) {
+    const { open, afterClose, onClose, ...options } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Message', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "leaf-message-region",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_item_cjs_namespaceObject.MessageItem, {
+                entry: {
+                    ...options,
+                    key: 'single',
+                    open,
+                    revision: 0
+                },
+                close: ()=>onClose?.(),
+                remove: ()=>afterClose?.()
+            })
+        })
+    });
+}
+function useMessage() {
+    const store = (0, external_react_namespaceObject.useContext)(external_store_cjs_namespaceObject.MessageContext);
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const components = (0, external_react_namespaceObject.useContext)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext);
+    const currentComponents = (0, external_react_namespaceObject.useRef)(components);
+    currentComponents.current = components;
+    const currentConfig = (0, external_react_namespaceObject.useRef)(config);
+    currentConfig.current = config;
+    const scope = (0, external_react_namespaceObject.useId)();
+    const message = (0, external_react_namespaceObject.useMemo)(()=>store?.api(scope, ()=>currentConfig.current, ()=>currentComponents.current), [
+        store,
+        scope
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        store?.updateScope(scope, config, components);
+    }, [
+        store,
+        scope,
+        config,
+        components
+    ]);
+    const result = (0, external_react_namespaceObject.useMemo)(()=>message ? {
+            message
+        } : void 0, [
+        message
+    ]);
+    if (!result) throw new Error('useMessage requires ConfigProvider or MessageProvider.');
+    return result;
+}
+exports.Message = __webpack_exports__.Message;
+exports.useMessage = __webpack_exports__.useMessage;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Message",
+    "useMessage"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=message.cjs.map

package/dist/cjs/browser/modules/message/message.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message/message.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/message/message.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useEffect, useId, useMemo, useRef } from 'react';\nimport type { FeedbackType } from '../alert/alert';\nimport { ComponentDefaultsContext, useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { MessageContext } from './store';\n\nexport interface MessageOptions {\n  key?: string;\n  content: ReactNode;\n  type?: FeedbackType | 'loading';\n  duration?: number;\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface MessageApi {\n  open: (options: MessageOptions) => string;\n  success: (content: ReactNode, duration?: number) => string;\n  info: (content: ReactNode, duration?: number) => string;\n  warning: (content: ReactNode, duration?: number) => string;\n  error: (content: ReactNode, duration?: number) => string;\n  loading: (content: ReactNode) => string;\n  close: (key?: string) => void;\n}\nexport interface MessageProps extends Omit<MessageOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\nexport function Message(rawProps: MessageProps) {\n  const { open, afterClose, onClose, ...options } = useComponentProps('Message', rawProps);\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\">\n        <MessageItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\n/** Entry providers render one queue; consumers receive the scoped message API. */\nexport function useMessage(): { message: MessageApi } {\n  const store = useContext(MessageContext);\n  const config = useLeafConfig();\n  const components = useContext(ComponentDefaultsContext);\n  const currentComponents = useRef(components);\n  currentComponents.current = components;\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const scope = useId();\n  const message = useMemo(\n    () =>\n      store?.api(\n        scope,\n        () => currentConfig.current,\n        () => currentComponents.current,\n      ),\n    [store, scope],\n  );\n  useEffect(() => {\n    store?.updateScope(scope, config, components);\n  }, [store, scope, config, components]);\n  const result = useMemo(() => (message ? { message } : undefined), [message]);\n  if (!result) throw new Error('useMessage requires ConfigProvider or MessageProvider.');\n  return result;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Message","rawProps","open","afterClose","onClose","options","useComponentProps","ScopedPortal","MessageItem","useMessage","store","useContext","MessageContext","config","useLeafConfig","components","ComponentDefaultsContext","currentComponents","useRef","currentConfig","scope","useId","message","useMemo","useEffect","result","undefined","Error"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACuBO,SAASI,QAAQC,QAAsB;IAC5C,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAE,GAAGC,SAAS,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,WAAWL;IAC/E,OACE,AADK,WAAP,GACE,qCAACM,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;sBACb,mDAACC,kCAAAA,WAAWA,EAAAA;gBACV,OAAO;oBAAE,GAAGH,OAAO;oBAAE,KAAK;oBAAUH;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAME;gBACb,QAAQ,IAAMD;;;;AAKxB;AAEO,SAASM;IACd,MAAMC,QAAQC,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWC,mCAAAA,cAAcA;IACvC,MAAMC,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,aAAaJ,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWK,uCAAAA,wBAAwBA;IACtD,MAAMC,oBAAoBC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOH;IACjCE,kBAAkB,OAAO,GAAGF;IAC5B,MAAMI,gBAAgBD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOL;IAC7BM,cAAc,OAAO,GAAGN;IACxB,MAAMO,QAAQC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACd,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EACd,IACEb,OAAO,IACLU,OACA,IAAMD,cAAc,OAAO,EAC3B,IAAMF,kBAAkB,OAAO,GAEnC;QAACP;QAAOU;KAAM;IAEhBI,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRd,OAAO,YAAYU,OAAOP,QAAQE;IACpC,GAAG;QAACL;QAAOU;QAAOP;QAAQE;KAAW;IACrC,MAAMU,SAASF,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,IAAOD,UAAU;YAAEA;QAAQ,IAAII,QAAY;QAACJ;KAAQ;IAC3E,IAAI,CAACG,QAAQ,MAAM,IAAIE,MAAM;IAC7B,OAAOF;AACT"}

package/dist/cjs/browser/modules/message/provider.cjs

@@ -0,0 +1,97 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/message.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MessageHost: ()=>MessageHost,
+    MessageProvider: ()=>MessageProvider,
+    MessageScope: ()=>MessageScope
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+const external_item_cjs_namespaceObject = require("./item.cjs");
+const external_store_cjs_namespaceObject = require("./store.cjs");
+function MessageProvider({ children }) {
+    const [store] = (0, external_react_namespaceObject.useState)(external_store_cjs_namespaceObject.createMessageStore);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_store_cjs_namespaceObject.MessageContext.Provider, {
+        value: store,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MessageHost, {
+                store: store
+            }),
+            children
+        ]
+    });
+}
+function MessageScope({ children }) {
+    const store = (0, external_react_namespaceObject.useContext)(external_store_cjs_namespaceObject.MessageContext);
+    return store ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MessageProvider, {
+        children: children
+    });
+}
+function MessageHost({ store }) {
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const entries = (0, external_react_namespaceObject.useSyncExternalStore)(store.subscribe, store.getSnapshot, ()=>external_store_cjs_namespaceObject.emptyMessages);
+    if (!entries.length) return null;
+    const zIndex = Math.max(...entries.map((entry)=>entry.config?.theme.tokens?.messageZIndex ?? config.theme.tokens?.messageZIndex ?? 1200));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "leaf-message-region",
+            style: {
+                zIndex
+            },
+            children: entries.map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext.Provider, {
+                    value: entry.components ?? {},
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_item_cjs_namespaceObject.MessageItem, {
+                        entry: entry,
+                        close: ()=>store.close(entry.key),
+                        remove: ()=>store.remove(entry.key)
+                    })
+                }, entry.key))
+        })
+    });
+}
+exports.MessageHost = __webpack_exports__.MessageHost;
+exports.MessageProvider = __webpack_exports__.MessageProvider;
+exports.MessageScope = __webpack_exports__.MessageScope;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MessageHost",
+    "MessageProvider",
+    "MessageScope"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=provider.cjs.map

package/dist/cjs/browser/modules/message/provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message/provider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/message/provider.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useState, useSyncExternalStore } from 'react';\nimport { ComponentDefaultsContext } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { createMessageStore, emptyMessages, MessageContext, type MessageStore } from './store';\n\nexport interface MessageProviderProps {\n  children?: ReactNode;\n}\n\n/** Use a separate message queue when an application has no ConfigProvider or needs isolation. */\nexport function MessageProvider({ children }: MessageProviderProps) {\n  const [store] = useState(createMessageStore);\n  return (\n    <MessageContext.Provider value={store}>\n      <MessageHost store={store} />\n      {children}\n    </MessageContext.Provider>\n  );\n}\n\n/** Nested ConfigProviders keep the application queue and supply per-message settings. */\nexport function MessageScope({ children }: MessageProviderProps) {\n  const store = useContext(MessageContext);\n  return store ? children : <MessageProvider>{children}</MessageProvider>;\n}\n\nexport function MessageHost({ store }: { store: MessageStore }) {\n  const config = useLeafConfig();\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => emptyMessages);\n  if (!entries.length) return null;\n  const zIndex = Math.max(\n    ...entries.map(\n      (entry) =>\n        entry.config?.theme.tokens?.messageZIndex ?? config.theme.tokens?.messageZIndex ?? 1200,\n    ),\n  );\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\" style={{ zIndex }}>\n        {entries.map((entry) => (\n          <ComponentDefaultsContext.Provider key={entry.key} value={entry.components ?? {}}>\n            <MessageItem\n              entry={entry}\n              close={() => store.close(entry.key)}\n              remove={() => store.remove(entry.key)}\n            />\n          </ComponentDefaultsContext.Provider>\n        ))}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","MessageProvider","children","store","useState","createMessageStore","MessageContext","MessageHost","MessageScope","useContext","config","useLeafConfig","entries","useSyncExternalStore","emptyMessages","zIndex","Math","entry","ScopedPortal","ComponentDefaultsContext","MessageItem"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;ACMO,SAASI,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASC,mCAAAA,kBAAkBA;IAC3C,OACE,AADK,WAAP,GACE,sCAACC,mCAAAA,cAAAA,CAAAA,QAAuB;QAAC,OAAOH;;0BAC9B,qCAACI,aAAAA;gBAAY,OAAOJ;;YACnBD;;;AAGP;AAGO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,MAAMC,QAAQM,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWH,mCAAAA,cAAcA;IACvC,OAAOH,QAAQD,WAAW,WAAXA,GAAW,qCAACD,iBAAAA;kBAAiBC;;AAC9C;AAEO,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IAC5D,MAAMO,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBV,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAMW,mCAAAA,aAAaA;IAC5F,IAAI,CAACF,QAAQ,MAAM,EAAE,OAAO;IAC5B,MAAMG,SAASC,KAAK,GAAG,IAClBJ,QAAQ,GAAG,CACZ,CAACK,QACCA,MAAM,MAAM,EAAE,MAAM,QAAQ,iBAAiBP,OAAO,KAAK,CAAC,MAAM,EAAE,iBAAiB;IAGzF,OACE,AADK,WAAP,GACE,qCAACQ,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;YAAsB,OAAO;gBAAEH;YAAO;sBAClDH,QAAQ,GAAG,CAAC,CAACK,QACZ,AADYA,WAAAA,GACZ,qCAACE,uCAAAA,wBAAAA,CAAAA,QAAiC;oBAAiB,OAAOF,MAAM,UAAU,IAAI,CAAC;8BAC7E,mDAACG,kCAAAA,WAAWA,EAAAA;wBACV,OAAOH;wBACP,OAAO,IAAMd,MAAM,KAAK,CAACc,MAAM,GAAG;wBAClC,QAAQ,IAAMd,MAAM,MAAM,CAACc,MAAM,GAAG;;mBAJAA,MAAM,GAAG;;;AAW3D"}