@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const [_, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,IAAI;AAChC,MAAM,WAAW,CAAC,aAAa,MAAM;AACrC,MAAM,WAAW,CAAC,UAAU;AAE5B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;EAAS,CAAC,EAAE;EAAC;EAAe;EAAM;EAAQ,CAAC;CAEhH,MAAM,UAAU,OAAyB,KAAK;CAE9C,MAAM,CAAC,GAAG,aAAa,SAAS,GAAG;CAEnC,MAAM,aAAa,UAAyB;AAC1C,MAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;GAAU,CAAC,SAAS,MAAM,IAAI,EAAE;AAChE,SAAM,gBAAgB;AACtB,cAAW,MAAc;IACvB,IAAI,SAAS;AACb,QAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,WAAW,CACnB,QAAO,UAAU,MAAsB,aAAa,EAAE;AAE7F,SAAI,SAAS,SAAS,MAAM,IAAI,IAAI,SAAS,mBAAmB,SAAS,EAAG;AAC5E,SAAI,SAAS,SAAS,MAAM,IAAI,CAAE,UAAS,SAAS,IAAI,SAAS,IAAI;AAErE,wBAAmB,SAAS,MAAM,UAAU;AAC1C,UAAI,UAAU,OACZ,KAAI,UAAU,SAAS,MAAM,IAAI,CAAE,CAAC,MAAsB,OAAO;UAC5D,CAAC,MAAsB,OAAO;OAErC;;AAEJ,WAAO;KACP;;;AAIN,iBAAgB;AACd,MAAI,QAAQ,WAAW,eAAe;AACpC,WAAQ,QAAQ,iBAAiB,WAAW,UAAU;AACtD,gBAAa;AACX,YAAQ,SAAS,oBAAoB,WAAW,UAAU;;;IAG7D,CAAC,QAAQ,SAAS,cAAc,CAAC;AAEpC,QACE,oBAAC;EAAa,OAAO;YACnB,qBAAC;GAAS,WAAW,GAAG,YAAY,UAAU;GAAE,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;cAC5F,YAAY,QAAQ,GAAG,oBAAC,eAAY,MAAM,UAAW,GAAG,SACxD,aACE,QAAuB,MAAM,GAC1B,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,YAA4B,GAAI,SAAlB,OAAO,MAAoB,CAAC,GACnF;IACG;GACE;EAEjB;AAQF,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const [_, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,IAAI;AAChC,MAAM,WAAW,CAAC,aAAa,MAAM;AACrC,MAAM,WAAW,CAAC,UAAU;AAE5B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;EAAS,CAAC,EAAE;EAAC;EAAe;EAAM;EAAQ,CAAC;CAEhH,MAAM,UAAU,OAAyB,KAAK;CAE9C,MAAM,CAAC,GAAG,aAAa,SAAS,GAAG;CAEnC,MAAM,aAAa,UAAyB;AAC1C,MAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;GAAU,CAAC,SAAS,MAAM,IAAI,EAAE;AAChE,SAAM,gBAAgB;AACtB,cAAW,MAAc;IACvB,IAAI,SAAS;AACb,QAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,WAAW,CACnB,QAAO,UAAU,MAAsB,aAAa,EAAE;AAE7F,SAAI,SAAS,SAAS,MAAM,IAAI,IAAI,SAAS,mBAAmB,SAAS,EAAG;AAC5E,SAAI,SAAS,SAAS,MAAM,IAAI,CAAE,UAAS,SAAS,IAAI,SAAS,IAAI;AAErE,wBAAmB,SAAS,MAAM,UAAU;AAC1C,UAAI,UAAU,OACZ,KAAI,UAAU,SAAS,MAAM,IAAI,CAAE,CAAC,MAAsB,OAAO;UAC5D,CAAC,MAAsB,OAAO;OAErC;;AAEJ,WAAO;KACP;;;AAIN,iBAAgB;AACd,MAAI,QAAQ,WAAW,eAAe;AACpC,WAAQ,QAAQ,iBAAiB,WAAW,UAAU;AACtD,gBAAa;AACX,YAAQ,SAAS,oBAAoB,WAAW,UAAU;;;IAG7D,CAAC,QAAQ,SAAS,cAAc,CAAC;AAEpC,QACE,oBAAC,cAAD;EAAc,OAAO;YACnB,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,UAAU;GAAE,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;aAA/F,CACG,YAAY,QAAQ,GAAG,oBAAC,aAAD,EAAa,MAAM,SAAW,IAAG,SACxD,aACE,QAAuB,MAAM,GAC1B,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,UAAD,EAA6B,GAAI,OAAS,EAA3B,OAAO,MAAoB,CAAC,GACnF,OACG;;EACE;EAEjB;AAQF,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

package/dist/list/list.types.d.ts

@@ -1,12 +1,8 @@
 import { PropsOf } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { LinkProps } from "../link/link.types.js";
-import "../link/index.js";
 import { JSX, ReactNode } from "react";
 
 //#region src/list/list.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPiB;EASjB,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA,EATzB;EAWpB,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EAR2C,mEAUzC,MAAA,YAVoD;EAYpD,OAAA,YApBF;EAsBE,OAAA,YAlBA;EAoBA,WAAA,oBApBgB;EAsBhB,MAAA,YAlBA;EAoBA,QAAA,YApBsB;EAsBtB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBmB;EAwB7C,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBpB;EAwBP,aAAA,YArBQ;EAuBR,UAAA;EAEA,QAAA,GAAW,SAAA,EAzBuC;EA2BlD,SAAA,GAAY,SAAA,EAzBS;EA2BrB,aAAA,YA3BwB;EA6BxB,SAAA,GAAY,iBAAA,EAdD;EAgBX,IAAA,GAAO,SAAA;AAAA"}
+{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPQ;EASR,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA;EAE7C,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EARU,mEAUR,MAAA,YAVoD;EAYpD,OAAA,YArBoB;EAuBpB,OAAA,YApBA;EAsBA,WAAA,oBApBU;EAsBV,MAAA,YApBA;EAsBA,QAAA,YApBQ;EAsBR,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBe;EAwBzC,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtB3B;EAwBA,aAAA,YAxBO;EA0BP,UAAA,YAvByB;EAyBzB,QAAA,GAAW,SAAA,EAzBiB;EA2B5B,SAAA,GAAY,SAAA,EAzBJ;EA2BR,aAAA;EAEA,SAAA,GAAY,iBAAA,EA5Bd;EA8BE,IAAA,GAAO,SAAA;AAAA"}

package/dist/list/listDivider.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { DividerProps } from "../divider/divider.types.js";
-import "../divider/index.js";
-import "../index.js";
-
 //#region src/list/listDivider.d.ts
 /** Displays a divider line within the List. */
 declare const ListDivider: VuiComponent<"hr", DividerProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"listDivider.d.ts","names":[],"sources":["../../src/list/listDivider.tsx"],"mappings":";;;;;;;cAOa,WAAA,EAAW,YAAA,OAAA,YAAA"}
+{"version":3,"file":"listDivider.d.ts","names":[],"sources":["../../src/list/listDivider.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,OAAA,YAAA"}

package/dist/list/listDivider.js

@@ -22,5 +22,5 @@ ListDivider.displayName = "ListDivider";
 
 //#endregion
 export { ListDivider as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=listDivider.js.map

package/dist/list/listDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"listDivider.js","names":[],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,kBACC,oBAAC;EAAQ,WAAW,GAAG,mBAAmB,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;GAAQ,GACpG;EAEP;AAEF,YAAY,cAAc"}
+{"version":3,"file":"listDivider.js","names":[],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,MAAD,YACE,oBAAC,SAAD;EAAS,WAAW,GAAG,mBAAmB,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;EAAQ,GACpG;EAEP;AAEF,YAAY,cAAc"}

package/dist/list/listHeading.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/list/listHeading.d.ts
 /** Displays a heading within the List. */
 declare const ListHeading: VuiComponent<"li", TProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"listHeading.d.ts","names":[],"sources":["../../src/list/listHeading.tsx"],"mappings":";;;;;;;cAOa,WAAA,EAAW,YAAA,OAAA,MAAA"}
+{"version":3,"file":"listHeading.d.ts","names":[],"sources":["../../src/list/listHeading.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,OAAA,MAAA"}

package/dist/list/listHeading.js

@@ -27,5 +27,5 @@ ListHeading.displayName = "ListHeading";
 
 //#endregion
 export { ListHeading as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=listHeading.js.map

package/dist/list/listHeading.js.map

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

package/dist/list/listIcon.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { IconProps } from "../icon/icon.types.js";
-import "../icon/index.js";
-import "../index.js";
-
 //#region src/list/listIcon.d.ts
 /** Displays an icon on the side of the ListItem. */
 declare const ListIcon: VuiComponent<"svg", IconProps>;

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

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

package/dist/list/listIcon.js

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

package/dist/list/listIcon.js.map

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

package/dist/list/listItem.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "./list.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/list/listItem.d.ts
-declare const ListItemBase: styled_components0.StyledComponent<"li", styled_components0.DefaultTheme, SystemProps, never>;
+declare const ListItemBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Displays a list item with text and optional icons. Can be shown as interactive or selected.
  * Optionally wraps the content with an <a> element when rendering a link.

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

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;;;;cAyBa,YAAA,EAAY,kBAAA,CAAA,eAAA,OAexB,kBAAA,CAfwB,YAAA,EAAA,WAAA;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}
+{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;;;cAyBa,YAAA,EAAY,6BAAA,CAAA,oBAAA,QAexB,kBAAA,CAfwB,QAAA;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}

package/dist/list/listItem.js

@@ -112,5 +112,5 @@ ListItem.displayName = "ListItem";
 
 //#endregion
 export { ListItemBase, ListItem as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          focusVisibleRing: 2,\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC;CACC,cAAa;CACb,WAAU;CACV,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,kBAAkB;EAClB;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAAC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          focusVisibleRing: 2,\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC,MAAD;CACE,cAAa;CACb,WAAU;CACV,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;CACJ,EACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,kBAAkB;EAClB;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC,cAAD;EACE,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC,gBAAD;GAAgB,GAAI;GAAW,GAAI;aAAnC;IACG;IAEA,SAAS,SAAS,GAAG,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAU,eAAe;KAAY,IAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAAC,UAAD;KAAgB;KAAa;KAAU,IAAG;IAE3E,SAAS,UAAU,GAAG,oBAAC,UAAD;KAAU,IAAG;KAAO,MAAM;KAAW,eAAe;KAAY,IAAG;IAEzF;IACc;;EACJ;EAEjB;AAEF,SAAS,cAAc"}

package/dist/list/listText.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/list/listText.d.ts
 /** Displays text within the ListItem. */
 declare const ListText: VuiComponent<"span", TProps>;

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

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

package/dist/list/listText.js

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

package/dist/list/listText.js.map

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

package/dist/list/theme.js

@@ -100,5 +100,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/logo/Logo.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { LogoProps } from "./logo.types.js";
-import "../index.js";
-
 //#region src/logo/Logo.d.ts
 /** Brand logo. */
 declare const Logo: VuiComponent<"div", LogoProps>;

package/dist/logo/Logo.d.ts.map

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

package/dist/logo/Logo.js

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

package/dist/logo/Logo.js.map

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

package/dist/menu/context.d.ts

@@ -1,5 +1,4 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/menu/context.d.ts

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

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

package/dist/menu/context.js

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

package/dist/menu/menu.d.ts

@@ -5,7 +5,6 @@ import { ListItemProps } from "../list/list.types.js";
 import { DividerProps } from "../divider/divider.types.js";
 import { ButtonProps } from "../button/button.types.js";
 import { MenuListProps, MenuProps } from "./menu.types.js";
-import "../index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/menu/menu.d.ts

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

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

package/dist/menu/menu.js

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

package/dist/menu/menu.js.map

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

package/dist/menu/menu.types.d.ts

@@ -1,8 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { ListProps } from "../list/list.types.js";
-import "../list/index.js";
 import { PopoverContentProps, PopoverProps } from "../popover/popover.types.js";
-import "../popover/index.js";
 import { ReactNode, RefObject } from "react";
 
 //#region src/menu/menu.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"mappings":";;;;;;;;KAMY,aAAA,GAAgB,SAAA;yDAE1B,YAAA,GAAe,mBAAA;EAEf,UAAA,GAAa,SAAA,CAAU,cAAA,GAJA;EAMvB,IAAA,WAN0B;EAQ1B,UAAA,GAAa,SAAA,EAJU;EAMvB,OAAA,GAAU,SAAA;AAAA;AAAA,KAGA,SAAA,GAAY,YAAA,WACtB,YAAA;EAJmB,mDAMjB,aAAA;AAAA"}
+{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"mappings":";;;;;;KAMY,aAAA,GAAgB,SAAA;yDAE1B,YAAA,GAAe,mBAAA;EAEf,UAAA,GAAa,SAAA,CAAU,cAAA,GAJb;EAMV,IAAA;EAEA,UAAA,GAAa,SAAA,EANE;EAQf,OAAA,GAAU,SAAA;AAAA;AAAA,KAGA,SAAA,GAAY,YAAA,WACtB,YAAA;EAJU,mDAMR,aAAA;AAAA"}

package/dist/menu/menuButton.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
-import "../index.js";
-
 //#region src/menu/menuButton.d.ts
 /** Displays PopoverTrigger as a button. */
 declare const MenuButton: VuiComponent<"button", ButtonProps>;

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

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

package/dist/menu/menuButton.js

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

package/dist/menu/menuButton.js.map

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

package/dist/menu/menuItem.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "../list/list.types.js";
-import "../list/index.js";
-import "../index.js";
-
 //#region src/menu/menuItem.d.ts
 /** Displays a list item and by default closes the menu on click. */
 declare const MenuItem: VuiComponent<"li", ListItemProps>;

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

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

package/dist/menu/menuItem.js

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

package/dist/menu/menuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { ListItemProps } from '../list'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && close?.()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;AASA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,aAAa,GAAG,SAAS;CACrD,MAAM,EAAE,UAAU,mBAAmB,IAAI,EAAE;CAC3C,MAAM,EAAE,eAAe,GAAG,cAAc,gBAAgB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;EAAO,CAAC;CAEjE,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,gBAAc,EAAE;AAChB,mBAAiB,SAAS;GAC1B;AAEF,QAAO,oBAAC;EAAS,WAAW,GAAG,gBAAgB,UAAU;EAAW;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EACpH;AAEF,SAAS,cAAc"}
+{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { ListItemProps } from '../list'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && close?.()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;AASA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,aAAa,GAAG,SAAS;CACrD,MAAM,EAAE,UAAU,mBAAmB,IAAI,EAAE;CAC3C,MAAM,EAAE,eAAe,GAAG,cAAc,gBAAgB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;EAAO,CAAC;CAEjE,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,gBAAc,EAAE;AAChB,mBAAiB,SAAS;GAC1B;AAEF,QAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,gBAAgB,UAAU;EAAW;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;EAAQ;EACpH;AAEF,SAAS,cAAc"}

package/dist/menu/menuList.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { List } from "../list/list.js";
-import "../list/index.js";
 import { MenuListProps } from "./menu.types.js";
 
 //#region src/menu/menuList.d.ts

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

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

package/dist/menu/menuList.js

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

package/dist/menu/menuList.js.map

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

package/dist/menu/theme.js

@@ -34,5 +34,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/message/consts.js

@@ -1,9 +1,9 @@
 //#region src/message/consts.ts
 const iconDictionary = {
-	info: "falInfoCircle",
-	warning: "falExclamationTriangle",
-	error: "falExclamationTriangle",
-	success: "falCheckCircle"
+	info: "uiInfoCircle",
+	warning: "uiExclamationTriangle",
+	error: "uiExclamationTriangle",
+	success: "uiCheckCircle"
 };
 const spacingDictionary = {
 	sm: 6,
@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/message/consts.js.map

@@ -1 +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,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'uiInfoCircle',\n  warning: 'uiExclamationTriangle',\n  error: 'uiExclamationTriangle',\n  success: 'uiCheckCircle',\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,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}

package/dist/message/message.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "./message.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/message/message.d.ts
-declare const MessageBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const MessageBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays a simple message text. */
 declare const Message: VuiComponent<"span", MessageProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"mappings":";;;;;;;cAQa,WAAA,EAAW,kBAAA,CAAA,eAAA,QAEvB,kBAAA,CAFuB,YAAA,EAAA,WAAA;;cAKX,OAAA,EAAO,YAAA,SAAA,YAAA"}
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"mappings":";;;;;;cAQa,WAAA,EAAW,6BAAA,CAAA,oBAAA,QAEvB,kBAAA,CAFuB,QAAA;;cAKX,OAAA,EAAO,YAAA,SAAA,YAAA"}

package/dist/message/message.js

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

package/dist/message/message.js.map

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

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

@@ -1,8 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { AvatarProps } from "../avatar/avatar.types.js";
-import "../avatar/index.js";
 import { ReactNode } from "react";
 
 //#region src/message/message.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"mappings":";;;;;;;;KAMY,YAAA,GAAe,WAAA,GACzB,YAAA;yDAEE,IAAA,GAAO,SAAA;EAEP,MAAA,GAAS,WAAA;AAAA"}
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"mappings":";;;;;;KAMY,YAAA,GAAe,WAAA,GACzB,YAAA;yDAEE,IAAA,GAAO,SAAA;EAEP,MAAA,GAAS,WAAA;AAAA"}

package/dist/message/theme.js

@@ -35,5 +35,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/modal/context.js

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

package/dist/modal/modal.d.ts

@@ -1,5 +1,4 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { ModalProps } from "./modal.types.js";
 import { ModalBackdrop } from "./modalBackdrop.js";
 import { ModalContent } from "./modalContent.js";

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

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