@lobehub/ui 5.48.2 → 5.49.1

package/es/dashboard/StatCard/style.mjs

@@ -0,0 +1,135 @@
+import { createStaticStyles } from "antd-style";
+//#region src/dashboard/StatCard/style.ts
+const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
+	badge: css`
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    inline-size: 24px;
+    block-size: 24px;
+    border: 1px solid ${cssVar.colorFillSecondary};
+    border-radius: ${cssVar.borderRadiusSM};
+
+    color: ${cssVar.colorTextTertiary};
+
+    background: ${cssVar.colorFillTertiary};
+  `,
+	body: css`
+    position: relative;
+    z-index: 1;
+  `,
+	copy: css`
+    flex-wrap: nowrap;
+    min-inline-size: 0;
+  `,
+	delta: css`
+    display: inline-flex;
+    gap: 2px;
+    align-items: center;
+
+    font-size: ${cssVar.fontSizeSM};
+    font-variant-numeric: tabular-nums;
+  `,
+	deltaDown: css`
+    color: ${cssVar.colorError};
+  `,
+	deltaFlat: css`
+    color: ${cssVar.colorTextTertiary};
+  `,
+	deltaUp: css`
+    color: ${cssVar.colorSuccess};
+  `,
+	frame: css`
+    &&& {
+      border-color: ${cssVar.colorBorderSecondary};
+    }
+  `,
+	gray: css`
+    &::before {
+      background: linear-gradient(
+        to bottom,
+        ${cssVar.colorBgElevated} 0%,
+        color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%
+      );
+    }
+  `,
+	hint: css`
+    font-size: ${cssVar.fontSizeSM};
+    color: ${cssVar.colorTextTertiary};
+  `,
+	label: css`
+    font-size: ${cssVar.fontSizeSM};
+    color: ${cssVar.colorTextSecondary};
+  `,
+	lift: css`
+    display: flex;
+    min-inline-size: 0;
+    border-radius: ${cssVar.borderRadiusLG};
+    box-shadow: ${cssVar.boxShadowTertiary};
+  `,
+	metricFoot: css`
+    margin-block-start: 14px;
+  `,
+	metricHint: css`
+    && {
+      font-size: ${cssVar.fontSize};
+      color: ${cssVar.colorText};
+    }
+  `,
+	metricLabel: css`
+    && {
+      font-size: ${cssVar.fontSize};
+      font-weight: 500;
+      color: ${cssVar.colorText};
+    }
+  `,
+	metricValue: css`
+    && {
+      margin-block-start: 6px;
+
+      font-size: ${cssVar.fontSizeHeading2};
+      font-weight: 700;
+      font-variant-numeric: tabular-nums;
+      line-height: 1.05;
+      color: ${cssVar.colorText};
+    }
+  `,
+	root: css`
+    position: relative;
+
+    overflow: hidden;
+    flex: 1;
+
+    min-inline-size: 0;
+    padding: 16px;
+  `,
+	value: css`
+    font-size: ${cssVar.fontSizeHeading2};
+    font-weight: 600;
+    font-variant-numeric: tabular-nums;
+    line-height: 1.2;
+    color: ${cssVar.colorText};
+
+    ${responsive.mobile} {
+      font-size: ${cssVar.fontSizeHeading3};
+    }
+  `,
+	wash: css`
+    isolation: isolate;
+
+    &::before {
+      pointer-events: none;
+      content: '';
+
+      position: absolute;
+      z-index: 0;
+      inset: 0;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/dashboard/StatCard/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/StatCard/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  badge: css`\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    inline-size: 24px;\n    block-size: 24px;\n    border: 1px solid ${cssVar.colorFillSecondary};\n    border-radius: ${cssVar.borderRadiusSM};\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  body: css`\n    position: relative;\n    z-index: 1;\n  `,\n  copy: css`\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n  `,\n  delta: css`\n    display: inline-flex;\n    gap: 2px;\n    align-items: center;\n\n    font-size: ${cssVar.fontSizeSM};\n    font-variant-numeric: tabular-nums;\n  `,\n  deltaDown: css`\n    color: ${cssVar.colorError};\n  `,\n  deltaFlat: css`\n    color: ${cssVar.colorTextTertiary};\n  `,\n  deltaUp: css`\n    color: ${cssVar.colorSuccess};\n  `,\n  frame: css`\n    &&& {\n      border-color: ${cssVar.colorBorderSecondary};\n    }\n  `,\n  gray: css`\n    &::before {\n      background: linear-gradient(\n        to bottom,\n        ${cssVar.colorBgElevated} 0%,\n        color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%\n      );\n    }\n  `,\n  hint: css`\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextTertiary};\n  `,\n  label: css`\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextSecondary};\n  `,\n  lift: css`\n    display: flex;\n    min-inline-size: 0;\n    border-radius: ${cssVar.borderRadiusLG};\n    box-shadow: ${cssVar.boxShadowTertiary};\n  `,\n  metricFoot: css`\n    margin-block-start: 14px;\n  `,\n  metricHint: css`\n    && {\n      font-size: ${cssVar.fontSize};\n      color: ${cssVar.colorText};\n    }\n  `,\n  metricLabel: css`\n    && {\n      font-size: ${cssVar.fontSize};\n      font-weight: 500;\n      color: ${cssVar.colorText};\n    }\n  `,\n  metricValue: css`\n    && {\n      margin-block-start: 6px;\n\n      font-size: ${cssVar.fontSizeHeading2};\n      font-weight: 700;\n      font-variant-numeric: tabular-nums;\n      line-height: 1.05;\n      color: ${cssVar.colorText};\n    }\n  `,\n  root: css`\n    position: relative;\n\n    overflow: hidden;\n    flex: 1;\n\n    min-inline-size: 0;\n    padding: 16px;\n  `,\n  value: css`\n    font-size: ${cssVar.fontSizeHeading2};\n    font-weight: 600;\n    font-variant-numeric: tabular-nums;\n    line-height: 1.2;\n    color: ${cssVar.colorText};\n\n    ${responsive.mobile} {\n      font-size: ${cssVar.fontSizeHeading3};\n    }\n  `,\n  wash: css`\n    isolation: isolate;\n\n    &::before {\n      pointer-events: none;\n      content: '';\n\n      position: absolute;\n      z-index: 0;\n      inset: 0;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,OAAO,GAAG;;;;;;;;wBAQY,OAAO,mBAAmB;qBAC7B,OAAO,eAAe;;aAE9B,OAAO,kBAAkB;;kBAEpB,OAAO,kBAAkB;;CAEzC,MAAM,GAAG;;;;CAIT,MAAM,GAAG;;;;CAIT,OAAO,GAAG;;;;;iBAKK,OAAO,WAAW;;;CAGjC,WAAW,GAAG;aACH,OAAO,WAAW;;CAE7B,WAAW,GAAG;aACH,OAAO,kBAAkB;;CAEpC,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,OAAO,GAAG;;sBAEU,OAAO,qBAAqB;;;CAGhD,MAAM,GAAG;;;;UAID,OAAO,gBAAgB;6BACJ,OAAO,UAAU,OAAO,OAAO,gBAAgB;;;;CAI1E,MAAM,GAAG;iBACM,OAAO,WAAW;aACtB,OAAO,kBAAkB;;CAEpC,OAAO,GAAG;iBACK,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;qBAGU,OAAO,eAAe;kBACzB,OAAO,kBAAkB;;CAEzC,YAAY,GAAG;;;CAGf,YAAY,GAAG;;mBAEE,OAAO,SAAS;eACpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;mBAEC,OAAO,SAAS;;eAEpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;;;mBAIC,OAAO,iBAAiB;;;;eAI5B,OAAO,UAAU;;;CAG9B,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;iBACK,OAAO,iBAAiB;;;;aAI5B,OAAO,UAAU;;MAExB,WAAW,OAAO;mBACL,OAAO,iBAAiB;;;CAGzC,MAAM,GAAG;;;;;;;;;;;;AAYX,EAAE"}

package/es/dashboard/StatCard/type.d.mts

@@ -0,0 +1,26 @@
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { ReactNode } from "react";
+//#region src/dashboard/StatCard/type.d.ts
+type StatDirection = 'up' | 'down' | 'flat';
+/** Top-to-bottom gray wash. Decorative color fields stay in the app. */
+type StatWash = 'gray';
+interface StatCardProps {
+  /** Control rendered on the label row, such as a menu. */
+  action?: ReactNode;
+  /** Change amount, colored by `direction`. */
+  delta?: string;
+  direction?: StatDirection;
+  /** Line under the figure. */
+  hint?: string;
+  label: ReactNode;
+  /** Corner glyph. Hidden from assistive tech so it does not repeat the label. */
+  mark?: IconProps['icon'];
+  /** Overview scale: label, then a large figure, then the note. */
+  prominent?: boolean;
+  value: ReactNode;
+  wash?: StatWash;
+}
+//#endregion
+export { StatCardProps, StatDirection, StatWash };
+//# sourceMappingURL=type.d.mts.map

package/es/dashboard/Surface/Surface.d.mts

@@ -0,0 +1,13 @@
+import { SurfaceProps } from "./type.mjs";
+//#region src/dashboard/Surface/Surface.d.ts
+/**
+ * Elevated card on a workspace canvas. Use it for panels that should read
+ * above the page background without inventing a new surface color.
+ */
+declare function Surface({ className, ...rest }: SurfaceProps): import("react").JSX.Element;
+declare namespace Surface {
+  var displayName: string;
+}
+//#endregion
+export { Surface as default };
+//# sourceMappingURL=Surface.d.mts.map

package/es/dashboard/Surface/Surface.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/dashboard/Surface/Surface.tsx
+/**
+* Elevated card on a workspace canvas. Use it for panels that should read
+* above the page background without inventing a new surface color.
+*/
+function Surface({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles.card, className),
+		...rest
+	});
+}
+Surface.displayName = "Surface";
+//#endregion
+export { Surface as default };
+
+//# sourceMappingURL=Surface.mjs.map

package/es/dashboard/Surface/Surface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.mjs","names":[],"sources":["../../../src/dashboard/Surface/Surface.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\n\nimport { styles } from './style';\nimport type { SurfaceProps } from './type';\n\n/**\n * Elevated card on a workspace canvas. Use it for panels that should read\n * above the page background without inventing a new surface color.\n */\nfunction Surface({ className, ...rest }: SurfaceProps) {\n  return <div className={cx(styles.card, className)} {...rest} />;\n}\n\nSurface.displayName = 'Surface';\n\nexport default Surface;\n"],"mappings":";;;;;;;;;AAWA,SAAS,QAAQ,EAAE,WAAW,GAAG,QAAsB;CACrD,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,GAAI;CAAO,CAAA;AAChE;AAEA,QAAQ,cAAc"}

package/es/dashboard/Surface/index.d.mts

@@ -0,0 +1,4 @@
+import { styles } from "./style.mjs";
+import { SurfaceProps } from "./type.mjs";
+import Surface from "./Surface.mjs";
+export { type SurfaceProps, Surface as default, styles as surfaceStyles };

package/es/dashboard/Surface/style.d.mts

@@ -0,0 +1,14 @@
+//#region src/dashboard/Surface/style.d.ts
+/**
+ * A content card sitting on the workspace.
+ *
+ * Outlined `Block` uses `colorBorderSecondary` on `colorBgContainer`.
+ * The workspace is already that container, so a card inside it steps up to
+ * `colorBgElevated` and `colorBorder`.
+ */
+declare const styles: {
+  card: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map

package/es/dashboard/Surface/style.mjs

@@ -0,0 +1,22 @@
+import { createStaticStyles } from "antd-style";
+//#region src/dashboard/Surface/style.ts
+/**
+* A content card sitting on the workspace.
+*
+* Outlined `Block` uses `colorBorderSecondary` on `colorBgContainer`.
+* The workspace is already that container, so a card inside it steps up to
+* `colorBgElevated` and `colorBorder`.
+*/
+const styles = createStaticStyles(({ css, cssVar }) => ({ card: css`
+    &&,
+    &&:hover {
+      border: 1px solid ${cssVar.colorBorder};
+      border-radius: ${cssVar.borderRadiusLG};
+      background: ${cssVar.colorBgElevated};
+      box-shadow: ${cssVar.boxShadowTertiary};
+    }
+  ` }));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/dashboard/Surface/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/Surface/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n/**\n * A content card sitting on the workspace.\n *\n * Outlined `Block` uses `colorBorderSecondary` on `colorBgContainer`.\n * The workspace is already that container, so a card inside it steps up to\n * `colorBgElevated` and `colorBorder`.\n */\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  card: css`\n    &&,\n    &&:hover {\n      border: 1px solid ${cssVar.colorBorder};\n      border-radius: ${cssVar.borderRadiusLG};\n      background: ${cssVar.colorBgElevated};\n      box-shadow: ${cssVar.boxShadowTertiary};\n    }\n  `,\n}));\n"],"mappings":";;;;;;;;;AASA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc,EAC7D,MAAM,GAAG;;;0BAGe,OAAO,YAAY;uBACtB,OAAO,eAAe;oBACzB,OAAO,gBAAgB;oBACvB,OAAO,kBAAkB;;IAG7C,EAAE"}

package/es/dashboard/Surface/type.d.mts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/dashboard/Surface/type.d.ts
+interface SurfaceProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+//#endregion
+export { SurfaceProps };
+//# sourceMappingURL=type.d.mts.map

package/es/dashboard/hooks.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
+//#region src/dashboard/hooks.ts
+function useMediaQuery(query) {
+	const list = useMemo(() => typeof window === "undefined" ? null : window.matchMedia(query), [query]);
+	const subscribe = useCallback((listener) => {
+		if (!list) return () => {};
+		list.addEventListener("change", listener);
+		return () => list.removeEventListener("change", listener);
+	}, [list]);
+	return useSyncExternalStore(subscribe, () => list?.matches ?? false, () => false);
+}
+/**
+* Tablet and below. Matches `responsive.laptop` (max-width 991px), which is
+* the width where a fixed console sidebar becomes a drawer.
+*/
+function useIsCompact() {
+	return useMediaQuery("(max-width: 991px)");
+}
+function usePrefersReducedMotion() {
+	return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
+/**
+* Reads storage after mount so the first render matches the server.
+* Omit `key` to keep the value in memory only.
+*/
+function useLocalStorage(key, defaultValue) {
+	const [value, setValue] = useState(defaultValue);
+	useEffect(() => {
+		if (!key) return;
+		try {
+			const raw = window.localStorage.getItem(key);
+			if (raw !== null) setValue(JSON.parse(raw));
+		} catch {}
+	}, [key]);
+	return [value, useCallback((next) => {
+		setValue((current) => {
+			const resolved = typeof next === "function" ? next(current) : next;
+			if (key) try {
+				window.localStorage.setItem(key, JSON.stringify(resolved));
+			} catch {}
+			return resolved;
+		});
+	}, [key])];
+}
+//#endregion
+export { useIsCompact, useLocalStorage, useMediaQuery, usePrefersReducedMotion };
+
+//# sourceMappingURL=hooks.mjs.map

package/es/dashboard/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","names":[],"sources":["../../src/dashboard/hooks.ts"],"sourcesContent":["'use client';\n\nimport type { Dispatch, SetStateAction } from 'react';\nimport { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from 'react';\n\nexport function useMediaQuery(query: string) {\n  const list = useMemo(\n    () => (typeof window === 'undefined' ? null : window.matchMedia(query)),\n    [query],\n  );\n\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      if (!list) return () => {};\n      list.addEventListener('change', listener);\n      return () => list.removeEventListener('change', listener);\n    },\n    [list],\n  );\n\n  return useSyncExternalStore(\n    subscribe,\n    () => list?.matches ?? false,\n    () => false,\n  );\n}\n\n/** Phone-width layouts. Matches `responsive.mobile` (max-width 575px). */\nexport function useIsMobile() {\n  return useMediaQuery('(max-width: 575px)');\n}\n\n/**\n * Tablet and below. Matches `responsive.laptop` (max-width 991px), which is\n * the width where a fixed console sidebar becomes a drawer.\n */\nexport function useIsCompact() {\n  return useMediaQuery('(max-width: 991px)');\n}\n\nexport function usePrefersReducedMotion() {\n  return useMediaQuery('(prefers-reduced-motion: reduce)');\n}\n\n/**\n * Reads storage after mount so the first render matches the server.\n * Omit `key` to keep the value in memory only.\n */\nexport function useLocalStorage<T>(key: string | undefined, defaultValue: T) {\n  const [value, setValue] = useState<T>(defaultValue);\n\n  useEffect(() => {\n    if (!key) return;\n    try {\n      const raw = window.localStorage.getItem(key);\n      if (raw !== null) setValue(JSON.parse(raw) as T);\n    } catch {\n      // Ignore unreadable storage and keep the default.\n    }\n  }, [key]);\n\n  const setStoredValue = useCallback<Dispatch<SetStateAction<T>>>(\n    (next) => {\n      setValue((current) => {\n        const resolved = typeof next === 'function' ? (next as (value: T) => T)(current) : next;\n        if (key) {\n          try {\n            window.localStorage.setItem(key, JSON.stringify(resolved));\n          } catch {\n            // Ignore quota and private-mode failures.\n          }\n        }\n        return resolved;\n      });\n    },\n    [key],\n  );\n\n  return [value, setStoredValue] as const;\n}\n"],"mappings":";;;AAKA,SAAgB,cAAc,OAAe;CAC3C,MAAM,OAAO,cACJ,OAAO,WAAW,cAAc,OAAO,OAAO,WAAW,KAAK,GACrE,CAAC,KAAK,CACR;CAEA,MAAM,YAAY,aACf,aAAyB;EACxB,IAAI,CAAC,MAAM,aAAa,CAAC;EACzB,KAAK,iBAAiB,UAAU,QAAQ;EACxC,aAAa,KAAK,oBAAoB,UAAU,QAAQ;CAC1D,GACA,CAAC,IAAI,CACP;CAEA,OAAO,qBACL,iBACM,MAAM,WAAW,aACjB,KACR;AACF;;;;;AAWA,SAAgB,eAAe;CAC7B,OAAO,cAAc,oBAAoB;AAC3C;AAEA,SAAgB,0BAA0B;CACxC,OAAO,cAAc,kCAAkC;AACzD;;;;;AAMA,SAAgB,gBAAmB,KAAyB,cAAiB;CAC3E,MAAM,CAAC,OAAO,YAAY,SAAY,YAAY;CAElD,gBAAgB;EACd,IAAI,CAAC,KAAK;EACV,IAAI;GACF,MAAM,MAAM,OAAO,aAAa,QAAQ,GAAG;GAC3C,IAAI,QAAQ,MAAM,SAAS,KAAK,MAAM,GAAG,CAAM;EACjD,QAAQ,CAER;CACF,GAAG,CAAC,GAAG,CAAC;CAmBR,OAAO,CAAC,OAjBe,aACpB,SAAS;EACR,UAAU,YAAY;GACpB,MAAM,WAAW,OAAO,SAAS,aAAc,KAAyB,OAAO,IAAI;GACnF,IAAI,KACF,IAAI;IACF,OAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;GAC3D,QAAQ,CAER;GAEF,OAAO;EACT,CAAC;CACH,GACA,CAAC,GAAG,CAGsB,CAAC;AAC/B"}

package/es/dashboard/index.d.mts

@@ -0,0 +1,37 @@
+import { AuthLayoutProps } from "./AuthLayout/type.mjs";
+import AuthLayout from "./AuthLayout/AuthLayout.mjs";
+import "./AuthLayout/index.mjs";
+import { BreadcrumbItem, BreadcrumbProps } from "./Breadcrumb/type.mjs";
+import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
+import "./Breadcrumb/index.mjs";
+import { ConsoleNavGroup, ConsoleNavItem, ConsoleNavProps } from "./ConsoleNav/type.mjs";
+import { resolveActiveHref } from "./ConsoleNav/active.mjs";
+import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
+import "./ConsoleNav/index.mjs";
+import { ConsoleBrandProps, ConsoleShellProps, ConsoleShellState } from "./ConsoleShell/type.mjs";
+import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
+import ConsoleShell from "./ConsoleShell/ConsoleShell.mjs";
+import { useConsoleShell } from "./ConsoleShell/context.mjs";
+import "./ConsoleShell/index.mjs";
+import { useInFilterSplit } from "./FilterSidebar/context.mjs";
+import { FilterOptionProps, FilterRowProps, FilterSidebarProps } from "./FilterSidebar/type.mjs";
+import FilterSidebar, { FilterOption, FilterRow } from "./FilterSidebar/FilterSidebar.mjs";
+import "./FilterSidebar/index.mjs";
+import { PageHeaderProps } from "./PageHeader/type.mjs";
+import PageHeader from "./PageHeader/PageHeader.mjs";
+import "./PageHeader/index.mjs";
+import { PageLoadingProps } from "./PageSkeleton/type.mjs";
+import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
+import { PageTab, PageTabsProps } from "./PageTabs/type.mjs";
+import PageTabs from "./PageTabs/PageTabs.mjs";
+import "./PageTabs/index.mjs";
+import { RouteProgressProps } from "./RouteProgress/type.mjs";
+import RouteProgress from "./RouteProgress/RouteProgress.mjs";
+import { StatCardProps, StatDirection } from "./StatCard/type.mjs";
+import StatCard from "./StatCard/StatCard.mjs";
+import "./StatCard/index.mjs";
+import { styles } from "./Surface/style.mjs";
+import { SurfaceProps } from "./Surface/type.mjs";
+import Surface from "./Surface/Surface.mjs";
+import "./Surface/index.mjs";
+export { AuthLayout, type AuthLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, ConsoleBrand, type ConsoleBrandProps, ConsoleNav, type ConsoleNavGroup, type ConsoleNavItem, type ConsoleNavProps, ConsoleShell, type ConsoleShellProps, type ConsoleShellState, FilterOption, type FilterOptionProps, FilterRow, type FilterRowProps, FilterSidebar, type FilterSidebarProps, LoadingAnnouncer, PageHeader, type PageHeaderProps, PageHeaderSkeleton, PageLoading, type PageLoadingProps, type PageTab, PageTabs, type PageTabsProps, RouteProgress, type RouteProgressProps, StatCard, type StatCardProps, StatCardSkeleton, type StatDirection, Surface, type SurfaceProps, TableSkeleton, resolveActiveHref, styles as surfaceStyles, useConsoleShell, useInFilterSplit };

package/es/dashboard/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/dashboard/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/dashboard/index.mjs

@@ -0,0 +1,17 @@
+import { styles } from "./Surface/style.mjs";
+import AuthLayout from "./AuthLayout/AuthLayout.mjs";
+import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
+import { resolveActiveHref } from "./ConsoleNav/active.mjs";
+import { useConsoleShell } from "./ConsoleShell/context.mjs";
+import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
+import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
+import ConsoleShell from "./ConsoleShell/ConsoleShell.mjs";
+import { useInFilterSplit } from "./FilterSidebar/context.mjs";
+import FilterSidebar, { FilterOption, FilterRow } from "./FilterSidebar/FilterSidebar.mjs";
+import PageHeader from "./PageHeader/PageHeader.mjs";
+import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
+import PageTabs from "./PageTabs/PageTabs.mjs";
+import RouteProgress from "./RouteProgress/RouteProgress.mjs";
+import StatCard from "./StatCard/StatCard.mjs";
+import Surface from "./Surface/Surface.mjs";
+export { AuthLayout, Breadcrumb, ConsoleBrand, ConsoleNav, ConsoleShell, FilterOption, FilterRow, FilterSidebar, LoadingAnnouncer, PageHeader, PageHeaderSkeleton, PageLoading, PageTabs, RouteProgress, StatCard, StatCardSkeleton, Surface, TableSkeleton, resolveActiveHref, styles as surfaceStyles, useConsoleShell, useInFilterSplit };

package/es/hooks/useMarkdown/useMarkdownRehypePlugins.mjs

@@ -6,11 +6,13 @@ import { rehypeKatexDir } from "../../Markdown/plugins/rehypeKatexDir.mjs";
 import { useMemo } from "react";
 import { rehypeGithubAlerts } from "rehype-github-alerts";
 import rehypeRaw from "rehype-raw";
+import rehypeSanitize from "rehype-sanitize";
 //#region src/hooks/useMarkdown/useMarkdownRehypePlugins.ts
 const useMarkdownRehypePlugins = () => {
 	const { enableLatex, enableCustomFootnotes, enableGithubAlert, allowHtml, rehypePlugins = [], rehypePluginsAhead = [] } = useMarkdownContext();
 	const memoPlugins = useMemo(() => [
 		allowHtml && rehypeRaw,
+		allowHtml && rehypeSanitize,
 		enableGithubAlert && rehypeGithubAlerts,
 		enableLatex && rehypeKatex,
 		enableLatex && rehypeKatexDir,

package/es/hooks/useMarkdown/useMarkdownRehypePlugins.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkdownRehypePlugins.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownRehypePlugins.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport rehypeRaw from 'rehype-raw';\nimport type { Pluggable } from 'unified';\n\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeCustomFootnotes } from '@/Markdown/plugins/rehypeCustomFootnotes';\nimport { rehypeKatex } from '@/Markdown/plugins/rehypeKatex';\nimport { rehypeKatexDir } from '@/Markdown/plugins/rehypeKatexDir';\n\nexport const useMarkdownRehypePlugins = (): Pluggable[] => {\n  const {\n    enableLatex,\n    enableCustomFootnotes,\n    enableGithubAlert,\n    allowHtml,\n    rehypePlugins = [],\n    rehypePluginsAhead = [],\n  } = useMarkdownContext();\n\n  const memoPlugins = useMemo(\n    () =>\n      [\n        allowHtml && rehypeRaw,\n        enableGithubAlert && rehypeGithubAlerts,\n        enableLatex && rehypeKatex,\n        enableLatex && rehypeKatexDir,\n        enableCustomFootnotes && rehypeCustomFootnotes,\n      ].filter(Boolean) as Pluggable[],\n    [enableLatex, enableGithubAlert, enableCustomFootnotes, allowHtml],\n  );\n\n  return useMemo(\n    () => [...rehypePluginsAhead, ...memoPlugins, ...rehypePlugins],\n    [rehypePlugins, memoPlugins, rehypePluginsAhead],\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,MAAa,iCAA8C;CACzD,MAAM,EACJ,aACA,uBACA,mBACA,WACA,gBAAgB,CAAC,GACjB,qBAAqB,CAAC,MACpB,mBAAmB;CAEvB,MAAM,cAAc,cAEhB;EACE,aAAa;EACb,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,yBAAyB;CAC3B,CAAC,CAAC,OAAO,OAAO,GAClB;EAAC;EAAa;EAAmB;EAAuB;CAAS,CACnE;CAEA,OAAO,cACC;EAAC,GAAG;EAAoB,GAAG;EAAa,GAAG;CAAa,GAC9D;EAAC;EAAe;EAAa;CAAkB,CACjD;AACF"}
+{"version":3,"file":"useMarkdownRehypePlugins.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownRehypePlugins.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize from 'rehype-sanitize';\nimport type { Pluggable } from 'unified';\n\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeCustomFootnotes } from '@/Markdown/plugins/rehypeCustomFootnotes';\nimport { rehypeKatex } from '@/Markdown/plugins/rehypeKatex';\nimport { rehypeKatexDir } from '@/Markdown/plugins/rehypeKatexDir';\n\nexport const useMarkdownRehypePlugins = (): Pluggable[] => {\n  const {\n    enableLatex,\n    enableCustomFootnotes,\n    enableGithubAlert,\n    allowHtml,\n    rehypePlugins = [],\n    rehypePluginsAhead = [],\n  } = useMarkdownContext();\n\n  const memoPlugins = useMemo(\n    () =>\n      [\n        allowHtml && rehypeRaw,\n        // Parse untrusted HTML into nodes, then remove unsafe elements and attributes.\n        allowHtml && rehypeSanitize,\n        enableGithubAlert && rehypeGithubAlerts,\n        enableLatex && rehypeKatex,\n        enableLatex && rehypeKatexDir,\n        enableCustomFootnotes && rehypeCustomFootnotes,\n      ].filter(Boolean) as Pluggable[],\n    [enableLatex, enableGithubAlert, enableCustomFootnotes, allowHtml],\n  );\n\n  return useMemo(\n    () => [...rehypePluginsAhead, ...memoPlugins, ...rehypePlugins],\n    [rehypePlugins, memoPlugins, rehypePluginsAhead],\n  );\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,iCAA8C;CACzD,MAAM,EACJ,aACA,uBACA,mBACA,WACA,gBAAgB,CAAC,GACjB,qBAAqB,CAAC,MACpB,mBAAmB;CAEvB,MAAM,cAAc,cAEhB;EACE,aAAa;EAEb,aAAa;EACb,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,yBAAyB;CAC3B,CAAC,CAAC,OAAO,OAAO,GAClB;EAAC;EAAa;EAAmB;EAAuB;CAAS,CACnE;CAEA,OAAO,cACC;EAAC,GAAG;EAAoB,GAAG;EAAa,GAAG;CAAa,GAC9D;EAAC;EAAe;EAAa;CAAkB,CACjD;AACF"}

package/es/static-css/registry.mjs

@@ -57,7 +57,7 @@ const antdProbeNames = [...[
 const antdProbeRegistry = {
 	"alert": {
 		detect: "Alert",
-		render: () => createElement(Alert, { message: "-" })
+		render: () => createElement(Alert, { title: "-" })
 	},
 	"anchor": {
 		detect: "Anchor",
@@ -145,7 +145,7 @@ const antdProbeRegistry = {
 	},
 	"image": {
 		detect: "Image",
-		render: () => createElement(Image, { src: "" })
+		render: () => createElement(Image)
 	},
 	"input": {
 		detect: "Input",

package/es/static-css/registry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"registry.mjs","names":[],"sources":["../../src/static-css/registry.ts"],"sourcesContent":["import {\n  Alert,\n  Anchor,\n  App,\n  AutoComplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  Col,\n  Collapse,\n  ColorPicker,\n  DatePicker,\n  Divider,\n  Drawer,\n  Dropdown,\n  Empty,\n  Flex,\n  FloatButton,\n  Form,\n  Image,\n  Input,\n  InputNumber,\n  Mentions,\n  Menu,\n  Modal,\n  Pagination,\n  Popover,\n  Progress,\n  QRCode,\n  Radio,\n  Rate,\n  Row,\n  Segmented,\n  Select,\n  Skeleton,\n  Slider,\n  Space,\n  Spin,\n  Steps,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Tooltip,\n  Tree,\n  Typography,\n  Upload,\n} from 'antd';\nimport type { ReactElement } from 'react';\nimport { createElement } from 'react';\n\nexport interface AntdProbeDef {\n  /** antd export name whose usage activates this probe during auto scan */\n  detect: string;\n  render: () => ReactElement;\n}\n\nconst PROBE_NAMES = [\n  'alert',\n  'anchor',\n  'app',\n  'auto-complete',\n  'avatar',\n  'badge',\n  'breadcrumb',\n  'button',\n  'card',\n  'checkbox',\n  'collapse',\n  'color-picker',\n  'date-picker',\n  'divider',\n  'drawer',\n  'dropdown',\n  'empty',\n  'flex',\n  'float-button',\n  'form',\n  'grid-col',\n  'grid-row',\n  'image',\n  'input',\n  'input-number',\n  'input-textarea',\n  'mentions',\n  'menu',\n  'modal',\n  'pagination',\n  'popover',\n  'progress',\n  'qrcode',\n  'radio',\n  'rate',\n  'segmented',\n  'select',\n  'skeleton',\n  'slider',\n  'space',\n  'spin',\n  'steps',\n  'switch',\n  'table',\n  'tabs',\n  'tag',\n  'tag-preset',\n  'tag-status',\n  'tooltip',\n  'tree',\n  'typography',\n  'upload',\n] as const;\n\nexport type AntdProbeName = (typeof PROBE_NAMES)[number];\n\nexport const antdProbeNames: AntdProbeName[] = [...PROBE_NAMES];\n\nexport const antdProbeRegistry: Record<AntdProbeName, AntdProbeDef> = {\n  'alert': { detect: 'Alert', render: () => createElement(Alert, { message: '-' }) },\n  'anchor': { detect: 'Anchor', render: () => createElement(Anchor, { items: [] }) },\n  'app': { detect: 'App', render: () => createElement(App, null, '-') },\n  'auto-complete': { detect: 'AutoComplete', render: () => createElement(AutoComplete) },\n  'avatar': { detect: 'Avatar', render: () => createElement(Avatar) },\n  'badge': { detect: 'Badge', render: () => createElement(Badge, { count: 1 }) },\n  'breadcrumb': { detect: 'Breadcrumb', render: () => createElement(Breadcrumb, { items: [] }) },\n  'button': { detect: 'Button', render: () => createElement(Button, null, '-') },\n  'card': { detect: 'Card', render: () => createElement(Card, null, '-') },\n  'checkbox': { detect: 'Checkbox', render: () => createElement(Checkbox) },\n  'collapse': { detect: 'Collapse', render: () => createElement(Collapse, { items: [] }) },\n  'color-picker': { detect: 'ColorPicker', render: () => createElement(ColorPicker) },\n  'date-picker': { detect: 'DatePicker', render: () => createElement(DatePicker) },\n  'divider': { detect: 'Divider', render: () => createElement(Divider) },\n  'drawer': { detect: 'Drawer', render: () => createElement(Drawer, { open: false }) },\n  'dropdown': {\n    detect: 'Dropdown',\n    render: () => createElement(Dropdown, { menu: { items: [] } }, createElement('span')),\n  },\n  'empty': { detect: 'Empty', render: () => createElement(Empty) },\n  'flex': { detect: 'Flex', render: () => createElement(Flex, null, createElement('span')) },\n  'float-button': { detect: 'FloatButton', render: () => createElement(FloatButton) },\n  'form': {\n    detect: 'Form',\n    render: () =>\n      createElement(Form, null, createElement(Form.Item, { label: '-' }, createElement('span'))),\n  },\n  'grid-col': { detect: 'Col', render: () => createElement(Col, { span: 1 }) },\n  'grid-row': { detect: 'Row', render: () => createElement(Row) },\n  'image': { detect: 'Image', render: () => createElement(Image, { src: '' }) },\n  'input': { detect: 'Input', render: () => createElement(Input) },\n  'input-number': { detect: 'InputNumber', render: () => createElement(InputNumber) },\n  'input-textarea': { detect: 'Input', render: () => createElement(Input.TextArea) },\n  'mentions': { detect: 'Mentions', render: () => createElement(Mentions) },\n  'menu': { detect: 'Menu', render: () => createElement(Menu, { items: [] }) },\n  'modal': { detect: 'Modal', render: () => createElement(Modal, { open: false }) },\n  'pagination': { detect: 'Pagination', render: () => createElement(Pagination) },\n  'popover': {\n    detect: 'Popover',\n    render: () => createElement(Popover, null, createElement('span')),\n  },\n  'progress': { detect: 'Progress', render: () => createElement(Progress, { percent: 0 }) },\n  'qrcode': { detect: 'QRCode', render: () => createElement(QRCode, { value: '-' }) },\n  'radio': { detect: 'Radio', render: () => createElement(Radio) },\n  'rate': { detect: 'Rate', render: () => createElement(Rate) },\n  'segmented': { detect: 'Segmented', render: () => createElement(Segmented, { options: ['-'] }) },\n  'select': { detect: 'Select', render: () => createElement(Select) },\n  'skeleton': { detect: 'Skeleton', render: () => createElement(Skeleton) },\n  'slider': { detect: 'Slider', render: () => createElement(Slider) },\n  'space': { detect: 'Space', render: () => createElement(Space, null, createElement('span')) },\n  'spin': { detect: 'Spin', render: () => createElement(Spin) },\n  'steps': { detect: 'Steps', render: () => createElement(Steps, { items: [] }) },\n  'switch': { detect: 'Switch', render: () => createElement(Switch) },\n  'table': { detect: 'Table', render: () => createElement(Table, { columns: [], dataSource: [] }) },\n  'tabs': { detect: 'Tabs', render: () => createElement(Tabs, { items: [] }) },\n  'tag': { detect: 'Tag', render: () => createElement(Tag, null, '-') },\n  'tag-preset': { detect: 'Tag', render: () => createElement(Tag, { color: 'blue' }, '-') },\n  'tag-status': { detect: 'Tag', render: () => createElement(Tag, { color: 'success' }, '-') },\n  'tooltip': {\n    detect: 'Tooltip',\n    render: () => createElement(Tooltip, { title: '-' }, createElement('span')),\n  },\n  'tree': { detect: 'Tree', render: () => createElement(Tree, { treeData: [] }) },\n  'typography': { detect: 'Typography', render: () => createElement(Typography.Text, null, '-') },\n  'upload': { detect: 'Upload', render: () => createElement(Upload) },\n};\n\n// Imperative or unstyled antd exports the scanner may find but no probe should cover.\nexport const nonProbeAntdExports = new Set([\n  'ConfigProvider',\n  'Grid',\n  'message',\n  'notification',\n  'theme',\n  // kebabToPascal('antd/es/theme') during deep-import scan\n  'Theme',\n  'version',\n]);\n\nexport interface ExpandedProbes {\n  probes: AntdProbeName[];\n  unmatched: string[];\n}\n\nexport const expandComponentsToProbes = (components: Iterable<string>): ExpandedProbes => {\n  const probes = new Set<AntdProbeName>();\n  const unmatched: string[] = [];\n\n  for (const component of components) {\n    let matched = false;\n    for (const name of antdProbeNames) {\n      if (antdProbeRegistry[name].detect === component) {\n        probes.add(name);\n        matched = true;\n      }\n    }\n    if (!matched && !nonProbeAntdExports.has(component)) unmatched.push(component);\n  }\n\n  return { probes: [...probes].sort(), unmatched: unmatched.sort() };\n};\n"],"mappings":"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"}
+{"version":3,"file":"registry.mjs","names":[],"sources":["../../src/static-css/registry.ts"],"sourcesContent":["import {\n  Alert,\n  Anchor,\n  App,\n  AutoComplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  Col,\n  Collapse,\n  ColorPicker,\n  DatePicker,\n  Divider,\n  Drawer,\n  Dropdown,\n  Empty,\n  Flex,\n  FloatButton,\n  Form,\n  Image,\n  Input,\n  InputNumber,\n  Mentions,\n  Menu,\n  Modal,\n  Pagination,\n  Popover,\n  Progress,\n  QRCode,\n  Radio,\n  Rate,\n  Row,\n  Segmented,\n  Select,\n  Skeleton,\n  Slider,\n  Space,\n  Spin,\n  Steps,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Tooltip,\n  Tree,\n  Typography,\n  Upload,\n} from 'antd';\nimport type { ReactElement } from 'react';\nimport { createElement } from 'react';\n\nexport interface AntdProbeDef {\n  /** antd export name whose usage activates this probe during auto scan */\n  detect: string;\n  render: () => ReactElement;\n}\n\nconst PROBE_NAMES = [\n  'alert',\n  'anchor',\n  'app',\n  'auto-complete',\n  'avatar',\n  'badge',\n  'breadcrumb',\n  'button',\n  'card',\n  'checkbox',\n  'collapse',\n  'color-picker',\n  'date-picker',\n  'divider',\n  'drawer',\n  'dropdown',\n  'empty',\n  'flex',\n  'float-button',\n  'form',\n  'grid-col',\n  'grid-row',\n  'image',\n  'input',\n  'input-number',\n  'input-textarea',\n  'mentions',\n  'menu',\n  'modal',\n  'pagination',\n  'popover',\n  'progress',\n  'qrcode',\n  'radio',\n  'rate',\n  'segmented',\n  'select',\n  'skeleton',\n  'slider',\n  'space',\n  'spin',\n  'steps',\n  'switch',\n  'table',\n  'tabs',\n  'tag',\n  'tag-preset',\n  'tag-status',\n  'tooltip',\n  'tree',\n  'typography',\n  'upload',\n] as const;\n\nexport type AntdProbeName = (typeof PROBE_NAMES)[number];\n\nexport const antdProbeNames: AntdProbeName[] = [...PROBE_NAMES];\n\nexport const antdProbeRegistry: Record<AntdProbeName, AntdProbeDef> = {\n  'alert': { detect: 'Alert', render: () => createElement(Alert, { title: '-' }) },\n  'anchor': { detect: 'Anchor', render: () => createElement(Anchor, { items: [] }) },\n  'app': { detect: 'App', render: () => createElement(App, null, '-') },\n  'auto-complete': { detect: 'AutoComplete', render: () => createElement(AutoComplete) },\n  'avatar': { detect: 'Avatar', render: () => createElement(Avatar) },\n  'badge': { detect: 'Badge', render: () => createElement(Badge, { count: 1 }) },\n  'breadcrumb': { detect: 'Breadcrumb', render: () => createElement(Breadcrumb, { items: [] }) },\n  'button': { detect: 'Button', render: () => createElement(Button, null, '-') },\n  'card': { detect: 'Card', render: () => createElement(Card, null, '-') },\n  'checkbox': { detect: 'Checkbox', render: () => createElement(Checkbox) },\n  'collapse': { detect: 'Collapse', render: () => createElement(Collapse, { items: [] }) },\n  'color-picker': { detect: 'ColorPicker', render: () => createElement(ColorPicker) },\n  'date-picker': { detect: 'DatePicker', render: () => createElement(DatePicker) },\n  'divider': { detect: 'Divider', render: () => createElement(Divider) },\n  'drawer': { detect: 'Drawer', render: () => createElement(Drawer, { open: false }) },\n  'dropdown': {\n    detect: 'Dropdown',\n    render: () => createElement(Dropdown, { menu: { items: [] } }, createElement('span')),\n  },\n  'empty': { detect: 'Empty', render: () => createElement(Empty) },\n  'flex': { detect: 'Flex', render: () => createElement(Flex, null, createElement('span')) },\n  'float-button': { detect: 'FloatButton', render: () => createElement(FloatButton) },\n  'form': {\n    detect: 'Form',\n    render: () =>\n      createElement(Form, null, createElement(Form.Item, { label: '-' }, createElement('span'))),\n  },\n  'grid-col': { detect: 'Col', render: () => createElement(Col, { span: 1 }) },\n  'grid-row': { detect: 'Row', render: () => createElement(Row) },\n  'image': { detect: 'Image', render: () => createElement(Image) },\n  'input': { detect: 'Input', render: () => createElement(Input) },\n  'input-number': { detect: 'InputNumber', render: () => createElement(InputNumber) },\n  'input-textarea': { detect: 'Input', render: () => createElement(Input.TextArea) },\n  'mentions': { detect: 'Mentions', render: () => createElement(Mentions) },\n  'menu': { detect: 'Menu', render: () => createElement(Menu, { items: [] }) },\n  'modal': { detect: 'Modal', render: () => createElement(Modal, { open: false }) },\n  'pagination': { detect: 'Pagination', render: () => createElement(Pagination) },\n  'popover': {\n    detect: 'Popover',\n    render: () => createElement(Popover, null, createElement('span')),\n  },\n  'progress': { detect: 'Progress', render: () => createElement(Progress, { percent: 0 }) },\n  'qrcode': { detect: 'QRCode', render: () => createElement(QRCode, { value: '-' }) },\n  'radio': { detect: 'Radio', render: () => createElement(Radio) },\n  'rate': { detect: 'Rate', render: () => createElement(Rate) },\n  'segmented': { detect: 'Segmented', render: () => createElement(Segmented, { options: ['-'] }) },\n  'select': { detect: 'Select', render: () => createElement(Select) },\n  'skeleton': { detect: 'Skeleton', render: () => createElement(Skeleton) },\n  'slider': { detect: 'Slider', render: () => createElement(Slider) },\n  'space': { detect: 'Space', render: () => createElement(Space, null, createElement('span')) },\n  'spin': { detect: 'Spin', render: () => createElement(Spin) },\n  'steps': { detect: 'Steps', render: () => createElement(Steps, { items: [] }) },\n  'switch': { detect: 'Switch', render: () => createElement(Switch) },\n  'table': { detect: 'Table', render: () => createElement(Table, { columns: [], dataSource: [] }) },\n  'tabs': { detect: 'Tabs', render: () => createElement(Tabs, { items: [] }) },\n  'tag': { detect: 'Tag', render: () => createElement(Tag, null, '-') },\n  'tag-preset': { detect: 'Tag', render: () => createElement(Tag, { color: 'blue' }, '-') },\n  'tag-status': { detect: 'Tag', render: () => createElement(Tag, { color: 'success' }, '-') },\n  'tooltip': {\n    detect: 'Tooltip',\n    render: () => createElement(Tooltip, { title: '-' }, createElement('span')),\n  },\n  'tree': { detect: 'Tree', render: () => createElement(Tree, { treeData: [] }) },\n  'typography': { detect: 'Typography', render: () => createElement(Typography.Text, null, '-') },\n  'upload': { detect: 'Upload', render: () => createElement(Upload) },\n};\n\n// Imperative or unstyled antd exports the scanner may find but no probe should cover.\nexport const nonProbeAntdExports = new Set([\n  'ConfigProvider',\n  'Grid',\n  'message',\n  'notification',\n  'theme',\n  // kebabToPascal('antd/es/theme') during deep-import scan\n  'Theme',\n  'version',\n]);\n\nexport interface ExpandedProbes {\n  probes: AntdProbeName[];\n  unmatched: string[];\n}\n\nexport const expandComponentsToProbes = (components: Iterable<string>): ExpandedProbes => {\n  const probes = new Set<AntdProbeName>();\n  const unmatched: string[] = [];\n\n  for (const component of components) {\n    let matched = false;\n    for (const name of antdProbeNames) {\n      if (antdProbeRegistry[name].detect === component) {\n        probes.add(name);\n        matched = true;\n      }\n    }\n    if (!matched && !nonProbeAntdExports.has(component)) unmatched.push(component);\n  }\n\n  return { probes: [...probes].sort(), unmatched: unmatched.sort() };\n};\n"],"mappings":"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"}

package/es/storybook/StoryBook/index.mjs

@@ -13,9 +13,13 @@ const StoryBook = memo(({ ref, levaStore, noPadding, className, children, ...res
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		align: "stretch",
 		className: cx(styles.editor, className),
+		"data-lobe-storybook": "",
+		flex: 1,
+		height: "100%",
 		horizontal: !mobile,
 		justify: "stretch",
 		ref,
+		width: "100%",
 		children: [/* @__PURE__ */ jsx(Center, {
 			className: cx(noPadding ? styles.left : styles.leftWithPadding),
 			flex: 1,

package/es/storybook/StoryBook/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/storybook/StoryBook/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { LevaPanel } from 'leva';\nimport { memo, type Ref } from 'react';\n\nimport DraggablePanel from '@/DraggablePanel';\nimport { Center, Flexbox, type FlexboxProps } from '@/Flex';\n\nimport { styles } from './style';\n\nexport interface StoryBookProps extends FlexboxProps {\n  levaStore: any;\n  noPadding?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StoryBook = memo<StoryBookProps>(\n  ({ ref, levaStore, noPadding, className, children, ...rest }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        align={'stretch'}\n        className={cx(styles.editor, className)}\n        horizontal={!mobile}\n        justify={'stretch'}\n        ref={ref}\n      >\n        <Center className={cx(noPadding ? styles.left : styles.leftWithPadding)} flex={1} {...rest}>\n          {children}\n        </Center>\n        <DraggablePanel\n          className={styles.right}\n          minWidth={280}\n          placement={mobile ? 'bottom' : 'right'}\n        >\n          <div className={styles.leva}>\n            <LevaPanel fill flat store={levaStore} titleBar={false} />{' '}\n          </div>\n        </DraggablePanel>\n      </Flexbox>\n    );\n  },\n);\n\nStoryBook.displayName = 'StoryBook';\n\nexport default StoryBook;\n\nexport { useControls, useCreateStore } from 'leva';\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,YAAY,MACtB,EAAE,KAAK,WAAW,WAAW,WAAW,UAAU,GAAG,WAAW;CAC/D,MAAM,EAAE,WAAW,cAAc;CAEjC,OACE,qBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,YAAY,CAAC;EACb,SAAS;EACJ;EALP,UAAA,CAOE,oBAAC,QAAD;GAAQ,WAAW,GAAG,YAAY,OAAO,OAAO,OAAO,eAAe;GAAG,MAAM;GAAG,GAAI;GACnF;EACK,CAAA,GACR,oBAAC,gBAAD;GACE,WAAW,OAAO;GAClB,UAAU;GACV,WAAW,SAAS,WAAW;GAE/B,UAAA,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA,CACE,oBAAC,WAAD;KAAW,MAAA;KAAK,MAAA;KAAK,OAAO;KAAW,UAAU;IAAQ,CAAA,GAAE,GACxD;;EACS,CAAA,CACT;;AAEb,CACF;AAEA,UAAU,cAAc"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/storybook/StoryBook/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { LevaPanel } from 'leva';\nimport { memo, type Ref } from 'react';\n\nimport DraggablePanel from '@/DraggablePanel';\nimport { Center, Flexbox, type FlexboxProps } from '@/Flex';\n\nimport { styles } from './style';\n\nexport interface StoryBookProps extends FlexboxProps {\n  levaStore: any;\n  noPadding?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StoryBook = memo<StoryBookProps>(\n  ({ ref, levaStore, noPadding, className, children, ...rest }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        align={'stretch'}\n        className={cx(styles.editor, className)}\n        data-lobe-storybook=\"\"\n        flex={1}\n        height={'100%'}\n        horizontal={!mobile}\n        justify={'stretch'}\n        ref={ref}\n        width={'100%'}\n      >\n        <Center className={cx(noPadding ? styles.left : styles.leftWithPadding)} flex={1} {...rest}>\n          {children}\n        </Center>\n        <DraggablePanel\n          className={styles.right}\n          minWidth={280}\n          placement={mobile ? 'bottom' : 'right'}\n        >\n          <div className={styles.leva}>\n            <LevaPanel fill flat store={levaStore} titleBar={false} />{' '}\n          </div>\n        </DraggablePanel>\n      </Flexbox>\n    );\n  },\n);\n\nStoryBook.displayName = 'StoryBook';\n\nexport default StoryBook;\n\nexport { useControls, useCreateStore } from 'leva';\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,YAAY,MACtB,EAAE,KAAK,WAAW,WAAW,WAAW,UAAU,GAAG,WAAW;CAC/D,MAAM,EAAE,WAAW,cAAc;CAEjC,OACE,qBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,uBAAoB;EACpB,MAAM;EACN,QAAQ;EACR,YAAY,CAAC;EACb,SAAS;EACJ;EACL,OAAO;EATT,UAAA,CAWE,oBAAC,QAAD;GAAQ,WAAW,GAAG,YAAY,OAAO,OAAO,OAAO,eAAe;GAAG,MAAM;GAAG,GAAI;GACnF;EACK,CAAA,GACR,oBAAC,gBAAD;GACE,WAAW,OAAO;GAClB,UAAU;GACV,WAAW,SAAS,WAAW;GAE/B,UAAA,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA,CACE,oBAAC,WAAD;KAAW,MAAA;KAAK,MAAA;KAAK,OAAO;KAAW,UAAU;IAAQ,CAAA,GAAE,GACxD;;EACS,CAAA,CACT;;AAEb,CACF;AAEA,UAAU,cAAc"}

package/es/storybook/StoryBook/style.mjs

@@ -3,8 +3,8 @@ import { createStaticStyles } from "antd-style";
 const styles = createStaticStyles(({ css, cssVar, responsive }) => {
 	return {
 		editor: css`
-      width: inherit;
-      min-height: inherit;
+      width: 100%;
+      min-height: 100%;
     `,
 		left: css`
       position: relative;
@@ -56,6 +56,11 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => {
       }
     `,
 		right: css`
+      /* The panel sets an inline height of 100%. That percentage does not
+         resolve while the preview height comes from min-height, so the
+         sidebar stays content-sized. Stretch it to the editor instead. */
+      align-self: stretch;
+      height: auto !important;
       background: ${cssVar.colorBgLayout};
 
       ${responsive.sm} {

package/es/storybook/StoryBook/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => {\n  return {\n    editor: css`\n      width: inherit;\n      min-height: inherit;\n    `,\n    left: css`\n      position: relative;\n      overflow: auto;\n    `,\n    leftWithPadding: css`\n      position: relative;\n      overflow: auto;\n      padding-block: 40px;\n      padding-inline: 24px;\n    `,\n    leva: css`\n      --leva-sizes-controlWidth: 66%;\n      --leva-colors-elevation1: ${cssVar.colorFillSecondary};\n      --leva-colors-elevation2: transparent;\n      --leva-colors-elevation3: ${cssVar.colorFillSecondary};\n      --leva-colors-accent1: ${cssVar.colorPrimary};\n      --leva-colors-accent2: ${cssVar.colorPrimaryHover};\n      --leva-colors-accent3: ${cssVar.colorPrimaryActive};\n      --leva-colors-highlight1: ${cssVar.colorTextTertiary};\n      --leva-colors-highlight2: ${cssVar.colorTextSecondary};\n      --leva-colors-highlight3: ${cssVar.colorText};\n      --leva-colors-vivid1: ${cssVar.colorWarning};\n      --leva-shadows-level1: unset;\n      --leva-shadows-level2: unset;\n      --leva-fonts-mono: ${cssVar.fontFamilyCode};\n\n      overflow: auto;\n\n      width: 100%;\n      height: 100%;\n      padding-block: 6px;\n      padding-inline: 0;\n\n      > div {\n        background: transparent;\n\n        > div {\n          background: transparent;\n        }\n      }\n\n      input:checked + label > svg {\n        stroke: ${cssVar.colorBgLayout};\n      }\n\n      button {\n        --leva-colors-accent2: ${cssVar.colorFillSecondary};\n      }\n    `,\n    right: css`\n      background: ${cssVar.colorBgLayout};\n\n      ${responsive.sm} {\n        .draggable-panel-fixed {\n          width: 100% !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,iBAAiB;CACxE,OAAO;EACL,QAAQ,GAAG;;;;EAIX,MAAM,GAAG;;;;EAIT,iBAAiB,GAAG;;;;;;EAMpB,MAAM,GAAG;;kCAEqB,OAAO,mBAAmB;;kCAE1B,OAAO,mBAAmB;+BAC7B,OAAO,aAAa;+BACpB,OAAO,kBAAkB;+BACzB,OAAO,mBAAmB;kCACvB,OAAO,kBAAkB;kCACzB,OAAO,mBAAmB;kCAC1B,OAAO,UAAU;8BACrB,OAAO,aAAa;;;2BAGvB,OAAO,eAAe;;;;;;;;;;;;;;;;;;kBAkB/B,OAAO,cAAc;;;;iCAIN,OAAO,mBAAmB;;;EAGvD,OAAO,GAAG;oBACM,OAAO,cAAc;;QAEjC,WAAW,GAAG;;;;;;CAMpB;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => {\n  return {\n    editor: css`\n      width: 100%;\n      min-height: 100%;\n    `,\n    left: css`\n      position: relative;\n      overflow: auto;\n    `,\n    leftWithPadding: css`\n      position: relative;\n      overflow: auto;\n      padding-block: 40px;\n      padding-inline: 24px;\n    `,\n    leva: css`\n      --leva-sizes-controlWidth: 66%;\n      --leva-colors-elevation1: ${cssVar.colorFillSecondary};\n      --leva-colors-elevation2: transparent;\n      --leva-colors-elevation3: ${cssVar.colorFillSecondary};\n      --leva-colors-accent1: ${cssVar.colorPrimary};\n      --leva-colors-accent2: ${cssVar.colorPrimaryHover};\n      --leva-colors-accent3: ${cssVar.colorPrimaryActive};\n      --leva-colors-highlight1: ${cssVar.colorTextTertiary};\n      --leva-colors-highlight2: ${cssVar.colorTextSecondary};\n      --leva-colors-highlight3: ${cssVar.colorText};\n      --leva-colors-vivid1: ${cssVar.colorWarning};\n      --leva-shadows-level1: unset;\n      --leva-shadows-level2: unset;\n      --leva-fonts-mono: ${cssVar.fontFamilyCode};\n\n      overflow: auto;\n\n      width: 100%;\n      height: 100%;\n      padding-block: 6px;\n      padding-inline: 0;\n\n      > div {\n        background: transparent;\n\n        > div {\n          background: transparent;\n        }\n      }\n\n      input:checked + label > svg {\n        stroke: ${cssVar.colorBgLayout};\n      }\n\n      button {\n        --leva-colors-accent2: ${cssVar.colorFillSecondary};\n      }\n    `,\n    right: css`\n      /* The panel sets an inline height of 100%. That percentage does not\n         resolve while the preview height comes from min-height, so the\n         sidebar stays content-sized. Stretch it to the editor instead. */\n      align-self: stretch;\n      height: auto !important;\n      background: ${cssVar.colorBgLayout};\n\n      ${responsive.sm} {\n        .draggable-panel-fixed {\n          width: 100% !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,iBAAiB;CACxE,OAAO;EACL,QAAQ,GAAG;;;;EAIX,MAAM,GAAG;;;;EAIT,iBAAiB,GAAG;;;;;;EAMpB,MAAM,GAAG;;kCAEqB,OAAO,mBAAmB;;kCAE1B,OAAO,mBAAmB;+BAC7B,OAAO,aAAa;+BACpB,OAAO,kBAAkB;+BACzB,OAAO,mBAAmB;kCACvB,OAAO,kBAAkB;kCACzB,OAAO,mBAAmB;kCAC1B,OAAO,UAAU;8BACrB,OAAO,aAAa;;;2BAGvB,OAAO,eAAe;;;;;;;;;;;;;;;;;;kBAkB/B,OAAO,cAAc;;;;iCAIN,OAAO,mBAAmB;;;EAGvD,OAAO,GAAG;;;;;;oBAMM,OAAO,cAAc;;QAEjC,WAAW,GAAG;;;;;;CAMpB;AACF,CAAC"}

package/es/styles/theme/token/base.mjs

@@ -8,7 +8,7 @@ const FONT_EMOJI = [
 	"Noto Color Emoji"
 ];
 const FONT_EN = [
-	"Geist",
+	"HarmonyOS Sans",
 	"-apple-system",
 	"BlinkMacSystemFont",
 	"Segoe UI Variable Display",
@@ -46,7 +46,7 @@ const baseToken = {
 	].flat()),
 	fontFamilyCode: joinFontFamily([
 		[
-			"Geist Mono",
+			"Hack",
 			"ui-monospace",
 			"SFMono-Regular",
 			"SF Mono",

package/es/styles/theme/token/base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nconst joinFontFamily = (fonts: string[]) =>\n  fonts.map((font) => (font.includes(' ') ? `\"${font}\"` : font)).join(',');\n\nconst FONT_EMOJI = [\n  '/* EMOJI */',\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst FONT_EN = [\n  'Geist',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_CN = [\n  '/* SC */',\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_CODE = [\n  'Geist Mono',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FALLBACK = ['/* FALLBACK */', 'ui-sans-serif', 'system-ui', 'sans-serif'];\n\nconst FALLBACK_CODE = ['/* FALLBACK */', 'monospace'];\n\nexport const baseToken: Partial<AliasToken> = {\n  borderRadius: 8,\n  borderRadiusLG: 12,\n  borderRadiusSM: 6,\n  borderRadiusXS: 4,\n  controlHeight: 36,\n  fontFamily: joinFontFamily([FONT_EN, FONT_CN, FALLBACK, FONT_EMOJI].flat()),\n  fontFamilyCode: joinFontFamily([FONT_CODE, FONT_CN, FALLBACK_CODE, FONT_EMOJI].flat()),\n};\n"],"mappings":";AAEA,MAAM,kBAAkB,UACtB,MAAM,KAAK,SAAU,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK,IAAK,CAAC,CAAC,KAAK,GAAG;AAEzE,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAa,YAAiC;CAC5C,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY,eAAe;EAAC;EAAS;EAAS;GAV9B;GAAkB;GAAiB;GAAa;EAUlB;EAAU;CAAU,CAAC,CAAC,KAAK,CAAC;CAC1E,gBAAgB,eAAe;EAAC;GArBhC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAcgC;EAAW;EAAS,CAT/B,kBAAkB,WASa;EAAe;CAAU,CAAC,CAAC,KAAK,CAAC;AACvF"}
+{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nconst joinFontFamily = (fonts: string[]) =>\n  fonts.map((font) => (font.includes(' ') ? `\"${font}\"` : font)).join(',');\n\nconst FONT_EMOJI = [\n  '/* EMOJI */',\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst FONT_EN = [\n  'HarmonyOS Sans',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_CN = [\n  '/* SC */',\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_CODE = [\n  'Hack',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FALLBACK = ['/* FALLBACK */', 'ui-sans-serif', 'system-ui', 'sans-serif'];\n\nconst FALLBACK_CODE = ['/* FALLBACK */', 'monospace'];\n\nexport const baseToken: Partial<AliasToken> = {\n  borderRadius: 8,\n  borderRadiusLG: 12,\n  borderRadiusSM: 6,\n  borderRadiusXS: 4,\n  controlHeight: 36,\n  fontFamily: joinFontFamily([FONT_EN, FONT_CN, FALLBACK, FONT_EMOJI].flat()),\n  fontFamilyCode: joinFontFamily([FONT_CODE, FONT_CN, FALLBACK_CODE, FONT_EMOJI].flat()),\n};\n"],"mappings":";AAEA,MAAM,kBAAkB,UACtB,MAAM,KAAK,SAAU,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK,IAAK,CAAC,CAAC,KAAK,GAAG;AAEzE,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAa,YAAiC;CAC5C,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY,eAAe;EAAC;EAAS;EAAS;GAV9B;GAAkB;GAAiB;GAAa;EAUlB;EAAU;CAAU,CAAC,CAAC,KAAK,CAAC;CAC1E,gBAAgB,eAAe;EAAC;GArBhC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAcgC;EAAW;EAAS,CAT/B,kBAAkB,WASa;EAAe;CAAU,CAAC,CAAC,KAAK,CAAC;AACvF"}