@veracity/vui 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/link/linkIcon.js

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

package/dist/link/linkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkIcon.js","names":["Icon"],"sources":["../../src/link/linkIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays an icon within the Link. */\nexport const LinkIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return <Icon className={cs('vui-linkIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nLinkIcon.displayName = 'LinkIcon'\n\nexport default LinkIcon\n"],"mappings":"oPAOA,MAAa,EAAW,GAAuB,EAAO,IAAQ,CAC5D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OAAO,EAACA,EAAAA,CAAK,UAAW,EAAG,eAAgB,EAAU,CAAO,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EAC9F,CAEF,EAAS,YAAc,WAEvB,IAAA,EAAe"}

package/dist/link/linkText.d.ts

@@ -0,0 +1,9 @@
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/link/linkText.d.ts
+/** Displays text of the Link. */
+declare const LinkText: VuiComponent<"span", TProps>;
+//#endregion
+export { LinkText };
+//# sourceMappingURL=linkText.d.ts.map

package/dist/link/linkText.d.ts.map

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

package/dist/link/linkText.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../t/t.js";import{useLinkContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Link`,i());return a(r,{className:e(`vui-linkText`,s),fontSize:`inherit`,ref:o,transitionDuration:`unset`,...l.text,...c})});o.displayName=`LinkText`;var s=o;export{o as LinkText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=linkText.js.map

package/dist/link/linkText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkText.js","names":["T"],"sources":["../../src/link/linkText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays text of the Link. */\nexport const LinkText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return (\n    <T\n      className={cs('vui-linkText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      transitionDuration=\"unset\"\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nLinkText.displayName = 'LinkText'\nexport default LinkText\n"],"mappings":"8OAOA,MAAa,EAAW,GAAqB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,SAAS,UACJ,MACL,mBAAmB,QACnB,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}

package/dist/link/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{container:{dislplay:`inline`},icon:{size:`xs`},text:{fontSize:`inherit`}},defaultProps:{variant:`dark`},parts:[`container`,`icon`,`text`],sizes:{xs:{container:{fontSize:`xs`,lineHeight:`18px`},icon:{size:`xxs`}},sm:{container:{fontSize:`sm`,lineHeight:`22px`}},md:{container:{fontSize:`md`,lineHeight:`26px`}},lg:{container:{fontSize:`lg`,lineHeight:`32px`}}},variants:{dark:{container:{color:`seaBlue.main`}},light:{container:{color:`digiGreen.main`}},white:{container:{color:`white`}},plain:{container:{hoverTextDecoration:`none`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/link/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/link/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    dislplay: 'inline',\n  },\n  icon: {\n    size: 'xs',\n  },\n  text: {\n    fontSize: 'inherit',\n  },\n}\n\nconst defaultProps = {\n  variant: 'dark',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst variants = {\n  dark: {\n    container: {\n      color: `seaBlue.main`,\n    },\n  },\n  light: {\n    container: {\n      color: `digiGreen.main`,\n    },\n  },\n  white: {\n    container: {\n      color: `white`,\n    },\n  },\n  plain: {\n    container: {\n      hoverTextDecoration: 'none',\n    },\n  },\n}\n\nconst sizes = {\n  xs: {\n    container: {\n      fontSize: 'xs',\n      lineHeight: '18px',\n    },\n    icon: {\n      size: 'xxs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      lineHeight: '22px',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'md',\n      lineHeight: '26px',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'lg',\n      lineHeight: '32px',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAuEA,IAAA,EAAe,CACb,UAxEgB,CAChB,UAAW,CACT,SAAU,SACX,CACD,KAAM,CACJ,KAAM,KACP,CACD,KAAM,CACJ,SAAU,UACX,CACF,CA+DC,aA7DmB,CACnB,QAAS,OACV,CA4DC,MA1DY,CAAC,YAAa,OAAQ,OAAO,CA2DzC,MAlCY,CACZ,GAAI,CACF,UAAW,CACT,SAAU,KACV,WAAY,OACb,CACD,KAAM,CACJ,KAAM,MACP,CACF,CACD,GAAI,CACF,UAAW,CACT,SAAU,KACV,WAAY,OACb,CACF,CACD,GAAI,CACF,UAAW,CACT,SAAU,KACV,WAAY,OACb,CACF,CACD,GAAI,CACF,UAAW,CACT,SAAU,KACV,WAAY,OACb,CACF,CACF,CAOC,SA1De,CACf,KAAM,CACJ,UAAW,CACT,MAAO,eACR,CACF,CACD,MAAO,CACL,UAAW,CACT,MAAO,iBACR,CACF,CACD,MAAO,CACL,UAAW,CACT,MAAO,QACR,CACF,CACD,MAAO,CACL,UAAW,CACT,oBAAqB,OACtB,CACF,CACF,CAsCA"}

package/dist/list/context.d.ts

@@ -0,0 +1,8 @@
+import { Dict } from "../utils/types.js";
+import * as react7 from "react";
+
+//#region src/list/context.d.ts
+declare const ListProvider: react7.Provider<Dict>, useListContext: () => Dict;
+//#endregion
+export { ListProvider, useListContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/list/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,cAAY,MAAA,CAAA,SAAA,OAAE,sBAAc"}

package/dist/list/context.js

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

package/dist/list/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/list/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [ListProvider, useListContext] = createContext<Dict>({ isOptional: true })\n\nexport { ListProvider, useListContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAc,GAAkB,EAAoB,CAAE,WAAY,GAAM,CAAC"}

package/dist/list/list.d.ts

@@ -0,0 +1,23 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { ListProps } from "./list.types.js";
+import { ListDivider } from "./listDivider.js";
+import { ListHeading } from "./listHeading.js";
+import { ListIcon } from "./listIcon.js";
+import { ListItem } from "./listItem.js";
+import { ListText } from "./listText.js";
+import * as styled_components26 from "styled-components";
+
+//#region src/list/list.d.ts
+declare const ListBase: styled_components26.StyledComponent<"ul", styled_components26.DefaultTheme, SystemProps, never>;
+/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
+declare const List: VuiComponent<"ul", ListProps> & {
+  Divider: typeof ListDivider;
+  Heading: typeof ListHeading;
+  Icon: typeof ListIcon;
+  Item: typeof ListItem;
+  Text: typeof ListText;
+};
+//#endregion
+export { List, ListBase };
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAiBa,UAAQ,mBAAA,CAAA,sBAAiB,mBAAA,CAAjB,YAAA;;cAGR,MAsDP,mBAAmB;kBACP;EA1DL,OAAA,EAAA,OA2DK,WA3DoB;EAAA,IAAA,EAAA,OA4DvB,QA5DuB;MAAA,EAAA,OA6DvB,QA7DuB;eA8DvB"}

package/dist/list/list.js

@@ -0,0 +1,2 @@
+import{isArray as e,isReactText as t}from"../utils/assertion.js";import{filterUndefined as n}from"../utils/object.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{ListProvider as s}from"./context.js";import c from"./listDivider.js";import l from"./listHeading.js";import u from"./listIcon.js";import d from"./listText.js";import f from"./listItem.js";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=[`Enter`,` `],b=[`ArrowDown`,`Tab`],x=[`ArrowUp`],S=a.ulBox``,C=o((a,o)=>{let{children:c,className:u,heading:d,isInteractive:C,items:w,size:T,variant:E,...D}=a,O=i(`List`,a),k=m(()=>n({isInteractive:C,size:T,variant:E}),[C,T,E]),A=h(null),[j,M]=g(-1),N=e=>{[...x,...b,...y].includes(e.key)&&(e.preventDefault(),M(t=>{let n=t;if(A.current){let t=Array.from(A.current.childNodes).filter(e=>e.tabIndex===0);b.includes(e.key)&&n<t.length-1&&n++,x.includes(e.key)&&(n=n>0?n-1:0),t.forEach((t,r)=>{r===n&&(y.includes(e.key)?t?.click():t?.focus())})}return n}))};return p(()=>{if(A.current&&C)return A.current.addEventListener(`keydown`,N),()=>{A.current?.removeEventListener(`keydown`,N)}},[A.current,C]),_(s,{value:k,children:v(S,{className:r(`vui-list`,u),ref:o||A,...O.container,...D,children:[t(d)?_(l,{text:d}):d,c??(e(w)?w.map(({key:e,...t},n)=>_(f,{...t},e??n)):w)]})})});C.Divider=c,C.Heading=l,C.Icon=u,C.Item=f,C.Text=d,C.displayName=`List`;var w=C;export{C as List,S as ListBase,w as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=list.js.map

package/dist/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":["ListHeading","props","ListItem","ListDivider","ListIcon","ListText"],"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":"8lBAaA,MAAM,EAAY,CAAC,QAAS,IAAI,CAC1B,EAAW,CAAC,YAAa,MAAM,CAC/B,EAAW,CAAC,UAAU,CAEf,EAAW,EAAO,KAAK,GAGvB,EAAO,GAAsB,EAAO,IAAQ,CACvD,GAAM,CAAE,WAAU,YAAW,UAAS,gBAAe,QAAO,OAAM,UAAS,GAAG,GAAS,EACjF,EAAS,EAAe,OAAQ,EAAM,CAEtC,EAAU,MAAc,EAAgB,CAAE,gBAAe,OAAM,UAAS,CAAC,CAAE,CAAC,EAAe,EAAM,EAAQ,CAAC,CAE1G,EAAU,EAAyB,KAAK,CAExC,CAAC,EAAG,GAAa,EAAS,GAAG,CAE7B,EAAa,GAAyB,CACtC,CAAC,GAAG,EAAU,GAAG,EAAU,GAAG,EAAU,CAAC,SAAS,EAAM,IAAI,GAC9D,EAAM,gBAAgB,CACtB,EAAW,GAAc,CACvB,IAAI,EAAS,EACb,GAAI,EAAQ,QAAS,CAEnB,IAAM,EADc,MAAM,KAAK,EAAQ,QAAQ,WAAW,CACnB,OAAO,GAAU,EAAsB,WAAa,EAAE,CAEzF,EAAS,SAAS,EAAM,IAAI,EAAI,EAAS,EAAmB,OAAS,GAAG,IACxE,EAAS,SAAS,EAAM,IAAI,GAAE,EAAS,EAAS,EAAI,EAAS,EAAI,GAErE,EAAmB,SAAS,EAAM,IAAU,CACtC,IAAU,IACR,EAAU,SAAS,EAAM,IAAI,CAAG,GAAsB,OAAO,CAC3D,GAAsB,OAAO,GAErC,CAEJ,OAAO,GACP,GAaN,OATA,MAAgB,CACd,GAAI,EAAQ,SAAW,EAErB,OADA,EAAQ,QAAQ,iBAAiB,UAAW,EAAU,KACzC,CACX,EAAQ,SAAS,oBAAoB,UAAW,EAAU,GAG7D,CAAC,EAAQ,QAAS,EAAc,CAAC,CAGlC,EAAC,EAAA,CAAa,MAAO,WACnB,EAAC,EAAA,CAAS,UAAW,EAAG,WAAY,EAAU,CAAE,IAAK,GAAO,EAAS,GAAI,EAAO,UAAW,GAAI,YAC5F,EAAY,EAAQ,CAAG,EAACA,EAAAA,CAAY,KAAM,EAAA,CAAW,CAAG,EACxD,IACE,EAAuB,EAAM,CAC1B,EAAM,KAAK,CAAE,MAAK,GAAGC,GAAS,IAAU,EAACC,EAAAA,CAA4B,GAAID,EAAAA,CAAlB,GAAO,EAAoB,CAAC,CACnF,GAAA,EACG,EACE,EAEjB,CAQF,EAAK,QAAUE,EACf,EAAK,QAAUH,EACf,EAAK,KAAOI,EACZ,EAAK,KAAOF,EACZ,EAAK,KAAOG,EACZ,EAAK,YAAc,OACnB,IAAA,EAAe"}

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

@@ -0,0 +1,56 @@
+import { PropsOf } from "../utils/types.js";
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+import { IconProp } from "../icon/icon.types.js";
+import { LinkProps } from "../link/link.types.js";
+import { ReactText } from "react";
+
+//#region src/list/list.types.d.ts
+type ListProps = SystemProps & ThemingProps<'List'> & {
+  /** Deprecated. @deprecated  */
+  colorScheme?: 'blue' | 'grey';
+  /** Socket displaying a heading above the items. */
+  heading?: React.ReactNode;
+  /** Passed to all nested items to make them interactive. */
+  isInteractive?: boolean;
+  /** Socket displaying a list of items. */
+  items?: PropsOf<'li', ListItemProps>[] | JSX.Element;
+  /** Socket for the variant. The 'blue' variant is internal, used in the header. */
+  variant?: 'default' | 'ordered' | 'unordered' | 'blue';
+};
+type ListItemLinkProps = PropsOf<'a', LinkProps> | object;
+type ListItemProps = SystemProps & ThemingProps<'List'> & {
+  /** Centers the content vertically and horizontally. @deprecated */
+  center?: boolean;
+  /** Centers the content horizontally. @deprecated */
+  centerH?: boolean;
+  /** Centers the content vertically. @deprecated */
+  centerV?: boolean;
+  /** Deprecated. @deprecated  */
+  colorScheme?: 'blue' | 'grey';
+  /** Displays content in a column. @deprecated */
+  column?: boolean;
+  /** Displays item and its content in disabled state with appropriate styling. */
+  disabled?: boolean;
+  /** Socket displaying an icon on the left. */
+  iconLeft?: IconProp | JSX.Element;
+  /** Socket displaying an icon on the right. */
+  iconRight?: IconProp | JSX.Element;
+  /** Makes item clickable and focusable with appropriate styling. */
+  isInteractive?: boolean;
+  /** Displays item in selected state with appropriate styling. */
+  isSelected?: boolean;
+  /** Socket displaying a custom item on the left. */
+  itemLeft?: React.ReactNode;
+  /** Socket displaying a custom item on the right. */
+  itemRight?: React.ReactNode;
+  /** If true, item Left or item right will receive size params based on main size. */
+  syncItemSizes?: boolean;
+  /** If provided, content is wrapper with a link and the props are provided to the element. */
+  linkProps?: ListItemLinkProps;
+  /** Socket displaying text within the item. */
+  text?: ReactText | JSX.Element;
+};
+//#endregion
+export { ListItemLinkProps, ListItemProps, ListProps };
+//# sourceMappingURL=list.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAQY,SAAA,GAAY,cACtB;;EADU,WAAA,CAAS,EAAA,MAAA,GAAA,MAAA;EAAA;SAAG,CAAA,EAKV,KAAA,CAAM,SALI;;eAKJ,CAAA,EAAA,OAAA;;OAIR,CAAA,EAAA,OAAA,CAAA,IAAA,EAAc,aAAd,CAAA,EAAA,GAAiC,GAAA,CAAI,OAArC;;EAA4C,OAAA,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,WAAA,GAAA,MAAA;AAKxD,CAAA;AAA6B,KAAjB,iBAAA,GAAoB,OAAH,CAAA,GAAA,EAAgB,SAAhB,CAAA,GAAA,MAAA;AAAgB,KAEjC,aAAA,GAAgB,WAFiB,GAG3C,YAH2C,CAAA,MAAA,CAAA,GAAA;;EAAN,MAAA,CAAA,EAAA,OAAA;EAE3B;EAAa,OAAA,CAAA,EAAA,OAAA;;SACvB,CAAA,EAAA,OAAA;;aAc4B,CAAA,EAAA,MAAA,GAAA,MAAA;;QAEH,CAAI,EAAA,OAAA;;UAQf,CAAM,EAAA,OAAA;;UAMX,CAAA,EAhBI,QAgBJ,GAhBe,GAAA,CAAI,OAgBnB;;EAAuB,SAAA,CAAA,EAdlB,QAckB,GAdP,GAAA,CAAI,OAcG;;;;;;aARnB,KAAA,CAAM;;cAEL,KAAA,CAAM;;;;cAIN;;SAEL,YAAY,GAAA,CAAI"}

package/dist/list/listDivider.d.ts

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

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

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

package/dist/list/listDivider.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useListContext as r}from"./context.js";import i from"../divider/divider.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`List`,r());return a(`li`,{children:a(i,{className:e(`vui-listDivider`,s),my:1,ref:o,...l.divider,...c})})});o.displayName=`ListDivider`;var s=o;export{o as ListDivider,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=listDivider.js.map

package/dist/list/listDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listDivider.js","names":["Divider"],"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":"0PAOA,MAAa,EAAc,GAAyB,EAAO,IAAQ,CACjE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAAC,KAAA,CAAA,SACC,EAACA,EAAAA,CAAQ,UAAW,EAAG,kBAAmB,EAAU,CAAE,GAAI,EAAQ,MAAK,GAAI,EAAO,QAAS,GAAI,GAAQ,CAAA,CACpG,EAEP,CAEF,EAAY,YAAc,cAC1B,IAAA,EAAe"}

package/dist/list/listHeading.d.ts

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

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

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

package/dist/list/listHeading.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{T as r}from"../t/t.js";import{useListContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`List`,i());return a(`li`,{children:a(r,{className:e(`vui-listHeading`,s),display:`inline-block`,px:2,py:1,ref:o,size:`sm`,textTransform:`uppercase`,weight:`medium`,...l.heading,...c})})});o.displayName=`ListHeading`;var s=o;export{o as ListHeading,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=listHeading.js.map

package/dist/list/listHeading.js.map

@@ -0,0 +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":"mPAOA,MAAa,EAAc,GAAmB,EAAO,IAAQ,CAC3D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAAC,KAAA,CAAA,SACC,EAAC,EAAA,CACC,UAAW,EAAG,kBAAmB,EAAU,CAC3C,QAAQ,eACR,GAAI,EACJ,GAAI,EACC,MACL,KAAK,KACL,cAAc,YACd,OAAO,SACP,GAAI,EAAO,QACX,GAAI,GACJ,CAAA,CACC,EAEP,CAEF,EAAY,YAAc,cAC1B,IAAA,EAAe"}

package/dist/list/listIcon.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"listIcon.d.ts","names":[],"sources":["../../src/list/listIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,8BAAQ"}

package/dist/list/listIcon.js

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

package/dist/list/listIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listIcon.js","names":["Icon"],"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":"oPAOA,MAAa,EAAW,GAAuB,EAAO,IAAQ,CAC5D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OAAO,EAACA,EAAAA,CAAK,UAAW,EAAG,eAAgB,EAAU,CAAO,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EAC9F,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}

package/dist/list/listItem.d.ts

@@ -0,0 +1,15 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { ListItemProps } from "./list.types.js";
+import * as styled_components28 from "styled-components";
+
+//#region src/list/listItem.d.ts
+declare const ListItemBase: styled_components28.StyledComponent<"li", styled_components28.DefaultTheme, SystemProps, never>;
+/**
+ * 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.
+ */
+declare const ListItem: VuiComponent<"li", ListItemProps>;
+//#endregion
+export { ListItem, ListItemBase };
+//# sourceMappingURL=listItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":[],"mappings":";;;;;;cAyBa,cAAY,mBAAA,CAAA,sBAexB,mBAAA,CAfwB,YAAA;;;;;AAAZ,cAqBA,QANZ,cAAA,CAAA,IAAA,EAMoB,aANpB,CAAA"}

package/dist/list/listItem.js

@@ -0,0 +1,17 @@
+import{isReactText as e,isString as t}from"../utils/assertion.js";import{filterUndefined as n}from"../utils/object.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{useListContext as s}from"./context.js";import c from"./listIcon.js";import l from"../link/link.js";import u from"./listText.js";import{Fragment as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=o((e,t)=>f(l,{borderRadius:`none`,className:`vui-listItemLink vui-linkNoUnderline`,h:`100%`,px:2,ref:t,variant:`plain`,w:`100%`,...e})),h=a.liBox`
+  display: flex;
+  line-height: normal;
+  outline: none;
+  transition-duration: fast;
+
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+    user-select: none;
+    opacity: 0.5;
+  }
+
+  &:focus-visible {
+    z-index: 1;
+  }
+`,g=o((a,o)=>{let{children:l,center:g,centerH:_,centerV:v=!0,className:y,column:b,disabled:x,iconLeft:S,iconRight:C,isInteractive:w,isSelected:T,isTruncated:E,itemLeft:D,itemRight:O,linkProps:k,onClick:A,text:j,...M}={...s(),...a},{activeBg:N,hoverBg:P,selectedBg:F,...I}=i(`List`,s()).item,L=k!==void 0,R=w||L||A!==void 0,z=(g||(b?_:v))&&`center`,B=b&&`column`,V=(g||(b?v:_))&&`center`,H=L?m:d,U=L?{alignItems:`center`,display:`inline-flex`}:{},W=!x&&R?{cursor:`pointer`,focusVisibleRing:2,hoverBg:P,activeBg:N,tabIndex:L?void 0:0,userSelect:`none`}:{},G=n({alignItems:z,bg:T?F:void 0,"aria-disabled":x,flexDirection:B,justifyContent:V,px:L?0:void 0});return f(h,{bg:x?M.disabledBg||`sandstone.95`:void 0,className:r(`vui-listItem`,y),onClick:x?void 0:A,ref:o,...I,...W,...G,...M,children:p(H,{...k,...U,children:[D,t(S)?f(c,{mr:1,name:S,verticalAlign:`middle`}):S,l??(e(j)?f(u,{isTruncated:E,text:j}):j),t(C)?f(c,{ml:`auto`,name:C,verticalAlign:`middle`}):C,O]})})});g.displayName=`ListItem`;var _=g;export{g as ListItem,h as ListItemBase,_ as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.js","names":["Link","ListIcon","ListText"],"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":"2fAYA,MAAM,EAAe,GAAqB,EAAO,IAC/C,EAACA,EAAAA,CACC,aAAa,OACb,UAAU,uCACV,EAAE,OACF,GAAI,EACC,MACL,QAAQ,QACR,EAAE,OACF,GAAI,GACJ,CACF,CAEW,EAAe,EAAO,KAAK;;;;;;;;;;;;;;;EAqB3B,EAAW,GAA0B,EAAO,IAAQ,CAE/D,GAAM,CACJ,WACA,SACA,UACA,UAAU,GACV,YACA,SACA,WACA,WACA,YACA,cAAe,EACf,aACA,cACA,WACA,YACA,YACA,UACA,OACA,GAAG,GAnBe,CAAE,GAAG,GAAgB,CAAE,GAAG,EAAO,CAsB/C,CAAE,WAAU,UAAS,aAAY,GAAG,GAD3B,EAAe,OAAQ,GAAgB,CAAC,CACS,KAE1D,EAAa,IAAc,IAAA,GAC3B,EAAgB,GAAqB,GAAc,IAAY,IAAA,GAC/D,GAAc,IAAW,EAAS,EAAU,KAAa,SACzD,EAAgB,GAAU,SAC1B,GAAkB,IAAW,EAAS,EAAU,KAAa,SAE7D,EAAiB,EAAa,EAAe,EAC7C,EAAsB,EAAa,CAAE,WAAY,SAAU,QAAS,cAAe,CAAG,EAAE,CAExF,EACJ,CAAC,GAAY,EACT,CACE,OAAQ,UACR,iBAAkB,EAClB,UACA,WACA,SAAW,EAAiB,IAAA,GAAJ,EACxB,WAAY,OACb,CACD,EAAE,CAEF,EAAe,EAAgB,CACnC,aACA,GAAI,EAAa,EAAa,IAAA,GAC9B,gBAAiB,EACjB,gBACA,iBACA,GAAI,EAAa,EAAI,IAAA,GACtB,CAAC,CAEF,OACE,EAAC,EAAA,CACC,GAAI,EAAW,EAAK,YAAc,eAAiB,IAAA,GACnD,UAAW,EAAG,eAAgB,EAAU,CACxC,QAAU,EAAqB,IAAA,GAAV,EAChB,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,WAEJ,EAAC,EAAA,CAAe,GAAI,EAAW,GAAI,YAChC,EAEA,EAAS,EAAS,CAAG,EAACC,EAAAA,CAAS,GAAI,EAAG,KAAM,EAAU,cAAe,UAAY,CAAG,EAEpF,IAAa,EAAY,EAAK,CAAG,EAACC,EAAAA,CAAe,cAAa,QAAU,CAAG,GAE3E,EAAS,EAAU,CAAG,EAACD,EAAAA,CAAS,GAAG,OAAO,KAAM,EAAW,cAAe,UAAY,CAAG,EAEzF,IACc,EACJ,EAEjB,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}

package/dist/list/listText.d.ts

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

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

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

package/dist/list/listText.js

@@ -0,0 +1,2 @@
+import{cs as e,ellipsisOverflow as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../t/t.js";import{useListContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{className:c,...l}=r,u=n(`List`,a());return o(i,{className:e(`vui-listText`,c),fontSize:`inherit`,ref:s,...t,...u.text,...l})});s.displayName=`ListText`;var c=s;export{s as ListText,c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=listText.js.map

package/dist/list/listText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listText.js","names":["T"],"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":"oQAOA,MAAa,EAAW,GAAqB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,SAAS,UACJ,MACL,GAAI,EACJ,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}

package/dist/list/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{item:{color:`sandstone.10`,activeBg:`skyBlue.95`,hoverBg:`skyBlue.90`,selectedBg:`skyBlue.95`,px:2},heading:{color:`sandstone.45`}},defaultProps:{size:`lg`,button:{size:`sm`},variant:`default`},parts:[`container`,`divider`,`heading`,`icon`,`item`,`text`,`button`],sizes:{sm:{icon:{size:`xs`},button:{size:`sm`},item:{fontSize:12,h:24},heading:{fontSize:12}},md:{icon:{size:`xs`},button:{size:`sm`},item:{fontSize:14,h:32},heading:{fontSize:14}},lg:{icon:{size:`sm`},button:{size:`sm`},item:{fontSize:16,h:40},heading:{fontSize:16}},xl:{icon:{size:`md`},button:{size:`md`},item:{fontSize:18,h:48},heading:{fontSize:18}},xxl:{icon:{size:`md`},button:{size:`md`},item:{fontSize:18,h:56},heading:{fontSize:18}}},variants:{default:{},ordered:{container:{as:`ol`,listStyleType:`decimal`,pl:3},item:{display:`list-item`}},unordered:{container:{as:`ul`,listStyleType:`disc`,pl:3},item:{display:`list-item`}},blue:{heading:{color:`darkBlue.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/list/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/list/theme.ts"],"sourcesContent":["const baseStyle = {\n  item: {\n    color: 'sandstone.10',\n    activeBg: 'skyBlue.95',\n    hoverBg: 'skyBlue.90',\n    selectedBg: 'skyBlue.95',\n    px: 2,\n  },\n  heading: {\n    color: 'sandstone.45',\n  },\n}\n\nconst defaultProps = {\n  size: 'lg',\n  button: {\n    size: 'sm',\n  },\n  variant: 'default',\n}\n\nconst parts = ['container', 'divider', 'heading', 'icon', 'item', 'text', 'button']\n\nconst sizes = {\n  sm: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 12,\n      h: 24,\n    },\n    heading: {\n      fontSize: 12,\n    },\n  },\n  md: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 14,\n      h: 32,\n    },\n    heading: {\n      fontSize: 14,\n    },\n  },\n  lg: {\n    icon: {\n      size: 'sm',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 16,\n      h: 40,\n    },\n    heading: {\n      fontSize: 16,\n    },\n  },\n  xl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 48,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n  xxl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 56,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n}\n\nconst variants = {\n  default: {},\n  ordered: {\n    container: {\n      as: 'ol',\n      listStyleType: 'decimal',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  unordered: {\n    container: {\n      as: 'ul',\n      listStyleType: 'disc',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  // internal; variant *blue* was introduced for the *header* component\n  blue: {\n    heading: {\n      color: 'darkBlue.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAmIA,IAAA,EAAe,CACb,UApIgB,CAChB,KAAM,CACJ,MAAO,eACP,SAAU,aACV,QAAS,aACT,WAAY,aACZ,GAAI,EACL,CACD,QAAS,CACP,MAAO,eACR,CACF,CA0HC,aAxHmB,CACnB,KAAM,KACN,OAAQ,CACN,KAAM,KACP,CACD,QAAS,UACV,CAmHC,MAjHY,CAAC,YAAa,UAAW,UAAW,OAAQ,OAAQ,OAAQ,SAAS,CAkHjF,MAhHY,CACZ,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,IAAK,CACH,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACF,CAqCC,SAnCe,CACf,QAAS,EAAE,CACX,QAAS,CACP,UAAW,CACT,GAAI,KACJ,cAAe,UACf,GAAI,EACL,CACD,KAAM,CACJ,QAAS,YACV,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,KACJ,cAAe,OACf,GAAI,EACL,CACD,KAAM,CACJ,QAAS,YACV,CACF,CAED,KAAM,CACJ,QAAS,CACP,MAAO,gBACR,CACF,CACF,CAQA"}

package/dist/logo/Logo.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { LogoProps } from "./logo.types.js";
+
+//#region src/logo/Logo.d.ts
+/** Brand logo. */
+declare const Logo: VuiComponent<"div", LogoProps>;
+//#endregion
+export { Logo };
+//# sourceMappingURL=Logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","names":[],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":[],"mappings":";;;;;cAaa,0BAAI"}

package/dist/logo/Logo.js

@@ -0,0 +1,2 @@
+import{cdnUrl as e}from"../core/consts.js";import{cs as t}from"../utils/styles.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../svg/svg.js";import{jsx as a}from"react/jsx-runtime";const o=`${e}/common/icons/logos/veracity-logo.svg`,s=`${e}/common/icons/logos/dnv-logo.svg`,c=n((e,n)=>{let{brand:c,children:l,className:u,src:d,styles:f,url:p,w:m,...h}=e,g=d,_=m;g||(g=c===`dnv`?s:o,_=c===`dnv`?93.66:115);let v=p?{as:`a`,href:p,outline:`none`,focusRing:2}:{};return a(r,{centerV:!0,className:t(`vui-logo`,u),flexShrink:0,h:40,mr:2,ref:n,w:_,...f?.container,...v,...h,children:l??a(i,{"aria-label":`logo`,h:`100%`,src:g,...f?.svg})})});c.displayName=`Logo`;export{c as Logo};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=Logo.js.map

package/dist/logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","names":["Box","Svg"],"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":"0NAOA,MAAM,EAAe,GAAG,EAAO,uCACzB,EAAU,GAAG,EAAO,kCAKb,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CAAE,QAAO,WAAU,YAAW,MAAK,SAAQ,MAAK,IAAG,GAAG,GAAS,EAEjE,EAAS,EACT,EAAQ,EAEP,IACH,EAAS,IAAU,MAAQ,EAAU,EACrC,EAAQ,IAAU,MAAQ,MAAe,KAG3C,IAAM,EAAY,EAAM,CAAE,GAAI,IAAK,KAAM,EAAK,QAAS,OAAQ,UAAW,EAAG,CAAG,EAAE,CAElF,OACE,EAACA,EAAAA,CACC,QAAA,GACA,UAAW,EAAG,WAAY,EAAU,CACpC,WAAY,EACZ,EAAG,GACH,GAAI,EACC,MACL,EAAG,EACH,GAAI,GAAQ,UACZ,GAAI,EACJ,GAAI,WAEH,GAAY,EAACC,EAAAA,CAAI,aAAW,OAAO,EAAE,OAAO,IAAK,EAAQ,GAAK,GAAQ,KAA+B,EAClG,EAER,CAEF,EAAK,YAAc"}

package/dist/logo/logo.types.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps } from "../box/box.types.js";
+
+//#region src/logo/logo.types.d.ts
+type LogoData = {
+  /** Brand name. */
+  brand?: 'veracity' | 'dnv';
+  /** Loads logo svg from the given source. */
+  src?: string;
+  /** Renders logo wrapper as a link with given url as href. */
+  url?: string;
+  styles?: {
+    container?: BoxProps;
+    svg?: BoxProps;
+  };
+};
+type LogoProps = BoxProps & LogoData;
+//#endregion
+export { LogoData, LogoProps };
+//# sourceMappingURL=logo.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types.d.ts","names":[],"sources":["../../src/logo/logo.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,QAAA;;EAAA,KAAA,CAAA,EAAA,UAAQ,GAAA,KAAA;EAAA;KAOK,CAAA,EAAA,MAAA;;EAAwB,GAAA,CAAA,EAAA,MAAA;EAGrC,MAAA,CAAA,EAAA;IAAS,SAAA,CAAA,EAHI,QAGJ;IAAG,GAAA,CAAA,EAHiB,QAGjB;;CAAmB;KAA/B,SAAA,GAAY,WAAW"}

package/dist/menu/context.d.ts

@@ -0,0 +1,8 @@
+import { Dict } from "../utils/types.js";
+import * as react4 from "react";
+
+//#region src/menu/context.d.ts
+declare const MenuProvider: react4.Provider<Dict>, useMenuContext: () => Dict;
+//#endregion
+export { MenuProvider, useMenuContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,cAAY,MAAA,CAAA,SAAA,OAAE,sBAAc"}

package/dist/menu/context.js

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

package/dist/menu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [MenuProvider, useMenuContext] = createContext<Dict>({ isOptional: true })\n\nexport { MenuProvider, useMenuContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAc,GAAkB,EAAoB,CAAE,WAAY,GAAM,CAAC"}

package/dist/menu/menu.d.ts

@@ -0,0 +1,27 @@
+import { IconProps } from "../icon/icon.types.js";
+import { ButtonProps } from "../button/button.types.js";
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+import { ListItemProps } from "../list/list.types.js";
+import { DividerProps } from "../divider/divider.types.js";
+import { MenuListProps, MenuProps } from "./menu.types.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/menu/menu.d.ts
+/** Wraps Popover component and exposes some props to the children via context. */
+declare function Menu(props: MenuProps): react_jsx_runtime2.JSX.Element;
+declare namespace Menu {
+  var Button: VuiComponent<"button", ButtonProps>;
+  var Item: VuiComponent<"li", ListItemProps>;
+  var List: VuiComponent<"ul", MenuListProps> & {
+    Divider: VuiComponent<"hr", DividerProps>;
+    Heading: VuiComponent<"li", TProps>;
+    Icon: VuiComponent<"svg", IconProps>;
+    Item: VuiComponent<"li", ListItemProps>;
+    Text: VuiComponent<"span", TProps>;
+  };
+  var displayName: string;
+}
+//#endregion
+export { Menu };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;iBAWgB,IAAA,QAAY,YAAS,kBAAA,CAAA,GAAA,CAAA;kBAArB,IAAA;;;;;;;IAAA,IAAI,cAAA,CAAA,IAAA,gBAAA;IAAA,IAAA,cAAA,CAAA,MAAA,SAAA;;MAAiB,WAAA,EAAA,MAAA"}

package/dist/menu/menu.js

@@ -0,0 +1,2 @@
+import{filterUndefined as e}from"../utils/object.js";import t from"../popover/popover.js";import{MenuProvider as n}from"./context.js";import r from"./menuButton.js";import i from"./menuItem.js";import a from"./menuList.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";function c(r){let{closeOnSelect:i=!0,size:a,variant:c,...l}=r,u=o(()=>e({closeOnSelect:i,size:a,variant:c}),[i,a,c]);return s(n,{value:u,children:s(t,{...l})})}c.Button=r,c.Item=i,c.List=a,c.displayName=`Menu`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=menu.js.map

package/dist/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["MenuButton","MenuItem","MenuList"],"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":"uSAWA,SAAgB,EAAK,EAAkB,CACrC,GAAM,CAAE,gBAAgB,GAAM,OAAM,UAAS,GAAG,GAAS,EAEnD,EAAU,MAAc,EAAgB,CAAE,gBAAe,OAAM,UAAS,CAAC,CAAE,CAAC,EAAe,EAAM,EAAQ,CAAC,CAEhH,OACE,EAAC,EAAA,CAAa,MAAO,WACnB,EAAC,EAAA,CAAQ,GAAI,EAAA,CAAQ,EACR,CAInB,EAAK,OAASA,EACd,EAAK,KAAOC,EACZ,EAAK,KAAOC,EACZ,EAAK,YAAc,OAEnB,IAAA,EAAe"}

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

@@ -0,0 +1,25 @@
+import { ThemingProps } from "../theme/types.js";
+import { ListProps } from "../list/list.types.js";
+import { PopoverContentProps, PopoverProps } from "../popover/popover.types.js";
+import { ReactNode, RefObject } from "react";
+
+//#region src/menu/menu.types.d.ts
+type MenuListProps = ListProps & {
+  /** Props object passed to the inner PopoverContent. */
+  contentProps?: PopoverContentProps;
+  /** Ref passed to the inner PopoverContent. */
+  contentRef?: RefObject<HTMLDivElement>;
+  /** Maximum height of the list. */
+  maxH?: number;
+  /** Custom content displayed at the bottom of the panel */
+  slotBottom?: ReactNode;
+  /** Custom content displayed at the top of the panel */
+  slotTop?: ReactNode;
+};
+type MenuProps = ThemingProps<'Menu'> & PopoverProps & {
+  /** Content closes when clicking on a list item. */
+  closeOnSelect?: boolean;
+};
+//#endregion
+export { MenuListProps, MenuProps };
+//# sourceMappingURL=menu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,aAAA,GAAgB;;EAAhB,YAAA,CAAA,EAEK,mBAFQ;EAAA;YAAG,CAAA,EAIb,SAJa,CAIH,cAJG,CAAA;;MAIH,CAAA,EAAA,MAAA;;YAIV,CAAA,EAAA,SAAA;;EAEM,OAAA,CAAA,EAAT,SAAS;AAGrB,CAAA;AAAqB,KAAT,SAAA,GAAY,YAAH,CAAA,MAAA,CAAA,GACnB,YADmB,GAAA;;eACnB,CAAA,EAAA,OAAA;CAAY"}

package/dist/menu/menuButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from "../button/button.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/menu/menuButton.d.ts
+/** Displays PopoverTrigger as a button. */
+declare const MenuButton: VuiComponent<"button", ButtonProps>;
+//#endregion
+export { MenuButton };
+//# sourceMappingURL=menuButton.d.ts.map

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

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

package/dist/menu/menuButton.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{TextButton as r}from"../button/buttons.js";import i from"../popover/popoverTrigger.js";import{useMenuContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,u=t(`Menu`,a());return o(i,{as:r,className:e(`vui-menuButton`,c),ref:s,...u.button,...l})});s.displayName=`MenuButton`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=menuButton.js.map

package/dist/menu/menuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuButton.js","names":["PopoverTrigger"],"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":"mTAQA,MAAa,EAAa,GAA4B,EAAO,IAAQ,CACnE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CACC,GAAI,EACJ,UAAW,EAAG,iBAAkB,EAAU,CACrC,MACL,GAAI,EAAO,OACX,GAAI,GACJ,EAEJ,CAEF,EAAW,YAAc,aAEzB,IAAA,EAAe"}

package/dist/menu/menuItem.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { ListItemProps } from "../list/list.types.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>;
+//#endregion
+export { MenuItem };
+//# sourceMappingURL=menuItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,6BAAQ"}

package/dist/menu/menuItem.js

@@ -0,0 +1,2 @@
+import{useCallbackRef as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{ListItem as i}from"../list/listItem.js";import{usePopoverContext as a}from"../popover/context.js";import{useMenuContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{className:l,onClick:u,...d}=r,{instance:f}=a()??{},{closeOnSelect:p,...m}=o()??{},h=n(`Menu`,{...m,...r}),g=e(e=>{u?.(e),p&&f?.hide()});return s(i,{className:t(`vui-menuItem`,l),onClick:g,ref:c,...h.item,...d})});c.displayName=`MenuItem`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=menuItem.js.map

package/dist/menu/menuItem.js.map

@@ -0,0 +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 { instance } = 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 && instance?.hide()\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":"iXASA,MAAa,EAAW,GAA0B,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,QAAS,EAAa,GAAG,GAAS,EAC/C,CAAE,YAAa,GAAmB,EAAI,EAAE,CACxC,CAAE,gBAAe,GAAG,GAAc,GAAgB,EAAI,EAAE,CACxD,EAAS,EAAe,OAAQ,CAAE,GAAG,EAAW,GAAG,EAAO,CAAC,CAE3D,EAAU,EAAgB,GAAiC,CAC/D,IAAc,EAAE,CAChB,GAAiB,GAAU,MAAM,EACjC,CAEF,OAAO,EAAC,EAAA,CAAS,UAAW,EAAG,eAAgB,EAAU,CAAW,UAAc,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EACpH,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}

package/dist/menu/menuList.d.ts

@@ -0,0 +1,16 @@
+import { VuiComponent } from "../core/vui.js";
+import { List } from "../list/list.js";
+import { MenuListProps } from "./menu.types.js";
+
+//#region src/menu/menuList.d.ts
+/** Displays a list of menu items in a popover content element. */
+declare const MenuList: VuiComponent<"ul", MenuListProps> & {
+  Divider: typeof List.Divider;
+  Heading: typeof List.Heading;
+  Icon: typeof List.Icon;
+  Item: typeof List.Item;
+  Text: typeof List.Text;
+};
+//#endregion
+export { MenuList };
+//# sourceMappingURL=menuList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,UAuBP,mBAAmB;EAvBZ,OAAA,EAAA,OAwBK,IAAA,CAAK,OAKtB;EAAA,OAAA,EAAA,OAJiB,IAAA,CAAK,OAItB;MANwB,EAAA,OAGV,IAAA,CAAK,IAHK;MAAnB,EAAA,OAIS,IAAA,CAAK,IAJd;MACY,EAAA,OAIH,IAAA,CAAK,IAJG"}

package/dist/menu/menuList.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import i from"../list/list.js";import a from"../popover/popoverContent.js";import{useMenuContext as o}from"./context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=n((n,l)=>{let{className:u,contentProps:d,contentRef:f,maxH:p,slotTop:m,slotBottom:h,...g}=n,_=t(`Menu`,o());return s(a,{borderRadius:0,ref:f,...d,children:c(r,{flexDirection:`column`,children:[m,s(i,{className:e(`vui-menuList`,u),isInteractive:!0,py:1,ref:l,w:`100%`,..._.list,...g,maxH:p}),h]})})});l.Divider=i.Divider,l.Heading=i.Heading,l.Icon=i.Icon,l.Item=i.Item,l.Text=i.Text,l.displayName=`MenuList`;var u=l;export{u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=menuList.js.map

package/dist/menu/menuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.js","names":["PopoverContent","List"],"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":"8UAUA,MAAa,EAAW,GAA0B,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,eAAc,aAAY,OAAM,UAAS,aAAY,GAAG,GAAS,EAE9E,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CAAe,aAAc,EAAG,IAAK,EAAY,GAAI,WACpD,EAAC,EAAA,CAAI,cAAc,mBAChB,EACD,EAACC,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,cAAA,GACA,GAAI,EACC,MACL,EAAE,OACF,GAAI,EAAO,KACX,GAAI,EACE,QACN,CACD,IACG,EACS,EAEnB,CAQF,EAAS,QAAUA,EAAK,QACxB,EAAS,QAAUA,EAAK,QACxB,EAAS,KAAOA,EAAK,KACrB,EAAS,KAAOA,EAAK,KACrB,EAAS,KAAOA,EAAK,KAErB,EAAS,YAAc,WAEvB,IAAA,EAAe"}