@jinmi/ui 0.0.0-stage → 6.0.1

package/es/eslint/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/eslint/index.ts"],"sourcesContent":["import { noInlineFormSchema } from './noInlineFormSchema';\r\n\r\nconst DEPRECATED_UI_COMPONENTS = [\r\n  'Accordion',\r\n  'AccordionItem',\r\n  'ActionIcon',\r\n  'Alert',\r\n  'AutoComplete',\r\n  'Avatar',\r\n  'AvatarGroup',\r\n  'Burger',\r\n  'Button',\r\n  'Checkbox',\r\n  'CheckboxGroup',\r\n  'Collapse',\r\n  'DatePicker',\r\n  'DraggablePanel',\r\n  'DraggablePanelBody',\r\n  'DraggablePanelContainer',\r\n  'DraggablePanelFooter',\r\n  'DraggablePanelHeader',\r\n  'Drawer',\r\n  'Dropdown',\r\n  'FormSubmitFooter',\r\n  'FormTitle',\r\n  'Input',\r\n  'InputNumber',\r\n  'InputOPT',\r\n  'InputPassword',\r\n  'Modal',\r\n  'ModalHost',\r\n  'Radio',\r\n  'RadioGroup',\r\n  'Segmented',\r\n  'Select',\r\n  'Skeleton',\r\n  'SkeletonAvatar',\r\n  'SkeletonBlock',\r\n  'SkeletonButton',\r\n  'SkeletonParagraph',\r\n  'SkeletonTags',\r\n  'SkeletonTitle',\r\n  'Slider',\r\n  'SliderWithInput',\r\n  'Switch',\r\n  'Tabs',\r\n  'Tag',\r\n  'Text',\r\n  'TextArea',\r\n  'Tree',\r\n];\r\n\r\nconst DEPRECATED_ANTD_ONLY = [\r\n  'Anchor',\r\n  'Badge',\r\n  'Breadcrumb',\r\n  'Card',\r\n  'Carousel',\r\n  'ColorPicker',\r\n  'Descriptions',\r\n  'Divider',\r\n  'Empty',\r\n  'FloatButton',\r\n  'List',\r\n  'Menu',\r\n  'Pagination',\r\n  'Popover',\r\n  'Progress',\r\n  'QRCode',\r\n  'Rate',\r\n  'Result',\r\n  'Spin',\r\n  'Statistic',\r\n  'Steps',\r\n  'Table',\r\n  'Tooltip',\r\n  'Typography',\r\n  'Upload',\r\n];\r\n\r\nconst DEPRECATED_FORM_EXPORTS = [\r\n  'Form',\r\n  'FormDivider',\r\n  'FormFlatGroup',\r\n  'FormFooter',\r\n  'FormGroup',\r\n  'FormGroupItemType',\r\n  'FormInstance',\r\n  'FormItem',\r\n  'FormItemProps',\r\n  'FormModal',\r\n  'FormModalProps',\r\n  'FormProps',\r\n];\r\n\r\nconst FORM_MIGRATION_MESSAGE =\r\n  'Use `Form`, `useForm` and their types from \"@jinmi/ui/base-ui/form\" instead.';\r\n\r\nconst DEPRECATED_ANTD_COMPONENT_PATHS = [\r\n  'antd/es/alert',\r\n  'antd/es/alert/*',\r\n  'antd/es/anchor',\r\n  'antd/es/anchor/*',\r\n  'antd/es/auto-complete',\r\n  'antd/es/auto-complete/*',\r\n  'antd/es/badge',\r\n  'antd/es/badge/*',\r\n  'antd/es/breadcrumb',\r\n  'antd/es/breadcrumb/*',\r\n  'antd/es/card',\r\n  'antd/es/card/*',\r\n  'antd/es/carousel',\r\n  'antd/es/carousel/*',\r\n  'antd/es/checkbox',\r\n  'antd/es/checkbox/*',\r\n  'antd/es/collapse',\r\n  'antd/es/collapse/*',\r\n  'antd/es/color-picker',\r\n  'antd/es/color-picker/*',\r\n  'antd/es/date-picker',\r\n  'antd/es/date-picker/*',\r\n  'antd/es/descriptions',\r\n  'antd/es/descriptions/*',\r\n  'antd/es/divider',\r\n  'antd/es/divider/*',\r\n  'antd/es/dropdown',\r\n  'antd/es/dropdown/*',\r\n  'antd/es/empty',\r\n  'antd/es/empty/*',\r\n  'antd/es/float-button',\r\n  'antd/es/float-button/*',\r\n  'antd/es/input',\r\n  'antd/es/input-number',\r\n  'antd/es/input-number/*',\r\n  'antd/es/input/*',\r\n  'antd/es/list',\r\n  'antd/es/list/*',\r\n  'antd/es/message',\r\n  'antd/es/message/*',\r\n  'antd/es/notification',\r\n  'antd/es/notification/*',\r\n  'antd/es/pagination',\r\n  'antd/es/pagination/*',\r\n  'antd/es/popover',\r\n  'antd/es/popover/*',\r\n  'antd/es/progress',\r\n  'antd/es/progress/*',\r\n  'antd/es/qr-code',\r\n  'antd/es/qr-code/*',\r\n  'antd/es/radio',\r\n  'antd/es/radio/*',\r\n  'antd/es/rate',\r\n  'antd/es/rate/*',\r\n  'antd/es/result',\r\n  'antd/es/result/*',\r\n  'antd/es/skeleton',\r\n  'antd/es/skeleton/*',\r\n  'antd/es/slider',\r\n  'antd/es/slider/*',\r\n  'antd/es/spin',\r\n  'antd/es/spin/*',\r\n  'antd/es/statistic',\r\n  'antd/es/statistic/*',\r\n  'antd/es/steps',\r\n  'antd/es/steps/*',\r\n  'antd/es/switch',\r\n  'antd/es/switch/*',\r\n  'antd/es/table',\r\n  'antd/es/table/*',\r\n  'antd/es/tooltip',\r\n  'antd/es/tooltip/*',\r\n  'antd/es/tree',\r\n  'antd/es/tree/*',\r\n  'antd/es/typography',\r\n  'antd/es/typography/*',\r\n  'antd/es/upload',\r\n  'antd/es/upload/*',\r\n  'antd/lib/alert',\r\n  'antd/lib/alert/*',\r\n  'antd/lib/anchor',\r\n  'antd/lib/anchor/*',\r\n  'antd/lib/auto-complete',\r\n  'antd/lib/auto-complete/*',\r\n  'antd/lib/badge',\r\n  'antd/lib/badge/*',\r\n  'antd/lib/breadcrumb',\r\n  'antd/lib/breadcrumb/*',\r\n  'antd/lib/card',\r\n  'antd/lib/card/*',\r\n  'antd/lib/carousel',\r\n  'antd/lib/carousel/*',\r\n  'antd/lib/checkbox',\r\n  'antd/lib/checkbox/*',\r\n  'antd/lib/collapse',\r\n  'antd/lib/collapse/*',\r\n  'antd/lib/color-picker',\r\n  'antd/lib/color-picker/*',\r\n  'antd/lib/date-picker',\r\n  'antd/lib/date-picker/*',\r\n  'antd/lib/descriptions',\r\n  'antd/lib/descriptions/*',\r\n  'antd/lib/divider',\r\n  'antd/lib/divider/*',\r\n  'antd/lib/dropdown',\r\n  'antd/lib/dropdown/*',\r\n  'antd/lib/empty',\r\n  'antd/lib/empty/*',\r\n  'antd/lib/float-button',\r\n  'antd/lib/float-button/*',\r\n  'antd/lib/input',\r\n  'antd/lib/input-number',\r\n  'antd/lib/input-number/*',\r\n  'antd/lib/input/*',\r\n  'antd/lib/list',\r\n  'antd/lib/list/*',\r\n  'antd/lib/message',\r\n  'antd/lib/message/*',\r\n  'antd/lib/notification',\r\n  'antd/lib/notification/*',\r\n  'antd/lib/pagination',\r\n  'antd/lib/pagination/*',\r\n  'antd/lib/popover',\r\n  'antd/lib/popover/*',\r\n  'antd/lib/progress',\r\n  'antd/lib/progress/*',\r\n  'antd/lib/qr-code',\r\n  'antd/lib/qr-code/*',\r\n  'antd/lib/radio',\r\n  'antd/lib/radio/*',\r\n  'antd/lib/rate',\r\n  'antd/lib/rate/*',\r\n  'antd/lib/result',\r\n  'antd/lib/result/*',\r\n  'antd/lib/skeleton',\r\n  'antd/lib/skeleton/*',\r\n  'antd/lib/slider',\r\n  'antd/lib/slider/*',\r\n  'antd/lib/spin',\r\n  'antd/lib/spin/*',\r\n  'antd/lib/statistic',\r\n  'antd/lib/statistic/*',\r\n  'antd/lib/steps',\r\n  'antd/lib/steps/*',\r\n  'antd/lib/switch',\r\n  'antd/lib/switch/*',\r\n  'antd/lib/table',\r\n  'antd/lib/table/*',\r\n  'antd/lib/tooltip',\r\n  'antd/lib/tooltip/*',\r\n  'antd/lib/tree',\r\n  'antd/lib/tree/*',\r\n  'antd/lib/typography',\r\n  'antd/lib/typography/*',\r\n  'antd/lib/upload',\r\n  'antd/lib/upload/*',\r\n];\r\n\r\nexport const restrictedImports = {\r\n  rules: {\r\n    'no-restricted-imports': [\r\n      'error',\r\n      {\r\n        paths: [\r\n          {\r\n            importNames: DEPRECATED_UI_COMPONENTS,\r\n            message:\r\n              'The antd-based wrapper is deprecated. Import from \"@jinmi/ui/base-ui\" instead.',\r\n            name: '@jinmi/ui',\r\n          },\r\n          {\r\n            importNames: DEPRECATED_FORM_EXPORTS,\r\n            message: FORM_MIGRATION_MESSAGE,\r\n            name: '@jinmi/ui',\r\n          },\r\n          {\r\n            importNames: DEPRECATED_FORM_EXPORTS,\r\n            message: FORM_MIGRATION_MESSAGE,\r\n            name: 'antd',\r\n          },\r\n          {\r\n            importNames: ['createStyles'],\r\n            message:\r\n              '`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.',\r\n            name: 'antd-style',\r\n          },\r\n          {\r\n            importNames: [...DEPRECATED_UI_COMPONENTS, ...DEPRECATED_ANTD_ONLY],\r\n            message: 'Direct antd import is deprecated. Import from \"@jinmi/ui/base-ui\" instead.',\r\n            name: 'antd',\r\n          },\r\n          {\r\n            importNames: ['message', 'notification'],\r\n            message: 'antd feedback APIs are deprecated. Use `toast` from \"@jinmi/ui/base-ui\".',\r\n            name: 'antd',\r\n          },\r\n          {\r\n            importNames: ['LoadingOutlined'],\r\n            message: 'Use `Spin` from \"@jinmi/ui/base-ui\" instead of a hand-rolled spinner.',\r\n            name: '@ant-design/icons',\r\n          },\r\n          {\r\n            message: 'Use `Spin variant=\"network\"` from \"@jinmi/ui/base-ui\" instead.',\r\n            name: 'thinking-orbs',\r\n          },\r\n          {\r\n            message:\r\n              'ProComponents are deprecated. Use `Table` from \"@jinmi/ui/base-ui\" instead.',\r\n            name: '@ant-design/pro-components',\r\n          },\r\n        ],\r\n        patterns: [\r\n          {\r\n            group: ['antd/es/form', 'antd/es/form/*', 'antd/lib/form', 'antd/lib/form/*'],\r\n            message: FORM_MIGRATION_MESSAGE,\r\n          },\r\n          {\r\n            group: DEPRECATED_ANTD_COMPONENT_PATHS,\r\n            message:\r\n              'Direct antd component import is deprecated. Import from \"@jinmi/ui/base-ui\" instead.',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n  },\r\n};\r\n\r\nexport const formSchemaRules = {\r\n  plugins: {\r\n    '@jinmi/ui': { rules: { 'no-inline-form-schema': noInlineFormSchema } },\r\n  },\r\n  rules: {\r\n    '@jinmi/ui/no-inline-form-schema': 'warn',\r\n  },\r\n};\r\n\r\nexport default [restrictedImports, formSchemaRules];\r\n"],"mappings":";;AAEA,MAAM,2BAA2B;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,0BAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,yBACJ;AAEF,MAAM,kCAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,oBAAoB,EAC/B,OAAO,EACL,yBAAyB,CACvB,SACA;CACE,OAAO;EACL;GACE,aAAa;GACb,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa;GACb,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa;GACb,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,cAAc;GAC5B,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa,CAAC,GAAG,0BAA0B,GAAG,oBAAoB;GAClE,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,WAAW,cAAc;GACvC,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,iBAAiB;GAC/B,SAAS;GACT,MAAM;EACR;EACA;GACE,SAAS;GACT,MAAM;EACR;EACA;GACE,SACE;GACF,MAAM;EACR;CACF;CACA,UAAU,CACR;EACE,OAAO;GAAC;GAAgB;GAAkB;GAAiB;EAAiB;EAC5E,SAAS;CACX,GACA;EACE,OAAO;EACP,SACE;CACJ,CACF;AACF,CACF,EACF,EACF;AAEA,MAAa,kBAAkB;CAC7B,SAAS,EACP,aAAa,EAAE,OAAO,EAAE,yBAAyB,mBAAmB,EAAE,EACxE;CACA,OAAO,EACL,mCAAmC,OACrC;AACF;AAEA,IAAA,iBAAe,CAAC,mBAAmB,eAAe"}

package/es/eslint/noInlineFormSchema.mjs

@@ -0,0 +1,44 @@
+//#region src/eslint/noInlineFormSchema.ts
+const SCHEMA_NAMESPACES = /* @__PURE__ */ new Set([
+	"z",
+	"v",
+	"yup"
+]);
+const rootIdentifier = (node) => {
+	let current = node;
+	while (current) {
+		if (current.type === "Identifier") return current.name;
+		if (current.type === "CallExpression") current = current.callee;
+		else if (current.type === "MemberExpression") current = current.object;
+		else return void 0;
+	}
+};
+const isInlineSchema = (node) => node?.type === "CallExpression" && SCHEMA_NAMESPACES.has(rootIdentifier(node) ?? "");
+const MESSAGE = "Schemas built inline are recreated on every render. Define the schema at module scope (or in useMemo) and pass the reference.";
+const noInlineFormSchema = {
+	create: (context) => ({
+		"CallExpression[callee.name=\"useForm\"] > ObjectExpression > Property": function(node) {
+			if (node.key?.name === "schema" && isInlineSchema(node.value)) context.report({
+				message: MESSAGE,
+				node: node.value
+			});
+		},
+		"JSXAttribute": function(node) {
+			if (node.name?.name !== "validate") return;
+			const expression = node.value?.expression;
+			if (isInlineSchema(expression)) context.report({
+				message: MESSAGE,
+				node: expression
+			});
+		}
+	}),
+	meta: {
+		docs: { description: "Disallow constructing form schemas inline in render" },
+		schema: [],
+		type: "suggestion"
+	}
+};
+//#endregion
+export { noInlineFormSchema };
+
+//# sourceMappingURL=noInlineFormSchema.mjs.map

package/es/eslint/noInlineFormSchema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"noInlineFormSchema.mjs","names":[],"sources":["../../src/eslint/noInlineFormSchema.ts"],"sourcesContent":["import type { Rule } from 'eslint';\r\n\r\nconst SCHEMA_NAMESPACES = new Set(['z', 'v', 'yup']);\r\n\r\nconst rootIdentifier = (node: any): string | undefined => {\r\n  let current = node;\r\n  while (current) {\r\n    if (current.type === 'Identifier') return current.name;\r\n    if (current.type === 'CallExpression') current = current.callee;\r\n    else if (current.type === 'MemberExpression') current = current.object;\r\n    else return undefined;\r\n  }\r\n  return undefined;\r\n};\r\n\r\nconst isInlineSchema = (node: any) =>\r\n  node?.type === 'CallExpression' && SCHEMA_NAMESPACES.has(rootIdentifier(node) ?? '');\r\n\r\nconst MESSAGE =\r\n  'Schemas built inline are recreated on every render. Define the schema at module scope (or in useMemo) and pass the reference.';\r\n\r\nexport const noInlineFormSchema: Rule.RuleModule = {\r\n  create: (context) => ({\r\n    'CallExpression[callee.name=\"useForm\"] > ObjectExpression > Property': function (node: any) {\r\n      if (node.key?.name === 'schema' && isInlineSchema(node.value))\r\n        context.report({ message: MESSAGE, node: node.value });\r\n    },\r\n    'JSXAttribute': function(node: any) {\r\n      if (node.name?.name !== 'validate') return;\r\n      const expression = node.value?.expression;\r\n      if (isInlineSchema(expression)) context.report({ message: MESSAGE, node: expression });\r\n    },\r\n  }),\r\n  meta: {\r\n    docs: { description: 'Disallow constructing form schemas inline in render' },\r\n    schema: [],\r\n    type: 'suggestion',\r\n  },\r\n};\r\n"],"mappings":";AAEA,MAAM,oCAAoB,IAAI,IAAI;CAAC;CAAK;CAAK;AAAK,CAAC;AAEnD,MAAM,kBAAkB,SAAkC;CACxD,IAAI,UAAU;CACd,OAAO,SAAS;EACd,IAAI,QAAQ,SAAS,cAAc,OAAO,QAAQ;EAClD,IAAI,QAAQ,SAAS,kBAAkB,UAAU,QAAQ;OACpD,IAAI,QAAQ,SAAS,oBAAoB,UAAU,QAAQ;OAC3D,OAAO,KAAA;CACd;AAEF;AAEA,MAAM,kBAAkB,SACtB,MAAM,SAAS,oBAAoB,kBAAkB,IAAI,eAAe,IAAI,KAAK,EAAE;AAErF,MAAM,UACJ;AAEF,MAAa,qBAAsC;CACjD,SAAS,aAAa;EACpB,yEAAuE,SAAU,MAAW;GAC1F,IAAI,KAAK,KAAK,SAAS,YAAY,eAAe,KAAK,KAAK,GAC1D,QAAQ,OAAO;IAAE,SAAS;IAAS,MAAM,KAAK;GAAM,CAAC;EACzD;EACA,gBAAgB,SAAS,MAAW;GAClC,IAAI,KAAK,MAAM,SAAS,YAAY;GACpC,MAAM,aAAa,KAAK,OAAO;GAC/B,IAAI,eAAe,UAAU,GAAG,QAAQ,OAAO;IAAE,SAAS;IAAS,MAAM;GAAW,CAAC;EACvF;CACF;CACA,MAAM;EACJ,MAAM,EAAE,aAAa,sDAAsD;EAC3E,QAAQ,CAAC;EACT,MAAM;CACR;AACF"}

package/es/hooks/useCopied.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { useCallback, useEffect, useMemo, useState } from "react";
+//#region src/hooks/useCopied.ts
+const useCopied = () => {
+	const [copied, setCopy] = useState(false);
+	useEffect(() => {
+		if (!copied) return;
+		const timer = setTimeout(() => {
+			setCopy(false);
+		}, 2e3);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, [copied]);
+	const setCopied = useCallback(() => setCopy(true), []);
+	return useMemo(() => ({
+		copied,
+		setCopied
+	}), [copied]);
+};
+//#endregion
+export { useCopied };
+
+//# sourceMappingURL=useCopied.mjs.map

package/es/hooks/useCopied.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopied.mjs","names":[],"sources":["../../src/hooks/useCopied.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nexport const useCopied = () => {\r\n  const [copied, setCopy] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (!copied) return;\r\n\r\n    const timer = setTimeout(() => {\r\n      setCopy(false);\r\n    }, 2000);\r\n\r\n    return () => {\r\n      clearTimeout(timer);\r\n    };\r\n  }, [copied]);\r\n\r\n  const setCopied = useCallback(() => setCopy(true), []);\r\n\r\n  return useMemo(() => ({ copied, setCopied }), [copied]);\r\n};\r\n"],"mappings":";;;AAIA,MAAa,kBAAkB;CAC7B,MAAM,CAAC,QAAQ,WAAW,SAAS,KAAK;CAExC,gBAAgB;EACd,IAAI,CAAC,QAAQ;EAEb,MAAM,QAAQ,iBAAiB;GAC7B,QAAQ,KAAK;EACf,GAAG,GAAI;EAEP,aAAa;GACX,aAAa,KAAK;EACpB;CACF,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,YAAY,kBAAkB,QAAQ,IAAI,GAAG,CAAC,CAAC;CAErD,OAAO,eAAe;EAAE;EAAQ;CAAU,IAAI,CAAC,MAAM,CAAC;AACxD"}

package/es/hooks/useEventCallback.mjs

@@ -0,0 +1,15 @@
+import { useCallback, useLayoutEffect, useRef } from "react";
+//#region src/hooks/useEventCallback.ts
+function useEventCallback(fn) {
+	const ref = useRef(fn);
+	useLayoutEffect(() => {
+		ref.current = fn;
+	});
+	return useCallback((...args) => {
+		return ref.current(...args);
+	}, []);
+}
+//#endregion
+export { useEventCallback };
+
+//# sourceMappingURL=useEventCallback.mjs.map

package/es/hooks/useEventCallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.mjs","names":[],"sources":["../../src/hooks/useEventCallback.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\r\n\r\nexport function useEventCallback<T extends (...args: any[]) => any>(fn: T): T {\r\n  const ref = useRef(fn);\r\n\r\n  useLayoutEffect(() => {\r\n    ref.current = fn;\r\n  });\r\n\r\n  return useCallback((...args: Parameters<T>) => {\r\n    return ref.current(...args);\r\n  }, []) as T;\r\n}\r\n"],"mappings":";;AAEA,SAAgB,iBAAoD,IAAU;CAC5E,MAAM,MAAM,OAAO,EAAE;CAErB,sBAAsB;EACpB,IAAI,UAAU;CAChB,CAAC;CAED,OAAO,aAAa,GAAG,SAAwB;EAC7C,OAAO,IAAI,QAAQ,GAAG,IAAI;CAC5B,GAAG,CAAC,CAAC;AACP"}

package/es/hooks/useFloatingLayer.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/hooks/useFloatingLayer.tsx
+/**
+* Context for managing floating layer stacking.
+* When a component like Popover opens, it can provide its container
+* so that nested floating elements (like Tooltip) can render into it,
+* avoiding z-index stacking context issues.
+*/
+const FloatingLayerContext = createContext(null);
+/**
+* Hook to get the current floating layer container.
+* Returns the nearest floating layer container from context, or null if none exists.
+*/
+const useFloatingLayer = () => {
+	return use(FloatingLayerContext);
+};
+/**
+* Provider component for floating layer context.
+*/
+const FloatingLayerProvider = FloatingLayerContext.Provider;
+//#endregion
+export { FloatingLayerContext, FloatingLayerProvider, useFloatingLayer };
+
+//# sourceMappingURL=useFloatingLayer.mjs.map

package/es/hooks/useFloatingLayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingLayer.mjs","names":[],"sources":["../../src/hooks/useFloatingLayer.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\n/**\r\n * Context for managing floating layer stacking.\r\n * When a component like Popover opens, it can provide its container\r\n * so that nested floating elements (like Tooltip) can render into it,\r\n * avoiding z-index stacking context issues.\r\n */\r\nexport const FloatingLayerContext = createContext<HTMLElement | null>(null);\r\n\r\n/**\r\n * Hook to get the current floating layer container.\r\n * Returns the nearest floating layer container from context, or null if none exists.\r\n */\r\nexport const useFloatingLayer = (): HTMLElement | null => {\r\n  return use(FloatingLayerContext);\r\n};\r\n\r\n/**\r\n * Provider component for floating layer context.\r\n */\r\nexport const FloatingLayerProvider = FloatingLayerContext.Provider;\r\n"],"mappings":";;;;;;;;;AAUA,MAAa,uBAAuB,cAAkC,IAAI;;;;;AAM1E,MAAa,yBAA6C;CACxD,OAAO,IAAI,oBAAoB;AACjC;;;;AAKA,MAAa,wBAAwB,qBAAqB"}

package/es/hooks/useHighlight.mjs

@@ -0,0 +1,131 @@
+"use client";
+import lobe_theme_default from "../Highlighter/theme/lobe-theme.mjs";
+import { getCodeLanguageByInput } from "../Highlighter/const.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();
+const MAX_CACHE_SIZE = 1e3;
+const cleanupCache = () => {
+	if (highlightCache.size > MAX_CACHE_SIZE) {
+		const entriesToRemove = Math.floor(MAX_CACHE_SIZE * .2);
+		const keysToRemove = Array.from(highlightCache.keys()).slice(0, entriesToRemove);
+		for (const key of keysToRemove) highlightCache.delete(key);
+	}
+};
+let codeToHtmlPromise = null;
+const loadCodeToHtml = () => {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	if (!codeToHtmlPromise) codeToHtmlPromise = import("shiki").then((mod) => mod.codeToHtml ?? null);
+	return codeToHtmlPromise;
+};
+const loadShikiModule = () => {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	return import("shiki");
+};
+const shikiModulePromise = loadShikiModule();
+const escapeHtml = (str) => {
+	return str.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
+};
+const customThemes = { "jinmi-theme": lobe_theme_default };
+const useHighlight = (text, { language, enableTransformer, theme: builtinTheme, streaming }) => {
+	const safeText = text ?? "";
+	const lang = (language ?? "plaintext").toLowerCase();
+	const matchedLanguage = useMemo(() => getCodeLanguageByInput(lang), [lang]);
+	const transformers = useMemo(() => {
+		if (!enableTransformer) return;
+		return [
+			transformerNotationDiff(),
+			transformerNotationHighlight(),
+			transformerNotationWordHighlight(),
+			transformerNotationFocus(),
+			transformerNotationErrorLevel()
+		];
+	}, [enableTransformer]);
+	const cacheKey = useMemo(() => {
+		if (streaming) return null;
+		const hash = safeText.length < 1e4 ? safeText : Md5.hashStr(safeText);
+		return [
+			matchedLanguage,
+			builtinTheme,
+			hash
+		].filter(Boolean).join("-");
+	}, [
+		safeText,
+		matchedLanguage,
+		builtinTheme,
+		streaming
+	]);
+	const [data, setData] = useState();
+	useEffect(() => {
+		if (!cacheKey) {
+			setData(void 0);
+			return;
+		}
+		const cachedPromise = highlightCache.get(cacheKey);
+		if (cachedPromise) {
+			cachedPromise.then((html) => {
+				setData(html);
+			}).catch(() => {});
+			return;
+		}
+		const highlightPromise = (async () => {
+			try {
+				const shikiModule = await shikiModulePromise;
+				if (!shikiModule) return safeText;
+				const effectiveTheme = builtinTheme || "jinmi-theme";
+				if (!builtinTheme && effectiveTheme === "jinmi-theme") {
+					const customTheme = customThemes[effectiveTheme];
+					if (customTheme) return await (await shikiModule.getSingletonHighlighter({
+						langs: [matchedLanguage],
+						themes: [customTheme]
+					})).codeToHtml(safeText, {
+						lang: matchedLanguage,
+						theme: effectiveTheme,
+						transformers
+					});
+				}
+				const codeToHtml = await loadCodeToHtml();
+				if (!codeToHtml) return safeText;
+				return await codeToHtml(safeText, {
+					lang: matchedLanguage,
+					theme: effectiveTheme,
+					transformers
+				});
+			} catch (error_) {
+				console.error("Advanced rendering failed:", error_);
+				try {
+					const codeToHtml = await loadCodeToHtml();
+					if (!codeToHtml) return safeText;
+					return await codeToHtml(safeText, {
+						lang: matchedLanguage,
+						theme: "jinmi-theme"
+					});
+				} catch {
+					return `<pre class="fallback"><code>${escapeHtml(safeText)}</code></pre>`;
+				}
+			}
+		})();
+		highlightCache.set(cacheKey, highlightPromise);
+		cleanupCache();
+		highlightPromise.then((html) => {
+			if (highlightCache.get(cacheKey) === highlightPromise) setData(html);
+		}).catch(() => {
+			if (highlightCache.get(cacheKey) === highlightPromise) highlightCache.delete(cacheKey);
+		});
+	}, [
+		cacheKey,
+		safeText,
+		matchedLanguage,
+		builtinTheme,
+		transformers,
+		customThemes
+	]);
+	return data || "";
+};
+//#endregion
+export { MD5_LENGTH_THRESHOLD, escapeHtml, shikiModulePromise, useHighlight };
+
+//# sourceMappingURL=useHighlight.mjs.map

package/es/hooks/useHighlight.mjs.map

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

package/es/hooks/useIsClient.mjs

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/useIsClient.ts
+const useIsClient = () => {
+	const [isClient, setIsClient] = useState(typeof document !== "undefined");
+	useEffect(() => {
+		if (isClient) return;
+		setIsClient(true);
+	}, []);
+	return isClient;
+};
+//#endregion
+export { useIsClient };
+
+//# sourceMappingURL=useIsClient.mjs.map

package/es/hooks/useIsClient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.mjs","names":[],"sources":["../../src/hooks/useIsClient.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport const useIsClient = () => {\r\n  const [isClient, setIsClient] = useState(typeof document !== 'undefined');\r\n\r\n  useEffect(() => {\r\n    if (isClient) return;\r\n    setIsClient(true);\r\n  }, []);\r\n\r\n  return isClient;\r\n};\r\n"],"mappings":";;AAEA,MAAa,oBAAoB;CAC/B,MAAM,CAAC,UAAU,eAAe,SAAS,OAAO,aAAa,WAAW;CAExE,gBAAgB;EACd,IAAI,UAAU;EACd,YAAY,IAAI;CAClB,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}

package/es/hooks/useMarkdown/useMarkdownComponents.mjs

@@ -0,0 +1,117 @@
+"use client";
+import Hotkey from "../../Hotkey/Hotkey.mjs";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { CodeBlock } from "../../Markdown/components/CodeBlock.mjs";
+import MarkdownTable from "../../Markdown/components/MarkdownTable/index.mjs";
+import Image from "../../mdx/mdxComponents/Image.mjs";
+import Link from "../../mdx/mdxComponents/Link.mjs";
+import Section from "../../mdx/mdxComponents/Section.mjs";
+import Video from "../../mdx/mdxComponents/Video.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/hooks/useMarkdown/useMarkdownComponents.tsx
+const useMarkdownComponents = () => {
+	const { components, animated, citations, componentProps, enableHtmlPreview, enableMermaid, fullFeaturedCodeBlock, showFootnotes } = useMarkdownContext();
+	const memoA = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Link, {
+		citations,
+		...props,
+		...componentProps?.a
+	}), [citations, componentProps?.a]);
+	const memoImg = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Image, {
+		...props,
+		...componentProps?.img
+	}), [componentProps?.img]);
+	const memoVideo = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Video, {
+		...props,
+		...componentProps?.video
+	}), [componentProps?.video]);
+	const memoSection = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Section, {
+		showFootnotes,
+		...props
+	}), [showFootnotes]);
+	const memoKbd = useCallback(({ children }) => /* @__PURE__ */ jsx(Hotkey, {
+		keys: children,
+		style: { display: "inline-flex" }
+	}), []);
+	const memoBr = useCallback(() => /* @__PURE__ */ jsx("br", {}), []);
+	const memeP = useCallback(({ style, children, className }) => {
+		if (typeof children === "object" && ["img", "video"].includes(children?.props?.node?.tagName)) return children;
+		return /* @__PURE__ */ jsx("p", {
+			className,
+			style,
+			children
+		});
+	}, []);
+	const highlightTheme = useMemo(() => componentProps?.highlight?.theme, [JSON.stringify(componentProps?.highlight?.theme)]);
+	const mermaidTheme = useMemo(() => componentProps?.mermaid?.theme, [JSON.stringify(componentProps?.mermaid?.theme)]);
+	const stableComponentProps = useMemo(() => {
+		if (!componentProps) return;
+		return {
+			highlight: componentProps.highlight ? {
+				...componentProps.highlight,
+				theme: highlightTheme
+			} : void 0,
+			html: componentProps.html,
+			mermaid: componentProps.mermaid ? {
+				...componentProps.mermaid,
+				theme: mermaidTheme
+			} : void 0
+		};
+	}, [
+		highlightTheme,
+		mermaidTheme,
+		componentProps?.html
+	]);
+	const memoPre = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(CodeBlock, {
+		animated,
+		enableHtmlPreview,
+		enableMermaid,
+		fullFeatured: fullFeaturedCodeBlock,
+		...stableComponentProps,
+		...componentProps?.pre,
+		...props
+	}), [
+		animated,
+		enableHtmlPreview,
+		enableMermaid,
+		fullFeaturedCodeBlock,
+		stableComponentProps,
+		componentProps?.pre
+	]);
+	const memoColorPreview = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx("code", { ...props }), []);
+	const memoTable = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(MarkdownTable, {
+		node,
+		...props
+	}), []);
+	const memoComponents = useMemo(() => ({
+		a: memoA,
+		br: memoBr,
+		colorPreview: memoColorPreview,
+		img: memoImg,
+		kbd: memoKbd,
+		p: memeP,
+		pre: memoPre,
+		section: memoSection,
+		table: memoTable,
+		video: memoVideo
+	}), [
+		memoA,
+		memoBr,
+		memoImg,
+		memoVideo,
+		memoPre,
+		memoSection,
+		memeP,
+		memoColorPreview,
+		memoKbd,
+		memoTable
+	]);
+	return useMemo(() => ({
+		...memoComponents,
+		...components
+	}), [memoComponents, components]);
+};
+//#endregion
+export { useMarkdownComponents };
+
+//# sourceMappingURL=useMarkdownComponents.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownComponents.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownComponents.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useMemo } from 'react';\r\nimport type { Components } from 'react-markdown';\r\n\r\nimport Hotkey from '@/Hotkey';\r\nimport { CodeBlock } from '@/Markdown/components/CodeBlock';\r\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\r\nimport MarkdownTable from '@/Markdown/components/MarkdownTable';\r\nimport Image from '@/mdx/mdxComponents/Image';\r\nimport Link from '@/mdx/mdxComponents/Link';\r\nimport Section from '@/mdx/mdxComponents/Section';\r\nimport Video from '@/mdx/mdxComponents/Video';\r\n\r\nexport const useMarkdownComponents = (): Components => {\r\n  const {\r\n    components,\r\n    animated,\r\n    citations,\r\n    componentProps,\r\n    enableHtmlPreview,\r\n    enableMermaid,\r\n    fullFeaturedCodeBlock,\r\n    showFootnotes,\r\n  } = useMarkdownContext();\r\n\r\n  const memoA = useCallback(\r\n    ({ node, ...props }: any) => <Link citations={citations} {...props} {...componentProps?.a} />,\r\n    [citations, componentProps?.a],\r\n  );\r\n\r\n  const memoImg = useCallback(\r\n    ({ node, ...props }: any) => <Image {...props} {...componentProps?.img} />,\r\n    [componentProps?.img],\r\n  );\r\n\r\n  const memoVideo = useCallback(\r\n    ({ node, ...props }: any) => <Video {...props} {...componentProps?.video} />,\r\n    [componentProps?.video],\r\n  );\r\n\r\n  const memoSection = useCallback(\r\n    ({ node, ...props }: any) => <Section showFootnotes={showFootnotes} {...props} />,\r\n    [showFootnotes],\r\n  );\r\n\r\n  const memoKbd = useCallback(\r\n    ({ children }: any) => <Hotkey keys={children} style={{ display: 'inline-flex' }} />,\r\n    [],\r\n  );\r\n\r\n  const memoBr = useCallback(() => <br />, []);\r\n\r\n  const memeP = useCallback(({ style, children, className }: any) => {\r\n    const skipWrapperTags = ['img', 'video'];\r\n    if (typeof children === 'object' && skipWrapperTags.includes(children?.props?.node?.tagName)) {\r\n      return children;\r\n    }\r\n    return (\r\n      <p className={className} style={style}>\r\n        {children}\r\n      </p>\r\n    );\r\n  }, []);\r\n\r\n  // Stable references for theme objects to prevent unnecessary re-renders\r\n  const highlightTheme = useMemo(\r\n    () => componentProps?.highlight?.theme,\r\n    [JSON.stringify(componentProps?.highlight?.theme)],\r\n  );\r\n\r\n  const mermaidTheme = useMemo(\r\n    () => componentProps?.mermaid?.theme,\r\n    [JSON.stringify(componentProps?.mermaid?.theme)],\r\n  );\r\n\r\n  // Create stable component props reference\r\n  const stableComponentProps = useMemo(() => {\r\n    if (!componentProps) return;\r\n\r\n    return {\r\n      highlight: componentProps.highlight\r\n        ? { ...componentProps.highlight, theme: highlightTheme }\r\n        : undefined,\r\n      html: componentProps.html,\r\n      mermaid: componentProps.mermaid\r\n        ? { ...componentProps.mermaid, theme: mermaidTheme }\r\n        : undefined,\r\n    };\r\n  }, [highlightTheme, mermaidTheme, componentProps?.html]);\r\n\r\n  const memoPre = useCallback(\r\n    ({ node, ...props }: any) => (\r\n      <CodeBlock\r\n        animated={animated}\r\n        enableHtmlPreview={enableHtmlPreview}\r\n        enableMermaid={enableMermaid}\r\n        fullFeatured={fullFeaturedCodeBlock}\r\n        {...stableComponentProps}\r\n        {...componentProps?.pre}\r\n        {...props}\r\n      />\r\n    ),\r\n    [\r\n      animated,\r\n      enableHtmlPreview,\r\n      enableMermaid,\r\n      fullFeaturedCodeBlock,\r\n      stableComponentProps,\r\n      componentProps?.pre,\r\n    ],\r\n  );\r\n\r\n  const memoColorPreview = useCallback(({ node, ...props }: any) => <code {...props} />, []);\r\n\r\n  const memoTable = useCallback(\r\n    ({ node, ...props }: any) => <MarkdownTable node={node} {...props} />,\r\n    [],\r\n  );\r\n\r\n  const memoComponents = useMemo(\r\n    () => ({\r\n      a: memoA,\r\n      br: memoBr,\r\n      colorPreview: memoColorPreview,\r\n      img: memoImg,\r\n      kbd: memoKbd,\r\n      p: memeP,\r\n      pre: memoPre,\r\n      section: memoSection,\r\n      table: memoTable,\r\n      video: memoVideo,\r\n    }),\r\n    [\r\n      memoA,\r\n      memoBr,\r\n      memoImg,\r\n      memoVideo,\r\n      memoPre,\r\n      memoSection,\r\n      memeP,\r\n      memoColorPreview,\r\n      memoKbd,\r\n      memoTable,\r\n    ],\r\n  );\r\n\r\n  return useMemo(\r\n    () => ({\r\n      ...memoComponents,\r\n      ...components,\r\n    }),\r\n    [memoComponents, components],\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,8BAA0C;CACrD,MAAM,EACJ,YACA,UACA,WACA,gBACA,mBACA,eACA,uBACA,kBACE,mBAAmB;CAEvB,MAAM,QAAQ,aACX,EAAE,MAAM,GAAG,YAAiB,oBAAC,MAAD;EAAiB;EAAW,GAAI;EAAO,GAAI,gBAAgB;CAAI,CAAA,GAC5F,CAAC,WAAW,gBAAgB,CAAC,CAC/B;CAEA,MAAM,UAAU,aACb,EAAE,MAAM,GAAG,YAAiB,oBAAC,OAAD;EAAO,GAAI;EAAO,GAAI,gBAAgB;CAAM,CAAA,GACzE,CAAC,gBAAgB,GAAG,CACtB;CAEA,MAAM,YAAY,aACf,EAAE,MAAM,GAAG,YAAiB,oBAAC,OAAD;EAAO,GAAI;EAAO,GAAI,gBAAgB;CAAQ,CAAA,GAC3E,CAAC,gBAAgB,KAAK,CACxB;CAEA,MAAM,cAAc,aACjB,EAAE,MAAM,GAAG,YAAiB,oBAAC,SAAD;EAAwB;EAAe,GAAI;CAAQ,CAAA,GAChF,CAAC,aAAa,CAChB;CAEA,MAAM,UAAU,aACb,EAAE,eAAoB,oBAAC,QAAD;EAAQ,MAAM;EAAU,OAAO,EAAE,SAAS,cAAc;CAAI,CAAA,GACnF,CAAC,CACH;CAEA,MAAM,SAAS,kBAAkB,oBAAC,MAAD,CAAK,CAAA,GAAG,CAAC,CAAC;CAE3C,MAAM,QAAQ,aAAa,EAAE,OAAO,UAAU,gBAAqB;EAEjE,IAAI,OAAO,aAAa,YAAY,CADX,OAAO,OACkB,CAAC,CAAC,SAAS,UAAU,OAAO,MAAM,OAAO,GACzF,OAAO;EAET,OACE,oBAAC,KAAD;GAAc;GAAkB;GAC7B;EACA,CAAA;CAEP,GAAG,CAAC,CAAC;CAGL,MAAM,iBAAiB,cACf,gBAAgB,WAAW,OACjC,CAAC,KAAK,UAAU,gBAAgB,WAAW,KAAK,CAAC,CACnD;CAEA,MAAM,eAAe,cACb,gBAAgB,SAAS,OAC/B,CAAC,KAAK,UAAU,gBAAgB,SAAS,KAAK,CAAC,CACjD;CAGA,MAAM,uBAAuB,cAAc;EACzC,IAAI,CAAC,gBAAgB;EAErB,OAAO;GACL,WAAW,eAAe,YACtB;IAAE,GAAG,eAAe;IAAW,OAAO;GAAe,IACrD,KAAA;GACJ,MAAM,eAAe;GACrB,SAAS,eAAe,UACpB;IAAE,GAAG,eAAe;IAAS,OAAO;GAAa,IACjD,KAAA;EACN;CACF,GAAG;EAAC;EAAgB;EAAc,gBAAgB;CAAI,CAAC;CAEvD,MAAM,UAAU,aACb,EAAE,MAAM,GAAG,YACV,oBAAC,WAAD;EACY;EACS;EACJ;EACf,cAAc;EACd,GAAI;EACJ,GAAI,gBAAgB;EACpB,GAAI;CACL,CAAA,GAEH;EACE;EACA;EACA;EACA;EACA;EACA,gBAAgB;CAClB,CACF;CAEA,MAAM,mBAAmB,aAAa,EAAE,MAAM,GAAG,YAAiB,oBAAC,QAAD,EAAM,GAAI,MAAQ,CAAA,GAAG,CAAC,CAAC;CAEzF,MAAM,YAAY,aACf,EAAE,MAAM,GAAG,YAAiB,oBAAC,eAAD;EAAqB;EAAM,GAAI;CAAQ,CAAA,GACpE,CAAC,CACH;CAEA,MAAM,iBAAiB,eACd;EACL,GAAG;EACH,IAAI;EACJ,cAAc;EACd,KAAK;EACL,KAAK;EACL,GAAG;EACH,KAAK;EACL,SAAS;EACT,OAAO;EACP,OAAO;CACT,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,eACE;EACL,GAAG;EACH,GAAG;CACL,IACA,CAAC,gBAAgB,UAAU,CAC7B;AACF"}

package/es/hooks/useMarkdown/useMarkdownContent.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { addToCache, contentCache, preprocessMarkdownContent } from "./utils.mjs";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { useMemo } from "react";
+//#region src/hooks/useMarkdown/useMarkdownContent.ts
+const useMarkdownContent = (children) => {
+	const { enableLatex = true, enableCustomFootnotes, citations } = useMarkdownContext();
+	const citationsLength = citations?.length || 0;
+	const cacheKey = useMemo(() => `${children}|${enableLatex ? 1 : 0}|${enableCustomFootnotes ? 1 : 0}|${citationsLength}`, [
+		children,
+		enableLatex,
+		enableCustomFootnotes,
+		citationsLength
+	]);
+	return useMemo(() => {
+		if (contentCache.has(cacheKey)) return contentCache.get(cacheKey);
+		const processedContent = preprocessMarkdownContent(children, {
+			citationsLength,
+			enableCustomFootnotes,
+			enableLatex
+		});
+		addToCache(cacheKey, processedContent);
+		return processedContent;
+	}, [
+		cacheKey,
+		children,
+		enableLatex,
+		enableCustomFootnotes,
+		citationsLength
+	]);
+};
+//#endregion
+export { useMarkdownContent };
+
+//# sourceMappingURL=useMarkdownContent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownContent.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownContent.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useMemo } from 'react';\r\n\r\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\r\n\r\nimport { addToCache, contentCache, preprocessMarkdownContent } from './utils';\r\n\r\nexport const useMarkdownContent = (children: string): string | undefined => {\r\n  const { enableLatex = true, enableCustomFootnotes, citations } = useMarkdownContext();\r\n\r\n  const citationsLength = citations?.length || 0;\r\n\r\n  const cacheKey = useMemo(\r\n    () => `${children}|${enableLatex ? 1 : 0}|${enableCustomFootnotes ? 1 : 0}|${citationsLength}`,\r\n    [children, enableLatex, enableCustomFootnotes, citationsLength],\r\n  );\r\n\r\n  return useMemo(() => {\r\n    if (contentCache.has(cacheKey)) {\r\n      return contentCache.get(cacheKey);\r\n    }\r\n\r\n    const processedContent = preprocessMarkdownContent(children, {\r\n      citationsLength,\r\n      enableCustomFootnotes,\r\n      enableLatex,\r\n    });\r\n\r\n    addToCache(cacheKey, processedContent);\r\n    return processedContent;\r\n  }, [cacheKey, children, enableLatex, enableCustomFootnotes, citationsLength]);\r\n};\r\n"],"mappings":";;;;;AAQA,MAAa,sBAAsB,aAAyC;CAC1E,MAAM,EAAE,cAAc,MAAM,uBAAuB,cAAc,mBAAmB;CAEpF,MAAM,kBAAkB,WAAW,UAAU;CAE7C,MAAM,WAAW,cACT,GAAG,SAAS,GAAG,cAAc,IAAI,EAAE,GAAG,wBAAwB,IAAI,EAAE,GAAG,mBAC7E;EAAC;EAAU;EAAa;EAAuB;CAAe,CAChE;CAEA,OAAO,cAAc;EACnB,IAAI,aAAa,IAAI,QAAQ,GAC3B,OAAO,aAAa,IAAI,QAAQ;EAGlC,MAAM,mBAAmB,0BAA0B,UAAU;GAC3D;GACA;GACA;EACF,CAAC;EAED,WAAW,UAAU,gBAAgB;EACrC,OAAO;CACT,GAAG;EAAC;EAAU;EAAU;EAAa;EAAuB;CAAe,CAAC;AAC9E"}

package/es/hooks/useMarkdown/useMarkdownRehypePlugins.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { rehypeCustomFootnotes } from "../../Markdown/plugins/rehypeCustomFootnotes.mjs";
+import { rehypeKatex } from "../../Markdown/plugins/rehypeKatex.mjs";
+import { rehypeKatexDir } from "../../Markdown/plugins/rehypeKatexDir.mjs";
+import { useMemo } from "react";
+import { rehypeGithubAlerts } from "rehype-github-alerts";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize from "rehype-sanitize";
+//#region src/hooks/useMarkdown/useMarkdownRehypePlugins.ts
+const useMarkdownRehypePlugins = () => {
+	const { enableLatex, enableCustomFootnotes, enableGithubAlert, allowHtml, rehypePlugins = [], rehypePluginsAhead = [] } = useMarkdownContext();
+	const memoPlugins = useMemo(() => [
+		allowHtml && rehypeRaw,
+		allowHtml && rehypeSanitize,
+		enableGithubAlert && rehypeGithubAlerts,
+		enableLatex && rehypeKatex,
+		enableLatex && rehypeKatexDir,
+		enableCustomFootnotes && rehypeCustomFootnotes
+	].filter(Boolean), [
+		enableLatex,
+		enableGithubAlert,
+		enableCustomFootnotes,
+		allowHtml
+	]);
+	return useMemo(() => [
+		...rehypePluginsAhead,
+		...memoPlugins,
+		...rehypePlugins
+	], [
+		rehypePlugins,
+		memoPlugins,
+		rehypePluginsAhead
+	]);
+};
+//#endregion
+export { useMarkdownRehypePlugins };
+
+//# sourceMappingURL=useMarkdownRehypePlugins.mjs.map

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

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

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { remarkBr } from "../../Markdown/plugins/remarkBr.mjs";
+import { remarkCustomFootnotes } from "../../Markdown/plugins/remarkCustomFootnotes.mjs";
+import { remarkGfmPlus } from "../../Markdown/plugins/remarkGfmPlus.mjs";
+import { remarkVideo } from "../../Markdown/plugins/remarkVideo.mjs";
+import { useMemo } from "react";
+import remarkBreaks from "remark-breaks";
+import remarkCjkFriendly from "remark-cjk-friendly";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+//#region src/hooks/useMarkdown/useMarkdownRemarkPlugins.ts
+const useMarkdownRemarkPlugins = () => {
+	const { enableLatex, enableCustomFootnotes, remarkPlugins = [], remarkPluginsAhead = [], variant, allowHtml } = useMarkdownContext();
+	const isChatMode = variant === "chat";
+	const memoPlugins = useMemo(() => [
+		remarkCjkFriendly,
+		enableLatex && remarkMath,
+		[remarkGfm, { singleTilde: false }],
+		!allowHtml && remarkBr,
+		!allowHtml && remarkGfmPlus,
+		!allowHtml && remarkVideo,
+		enableCustomFootnotes && remarkCustomFootnotes,
+		isChatMode && remarkBreaks
+	].filter(Boolean), [
+		allowHtml,
+		isChatMode,
+		enableLatex,
+		enableCustomFootnotes
+	]);
+	return useMemo(() => [
+		...remarkPluginsAhead,
+		...memoPlugins,
+		...remarkPlugins
+	], [
+		remarkPlugins,
+		memoPlugins,
+		remarkPluginsAhead
+	]);
+};
+//#endregion
+export { useMarkdownRemarkPlugins };
+
+//# sourceMappingURL=useMarkdownRemarkPlugins.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownRemarkPlugins.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownRemarkPlugins.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useMemo } from 'react';\r\nimport remarkBreaks from 'remark-breaks';\r\nimport remarkCjkFriendly from 'remark-cjk-friendly';\r\nimport remarkGfm from 'remark-gfm';\r\nimport remarkMath from 'remark-math';\r\nimport type { Pluggable } from 'unified';\r\n\r\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\r\nimport { remarkBr } from '@/Markdown/plugins/remarkBr';\r\nimport { remarkCustomFootnotes } from '@/Markdown/plugins/remarkCustomFootnotes';\r\nimport { remarkGfmPlus } from '@/Markdown/plugins/remarkGfmPlus';\r\nimport { remarkVideo } from '@/Markdown/plugins/remarkVideo';\r\n\r\nexport const useMarkdownRemarkPlugins = (): Pluggable[] => {\r\n  const {\r\n    enableLatex,\r\n    enableCustomFootnotes,\r\n    remarkPlugins = [],\r\n    remarkPluginsAhead = [],\r\n    variant,\r\n    allowHtml,\r\n  } = useMarkdownContext();\r\n\r\n  const isChatMode = variant === 'chat';\r\n\r\n  const memoPlugins = useMemo(\r\n    () =>\r\n      [\r\n        remarkCjkFriendly,\r\n        // Parse math before GFM so that '|' inside $...$ isn't treated as a table separator\r\n        enableLatex && remarkMath,\r\n        [remarkGfm, { singleTilde: false }],\r\n        !allowHtml && remarkBr,\r\n        !allowHtml && remarkGfmPlus,\r\n        !allowHtml && remarkVideo,\r\n        enableCustomFootnotes && remarkCustomFootnotes,\r\n        isChatMode && remarkBreaks,\r\n      ].filter(Boolean) as Pluggable[],\r\n    [allowHtml, isChatMode, enableLatex, enableCustomFootnotes],\r\n  );\r\n\r\n  return useMemo(\r\n    () => [...remarkPluginsAhead, ...memoPlugins, ...remarkPlugins],\r\n    [remarkPlugins, memoPlugins, remarkPluginsAhead],\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,iCAA8C;CACzD,MAAM,EACJ,aACA,uBACA,gBAAgB,CAAC,GACjB,qBAAqB,CAAC,GACtB,SACA,cACE,mBAAmB;CAEvB,MAAM,aAAa,YAAY;CAE/B,MAAM,cAAc,cAEhB;EACE;EAEA,eAAe;EACf,CAAC,WAAW,EAAE,aAAa,MAAM,CAAC;EAClC,CAAC,aAAa;EACd,CAAC,aAAa;EACd,CAAC,aAAa;EACd,yBAAyB;EACzB,cAAc;CAChB,CAAC,CAAC,OAAO,OAAO,GAClB;EAAC;EAAW;EAAY;EAAa;CAAqB,CAC5D;CAEA,OAAO,cACC;EAAC,GAAG;EAAoB,GAAG;EAAa,GAAG;CAAa,GAC9D;EAAC;EAAe;EAAa;CAAkB,CACjD;AACF"}

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

@@ -0,0 +1,13 @@
+//#region src/hooks/useMarkdown/utils.d.ts
+/**
+ * Preprocessing options for markdown content
+ */
+interface PreprocessOptions {
+  citationsLength?: number;
+  enableCustomFootnotes?: boolean;
+  enableLatex?: boolean;
+}
+declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
+//#endregion
+export { preprocessMarkdownContent };
+//# sourceMappingURL=utils.d.mts.map