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

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":";;;;;;;AAiBA,MAAa,uBAAuB;AASpC,MAAM,iCAAiB,IAAI,IAA6B;AAGxD,MAAM,iBAAiB;AAGvB,MAAM,qBAAqB;CACzB,IAAI,eAAe,OAAO,gBAAgB;EAExC,MAAM,kBAAkB,KAAK,MAAM,iBAAiB,EAAG;EACvD,MAAM,eAAe,MAAM,KAAK,eAAe,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,eAAe;EAC/E,KAAK,MAAM,OAAO,cAChB,eAAe,OAAO,GAAG;CAE7B;AACF;AAOA,IAAI,oBAAwD;AAE5D,MAAM,uBAAoD;CACxD,IAAI,OAAO,WAAW,aAAa,OAAO,QAAQ,QAAQ,IAAI;CAE9D,IAAI,CAAC,mBACH,oBAAoB,OAAO,QAAQ,CAAC,MAAM,QAAQ,IAAI,cAAc,IAAI;CAG1E,OAAO;AACT;AAGA,MAAM,wBAAqD;CACzD,IAAI,OAAO,WAAW,aAAa,OAAO,QAAQ,QAAQ,IAAI;CAC9D,OAAO,OAAO;AAChB;AACA,MAAa,qBAAqB,gBAAgB;AAGlD,MAAa,cAAc,QAAwB;CACjD,OAAO,IACJ,WAAW,KAAK,OAAO,CAAC,CACxB,WAAW,KAAK,MAAM,CAAC,CACvB,WAAW,KAAK,MAAM,CAAC,CACvB,WAAW,MAAK,QAAQ,CAAC,CACzB,WAAW,KAAK,QAAQ;AAC7B;AAGA,MAAM,eAAe,EACnB,cAAcA,mBAChB;AAEA,MAAa,gBACX,MACA,EACE,UACA,mBACA,OAAO,cACP,gBAES;CAEX,MAAM,WAAW,QAAQ;CACzB,MAAM,QAAQ,YAAY,YAAA,CAAa,YAAY;CAGnD,MAAM,kBAAkB,cAAc,uBAAuB,IAAI,GAAG,CAAC,IAAI,CAAC;CAG1E,MAAM,eAAe,cAAc;EACjC,IAAI,CAAC,mBAAmB;EACxB,OAAO;GACL,wBAAwB;GACxB,6BAA6B;GAC7B,iCAAiC;GACjC,yBAAyB;GACzB,8BAA8B;EAChC;CACF,GAAG,CAAC,iBAAiB,CAAC;CAGtB,MAAM,WAAW,cAA6B;EAC5C,IAAI,WAAW,OAAO;EAEtB,MAAM,OAAO,SAAS,SAAA,MAAgC,WAAW,IAAI,QAAQ,QAAQ;EACrF,OAAO;GAAC;GAAiB;GAAc;EAAI,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACvE,GAAG;EAAC;EAAU;EAAiB;EAAc;CAAS,CAAC;CAEvD,MAAM,CAAC,MAAM,WAAW,SAA6B;CAErD,gBAAgB;EACd,IAAI,CAAC,UAAU;GACb,QAAQ,KAAA,CAAS;GACjB;EACF;EAGA,MAAM,gBAAgB,eAAe,IAAI,QAAQ;EACjD,IAAI,eAAe;GACjB,cACG,MAAM,SAAS;IACd,QAAQ,IAAI;GACd,CAAC,CAAC,CACD,YAAY,CAEb,CAAC;GACH;EACF;EAIA,MAAM,oBAAoB,YAA6B;GACrD,IAAI;IAEF,MAAM,cAAc,MAAM;IAC1B,IAAI,CAAC,aAAa,OAAO;IAEzB,MAAM,iBAAiB,gBAAgB;IAGvC,IAAI,CAAC,gBAAgB,mBAAmB,cAAc;KACpD,MAAM,cAAc,aAAa;KACjC,IAAI,aAaF,OAAO,OANY,MALO,YAAY,wBAAwB;MAC5D,OAAO,CAAC,eAAe;MACvB,QAAQ,CAAC,WAAkB;KAC7B,CAAC,EAAA,CAE8B,WAAW,UAAU;MAClD,MAAM;MACN,OAAO;MACP;KACF,CAAC;IAIL;IAGA,MAAM,aAAa,MAAM,eAAe;IACxC,IAAI,CAAC,YAAY,OAAO;IAQxB,OAAO,MANY,WAAW,UAAU;KACtC,MAAM;KACN,OAAO;KACP;IACF,CAAC;GAGH,SAAS,QAAQ;IACf,QAAQ,MAAM,8BAA8B,MAAM;IAElD,IAAI;KAEF,MAAM,aAAa,MAAM,eAAe;KACxC,IAAI,CAAC,YAAY,OAAO;KAKxB,OAAO,MAJY,WAAW,UAAU;MACtC,MAAM;MACN,OAAO;KACT,CAAC;IAEH,QAAQ;KAGN,OAAO,+BAD6C,WAAW,QAAQ,EAAE;IAE3E;GACF;EACF,EAAA,CAAG;EAGH,eAAe,IAAI,UAAU,gBAAgB;EAC7C,aAAa;EAGb,iBACG,MAAM,SAAS;GAEd,IAAI,eAAe,IAAI,QAAQ,MAAM,kBACnC,QAAQ,IAAI;EAEhB,CAAC,CAAC,CACD,YAAY;GAEX,IAAI,eAAe,IAAI,QAAQ,MAAM,kBACnC,eAAe,OAAO,QAAQ;EAElC,CAAC;CACL,GAAG;EAAC;EAAU;EAAU;EAAiB;EAAc;EAAc;CAAY,CAAC;CAElF,OAAO,QAAQ;AACjB"}
+{"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":""}

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/en/video.d.mts

@@ -0,0 +1,23 @@
+//#region src/i18n/resources/en/video.d.ts
+declare const _default: {
+  readonly 'video.captionsHide': "Hide captions";
+  readonly 'video.captionsShow': "Show captions";
+  readonly 'video.download': "Download";
+  readonly 'video.exitFullscreen': "Exit fullscreen";
+  readonly 'video.frame': "Frame";
+  readonly 'video.fullscreen': "Fullscreen";
+  readonly 'video.loadFailed': "This video could not be loaded";
+  readonly 'video.mute': "Mute";
+  readonly 'video.nextFrame': "Next frame";
+  readonly 'video.pause': "Pause";
+  readonly 'video.play': "Play";
+  readonly 'video.previousFrame': "Previous frame";
+  readonly 'video.reload': "Reload";
+  readonly 'video.sections': "Sections";
+  readonly 'video.seek': "Seek";
+  readonly 'video.speed': "Playback speed";
+  readonly 'video.unmute': "Unmute";
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=video.d.mts.map

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

@@ -0,0 +1,24 @@
+//#region src/i18n/resources/en/video.ts
+var video_default = {
+	"video.captionsHide": "Hide captions",
+	"video.captionsShow": "Show captions",
+	"video.download": "Download",
+	"video.exitFullscreen": "Exit fullscreen",
+	"video.frame": "Frame",
+	"video.fullscreen": "Fullscreen",
+	"video.loadFailed": "This video could not be loaded",
+	"video.mute": "Mute",
+	"video.nextFrame": "Next frame",
+	"video.pause": "Pause",
+	"video.play": "Play",
+	"video.previousFrame": "Previous frame",
+	"video.reload": "Reload",
+	"video.sections": "Sections",
+	"video.seek": "Seek",
+	"video.speed": "Playback speed",
+	"video.unmute": "Unmute"
+};
+//#endregion
+export { video_default as default };
+
+//# sourceMappingURL=video.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video.mjs","names":[],"sources":["../../../../src/i18n/resources/en/video.ts"],"sourcesContent":["export default {\n  'video.captionsHide': 'Hide captions',\n  'video.captionsShow': 'Show captions',\n  'video.download': 'Download',\n  'video.exitFullscreen': 'Exit fullscreen',\n  'video.frame': 'Frame',\n  'video.fullscreen': 'Fullscreen',\n  'video.loadFailed': 'This video could not be loaded',\n  'video.mute': 'Mute',\n  'video.nextFrame': 'Next frame',\n  'video.pause': 'Pause',\n  'video.play': 'Play',\n  'video.previousFrame': 'Previous frame',\n  'video.reload': 'Reload',\n  'video.sections': 'Sections',\n  'video.seek': 'Seek',\n  'video.speed': 'Playback speed',\n  'video.unmute': 'Unmute',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,sBAAsB;CACtB,sBAAsB;CACtB,kBAAkB;CAClB,wBAAwB;CACxB,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,mBAAmB;CACnB,eAAe;CACf,cAAc;CACd,uBAAuB;CACvB,gBAAgB;CAChB,kBAAkB;CAClB,cAAc;CACd,eAAe;CACf,gBAAgB;AAClB"}

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"}