@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,6 +1,6 @@
 import { LayoutHeaderProps } from "../type.mjs";
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: import("react").NamedExoticComponent<LayoutHeaderProps>;
+export declare const LayoutHeader: import("react").NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
-export { LayoutHeader, LayoutHeader as default };
+export { LayoutHeader as default };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutHeader.mjs

@@ -1,12 +1,12 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/Layout/components/LayoutHeader.tsx
 const LayoutHeader = memo(({ headerHeight, children, className, style, ...rest }) => {
 	return /* @__PURE__ */ jsx("header", {
-		className: cx(styles.header, className),
+		className: styleProps(styles.header, className).className,
 		style: {
 			height: headerHeight,
 			...style

package/es/Layout/components/LayoutHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutHeader.mjs","names":[],"sources":["../../../src/Layout/components/LayoutHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from '../style';\nimport type { LayoutHeaderProps } from '../type';\n\nexport const LayoutHeader = memo<LayoutHeaderProps>(\n  ({ headerHeight, children, className, style, ...rest }) => {\n    return (\n      <header\n        className={cx(styles.header, className)}\n        style={{\n          height: headerHeight,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </header>\n    );\n  },\n);\n\nLayoutHeader.displayName = 'LayoutHeader';\n\nexport default LayoutHeader;\n"],"mappings":";;;;;;AAQA,MAAa,eAAe,MACzB,EAAE,cAAc,UAAU,WAAW,OAAO,GAAG,WAAW;CACzD,OACE,oBAAC,UAAD;EACE,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,OAAO;GACL,QAAQ;GACR,GAAG;EACL;EACA,GAAI;EAEH;CACK,CAAA;AAEZ,CACF;AAEA,aAAa,cAAc"}
+{"version":3,"file":"LayoutHeader.mjs","names":[],"sources":["../../../src/Layout/components/LayoutHeader.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from '../style';\nimport type { LayoutHeaderProps } from '../type';\n\nexport const LayoutHeader = memo<LayoutHeaderProps>(\n  ({ headerHeight, children, className, style, ...rest }) => {\n    return (\n      <header\n        className={styleProps(styles.header, className).className}\n        style={{\n          height: headerHeight,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </header>\n    );\n  },\n);\n\nLayoutHeader.displayName = 'LayoutHeader';\n\nexport default LayoutHeader;\n"],"mappings":";;;;;;AASA,MAAa,eAAe,MACzB,EAAE,cAAc,UAAU,WAAW,OAAO,GAAG,WAAW;CACzD,OACE,oBAAC,UAAD;EACE,WAAW,WAAW,OAAO,QAAQ,SAAS,CAAC,CAAC;EAChD,OAAO;GACL,QAAQ;GACR,GAAG;EACL;EACA,GAAI;EAEH;CACK,CAAA;AAEZ,CACF;AAEA,aAAa,cAAc"}

package/es/Layout/components/LayoutMain.d.mts

@@ -1,7 +1,7 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: import("react").NamedExoticComponent<DivProps>;
+export declare const LayoutMain: import("react").NamedExoticComponent<DivProps>;
 //#endregion
-export { LayoutMain, LayoutMain as default };
+export { LayoutMain as default };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutMain.mjs

@@ -1,12 +1,12 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/Layout/components/LayoutMain.tsx
 const LayoutMain = memo(({ children, className, ...rest }) => {
 	return /* @__PURE__ */ jsx("main", {
-		className: cx(styles.main, className),
+		className: styleProps(styles.main, className).className,
 		...rest,
 		children
 	});

package/es/Layout/components/LayoutMain.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutMain.mjs","names":[],"sources":["../../../src/Layout/components/LayoutMain.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from '../style';\nimport type { LayoutMainProps } from '../type';\n\nexport const LayoutMain = memo<LayoutMainProps>(({ children, className, ...rest }) => {\n  return (\n    <main className={cx(styles.main, className)} {...rest}>\n      {children}\n    </main>\n  );\n});\n\nLayoutMain.displayName = 'LayoutMain';\n\nexport default LayoutMain;\n"],"mappings":";;;;;;AAQA,MAAa,aAAa,MAAuB,EAAE,UAAU,WAAW,GAAG,WAAW;CACpF,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,GAAI;EAC9C;CACG,CAAA;AAEV,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"LayoutMain.mjs","names":[],"sources":["../../../src/Layout/components/LayoutMain.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from '../style';\nimport type { LayoutMainProps } from '../type';\n\nexport const LayoutMain = memo<LayoutMainProps>(({ children, className, ...rest }) => {\n  return (\n    <main className={styleProps(styles.main, className).className} {...rest}>\n      {children}\n    </main>\n  );\n});\n\nLayoutMain.displayName = 'LayoutMain';\n\nexport default LayoutMain;\n"],"mappings":";;;;;;AASA,MAAa,aAAa,MAAuB,EAAE,UAAU,WAAW,GAAG,WAAW;CACpF,OACE,oBAAC,QAAD;EAAM,WAAW,WAAW,OAAO,MAAM,SAAS,CAAC,CAAC;EAAW,GAAI;EAChE;CACG,CAAA;AAEV,CAAC;AAED,WAAW,cAAc"}

package/es/Layout/components/LayoutSidebar.d.mts

@@ -1,6 +1,6 @@
 import { LayoutSidebarProps } from "../type.mjs";
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: import("react").NamedExoticComponent<LayoutSidebarProps>;
+export declare const LayoutSidebar: import("react").NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
-export { LayoutSidebar, LayoutSidebar as default };
+export { LayoutSidebar as default };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

package/es/Layout/components/LayoutSidebar.mjs

@@ -1,12 +1,12 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/Layout/components/LayoutSidebar.tsx
 const LayoutSidebar = memo(({ headerHeight, children, className, style, ...rest }) => {
 	return /* @__PURE__ */ jsx("aside", {
-		className: cx(styles.aside, className),
+		className: styleProps(styles.aside, className).className,
 		style: {
 			top: `var(--layout-header-height, ${headerHeight}px)`,
 			...style

package/es/Layout/components/LayoutSidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSidebar.mjs","names":[],"sources":["../../../src/Layout/components/LayoutSidebar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from '../style';\nimport type { LayoutSidebarProps } from '../type';\n\nexport const LayoutSidebar = memo<LayoutSidebarProps>(\n  ({ headerHeight, children, className, style, ...rest }) => {\n    return (\n      <aside\n        className={cx(styles.aside, className)}\n        style={{\n          top: `var(--layout-header-height, ${headerHeight}px)`,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nLayoutSidebar.displayName = 'LayoutSidebar';\n\nexport default LayoutSidebar;\n"],"mappings":";;;;;;AAQA,MAAa,gBAAgB,MAC1B,EAAE,cAAc,UAAU,WAAW,OAAO,GAAG,WAAW;CACzD,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,OAAO;GACL,KAAK,+BAA+B,aAAa;GACjD,GAAG;EACL;EACA,GAAI;EAEH;CACI,CAAA;AAEX,CACF;AAEA,cAAc,cAAc"}
+{"version":3,"file":"LayoutSidebar.mjs","names":[],"sources":["../../../src/Layout/components/LayoutSidebar.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from '../style';\nimport type { LayoutSidebarProps } from '../type';\n\nexport const LayoutSidebar = memo<LayoutSidebarProps>(\n  ({ headerHeight, children, className, style, ...rest }) => {\n    return (\n      <aside\n        className={styleProps(styles.aside, className).className}\n        style={{\n          top: `var(--layout-header-height, ${headerHeight}px)`,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nLayoutSidebar.displayName = 'LayoutSidebar';\n\nexport default LayoutSidebar;\n"],"mappings":";;;;;;AASA,MAAa,gBAAgB,MAC1B,EAAE,cAAc,UAAU,WAAW,OAAO,GAAG,WAAW;CACzD,OACE,oBAAC,SAAD;EACE,WAAW,WAAW,OAAO,OAAO,SAAS,CAAC,CAAC;EAC/C,OAAO;GACL,KAAK,+BAA+B,aAAa;GACjD,GAAG;EACL;EACA,GAAI;EAEH;CACI,CAAA;AAEX,CACF;AAEA,cAAc,cAAc"}

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,6 +1,6 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: import("react").NamedExoticComponent<LayoutSidebarInnerProps>;
+export declare const LayoutSidebarInner: import("react").NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
-export { LayoutSidebarInner, LayoutSidebarInner as default };
+export { LayoutSidebarInner as default };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutSidebarInner.mjs

@@ -1,12 +1,12 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/Layout/components/LayoutSidebarInner.tsx
 const LayoutSidebarInner = memo(({ headerHeight, children, className, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(styles.asideInner, className),
+		className: styleProps(styles.asideInner, className).className,
 		...rest,
 		children
 	});

package/es/Layout/components/LayoutSidebarInner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSidebarInner.mjs","names":[],"sources":["../../../src/Layout/components/LayoutSidebarInner.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from '../style';\nimport type { LayoutSidebarInnerProps } from '../type';\n\nexport const LayoutSidebarInner = memo<LayoutSidebarInnerProps>(\n  ({ headerHeight, children, className, ...rest }) => {\n    // headerHeight is part of the interface but not used in this component\n    void headerHeight;\n    return (\n      <div className={cx(styles.asideInner, className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutSidebarInner.displayName = 'LayoutSidebarInner';\n\nexport default LayoutSidebarInner;\n"],"mappings":";;;;;;AAQA,MAAa,qBAAqB,MAC/B,EAAE,cAAc,UAAU,WAAW,GAAG,WAAW;CAGlD,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,YAAY,SAAS;EAAG,GAAI;EACnD;CACE,CAAA;AAET,CACF;AAEA,mBAAmB,cAAc"}
+{"version":3,"file":"LayoutSidebarInner.mjs","names":[],"sources":["../../../src/Layout/components/LayoutSidebarInner.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from '../style';\nimport type { LayoutSidebarInnerProps } from '../type';\n\nexport const LayoutSidebarInner = memo<LayoutSidebarInnerProps>(\n  ({ headerHeight, children, className, ...rest }) => {\n    // headerHeight is part of the interface but not used in this component\n    void headerHeight;\n    return (\n      <div className={styleProps(styles.asideInner, className).className} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutSidebarInner.displayName = 'LayoutSidebarInner';\n\nexport default LayoutSidebarInner;\n"],"mappings":";;;;;;AASA,MAAa,qBAAqB,MAC/B,EAAE,cAAc,UAAU,WAAW,GAAG,WAAW;CAGlD,OACE,oBAAC,OAAD;EAAK,WAAW,WAAW,OAAO,YAAY,SAAS,CAAC,CAAC;EAAW,GAAI;EACrE;CACE,CAAA;AAET,CACF;AAEA,mBAAmB,cAAc"}

package/es/Layout/components/LayoutToc.d.mts

@@ -1,6 +1,6 @@
 import { LayoutTocProps } from "../type.mjs";
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: import("react").NamedExoticComponent<LayoutTocProps>;
+export declare const LayoutToc: import("react").NamedExoticComponent<LayoutTocProps>;
 //#endregion
-export { LayoutToc, LayoutToc as default };
+export { LayoutToc as default };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/Layout/components/LayoutToc.mjs

@@ -1,12 +1,10 @@
 "use client";
-import { styles } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/Layout/components/LayoutToc.tsx
 const LayoutToc = memo(({ tocWidth, style, className, children, ...rest }) => {
 	return /* @__PURE__ */ jsx("nav", {
-		className: cx(styles.toc, className),
+		className,
 		style: tocWidth ? {
 			width: tocWidth,
 			...style

package/es/Layout/components/LayoutToc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutToc.mjs","names":[],"sources":["../../../src/Layout/components/LayoutToc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from '../style';\nimport type { LayoutTocProps } from '../type';\n\nexport const LayoutToc = memo<LayoutTocProps>(\n  ({ tocWidth, style, className, children, ...rest }) => {\n    return (\n      <nav\n        className={cx(styles.toc, className)}\n        style={tocWidth ? { width: tocWidth, ...style } : style}\n        {...rest}\n      >\n        {children}\n      </nav>\n    );\n  },\n);\n\nLayoutToc.displayName = 'LayoutToc';\n\nexport default LayoutToc;\n"],"mappings":";;;;;;AAQA,MAAa,YAAY,MACtB,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,WAAW;CACrD,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,KAAK,SAAS;EACnC,OAAO,WAAW;GAAE,OAAO;GAAU,GAAG;EAAM,IAAI;EAClD,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,UAAU,cAAc"}
+{"version":3,"file":"LayoutToc.mjs","names":[],"sources":["../../../src/Layout/components/LayoutToc.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport type { LayoutTocProps } from '../type';\n\nexport const LayoutToc = memo<LayoutTocProps>(\n  ({ tocWidth, style, className, children, ...rest }) => {\n    return (\n      <nav className={className} style={tocWidth ? { width: tocWidth, ...style } : style} {...rest}>\n        {children}\n      </nav>\n    );\n  },\n);\n\nLayoutToc.displayName = 'LayoutToc';\n\nexport default LayoutToc;\n"],"mappings":";;;;AAMA,MAAa,YAAY,MACtB,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,WAAW;CACrD,OACE,oBAAC,OAAD;EAAgB;EAAW,OAAO,WAAW;GAAE,OAAO;GAAU,GAAG;EAAM,IAAI;EAAO,GAAI;EACrF;CACE,CAAA;AAET,CACF;AAEA,UAAU,cAAc"}

package/es/Layout/index.d.mts

@@ -7,7 +7,7 @@ import { LayoutSidebarInner } from "./components/LayoutSidebarInner.mjs";
 import { LayoutToc } from "./components/LayoutToc.mjs";
 import { ReactNode } from "react";
 //#region src/Layout/index.d.ts
-interface ILayout {
+export interface ILayout {
   (props: LayoutProps): ReactNode;
   Footer: typeof LayoutFooter;
   Header: typeof LayoutHeader;
@@ -18,5 +18,5 @@ interface ILayout {
 }
 declare const Layout: ILayout;
 //#endregion
-export { ILayout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, Layout as default };
+export { LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, Layout as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Layout/style.mjs

@@ -1,46 +1,47 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles, cx } from "antd-style";
 //#region src/Layout/style.ts
-const styles = createStaticStyles(({ css }) => {
-	return {
-		app: css`
-      overflow: hidden auto;
-      height: 100dvh;
-    `,
-		aside: css`
-      position: sticky;
-      z-index: 2;
-      height: 100%;
-    `,
-		asideInner: css`
-      overflow: hidden auto;
-      width: 100%;
-      height: calc(100dvh - var(--layout-header-height, 64px));
-    `,
-		content: css`
-      position: relative;
-      flex: 1;
-      max-width: 100%;
-    `,
-		footer: css`
-      position: relative;
-      max-width: 100%;
-    `,
-		header: cx(staticStylish.blur, css`
-        position: sticky;
-        z-index: 999;
-        inset-block-start: 0;
-        max-width: 100%;
-      `),
-		main: css`
-      position: relative;
-      display: flex;
-      align-items: stretch;
-      max-width: 100vw;
-    `,
-		toc: css``
-	};
-});
+const styles = {
+	aside: {
+		kVAEAm: "lb7wzq59",
+		kY2c9j: "lbhtitgo",
+		kZKoxP: "lb5yr21d",
+		$$css: true
+	},
+	asideInner: {
+		kZKoxP: "lbcijb2",
+		kXHlph: "lb6ikm8r",
+		kORKVm: "lb1odjw0f",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	content: {
+		kCS8Yb: "lb1t1x2f9",
+		kzQI83: "lb1iyjqo2",
+		kmuXW: "lbs83m0k",
+		kVAEAm: "lb1n2onr6",
+		ks0D6T: "lb193iq5w",
+		$$css: true
+	},
+	footer: {
+		kVAEAm: "lb1n2onr6",
+		ks0D6T: "lb193iq5w",
+		$$css: true
+	},
+	header: {
+		k6WDB: "lb1k0obaa",
+		k87sOh: "lb13vifvy",
+		kVAEAm: "lb7wzq59",
+		kY2c9j: "lb14g40p9",
+		ks0D6T: "lb193iq5w",
+		$$css: true
+	},
+	main: {
+		kGNEyG: "lb1qjc9v5",
+		k1xSpc: "lb78zum5",
+		kVAEAm: "lb1n2onr6",
+		ks0D6T: "lb16xn7b0",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

package/es/Layout/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Layout/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    app: css`\n      overflow: hidden auto;\n      height: 100dvh;\n    `,\n    aside: css`\n      position: sticky;\n      z-index: 2;\n      height: 100%;\n    `,\n    asideInner: css`\n      overflow: hidden auto;\n      width: 100%;\n      height: calc(100dvh - var(--layout-header-height, 64px));\n    `,\n    content: css`\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    `,\n\n    footer: css`\n      position: relative;\n      max-width: 100%;\n    `,\n    header: cx(\n      lobeStaticStylish.blur,\n      css`\n        position: sticky;\n        z-index: 999;\n        inset-block-start: 0;\n        max-width: 100%;\n      `,\n    ),\n    main: css`\n      position: relative;\n      display: flex;\n      align-items: stretch;\n      max-width: 100vw;\n    `,\n    toc: css``,\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,KAAK,GAAG;;;;EAIR,OAAO,GAAG;;;;;EAKV,YAAY,GAAG;;;;;EAKf,SAAS,GAAG;;;;;EAMZ,QAAQ,GAAG;;;;EAIX,QAAQ,GACNA,cAAkB,MAClB,GAAG;;;;;OAML;EACA,MAAM,GAAG;;;;;;EAMT,KAAK,GAAG;CACV;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Layout/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const styles = stylex.create({\n  aside: {\n    position: 'sticky',\n    zIndex: 2,\n    height: '100%',\n  },\n  asideInner: {\n    height: 'calc(100dvh - var(--layout-header-height, 64px))',\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    width: '100%',\n  },\n  content: {\n    flexBasis: '0%',\n    flexGrow: 1,\n    flexShrink: 1,\n    position: 'relative',\n    maxWidth: '100%',\n  },\n  footer: {\n    position: 'relative',\n    maxWidth: '100%',\n  },\n  header: {\n    backdropFilter: 'saturate(150%) blur(10px)',\n    insetBlockStart: 0,\n    position: 'sticky',\n    zIndex: 999,\n    maxWidth: '100%',\n  },\n  main: {\n    alignItems: 'stretch',\n    display: 'flex',\n    position: 'relative',\n    maxWidth: '100vw',\n  },\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Layout/type.d.mts

@@ -1,7 +1,7 @@
 import { DivProps } from "../types/index.mjs";
 import { ReactNode } from "react";
 //#region src/Layout/type.d.ts
-interface LayoutProps {
+export interface LayoutProps {
   asideWidth?: number;
   children?: ReactNode;
   content?: ReactNode;
@@ -13,20 +13,19 @@ interface LayoutProps {
   toc?: ReactNode;
   tocWidth?: number;
 }
-type LayoutFooterProps = DivProps;
-interface LayoutHeaderProps extends DivProps {
+export type LayoutFooterProps = DivProps;
+export interface LayoutHeaderProps extends DivProps {
   headerHeight?: number;
 }
-type LayoutMainProps = DivProps;
-interface LayoutSidebarProps extends DivProps {
+export type LayoutMainProps = DivProps;
+export interface LayoutSidebarProps extends DivProps {
   headerHeight?: number;
 }
-interface LayoutSidebarInnerProps extends DivProps {
+export interface LayoutSidebarInnerProps extends DivProps {
   headerHeight?: number;
 }
-interface LayoutTocProps extends DivProps {
+export interface LayoutTocProps extends DivProps {
   tocWidth?: number;
 }
 //#endregion
-export { LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutProps, LayoutSidebarInnerProps, LayoutSidebarProps, LayoutTocProps };
 //# sourceMappingURL=type.d.mts.map

package/es/List/List.d.mts

@@ -0,0 +1,8 @@
+import { ListProps } from "./type.mjs";
+import "./ListRow.mjs";
+import { NamedExoticComponent } from "react";
+//#region src/List/List.d.ts
+declare const List: NamedExoticComponent<ListProps>;
+//#endregion
+export { List as default };
+//# sourceMappingURL=List.d.mts.map

package/es/List/List.mjs

@@ -1,43 +1,54 @@
 "use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ListItem from "./ListItem/index.mjs";
-import { memo } from "react";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { styles } from "./style.mjs";
+import ListRow from "./ListRow.mjs";
+import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
+import * as stylex from "@stylexjs/stylex";
 //#region src/List/List.tsx
-const List = memo(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		gap: 4,
-		padding: 4,
+const isDivider = (item) => item.type === "divider";
+const variantStyles = {
+	borderless: void 0,
+	filled: styles.filled,
+	outlined: styles.outlined
+};
+const ListImpl = memo(({ activeKey, className, classNames, compact = false, defaultActiveKey, items, onActiveChange, onClick, ref, selectable = false, styles: customStyles, variant = "borderless", itemXstyle, ...rest }) => {
+	const [innerKey, setInnerKey] = useState(defaultActiveKey);
+	const currentKey = activeKey === void 0 ? innerKey : activeKey;
+	const handleSelect = (item, domEvent) => {
+		const info = {
+			domEvent,
+			item,
+			key: item.key
+		};
+		item.onClick?.(info);
+		onClick?.(info);
+		if (!selectable || item.key === currentKey) return;
+		if (activeKey === void 0) setInnerKey(item.key);
+		onActiveChange?.(item.key);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		className: styleProps([styles.root, variantStyles[variant]], className).className,
+		ref,
+		role: "list",
 		...rest,
-		children: items.map((item) => {
-			const { key, onClick: itemOnClick, className: itemClassName, style: itemStyle, ...itemRest } = item;
-			const { item: customItemClassName, ...restClassName } = classNames || {};
-			const { item: customItemStyle, ...restStyles } = styles || {};
-			return /* @__PURE__ */ jsx(ListItem, {
-				active: item.key === activeKey,
-				className: cx(customItemClassName, itemClassName),
-				classNames: restClassName,
-				ref,
-				style: {
-					...customItemStyle,
-					...itemStyle
-				},
-				styles: restStyles,
-				onClick: (e) => {
-					onClick?.({
-						item,
-						key
-					});
-					itemOnClick?.(e);
-				},
-				...itemRest
-			}, key);
-		})
+		children: items.map((item, index) => isDivider(item) ? /* @__PURE__ */ jsx("li", {
+			role: "separator",
+			...stylex.props(styles.divider)
+		}, item.key ?? `divider-${index}`) : /* @__PURE__ */ jsx(ListRow, {
+			active: currentKey !== void 0 && currentKey !== null && item.key === currentKey,
+			classNames,
+			compact,
+			item,
+			styles: customStyles,
+			xstyle: itemXstyle,
+			onSelect: handleSelect
+		}, item.key))
 	});
 });
-List.displayName = "List";
+ListImpl.displayName = "List";
+const List = ListImpl;
 //#endregion
-export { List as default };
+export { ListImpl, List as default };
 
 //# sourceMappingURL=List.mjs.map

package/es/List/List.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","names":["Flexbox"],"sources":["../../src/List/List.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport ListItem from './ListItem';\nimport type { ListProps } from './type';\n\nconst List = memo<ListProps>(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {\n  return (\n    <Flexbox gap={4} padding={4} {...rest}>\n      {items.map((item) => {\n        const {\n          key,\n          onClick: itemOnClick,\n          className: itemClassName,\n          style: itemStyle,\n          ...itemRest\n        } = item;\n        const { item: customItemClassName, ...restClassName } = classNames || {};\n        const { item: customItemStyle, ...restStyles } = styles || {};\n        return (\n          <ListItem\n            active={item.key === activeKey}\n            className={cx(customItemClassName, itemClassName)}\n            classNames={restClassName}\n            key={key}\n            ref={ref}\n            style={{ ...customItemStyle, ...itemStyle }}\n            styles={restStyles}\n            onClick={(e) => {\n              onClick?.({\n                item,\n                key,\n              });\n              itemOnClick?.(e);\n            }}\n            {...itemRest}\n          />\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nList.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;;;;AAUA,MAAM,OAAO,MAAiB,EAAE,KAAK,WAAW,YAAY,QAAQ,SAAS,OAAO,GAAG,WAAW;CAChG,OACE,oBAACA,mBAAD;EAAS,KAAK;EAAG,SAAS;EAAG,GAAI;EAC9B,UAAA,MAAM,KAAK,SAAS;GACnB,MAAM,EACJ,KACA,SAAS,aACT,WAAW,eACX,OAAO,WACP,GAAG,aACD;GACJ,MAAM,EAAE,MAAM,qBAAqB,GAAG,kBAAkB,cAAc,CAAC;GACvE,MAAM,EAAE,MAAM,iBAAiB,GAAG,eAAe,UAAU,CAAC;GAC5D,OACE,oBAAC,UAAD;IACE,QAAQ,KAAK,QAAQ;IACrB,WAAW,GAAG,qBAAqB,aAAa;IAChD,YAAY;IAEP;IACL,OAAO;KAAE,GAAG;KAAiB,GAAG;IAAU;IAC1C,QAAQ;IACR,UAAU,MAAM;KACd,UAAU;MACR;MACA;KACF,CAAC;KACD,cAAc,CAAC;IACjB;IACA,GAAI;GACL,GAZM,GAYN;EAEL,CAAC;CACM,CAAA;AAEb,CAAC;AAED,KAAK,cAAc"}
+{"version":3,"file":"List.mjs","names":[],"sources":["../../src/List/List.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { type Key, memo, type MouseEvent, type NamedExoticComponent, useState } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport ListRow, { type ListRowXstyle } from './ListRow';\nimport { styles } from './style';\nimport type { ListDividerType, ListItem, ListItemType, ListProps } from './type';\n\nconst isDivider = (item: ListItem): item is ListDividerType => item.type === 'divider';\n\nconst variantStyles = {\n  borderless: undefined,\n  filled: styles.filled,\n  outlined: styles.outlined,\n};\n\nexport const ListImpl = memo<ListProps & { itemXstyle?: ListRowXstyle }>(\n  ({\n    activeKey,\n    className,\n    classNames,\n    compact = false,\n    defaultActiveKey,\n    items,\n    onActiveChange,\n    onClick,\n    ref,\n    selectable = false,\n    styles: customStyles,\n    variant = 'borderless',\n    itemXstyle,\n    ...rest\n  }) => {\n    const [innerKey, setInnerKey] = useState<Key | undefined>(defaultActiveKey);\n    const currentKey = activeKey === undefined ? innerKey : activeKey;\n\n    const handleSelect = (item: ListItemType, domEvent: MouseEvent<HTMLElement>) => {\n      const info = { domEvent, item, key: item.key };\n      item.onClick?.(info);\n      onClick?.(info);\n\n      if (!selectable || item.key === currentKey) return;\n      if (activeKey === undefined) setInnerKey(item.key);\n      onActiveChange?.(item.key);\n    };\n\n    return (\n      <ul\n        className={styleProps([styles.root, variantStyles[variant]], className).className}\n        ref={ref}\n        role=\"list\"\n        {...rest}\n      >\n        {items.map((item, index) =>\n          isDivider(item) ? (\n            <li\n              key={item.key ?? `divider-${index}`}\n              role=\"separator\"\n              {...stylex.props(styles.divider)}\n            />\n          ) : (\n            <ListRow\n              active={currentKey !== undefined && currentKey !== null && item.key === currentKey}\n              classNames={classNames}\n              compact={compact}\n              item={item}\n              key={item.key}\n              styles={customStyles}\n              xstyle={itemXstyle}\n              onSelect={handleSelect}\n            />\n          ),\n        )}\n      </ul>\n    );\n  },\n);\n\nListImpl.displayName = 'List';\n\nconst List = ListImpl as NamedExoticComponent<ListProps>;\n\nexport default List;\n"],"mappings":";;;;;;;;AAQA,MAAM,aAAa,SAA4C,KAAK,SAAS;AAC7E,MAAM,gBAAgB;CACpB,YAAY,KAAA;CACZ,QAAQ,OAAO;CACf,UAAU,OAAO;AACnB;AACA,MAAa,WAAW,MAEpB,EACF,WACA,WACA,YACA,UAAU,OACV,kBACA,OACA,gBACA,SACA,KACA,aAAa,OACb,QAAQ,cACR,UAAU,cACV,YACA,GAAG,WACC;CACJ,MAAM,CAAC,UAAU,eAAe,SAA0B,gBAAgB;CAC1E,MAAM,aAAa,cAAc,KAAA,IAAY,WAAW;CACxD,MAAM,gBAAgB,MAAoB,aAAsC;EAC9E,MAAM,OAAO;GACX;GACA;GACA,KAAK,KAAK;EACZ;EACA,KAAK,UAAU,IAAI;EACnB,UAAU,IAAI;EACd,IAAI,CAAC,cAAc,KAAK,QAAQ,YAAY;EAC5C,IAAI,cAAc,KAAA,GAAW,YAAY,KAAK,GAAG;EACjD,iBAAiB,KAAK,GAAG;CAC3B;CACA,OAAO,oBAAC,MAAD;EAAI,WAAW,WAAW,CAAC,OAAO,MAAM,cAAc,QAAQ,GAAG,SAAS,CAAC,CAAC;EAAgB;EAAK,MAAK;EAAO,GAAI;EACjH,UAAA,MAAM,KAAK,MAAM,UAAU,UAAU,IAAI,IAAI,oBAAC,MAAD;GAAyC,MAAK;GAAY,GAAI,OAAO,MAAM,OAAO,OAAO;EAAI,GAApF,KAAK,OAAO,WAAW,OAA6D,IAAI,oBAAC,SAAD;GAAS,QAAQ,eAAe,KAAA,KAAa,eAAe,QAAQ,KAAK,QAAQ;GAAwB;GAAqB;GAAe;GAAqB,QAAQ;GAAc,QAAQ;GAAY,UAAU;EAAe,GAA7E,KAAK,GAAwE,CAAC;CACnX,CAAA;AACV,CAAC;AACD,SAAS,cAAc;AACvB,MAAM,OAAO"}

package/es/List/ListRow.d.mts

@@ -0,0 +1,3 @@
+import "../styles/stylex/props.mjs";
+import "./type.mjs";
+import { MouseEvent } from "react";

package/es/List/ListRow.mjs

@@ -0,0 +1,82 @@
+"use client";
+import A from "../A/index.mjs";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { focusRing } from "../styles/stylex/focusRing.mjs";
+import Icon from "../Icon/Icon.mjs";
+import { listItemMarker } from "./marker.stylex.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as stylex from "@stylexjs/stylex";
+//#region src/List/ListRow.tsx
+const ListRow = memo(({ active, classNames, compact, item, onSelect, styles: customStyles, xstyle }) => {
+	const { actions, avatar, danger, description, disabled, extra, href, icon, label, showAction } = item;
+	const handleClick = (event) => {
+		if (disabled) {
+			event.preventDefault();
+			return;
+		}
+		onSelect(item, event);
+	};
+	const rowClassName = styleProps([
+		focusRing.info,
+		styles.row,
+		compact && styles.compactRow,
+		active && styles.active,
+		danger && styles.danger,
+		disabled && styles.disabled,
+		xstyle?.(item, active)
+	], clsx(classNames?.item, item.className)).className;
+	const rowStyle = {
+		...customStyles?.item,
+		...item.style
+	};
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		avatar ?? (icon ? /* @__PURE__ */ jsx(Icon, {
+			icon,
+			size: 16
+		}) : null),
+		/* @__PURE__ */ jsxs("span", {
+			...stylex.props(styles.body),
+			children: [/* @__PURE__ */ jsx("span", {
+				...styleProps(styles.label, clsx("lobe-list-label", classNames?.label), customStyles?.label),
+				children: label
+			}), description != null && /* @__PURE__ */ jsx("span", {
+				...styleProps(styles.description, classNames?.description, customStyles?.description),
+				children: description
+			})]
+		}),
+		extra != null && /* @__PURE__ */ jsx("span", {
+			...styleProps(styles.extra, classNames?.extra, customStyles?.extra),
+			children: extra
+		})
+	] });
+	return /* @__PURE__ */ jsxs("li", {
+		...stylex.props(styles.item, listItemMarker),
+		children: [href && !disabled ? /* @__PURE__ */ jsx(A, {
+			"aria-current": active ? "page" : void 0,
+			className: rowClassName,
+			href,
+			style: rowStyle,
+			onClick: handleClick,
+			children: content
+		}) : /* @__PURE__ */ jsx("button", {
+			"aria-current": active ? "true" : void 0,
+			"aria-disabled": disabled || void 0,
+			className: rowClassName,
+			style: rowStyle,
+			type: "button",
+			onClick: handleClick,
+			children: content
+		}), actions != null && /* @__PURE__ */ jsx("span", {
+			...styleProps([styles.actions, showAction && styles.showAction], classNames?.actions, customStyles?.actions),
+			children: actions
+		})]
+	});
+});
+ListRow.displayName = "ListRow";
+//#endregion
+export { ListRow as default };
+
+//# sourceMappingURL=ListRow.mjs.map

package/es/List/ListRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListRow.mjs","names":[],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { memo, type MouseEvent } from 'react';\n\nimport A from '@/A';\nimport Icon from '@/Icon';\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { listItemMarker } from './marker.stylex';\nimport { styles } from './style';\nimport type { ListItemType, ListProps } from './type';\n\nexport type ListRowXstyle = (\n  item: ListItemType,\n  active: boolean,\n) => Parameters<typeof styleProps>[0];\n\ninterface ListRowProps {\n  active: boolean;\n  classNames?: ListProps['classNames'];\n  compact: boolean;\n  item: ListItemType;\n  onSelect: (item: ListItemType, event: MouseEvent<HTMLElement>) => void;\n  styles?: ListProps['styles'];\n  xstyle?: ListRowXstyle;\n}\n\nconst ListRow = memo<ListRowProps>(\n  ({ active, classNames, compact, item, onSelect, styles: customStyles, xstyle }) => {\n    const { actions, avatar, danger, description, disabled, extra, href, icon, label, showAction } =\n      item;\n\n    const handleClick = (event: MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.preventDefault();\n        return;\n      }\n      onSelect(item, event);\n    };\n\n    const rowClassName = styleProps(\n      [\n        focusRing.info,\n        styles.row,\n        compact && styles.compactRow,\n        active && styles.active,\n        danger && styles.danger,\n        disabled && styles.disabled,\n        xstyle?.(item, active),\n      ],\n      clsx(classNames?.item, item.className),\n    ).className;\n    const rowStyle = { ...customStyles?.item, ...item.style };\n\n    const content = (\n      <>\n        {avatar ?? (icon ? <Icon icon={icon} size={16} /> : null)}\n        <span {...stylex.props(styles.body)}>\n          <span\n            {...styleProps(\n              styles.label,\n              clsx('lobe-list-label', classNames?.label),\n              customStyles?.label,\n            )}\n          >\n            {label}\n          </span>\n          {description != null && (\n            <span\n              {...styleProps(\n                styles.description,\n                classNames?.description,\n                customStyles?.description,\n              )}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n        {extra != null && (\n          <span {...styleProps(styles.extra, classNames?.extra, customStyles?.extra)}>{extra}</span>\n        )}\n      </>\n    );\n\n    return (\n      <li {...stylex.props(styles.item, listItemMarker)}>\n        {href && !disabled ? (\n          <A\n            aria-current={active ? 'page' : undefined}\n            className={rowClassName}\n            href={href}\n            style={rowStyle}\n            onClick={handleClick}\n          >\n            {content}\n          </A>\n        ) : (\n          <button\n            aria-current={active ? 'true' : undefined}\n            aria-disabled={disabled || undefined}\n            className={rowClassName}\n            style={rowStyle}\n            type=\"button\"\n            onClick={handleClick}\n          >\n            {content}\n          </button>\n        )}\n        {actions != null && (\n          <span\n            {...styleProps(\n              [styles.actions, showAction && styles.showAction],\n              classNames?.actions,\n              customStyles?.actions,\n            )}\n          >\n            {actions}\n          </span>\n        )}\n      </li>\n    );\n  },\n);\n\nListRow.displayName = 'ListRow';\n\nexport default ListRow;\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAM,UAAU,MAAoB,EAClC,QACA,YACA,SACA,MACA,UACA,QAAQ,cACR,aACI;CACJ,MAAM,EACJ,SACA,QACA,QACA,aACA,UACA,OACA,MACA,MACA,OACA,eACE;CACJ,MAAM,eAAe,UAAmC;EACtD,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB;EACF;EACA,SAAS,MAAM,KAAK;CACtB;CACA,MAAM,eAAe,WAAW;EAAC,UAAU;EAAM,OAAO;EAAK,WAAW,OAAO;EAAY,UAAU,OAAO;EAAQ,UAAU,OAAO;EAAQ,YAAY,OAAO;EAAU,SAAS,MAAM,MAAM;CAAC,GAAG,KAAK,YAAY,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC;CAC3O,MAAM,WAAW;EACf,GAAG,cAAc;EACjB,GAAG,KAAK;CACV;CACA,MAAM,UAAU,qBAAA,YAAA,EAAA,UAAA;EACT,WAAW,OAAO,oBAAC,MAAD;GAAY;GAAM,MAAM;EAAK,CAAA,IAAI;EACpD,qBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,IAAI;GAAlC,UAAA,CACE,oBAAC,QAAD;IAAM,GAAI,WAAW,OAAO,OAAO,KAAK,mBAAmB,YAAY,KAAK,GAAG,cAAc,KAAK;IAC/F,UAAA;GACG,CAAA,GACL,eAAe,QAAQ,oBAAC,QAAD;IAAM,GAAI,WAAW,OAAO,aAAa,YAAY,aAAa,cAAc,WAAW;IAC9G,UAAA;GACG,CAAA,CACJ;;EACL,SAAS,QAAQ,oBAAC,QAAD;GAAM,GAAI,WAAW,OAAO,OAAO,YAAY,OAAO,cAAc,KAAK;GAAI,UAAA;EAAY,CAAA;CAC3G,EAAA,CAAA;CACN,OAAO,qBAAC,MAAD;EAAI,GAAI,OAAO,MAAM,OAAO,MAAM,cAAc;EAAhD,UAAA,CACA,QAAQ,CAAC,WAAW,oBAAC,GAAD;GAAG,gBAAc,SAAS,SAAS,KAAA;GAAW,WAAW;GAAoB;GAAM,OAAO;GAAU,SAAS;GAC7H,UAAA;EACA,CAAA,IAAI,oBAAC,UAAD;GAAQ,gBAAc,SAAS,SAAS,KAAA;GAAW,iBAAe,YAAY,KAAA;GAAW,WAAW;GAAc,OAAO;GAAU,MAAK;GAAS,SAAS;GAC9J,UAAA;EACK,CAAA,GACT,WAAW,QAAQ,oBAAC,QAAD;GAAM,GAAI,WAAW,CAAC,OAAO,SAAS,cAAc,OAAO,UAAU,GAAG,YAAY,SAAS,cAAc,OAAO;GACjI,UAAA;EACG,CAAA,CACN;;AACV,CAAC;AACD,QAAQ,cAAc"}

package/es/List/index.d.mts

@@ -1,12 +1,3 @@
-import { ListItemProps, ListProps } from "./type.mjs";
-import ListItem from "./ListItem/index.mjs";
-import { ReactNode, RefAttributes } from "react";
-//#region src/List/index.d.ts
-interface IList {
-  (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;
-  Item: typeof ListItem;
-}
-declare const List: IList;
-//#endregion
-export { ListItem, type ListItemProps, type ListProps, List as default };
-//# sourceMappingURL=index.d.mts.map
+import { ListClickInfo, ListDividerType, ListItem, ListItemType, ListProps, ListSemanticName } from "./type.mjs";
+import List from "./List.mjs";
+export { type ListClickInfo, type ListDividerType, type ListItem, type ListItemType, type ListProps, type ListSemanticName, List as default };

package/es/List/index.mjs

@@ -1,9 +1 @@
-import ListItem from "./ListItem/index.mjs";
-import List$1 from "./List.mjs";
-//#region src/List/index.ts
-const List = List$1;
-List.Item = ListItem;
-//#endregion
-export { ListItem, List as default };
-
-//# sourceMappingURL=index.mjs.map
+export { default } from "./List.mjs";

package/es/List/marker.stylex.mjs

@@ -0,0 +1,9 @@
+//#region src/List/marker.stylex.ts
+const listItemMarker = {
+	lbdqa9ca: "lbdqa9ca",
+	$$css: true
+};
+//#endregion
+export { listItemMarker };
+
+//# sourceMappingURL=marker.stylex.mjs.map

package/es/List/marker.stylex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.stylex.mjs","names":[],"sources":["../../src/List/marker.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const listItemMarker = stylex.defineMarker();\n"],"mappings":";AACA,MAAa,iBAAiB;CAC5B,UAAU;CACV,OAAO;AACT"}