@raystack/apsara 0.56.7 → 1.0.0-rc.1

package/dist/components/link/link.cjs

@@ -1,28 +1,27 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var text = require('../text/text.cjs');
 var link_module = require('./link.module.css.cjs');
 
-const Link = React.forwardRef(({ children, className, variant = "accent", size = "small", external, download, ...props }, ref) => {
+function Link({ children, className, variant = 'accent', size = 'small', external, download, ...props }) {
     const externalProps = external
         ? {
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "aria-label": `${children} (opens in new tab)`,
+            target: '_blank',
+            rel: 'noopener noreferrer',
+            'aria-label': `${children} (opens in new tab)`
         }
         : {};
     const downloadProps = download
         ? {
-            download: typeof download === "string" ? download : true,
-            "aria-label": `${children} (download)`,
+            download: typeof download === 'string' ? download : true,
+            'aria-label': `${children} (download)`
         }
         : {};
-    return (jsxRuntime.jsx(text.Text, { ref: ref, className: classVarianceAuthority.cx(link_module.default.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
-});
-Link.displayName = "Link";
+    return (jsxRuntime.jsx(text.Text, { className: classVarianceAuthority.cx(link_module.default.link, className), variant: variant, size: size, role: 'link', ...externalProps, ...downloadProps, ...props, as: 'a', children: children }));
+}
+Link.displayName = 'Link';
 
 exports.Link = Link;
 //# sourceMappingURL=link.cjs.map

package/dist/components/link/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n  extends TextBaseProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      children,\n      className,\n      variant = \"accent\",\n      size = \"small\",\n      external,\n      download,\n      ...props\n    },\n    ref,\n  ) => {\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n          \"aria-label\": `${children} (opens in new tab)`,\n        }\n      : {};\n\n    const downloadProps = download\n      ? {\n          download: typeof download === \"string\" ? download : true,\n          \"aria-label\": `${children} (download)`,\n        }\n      : {};\n\n    return (\n      <Text\n        ref={ref}\n        className={cx(styles.link, className)}\n        variant={variant}\n        size={size}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n        as=\"a\">\n        {children}\n      </Text>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["forwardRef","_jsx","Text","cx","styles"],"mappings":";;;;;;;;AAaO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEC,eAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"link.cjs","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { Text, type TextBaseProps } from '../text';\nimport styles from './link.module.css';\n\nexport interface LinkProps extends TextBaseProps, ComponentProps<'a'> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport function Link({\n  children,\n  className,\n  variant = 'accent',\n  size = 'small',\n  external,\n  download,\n  ...props\n}: LinkProps) {\n  const externalProps = external\n    ? {\n        target: '_blank',\n        rel: 'noopener noreferrer',\n        'aria-label': `${children} (opens in new tab)`\n      }\n    : {};\n\n  const downloadProps = download\n    ? {\n        download: typeof download === 'string' ? download : true,\n        'aria-label': `${children} (download)`\n      }\n    : {};\n\n  return (\n    <Text\n      className={cx(styles.link, className)}\n      variant={variant}\n      size={size}\n      role='link'\n      {...externalProps}\n      {...downloadProps}\n      {...props}\n      as='a'\n    >\n      {children}\n    </Text>\n  );\n}\n\nLink.displayName = 'Link';\n"],"names":["_jsx","Text","cx","styles"],"mappings":";;;;;;;AAWM,SAAU,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACE,EAAA;IACV,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;AAEP,IAAA,QACEA,cAAC,CAAAC,SAAI,IACH,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACP,GAAA,aAAa,KACb,aAAa,EAAA,GACb,KAAK,EACT,EAAE,EAAC,GAAG,YAEL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/link/link.d.ts

@@ -1,9 +1,12 @@
-import { AnchorHTMLAttributes } from "react";
-import { type TextBaseProps } from "../text";
-export interface LinkProps extends TextBaseProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+import { ComponentProps } from 'react';
+import { type TextBaseProps } from '../text';
+export interface LinkProps extends TextBaseProps, ComponentProps<'a'> {
     href: string;
     external?: boolean;
     download?: boolean | string;
 }
-export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare function Link({ children, className, variant, size, external, download, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Link {
+    var displayName: string;
+}
 //# sourceMappingURL=link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,WAAW,SACf,SAAQ,aAAa,EACnB,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,yGA2ChB,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../components/link/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAkB,EAClB,IAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CA8BX;yBAtCe,IAAI"}

package/dist/components/link/link.js

@@ -1,26 +1,25 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 import { cx } from 'class-variance-authority';
 import { Text } from '../text/text.js';
 import styles from './link.module.css.js';
 
-const Link = forwardRef(({ children, className, variant = "accent", size = "small", external, download, ...props }, ref) => {
+function Link({ children, className, variant = 'accent', size = 'small', external, download, ...props }) {
     const externalProps = external
         ? {
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "aria-label": `${children} (opens in new tab)`,
+            target: '_blank',
+            rel: 'noopener noreferrer',
+            'aria-label': `${children} (opens in new tab)`
         }
         : {};
     const downloadProps = download
         ? {
-            download: typeof download === "string" ? download : true,
-            "aria-label": `${children} (download)`,
+            download: typeof download === 'string' ? download : true,
+            'aria-label': `${children} (download)`
         }
         : {};
-    return (jsx(Text, { ref: ref, className: cx(styles.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
-});
-Link.displayName = "Link";
+    return (jsx(Text, { className: cx(styles.link, className), variant: variant, size: size, role: 'link', ...externalProps, ...downloadProps, ...props, as: 'a', children: children }));
+}
+Link.displayName = 'Link';
 
 export { Link };
 //# sourceMappingURL=link.js.map

package/dist/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n  extends TextBaseProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      children,\n      className,\n      variant = \"accent\",\n      size = \"small\",\n      external,\n      download,\n      ...props\n    },\n    ref,\n  ) => {\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n          \"aria-label\": `${children} (opens in new tab)`,\n        }\n      : {};\n\n    const downloadProps = download\n      ? {\n          download: typeof download === \"string\" ? download : true,\n          \"aria-label\": `${children} (download)`,\n        }\n      : {};\n\n    return (\n      <Text\n        ref={ref}\n        className={cx(styles.link, className)}\n        variant={variant}\n        size={size}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n        as=\"a\">\n        {children}\n      </Text>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["_jsx"],"mappings":";;;;;;AAaO,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEA,IAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"link.js","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { Text, type TextBaseProps } from '../text';\nimport styles from './link.module.css';\n\nexport interface LinkProps extends TextBaseProps, ComponentProps<'a'> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport function Link({\n  children,\n  className,\n  variant = 'accent',\n  size = 'small',\n  external,\n  download,\n  ...props\n}: LinkProps) {\n  const externalProps = external\n    ? {\n        target: '_blank',\n        rel: 'noopener noreferrer',\n        'aria-label': `${children} (opens in new tab)`\n      }\n    : {};\n\n  const downloadProps = download\n    ? {\n        download: typeof download === 'string' ? download : true,\n        'aria-label': `${children} (download)`\n      }\n    : {};\n\n  return (\n    <Text\n      className={cx(styles.link, className)}\n      variant={variant}\n      size={size}\n      role='link'\n      {...externalProps}\n      {...downloadProps}\n      {...props}\n      as='a'\n    >\n      {children}\n    </Text>\n  );\n}\n\nLink.displayName = 'Link';\n"],"names":["_jsx"],"mappings":";;;;;AAWM,SAAU,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACE,EAAA;IACV,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;AAEP,IAAA,QACEA,GAAC,CAAA,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACP,GAAA,aAAa,KACb,aAAa,EAAA,GACb,KAAK,EACT,EAAE,EAAC,GAAG,YAEL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/list/list.cjs

@@ -26,10 +26,10 @@ const ListHeader = ({ children, className, ...props }) => {
     return (jsxRuntime.jsx("div", { className: header({ className }), role: 'heading', "aria-level": 3, ...props, children: jsxRuntime.jsx("span", { className: headerText(), children: children }) }));
 };
 ListRoot.displayName = 'List';
-ListHeader.displayName = 'ListHeader';
-ListItem.displayName = 'ListItem';
-ListLabel.displayName = 'ListLabel';
-ListValue.displayName = 'ListValue';
+ListHeader.displayName = 'List.Header';
+ListItem.displayName = 'List.Item';
+ListLabel.displayName = 'List.Label';
+ListValue.displayName = 'List.Value';
 const List = Object.assign(ListRoot, {
     Header: ListHeader,
     Item: ListItem,

package/dist/components/list/list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.cjs","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n  extends ComponentPropsWithoutRef<'ul'>,\n    VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<'span'> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<'span'> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<'div'> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({\n  children,\n  className,\n  maxWidth,\n  style,\n  ...props\n}: ListRootProps) => {\n  return (\n    <ul\n      className={list({ className })}\n      style={{ maxWidth, ...style }}\n      role='list'\n      aria-label={props['aria-label'] || 'List'}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li className={listItem({ className })} role='listitem' {...props}>\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({\n  children,\n  minWidth,\n  className,\n  style,\n  ...props\n}: ListLabelProps) => {\n  return (\n    <span\n      className={label({ className })}\n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div\n      className={header({ className })}\n      role='heading'\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'ListHeader';\nListItem.displayName = 'ListItem';\nListLabel.displayName = 'ListLabel';\nListValue.displayName = 'ListValue';\n\nexport const List = Object.assign(ListRoot, {\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue\n});\n"],"names":["cva","styles","_jsx"],"mappings":"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"}
+{"version":3,"file":"list.cjs","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n  extends ComponentProps<'ul'>,\n    VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentProps<'li'> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentProps<'span'> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentProps<'span'> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentProps<'div'> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({\n  children,\n  className,\n  maxWidth,\n  style,\n  ...props\n}: ListRootProps) => {\n  return (\n    <ul\n      className={list({ className })}\n      style={{ maxWidth, ...style }}\n      role='list'\n      aria-label={props['aria-label'] || 'List'}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li className={listItem({ className })} role='listitem' {...props}>\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({\n  children,\n  minWidth,\n  className,\n  style,\n  ...props\n}: ListLabelProps) => {\n  return (\n    <span\n      className={label({ className })}\n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div\n      className={header({ className })}\n      role='heading'\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'List.Header';\nListItem.displayName = 'List.Item';\nListLabel.displayName = 'List.Label';\nListValue.displayName = 'List.Value';\n\nexport const List = Object.assign(ListRoot, {\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue\n});\n"],"names":["cva","styles","_jsx"],"mappings":"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"}

package/dist/components/list/list.d.ts

@@ -1,21 +1,21 @@
 import { type VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 declare const list: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-interface ListRootProps extends ComponentPropsWithoutRef<'ul'>, VariantProps<typeof list> {
+interface ListRootProps extends ComponentProps<'ul'>, VariantProps<typeof list> {
     children: ReactNode;
     maxWidth?: string | number;
 }
-interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
+interface ListItemProps extends ComponentProps<'li'> {
     children: ReactNode;
 }
-interface ListLabelProps extends ComponentPropsWithoutRef<'span'> {
+interface ListLabelProps extends ComponentProps<'span'> {
     minWidth?: string;
     children: ReactNode;
 }
-interface ListValueProps extends ComponentPropsWithoutRef<'span'> {
+interface ListValueProps extends ComponentProps<'span'> {
     children: ReactNode;
 }
-interface ListHeaderProps extends ComponentPropsWithoutRef<'div'> {
+interface ListHeaderProps extends ComponentProps<'div'> {
     children: ReactNode;
 }
 export declare const List: {

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,IAAI,oFAAmB,CAAC;AAO9B,UAAU,aACR,SAAQ,wBAAwB,CAAC,IAAI,CAAC,EACpC,YAAY,CAAC,OAAO,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AA2ED,eAAO,MAAM,IAAI;yDAnEd,aAAa;;;;4CAgDuC,eAAe;;;;4CAlCjB,aAAa;;;;6DAc/D,cAAc;;;;4CAYqC,cAAc;;;CAgClE,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,QAAA,MAAM,IAAI,oFAAmB,CAAC;AAO9B,UAAU,aACR,SAAQ,cAAc,CAAC,IAAI,CAAC,EAC1B,YAAY,CAAC,OAAO,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,KAAK,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB;AA2ED,eAAO,MAAM,IAAI;yDAnEd,aAAa;;;;4CAgDuC,eAAe;;;;4CAlCjB,aAAa;;;;6DAc/D,cAAc;;;;4CAYqC,cAAc;;;CAgClE,CAAC"}

package/dist/components/list/list.js

@@ -24,10 +24,10 @@ const ListHeader = ({ children, className, ...props }) => {
     return (jsx("div", { className: header({ className }), role: 'heading', "aria-level": 3, ...props, children: jsx("span", { className: headerText(), children: children }) }));
 };
 ListRoot.displayName = 'List';
-ListHeader.displayName = 'ListHeader';
-ListItem.displayName = 'ListItem';
-ListLabel.displayName = 'ListLabel';
-ListValue.displayName = 'ListValue';
+ListHeader.displayName = 'List.Header';
+ListItem.displayName = 'List.Item';
+ListLabel.displayName = 'List.Label';
+ListValue.displayName = 'List.Value';
 const List = Object.assign(ListRoot, {
     Header: ListHeader,
     Item: ListItem,

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n  extends ComponentPropsWithoutRef<'ul'>,\n    VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<'span'> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<'span'> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<'div'> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({\n  children,\n  className,\n  maxWidth,\n  style,\n  ...props\n}: ListRootProps) => {\n  return (\n    <ul\n      className={list({ className })}\n      style={{ maxWidth, ...style }}\n      role='list'\n      aria-label={props['aria-label'] || 'List'}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li className={listItem({ className })} role='listitem' {...props}>\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({\n  children,\n  minWidth,\n  className,\n  style,\n  ...props\n}: ListLabelProps) => {\n  return (\n    <span\n      className={label({ className })}\n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div\n      className={header({ className })}\n      role='heading'\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'ListHeader';\nListItem.displayName = 'ListItem';\nListLabel.displayName = 'ListLabel';\nListValue.displayName = 'ListValue';\n\nexport const List = Object.assign(ListRoot, {\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue\n});\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"list.js","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n  extends ComponentProps<'ul'>,\n    VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentProps<'li'> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentProps<'span'> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentProps<'span'> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentProps<'div'> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({\n  children,\n  className,\n  maxWidth,\n  style,\n  ...props\n}: ListRootProps) => {\n  return (\n    <ul\n      className={list({ className })}\n      style={{ maxWidth, ...style }}\n      role='list'\n      aria-label={props['aria-label'] || 'List'}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li className={listItem({ className })} role='listitem' {...props}>\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({\n  children,\n  minWidth,\n  className,\n  style,\n  ...props\n}: ListLabelProps) => {\n  return (\n    <span\n      className={label({ className })}\n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div\n      className={header({ className })}\n      role='heading'\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'List.Header';\nListItem.displayName = 'List.Item';\nListLabel.displayName = 'List.Label';\nListValue.displayName = 'List.Value';\n\nexport const List = Object.assign(ListRoot, {\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue\n});\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/menu/__tests__/menu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menu.test.d.ts.map

package/dist/components/menu/__tests__/menu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.test.d.ts","sourceRoot":"","sources":["../../../../components/menu/__tests__/menu.test.tsx"],"names":[],"mappings":""}

package/dist/components/menu/cell.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var cell_module = require('./cell.module.css.cjs');
+
+function Cell({ className, children, leadingIcon, trailingIcon, type = 'item', ...props }) {
+    return (jsxRuntime.jsxs("div", { ...props, className: classVarianceAuthority.cx(cell_module.default.cell, className), children: [leadingIcon && jsxRuntime.jsx("span", { className: cell_module.default.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsxRuntime.jsx("span", { className: cell_module.default.trailingIcon, children: trailingIcon }))] }));
+}
+Cell.displayName = 'Menu.Cell';
+
+exports.Cell = Cell;
+//# sourceMappingURL=cell.cjs.map

package/dist/components/menu/cell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.cjs","sources":["../../../components/menu/cell.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\nimport styles from './cell.module.css';\n\nexport type CellBaseProps = {\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\nexport type CellProps = ComponentProps<'div'> &\n  CellBaseProps & {\n    type?: 'select' | 'item';\n  };\n\nexport function Cell({\n  className,\n  children,\n  leadingIcon,\n  trailingIcon,\n  type = 'item',\n  ...props\n}: CellProps) {\n  return (\n    <div {...props} className={cx(styles.cell, className)}>\n      {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n      {children}\n      {trailingIcon && (\n        <span className={styles.trailingIcon}>{trailingIcon}</span>\n      )}\n    </div>\n  );\n}\nCell.displayName = 'Menu.Cell';\n"],"names":["_jsxs","cx","styles","_jsx"],"mappings":";;;;;;SAagB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACE,EAAA;IACV,QACEA,4BAAS,KAAK,EAAE,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAClD,QAAA,EAAA,CAAA,WAAW,IAAIC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAED,mBAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAQ,EACxE,QAAQ,EACR,YAAY,KACXC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAED,mBAAM,CAAC,YAAY,EAAG,QAAA,EAAA,YAAY,GAAQ,CAC5D,CAAA,EAAA,CACG,EACN;AACJ,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/menu/cell.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode } from 'react';
+export type CellBaseProps = {
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+};
+export type CellProps = ComponentProps<'div'> & CellBaseProps & {
+    type?: 'select' | 'item';
+};
+export declare function Cell({ className, children, leadingIcon, trailingIcon, type, ...props }: CellProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Cell {
+    var displayName: string;
+}
+//# sourceMappingURL=cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../components/menu/cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAC3C,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,2CAUX;yBAjBe,IAAI"}

package/dist/components/menu/cell.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from 'class-variance-authority';
+import styles from './cell.module.css.js';
+
+function Cell({ className, children, leadingIcon, trailingIcon, type = 'item', ...props }) {
+    return (jsxs("div", { ...props, className: cx(styles.cell, className), children: [leadingIcon && jsx("span", { className: styles.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsx("span", { className: styles.trailingIcon, children: trailingIcon }))] }));
+}
+Cell.displayName = 'Menu.Cell';
+
+export { Cell };
+//# sourceMappingURL=cell.js.map

package/dist/components/menu/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sources":["../../../components/menu/cell.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\nimport styles from './cell.module.css';\n\nexport type CellBaseProps = {\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\nexport type CellProps = ComponentProps<'div'> &\n  CellBaseProps & {\n    type?: 'select' | 'item';\n  };\n\nexport function Cell({\n  className,\n  children,\n  leadingIcon,\n  trailingIcon,\n  type = 'item',\n  ...props\n}: CellProps) {\n  return (\n    <div {...props} className={cx(styles.cell, className)}>\n      {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n      {children}\n      {trailingIcon && (\n        <span className={styles.trailingIcon}>{trailingIcon}</span>\n      )}\n    </div>\n  );\n}\nCell.displayName = 'Menu.Cell';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;SAagB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACE,EAAA;IACV,QACEA,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAClD,QAAA,EAAA,CAAA,WAAW,IAAIC,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAQ,EACxE,QAAQ,EACR,YAAY,KACXA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAAG,QAAA,EAAA,YAAY,GAAQ,CAC5D,CAAA,EAAA,CACG,EACN;AACJ,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/{dropdown-menu → menu}/cell.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"cell":"cell-module_cell__S6yRs","leadingIcon":"cell-module_leadingIcon__2uCcQ","trailingIcon":"cell-module_trailingIcon__NUfVO"};
+var styles = {"cell":"cell-module_cell__CFvDx","leadingIcon":"cell-module_leadingIcon__-xf2e","trailingIcon":"cell-module_trailingIcon__IJxNx"};
 
 exports.default = styles;
 //# sourceMappingURL=cell.module.css.cjs.map

package/dist/components/menu/cell.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"cell":"cell-module_cell__CFvDx","leadingIcon":"cell-module_leadingIcon__-xf2e","trailingIcon":"cell-module_trailingIcon__IJxNx"};
+
+export { styles as default };
+//# sourceMappingURL=cell.module.css.js.map

package/dist/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './menu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/menu/menu-content.cjs

@@ -0,0 +1,95 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var menu_module = require('./menu.module.css.cjs');
+var menuRoot = require('./menu-root.cjs');
+var utils = require('./utils.cjs');
+
+function MenuContent({ ref, className, children, searchPlaceholder = 'Search...', render, finalFocus, style, sideOffset = 4, align = 'start', onFocus, ...positionerProps }) {
+    const { autocomplete, inputValue, onInputValueChange, inputRef, isInitialRender, parent } = menuRoot.useMenuContext();
+    const focusInput = React.useCallback(() => {
+        if (document?.activeElement !== inputRef?.current)
+            inputRef?.current?.focus();
+    }, [inputRef]);
+    const highlightedItem = React.useRef([-1, 'none']);
+    const containerRef = React.useRef(null);
+    const highlightFirstItem = React.useCallback(() => {
+        if (!isInitialRender?.current)
+            return;
+        isInitialRender.current = false;
+        const item = containerRef.current?.querySelector('[role="option"]');
+        if (!item)
+            return;
+        item.dispatchEvent(new PointerEvent('mousemove', { bubbles: true }));
+    }, [isInitialRender]);
+    const checkAndOpenSubMenu = React.useCallback(() => {
+        if (highlightedItem.current[0] === -1)
+            return;
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[highlightedItem.current[0]];
+        if (!item || !utils.isElementSubMenuTrigger(item))
+            return;
+        utils.dispatchKeyboardEvent(item, utils.KEYCODES.ARROW_RIGHT);
+    }, []);
+    const checkAndCloseSubMenu = React.useCallback((e) => {
+        if (highlightedItem.current[0] === -1)
+            return;
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[highlightedItem.current[0]];
+        if (!item ||
+            !utils.isElementSubMenuTrigger(item) ||
+            !utils.isElementSubMenuOpen(item))
+            return;
+        utils.dispatchKeyboardEvent(item, utils.KEYCODES.ESCAPE);
+        e.stopPropagation();
+    }, []);
+    const blurStaleMenuItem = React.useCallback((index) => {
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[index];
+        if (!item || !utils.isElementSubMenuTrigger(item) || !utils.isElementSubMenuOpen(item))
+            return;
+        utils.dispatchKeyboardEvent(item, utils.KEYCODES.ESCAPE);
+        item.dispatchEvent(new PointerEvent('pointerout', { bubbles: true }));
+    }, []);
+    return (jsxRuntime.jsx(react.Menu.Portal, { children: jsxRuntime.jsx(react.Menu.Positioner, { className: menu_module.default.positioner, sideOffset: sideOffset, align: align, ...positionerProps, children: jsxRuntime.jsx(react.Menu.Popup, { ref: ref, className: classVarianceAuthority.cx(menu_module.default.content, autocomplete && menu_module.default.comboboxContainer, className), style: style, render: render, finalFocus: finalFocus, role: autocomplete ? 'dialog' : 'menu', onFocus: autocomplete || parent?.autocomplete
+                    ? e => {
+                        focusInput();
+                        e.stopPropagation();
+                        highlightFirstItem();
+                        onFocus?.(e);
+                    }
+                    : undefined, children: autocomplete ? (jsxRuntime.jsxs(react.Autocomplete.Root, { inline: true, open: true, value: inputValue, onValueChange: (value) => onInputValueChange?.(value), autoHighlight: !!inputValue?.length, mode: 'none', loopFocus: false, onItemHighlighted: (value, eventDetails) => {
+                        if (highlightedItem.current[1] === 'pointer' &&
+                            eventDetails.reason === 'keyboard') {
+                            // focus moved using keyboard after using pointer
+                            blurStaleMenuItem(highlightedItem.current[0]);
+                        }
+                        highlightedItem.current = [
+                            eventDetails.index,
+                            eventDetails.reason
+                        ];
+                    }, children: [jsxRuntime.jsx(react.Autocomplete.Input, { placeholder: searchPlaceholder, className: menu_module.default.comboboxInput, ref: inputRef, onPointerEnter: e => {
+                                focusInput();
+                            }, onKeyDown: e => {
+                                if (e.key === 'ArrowLeft')
+                                    return;
+                                if (e.key === 'Escape')
+                                    return checkAndCloseSubMenu(e);
+                                if (e.key === 'ArrowRight' || e.key === 'Enter')
+                                    checkAndOpenSubMenu();
+                                e.stopPropagation();
+                            }, tabIndex: -1 }), jsxRuntime.jsx(react.Autocomplete.List, { className: menu_module.default.comboboxContent, ref: containerRef, children: children })] })) : (children) }) }) }));
+}
+MenuContent.displayName = 'Menu.Content';
+function MenuSubContent(props) {
+    return jsxRuntime.jsx(MenuContent, { sideOffset: 2, ...props });
+}
+MenuSubContent.displayName = 'Menu.SubmenuContent';
+
+exports.MenuContent = MenuContent;
+exports.MenuSubContent = MenuSubContent;
+//# sourceMappingURL=menu-content.cjs.map

package/dist/components/menu/menu-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-content.cjs","sources":["../../../components/menu/menu-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Autocomplete as AutocompletePrimitive,\n  Menu as MenuPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { KeyboardEvent, useCallback, useRef } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\nimport {\n  dispatchKeyboardEvent,\n  isElementSubMenuOpen,\n  isElementSubMenuTrigger,\n  KEYCODES\n} from './utils';\n\nexport interface MenuContentProps\n  extends Omit<\n      MenuPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    MenuPrimitive.Popup.Props {\n  searchPlaceholder?: string;\n}\n\nexport function MenuContent({\n  ref,\n  className,\n  children,\n  searchPlaceholder = 'Search...',\n  render,\n  finalFocus,\n  style,\n  sideOffset = 4,\n  align = 'start',\n  onFocus,\n  ...positionerProps\n}: MenuContentProps) {\n  const {\n    autocomplete,\n    inputValue,\n    onInputValueChange,\n    inputRef,\n    isInitialRender,\n    parent\n  } = useMenuContext();\n\n  const focusInput = useCallback(() => {\n    if (document?.activeElement !== inputRef?.current)\n      inputRef?.current?.focus();\n  }, [inputRef]);\n  const highlightedItem = useRef<\n    [index: number, reason: 'keyboard' | 'pointer' | 'none']\n  >([-1, 'none']);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const highlightFirstItem = useCallback(() => {\n    if (!isInitialRender?.current) return;\n    isInitialRender.current = false;\n    const item = containerRef.current?.querySelector('[role=\"option\"]');\n    if (!item) return;\n    item.dispatchEvent(new PointerEvent('mousemove', { bubbles: true }));\n  }, [isInitialRender]);\n\n  const checkAndOpenSubMenu = useCallback(() => {\n    if (highlightedItem.current[0] === -1) return;\n    const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n    const item = items?.[highlightedItem.current[0]];\n    if (!item || !isElementSubMenuTrigger(item)) return;\n    dispatchKeyboardEvent(item, KEYCODES.ARROW_RIGHT);\n  }, []);\n\n  const checkAndCloseSubMenu = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (highlightedItem.current[0] === -1) return;\n      const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n      const item = items?.[highlightedItem.current[0]];\n      if (\n        !item ||\n        !isElementSubMenuTrigger(item) ||\n        !isElementSubMenuOpen(item)\n      )\n        return;\n      dispatchKeyboardEvent(item, KEYCODES.ESCAPE);\n      e.stopPropagation();\n    },\n    []\n  );\n\n  const blurStaleMenuItem = useCallback((index: number) => {\n    const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n    const item = items?.[index];\n    if (!item || !isElementSubMenuTrigger(item) || !isElementSubMenuOpen(item))\n      return;\n    dispatchKeyboardEvent(item, KEYCODES.ESCAPE);\n    item.dispatchEvent(new PointerEvent('pointerout', { bubbles: true }));\n  }, []);\n\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className={styles.positioner}\n        sideOffset={sideOffset}\n        align={align}\n        {...positionerProps}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          className={cx(\n            styles.content,\n            autocomplete && styles.comboboxContainer,\n            className\n          )}\n          style={style}\n          render={render}\n          finalFocus={finalFocus}\n          role={autocomplete ? 'dialog' : 'menu'}\n          onFocus={\n            autocomplete || parent?.autocomplete\n              ? e => {\n                  focusInput();\n                  e.stopPropagation();\n                  highlightFirstItem();\n                  onFocus?.(e);\n                }\n              : undefined\n          }\n        >\n          {autocomplete ? (\n            <AutocompletePrimitive.Root\n              inline\n              open\n              value={inputValue}\n              onValueChange={(value: string) => onInputValueChange?.(value)}\n              autoHighlight={!!inputValue?.length}\n              mode='none'\n              loopFocus={false}\n              onItemHighlighted={(value, eventDetails) => {\n                if (\n                  highlightedItem.current[1] === 'pointer' &&\n                  eventDetails.reason === 'keyboard'\n                ) {\n                  // focus moved using keyboard after using pointer\n                  blurStaleMenuItem(highlightedItem.current[0]);\n                }\n                highlightedItem.current = [\n                  eventDetails.index,\n                  eventDetails.reason\n                ];\n              }}\n            >\n              <AutocompletePrimitive.Input\n                placeholder={searchPlaceholder}\n                className={styles.comboboxInput}\n                ref={inputRef}\n                onPointerEnter={e => {\n                  focusInput();\n                }}\n                onKeyDown={e => {\n                  if (e.key === 'ArrowLeft') return;\n                  if (e.key === 'Escape') return checkAndCloseSubMenu(e);\n                  if (e.key === 'ArrowRight' || e.key === 'Enter')\n                    checkAndOpenSubMenu();\n                  e.stopPropagation();\n                }}\n                tabIndex={-1}\n              />\n              <AutocompletePrimitive.List\n                className={styles.comboboxContent}\n                ref={containerRef}\n              >\n                {children}\n              </AutocompletePrimitive.List>\n            </AutocompletePrimitive.Root>\n          ) : (\n            children\n          )}\n        </MenuPrimitive.Popup>\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nMenuContent.displayName = 'Menu.Content';\n\nexport function MenuSubContent(props: MenuContentProps) {\n  return <MenuContent sideOffset={2} {...props} />;\n}\nMenuSubContent.displayName = 'Menu.SubmenuContent';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BgB;AAad;AASA;AACE;AACE;AACJ;;AAIA;AAEA;;;AAEE;;AAEA;;AACA;AACF;AAEA;;;;AAGE;AACA;;AACA;;AAGF;;;;AAII;AACA;;;;AAMA;;;AAMJ;;AAEE;AACA;;AAEA;AACA;;AAGF;;AAsBgB;;AAEA;AACA;;;AAeF;AAEE;;;;;AAMA;AACA;;;AASA;AACF;AAEE;;AACA;AAAwB;;AAEtB;;AAEJ;AAiBhB;AACA;AAEM;;AAEN;AACA;;;"}

package/dist/components/menu/menu-content.d.ts

@@ -0,0 +1,13 @@
+import { Menu as MenuPrimitive } from '@base-ui/react';
+export interface MenuContentProps extends Omit<MenuPrimitive.Positioner.Props, 'render' | 'className' | 'style'>, MenuPrimitive.Popup.Props {
+    searchPlaceholder?: string;
+}
+export declare function MenuContent({ ref, className, children, searchPlaceholder, render, finalFocus, style, sideOffset, align, onFocus, ...positionerProps }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuContent {
+    var displayName: string;
+}
+export declare function MenuSubContent(props: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuSubContent {
+    var displayName: string;
+}
+//# sourceMappingURL=menu-content.d.ts.map

package/dist/components/menu/menu-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-content.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,IAAI,aAAa,EACtB,MAAM,gBAAgB,CAAC;AAYxB,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,aAAa,CAAC,UAAU,CAAC,KAAK,EAC9B,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC,EACD,aAAa,CAAC,KAAK,CAAC,KAAK;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,iBAA+B,EAC/B,MAAM,EACN,UAAU,EACV,KAAK,EACL,UAAc,EACd,KAAe,EACf,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,gBAAgB,2CAgJlB;yBA5Je,WAAW;;;AA+J3B,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,2CAErD;yBAFe,cAAc"}

package/dist/components/menu/menu-content.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Menu, Autocomplete } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { useCallback, useRef } from 'react';
+import styles from './menu.module.css.js';
+import { useMenuContext } from './menu-root.js';
+import { isElementSubMenuTrigger, dispatchKeyboardEvent, isElementSubMenuOpen, KEYCODES } from './utils.js';
+
+function MenuContent({ ref, className, children, searchPlaceholder = 'Search...', render, finalFocus, style, sideOffset = 4, align = 'start', onFocus, ...positionerProps }) {
+    const { autocomplete, inputValue, onInputValueChange, inputRef, isInitialRender, parent } = useMenuContext();
+    const focusInput = useCallback(() => {
+        if (document?.activeElement !== inputRef?.current)
+            inputRef?.current?.focus();
+    }, [inputRef]);
+    const highlightedItem = useRef([-1, 'none']);
+    const containerRef = useRef(null);
+    const highlightFirstItem = useCallback(() => {
+        if (!isInitialRender?.current)
+            return;
+        isInitialRender.current = false;
+        const item = containerRef.current?.querySelector('[role="option"]');
+        if (!item)
+            return;
+        item.dispatchEvent(new PointerEvent('mousemove', { bubbles: true }));
+    }, [isInitialRender]);
+    const checkAndOpenSubMenu = useCallback(() => {
+        if (highlightedItem.current[0] === -1)
+            return;
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[highlightedItem.current[0]];
+        if (!item || !isElementSubMenuTrigger(item))
+            return;
+        dispatchKeyboardEvent(item, KEYCODES.ARROW_RIGHT);
+    }, []);
+    const checkAndCloseSubMenu = useCallback((e) => {
+        if (highlightedItem.current[0] === -1)
+            return;
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[highlightedItem.current[0]];
+        if (!item ||
+            !isElementSubMenuTrigger(item) ||
+            !isElementSubMenuOpen(item))
+            return;
+        dispatchKeyboardEvent(item, KEYCODES.ESCAPE);
+        e.stopPropagation();
+    }, []);
+    const blurStaleMenuItem = useCallback((index) => {
+        const items = containerRef.current?.querySelectorAll('[role="option"]');
+        const item = items?.[index];
+        if (!item || !isElementSubMenuTrigger(item) || !isElementSubMenuOpen(item))
+            return;
+        dispatchKeyboardEvent(item, KEYCODES.ESCAPE);
+        item.dispatchEvent(new PointerEvent('pointerout', { bubbles: true }));
+    }, []);
+    return (jsx(Menu.Portal, { children: jsx(Menu.Positioner, { className: styles.positioner, sideOffset: sideOffset, align: align, ...positionerProps, children: jsx(Menu.Popup, { ref: ref, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), style: style, render: render, finalFocus: finalFocus, role: autocomplete ? 'dialog' : 'menu', onFocus: autocomplete || parent?.autocomplete
+                    ? e => {
+                        focusInput();
+                        e.stopPropagation();
+                        highlightFirstItem();
+                        onFocus?.(e);
+                    }
+                    : undefined, children: autocomplete ? (jsxs(Autocomplete.Root, { inline: true, open: true, value: inputValue, onValueChange: (value) => onInputValueChange?.(value), autoHighlight: !!inputValue?.length, mode: 'none', loopFocus: false, onItemHighlighted: (value, eventDetails) => {
+                        if (highlightedItem.current[1] === 'pointer' &&
+                            eventDetails.reason === 'keyboard') {
+                            // focus moved using keyboard after using pointer
+                            blurStaleMenuItem(highlightedItem.current[0]);
+                        }
+                        highlightedItem.current = [
+                            eventDetails.index,
+                            eventDetails.reason
+                        ];
+                    }, children: [jsx(Autocomplete.Input, { placeholder: searchPlaceholder, className: styles.comboboxInput, ref: inputRef, onPointerEnter: e => {
+                                focusInput();
+                            }, onKeyDown: e => {
+                                if (e.key === 'ArrowLeft')
+                                    return;
+                                if (e.key === 'Escape')
+                                    return checkAndCloseSubMenu(e);
+                                if (e.key === 'ArrowRight' || e.key === 'Enter')
+                                    checkAndOpenSubMenu();
+                                e.stopPropagation();
+                            }, tabIndex: -1 }), jsx(Autocomplete.List, { className: styles.comboboxContent, ref: containerRef, children: children })] })) : (children) }) }) }));
+}
+MenuContent.displayName = 'Menu.Content';
+function MenuSubContent(props) {
+    return jsx(MenuContent, { sideOffset: 2, ...props });
+}
+MenuSubContent.displayName = 'Menu.SubmenuContent';
+
+export { MenuContent, MenuSubContent };
+//# sourceMappingURL=menu-content.js.map

package/dist/components/menu/menu-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-content.js","sources":["../../../components/menu/menu-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Autocomplete as AutocompletePrimitive,\n  Menu as MenuPrimitive\n} from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { KeyboardEvent, useCallback, useRef } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\nimport {\n  dispatchKeyboardEvent,\n  isElementSubMenuOpen,\n  isElementSubMenuTrigger,\n  KEYCODES\n} from './utils';\n\nexport interface MenuContentProps\n  extends Omit<\n      MenuPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    MenuPrimitive.Popup.Props {\n  searchPlaceholder?: string;\n}\n\nexport function MenuContent({\n  ref,\n  className,\n  children,\n  searchPlaceholder = 'Search...',\n  render,\n  finalFocus,\n  style,\n  sideOffset = 4,\n  align = 'start',\n  onFocus,\n  ...positionerProps\n}: MenuContentProps) {\n  const {\n    autocomplete,\n    inputValue,\n    onInputValueChange,\n    inputRef,\n    isInitialRender,\n    parent\n  } = useMenuContext();\n\n  const focusInput = useCallback(() => {\n    if (document?.activeElement !== inputRef?.current)\n      inputRef?.current?.focus();\n  }, [inputRef]);\n  const highlightedItem = useRef<\n    [index: number, reason: 'keyboard' | 'pointer' | 'none']\n  >([-1, 'none']);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const highlightFirstItem = useCallback(() => {\n    if (!isInitialRender?.current) return;\n    isInitialRender.current = false;\n    const item = containerRef.current?.querySelector('[role=\"option\"]');\n    if (!item) return;\n    item.dispatchEvent(new PointerEvent('mousemove', { bubbles: true }));\n  }, [isInitialRender]);\n\n  const checkAndOpenSubMenu = useCallback(() => {\n    if (highlightedItem.current[0] === -1) return;\n    const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n    const item = items?.[highlightedItem.current[0]];\n    if (!item || !isElementSubMenuTrigger(item)) return;\n    dispatchKeyboardEvent(item, KEYCODES.ARROW_RIGHT);\n  }, []);\n\n  const checkAndCloseSubMenu = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (highlightedItem.current[0] === -1) return;\n      const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n      const item = items?.[highlightedItem.current[0]];\n      if (\n        !item ||\n        !isElementSubMenuTrigger(item) ||\n        !isElementSubMenuOpen(item)\n      )\n        return;\n      dispatchKeyboardEvent(item, KEYCODES.ESCAPE);\n      e.stopPropagation();\n    },\n    []\n  );\n\n  const blurStaleMenuItem = useCallback((index: number) => {\n    const items = containerRef.current?.querySelectorAll('[role=\"option\"]');\n    const item = items?.[index];\n    if (!item || !isElementSubMenuTrigger(item) || !isElementSubMenuOpen(item))\n      return;\n    dispatchKeyboardEvent(item, KEYCODES.ESCAPE);\n    item.dispatchEvent(new PointerEvent('pointerout', { bubbles: true }));\n  }, []);\n\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className={styles.positioner}\n        sideOffset={sideOffset}\n        align={align}\n        {...positionerProps}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          className={cx(\n            styles.content,\n            autocomplete && styles.comboboxContainer,\n            className\n          )}\n          style={style}\n          render={render}\n          finalFocus={finalFocus}\n          role={autocomplete ? 'dialog' : 'menu'}\n          onFocus={\n            autocomplete || parent?.autocomplete\n              ? e => {\n                  focusInput();\n                  e.stopPropagation();\n                  highlightFirstItem();\n                  onFocus?.(e);\n                }\n              : undefined\n          }\n        >\n          {autocomplete ? (\n            <AutocompletePrimitive.Root\n              inline\n              open\n              value={inputValue}\n              onValueChange={(value: string) => onInputValueChange?.(value)}\n              autoHighlight={!!inputValue?.length}\n              mode='none'\n              loopFocus={false}\n              onItemHighlighted={(value, eventDetails) => {\n                if (\n                  highlightedItem.current[1] === 'pointer' &&\n                  eventDetails.reason === 'keyboard'\n                ) {\n                  // focus moved using keyboard after using pointer\n                  blurStaleMenuItem(highlightedItem.current[0]);\n                }\n                highlightedItem.current = [\n                  eventDetails.index,\n                  eventDetails.reason\n                ];\n              }}\n            >\n              <AutocompletePrimitive.Input\n                placeholder={searchPlaceholder}\n                className={styles.comboboxInput}\n                ref={inputRef}\n                onPointerEnter={e => {\n                  focusInput();\n                }}\n                onKeyDown={e => {\n                  if (e.key === 'ArrowLeft') return;\n                  if (e.key === 'Escape') return checkAndCloseSubMenu(e);\n                  if (e.key === 'ArrowRight' || e.key === 'Enter')\n                    checkAndOpenSubMenu();\n                  e.stopPropagation();\n                }}\n                tabIndex={-1}\n              />\n              <AutocompletePrimitive.List\n                className={styles.comboboxContent}\n                ref={containerRef}\n              >\n                {children}\n              </AutocompletePrimitive.List>\n            </AutocompletePrimitive.Root>\n          ) : (\n            children\n          )}\n        </MenuPrimitive.Popup>\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nMenuContent.displayName = 'Menu.Content';\n\nexport function MenuSubContent(props: MenuContentProps) {\n  return <MenuContent sideOffset={2} {...props} />;\n}\nMenuSubContent.displayName = 'Menu.SubmenuContent';\n"],"names":[],"mappings":";;;;;;;;;AA0BgB;AAad;AASA;AACE;AACE;AACJ;;AAIA;AAEA;;;AAEE;;AAEA;;AACA;AACF;AAEA;;;;AAGE;AACA;;AACA;;AAGF;;;;AAII;AACA;;;;AAMA;;;AAMJ;;AAEE;AACA;;AAEA;AACA;;AAGF;;AAsBgB;;AAEA;AACA;;;AAeF;AAEE;;;;;AAMA;AACA;;;AASA;AACF;AAEE;;AACA;AAAwB;;AAEtB;;AAEJ;AAiBhB;AACA;AAEM;;AAEN;AACA;;"}