@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/dashboard/index.d.mts

@@ -1,12 +1,21 @@
-import { AuthLayoutProps } from "./AuthLayout/type.mjs";
+import { AuthLayoutAsideProps, AuthLayoutBackground, AuthLayoutProps, AuthLayoutVariant } from "./AuthLayout/type.mjs";
+import AuthLayoutAside from "./AuthLayout/Aside.mjs";
 import AuthLayout from "./AuthLayout/AuthLayout.mjs";
 import "./AuthLayout/index.mjs";
+import { AuthLocaleOption, AuthLocaleSwitchProps, AuthThemeMode, AuthThemeSwitchProps } from "./AuthTools/type.mjs";
+import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
+import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
+import "./AuthTools/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 { ChartGridProps } from "./ChartGrid/type.mjs";
+import ChartGrid from "./ChartGrid/ChartGrid.mjs";
+import "./ChartGrid/index.mjs";
+import { ConsoleNavGroup, ConsoleNavItem, ConsoleNavProps, ConsoleNavSkeletonProps } from "./ConsoleNav/type.mjs";
 import { resolveActiveHref } from "./ConsoleNav/active.mjs";
 import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
+import ConsoleNavSkeleton, { ConsoleFooterSkeleton } from "./ConsoleNav/Skeleton.mjs";
 import "./ConsoleNav/index.mjs";
 import { ConsoleBrandProps, ConsoleShellProps, ConsoleShellState } from "./ConsoleShell/type.mjs";
 import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
@@ -17,6 +26,16 @@ 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 { FilterStripItem, FilterStripProps } from "./FilterStrip/type.mjs";
+import FilterStrip, { formatInteger } from "./FilterStrip/FilterStrip.mjs";
+import "./FilterStrip/index.mjs";
+import { LabelWithKeyProps } from "./LabelWithKey/type.mjs";
+import LabelWithKey from "./LabelWithKey/LabelWithKey.mjs";
+import "./LabelWithKey/index.mjs";
+import { SurfaceLinkProps, SurfaceProps, SurfaceRenderLink } from "./Surface/type.mjs";
+import { MetricItem, MetricStripProps } from "./MetricStrip/type.mjs";
+import MetricStrip from "./MetricStrip/MetricStrip.mjs";
+import "./MetricStrip/index.mjs";
 import { PageHeaderProps } from "./PageHeader/type.mjs";
 import PageHeader from "./PageHeader/PageHeader.mjs";
 import "./PageHeader/index.mjs";
@@ -25,13 +44,28 @@ import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, Ta
 import { PageTab, PageTabsProps } from "./PageTabs/type.mjs";
 import PageTabs from "./PageTabs/PageTabs.mjs";
 import "./PageTabs/index.mjs";
+import { PageToolbarProps } from "./PageToolbar/type.mjs";
+import PageToolbar from "./PageToolbar/PageToolbar.mjs";
+import "./PageToolbar/index.mjs";
+import { PanelSurfaceProps } from "./PanelSurface/type.mjs";
+import PanelSurface from "./PanelSurface/PanelSurface.mjs";
+import "./PanelSurface/index.mjs";
 import { RouteProgressProps } from "./RouteProgress/type.mjs";
 import RouteProgress from "./RouteProgress/RouteProgress.mjs";
+import { SectionProps } from "./Section/type.mjs";
+import Section from "./Section/Section.mjs";
+import "./Section/index.mjs";
 import { StatCardProps, StatDirection } from "./StatCard/type.mjs";
 import StatCard from "./StatCard/StatCard.mjs";
 import "./StatCard/index.mjs";
+import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
 import { surfaceStyles } 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, surfaceStyles, useConsoleShell, useInFilterSplit };
+import { TableIconActionProps, TableIconActionsProps } from "./TableIconActions/type.mjs";
+import TableIconActions, { TableIconAction, tableActionColumnWidth } from "./TableIconActions/TableIconActions.mjs";
+import "./TableIconActions/index.mjs";
+import { TitleWithTipsProps } from "./TitleWithTips/type.mjs";
+import TitleWithTips from "./TitleWithTips/TitleWithTips.mjs";
+import "./TitleWithTips/index.mjs";
+export { AuthLayout, AuthLayoutAside, type AuthLayoutAsideProps, type AuthLayoutBackground, type AuthLayoutProps, type AuthLayoutVariant, type AuthLocaleOption, AuthLocaleSwitch, type AuthLocaleSwitchProps, type AuthThemeMode, AuthThemeSwitch, type AuthThemeSwitchProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, ChartGrid, type ChartGridProps, ConsoleBrand, type ConsoleBrandProps, ConsoleFooterSkeleton, ConsoleNav, type ConsoleNavGroup, type ConsoleNavItem, type ConsoleNavProps, ConsoleNavSkeleton, type ConsoleNavSkeletonProps, ConsoleShell, type ConsoleShellProps, type ConsoleShellState, FilterOption, type FilterOptionProps, FilterRow, type FilterRowProps, FilterSidebar, type FilterSidebarProps, FilterStrip, type FilterStripItem, type FilterStripProps, LabelWithKey, type LabelWithKeyProps, LoadingAnnouncer, type MetricItem, MetricStrip, type MetricStripProps, PageHeader, type PageHeaderProps, PageHeaderSkeleton, PageLoading, type PageLoadingProps, type PageTab, PageTabs, type PageTabsProps, PageToolbar, type PageToolbarProps, PanelSurface, type PanelSurfaceProps, RouteProgress, type RouteProgressProps, Section, type SectionProps, StatCard, type StatCardProps, StatCardSkeleton, type StatDirection, Surface, type SurfaceLinkProps, SurfaceLinkProvider, type SurfaceProps, type SurfaceRenderLink, TableIconAction, type TableIconActionProps, TableIconActions, type TableIconActionsProps, TableSkeleton, TitleWithTips, type TitleWithTipsProps, formatInteger, resolveActiveHref, surfaceStyles, tableActionColumnWidth, useConsoleShell, useInFilterSplit, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink };

package/es/dashboard/index.mjs

@@ -1,17 +1,31 @@
-import { surfaceStyles } from "./Surface/style.mjs";
+import AuthLayoutAside from "./AuthLayout/Aside.mjs";
 import AuthLayout from "./AuthLayout/AuthLayout.mjs";
+import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
+import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
 import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
+import ChartGrid from "./ChartGrid/ChartGrid.mjs";
 import { resolveActiveHref } from "./ConsoleNav/active.mjs";
 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";
 import FilterSidebar, { FilterOption, FilterRow } from "./FilterSidebar/FilterSidebar.mjs";
+import Surface from "./Surface/Surface.mjs";
+import FilterStrip, { formatInteger } from "./FilterStrip/FilterStrip.mjs";
+import LabelWithKey from "./LabelWithKey/LabelWithKey.mjs";
+import MetricStrip from "./MetricStrip/MetricStrip.mjs";
 import PageHeader from "./PageHeader/PageHeader.mjs";
-import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
 import PageTabs from "./PageTabs/PageTabs.mjs";
+import PageToolbar from "./PageToolbar/PageToolbar.mjs";
+import PanelSurface from "./PanelSurface/PanelSurface.mjs";
 import RouteProgress from "./RouteProgress/RouteProgress.mjs";
+import Section from "./Section/Section.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, surfaceStyles, useConsoleShell, useInFilterSplit };
+import TableIconActions, { TableIconAction, tableActionColumnWidth } from "./TableIconActions/TableIconActions.mjs";
+import TitleWithTips from "./TitleWithTips/TitleWithTips.mjs";
+export { AuthLayout, AuthLayoutAside, AuthLocaleSwitch, AuthThemeSwitch, Breadcrumb, ChartGrid, ConsoleBrand, ConsoleFooterSkeleton, ConsoleNav, ConsoleNavSkeleton, ConsoleShell, FilterOption, FilterRow, FilterSidebar, FilterStrip, LabelWithKey, LoadingAnnouncer, MetricStrip, PageHeader, PageHeaderSkeleton, PageLoading, PageTabs, PageToolbar, PanelSurface, RouteProgress, Section, StatCard, StatCardSkeleton, Surface, SurfaceLinkProvider, TableIconAction, TableIconActions, TableSkeleton, TitleWithTips, formatInteger, resolveActiveHref, surfaceStyles, tableActionColumnWidth, useConsoleShell, useInFilterSplit, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink };

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/hooks/useControlledState.mjs

@@ -0,0 +1,20 @@
+import { useEventCallback } from "./useEventCallback.mjs";
+import { useState } from "react";
+//#region src/hooks/useControlledState.ts
+const resolveInitial = (initial) => typeof initial === "function" ? initial() : initial;
+const useControlledState = (defaultStateValue, { defaultValue, onChange, value } = {}) => {
+	const [innerValue, setInnerValue] = useState(() => {
+		if (value !== void 0) return value;
+		if (defaultValue !== void 0) return resolveInitial(defaultValue);
+		return resolveInitial(defaultStateValue);
+	});
+	const mergedValue = value === void 0 ? innerValue : value;
+	return [mergedValue, useEventCallback((next) => {
+		setInnerValue(next);
+		if (mergedValue !== next) onChange?.(next, mergedValue);
+	})];
+};
+//#endregion
+export { useControlledState };
+
+//# sourceMappingURL=useControlledState.mjs.map

package/es/hooks/useControlledState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.mjs","names":[],"sources":["../../src/hooks/useControlledState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useEventCallback } from './useEventCallback';\n\ntype Initial<T> = T | (() => T);\n\nexport interface ControlledStateOptions<T> {\n  defaultValue?: Initial<T>;\n  onChange?: (value: T, prevValue: T) => void;\n  value?: T;\n}\n\nconst resolveInitial = <T>(initial: Initial<T>): T =>\n  typeof initial === 'function' ? (initial as () => T)() : initial;\n\nexport const useControlledState = <T>(\n  defaultStateValue: Initial<T>,\n  { defaultValue, onChange, value }: ControlledStateOptions<T> = {},\n): [T, (next: T) => void] => {\n  const [innerValue, setInnerValue] = useState<T>(() => {\n    if (value !== undefined) return value;\n    if (defaultValue !== undefined) return resolveInitial(defaultValue);\n    return resolveInitial(defaultStateValue);\n  });\n\n  const mergedValue = value === undefined ? innerValue : value;\n\n  const setValue = useEventCallback((next: T) => {\n    setInnerValue(next);\n    if (mergedValue !== next) onChange?.(next, mergedValue);\n  });\n\n  return [mergedValue, setValue];\n};\n"],"mappings":";;;AAYA,MAAM,kBAAqB,YACzB,OAAO,YAAY,aAAc,QAAoB,IAAI;AAE3D,MAAa,sBACX,mBACA,EAAE,cAAc,UAAU,UAAqC,CAAC,MACrC;CAC3B,MAAM,CAAC,YAAY,iBAAiB,eAAkB;EACpD,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,iBAAiB,KAAA,GAAW,OAAO,eAAe,YAAY;EAClE,OAAO,eAAe,iBAAiB;CACzC,CAAC;CAED,MAAM,cAAc,UAAU,KAAA,IAAY,aAAa;CAOvD,OAAO,CAAC,aALS,kBAAkB,SAAY;EAC7C,cAAc,IAAI;EAClB,IAAI,gBAAgB,MAAM,WAAW,MAAM,WAAW;CACxD,CAE4B,CAAC;AAC/B"}

package/es/hooks/useHighlight.mjs

@@ -1,9 +1,9 @@
 "use client";
 import lobe_theme_default from "../Highlighter/theme/lobe-theme.mjs";
 import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
+import { hashString } from "../utils/hashString.mjs";
 import { useEffect, useMemo, useState } from "react";
 import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from "@shikijs/transformers";
-import { Md5 } from "ts-md5";
 //#region src/hooks/useHighlight.ts
 const MD5_LENGTH_THRESHOLD = 1e4;
 const highlightCache = /* @__PURE__ */ new Map();
@@ -46,7 +46,7 @@ const useHighlight = (text, { language, enableTransformer, theme: builtinTheme,
 	}, [enableTransformer]);
 	const cacheKey = useMemo(() => {
 		if (streaming) return null;
-		const hash = safeText.length < 1e4 ? safeText : Md5.hashStr(safeText);
+		const hash = safeText.length < 1e4 ? safeText : `${safeText.length}:${hashString(safeText)}`;
 		return [
 			matchedLanguage,
 			builtinTheme,

package/es/hooks/useHighlight.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHighlight.mjs","names":["lobeTheme"],"sources":["../../src/hooks/useHighlight.ts"],"sourcesContent":["'use client';\n\nimport {\n  transformerNotationDiff,\n  transformerNotationErrorLevel,\n  transformerNotationFocus,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n} from '@shikijs/transformers';\nimport { type CSSProperties, useEffect, useMemo, useState } from 'react';\nimport type { BuiltinTheme, CodeToHastOptions, ThemedToken } from 'shiki';\nimport { Md5 } from 'ts-md5';\n\nimport { getCodeLanguageByInput } from '@/Highlighter/const';\nimport lobeTheme from '@/Highlighter/theme/lobe-theme';\n\n// Application-level cache to avoid repeated calculations\nexport const MD5_LENGTH_THRESHOLD = 10_000; // Use async MD5 for text exceeding this length\n\nexport type StreamingHighlightResult = {\n  lines: ThemedToken[][];\n  preStyle?: CSSProperties;\n};\n\n// Application-level cache for highlighted HTML\n// Key: cacheKey string, Value: Promise<string>\nconst highlightCache = new Map<string, Promise<string>>();\n\n// Maximum cache size to prevent memory leaks\nconst MAX_CACHE_SIZE = 1000;\n\n// Clean up old cache entries when limit is reached\nconst cleanupCache = () => {\n  if (highlightCache.size > MAX_CACHE_SIZE) {\n    // Remove oldest 20% of entries\n    const entriesToRemove = Math.floor(MAX_CACHE_SIZE * 0.2);\n    const keysToRemove = Array.from(highlightCache.keys()).slice(0, entriesToRemove);\n    for (const key of keysToRemove) {\n      highlightCache.delete(key);\n    }\n  }\n};\n\nexport type ICodeToHtml = (code: string, options: CodeToHastOptions) => Promise<string>;\nexport type ShikiModule = typeof import('shiki');\n\n// Use codeToHtml shorthand for better performance\n// It automatically manages highlighter instances and loads themes/languages on-demand\nlet codeToHtmlPromise: Promise<ICodeToHtml | null> | null = null;\n\nconst loadCodeToHtml = (): Promise<ICodeToHtml | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n\n  if (!codeToHtmlPromise) {\n    codeToHtmlPromise = import('shiki').then((mod) => mod.codeToHtml ?? null);\n  }\n\n  return codeToHtmlPromise;\n};\n\n// Export shikiModulePromise for useStreamHighlight compatibility\nconst loadShikiModule = (): Promise<ShikiModule | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n  return import('shiki');\n};\nexport const shikiModulePromise = loadShikiModule();\n\n// Helper function: Safe HTML escaping\nexport const escapeHtml = (str: string): string => {\n  return str\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#039;');\n};\n\n// Main highlight component - optimized version without SWR\nconst customThemes = {\n  'lobe-theme': lobeTheme,\n};\n\nexport const useHighlight = (\n  text: string,\n  {\n    language,\n    enableTransformer,\n    theme: builtinTheme,\n    streaming,\n  }: { enableTransformer?: boolean; language: string; streaming?: boolean; theme?: BuiltinTheme },\n): string => {\n  // Safely handle language and text with boundary checks\n  const safeText = text ?? '';\n  const lang = (language ?? 'plaintext').toLowerCase();\n\n  // Match supported languages\n  const matchedLanguage = useMemo(() => getCodeLanguageByInput(lang), [lang]);\n\n  // Optimize transformer creation\n  const transformers = useMemo(() => {\n    if (!enableTransformer) return;\n    return [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationFocus(),\n      transformerNotationErrorLevel(),\n    ];\n  }, [enableTransformer]);\n\n  // Build cache key\n  const cacheKey = useMemo((): string | null => {\n    if (streaming) return null;\n    // Use hash for long text\n    const hash = safeText.length < MD5_LENGTH_THRESHOLD ? safeText : Md5.hashStr(safeText);\n    return [matchedLanguage, builtinTheme, hash].filter(Boolean).join('-');\n  }, [safeText, matchedLanguage, builtinTheme, streaming]);\n\n  const [data, setData] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (!cacheKey) {\n      setData(undefined);\n      return;\n    }\n\n    // Check cache first\n    const cachedPromise = highlightCache.get(cacheKey);\n    if (cachedPromise) {\n      cachedPromise\n        .then((html) => {\n          setData(html);\n        })\n        .catch(() => {\n          // Silently handle errors, fallback will be handled in the promise\n        });\n      return;\n    }\n\n    // Create new promise for highlighting\n    // Using codeToHtml shorthand: automatically loads themes/languages on-demand\n    const highlightPromise = (async (): Promise<string> => {\n      try {\n        // Try full rendering with transformers\n        const shikiModule = await shikiModulePromise;\n        if (!shikiModule) return safeText;\n\n        const effectiveTheme = builtinTheme || 'lobe-theme';\n\n        // Load custom theme if using slack-dark or slack-ochin\n        if (!builtinTheme && effectiveTheme === 'lobe-theme') {\n          const customTheme = customThemes[effectiveTheme];\n          if (customTheme) {\n            // Use getSingletonHighlighter to load custom theme\n            const highlighter = await shikiModule.getSingletonHighlighter({\n              langs: [matchedLanguage],\n              themes: [customTheme as any],\n            });\n\n            const html = await highlighter.codeToHtml(safeText, {\n              lang: matchedLanguage,\n              theme: effectiveTheme,\n              transformers,\n            });\n\n            return html;\n          }\n        }\n\n        // Fallback to codeToHtml for builtin themes\n        const codeToHtml = await loadCodeToHtml();\n        if (!codeToHtml) return safeText;\n\n        const html = await codeToHtml(safeText, {\n          lang: matchedLanguage,\n          theme: effectiveTheme,\n          transformers,\n        });\n\n        return html;\n      } catch (error_) {\n        console.error('Advanced rendering failed:', error_);\n\n        try {\n          // Try simple rendering (without transformers)\n          const codeToHtml = await loadCodeToHtml();\n          if (!codeToHtml) return safeText;\n          const html = await codeToHtml(safeText, {\n            lang: matchedLanguage,\n            theme: 'lobe-theme',\n          });\n          return html;\n        } catch {\n          // Fallback to plain text\n          const fallbackHtml = `<pre class=\"fallback\"><code>${escapeHtml(safeText)}</code></pre>`;\n          return fallbackHtml;\n        }\n      }\n    })();\n\n    // Cache the promise\n    highlightCache.set(cacheKey, highlightPromise);\n    cleanupCache();\n\n    // Handle promise result\n    highlightPromise\n      .then((html) => {\n        // Only update if this is still the current cache key\n        if (highlightCache.get(cacheKey) === highlightPromise) {\n          setData(html);\n        }\n      })\n      .catch(() => {\n        // Remove failed promise from cache\n        if (highlightCache.get(cacheKey) === highlightPromise) {\n          highlightCache.delete(cacheKey);\n        }\n      });\n  }, [cacheKey, safeText, matchedLanguage, builtinTheme, transformers, customThemes]);\n\n  return data || '';\n};\n"],"mappings":"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"}
+{"version":3,"file":"useHighlight.mjs","names":["lobeTheme"],"sources":["../../src/hooks/useHighlight.ts"],"sourcesContent":["'use client';\n\nimport {\n  transformerNotationDiff,\n  transformerNotationErrorLevel,\n  transformerNotationFocus,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n} from '@shikijs/transformers';\nimport { type CSSProperties, useEffect, useMemo, useState } from 'react';\nimport type { BuiltinTheme, CodeToHastOptions, ThemedToken } from 'shiki';\n\nimport { getCodeLanguageByInput } from '@/Highlighter/const';\nimport lobeTheme from '@/Highlighter/theme/lobe-theme';\nimport { hashString } from '@/utils/hashString';\n\n// Application-level cache to avoid repeated calculations\nexport const MD5_LENGTH_THRESHOLD = 10_000;\n\nexport type StreamingHighlightResult = {\n  lines: ThemedToken[][];\n  preStyle?: CSSProperties;\n};\n\n// Application-level cache for highlighted HTML\n// Key: cacheKey string, Value: Promise<string>\nconst highlightCache = new Map<string, Promise<string>>();\n\n// Maximum cache size to prevent memory leaks\nconst MAX_CACHE_SIZE = 1000;\n\n// Clean up old cache entries when limit is reached\nconst cleanupCache = () => {\n  if (highlightCache.size > MAX_CACHE_SIZE) {\n    // Remove oldest 20% of entries\n    const entriesToRemove = Math.floor(MAX_CACHE_SIZE * 0.2);\n    const keysToRemove = Array.from(highlightCache.keys()).slice(0, entriesToRemove);\n    for (const key of keysToRemove) {\n      highlightCache.delete(key);\n    }\n  }\n};\n\nexport type ICodeToHtml = (code: string, options: CodeToHastOptions) => Promise<string>;\nexport type ShikiModule = typeof import('shiki');\n\n// Use codeToHtml shorthand for better performance\n// It automatically manages highlighter instances and loads themes/languages on-demand\nlet codeToHtmlPromise: Promise<ICodeToHtml | null> | null = null;\n\nconst loadCodeToHtml = (): Promise<ICodeToHtml | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n\n  if (!codeToHtmlPromise) {\n    codeToHtmlPromise = import('shiki').then((mod) => mod.codeToHtml ?? null);\n  }\n\n  return codeToHtmlPromise;\n};\n\n// Export shikiModulePromise for useStreamHighlight compatibility\nconst loadShikiModule = (): Promise<ShikiModule | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n  return import('shiki');\n};\nexport const shikiModulePromise = loadShikiModule();\n\n// Helper function: Safe HTML escaping\nexport const escapeHtml = (str: string): string => {\n  return str\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#039;');\n};\n\n// Main highlight component - optimized version without SWR\nconst customThemes = {\n  'lobe-theme': lobeTheme,\n};\n\nexport const useHighlight = (\n  text: string,\n  {\n    language,\n    enableTransformer,\n    theme: builtinTheme,\n    streaming,\n  }: { enableTransformer?: boolean; language: string; streaming?: boolean; theme?: BuiltinTheme },\n): string => {\n  // Safely handle language and text with boundary checks\n  const safeText = text ?? '';\n  const lang = (language ?? 'plaintext').toLowerCase();\n\n  // Match supported languages\n  const matchedLanguage = useMemo(() => getCodeLanguageByInput(lang), [lang]);\n\n  // Optimize transformer creation\n  const transformers = useMemo(() => {\n    if (!enableTransformer) return;\n    return [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationFocus(),\n      transformerNotationErrorLevel(),\n    ];\n  }, [enableTransformer]);\n\n  // Build cache key\n  const cacheKey = useMemo((): string | null => {\n    if (streaming) return null;\n    // Use hash for long text\n    const hash =\n      safeText.length < MD5_LENGTH_THRESHOLD\n        ? safeText\n        : `${safeText.length}:${hashString(safeText)}`;\n    return [matchedLanguage, builtinTheme, hash].filter(Boolean).join('-');\n  }, [safeText, matchedLanguage, builtinTheme, streaming]);\n\n  const [data, setData] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (!cacheKey) {\n      setData(undefined);\n      return;\n    }\n\n    // Check cache first\n    const cachedPromise = highlightCache.get(cacheKey);\n    if (cachedPromise) {\n      cachedPromise\n        .then((html) => {\n          setData(html);\n        })\n        .catch(() => {\n          // Silently handle errors, fallback will be handled in the promise\n        });\n      return;\n    }\n\n    // Create new promise for highlighting\n    // Using codeToHtml shorthand: automatically loads themes/languages on-demand\n    const highlightPromise = (async (): Promise<string> => {\n      try {\n        // Try full rendering with transformers\n        const shikiModule = await shikiModulePromise;\n        if (!shikiModule) return safeText;\n\n        const effectiveTheme = builtinTheme || 'lobe-theme';\n\n        // Load custom theme if using slack-dark or slack-ochin\n        if (!builtinTheme && effectiveTheme === 'lobe-theme') {\n          const customTheme = customThemes[effectiveTheme];\n          if (customTheme) {\n            // Use getSingletonHighlighter to load custom theme\n            const highlighter = await shikiModule.getSingletonHighlighter({\n              langs: [matchedLanguage],\n              themes: [customTheme as any],\n            });\n\n            const html = await highlighter.codeToHtml(safeText, {\n              lang: matchedLanguage,\n              theme: effectiveTheme,\n              transformers,\n            });\n\n            return html;\n          }\n        }\n\n        // Fallback to codeToHtml for builtin themes\n        const codeToHtml = await loadCodeToHtml();\n        if (!codeToHtml) return safeText;\n\n        const html = await codeToHtml(safeText, {\n          lang: matchedLanguage,\n          theme: effectiveTheme,\n          transformers,\n        });\n\n        return html;\n      } catch (error_) {\n        console.error('Advanced rendering failed:', error_);\n\n        try {\n          // Try simple rendering (without transformers)\n          const codeToHtml = await loadCodeToHtml();\n          if (!codeToHtml) return safeText;\n          const html = await codeToHtml(safeText, {\n            lang: matchedLanguage,\n            theme: 'lobe-theme',\n          });\n          return html;\n        } catch {\n          // Fallback to plain text\n          const fallbackHtml = `<pre class=\"fallback\"><code>${escapeHtml(safeText)}</code></pre>`;\n          return fallbackHtml;\n        }\n      }\n    })();\n\n    // Cache the promise\n    highlightCache.set(cacheKey, highlightPromise);\n    cleanupCache();\n\n    // Handle promise result\n    highlightPromise\n      .then((html) => {\n        // Only update if this is still the current cache key\n        if (highlightCache.get(cacheKey) === highlightPromise) {\n          setData(html);\n        }\n      })\n      .catch(() => {\n        // Remove failed promise from cache\n        if (highlightCache.get(cacheKey) === highlightPromise) {\n          highlightCache.delete(cacheKey);\n        }\n      });\n  }, [cacheKey, safeText, matchedLanguage, builtinTheme, transformers, customThemes]);\n\n  return data || '';\n};\n"],"mappings":"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"}

package/es/hooks/useHover.mjs

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/useHover.ts
+const useHover = (ref) => {
+	const [hovering, setHovering] = useState(false);
+	useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		const enter = () => setHovering(true);
+		const leave = () => setHovering(false);
+		element.addEventListener("mouseenter", enter);
+		element.addEventListener("mouseleave", leave);
+		return () => {
+			element.removeEventListener("mouseenter", enter);
+			element.removeEventListener("mouseleave", leave);
+		};
+	}, [ref]);
+	return hovering;
+};
+//#endregion
+export { useHover };
+
+//# sourceMappingURL=useHover.mjs.map

package/es/hooks/useHover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.mjs","names":[],"sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nexport const useHover = (ref: RefObject<Element | null>): boolean => {\n  const [hovering, setHovering] = useState(false);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    const enter = () => setHovering(true);\n    const leave = () => setHovering(false);\n    element.addEventListener('mouseenter', enter);\n    element.addEventListener('mouseleave', leave);\n    return () => {\n      element.removeEventListener('mouseenter', enter);\n      element.removeEventListener('mouseleave', leave);\n    };\n  }, [ref]);\n\n  return hovering;\n};\n"],"mappings":";;AAEA,MAAa,YAAY,QAA4C;CACnE,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SAAS;EACd,MAAM,cAAc,YAAY,IAAI;EACpC,MAAM,cAAc,YAAY,KAAK;EACrC,QAAQ,iBAAiB,cAAc,KAAK;EAC5C,QAAQ,iBAAiB,cAAc,KAAK;EAC5C,aAAa;GACX,QAAQ,oBAAoB,cAAc,KAAK;GAC/C,QAAQ,oBAAoB,cAAc,KAAK;EACjD;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO;AACT"}

package/es/hooks/useMarkdown/utils.d.mts

@@ -9,4 +9,5 @@ interface PreprocessOptions {
 }
 export declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 //#endregion
+export {};
 //# sourceMappingURL=utils.d.mts.map

package/es/hooks/useScroll.d.mts

@@ -0,0 +1,8 @@
+//#region src/hooks/useScroll.d.ts
+type ScrollTargetValue = Element | Document | null | undefined;
+export type ScrollTarget = ScrollTargetValue | (() => ScrollTargetValue) | {
+  current: ScrollTargetValue;
+};
+//#endregion
+export {};
+//# sourceMappingURL=useScroll.d.mts.map

package/es/hooks/useScroll.mjs

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/useScroll.ts
+const resolveTarget = (target) => {
+	if (typeof target === "function") return target();
+	if (target && "current" in target) return target.current;
+	return target;
+};
+const readPosition = (element) => {
+	const scroller = element instanceof Document ? element.scrollingElement ?? element.documentElement : element;
+	return {
+		left: scroller.scrollLeft,
+		top: scroller.scrollTop
+	};
+};
+const useScroll = (target) => {
+	const [position, setPosition] = useState();
+	useEffect(() => {
+		const element = resolveTarget(target);
+		if (!element) return;
+		const update = () => {
+			const next = readPosition(element);
+			setPosition((prev) => prev && prev.left === next.left && prev.top === next.top ? prev : next);
+		};
+		update();
+		element.addEventListener("scroll", update, { passive: true });
+		return () => element.removeEventListener("scroll", update);
+	}, [target]);
+	return position;
+};
+//#endregion
+export { useScroll };
+
+//# sourceMappingURL=useScroll.mjs.map

package/es/hooks/useScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScroll.mjs","names":[],"sources":["../../src/hooks/useScroll.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype ScrollTargetValue = Element | Document | null | undefined;\n\nexport type ScrollTarget =\n  ScrollTargetValue | (() => ScrollTargetValue) | { current: ScrollTargetValue };\n\nexport interface ScrollPosition {\n  left: number;\n  top: number;\n}\n\nconst resolveTarget = (target: ScrollTarget): ScrollTargetValue => {\n  if (typeof target === 'function') return target();\n  if (target && 'current' in target) return target.current;\n  return target;\n};\n\nconst readPosition = (element: Element | Document): ScrollPosition => {\n  const scroller =\n    element instanceof Document ? (element.scrollingElement ?? element.documentElement) : element;\n  return { left: scroller.scrollLeft, top: scroller.scrollTop };\n};\n\nexport const useScroll = (target: ScrollTarget): ScrollPosition | undefined => {\n  const [position, setPosition] = useState<ScrollPosition>();\n\n  useEffect(() => {\n    const element = resolveTarget(target);\n    if (!element) return;\n    const update = () => {\n      const next = readPosition(element);\n      setPosition((prev) =>\n        prev && prev.left === next.left && prev.top === next.top ? prev : next,\n      );\n    };\n    update();\n    element.addEventListener('scroll', update, { passive: true });\n    return () => element.removeEventListener('scroll', update);\n  }, [target]);\n\n  return position;\n};\n"],"mappings":";;AAYA,MAAM,iBAAiB,WAA4C;CACjE,IAAI,OAAO,WAAW,YAAY,OAAO,OAAO;CAChD,IAAI,UAAU,aAAa,QAAQ,OAAO,OAAO;CACjD,OAAO;AACT;AAEA,MAAM,gBAAgB,YAAgD;CACpE,MAAM,WACJ,mBAAmB,WAAY,QAAQ,oBAAoB,QAAQ,kBAAmB;CACxF,OAAO;EAAE,MAAM,SAAS;EAAY,KAAK,SAAS;CAAU;AAC9D;AAEA,MAAa,aAAa,WAAqD;CAC7E,MAAM,CAAC,UAAU,eAAe,SAAyB;CAEzD,gBAAgB;EACd,MAAM,UAAU,cAAc,MAAM;EACpC,IAAI,CAAC,SAAS;EACd,MAAM,eAAe;GACnB,MAAM,OAAO,aAAa,OAAO;GACjC,aAAa,SACX,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,QAAQ,KAAK,MAAM,OAAO,IACpE;EACF;EACA,OAAO;EACP,QAAQ,iBAAiB,UAAU,QAAQ,EAAE,SAAS,KAAK,CAAC;EAC5D,aAAa,QAAQ,oBAAoB,UAAU,MAAM;CAC3D,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO;AACT"}

package/es/hooks/useSize.mjs

@@ -0,0 +1,26 @@
+import { useLayoutEffect, useState } from "react";
+//#region src/hooks/useSize.ts
+const useSize = (ref) => {
+	const [size, setSize] = useState();
+	useLayoutEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		setSize({
+			height: element.clientHeight,
+			width: element.clientWidth
+		});
+		const observer = new ResizeObserver((entries) => {
+			for (const { target } of entries) setSize({
+				height: target.clientHeight,
+				width: target.clientWidth
+			});
+		});
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [ref]);
+	return size;
+};
+//#endregion
+export { useSize };
+
+//# sourceMappingURL=useSize.mjs.map

package/es/hooks/useSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.mjs","names":[],"sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useState } from 'react';\n\nexport interface ElementSize {\n  height: number;\n  width: number;\n}\n\nexport const useSize = (ref: RefObject<Element | null>): ElementSize | undefined => {\n  const [size, setSize] = useState<ElementSize>();\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    setSize({ height: element.clientHeight, width: element.clientWidth });\n\n    const observer = new ResizeObserver((entries) => {\n      for (const { target } of entries) {\n        setSize({ height: target.clientHeight, width: target.clientWidth });\n      }\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref]);\n\n  return size;\n};\n"],"mappings":";;AAOA,MAAa,WAAW,QAA4D;CAClF,MAAM,CAAC,MAAM,WAAW,SAAsB;CAE9C,sBAAsB;EACpB,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SAAS;EACd,QAAQ;GAAE,QAAQ,QAAQ;GAAc,OAAO,QAAQ;EAAY,CAAC;EAEpE,MAAM,WAAW,IAAI,gBAAgB,YAAY;GAC/C,KAAK,MAAM,EAAE,YAAY,SACvB,QAAQ;IAAE,QAAQ,OAAO;IAAc,OAAO,OAAO;GAAY,CAAC;EAEtE,CAAC;EACD,SAAS,QAAQ,OAAO;EACxB,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,GAAG,CAAC;CAER,OAAO;AACT"}

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,9 +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 "./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 };
+  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 };
+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

@@ -7,7 +7,9 @@ import emojiPicker_default from "./emojiPicker.mjs";
 import form_default from "./form.mjs";
 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";
@@ -26,9 +28,11 @@ var en_exports = /* @__PURE__ */ __exportAll({
 	image: () => image_default,
 	messageModal: () => messageModal_default,
 	qrCode: () => qrCode_default,
-	sideNav: () => sideNav_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 };
+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';\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":""}