@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Result/style.mjs

@@ -0,0 +1,65 @@
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
+//#region src/Result/style.ts
+const styles = {
+	customIcon: {
+		k1xSpc: "lb78zum5",
+		kmuXW: "lb2lah0s",
+		kjj79g: "lbl56j7k",
+		k1K539: "lbod5an3",
+		$$css: true
+	},
+	extra: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		kSGwAc: "lbkh2ocl",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		kjj79g: "lbl56j7k",
+		keoZOQ: "lb1anpbxc",
+		$$css: true
+	},
+	icon: {
+		kaIpWk: "lb16rqkct",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kmuXW: "lb2lah0s",
+		kjj79g: "lbl56j7k",
+		k1K539: "lbod5an3",
+		kZKoxP: "lby75621",
+		kzqmXN: "lbni59qk",
+		$$css: true
+	},
+	root: {
+		kOIVth: "lb17d4w8g",
+		k8WAf4: "lb1xn8qrt",
+		kg3NbH: "lbdqyycr",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		k9WMMc: "lb2b8uid",
+		$$css: true
+	},
+	subTitle: {
+		kogj98: "lb1ghz6dp",
+		kMwMTN: "lb53gy9q",
+		kGuDYH: "lb4z9k3i",
+		ks0D6T: "lb1mrxg6j",
+		$$css: true
+	},
+	title: {
+		kogj98: "lb1ghz6dp",
+		kGuDYH: "lbwsyq91",
+		k63SB2: "lb1s688f",
+		kN2L0X: "lb1w2vvpw",
+		$$css: true
+	}
+};
+const statusColor = {
+	error: cssVar.colorError,
+	success: cssVar.colorSuccess,
+	warning: cssVar.colorWarning
+};
+//#endregion
+export { statusColor, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Result/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Result/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  customIcon: {\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    marginBlockEnd: 12,\n  },\n  extra: {\n    gap: 8,\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    marginBlockStart: 10,\n  },\n  icon: {\n    borderRadius: '50%',\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    marginBlockEnd: 12,\n    height: 72,\n    width: 72,\n  },\n  root: {\n    gap: 6,\n    paddingBlock: 16,\n    paddingInline: 8,\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    textAlign: 'center',\n  },\n  subTitle: {\n    margin: 0,\n    color: cssVar.colorTextTertiary,\n    fontSize: 13,\n    maxWidth: '36ch',\n  },\n  title: {\n    margin: 0,\n    fontSize: 20,\n    fontWeight: 600,\n    textWrap: 'balance',\n  },\n});\n\nexport const statusColor: Record<'success' | 'error' | 'warning', string> = {\n  error: cssVar.colorError,\n  success: cssVar.colorSuccess,\n  warning: cssVar.colorWarning,\n};\n"],"mappings":";;AAGA,MAAa,SAAS;CACpB,YAAY;EACV,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAa,cAA+D;CAC1E,OAAO,OAAO;CACd,SAAS,OAAO;CAChB,SAAS,OAAO;AAClB"}

package/es/Result/type.d.mts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/Result/type.d.ts
+export type ResultStatus = 'success' | 'error' | 'info' | 'warning';
+export interface ResultProps extends Omit<ComponentProps<'section'>, 'title'> {
+  extra?: ReactNode;
+  icon?: ReactNode;
+  ref?: Ref<HTMLElement>;
+  status?: ResultStatus;
+  subTitle?: ReactNode;
+  title?: ReactNode;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/ScrollArea/ScrollArea.d.mts

@@ -0,0 +1,6 @@
+import { ScrollAreaProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/ScrollArea/ScrollArea.d.ts
+export declare const ScrollArea: FC<ScrollAreaProps>;
+//#endregion
+//# sourceMappingURL=ScrollArea.d.mts.map

package/es/ScrollArea/ScrollArea.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./atoms.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ScrollArea/ScrollArea.tsx
+const ScrollArea = ({ children, contentProps, corner = false, cornerProps, disableContentFit = false, scrollFade = false, scrollbarProps, thumbProps, viewportProps, ...rest }) => {
+	const mergedContentProps = disableContentFit ? {
+		...contentProps,
+		style: {
+			minWidth: 0,
+			...contentProps?.style
+		}
+	} : contentProps;
+	return /* @__PURE__ */ jsxs(ScrollAreaRoot, {
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaViewport, {
+				scrollFade,
+				...viewportProps,
+				children: /* @__PURE__ */ jsx(ScrollAreaContent, {
+					...mergedContentProps,
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx(ScrollAreaScrollbar, {
+				...scrollbarProps,
+				children: /* @__PURE__ */ jsx(ScrollAreaThumb, { ...thumbProps })
+			}),
+			corner && /* @__PURE__ */ jsx(ScrollAreaCorner, { ...cornerProps })
+		]
+	});
+};
+//#endregion
+export { ScrollArea };
+
+//# sourceMappingURL=ScrollArea.mjs.map

package/es/ScrollArea/ScrollArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.mjs","names":[],"sources":["../../src/ScrollArea/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport {\n  ScrollAreaContent,\n  ScrollAreaCorner,\n  ScrollAreaRoot,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n} from './atoms';\nimport type { ScrollAreaProps } from './type';\n\nexport const ScrollArea: FC<ScrollAreaProps> = ({\n  children,\n  contentProps,\n  corner = false,\n  cornerProps,\n  disableContentFit = false,\n  scrollFade = false,\n  scrollbarProps,\n  thumbProps,\n  viewportProps,\n  ...rest\n}) => {\n  const mergedContentProps = disableContentFit\n    ? { ...contentProps, style: { minWidth: 0, ...contentProps?.style } }\n    : contentProps;\n\n  return (\n    <ScrollAreaRoot {...rest}>\n      <ScrollAreaViewport scrollFade={scrollFade} {...viewportProps}>\n        <ScrollAreaContent {...mergedContentProps}>{children}</ScrollAreaContent>\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar {...scrollbarProps}>\n        <ScrollAreaThumb {...thumbProps} />\n      </ScrollAreaScrollbar>\n      {corner && <ScrollAreaCorner {...cornerProps} />}\n    </ScrollAreaRoot>\n  );\n};\n"],"mappings":";;;;AAcA,MAAa,cAAmC,EAC9C,UACA,cACA,SAAS,OACT,aACA,oBAAoB,OACpB,aAAa,OACb,gBACA,YACA,eACA,GAAG,WACC;CACJ,MAAM,qBAAqB,oBACvB;EAAE,GAAG;EAAc,OAAO;GAAE,UAAU;GAAG,GAAG,cAAc;EAAM;CAAE,IAClE;CAEJ,OACE,qBAAC,gBAAD;EAAgB,GAAI;EAApB,UAAA;GACE,oBAAC,oBAAD;IAAgC;IAAY,GAAI;IAC9C,UAAA,oBAAC,mBAAD;KAAmB,GAAI;KAAqB;IAA4B,CAAA;GACtD,CAAA;GACpB,oBAAC,qBAAD;IAAqB,GAAI;IACvB,UAAA,oBAAC,iBAAD,EAAiB,GAAI,WAAa,CAAA;GACf,CAAA;GACpB,UAAU,oBAAC,kBAAD,EAAkB,GAAI,YAAc,CAAA;EACjC;;AAEpB"}

package/es/ScrollArea/atoms.d.mts

@@ -0,0 +1,43 @@
+import "../styles/stylex/props.mjs";
+import React, { ReactElement } from "react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/ScrollArea/atoms.d.ts
+export type ScrollAreaRootProps = React.ComponentProps<typeof ScrollArea.Root>;
+export type ScrollAreaFadeOrientation = 'vertical' | 'horizontal' | 'both';
+export type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport> & {
+  /**
+   * Enable gradient scroll fade on the viewport edges.
+   *
+   * - `true` / `'vertical'`: fade top and bottom edges.
+   * - `'horizontal'`: fade start and end edges.
+   * - `'both'`: fade all four edges (combined via `mask-composite: intersect`).
+   * - `false`: no fade.
+   *
+   * @default false
+   */
+  scrollFade?: boolean | ScrollAreaFadeOrientation;
+};
+export type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
+export type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
+export type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
+export type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
+export declare const ScrollAreaRoot: {
+  ({ className, ...rest }: ScrollAreaRootProps): React.JSX.Element;
+  displayName: string;
+};
+export declare const ScrollAreaViewport: (props: ScrollAreaViewportProps) => ReactElement;
+export declare const ScrollAreaContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: {
+  ({ className, ...rest }: ScrollAreaScrollbarProps): React.JSX.Element;
+  displayName: string;
+};
+export declare const ScrollAreaThumb: {
+  ({ className, ...rest }: ScrollAreaThumbProps): React.JSX.Element;
+  displayName: string;
+};
+export declare const ScrollAreaCorner: {
+  ({ className, ...rest }: ScrollAreaCornerProps): React.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=atoms.d.mts.map

package/es/ScrollArea/atoms.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { focusRing } from "../styles/stylex/focusRing.mjs";
+import { styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/ScrollArea/atoms.tsx
+const classNameOf = (styles) => styleProps(styles).className;
+const mergeStateClassName = (base, className) => {
+	if (typeof className === "function") return (state) => clsx$1(base, className(state));
+	return clsx$1(base, className);
+};
+const ScrollAreaRoot = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Root, {
+		...rest,
+		className: mergeStateClassName(classNameOf(styles.root), className)
+	});
+};
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+const resolveFadeClass = (scrollFade) => {
+	if (!scrollFade) return void 0;
+	const orientation = scrollFade === true ? "vertical" : scrollFade;
+	if (orientation === "horizontal") return "lobe-scroll-area-fade-horizontal";
+	if (orientation === "both") return "lobe-scroll-area-fade-both";
+	return "lobe-scroll-area-fade";
+};
+const ScrollAreaViewportImpl = ({ className, scrollFade = false, xstyle, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+		...rest,
+		className: mergeStateClassName(clsx$1(classNameOf([
+			styles.viewport,
+			focusRing.info,
+			xstyle
+		]), resolveFadeClass(scrollFade)), className)
+	});
+};
+ScrollAreaViewportImpl.displayName = "ScrollAreaViewport";
+const ScrollAreaViewport = ScrollAreaViewportImpl;
+const ScrollAreaContent = ScrollArea.Content;
+const ScrollAreaScrollbar = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		...rest,
+		className: mergeStateClassName(classNameOf(styles.scrollbar), className)
+	});
+};
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+const ScrollAreaThumb = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		...rest,
+		className: mergeStateClassName(classNameOf(styles.thumb), className)
+	});
+};
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+const ScrollAreaCorner = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Corner, {
+		...rest,
+		className: mergeStateClassName(classNameOf(styles.corner), className)
+	});
+};
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+//#endregion
+export { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollAreaViewportImpl };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/ScrollArea/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["clsx","BaseScrollArea"],"sources":["../../src/ScrollArea/atoms.tsx"],"sourcesContent":["'use client';\n\nimport './global.css';\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';\nimport clsx from 'clsx';\nimport type React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\n\nconst classNameOf = (styles: Parameters<typeof styleProps>[0]) => styleProps(styles).className;\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => clsx(base, className(state));\n  return clsx(base, className);\n};\n\nexport type ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>;\n\nexport type ScrollAreaFadeOrientation = 'vertical' | 'horizontal' | 'both';\n\nexport type ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport> & {\n  /**\n   * Enable gradient scroll fade on the viewport edges.\n   *\n   * - `true` / `'vertical'`: fade top and bottom edges.\n   * - `'horizontal'`: fade start and end edges.\n   * - `'both'`: fade all four edges (combined via `mask-composite: intersect`).\n   * - `false`: no fade.\n   *\n   * @default false\n   */\n  scrollFade?: boolean | ScrollAreaFadeOrientation;\n};\nexport type ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>;\nexport type ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>;\nexport type ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>;\nexport type ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaRoot = ({ className, ...rest }: ScrollAreaRootProps) => {\n  return (\n    <BaseScrollArea.Root\n      {...rest}\n      className={mergeStateClassName(classNameOf(styles.root), className) as any}\n    />\n  );\n};\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot';\n\nconst resolveFadeClass = (\n  scrollFade: ScrollAreaViewportProps['scrollFade'],\n): string | undefined => {\n  if (!scrollFade) return undefined;\n  const orientation: ScrollAreaFadeOrientation = scrollFade === true ? 'vertical' : scrollFade;\n  if (orientation === 'horizontal') return 'lobe-scroll-area-fade-horizontal';\n  if (orientation === 'both') return 'lobe-scroll-area-fade-both';\n  return 'lobe-scroll-area-fade';\n};\n\nexport const ScrollAreaViewportImpl = ({\n  className,\n  scrollFade = false,\n  xstyle,\n  ...rest\n}: ScrollAreaViewportProps & { xstyle?: Parameters<typeof styleProps>[0] }) => {\n  return (\n    <BaseScrollArea.Viewport\n      {...rest}\n      className={\n        mergeStateClassName(\n          clsx(\n            classNameOf([styles.viewport, focusRing.info, xstyle]),\n            resolveFadeClass(scrollFade),\n          ),\n          className,\n        ) as any\n      }\n    />\n  );\n};\n\nScrollAreaViewportImpl.displayName = 'ScrollAreaViewport';\n\nexport const ScrollAreaViewport = ScrollAreaViewportImpl as (\n  props: ScrollAreaViewportProps,\n) => ReactElement;\n\nexport const ScrollAreaContent = BaseScrollArea.Content;\n\nexport const ScrollAreaScrollbar = ({ className, ...rest }: ScrollAreaScrollbarProps) => {\n  return (\n    <BaseScrollArea.Scrollbar\n      {...rest}\n      className={mergeStateClassName(classNameOf(styles.scrollbar), className) as any}\n    />\n  );\n};\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';\n\nexport const ScrollAreaThumb = ({ className, ...rest }: ScrollAreaThumbProps) => {\n  return (\n    <BaseScrollArea.Thumb\n      {...rest}\n      className={mergeStateClassName(classNameOf(styles.thumb), className) as any}\n    />\n  );\n};\n\nScrollAreaThumb.displayName = 'ScrollAreaThumb';\n\nexport const ScrollAreaCorner = ({ className, ...rest }: ScrollAreaCornerProps) => {\n  return (\n    <BaseScrollArea.Corner\n      {...rest}\n      className={mergeStateClassName(classNameOf(styles.corner), className) as any}\n    />\n  );\n};\n\nScrollAreaCorner.displayName = 'ScrollAreaCorner';\n"],"mappings":";;;;;;;;AAcA,MAAM,eAAe,WAA6C,WAAW,MAAM,CAAC,CAAC;AAErF,MAAM,uBACJ,MACA,cACG;CACH,IAAI,OAAO,cAAc,YAAY,QAAQ,UAAkBA,OAAK,MAAM,UAAU,KAAK,CAAC;CAC1F,OAAOA,OAAK,MAAM,SAAS;AAC7B;AAwBA,MAAa,kBAAkB,EAAE,WAAW,GAAG,WAAgC;CAC7E,OACE,oBAACC,WAAe,MAAhB;EACE,GAAI;EACJ,WAAW,oBAAoB,YAAY,OAAO,IAAI,GAAG,SAAS;CACnE,CAAA;AAEL;AAEA,eAAe,cAAc;AAE7B,MAAM,oBACJ,eACuB;CACvB,IAAI,CAAC,YAAY,OAAO,KAAA;CACxB,MAAM,cAAyC,eAAe,OAAO,aAAa;CAClF,IAAI,gBAAgB,cAAc,OAAO;CACzC,IAAI,gBAAgB,QAAQ,OAAO;CACnC,OAAO;AACT;AAEA,MAAa,0BAA0B,EACrC,WACA,aAAa,OACb,QACA,GAAG,WAC0E;CAC7E,OACE,oBAACA,WAAe,UAAhB;EACE,GAAI;EACJ,WACE,oBACED,OACE,YAAY;GAAC,OAAO;GAAU,UAAU;GAAM;EAAM,CAAC,GACrD,iBAAiB,UAAU,CAC7B,GACA,SACF;CAEH,CAAA;AAEL;AAEA,uBAAuB,cAAc;AAErC,MAAa,qBAAqB;AAIlC,MAAa,oBAAoBC,WAAe;AAEhD,MAAa,uBAAuB,EAAE,WAAW,GAAG,WAAqC;CACvF,OACE,oBAACA,WAAe,WAAhB;EACE,GAAI;EACJ,WAAW,oBAAoB,YAAY,OAAO,SAAS,GAAG,SAAS;CACxE,CAAA;AAEL;AAEA,oBAAoB,cAAc;AAElC,MAAa,mBAAmB,EAAE,WAAW,GAAG,WAAiC;CAC/E,OACE,oBAACA,WAAe,OAAhB;EACE,GAAI;EACJ,WAAW,oBAAoB,YAAY,OAAO,KAAK,GAAG,SAAS;CACpE,CAAA;AAEL;AAEA,gBAAgB,cAAc;AAE9B,MAAa,oBAAoB,EAAE,WAAW,GAAG,WAAkC;CACjF,OACE,oBAACA,WAAe,QAAhB;EACE,GAAI;EACJ,WAAW,oBAAoB,YAAY,OAAO,MAAM,GAAG,SAAS;CACrE,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/es/ScrollArea/index.d.mts

@@ -1,5 +1,4 @@
-import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "../base-ui/ScrollArea/atoms.mjs";
-import { ScrollAreaProps } from "../base-ui/ScrollArea/type.mjs";
-import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
-import "../base-ui/ScrollArea/index.mjs";
+import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./atoms.mjs";
+import { ScrollAreaProps } from "./type.mjs";
+import { ScrollArea } from "./ScrollArea.mjs";
 export { ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps };

package/es/ScrollArea/index.mjs

@@ -1,3 +1,3 @@
-import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "../base-ui/ScrollArea/atoms.mjs";
-import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
+import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./atoms.mjs";
+import { ScrollArea } from "./ScrollArea.mjs";
 export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };

package/es/ScrollArea/style.mjs

@@ -0,0 +1,49 @@
+//#region src/ScrollArea/style.ts
+const styles = {
+	corner: {
+		kWkggS: "lbjjy28o",
+		$$css: true
+	},
+	root: {
+		kB7OPa: "lb9f619",
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	scrollbar: {
+		kogj98: "lb10d6zji",
+		kaIpWk: "lb1vihcfj",
+		kmkexE: "lbbq4x80",
+		kWkggS: "lbjbqb8w",
+		kSiTet: "lb1d72f0e lbg01cxk",
+		kfzvcC: "lbjtggp9 lb47corl",
+		kIyJzY: "lb1x59bry",
+		kZKoxP: "lbey0qcv lbgmi5vj",
+		kzqmXN: "lbdv5nhs lb1mnm1az",
+		kgeoSG: "lb10tli2e",
+		k96MEf: "lb1ify4wq",
+		kSJ0CW: "lbs81dfj",
+		kEoFBp: "lb1hmns74",
+		kcTAPf: "lb5buv36 lbx6tml3",
+		kgzTxl: "lb1s3lflt lb1uphyuq",
+		kOlAkY: "lb1hodj4j lb1lntsp6",
+		$$css: true
+	},
+	thumb: {
+		kaIpWk: "lb1pjcqnp",
+		kWkggS: "lbur9dxv",
+		kZKoxP: "lb5yr21d",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	viewport: {
+		kI3sdo: "lb1a2a7pz",
+		kZeWKH: "lbxqldzo",
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb5yr21d",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/ScrollArea/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollArea/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst active = ':is([data-hovering], [data-scrolling])';\nconst vertical = ':is([data-orientation=\"vertical\"])';\nconst horizontal = ':is([data-orientation=\"horizontal\"])';\nconst verticalHover = ':is([data-orientation=\"vertical\"]):hover';\nconst verticalIdle = ':is([data-orientation=\"vertical\"]):not(:hover)';\nconst horizontalHover = ':is([data-orientation=\"horizontal\"]):hover';\nconst horizontalIdle = ':is([data-orientation=\"horizontal\"]):not(:hover)';\n\nexport const styles = stylex.create({\n  corner: {\n    backgroundColor: cssVar.colorFillSecondary,\n  },\n  root: {\n    boxSizing: 'border-box',\n    position: 'relative',\n  },\n  scrollbar: {\n    'margin': 3,\n    'borderRadius': cssVar.borderRadiusSM,\n    'transition': 'opacity 150ms, width 150ms, height 150ms',\n    'backgroundColor': 'transparent',\n    'opacity': { [active]: 1, default: 0 },\n    'pointerEvents': { [active]: 'auto', default: 'none' },\n    'transitionDuration': { 'default': null, ':is([data-scrolling])': '0ms, 150ms, 150ms' },\n    'height': {\n      default: null,\n      [horizontalHover]: 6,\n      [horizontalIdle]: 3,\n    },\n    'width': {\n      default: null,\n      [verticalHover]: 6,\n      [verticalIdle]: 3,\n    },\n    '::before': {\n      content: \"''\",\n      insetBlockStart: { default: null, [horizontal]: '50%' },\n      insetInlineStart: { default: null, [vertical]: '50%' },\n      position: 'absolute',\n      transform: {\n        default: null,\n        [horizontal]: 'translateY(-50%)',\n        [vertical]: 'translateX(-50%)',\n      },\n      height: { default: null, [horizontal]: 16, [vertical]: '100%' },\n      width: { default: null, [horizontal]: '100%', [vertical]: 16 },\n    },\n  },\n  thumb: {\n    borderRadius: 'inherit',\n    backgroundColor: cssVar.colorTextQuaternary,\n    height: '100%',\n    width: '100%',\n  },\n  viewport: {\n    outline: 'none',\n    overscrollBehavior: 'auto',\n    position: 'relative',\n    height: '100%',\n  },\n});\n"],"mappings":";AAUA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/ScrollArea/type.d.mts

@@ -0,0 +1,32 @@
+import { ScrollAreaContentProps, ScrollAreaCornerProps, ScrollAreaFadeOrientation, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps } from "./atoms.mjs";
+import { ReactNode } from "react";
+//#region src/ScrollArea/type.d.ts
+export interface ScrollAreaProps extends Omit<ScrollAreaRootProps, 'children'> {
+  children?: ReactNode;
+  contentProps?: Omit<ScrollAreaContentProps, 'children'>;
+  corner?: boolean;
+  cornerProps?: ScrollAreaCornerProps;
+  /**
+   * Override Base UI's default `min-width: fit-content` on the content node by
+   * setting `min-width: 0`. Use this when an unbreakable wide child (e.g. a
+   * `<pre>` code block) would otherwise propagate its intrinsic width up the
+   * ancestor chain and stretch the scroll container past its parent.
+   *
+   * @default false
+   */
+  disableContentFit?: boolean;
+  scrollbarProps?: Omit<ScrollAreaScrollbarProps, 'children'>;
+  /**
+   * Enable gradient scroll fade on the viewport edges.
+   *
+   * Accepts a boolean (true ≡ vertical) or an explicit orientation:
+   * `'vertical' | 'horizontal' | 'both'`.
+   *
+   * @default false
+   */
+  scrollFade?: boolean | ScrollAreaFadeOrientation;
+  thumbProps?: ScrollAreaThumbProps;
+  viewportProps?: Omit<ScrollAreaViewportProps, 'children' | 'scrollFade'>;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/ScrollShadow/ScrollShadow.mjs

@@ -1,13 +1,22 @@
 "use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { mergeRefs } from "../utils/mergeRefs.mjs";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { useEventCallback } from "../hooks/useEventCallback.mjs";
-import { variants } from "./style.mjs";
+import { styles } from "./style.mjs";
 import { useScrollOverflow } from "./useScrollOverflow.mjs";
 import { useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { mergeRefs } from "react-merge-refs";
 //#region src/ScrollShadow/ScrollShadow.tsx
+const scrollPositionStyles = {
+	"bottom": styles.bottom,
+	"left": styles.left,
+	"left-right": styles.leftRight,
+	"none": null,
+	"right": styles.right,
+	"top": styles.top,
+	"top-bottom": styles.topBottom
+};
 const ScrollShadow = ({ className, children, orientation = "vertical", hideScrollBar = false, size = 16, offset = 8, visibility = "auto", isEnabled = true, onVisibilityChange, style, ref, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--scroll-shadow-size": `${size}%` }), [size]);
 	const domRef = useRef(null);
@@ -61,12 +70,13 @@ const ScrollShadow = ({ className, children, orientation = "vertical", hideScrol
 		return "none";
 	}, [orientation, finalScrollState]);
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx(variants({
-			hideScrollBar,
-			orientation,
-			scrollPosition
-		}), className),
 		ref: mergeRefs([domRef, ref]),
+		className: styleProps([
+			styles.root,
+			styles[orientation],
+			hideScrollBar && styles.hideScrollBar,
+			scrollPositionStyles[scrollPosition]
+		], className).className,
 		style: {
 			...cssVariables,
 			...style

package/es/ScrollShadow/ScrollShadow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.mjs","names":["Flexbox"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\nimport { useMemo, useRef } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { Flexbox } from '@/Flex';\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { variants } from './style';\nimport type { ScrollShadowProps } from './type';\nimport { useScrollOverflow } from './useScrollOverflow';\n\nconst ScrollShadow: FC<ScrollShadowProps> = ({\n  className,\n  children,\n  orientation = 'vertical',\n  hideScrollBar = false,\n  size = 16,\n  offset = 8,\n  visibility = 'auto',\n  isEnabled = true,\n  onVisibilityChange,\n  style,\n  ref,\n  ...rest\n}) => {\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--scroll-shadow-size': `${size}%`,\n    }),\n    [size],\n  );\n  const domRef = useRef<HTMLDivElement>(null);\n\n  const onVisibilityChangeEvent = useEventCallback<\n    NonNullable<ScrollShadowProps['onVisibilityChange']>\n  >((visibility) => {\n    onVisibilityChange?.(visibility);\n  });\n  // 使用滚动检测钩子\n  const scrollState = useScrollOverflow({\n    domRef,\n    isEnabled: isEnabled && visibility === 'auto',\n    offset,\n    onVisibilityChange: onVisibilityChangeEvent,\n    orientation,\n    updateDeps: [children],\n  });\n\n  // 决定最终的滚动状态\n  const finalScrollState = useMemo(() => {\n    if (visibility === 'always') {\n      return {\n        bottom: true,\n        left: true,\n        right: true,\n        top: true,\n      };\n    }\n\n    if (visibility === 'never') {\n      return {\n        bottom: false,\n        left: false,\n        right: false,\n        top: false,\n      };\n    }\n\n    return scrollState;\n  }, [visibility, scrollState]);\n\n  // 计算数据属性\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, boolean | string> = {\n      'data-orientation': orientation,\n    };\n\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) {\n        attributes['data-top-bottom-scroll'] = true;\n      } else if (finalScrollState.top) {\n        attributes['data-top-scroll'] = true;\n      } else if (finalScrollState.bottom) {\n        attributes['data-bottom-scroll'] = true;\n      }\n    } else {\n      if (finalScrollState.left && finalScrollState.right) {\n        attributes['data-left-right-scroll'] = true;\n      } else if (finalScrollState.left) {\n        attributes['data-left-scroll'] = true;\n      } else if (finalScrollState.right) {\n        attributes['data-right-scroll'] = true;\n      }\n    }\n\n    return attributes;\n  }, [orientation, finalScrollState]);\n\n  // 计算滚动位置变体\n  const scrollPosition = useMemo(() => {\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';\n      if (finalScrollState.top) return 'top';\n      if (finalScrollState.bottom) return 'bottom';\n    } else {\n      if (finalScrollState.left && finalScrollState.right) return 'left-right';\n      if (finalScrollState.left) return 'left';\n      if (finalScrollState.right) return 'right';\n    }\n    return 'none';\n  }, [orientation, finalScrollState]);\n\n  return (\n    <Flexbox\n      className={cx(variants({ hideScrollBar, orientation, scrollPosition }), className)}\n      ref={mergeRefs<HTMLDivElement>([domRef, ref])}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...dataAttributes}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nScrollShadow.displayName = 'ScrollShadow';\n\nexport default ScrollShadow;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,gBAAuC,EAC3C,WACA,UACA,cAAc,YACd,gBAAgB,OAChB,OAAO,IACP,SAAS,GACT,aAAa,QACb,YAAY,MACZ,oBACA,OACA,KACA,GAAG,WACC;CAEJ,MAAM,eAAe,eACZ,EACL,wBAAwB,GAAG,KAAK,GAClC,IACA,CAAC,IAAI,CACP;CACA,MAAM,SAAS,OAAuB,IAAI;CAE1C,MAAM,0BAA0B,kBAE7B,eAAe;EAChB,qBAAqB,UAAU;CACjC,CAAC;CAED,MAAM,cAAc,kBAAkB;EACpC;EACA,WAAW,aAAa,eAAe;EACvC;EACA,oBAAoB;EACpB;EACA,YAAY,CAAC,QAAQ;CACvB,CAAC;CAGD,MAAM,mBAAmB,cAAc;EACrC,IAAI,eAAe,UACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,IAAI,eAAe,SACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,OAAO;CACT,GAAG,CAAC,YAAY,WAAW,CAAC;CAG5B,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAA+C,EACnD,oBAAoB,YACtB;EAEA,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAC3C,WAAW,4BAA4B;QAClC,IAAI,iBAAiB,KAC1B,WAAW,qBAAqB;QAC3B,IAAI,iBAAiB,QAC1B,WAAW,wBAAwB;EAEvC,OACE,IAAI,iBAAiB,QAAQ,iBAAiB,OAC5C,WAAW,4BAA4B;OAClC,IAAI,iBAAiB,MAC1B,WAAW,sBAAsB;OAC5B,IAAI,iBAAiB,OAC1B,WAAW,uBAAuB;EAItC,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAGlC,MAAM,iBAAiB,cAAc;EACnC,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAAQ,OAAO;GAC5D,IAAI,iBAAiB,KAAK,OAAO;GACjC,IAAI,iBAAiB,QAAQ,OAAO;EACtC,OAAO;GACL,IAAI,iBAAiB,QAAQ,iBAAiB,OAAO,OAAO;GAC5D,IAAI,iBAAiB,MAAM,OAAO;GAClC,IAAI,iBAAiB,OAAO,OAAO;EACrC;EACA,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAElC,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAe;GAAa;EAAe,CAAC,GAAG,SAAS;EACjF,KAAK,UAA0B,CAAC,QAAQ,GAAG,CAAC;EAC5C,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EACJ,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,aAAa,cAAc"}
+{"version":3,"file":"ScrollShadow.mjs","names":["Flexbox"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useMemo, useRef } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport { styleProps } from '@/styles/stylex/props';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { styles } from './style';\nimport type { ScrollShadowProps } from './type';\nimport { useScrollOverflow } from './useScrollOverflow';\n\nconst scrollPositionStyles = {\n  'bottom': styles.bottom,\n  'left': styles.left,\n  'left-right': styles.leftRight,\n  'none': null,\n  'right': styles.right,\n  'top': styles.top,\n  'top-bottom': styles.topBottom,\n};\n\nconst ScrollShadow: FC<ScrollShadowProps> = ({\n  className,\n  children,\n  orientation = 'vertical',\n  hideScrollBar = false,\n  size = 16,\n  offset = 8,\n  visibility = 'auto',\n  isEnabled = true,\n  onVisibilityChange,\n  style,\n  ref,\n  ...rest\n}) => {\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--scroll-shadow-size': `${size}%`,\n    }),\n    [size],\n  );\n  const domRef = useRef<HTMLDivElement>(null);\n\n  const onVisibilityChangeEvent = useEventCallback<\n    NonNullable<ScrollShadowProps['onVisibilityChange']>\n  >((visibility) => {\n    onVisibilityChange?.(visibility);\n  });\n  // 使用滚动检测钩子\n  const scrollState = useScrollOverflow({\n    domRef,\n    isEnabled: isEnabled && visibility === 'auto',\n    offset,\n    onVisibilityChange: onVisibilityChangeEvent,\n    orientation,\n    updateDeps: [children],\n  });\n\n  // 决定最终的滚动状态\n  const finalScrollState = useMemo(() => {\n    if (visibility === 'always') {\n      return {\n        bottom: true,\n        left: true,\n        right: true,\n        top: true,\n      };\n    }\n\n    if (visibility === 'never') {\n      return {\n        bottom: false,\n        left: false,\n        right: false,\n        top: false,\n      };\n    }\n\n    return scrollState;\n  }, [visibility, scrollState]);\n\n  // 计算数据属性\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, boolean | string> = {\n      'data-orientation': orientation,\n    };\n\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) {\n        attributes['data-top-bottom-scroll'] = true;\n      } else if (finalScrollState.top) {\n        attributes['data-top-scroll'] = true;\n      } else if (finalScrollState.bottom) {\n        attributes['data-bottom-scroll'] = true;\n      }\n    } else {\n      if (finalScrollState.left && finalScrollState.right) {\n        attributes['data-left-right-scroll'] = true;\n      } else if (finalScrollState.left) {\n        attributes['data-left-scroll'] = true;\n      } else if (finalScrollState.right) {\n        attributes['data-right-scroll'] = true;\n      }\n    }\n\n    return attributes;\n  }, [orientation, finalScrollState]);\n\n  // 计算滚动位置变体\n  const scrollPosition = useMemo(() => {\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';\n      if (finalScrollState.top) return 'top';\n      if (finalScrollState.bottom) return 'bottom';\n    } else {\n      if (finalScrollState.left && finalScrollState.right) return 'left-right';\n      if (finalScrollState.left) return 'left';\n      if (finalScrollState.right) return 'right';\n    }\n    return 'none';\n  }, [orientation, finalScrollState]);\n\n  return (\n    <Flexbox\n      ref={mergeRefs<HTMLDivElement>([domRef, ref])}\n      className={\n        styleProps(\n          [\n            styles.root,\n            styles[orientation],\n            hideScrollBar && styles.hideScrollBar,\n            scrollPositionStyles[scrollPosition],\n          ],\n          className,\n        ).className\n      }\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...dataAttributes}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nScrollShadow.displayName = 'ScrollShadow';\n\nexport default ScrollShadow;\n"],"mappings":";;;;;;;;;;AAcA,MAAM,uBAAuB;CAC3B,UAAU,OAAO;CACjB,QAAQ,OAAO;CACf,cAAc,OAAO;CACrB,QAAQ;CACR,SAAS,OAAO;CAChB,OAAO,OAAO;CACd,cAAc,OAAO;AACvB;AAEA,MAAM,gBAAuC,EAC3C,WACA,UACA,cAAc,YACd,gBAAgB,OAChB,OAAO,IACP,SAAS,GACT,aAAa,QACb,YAAY,MACZ,oBACA,OACA,KACA,GAAG,WACC;CAEJ,MAAM,eAAe,eACZ,EACL,wBAAwB,GAAG,KAAK,GAClC,IACA,CAAC,IAAI,CACP;CACA,MAAM,SAAS,OAAuB,IAAI;CAE1C,MAAM,0BAA0B,kBAE7B,eAAe;EAChB,qBAAqB,UAAU;CACjC,CAAC;CAED,MAAM,cAAc,kBAAkB;EACpC;EACA,WAAW,aAAa,eAAe;EACvC;EACA,oBAAoB;EACpB;EACA,YAAY,CAAC,QAAQ;CACvB,CAAC;CAGD,MAAM,mBAAmB,cAAc;EACrC,IAAI,eAAe,UACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,IAAI,eAAe,SACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,OAAO;CACT,GAAG,CAAC,YAAY,WAAW,CAAC;CAG5B,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAA+C,EACnD,oBAAoB,YACtB;EAEA,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAC3C,WAAW,4BAA4B;QAClC,IAAI,iBAAiB,KAC1B,WAAW,qBAAqB;QAC3B,IAAI,iBAAiB,QAC1B,WAAW,wBAAwB;EAEvC,OACE,IAAI,iBAAiB,QAAQ,iBAAiB,OAC5C,WAAW,4BAA4B;OAClC,IAAI,iBAAiB,MAC1B,WAAW,sBAAsB;OAC5B,IAAI,iBAAiB,OAC1B,WAAW,uBAAuB;EAItC,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAGlC,MAAM,iBAAiB,cAAc;EACnC,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAAQ,OAAO;GAC5D,IAAI,iBAAiB,KAAK,OAAO;GACjC,IAAI,iBAAiB,QAAQ,OAAO;EACtC,OAAO;GACL,IAAI,iBAAiB,QAAQ,iBAAiB,OAAO,OAAO;GAC5D,IAAI,iBAAiB,MAAM,OAAO;GAClC,IAAI,iBAAiB,OAAO,OAAO;EACrC;EACA,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAElC,OACE,oBAACA,mBAAD;EACE,KAAK,UAA0B,CAAC,QAAQ,GAAG,CAAC;EAC5C,WACE,WACE;GACE,OAAO;GACP,OAAO;GACP,iBAAiB,OAAO;GACxB,qBAAqB;EACvB,GACA,SACF,CAAC,CAAC;EAEJ,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EACJ,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,aAAa,cAAc"}

package/es/ScrollShadow/style.mjs

@@ -1,105 +1,49 @@
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
 //#region src/ScrollShadow/style.ts
-const styles = createStaticStyles(({ css }) => {
-	return {
-		bottomShadow: css`
-      mask-image: linear-gradient(
-        180deg,
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		hideScrollBar: css`
-      scrollbar-width: none;
-
-      -ms-overflow-style: none;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    `,
-		horizontal: css`
-      overflow-x: auto;
-    `,
-		leftRightShadow: css`
-      mask-image: linear-gradient(
-        to right,
-        #000,
-        #000,
-        transparent 0,
-        #000 var(--scroll-shadow-size, 40%),
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		leftShadow: css`
-      mask-image: linear-gradient(
-        270deg,
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		rightShadow: css`
-      mask-image: linear-gradient(
-        90deg,
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		root: css`
-      position: relative;
-      overflow: hidden;
-    `,
-		topBottomShadow: css`
-      mask-image: linear-gradient(
-        #000,
-        #000,
-        transparent 0,
-        #000 var(--scroll-shadow-size, 40%),
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		topShadow: css`
-      mask-image: linear-gradient(
-        0deg,
-        #000 calc(100% - var(--scroll-shadow-size, 40%)),
-        transparent
-      );
-    `,
-		vertical: css`
-      overflow-y: auto;
-    `
-	};
-});
-const variants = cva(styles.root, {
-	defaultVariants: {
-		hideScrollBar: false,
-		orientation: "vertical",
-		scrollPosition: "none"
+const styles = {
+	bottom: {
+		kX1K2I: "lb1pszpxi",
+		$$css: true
+	},
+	hideScrollBar: {
+		k5wCbM: "lb1rohswg",
+		kOuLrU: "lbfk6m8",
+		$$css: true
+	},
+	horizontal: {
+		kXHlph: "lbw2csxc",
+		$$css: true
+	},
+	left: {
+		kX1K2I: "lb17rhav1",
+		$$css: true
+	},
+	leftRight: {
+		kX1K2I: "lb5mfkkx",
+		$$css: true
+	},
+	right: {
+		kX1K2I: "lb90oq3i",
+		$$css: true
+	},
+	root: {
+		kVQacm: "lbb3r6kr",
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	top: {
+		kX1K2I: "lb1yr7xp4",
+		$$css: true
+	},
+	topBottom: {
+		kX1K2I: "lb11dnh68",
+		$$css: true
 	},
-	variants: {
-		orientation: {
-			horizontal: styles.horizontal,
-			vertical: styles.vertical
-		},
-		hideScrollBar: {
-			true: styles.hideScrollBar,
-			false: null
-		},
-		scrollPosition: {
-			"none": null,
-			"top": styles.topShadow,
-			"bottom": styles.bottomShadow,
-			"top-bottom": styles.topBottomShadow,
-			"left": styles.leftShadow,
-			"right": styles.rightShadow,
-			"left-right": styles.leftRightShadow
-		}
+	vertical: {
+		kORKVm: "lb1odjw0f",
+		$$css: true
 	}
-});
+};
 //#endregion
-export { styles, variants };
+export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/ScrollShadow/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollShadow/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(\n        180deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n    hideScrollBar: css`\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n    horizontal: css`\n      overflow-x: auto;\n    `,\n\n    leftRightShadow: css`\n      mask-image: linear-gradient(\n        to right,\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 水平滚动阴影\n    leftShadow: css`\n      mask-image: linear-gradient(\n        270deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(\n        90deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    root: css`\n      position: relative;\n      overflow: hidden;\n    `,\n\n    topBottomShadow: css`\n      mask-image: linear-gradient(\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 垂直滚动阴影\n    topShadow: css`\n      mask-image: linear-gradient(\n        0deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    vertical: css`\n      overflow-y: auto;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    hideScrollBar: false,\n    orientation: 'vertical',\n    scrollPosition: 'none',\n  },\n\n  variants: {\n    orientation: {\n      horizontal: styles.horizontal,\n      vertical: styles.vertical,\n    },\n    hideScrollBar: {\n      true: styles.hideScrollBar,\n      false: null,\n    },\n    scrollPosition: {\n      'none': null,\n      'top': styles.topShadow,\n      'bottom': styles.bottomShadow,\n      'top-bottom': styles.topBottomShadow,\n      'left': styles.leftShadow,\n      'right': styles.rightShadow,\n      'left-right': styles.leftRightShadow,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,cAAc,GAAG;;;;;;;EAOjB,eAAe,GAAG;;;;;;;;;EASlB,YAAY,GAAG;;;EAIf,iBAAiB,GAAG;;;;;;;;;;;EAapB,YAAY,GAAG;;;;;;;EAQf,aAAa,GAAG;;;;;;;EAQhB,MAAM,GAAG;;;;EAKT,iBAAiB,GAAG;;;;;;;;;;EAYpB,WAAW,GAAG;;;;;;;EAQd,UAAU,GAAG;;;CAGf;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,eAAe;EACf,aAAa;EACb,gBAAgB;CAClB;CAEA,UAAU;EACR,aAAa;GACX,YAAY,OAAO;GACnB,UAAU,OAAO;EACnB;EACA,eAAe;GACb,MAAM,OAAO;GACb,OAAO;EACT;EACA,gBAAgB;GACd,QAAQ;GACR,OAAO,OAAO;GACd,UAAU,OAAO;GACjB,cAAc,OAAO;GACrB,QAAQ,OAAO;GACf,SAAS,OAAO;GAChB,cAAc,OAAO;EACvB;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollShadow/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const styles = stylex.create({\n  bottom: {\n    maskImage:\n      'linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  hideScrollBar: {\n    'scrollbarWidth': 'none',\n    '::-webkit-scrollbar': {\n      display: 'none',\n    },\n  },\n  horizontal: {\n    overflowX: 'auto',\n  },\n  left: {\n    maskImage:\n      'linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  leftRight: {\n    maskImage:\n      'linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size, 40%), #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  right: {\n    maskImage:\n      'linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  root: {\n    overflow: 'hidden',\n    position: 'relative',\n  },\n  top: {\n    maskImage:\n      'linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  topBottom: {\n    maskImage:\n      'linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size, 40%), #000 calc(100% - var(--scroll-shadow-size, 40%)), transparent)',\n  },\n  vertical: {\n    overflowY: 'auto',\n  },\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/ScrollShadow/type.d.mts

@@ -2,7 +2,7 @@ import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { Ref } from "react";
 //#region src/ScrollShadow/type.d.ts
-interface ScrollShadowProps extends FlexboxProps {
+export interface ScrollShadowProps extends FlexboxProps {
   hideScrollBar?: boolean;
   isEnabled?: boolean;
   offset?: number;
@@ -18,5 +18,4 @@ interface ScrollShadowProps extends FlexboxProps {
   visibility?: 'auto' | 'always' | 'never';
 }
 //#endregion
-export { ScrollShadowProps };
 //# sourceMappingURL=type.d.mts.map