@lobehub/ui 6.0.0-beta.7 → 6.0.0-beta.9

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

@@ -9,6 +9,8 @@ export type StatWash = 'gray';
 export interface StatCardProps {
   /** Control rendered on the label row, such as a menu. */
   action?: ReactNode;
+  /** Full-width chart (sparkline, area) under the delta and hint. */
+  chart?: ReactNode;
   className?: string;
   /** Change amount, colored by `direction`. */
   delta?: ReactNode;

package/es/dashboard/Surface/Surface.mjs

@@ -6,7 +6,7 @@ import { surfaceMarker } from "./marker.stylex.mjs";
 import { styles, surfaceClassNames } from "./style.mjs";
 import { SurfaceDepthContext, useSurfaceCardStyles, useSurfaceDepth, useSurfaceLink } from "./link.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import * as stylex from "@stylexjs/stylex";
 import { ArrowUpRight } from "lucide-react";
 //#region src/dashboard/Surface/Surface.tsx
@@ -24,7 +24,6 @@ function Surface({ bleed = false, chart, children, className, description, extra
 	const placeholder = Boolean(loading) && !defined(children);
 	const hasHeader = defined(title) || defined(description) || defined(extra) || refreshing;
 	const pad = bleed ? false : padded ?? (hasHeader || placeholder);
-	const clip = hasHeader || bleed || pad || defined(chart);
 	const heading = /* @__PURE__ */ jsxs("div", {
 		...stylex.props(styles.heading),
 		children: [defined(title) ? /* @__PURE__ */ jsx("div", {
@@ -55,9 +54,9 @@ function Surface({ bleed = false, chart, children, className, description, extra
 			...styleProps([
 				cardStyles,
 				styles.content,
-				clip && styles.clip,
+				styles.clip,
 				Boolean(href) && [styles.cardLinked, surfaceMarker]
-			], clsx(surfaceClassNames.root, bleed && surfaceClassNames.bleed, className), style),
+			], clsx$1(surfaceClassNames.root, bleed && surfaceClassNames.bleed, className), style),
 			...rest,
 			children: [
 				hasHeader ? /* @__PURE__ */ jsxs("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Surface.mjs","names":[],"sources":["../../../src/dashboard/Surface/Surface.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { ArrowUpRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport Skeleton from '@/Skeleton';\nimport Spin from '@/Spin';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { SurfaceDepthContext, useSurfaceCardStyles, useSurfaceDepth, useSurfaceLink } from './link';\nimport { surfaceMarker } from './marker.stylex';\nimport { styles, surfaceClassNames } from './style';\nimport type { SurfaceProps } from './type';\n\nconst defined = (node: ReactNode) => node !== null && node !== undefined && node !== false;\n\n/**\n * Elevated card on a workspace canvas. Bare, it is a plain frame. With `title`,\n * `description` or `extra` it gets a header and a padded body that lets a\n * trailing table meet the card edges.\n */\nfunction Surface({\n  bleed = false,\n  chart,\n  children,\n  className,\n  description,\n  extra,\n  href,\n  loading,\n  padded,\n  renderLink,\n  style,\n  title,\n  ...rest\n}: SurfaceProps) {\n  const depth = useSurfaceDepth();\n  const link = useSurfaceLink(renderLink);\n  const cardStyles = useSurfaceCardStyles();\n  const refreshing = Boolean(loading) && defined(children);\n  const placeholder = Boolean(loading) && !defined(children);\n  const hasHeader = defined(title) || defined(description) || defined(extra) || refreshing;\n  const pad = bleed ? false : (padded ?? (hasHeader || placeholder));\n  const clip = hasHeader || bleed || pad || defined(chart);\n\n  const heading = (\n    <div {...stylex.props(styles.heading)}>\n      {defined(title) ? <div {...stylex.props(styles.title)}>{title}</div> : null}\n      {defined(description) ? <div {...stylex.props(styles.desc)}>{description}</div> : null}\n    </div>\n  );\n\n  const body = placeholder ? (\n    <div aria-busy=\"true\" {...stylex.props(styles.loading)}>\n      <Skeleton height={220} radius={8} />\n    </div>\n  ) : (\n    children\n  );\n\n  // With header actions, the arrow sits after them as the rightmost item.\n  const trailing = refreshing || defined(extra);\n  const arrow = (\n    <ArrowUpRight\n      aria-hidden\n      size={16}\n      {...stylex.props(styles.arrow, trailing && styles.arrowInLink)}\n    />\n  );\n\n  return (\n    <SurfaceDepthContext value={depth + 1}>\n      <div\n        {...styleProps(\n          [\n            cardStyles,\n            styles.content,\n            clip && styles.clip,\n            Boolean(href) && [styles.cardLinked, surfaceMarker],\n          ],\n          clsx(surfaceClassNames.root, bleed && surfaceClassNames.bleed, className),\n          style,\n        )}\n        {...rest}\n      >\n        {hasHeader ? (\n          <div {...stylex.props(styles.header)}>\n            {href\n              ? link({\n                  children: (\n                    <>\n                      {heading}\n                      {trailing ? null : arrow}\n                    </>\n                  ),\n                  className: stylex.props(styles.headingLink).className,\n                  href,\n                })\n              : heading}\n            {trailing ? (\n              <div {...stylex.props(styles.extra)}>\n                {refreshing ? <Spin size=\"small\" variant=\"network\" /> : null}\n                {extra}\n                {href\n                  ? link({\n                      'aria-hidden': true,\n                      'children': arrow,\n                      'className': stylex.props(styles.arrowLink).className,\n                      href,\n                      'tabIndex': -1,\n                    } as any)\n                  : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        {pad ? <div {...styleProps(styles.body, surfaceClassNames.tableBleed)}>{body}</div> : body}\n        {defined(chart) ? <div {...stylex.props(styles.chart)}>{chart}</div> : null}\n      </div>\n    </SurfaceDepthContext>\n  );\n}\n\nSurface.displayName = 'Surface';\n\nexport default Surface;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,WAAW,SAAoB,SAAS,QAAQ,SAAS,KAAA,KAAa,SAAS;;;;;;AAOrF,SAAS,QAAQ,EACf,QAAQ,OACR,OACA,UACA,WACA,aACA,OACA,MACA,SACA,QACA,YACA,OACA,OACA,GAAG,QACY;CACf,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,OAAO,eAAe,UAAU;CACtC,MAAM,aAAa,qBAAqB;CACxC,MAAM,aAAa,QAAQ,OAAO,KAAK,QAAQ,QAAQ;CACvD,MAAM,cAAc,QAAQ,OAAO,KAAK,CAAC,QAAQ,QAAQ;CACzD,MAAM,YAAY,QAAQ,KAAK,KAAK,QAAQ,WAAW,KAAK,QAAQ,KAAK,KAAK;CAC9E,MAAM,MAAM,QAAQ,QAAQ,WAAW,aAAa;CACpD,MAAM,OAAO,aAAa,SAAS,OAAO,QAAQ,KAAK;CACvD,MAAM,UAAU,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO;EAApC,UAAA,CACX,QAAQ,KAAK,IAAI,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,KAAK;GAAI,UAAA;EAAW,CAAA,IAAI,MACtE,QAAQ,WAAW,IAAI,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA;EAAiB,CAAA,IAAI,IAC/E;;CACP,MAAM,OAAO,cAAc,oBAAC,OAAD;EAAK,aAAU;EAAO,GAAI,OAAO,MAAM,OAAO,OAAO;EAC5E,UAAA,oBAAC,UAAD;GAAU,QAAQ;GAAK,QAAQ;EAAI,CAAA;CAChC,CAAA,IAAI;CAGX,MAAM,WAAW,cAAc,QAAQ,KAAK;CAC5C,MAAM,QAAQ,oBAAC,cAAD;EAAc,eAAA;EAAY,MAAM;EAAI,GAAI,OAAO,MAAM,OAAO,OAAO,YAAY,OAAO,WAAW;CAAI,CAAA;CACnH,OAAO,oBAAC,qBAAD;EAAqB,OAAO,QAAQ;EACvC,UAAA,qBAAC,OAAD;GAAK,GAAI,WAAW;IAAC;IAAY,OAAO;IAAS,QAAQ,OAAO;IAAM,QAAQ,IAAI,KAAK,CAAC,OAAO,YAAY,aAAa;GAAC,GAAG,KAAK,kBAAkB,MAAM,SAAS,kBAAkB,OAAO,SAAS,GAAG,KAAK;GAAG,GAAI;GAAnN,UAAA;IACG,YAAY,qBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,MAAM;KAAnC,UAAA,CACR,OAAO,KAAK;MACf,UAAU,qBAAA,UAAA,EAAA,UAAA,CACG,SACA,WAAW,OAAO,KACnB,EAAA,CAAA;MACZ,WAAW,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC;MAC5C;KACF,CAAC,IAAI,SACA,WAAW,qBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,KAAK;MAAlC,UAAA;OACP,aAAa,oBAAC,MAAD;QAAM,MAAK;QAAQ,SAAQ;OAAW,CAAA,IAAI;OACvD;OACA,OAAO,KAAK;QACjB,eAAe;QACf,YAAY;QACZ,aAAa,OAAO,MAAM,OAAO,SAAS,CAAC,CAAC;QAC5C;QACA,YAAY;OACd,CAAQ,IAAI;MACH;KAAI,CAAA,IAAA,IACR;IAAI,CAAA,IAAA;IACV,MAAM,oBAAC,OAAD;KAAK,GAAI,WAAW,OAAO,MAAM,kBAAkB,UAAU;KAAI,UAAA;IAAU,CAAA,IAAI;IACrF,QAAQ,KAAK,IAAI,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK;KAAI,UAAA;IAAW,CAAA,IAAI;GACpE;;CACc,CAAA;AACzB;AACA,QAAQ,cAAc"}
+{"version":3,"file":"Surface.mjs","names":["clsx"],"sources":["../../../src/dashboard/Surface/Surface.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { ArrowUpRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport Skeleton from '@/Skeleton';\nimport Spin from '@/Spin';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { SurfaceDepthContext, useSurfaceCardStyles, useSurfaceDepth, useSurfaceLink } from './link';\nimport { surfaceMarker } from './marker.stylex';\nimport { styles, surfaceClassNames } from './style';\nimport type { SurfaceProps } from './type';\n\nconst defined = (node: ReactNode) => node !== null && node !== undefined && node !== false;\n\n/**\n * Elevated card on a workspace canvas. Bare, it is a plain frame. With `title`,\n * `description` or `extra` it gets a header and a padded body that lets a\n * trailing table meet the card edges.\n */\nfunction Surface({\n  bleed = false,\n  chart,\n  children,\n  className,\n  description,\n  extra,\n  href,\n  loading,\n  padded,\n  renderLink,\n  style,\n  title,\n  ...rest\n}: SurfaceProps) {\n  const depth = useSurfaceDepth();\n  const link = useSurfaceLink(renderLink);\n  const cardStyles = useSurfaceCardStyles();\n  const refreshing = Boolean(loading) && defined(children);\n  const placeholder = Boolean(loading) && !defined(children);\n  const hasHeader = defined(title) || defined(description) || defined(extra) || refreshing;\n  const pad = bleed ? false : (padded ?? (hasHeader || placeholder));\n\n  const heading = (\n    <div {...stylex.props(styles.heading)}>\n      {defined(title) ? <div {...stylex.props(styles.title)}>{title}</div> : null}\n      {defined(description) ? <div {...stylex.props(styles.desc)}>{description}</div> : null}\n    </div>\n  );\n\n  const body = placeholder ? (\n    <div aria-busy=\"true\" {...stylex.props(styles.loading)}>\n      <Skeleton height={220} radius={8} />\n    </div>\n  ) : (\n    children\n  );\n\n  // With header actions, the arrow sits after them as the rightmost item.\n  const trailing = refreshing || defined(extra);\n  const arrow = (\n    <ArrowUpRight\n      aria-hidden\n      size={16}\n      {...stylex.props(styles.arrow, trailing && styles.arrowInLink)}\n    />\n  );\n\n  return (\n    <SurfaceDepthContext value={depth + 1}>\n      <div\n        {...styleProps(\n          [\n            cardStyles,\n            styles.content,\n            styles.clip,\n            Boolean(href) && [styles.cardLinked, surfaceMarker],\n          ],\n          clsx(surfaceClassNames.root, bleed && surfaceClassNames.bleed, className),\n          style,\n        )}\n        {...rest}\n      >\n        {hasHeader ? (\n          <div {...stylex.props(styles.header)}>\n            {href\n              ? link({\n                  children: (\n                    <>\n                      {heading}\n                      {trailing ? null : arrow}\n                    </>\n                  ),\n                  className: stylex.props(styles.headingLink).className,\n                  href,\n                })\n              : heading}\n            {trailing ? (\n              <div {...stylex.props(styles.extra)}>\n                {refreshing ? <Spin size=\"small\" variant=\"network\" /> : null}\n                {extra}\n                {href\n                  ? link({\n                      'aria-hidden': true,\n                      'children': arrow,\n                      'className': stylex.props(styles.arrowLink).className,\n                      href,\n                      'tabIndex': -1,\n                    } as any)\n                  : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        {pad ? <div {...styleProps(styles.body, surfaceClassNames.tableBleed)}>{body}</div> : body}\n        {defined(chart) ? <div {...stylex.props(styles.chart)}>{chart}</div> : null}\n      </div>\n    </SurfaceDepthContext>\n  );\n}\n\nSurface.displayName = 'Surface';\n\nexport default Surface;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,WAAW,SAAoB,SAAS,QAAQ,SAAS,KAAA,KAAa,SAAS;;;;;;AAOrF,SAAS,QAAQ,EACf,QAAQ,OACR,OACA,UACA,WACA,aACA,OACA,MACA,SACA,QACA,YACA,OACA,OACA,GAAG,QACY;CACf,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,OAAO,eAAe,UAAU;CACtC,MAAM,aAAa,qBAAqB;CACxC,MAAM,aAAa,QAAQ,OAAO,KAAK,QAAQ,QAAQ;CACvD,MAAM,cAAc,QAAQ,OAAO,KAAK,CAAC,QAAQ,QAAQ;CACzD,MAAM,YAAY,QAAQ,KAAK,KAAK,QAAQ,WAAW,KAAK,QAAQ,KAAK,KAAK;CAC9E,MAAM,MAAM,QAAQ,QAAQ,WAAW,aAAa;CACpD,MAAM,UAAU,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO;EAApC,UAAA,CACX,QAAQ,KAAK,IAAI,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,KAAK;GAAI,UAAA;EAAW,CAAA,IAAI,MACtE,QAAQ,WAAW,IAAI,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA;EAAiB,CAAA,IAAI,IAC/E;;CACP,MAAM,OAAO,cAAc,oBAAC,OAAD;EAAK,aAAU;EAAO,GAAI,OAAO,MAAM,OAAO,OAAO;EAC5E,UAAA,oBAAC,UAAD;GAAU,QAAQ;GAAK,QAAQ;EAAI,CAAA;CAChC,CAAA,IAAI;CAGX,MAAM,WAAW,cAAc,QAAQ,KAAK;CAC5C,MAAM,QAAQ,oBAAC,cAAD;EAAc,eAAA;EAAY,MAAM;EAAI,GAAI,OAAO,MAAM,OAAO,OAAO,YAAY,OAAO,WAAW;CAAI,CAAA;CACnH,OAAO,oBAAC,qBAAD;EAAqB,OAAO,QAAQ;EACvC,UAAA,qBAAC,OAAD;GAAK,GAAI,WAAW;IAAC;IAAY,OAAO;IAAS,OAAO;IAAM,QAAQ,IAAI,KAAK,CAAC,OAAO,YAAY,aAAa;GAAC,GAAGA,OAAK,kBAAkB,MAAM,SAAS,kBAAkB,OAAO,SAAS,GAAG,KAAK;GAAG,GAAI;GAA3M,UAAA;IACG,YAAY,qBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,MAAM;KAAnC,UAAA,CACR,OAAO,KAAK;MACf,UAAU,qBAAA,UAAA,EAAA,UAAA,CACG,SACA,WAAW,OAAO,KACnB,EAAA,CAAA;MACZ,WAAW,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC;MAC5C;KACF,CAAC,IAAI,SACA,WAAW,qBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,KAAK;MAAlC,UAAA;OACP,aAAa,oBAAC,MAAD;QAAM,MAAK;QAAQ,SAAQ;OAAW,CAAA,IAAI;OACvD;OACA,OAAO,KAAK;QACjB,eAAe;QACf,YAAY;QACZ,aAAa,OAAO,MAAM,OAAO,SAAS,CAAC,CAAC;QAC5C;QACA,YAAY;OACd,CAAQ,IAAI;MACH;KAAI,CAAA,IAAA,IACR;IAAI,CAAA,IAAA;IACV,MAAM,oBAAC,OAAD;KAAK,GAAI,WAAW,OAAO,MAAM,kBAAkB,UAAU;KAAI,UAAA;IAAU,CAAA,IAAI;IACrF,QAAQ,KAAK,IAAI,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK;KAAI,UAAA;IAAW,CAAA,IAAI;GACpE;;CACc,CAAA;AACzB;AACA,QAAQ,cAAc"}

package/es/dashboard/Surface/link.mjs

@@ -21,7 +21,7 @@ const useSurfaceLink = (override) => override ?? use(SurfaceLinkContext);
 const useSurfaceDepth = () => use(SurfaceDepthContext);
 /**
 * StyleX styles for a dashboard card: `colorBgContainer` in light, translucent
-* `colorFillTertiary` in dark, and no fill of its own when nested in another Surface.
+* `colorFillQuaternary` in dark, and no fill of its own when nested in another Surface.
 */
 const useSurfaceCardStyles = () => {
 	const { isDarkMode } = useThemeMode();

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

@@ -1 +1 @@
-{"version":3,"file":"link.mjs","names":[],"sources":["../../../src/dashboard/Surface/link.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, type ReactNode, use } from 'react';\n\nimport { useThemeMode } from '@/styles/theme/scope';\n\nimport { styles } from './style';\nimport type { SurfaceLinkProps, SurfaceRenderLink } from './type';\n\nconst defaultRenderLink: SurfaceRenderLink = ({ children, ...rest }: SurfaceLinkProps) => (\n  <a {...rest}>{children}</a>\n);\n\nconst SurfaceLinkContext = createContext<SurfaceRenderLink>(defaultRenderLink);\n\nconst SurfaceDepthContext = createContext(0);\n\n/** Plugs the app router into every dashboard card link (Surface, MetricStrip, Section). */\nexport const SurfaceLinkProvider = ({\n  children,\n  renderLink,\n}: {\n  children?: ReactNode;\n  renderLink: SurfaceRenderLink;\n}) => <SurfaceLinkContext value={renderLink}>{children}</SurfaceLinkContext>;\n\nexport const useSurfaceLink = (override?: SurfaceRenderLink) => override ?? use(SurfaceLinkContext);\n\n/** How many Surface cards wrap this node. A table can skip its own card when already inside one. */\nexport const useSurfaceDepth = () => use(SurfaceDepthContext);\n\nexport { SurfaceDepthContext };\n\n/**\n * StyleX styles for a dashboard card: `colorBgContainer` in light, translucent\n * `colorFillTertiary` in dark, and no fill of its own when nested in another Surface.\n */\nexport const useSurfaceCardStyles = () => {\n  const { isDarkMode } = useThemeMode();\n  const depth = useSurfaceDepth();\n  return [styles.card, isDarkMode && styles.cardDark, depth > 0 && styles.cardNested] as const;\n};\n\n/** Class name form of `useSurfaceCardStyles`, for markup that is not styled with StyleX. */\nexport const useSurfaceCardClassName = () => stylex.props(useSurfaceCardStyles()).className ?? '';\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAwC,EAC5C,UACA,GAAG,WACmB,oBAAC,KAAD;CAAG,GAAI;CAAO;AAAY,CAAA;AAClD,MAAM,qBAAqB,cAAiC,iBAAiB;AAC7E,MAAM,sBAAsB,cAAc,CAAC;;AAG3C,MAAa,uBAAuB,EAClC,UACA,iBAII,oBAAC,oBAAD;CAAoB,OAAO;CAAa;AAA6B,CAAA;AAC3E,MAAa,kBAAkB,aAAiC,YAAY,IAAI,kBAAkB;;AAGlG,MAAa,wBAAwB,IAAI,mBAAmB;;;;;AAO5D,MAAa,6BAA6B;CACxC,MAAM,EACJ,eACE,aAAa;CACjB,MAAM,QAAQ,gBAAgB;CAC9B,OAAO;EAAC,OAAO;EAAM,cAAc,OAAO;EAAU,QAAQ,KAAK,OAAO;CAAU;AACpF;;AAGA,MAAa,gCAAgC,OAAO,MAAM,qBAAqB,CAAC,CAAC,CAAC,aAAa"}
+{"version":3,"file":"link.mjs","names":[],"sources":["../../../src/dashboard/Surface/link.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, type ReactNode, use } from 'react';\n\nimport { useThemeMode } from '@/styles/theme/scope';\n\nimport { styles } from './style';\nimport type { SurfaceLinkProps, SurfaceRenderLink } from './type';\n\nconst defaultRenderLink: SurfaceRenderLink = ({ children, ...rest }: SurfaceLinkProps) => (\n  <a {...rest}>{children}</a>\n);\n\nconst SurfaceLinkContext = createContext<SurfaceRenderLink>(defaultRenderLink);\n\nconst SurfaceDepthContext = createContext(0);\n\n/** Plugs the app router into every dashboard card link (Surface, MetricStrip, Section). */\nexport const SurfaceLinkProvider = ({\n  children,\n  renderLink,\n}: {\n  children?: ReactNode;\n  renderLink: SurfaceRenderLink;\n}) => <SurfaceLinkContext value={renderLink}>{children}</SurfaceLinkContext>;\n\nexport const useSurfaceLink = (override?: SurfaceRenderLink) => override ?? use(SurfaceLinkContext);\n\n/** How many Surface cards wrap this node. A table can skip its own card when already inside one. */\nexport const useSurfaceDepth = () => use(SurfaceDepthContext);\n\nexport { SurfaceDepthContext };\n\n/**\n * StyleX styles for a dashboard card: `colorBgContainer` in light, translucent\n * `colorFillQuaternary` in dark, and no fill of its own when nested in another Surface.\n */\nexport const useSurfaceCardStyles = () => {\n  const { isDarkMode } = useThemeMode();\n  const depth = useSurfaceDepth();\n  return [styles.card, isDarkMode && styles.cardDark, depth > 0 && styles.cardNested] as const;\n};\n\n/** Class name form of `useSurfaceCardStyles`, for markup that is not styled with StyleX. */\nexport const useSurfaceCardClassName = () => stylex.props(useSurfaceCardStyles()).className ?? '';\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAwC,EAC5C,UACA,GAAG,WACmB,oBAAC,KAAD;CAAG,GAAI;CAAO;AAAY,CAAA;AAClD,MAAM,qBAAqB,cAAiC,iBAAiB;AAC7E,MAAM,sBAAsB,cAAc,CAAC;;AAG3C,MAAa,uBAAuB,EAClC,UACA,iBAII,oBAAC,oBAAD;CAAoB,OAAO;CAAa;AAA6B,CAAA;AAC3E,MAAa,kBAAkB,aAAiC,YAAY,IAAI,kBAAkB;;AAGlG,MAAa,wBAAwB,IAAI,mBAAmB;;;;;AAO5D,MAAa,6BAA6B;CACxC,MAAM,EACJ,eACE,aAAa;CACjB,MAAM,QAAQ,gBAAgB;CAC9B,OAAO;EAAC,OAAO;EAAM,cAAc,OAAO;EAAU,QAAQ,KAAK,OAAO;CAAU;AACpF;;AAGA,MAAa,gCAAgC,OAAO,MAAM,qBAAqB,CAAC,CAAC,CAAC,aAAa"}

package/es/dashboard/Surface/style.mjs

@@ -3,15 +3,16 @@
 * A content card sitting on the workspace.
 *
 * Backgrounds: light mode uses `colorBgContainer`. Dark mode uses the translucent
-* `colorFillTertiary` (white 6%): on the #0d0d0d workspace it reads as about #1c1c1c, a subtle
-* raised step. `colorFillQuaternary` (white 2%, about #111) would barely separate from the page.
+* `colorFillQuaternary` (white 2%), one step below `colorFillTertiary`, for a quieter raised
+* step on the workspace.
 *
-* Borders and inner dividers (table, header and cell lines, PageSkeleton) use `colorFillSecondary`
-* (white 10% / black 6%); hover and focus use the stronger `colorFill`. Painted over the dark card
-* the border lands near #2f2f2f against #1c1c1c, and in light near #f0f0f0 against #ffffff.
+* Borders and inner dividers (table, header and cell lines, PageSkeleton, strip seams) use
+* `--lobe-fill-border` (`colorFill` in light, `colorFillSecondary` in dark; from theme.css).
+* Hover / focus / stronger edges use `--lobe-fill-border-strong` (light: `colorFill` mixed 15%
+* toward `colorText`; dark: `colorFill`).
 *
 * Anything that must hide content scrolled beneath it (table header cells, pinned and sticky
-* cells) uses `--lobe-surface-bg-solid`: the same white 6% blended onto `--lobe-surface-canvas`
+* cells) uses `--lobe-surface-bg-solid`: the same white 2% blended onto `--lobe-surface-canvas`
 * (default `colorBgContainer`, the ConsoleShell workspace). `color-mix` in srgb with an opaque
 * base is plain alpha compositing, so it matches the translucent card. Set
 * `--lobe-surface-canvas` when a card sits on another page color.
@@ -53,7 +54,7 @@ const styles = {
 	card: {
 		"--lobe-surface-bg": "lbwvmpdu",
 		"--lobe-surface-bg-solid": "lb1hc46fh",
-		kVAM5u: "lb6d5vuu",
+		kVAM5u: "lb142uwqc",
 		kaIpWk: "lb1ndkxwp",
 		ksu8eU: "lb1y0btm7",
 		kMzoRj: "lbmkeg23",
@@ -62,12 +63,12 @@ const styles = {
 		$$css: true
 	},
 	cardDark: {
-		"--lobe-surface-bg": "lb3bfph8",
-		"--lobe-surface-bg-solid": "lb1l8ls3s",
+		"--lobe-surface-bg": "lb1scici8",
+		"--lobe-surface-bg-solid": "lb1ettvn5",
 		$$css: true
 	},
 	cardLinked: {
-		kVAM5u: "lb6d5vuu lb1j0btqu lb13v5du5",
+		kVAM5u: "lb142uwqc lb1o4wdq2 lbhqn6jm",
 		$$css: true
 	},
 	cardNested: {
@@ -79,7 +80,7 @@ const styles = {
 		$$css: true
 	},
 	clip: {
-		kVQacm: "lbb3r6kr",
+		kVQacm: "lb7giv3",
 		$$css: true
 	},
 	content: {
@@ -107,7 +108,7 @@ const styles = {
 		k8WAf4: "lb1vvogim",
 		kg3NbH: "lb1hr3lfm",
 		kGNEyG: "lb1cy8zhl",
-		kL6WhQ: "lb1ak05nl",
+		kL6WhQ: "lb1fmh5c5",
 		kfdmCh: "lb1q0q8m5",
 		kt9PQ7: "lbso031l",
 		kB7OPa: "lb9f619",
@@ -153,8 +154,8 @@ const surfaceClassNames = {
 	tableBleed: "lobe-surface-table-bleed"
 };
 const surfaceStyles = {
-	card: { className: "lbwvmpdu lb1hc46fh lb6d5vuu lb1ndkxwp lb1y0btm7 lbmkeg23 lb1x6hv1e lb3b5rli" }.className ?? "",
-	clip: { className: "lbb3r6kr" }.className ?? "",
+	card: { className: "lbwvmpdu lb1hc46fh lb142uwqc lb1ndkxwp lb1y0btm7 lbmkeg23 lb1x6hv1e lb3b5rli" }.className ?? "",
+	clip: { className: "lb7giv3" }.className ?? "",
 	tableBleed: surfaceClassNames.tableBleed
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/Surface/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { surfaceMarker } from './marker.stylex';\n\n/**\n * A content card sitting on the workspace.\n *\n * Backgrounds: light mode uses `colorBgContainer`. Dark mode uses the translucent\n * `colorFillTertiary` (white 6%): on the #0d0d0d workspace it reads as about #1c1c1c, a subtle\n * raised step. `colorFillQuaternary` (white 2%, about #111) would barely separate from the page.\n *\n * Borders and inner dividers (table, header and cell lines, PageSkeleton) use `colorFillSecondary`\n * (white 10% / black 6%); hover and focus use the stronger `colorFill`. Painted over the dark card\n * the border lands near #2f2f2f against #1c1c1c, and in light near #f0f0f0 against #ffffff.\n *\n * Anything that must hide content scrolled beneath it (table header cells, pinned and sticky\n * cells) uses `--lobe-surface-bg-solid`: the same white 6% blended onto `--lobe-surface-canvas`\n * (default `colorBgContainer`, the ConsoleShell workspace). `color-mix` in srgb with an opaque\n * base is plain alpha compositing, so it matches the translucent card. Set\n * `--lobe-surface-canvas` when a card sits on another page color.\n *\n * A Surface inside another Surface (`useSurfaceDepth() > 0`) drops its own fill so fills do not\n * stack. Row hover backgrounds keep their own mix. Layout containers (ConsoleShell, ConsoleNav,\n * FilterSidebar split divider, AuthLayout page canvas) keep their own tokens.\n *\n * Apply the card with `useSurfaceCardStyles()` / `useSurfaceCardClassName()`; plain\n * `surfaceStyles.card` is the light look. Table rules for consumer markup live in `style.css`.\n */\nexport const styles = stylex.create({\n  arrow: {\n    flex: 'none',\n    transition: 'color 150ms ease-out, transform 150ms ease-out',\n    color: {\n      default: cssVar.colorTextTertiary,\n      [stylex.when.ancestor(':hover', surfaceMarker)]: cssVar.colorText,\n    },\n    marginBlockStart: 8,\n    marginInlineStart: 'auto',\n    transform: {\n      default: null,\n      [stylex.when.ancestor(':hover', surfaceMarker)]: 'translate(1px, -1px)',\n    },\n  },\n  arrowInLink: {\n    marginBlockStart: 0,\n  },\n  arrowLink: {\n    flex: 'none',\n    alignItems: 'center',\n    color: 'inherit',\n    display: 'flex',\n  },\n  body: {\n    '--surface-pad-block': '16px',\n    '--surface-pad-inline': '16px',\n    'padding': 16,\n  },\n  card: {\n    '--lobe-surface-bg': cssVar.colorBgContainer,\n    '--lobe-surface-bg-solid': cssVar.colorBgContainer,\n    'borderColor': cssVar.colorFillSecondary,\n    'borderRadius': cssVar.borderRadiusLG,\n    'borderStyle': 'solid',\n    'borderWidth': 1,\n    'backgroundColor': 'var(--lobe-surface-bg)',\n    'boxShadow': 'rgb(0 0 0 / 4%) 0 1px 2px 0',\n  },\n  cardDark: {\n    '--lobe-surface-bg': cssVar.colorFillTertiary,\n    '--lobe-surface-bg-solid': `color-mix(in srgb, #fff 6%, var(--lobe-surface-canvas, ${cssVar.colorBgContainer}))`,\n  },\n  cardLinked: {\n    borderColor: {\n      'default': cssVar.colorFillSecondary,\n      ':focus-within': cssVar.colorFill,\n      ':hover': cssVar.colorFill,\n    },\n  },\n  cardNested: {\n    backgroundColor: 'transparent',\n  },\n  chart: {\n    minInlineSize: 0,\n  },\n  clip: {\n    overflow: 'hidden',\n  },\n  content: {\n    minInlineSize: 0,\n  },\n  desc: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 400,\n    lineHeight: 1.45,\n    marginBlockStart: -4,\n  },\n  /* One fixed control row (32px, the height of a small Segmented or a default ActionIcon), so a\n     header with controls is exactly as tall as one without, and the controls sit centered with\n     8px clear above the divider. */\n  extra: {\n    flex: 'none',\n    gap: 8,\n    alignItems: 'center',\n    blockSize: 32,\n    display: 'flex',\n  },\n  header: {\n    gap: 12,\n    paddingBlock: 8,\n    paddingInline: 16,\n    alignItems: 'flex-start',\n    borderBlockEndColor: cssVar.colorFillSecondary,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minBlockSize: 48,\n  },\n  heading: {\n    minInlineSize: 0,\n  },\n  headingLink: {\n    flex: '1',\n    gap: 12,\n    textDecoration: 'none',\n    alignItems: 'flex-start',\n    color: { 'default': 'inherit', ':hover': 'inherit' },\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  loading: {\n    paddingBlockEnd: 8,\n    paddingBlockStart: 4,\n  },\n  title: {\n    overflow: 'hidden',\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 500,\n    /* The title line is the 32px control row; extra and the arrow center on it, and a\n       description adds its own line below without moving them. */\n    lineHeight: '32px',\n    minInlineSize: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport const surfaceClassNames = {\n  bleed: 'lobe-surface-bleed',\n  root: 'lobe-surface',\n  tableBleed: 'lobe-surface-table-bleed',\n};\n\nexport const surfaceStyles = {\n  card: stylex.props(styles.card).className ?? '',\n  clip: stylex.props(styles.clip).className ?? '',\n  tableBleed: surfaceClassNames.tableBleed,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,uBAAuB;EACvB,wBAAwB;EACxB,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,qBAAqB;EACrB,2BAA2B;EAC3B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,qBAAqB;EACrB,2BAA2B;EAC3B,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,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,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAa,oBAAoB;CAC/B,OAAO;CACP,MAAM;CACN,YAAY;AACd;AACA,MAAa,gBAAgB;CAC3B,MAAM,EACJ,WAAW,8EACb,EAAE,aAAa;CACf,MAAM,EACJ,WAAW,WACb,EAAE,aAAa;CACf,YAAY,kBAAkB;AAChC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/Surface/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { surfaceMarker } from './marker.stylex';\n\n/**\n * A content card sitting on the workspace.\n *\n * Backgrounds: light mode uses `colorBgContainer`. Dark mode uses the translucent\n * `colorFillQuaternary` (white 2%), one step below `colorFillTertiary`, for a quieter raised\n * step on the workspace.\n *\n * Borders and inner dividers (table, header and cell lines, PageSkeleton, strip seams) use\n * `--lobe-fill-border` (`colorFill` in light, `colorFillSecondary` in dark; from theme.css).\n * Hover / focus / stronger edges use `--lobe-fill-border-strong` (light: `colorFill` mixed 15%\n * toward `colorText`; dark: `colorFill`).\n *\n * Anything that must hide content scrolled beneath it (table header cells, pinned and sticky\n * cells) uses `--lobe-surface-bg-solid`: the same white 2% blended onto `--lobe-surface-canvas`\n * (default `colorBgContainer`, the ConsoleShell workspace). `color-mix` in srgb with an opaque\n * base is plain alpha compositing, so it matches the translucent card. Set\n * `--lobe-surface-canvas` when a card sits on another page color.\n *\n * A Surface inside another Surface (`useSurfaceDepth() > 0`) drops its own fill so fills do not\n * stack. Row hover backgrounds keep their own mix. Layout containers (ConsoleShell, ConsoleNav,\n * FilterSidebar split divider, AuthLayout page canvas) keep their own tokens.\n *\n * Apply the card with `useSurfaceCardStyles()` / `useSurfaceCardClassName()`; plain\n * `surfaceStyles.card` is the light look. Table rules for consumer markup live in `style.css`.\n */\nexport const styles = stylex.create({\n  arrow: {\n    flex: 'none',\n    transition: 'color 150ms ease-out, transform 150ms ease-out',\n    color: {\n      default: cssVar.colorTextTertiary,\n      [stylex.when.ancestor(':hover', surfaceMarker)]: cssVar.colorText,\n    },\n    marginBlockStart: 8,\n    marginInlineStart: 'auto',\n    transform: {\n      default: null,\n      [stylex.when.ancestor(':hover', surfaceMarker)]: 'translate(1px, -1px)',\n    },\n  },\n  arrowInLink: {\n    marginBlockStart: 0,\n  },\n  arrowLink: {\n    flex: 'none',\n    alignItems: 'center',\n    color: 'inherit',\n    display: 'flex',\n  },\n  body: {\n    '--surface-pad-block': '16px',\n    '--surface-pad-inline': '16px',\n    'padding': 16,\n  },\n  card: {\n    '--lobe-surface-bg': cssVar.colorBgContainer,\n    '--lobe-surface-bg-solid': cssVar.colorBgContainer,\n    'borderColor': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    'borderRadius': cssVar.borderRadiusLG,\n    'borderStyle': 'solid',\n    'borderWidth': 1,\n    'backgroundColor': 'var(--lobe-surface-bg)',\n    'boxShadow': 'rgb(0 0 0 / 4%) 0 1px 2px 0',\n  },\n  cardDark: {\n    '--lobe-surface-bg': cssVar.colorFillQuaternary,\n    '--lobe-surface-bg-solid': `color-mix(in srgb, #fff 2%, var(--lobe-surface-canvas, ${cssVar.colorBgContainer}))`,\n  },\n  cardLinked: {\n    borderColor: {\n      'default': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n      ':focus-within': `var(--lobe-fill-border-strong, ${cssVar.colorFill})`,\n      ':hover': `var(--lobe-fill-border-strong, ${cssVar.colorFill})`,\n    },\n  },\n  cardNested: {\n    backgroundColor: 'transparent',\n  },\n  chart: {\n    minInlineSize: 0,\n  },\n  clip: {\n    overflow: 'clip',\n  },\n  content: {\n    minInlineSize: 0,\n  },\n  desc: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 400,\n    lineHeight: 1.45,\n    marginBlockStart: -4,\n  },\n  /* One fixed control row (32px, the height of a small Segmented or a default ActionIcon), so a\n     header with controls is exactly as tall as one without, and the controls sit centered with\n     8px clear above the divider. */\n  extra: {\n    flex: 'none',\n    gap: 8,\n    alignItems: 'center',\n    blockSize: 32,\n    display: 'flex',\n  },\n  header: {\n    gap: 12,\n    paddingBlock: 8,\n    paddingInline: 16,\n    alignItems: 'flex-start',\n    borderBlockEndColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minBlockSize: 48,\n  },\n  heading: {\n    minInlineSize: 0,\n  },\n  headingLink: {\n    flex: '1',\n    gap: 12,\n    textDecoration: 'none',\n    alignItems: 'flex-start',\n    color: { 'default': 'inherit', ':hover': 'inherit' },\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  loading: {\n    paddingBlockEnd: 8,\n    paddingBlockStart: 4,\n  },\n  title: {\n    overflow: 'hidden',\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 500,\n    /* The title line is the 32px control row; extra and the arrow center on it, and a\n       description adds its own line below without moving them. */\n    lineHeight: '32px',\n    minInlineSize: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport const surfaceClassNames = {\n  bleed: 'lobe-surface-bleed',\n  root: 'lobe-surface',\n  tableBleed: 'lobe-surface-table-bleed',\n};\n\nexport const surfaceStyles = {\n  card: stylex.props(styles.card).className ?? '',\n  clip: stylex.props(styles.clip).className ?? '',\n  tableBleed: surfaceClassNames.tableBleed,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,uBAAuB;EACvB,wBAAwB;EACxB,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,qBAAqB;EACrB,2BAA2B;EAC3B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,qBAAqB;EACrB,2BAA2B;EAC3B,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,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,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAa,oBAAoB;CAC/B,OAAO;CACP,MAAM;CACN,YAAY;AACd;AACA,MAAa,gBAAgB;CAC3B,MAAM,EACJ,WAAW,+EACb,EAAE,aAAa;CACf,MAAM,EACJ,WAAW,UACb,EAAE,aAAa;CACf,YAAY,kBAAkB;AAChC"}

package/es/dashboard/index.mjs

@@ -1,6 +1,4 @@
 import AuthLayoutAside from "./AuthLayout/Aside.mjs";
-import { surfaceStyles } from "./Surface/style.mjs";
-import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
 import AuthLayout from "./AuthLayout/AuthLayout.mjs";
 import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
 import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
@@ -11,6 +9,8 @@ import { useConsoleShell } from "./ConsoleShell/context.mjs";
 import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
 import ConsoleNavSkeleton, { ConsoleFooterSkeleton } from "./ConsoleNav/Skeleton.mjs";
 import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
+import { surfaceStyles } from "./Surface/style.mjs";
+import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
 import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
 import ConsoleShell from "./ConsoleShell/ConsoleShell.mjs";
 import { useInFilterSplit } from "./FilterSidebar/context.mjs";

package/es/eslint/noBaseUiSubpath.mjs

@@ -1,7 +1,8 @@
 //#region src/eslint/noBaseUiSubpath.ts
 const REPLACEMENTS = {
 	"@lobehub/ui/base-ui": "@lobehub/ui",
-	"@lobehub/ui/base-ui/form": "@lobehub/ui/form"
+	"@lobehub/ui/base-ui/form": "@lobehub/ui/form",
+	"@lobehub/ui/base-ui/pro-table": "@lobehub/ui/pro-table"
 };
 const noBaseUiSubpath = {
 	create(context) {

package/es/eslint/noBaseUiSubpath.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"noBaseUiSubpath.mjs","names":[],"sources":["../../src/eslint/noBaseUiSubpath.ts"],"sourcesContent":["import type { Rule } from 'eslint';\n\nconst REPLACEMENTS: Record<string, string> = {\n  '@lobehub/ui/base-ui': '@lobehub/ui',\n  '@lobehub/ui/base-ui/form': '@lobehub/ui/form',\n};\n\nexport const noBaseUiSubpath: Rule.RuleModule = {\n  create(context) {\n    const check = (source: any) => {\n      if (source?.type !== 'Literal' || typeof source.value !== 'string') return;\n      const replacement = REPLACEMENTS[source.value];\n      if (!replacement) return;\n      context.report({\n        fix: (fixer) => fixer.replaceText(source, `${source.raw[0]}${replacement}${source.raw[0]}`),\n        message: `\"${source.value}\" was removed. Import from \"${replacement}\" instead.`,\n        node: source,\n      });\n    };\n\n    return {\n      ExportAllDeclaration: (node) => check(node.source),\n      ExportNamedDeclaration: (node) => check(node.source),\n      ImportDeclaration: (node) => check(node.source),\n      ImportExpression: (node) => check(node.source),\n    };\n  },\n  meta: { fixable: 'code', type: 'problem' },\n};\n"],"mappings":";AAEA,MAAM,eAAuC;CAC3C,uBAAuB;CACvB,4BAA4B;AAC9B;AAEA,MAAa,kBAAmC;CAC9C,OAAO,SAAS;EACd,MAAM,SAAS,WAAgB;GAC7B,IAAI,QAAQ,SAAS,aAAa,OAAO,OAAO,UAAU,UAAU;GACpE,MAAM,cAAc,aAAa,OAAO;GACxC,IAAI,CAAC,aAAa;GAClB,QAAQ,OAAO;IACb,MAAM,UAAU,MAAM,YAAY,QAAQ,GAAG,OAAO,IAAI,KAAK,cAAc,OAAO,IAAI,IAAI;IAC1F,SAAS,IAAI,OAAO,MAAM,8BAA8B,YAAY;IACpE,MAAM;GACR,CAAC;EACH;EAEA,OAAO;GACL,uBAAuB,SAAS,MAAM,KAAK,MAAM;GACjD,yBAAyB,SAAS,MAAM,KAAK,MAAM;GACnD,oBAAoB,SAAS,MAAM,KAAK,MAAM;GAC9C,mBAAmB,SAAS,MAAM,KAAK,MAAM;EAC/C;CACF;CACA,MAAM;EAAE,SAAS;EAAQ,MAAM;CAAU;AAC3C"}
+{"version":3,"file":"noBaseUiSubpath.mjs","names":[],"sources":["../../src/eslint/noBaseUiSubpath.ts"],"sourcesContent":["import type { Rule } from 'eslint';\n\nconst REPLACEMENTS: Record<string, string> = {\n  '@lobehub/ui/base-ui': '@lobehub/ui',\n  '@lobehub/ui/base-ui/form': '@lobehub/ui/form',\n  '@lobehub/ui/base-ui/pro-table': '@lobehub/ui/pro-table',\n};\n\nexport const noBaseUiSubpath: Rule.RuleModule = {\n  create(context) {\n    const check = (source: any) => {\n      if (source?.type !== 'Literal' || typeof source.value !== 'string') return;\n      const replacement = REPLACEMENTS[source.value];\n      if (!replacement) return;\n      context.report({\n        fix: (fixer) => fixer.replaceText(source, `${source.raw[0]}${replacement}${source.raw[0]}`),\n        message: `\"${source.value}\" was removed. Import from \"${replacement}\" instead.`,\n        node: source,\n      });\n    };\n\n    return {\n      ExportAllDeclaration: (node) => check(node.source),\n      ExportNamedDeclaration: (node) => check(node.source),\n      ImportDeclaration: (node) => check(node.source),\n      ImportExpression: (node) => check(node.source),\n    };\n  },\n  meta: { fixable: 'code', type: 'problem' },\n};\n"],"mappings":";AAEA,MAAM,eAAuC;CAC3C,uBAAuB;CACvB,4BAA4B;CAC5B,iCAAiC;AACnC;AAEA,MAAa,kBAAmC;CAC9C,OAAO,SAAS;EACd,MAAM,SAAS,WAAgB;GAC7B,IAAI,QAAQ,SAAS,aAAa,OAAO,OAAO,UAAU,UAAU;GACpE,MAAM,cAAc,aAAa,OAAO;GACxC,IAAI,CAAC,aAAa;GAClB,QAAQ,OAAO;IACb,MAAM,UAAU,MAAM,YAAY,QAAQ,GAAG,OAAO,IAAI,KAAK,cAAc,OAAO,IAAI,IAAI;IAC1F,SAAS,IAAI,OAAO,MAAM,8BAA8B,YAAY;IACpE,MAAM;GACR,CAAC;EACH;EAEA,OAAO;GACL,uBAAuB,SAAS,MAAM,KAAK,MAAM;GACjD,yBAAyB,SAAS,MAAM,KAAK,MAAM;GACnD,oBAAoB,SAAS,MAAM,KAAK,MAAM;GAC9C,mBAAmB,SAAS,MAAM,KAAK,MAAM;EAC/C;CACF;CACA,MAAM;EAAE,SAAS;EAAQ,MAAM;CAAU;AAC3C"}

package/es/i18n/resources/en/colorPicker.d.mts

@@ -1,10 +1,15 @@
 //#region src/i18n/resources/en/colorPicker.d.ts
 declare const _default: {
   readonly 'colorPicker.alpha': "Alpha";
+  readonly 'colorPicker.empty': "No colour";
   readonly 'colorPicker.eyeDropper': "Pick from screen";
+  readonly 'colorPicker.format': "Colour format";
   readonly 'colorPicker.hue': "Hue";
+  readonly 'colorPicker.original': "Restore original colour";
   readonly 'colorPicker.presets': "Presets";
+  readonly 'colorPicker.recent': "Recent";
   readonly 'colorPicker.saturation': "Saturation and brightness";
+  readonly 'colorPicker.swatches': "Swatches";
   readonly 'colorPicker.trigger': "Pick colour";
 };
 //#endregion

package/es/i18n/resources/en/colorPicker.mjs

@@ -1,10 +1,15 @@
 //#region src/i18n/resources/en/colorPicker.ts
 var colorPicker_default = {
 	"colorPicker.alpha": "Alpha",
+	"colorPicker.empty": "No colour",
 	"colorPicker.eyeDropper": "Pick from screen",
+	"colorPicker.format": "Colour format",
 	"colorPicker.hue": "Hue",
+	"colorPicker.original": "Restore original colour",
 	"colorPicker.presets": "Presets",
+	"colorPicker.recent": "Recent",
 	"colorPicker.saturation": "Saturation and brightness",
+	"colorPicker.swatches": "Swatches",
 	"colorPicker.trigger": "Pick colour"
 };
 //#endregion

package/es/i18n/resources/en/colorPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.mjs","names":[],"sources":["../../../../src/i18n/resources/en/colorPicker.ts"],"sourcesContent":["export default {\n  'colorPicker.alpha': 'Alpha',\n  'colorPicker.eyeDropper': 'Pick from screen',\n  'colorPicker.hue': 'Hue',\n  'colorPicker.presets': 'Presets',\n  'colorPicker.saturation': 'Saturation and brightness',\n  'colorPicker.trigger': 'Pick colour',\n} as const;\n"],"mappings":";AAAA,IAAA,sBAAe;CACb,qBAAqB;CACrB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;AACzB"}
+{"version":3,"file":"colorPicker.mjs","names":[],"sources":["../../../../src/i18n/resources/en/colorPicker.ts"],"sourcesContent":["export default {\n  'colorPicker.alpha': 'Alpha',\n  'colorPicker.empty': 'No colour',\n  'colorPicker.eyeDropper': 'Pick from screen',\n  'colorPicker.format': 'Colour format',\n  'colorPicker.hue': 'Hue',\n  'colorPicker.original': 'Restore original colour',\n  'colorPicker.presets': 'Presets',\n  'colorPicker.recent': 'Recent',\n  'colorPicker.saturation': 'Saturation and brightness',\n  'colorPicker.swatches': 'Swatches',\n  'colorPicker.trigger': 'Pick colour',\n} as const;\n"],"mappings":";AAAA,IAAA,sBAAe;CACb,qBAAqB;CACrB,qBAAqB;CACrB,0BAA0B;CAC1B,sBAAsB;CACtB,mBAAmB;CACnB,wBAAwB;CACxB,uBAAuB;CACvB,sBAAsB;CACtB,0BAA0B;CAC1B,wBAAwB;CACxB,uBAAuB;AACzB"}

package/es/i18n/resources/en/datePicker.d.mts

@@ -1,12 +1,66 @@
 //#region src/i18n/resources/en/datePicker.d.ts
 declare const _default: {
+  readonly 'datePicker.backToToday': "Back to today";
+  readonly 'datePicker.cellDateFormat': "D";
+  readonly 'datePicker.cellQuarterFormat': "[Q]Q";
+  readonly 'datePicker.cellYearFormat': "YYYY";
+  readonly 'datePicker.clear': "Clear";
+  readonly 'datePicker.dateSelect': "select date";
+  readonly 'datePicker.decadeSelect': "Choose a decade";
   readonly 'datePicker.endPlaceholder': "End date";
+  readonly 'datePicker.fieldDateFormat': "YYYY-MM-DD";
+  readonly 'datePicker.fieldMonthFormat': "YYYY-MM";
+  readonly 'datePicker.fieldQuarterFormat': "YYYY-[Q]Q";
+  readonly 'datePicker.fieldWeekFormat': "gggg-wo";
+  readonly 'datePicker.fieldYearFormat': "YYYY";
+  readonly 'datePicker.month': "Month";
+  readonly 'datePicker.monthBeforeYear': "true";
   readonly 'datePicker.monthPlaceholder': "Select month";
+  readonly 'datePicker.monthSelect': "Choose a month";
   readonly 'datePicker.next': "Next";
+  readonly 'datePicker.nextCentury': "Next century";
+  readonly 'datePicker.nextDecade': "Next decade";
+  readonly 'datePicker.nextMonth': "Next month";
+  readonly 'datePicker.nextYear': "Next year";
+  readonly 'datePicker.now': "Now";
+  readonly 'datePicker.ok': "OK";
   readonly 'datePicker.placeholder': "Select date";
   readonly 'datePicker.previous': "Previous";
+  readonly 'datePicker.previousCentury': "Last century";
+  readonly 'datePicker.previousDecade': "Last decade";
+  readonly 'datePicker.previousMonth': "Previous month";
+  readonly 'datePicker.previousYear': "Last year";
+  readonly 'datePicker.quarterPlaceholder': "Select quarter";
+  readonly 'datePicker.rangeMonthPlaceholder.end': "End month";
+  readonly 'datePicker.rangeMonthPlaceholder.start': "Start month";
+  readonly 'datePicker.rangeQuarterPlaceholder.end': "End quarter";
+  readonly 'datePicker.rangeQuarterPlaceholder.start': "Start quarter";
+  readonly 'datePicker.rangeTimePlaceholder.end': "End time";
+  readonly 'datePicker.rangeTimePlaceholder.start': "Start time";
+  readonly 'datePicker.rangeWeekPlaceholder.end': "End week";
+  readonly 'datePicker.rangeWeekPlaceholder.start': "Start week";
+  readonly 'datePicker.rangeYearPlaceholder.end': "End year";
+  readonly 'datePicker.rangeYearPlaceholder.start': "Start year";
+  readonly 'datePicker.shortMonths': "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec";
+  readonly 'datePicker.shortWeekDays': "Su,Mo,Tu,We,Th,Fr,Sa";
   readonly 'datePicker.startPlaceholder': "Start date";
+  readonly 'datePicker.timePlaceholder': "Select time";
+  readonly 'datePicker.timeSelect': "select time";
+  readonly 'datePicker.today': "Today";
+  readonly 'datePicker.week': "Week";
+  readonly 'datePicker.weekPlaceholder': "Select week";
+  readonly 'datePicker.weekSelect': "Choose a week";
+  readonly 'datePicker.year': "Year";
+  readonly 'datePicker.yearFormat': "YYYY";
   readonly 'datePicker.yearPlaceholder': "Select year";
+  readonly 'datePicker.yearSelect': "Choose a year";
+  readonly 'datePicker.hour': "Hour";
+  readonly 'datePicker.hours': "Hours";
+  readonly 'datePicker.minute': "Minute";
+  readonly 'datePicker.minutes': "Minutes";
+  readonly 'datePicker.nextSecond': "Next second";
+  readonly 'datePicker.previousSecond': "Previous second";
+  readonly 'datePicker.seconds': "Seconds";
 };
 //#endregion
 export { _default as default };

package/es/i18n/resources/en/datePicker.mjs

@@ -1,12 +1,66 @@
 //#region src/i18n/resources/en/datePicker.ts
 var datePicker_default = {
+	"datePicker.backToToday": "Back to today",
+	"datePicker.cellDateFormat": "D",
+	"datePicker.cellQuarterFormat": "[Q]Q",
+	"datePicker.cellYearFormat": "YYYY",
+	"datePicker.clear": "Clear",
+	"datePicker.dateSelect": "select date",
+	"datePicker.decadeSelect": "Choose a decade",
 	"datePicker.endPlaceholder": "End date",
+	"datePicker.fieldDateFormat": "YYYY-MM-DD",
+	"datePicker.fieldMonthFormat": "YYYY-MM",
+	"datePicker.fieldQuarterFormat": "YYYY-[Q]Q",
+	"datePicker.fieldWeekFormat": "gggg-wo",
+	"datePicker.fieldYearFormat": "YYYY",
+	"datePicker.month": "Month",
+	"datePicker.monthBeforeYear": "true",
 	"datePicker.monthPlaceholder": "Select month",
+	"datePicker.monthSelect": "Choose a month",
 	"datePicker.next": "Next",
+	"datePicker.nextCentury": "Next century",
+	"datePicker.nextDecade": "Next decade",
+	"datePicker.nextMonth": "Next month",
+	"datePicker.nextYear": "Next year",
+	"datePicker.now": "Now",
+	"datePicker.ok": "OK",
 	"datePicker.placeholder": "Select date",
 	"datePicker.previous": "Previous",
+	"datePicker.previousCentury": "Last century",
+	"datePicker.previousDecade": "Last decade",
+	"datePicker.previousMonth": "Previous month",
+	"datePicker.previousYear": "Last year",
+	"datePicker.quarterPlaceholder": "Select quarter",
+	"datePicker.rangeMonthPlaceholder.end": "End month",
+	"datePicker.rangeMonthPlaceholder.start": "Start month",
+	"datePicker.rangeQuarterPlaceholder.end": "End quarter",
+	"datePicker.rangeQuarterPlaceholder.start": "Start quarter",
+	"datePicker.rangeTimePlaceholder.end": "End time",
+	"datePicker.rangeTimePlaceholder.start": "Start time",
+	"datePicker.rangeWeekPlaceholder.end": "End week",
+	"datePicker.rangeWeekPlaceholder.start": "Start week",
+	"datePicker.rangeYearPlaceholder.end": "End year",
+	"datePicker.rangeYearPlaceholder.start": "Start year",
+	"datePicker.shortMonths": "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec",
+	"datePicker.shortWeekDays": "Su,Mo,Tu,We,Th,Fr,Sa",
 	"datePicker.startPlaceholder": "Start date",
-	"datePicker.yearPlaceholder": "Select year"
+	"datePicker.timePlaceholder": "Select time",
+	"datePicker.timeSelect": "select time",
+	"datePicker.today": "Today",
+	"datePicker.week": "Week",
+	"datePicker.weekPlaceholder": "Select week",
+	"datePicker.weekSelect": "Choose a week",
+	"datePicker.year": "Year",
+	"datePicker.yearFormat": "YYYY",
+	"datePicker.yearPlaceholder": "Select year",
+	"datePicker.yearSelect": "Choose a year",
+	"datePicker.hour": "Hour",
+	"datePicker.hours": "Hours",
+	"datePicker.minute": "Minute",
+	"datePicker.minutes": "Minutes",
+	"datePicker.nextSecond": "Next second",
+	"datePicker.previousSecond": "Previous second",
+	"datePicker.seconds": "Seconds"
 };
 //#endregion
 export { datePicker_default as default };

package/es/i18n/resources/en/datePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.mjs","names":[],"sources":["../../../../src/i18n/resources/en/datePicker.ts"],"sourcesContent":["export default {\n  'datePicker.endPlaceholder': 'End date',\n  'datePicker.monthPlaceholder': 'Select month',\n  'datePicker.next': 'Next',\n  'datePicker.placeholder': 'Select date',\n  'datePicker.previous': 'Previous',\n  'datePicker.startPlaceholder': 'Start date',\n  'datePicker.yearPlaceholder': 'Select year',\n} as const;\n"],"mappings":";AAAA,IAAA,qBAAe;CACb,6BAA6B;CAC7B,+BAA+B;CAC/B,mBAAmB;CACnB,0BAA0B;CAC1B,uBAAuB;CACvB,+BAA+B;CAC/B,8BAA8B;AAChC"}
+{"version":3,"file":"datePicker.mjs","names":[],"sources":["../../../../src/i18n/resources/en/datePicker.ts"],"sourcesContent":["export default {\n  'datePicker.backToToday': 'Back to today',\n  'datePicker.cellDateFormat': 'D',\n  'datePicker.cellQuarterFormat': '[Q]Q',\n  'datePicker.cellYearFormat': 'YYYY',\n  'datePicker.clear': 'Clear',\n  'datePicker.dateSelect': 'select date',\n  'datePicker.decadeSelect': 'Choose a decade',\n  'datePicker.endPlaceholder': 'End date',\n  'datePicker.fieldDateFormat': 'YYYY-MM-DD',\n  'datePicker.fieldMonthFormat': 'YYYY-MM',\n  'datePicker.fieldQuarterFormat': 'YYYY-[Q]Q',\n  'datePicker.fieldWeekFormat': 'gggg-wo',\n  'datePicker.fieldYearFormat': 'YYYY',\n  'datePicker.month': 'Month',\n  'datePicker.monthBeforeYear': 'true',\n  'datePicker.monthPlaceholder': 'Select month',\n  'datePicker.monthSelect': 'Choose a month',\n  'datePicker.next': 'Next',\n  'datePicker.nextCentury': 'Next century',\n  'datePicker.nextDecade': 'Next decade',\n  'datePicker.nextMonth': 'Next month',\n  'datePicker.nextYear': 'Next year',\n  'datePicker.now': 'Now',\n  'datePicker.ok': 'OK',\n  'datePicker.placeholder': 'Select date',\n  'datePicker.previous': 'Previous',\n  'datePicker.previousCentury': 'Last century',\n  'datePicker.previousDecade': 'Last decade',\n  'datePicker.previousMonth': 'Previous month',\n  'datePicker.previousYear': 'Last year',\n  'datePicker.quarterPlaceholder': 'Select quarter',\n  'datePicker.rangeMonthPlaceholder.end': 'End month',\n  'datePicker.rangeMonthPlaceholder.start': 'Start month',\n  'datePicker.rangeQuarterPlaceholder.end': 'End quarter',\n  'datePicker.rangeQuarterPlaceholder.start': 'Start quarter',\n  'datePicker.rangeTimePlaceholder.end': 'End time',\n  'datePicker.rangeTimePlaceholder.start': 'Start time',\n  'datePicker.rangeWeekPlaceholder.end': 'End week',\n  'datePicker.rangeWeekPlaceholder.start': 'Start week',\n  'datePicker.rangeYearPlaceholder.end': 'End year',\n  'datePicker.rangeYearPlaceholder.start': 'Start year',\n  'datePicker.shortMonths': 'Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec',\n  'datePicker.shortWeekDays': 'Su,Mo,Tu,We,Th,Fr,Sa',\n  'datePicker.startPlaceholder': 'Start date',\n  'datePicker.timePlaceholder': 'Select time',\n  'datePicker.timeSelect': 'select time',\n  'datePicker.today': 'Today',\n  'datePicker.week': 'Week',\n  'datePicker.weekPlaceholder': 'Select week',\n  'datePicker.weekSelect': 'Choose a week',\n  'datePicker.year': 'Year',\n  'datePicker.yearFormat': 'YYYY',\n  'datePicker.yearPlaceholder': 'Select year',\n  'datePicker.yearSelect': 'Choose a year',\n  'datePicker.hour': 'Hour',\n  'datePicker.hours': 'Hours',\n  'datePicker.minute': 'Minute',\n  'datePicker.minutes': 'Minutes',\n  'datePicker.nextSecond': 'Next second',\n  'datePicker.previousSecond': 'Previous second',\n  'datePicker.seconds': 'Seconds',\n} as const;\n"],"mappings":";AAAA,IAAA,qBAAe;CACb,0BAA0B;CAC1B,6BAA6B;CAC7B,gCAAgC;CAChC,6BAA6B;CAC7B,oBAAoB;CACpB,yBAAyB;CACzB,2BAA2B;CAC3B,6BAA6B;CAC7B,8BAA8B;CAC9B,+BAA+B;CAC/B,iCAAiC;CACjC,8BAA8B;CAC9B,8BAA8B;CAC9B,oBAAoB;CACpB,8BAA8B;CAC9B,+BAA+B;CAC/B,0BAA0B;CAC1B,mBAAmB;CACnB,0BAA0B;CAC1B,yBAAyB;CACzB,wBAAwB;CACxB,uBAAuB;CACvB,kBAAkB;CAClB,iBAAiB;CACjB,0BAA0B;CAC1B,uBAAuB;CACvB,8BAA8B;CAC9B,6BAA6B;CAC7B,4BAA4B;CAC5B,2BAA2B;CAC3B,iCAAiC;CACjC,wCAAwC;CACxC,0CAA0C;CAC1C,0CAA0C;CAC1C,4CAA4C;CAC5C,uCAAuC;CACvC,yCAAyC;CACzC,uCAAuC;CACvC,yCAAyC;CACzC,uCAAuC;CACvC,yCAAyC;CACzC,0BAA0B;CAC1B,4BAA4B;CAC5B,+BAA+B;CAC/B,8BAA8B;CAC9B,yBAAyB;CACzB,oBAAoB;CACpB,mBAAmB;CACnB,8BAA8B;CAC9B,yBAAyB;CACzB,mBAAmB;CACnB,yBAAyB;CACzB,8BAA8B;CAC9B,yBAAyB;CACzB,mBAAmB;CACnB,oBAAoB;CACpB,qBAAqB;CACrB,sBAAsB;CACtB,yBAAyB;CACzB,6BAA6B;CAC7B,sBAAsB;AACxB"}

package/es/i18n/resources/en/index.d.mts

@@ -11,10 +11,11 @@ import _default$9 from "./image.mjs";
 import _default$10 from "./messageModal.mjs";
 import _default$11 from "./qrCode.mjs";
 import _default$12 from "./sideNav.mjs";
-import _default$13 from "./video.mjs";
+import _default$13 from "./table.mjs";
+import _default$14 from "./video.mjs";
 declare namespace index_d_exports {
-  export { _default as burger, _default$1 as chat, _default$2 as colorPicker, _default$3 as common, _default$4 as datePicker, _default$5 as editableMessage, _default$6 as emojiPicker, _default$7 as form, _default$8 as hotkey, _default$9 as image, _default$10 as messageModal, _default$11 as qrCode, _default$12 as sideNav, _default$13 as video };
+  export { _default as burger, _default$1 as chat, _default$2 as colorPicker, _default$3 as common, _default$4 as datePicker, _default$5 as editableMessage, _default$6 as emojiPicker, _default$7 as form, _default$8 as hotkey, _default$9 as image, _default$10 as messageModal, _default$11 as qrCode, _default$12 as sideNav, _default$13 as table, _default$14 as video };
 }
 //#endregion
-export { _default as burger, _default$1 as chat, _default$2 as colorPicker, _default$3 as common, _default$4 as datePicker, _default$5 as editableMessage, _default$6 as emojiPicker, _default$7 as form, _default$8 as hotkey, _default$9 as image, index_d_exports, _default$10 as messageModal, _default$11 as qrCode, _default$12 as sideNav, _default$13 as video };
+export { _default as burger, _default$1 as chat, _default$2 as colorPicker, _default$3 as common, _default$4 as datePicker, _default$5 as editableMessage, _default$6 as emojiPicker, _default$7 as form, _default$8 as hotkey, _default$9 as image, index_d_exports, _default$10 as messageModal, _default$11 as qrCode, _default$12 as sideNav, _default$13 as table, _default$14 as video };
 //# sourceMappingURL=index.d.mts.map

package/es/i18n/resources/en/index.mjs

@@ -9,6 +9,7 @@ import hotkey_default from "./hotkey.mjs";
 import image_default from "./image.mjs";
 import video_default from "./video.mjs";
 import qrCode_default from "./qrCode.mjs";
+import table_default from "./table.mjs";
 import chat_default from "./chat.mjs";
 import messageModal_default from "./messageModal.mjs";
 import editableMessage_default from "./editableMessage.mjs";
@@ -28,9 +29,10 @@ var en_exports = /* @__PURE__ */ __exportAll({
 	messageModal: () => messageModal_default,
 	qrCode: () => qrCode_default,
 	sideNav: () => sideNav_default,
+	table: () => table_default,
 	video: () => video_default
 });
 //#endregion
-export { burger_default as burger, chat_default as chat, colorPicker_default as colorPicker, common_default as common, datePicker_default as datePicker, editableMessage_default as editableMessage, emojiPicker_default as emojiPicker, en_exports, form_default as form, hotkey_default as hotkey, image_default as image, messageModal_default as messageModal, qrCode_default as qrCode, sideNav_default as sideNav, video_default as video };
+export { burger_default as burger, chat_default as chat, colorPicker_default as colorPicker, common_default as common, datePicker_default as datePicker, editableMessage_default as editableMessage, emojiPicker_default as emojiPicker, en_exports, form_default as form, hotkey_default as hotkey, image_default as image, messageModal_default as messageModal, qrCode_default as qrCode, sideNav_default as sideNav, table_default as table, video_default as video };
 
 //# sourceMappingURL=index.mjs.map

package/es/i18n/resources/en/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/i18n/resources/en/index.ts"],"sourcesContent":["export { default as burger } from './burger';\nexport { default as chat } from './chat';\nexport { default as colorPicker } from './colorPicker';\nexport { default as common } from './common';\nexport { default as datePicker } from './datePicker';\nexport { default as editableMessage } from './editableMessage';\nexport { default as emojiPicker } from './emojiPicker';\nexport { default as form } from './form';\nexport { default as hotkey } from './hotkey';\nexport { default as image } from './image';\nexport { default as messageModal } from './messageModal';\nexport { default as qrCode } from './qrCode';\nexport { default as sideNav } from './sideNav';\nexport { default as video } from './video';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/i18n/resources/en/index.ts"],"sourcesContent":["export { default as burger } from './burger';\nexport { default as chat } from './chat';\nexport { default as colorPicker } from './colorPicker';\nexport { default as common } from './common';\nexport { default as datePicker } from './datePicker';\nexport { default as editableMessage } from './editableMessage';\nexport { default as emojiPicker } from './emojiPicker';\nexport { default as form } from './form';\nexport { default as hotkey } from './hotkey';\nexport { default as image } from './image';\nexport { default as messageModal } from './messageModal';\nexport { default as qrCode } from './qrCode';\nexport { default as sideNav } from './sideNav';\nexport { default as table } from './table';\nexport { default as video } from './video';\n"],"mappings":""}

package/es/i18n/resources/en/table.d.mts

@@ -0,0 +1,23 @@
+//#region src/i18n/resources/en/table.d.ts
+declare const _default: {
+  readonly 'table.cancelSort': "Click to cancel sorting";
+  readonly 'table.collapse': "Collapse row";
+  readonly 'table.emptyText': "No data";
+  readonly 'table.expand': "Expand row";
+  readonly 'table.filterCheckAll': "Select all items";
+  readonly 'table.filterConfirm': "OK";
+  readonly 'table.filterEmptyText': "No filters";
+  readonly 'table.filterReset': "Reset";
+  readonly 'table.filterSearchPlaceholder': "Search in filters";
+  readonly 'table.filterTitle': "Filter menu";
+  readonly 'table.selectAll': "Select current page";
+  readonly 'table.selectInvert': "Invert current page";
+  readonly 'table.selectNone': "Clear all data";
+  readonly 'table.selectionAll': "Select all data";
+  readonly 'table.sortTitle': "Sort";
+  readonly 'table.triggerAsc': "Click to sort ascending";
+  readonly 'table.triggerDesc': "Click to sort descending";
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=table.d.mts.map

package/es/i18n/resources/en/table.mjs

@@ -0,0 +1,24 @@
+//#region src/i18n/resources/en/table.ts
+var table_default = {
+	"table.cancelSort": "Click to cancel sorting",
+	"table.collapse": "Collapse row",
+	"table.emptyText": "No data",
+	"table.expand": "Expand row",
+	"table.filterCheckAll": "Select all items",
+	"table.filterConfirm": "OK",
+	"table.filterEmptyText": "No filters",
+	"table.filterReset": "Reset",
+	"table.filterSearchPlaceholder": "Search in filters",
+	"table.filterTitle": "Filter menu",
+	"table.selectAll": "Select current page",
+	"table.selectInvert": "Invert current page",
+	"table.selectNone": "Clear all data",
+	"table.selectionAll": "Select all data",
+	"table.sortTitle": "Sort",
+	"table.triggerAsc": "Click to sort ascending",
+	"table.triggerDesc": "Click to sort descending"
+};
+//#endregion
+export { table_default as default };
+
+//# sourceMappingURL=table.mjs.map

package/es/i18n/resources/en/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/i18n/resources/en/table.ts"],"sourcesContent":["export default {\n  'table.cancelSort': 'Click to cancel sorting',\n  'table.collapse': 'Collapse row',\n  'table.emptyText': 'No data',\n  'table.expand': 'Expand row',\n  'table.filterCheckAll': 'Select all items',\n  'table.filterConfirm': 'OK',\n  'table.filterEmptyText': 'No filters',\n  'table.filterReset': 'Reset',\n  'table.filterSearchPlaceholder': 'Search in filters',\n  'table.filterTitle': 'Filter menu',\n  'table.selectAll': 'Select current page',\n  'table.selectInvert': 'Invert current page',\n  'table.selectNone': 'Clear all data',\n  'table.selectionAll': 'Select all data',\n  'table.sortTitle': 'Sort',\n  'table.triggerAsc': 'Click to sort ascending',\n  'table.triggerDesc': 'Click to sort descending',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,oBAAoB;CACpB,kBAAkB;CAClB,mBAAmB;CACnB,gBAAgB;CAChB,wBAAwB;CACxB,uBAAuB;CACvB,yBAAyB;CACzB,qBAAqB;CACrB,iCAAiC;CACjC,qBAAqB;CACrB,mBAAmB;CACnB,sBAAsB;CACtB,oBAAoB;CACpB,sBAAsB;CACtB,mBAAmB;CACnB,oBAAoB;CACpB,qBAAqB;AACvB"}

package/es/i18n/resources/zhCn/colorPicker.d.mts

@@ -1,10 +1,15 @@
 //#region src/i18n/resources/zhCn/colorPicker.d.ts
 declare const _default: {
   readonly 'colorPicker.alpha': "透明度";
+  readonly 'colorPicker.empty': "无颜色";
   readonly 'colorPicker.eyeDropper': "从屏幕取色";
+  readonly 'colorPicker.format': "颜色格式";
   readonly 'colorPicker.hue': "色相";
+  readonly 'colorPicker.original': "恢复原来的颜色";
   readonly 'colorPicker.presets': "预设";
+  readonly 'colorPicker.recent': "最近使用";
   readonly 'colorPicker.saturation': "饱和度与亮度";
+  readonly 'colorPicker.swatches': "色板";
   readonly 'colorPicker.trigger': "选择颜色";
 };
 //#endregion

package/es/i18n/resources/zhCn/colorPicker.mjs

@@ -1,10 +1,15 @@
 //#region src/i18n/resources/zhCn/colorPicker.ts
 var colorPicker_default = {
 	"colorPicker.alpha": "透明度",
+	"colorPicker.empty": "无颜色",
 	"colorPicker.eyeDropper": "从屏幕取色",
+	"colorPicker.format": "颜色格式",
 	"colorPicker.hue": "色相",
+	"colorPicker.original": "恢复原来的颜色",
 	"colorPicker.presets": "预设",
+	"colorPicker.recent": "最近使用",
 	"colorPicker.saturation": "饱和度与亮度",
+	"colorPicker.swatches": "色板",
 	"colorPicker.trigger": "选择颜色"
 };
 //#endregion

package/es/i18n/resources/zhCn/colorPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/colorPicker.ts"],"sourcesContent":["export default {\n  'colorPicker.alpha': '透明度',\n  'colorPicker.eyeDropper': '从屏幕取色',\n  'colorPicker.hue': '色相',\n  'colorPicker.presets': '预设',\n  'colorPicker.saturation': '饱和度与亮度',\n  'colorPicker.trigger': '选择颜色',\n} as const;\n"],"mappings":";AAAA,IAAA,sBAAe;CACb,qBAAqB;CACrB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;AACzB"}
+{"version":3,"file":"colorPicker.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/colorPicker.ts"],"sourcesContent":["export default {\n  'colorPicker.alpha': '透明度',\n  'colorPicker.empty': '无颜色',\n  'colorPicker.eyeDropper': '从屏幕取色',\n  'colorPicker.format': '颜色格式',\n  'colorPicker.hue': '色相',\n  'colorPicker.original': '恢复原来的颜色',\n  'colorPicker.presets': '预设',\n  'colorPicker.recent': '最近使用',\n  'colorPicker.saturation': '饱和度与亮度',\n  'colorPicker.swatches': '色板',\n  'colorPicker.trigger': '选择颜色',\n} as const;\n"],"mappings":";AAAA,IAAA,sBAAe;CACb,qBAAqB;CACrB,qBAAqB;CACrB,0BAA0B;CAC1B,sBAAsB;CACtB,mBAAmB;CACnB,wBAAwB;CACxB,uBAAuB;CACvB,sBAAsB;CACtB,0BAA0B;CAC1B,wBAAwB;CACxB,uBAAuB;AACzB"}