@jinmi/ui 0.0.0-stage → 6.0.2

package/es/Text/Text.mjs

@@ -0,0 +1,82 @@
+"use client";
+import { useTextOverflow } from "../hooks/useTextOverflow.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
+import { variants } from "./styles.mjs";
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/Text/Text.tsx
+/**
+* @deprecated Use `Text` from `@jinmi/ui/base-ui` instead.
+*/
+const Text = ({ as: Container = "div", align, className, children, style, type, disabled, strong, italic, underline, delete: deleteStyle, fontSize, lineClamp, lineHeight, mark, code, color, weight, ellipsis, noWrap, textDecoration, textTransform, whiteSpace, wordBreak, ...rest }) => {
+	const textRef = useRef(null);
+	const isOverflow = useTextOverflow(textRef, ellipsis, children);
+	const isMultiEllipsis = typeof ellipsis === "object" && !!ellipsis.rows && ellipsis.rows > 1;
+	const tooltipWhenOverflow = typeof ellipsis === "object" && ellipsis.tooltipWhenOverflow;
+	const textStyle = {
+		...color && { color },
+		...weight && { fontWeight: weight },
+		...lineHeight && { lineHeight },
+		...textTransform && { textTransform },
+		...textDecoration && { textDecoration },
+		...wordBreak && { wordBreak },
+		...typeof ellipsis === "object" && ellipsis.rows && { WebkitLineClamp: ellipsis.rows },
+		...!ellipsis && !!lineClamp && {
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: lineClamp,
+			display: "-webkit-box",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		...fontSize && { fontSize },
+		...align && { textAlign: align },
+		...!isMultiEllipsis && noWrap && { whiteSpace: "nowrap" },
+		...whiteSpace && { whiteSpace },
+		...style
+	};
+	const content = /* @__PURE__ */ jsx(Container, {
+		ref: textRef,
+		style: textStyle,
+		className: cx(variants({
+			as: [
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"p"
+			].includes(Container) ? Container : void 0,
+			code,
+			delete: deleteStyle,
+			disabled,
+			ellipsis: ellipsis ? typeof ellipsis === "object" && ellipsis.rows ? "multi" : true : void 0,
+			italic,
+			mark,
+			strong,
+			type,
+			underline
+		}), className),
+		...rest,
+		children
+	});
+	if (ellipsis && typeof ellipsis === "object" && (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)) {
+		if (tooltipWhenOverflow && !isOverflow) return content;
+		const title = typeof ellipsis.tooltip === "string" ? ellipsis.tooltip : children;
+		if (ellipsis.tooltip && typeof ellipsis.tooltip === "object") return /* @__PURE__ */ jsx(Tooltip, {
+			...ellipsis.tooltip,
+			title: ellipsis.tooltip?.title || title,
+			children: content
+		});
+		return /* @__PURE__ */ jsx(Tooltip, {
+			title,
+			children: content
+		});
+	}
+	return content;
+};
+Text.displayName = "Text";
+//#endregion
+export { Text as default };
+
+//# sourceMappingURL=Text.mjs.map

package/es/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport Tooltip from '@/Tooltip';\n\nimport { variants } from './styles';\nimport { type TextProps } from './type';\n\n/**\n * @deprecated Use `Text` from `@jinmi/ui/base-ui` instead.\n */\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\n\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(lineHeight && { lineHeight }),\n    ...(textTransform && { textTransform }),\n    ...(textDecoration && { textDecoration }),\n    ...(wordBreak && { wordBreak }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(!ellipsis &&\n      !!lineClamp && {\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: lineClamp,\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n    ...(whiteSpace && { whiteSpace }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      ref={textRef}\n      style={textStyle}\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\n\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,IAAI;CACxC,MAAM,aAAa,gBAAgB,SAAS,UAAU,QAAQ;CAE9D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CAErE,MAAM,YAAY;EAChB,GAAI,SAAS,EAAE,MAAM;EACrB,GAAI,UAAU,EAAE,YAAY,OAAO;EACnC,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAI,iBAAiB,EAAE,cAAc;EACrC,GAAI,kBAAkB,EAAE,eAAe;EACvC,GAAI,aAAa,EAAE,UAAU;EAC7B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,KAC5B;EACF,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,UAAU;GACV,cAAc;EAChB;EACF,GAAI,YAAY,EAAE,SAAS;EAC3B,GAAI,SAAS,EAAE,WAAW,MAAM;EAChC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,SAAkB;EAClE,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAG;CACL;CAEA,MAAM,UACJ,oBAAC,WAAD;EACE,KAAK;EACL,OAAO;EACP,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;GAAG,CAAC,CAAC,SAAS,SAAmB,IAC/D,YACD,KAAA;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF,KAAA;GACJ;GACA;GACA;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,GAAI;EAEH;CACQ,CAAA;CAIb,IACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;EAEA,IAAI,uBAAuB,CAAC,YAC1B,OAAO;EAGT,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;EACxE,IAAI,SAAS,WAAW,OAAO,SAAS,YAAY,UAClD,OACE,oBAAC,SAAD;GAAS,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;GAC9D,UAAA;EACM,CAAA;EAEb,OAAO,oBAAC,SAAD;GAAgB;GAAQ,UAAA;EAAiB,CAAA;CAClD;CAEA,OAAO;AACT;AAEA,KAAK,cAAc"}

package/es/Text/index.d.mts

@@ -0,0 +1,3 @@
+import { TextProps } from "./type.mjs";
+import Text from "./Text.mjs";
+export { type TextProps, Text as default };

package/es/Text/index.d.ts

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

package/es/Text/index.js

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

package/es/Text/index.mjs

@@ -0,0 +1,2 @@
+import Text from "./Text.mjs";
+export { Text as default };

package/es/Text/styles.mjs

@@ -0,0 +1,120 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Text/styles.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	code: css`
+    font-family: ${cssVar.fontFamilyCode};
+  `,
+	danger: css`
+    color: ${cssVar.colorError};
+  `,
+	delete: css`
+    text-decoration: line-through;
+  `,
+	disabled: css`
+    cursor: not-allowed;
+    color: ${cssVar.colorTextDisabled};
+  `,
+	ellipsis: css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	ellipsisMulti: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+  `,
+	h1: css`
+    font-size: calc(${cssVar.fontSize} * 2.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h2: css`
+    font-size: calc(${cssVar.fontSize} * 2);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h3: css`
+    font-size: calc(${cssVar.fontSize} * 1.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h4: css`
+    font-size: calc(${cssVar.fontSize} * 1.25);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h5: css`
+    font-size: ${cssVar.fontSize};
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	info: css`
+    color: ${cssVar.colorInfo};
+  `,
+	italic: css`
+    font-style: italic;
+  `,
+	mark: css`
+    color: #000;
+    background-color: ${cssVar.yellow};
+  `,
+	p: css`
+    margin-block: 0;
+  `,
+	secondary: css`
+    color: ${cssVar.colorTextDescription};
+  `,
+	strong: css`
+    font-weight: bold;
+  `,
+	success: css`
+    color: ${cssVar.colorSuccess};
+  `,
+	text: css`
+    color: ${cssVar.colorText};
+  `,
+	underline: css`
+    text-decoration: underline;
+  `,
+	warning: css`
+    color: ${cssVar.colorWarning};
+  `
+}));
+const variants = cva(styles.text, {
+	defaultVariants: {},
+	variants: {
+		as: {
+			h1: styles.h1,
+			h2: styles.h2,
+			h3: styles.h3,
+			h4: styles.h4,
+			h5: styles.h5,
+			p: styles.p
+		},
+		code: { true: styles.code },
+		delete: { true: styles.delete },
+		disabled: { true: styles.disabled },
+		ellipsis: {
+			multi: styles.ellipsisMulti,
+			true: styles.ellipsis
+		},
+		italic: { true: styles.italic },
+		mark: { true: styles.mark },
+		strong: { true: styles.strong },
+		type: {
+			danger: styles.danger,
+			info: styles.info,
+			secondary: styles.secondary,
+			success: styles.success,
+			warning: styles.warning
+		},
+		underline: { true: styles.underline }
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=styles.mjs.map

package/es/Text/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Text/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  code: css`\r\n    font-family: ${cssVar.fontFamilyCode};\r\n  `,\r\n  danger: css`\r\n    color: ${cssVar.colorError};\r\n  `,\r\n  delete: css`\r\n    text-decoration: line-through;\r\n  `,\r\n  disabled: css`\r\n    cursor: not-allowed;\r\n    color: ${cssVar.colorTextDisabled};\r\n  `,\r\n  ellipsis: css`\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  ellipsisMulti: css`\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    text-overflow: ellipsis;\r\n  `,\r\n  // Heading styles\r\n  h1: css`\r\n    font-size: calc(${cssVar.fontSize} * 2.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h2: css`\r\n    font-size: calc(${cssVar.fontSize} * 2);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h3: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h4: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.25);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h5: css`\r\n    font-size: ${cssVar.fontSize};\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n  info: css`\r\n    color: ${cssVar.colorInfo};\r\n  `,\r\n\r\n  italic: css`\r\n    font-style: italic;\r\n  `,\r\n\r\n  mark: css`\r\n    color: #000;\r\n    background-color: ${cssVar.yellow};\r\n  `,\r\n\r\n  p: css`\r\n    margin-block: 0;\r\n  `,\r\n\r\n  secondary: css`\r\n    color: ${cssVar.colorTextDescription};\r\n  `,\r\n\r\n  strong: css`\r\n    font-weight: bold;\r\n  `,\r\n  success: css`\r\n    color: ${cssVar.colorSuccess};\r\n  `,\r\n  text: css`\r\n    color: ${cssVar.colorText};\r\n  `,\r\n  underline: css`\r\n    text-decoration: underline;\r\n  `,\r\n  warning: css`\r\n    color: ${cssVar.colorWarning};\r\n  `,\r\n}));\r\n\r\nexport const variants = cva(styles.text, {\r\n  defaultVariants: {},\r\n  variants: {\r\n    as: {\r\n      h1: styles.h1,\r\n      h2: styles.h2,\r\n      h3: styles.h3,\r\n      h4: styles.h4,\r\n      h5: styles.h5,\r\n      p: styles.p,\r\n    },\r\n    code: {\r\n      true: styles.code,\r\n    },\r\n    delete: {\r\n      true: styles.delete,\r\n    },\r\n    disabled: {\r\n      true: styles.disabled,\r\n    },\r\n    ellipsis: {\r\n      multi: styles.ellipsisMulti,\r\n      true: styles.ellipsis,\r\n    },\r\n    italic: {\r\n      true: styles.italic,\r\n    },\r\n    mark: {\r\n      true: styles.mark,\r\n    },\r\n    strong: {\r\n      true: styles.strong,\r\n    },\r\n    type: {\r\n      danger: styles.danger,\r\n      info: styles.info,\r\n      secondary: styles.secondary,\r\n      success: styles.success,\r\n      warning: styles.warning,\r\n    },\r\n    underline: {\r\n      true: styles.underline,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;mBACQ,OAAO,eAAe;;CAEvC,QAAQ,GAAG;aACA,OAAO,WAAW;;CAE7B,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;aAEF,OAAO,kBAAkB;;CAEpC,UAAU,GAAG;;;;;CAKb,eAAe,GAAG;;;;;;CAOlB,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;iBACQ,OAAO,SAAS;;;;CAI/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAG5B,QAAQ,GAAG;;;CAIX,MAAM,GAAG;;wBAEa,OAAO,OAAO;;CAGpC,GAAG,GAAG;;;CAIN,WAAW,GAAG;aACH,OAAO,qBAAqB;;CAGvC,QAAQ,GAAG;;;CAGX,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAE5B,WAAW,GAAG;;;CAGd,SAAS,GAAG;aACD,OAAO,aAAa;;AAEjC,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,CAAC;CAClB,UAAU;EACR,IAAI;GACF,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,GAAG,OAAO;EACZ;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,UAAU,EACR,MAAM,OAAO,SACf;EACA,UAAU;GACR,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM;GACJ,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,WAAW,OAAO;GAClB,SAAS,OAAO;GAChB,SAAS,OAAO;EAClB;EACA,WAAW,EACT,MAAM,OAAO,UACf;CACF;AACF,CAAC"}

package/es/Text/type.d.mts

@@ -0,0 +1,46 @@
+import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import { DivProps } from "../types/index.mjs";
+import "../Tooltip/index.mjs";
+import { CSSProperties, ElementType, Ref } from "react";
+//#region src/Text/type.d.ts
+interface TextProps extends DivProps {
+  align?: 'left' | 'center' | 'right';
+  as?: ElementType;
+  code?: boolean;
+  color?: string;
+  delete?: boolean;
+  disabled?: boolean;
+  ellipsis?: boolean | {
+    rows?: number;
+    tooltip?: boolean | string | TooltipProps;
+    tooltipWhenOverflow?: boolean;
+  };
+  fontSize?: number | string;
+  italic?: boolean;
+  /**
+   * Clamp lines with CSS line-clamp.
+   *
+   * Note: When `ellipsis` is provided, `ellipsis` takes precedence.
+   */
+  lineClamp?: number;
+  lineHeight?: CSSProperties['lineHeight'];
+  mark?: boolean;
+  /**
+   * Whether to disable wrapping (set `white-space: nowrap`).
+   *
+   * Note: When multi-line ellipsis is enabled, it will be ignored.
+   */
+  noWrap?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  strong?: boolean;
+  textDecoration?: CSSProperties['textDecoration'];
+  textTransform?: CSSProperties['textTransform'];
+  type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+  underline?: boolean;
+  weight?: 'bold' | 'bolder' | number;
+  whiteSpace?: CSSProperties['whiteSpace'];
+  wordBreak?: CSSProperties['wordBreak'];
+}
+//#endregion
+export { TextProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ThemeProvider/AppElementContext.d.mts

@@ -0,0 +1,5 @@
+//#region src/ThemeProvider/AppElementContext.d.ts
+declare const useAppElement: () => HTMLDivElement | null;
+//#endregion
+export { useAppElement };
+//# sourceMappingURL=AppElementContext.d.mts.map

package/es/ThemeProvider/AppElementContext.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/ThemeProvider/AppElementContext.tsx
+const AppElementContext = createContext(null);
+const useAppElement = () => {
+	return use(AppElementContext);
+};
+//#endregion
+export { AppElementContext as default, useAppElement };
+
+//# sourceMappingURL=AppElementContext.mjs.map

package/es/ThemeProvider/AppElementContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\r\n\r\nexport const useAppElement = (): HTMLDivElement | null => {\r\n  return use(AppElementContext);\r\n};\r\n\r\nexport default AppElementContext;\r\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAqC,IAAI;AAEnE,MAAa,sBAA6C;CACxD,OAAO,IAAI,iBAAiB;AAC9B"}

package/es/ThemeProvider/ConfigProvider.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
+import { ConfigProvider } from "antd";
+//#region src/ThemeProvider/ConfigProvider.tsx
+const ConfigProvider$1 = memo(({ children }) => {
+	return /* @__PURE__ */ jsx(ConfigProvider, {
+		theme: { components: {
+			Button: { contentFontSizeSM: 12 },
+			DatePicker: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Input: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			InputNumber: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Mentions: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Select: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			}
+		} },
+		children
+	});
+});
+//#endregion
+export { ConfigProvider$1 as default };
+
+//# sourceMappingURL=ConfigProvider.mjs.map

package/es/ThemeProvider/ConfigProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\r\nimport { cssVar } from 'antd-style';\r\nimport { memo, type PropsWithChildren } from 'react';\r\n\r\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\r\n  return (\r\n    <AntdConfigProvider\r\n      theme={{\r\n        components: {\r\n          Button: {\r\n            contentFontSizeSM: 12,\r\n          },\r\n          DatePicker: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Input: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          InputNumber: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Mentions: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Select: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n        },\r\n      }}\r\n    >\r\n      {children}\r\n    </AntdConfigProvider>\r\n  );\r\n});\r\n\r\nexport default ConfigProvider;\r\n"],"mappings":";;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;CAC/D,OACE,oBAACC,gBAAD;EACE,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,GACrB;GACA,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;EACF,EACF;EAEC;CACiB,CAAA;AAExB,CAAC"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -0,0 +1,113 @@
+import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
+import { css } from "antd-style";
+import { rgba } from "polished";
+//#region src/ThemeProvider/GlobalStyle/antdOverride.ts
+var antdOverride_default = (token) => {
+	const readColor = safeReadableColor(token.colorInk);
+	return css`
+    .${token.prefixCls}-checkbox-inner:after {
+      border-color: ${safeReadableColor(token.colorInk)} !important;
+    }
+
+    .${token.prefixCls}-btn {
+      box-shadow: none;
+    }
+
+    .${token.prefixCls}-btn-primary:not(:disabled) {
+      color: ${readColor} !important;
+
+      &:hover {
+        color: ${readColor} !important;
+      }
+
+      &:active {
+        color: ${readColor} !important;
+      }
+    }
+
+    .${token.prefixCls}-tooltip {
+      --antd-arrow-background-color: ${token.colorBgElevated};
+
+      max-width: 320px;
+    }
+
+    .${token.prefixCls}-tooltip-arrow::before {
+      background: ${token.colorBgElevated} !important;
+    }
+
+    .${token.prefixCls}-tooltip-arrow::after {
+      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;
+    }
+
+    .${token.prefixCls}-tooltip-container {
+      user-select: none;
+
+      display: flex;
+      gap: 6px;
+      align-items: center;
+
+      min-width: unset;
+      min-height: unset;
+      padding-block: 4px;
+      padding-inline: 8px;
+      border: 1px solid ${token.colorBorderSecondary} !important;
+      border-radius: ${token.borderRadiusSM}px !important;
+
+      font-size: ${token.fontSizeSM}px;
+      line-height: 1.2;
+      color: ${token.colorTextSecondary} !important;
+      overflow-wrap: anywhere;
+      white-space: normal;
+
+      background: ${token.colorBgElevated} !important;
+      box-shadow:
+        0 1px 2px 0 rgb(0 0 0 / 3%),
+        0 1px 6px -1px rgb(0 0 0 / 2%),
+        0 2px 4px 0 rgb(0 0 0 / 2%) !important;
+    }
+
+    .${token.prefixCls}-switch-handle::before {
+      background: ${token.colorBgContainer} !important;
+    }
+
+    .${token.prefixCls}-image-preview-close,
+      .${token.prefixCls}-image-preview-switch-right,
+      .${token.prefixCls}-image-preview-switch-left {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      width: 32px;
+      height: 32px;
+      padding: 0;
+
+      background: ${rgba(token.colorBgMask, .1)};
+
+      border-radius: ${token.borderRadiusLG}px;
+
+      ${token.stylish.blur};
+    }
+
+    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {
+      border-radius: ${token.borderRadius}px !important;
+      box-shadow:
+        0 0 15px 0 #00000008,
+        0 2px 30px 0 #00000014,
+        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;
+    }
+
+    .${token.prefixCls}-modal-content {
+      border: 1px solid ${token.colorBorderSecondary} !important;
+    }
+
+    .${token.prefixCls}-radio-wrapper
+      .${token.prefixCls}-radio-checked
+      .${token.prefixCls}-radio-inner:after {
+      background: ${readColor};
+    }
+  `;
+};
+//#endregion
+export { antdOverride_default as default };
+
+//# sourceMappingURL=antdOverride.mjs.map

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorInk);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorInk)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      overflow-wrap: anywhere;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgb(0 0 0 / 3%),\n        0 1px 6px -1px rgb(0 0 0 / 2%),\n        0 2px 4px 0 rgb(0 0 0 / 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,QAAQ;CAClD,OAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,QAAQ,EAAE;;;OAGjD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,EAAG,EAAE;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU;;;AAG9B"}

package/es/ThemeProvider/GlobalStyle/essential.mjs

@@ -0,0 +1,121 @@
+import { brandToken, inkToken } from "../../styles/theme/customToken.mjs";
+import { CLASSNAMES } from "../../styles/classNames.mjs";
+import { css } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/essential.ts
+/**
+* Styles that library components rely on to render correctly (Flex layout,
+* popup trigger states, brand animations). Always injected by ThemeProvider,
+* independent of `enableGlobalStyle`, which only gates document-level resets.
+*/
+var essential_default = (token) => {
+	const brand = brandToken[token.isDarkMode ? "dark" : "light"];
+	const ink = inkToken[token.isDarkMode ? "dark" : "light"];
+	return css`
+    :root {
+      /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much
+       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%
+       it lands on the surface's own colour and the edge vanishes. */
+      --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? "rgb(255 255 255 / 18%)" : "rgb(0 0 0 / 5%)"};
+
+      /* Brand tokens, read through brandCssVar. */
+      --jinmi-color-brand: ${brand.colorBrand};
+      --jinmi-color-brand-bg: ${brand.colorBrandBg};
+      --jinmi-color-brand-border: ${brand.colorBrandBorder};
+      --jinmi-color-brand-glow: ${brand.colorBrandGlow};
+      --jinmi-color-brand-text: ${brand.colorBrandText};
+
+      /* Ink tokens, read through inkCssVar. */
+      --jinmi-color-ink: ${ink.colorInk};
+      --jinmi-color-ink-active: ${ink.colorInkActive};
+      --jinmi-color-ink-hover: ${ink.colorInkHover};
+      --jinmi-color-ink-text: ${ink.colorInkText};
+    }
+
+    /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */
+    :where(:focus-visible) {
+      outline: 2px solid var(--jinmi-color-brand);
+      outline-offset: 2px;
+    }
+
+    @layer jinmi-popup {
+      .${CLASSNAMES.ContextTrigger}[data-popup-open],
+        .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
+        background: ${token.colorFillTertiary};
+      }
+    }
+
+    @layer jinmi-base {
+      :where(.jinmi-flex) {
+        /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
+        --jinmi-flex: 0 1 auto;
+        --jinmi-flex-direction: column;
+        --jinmi-flex-wrap: nowrap;
+        --jinmi-flex-justify: flex-start;
+        --jinmi-flex-align: stretch;
+        --jinmi-flex-width: auto;
+        --jinmi-flex-height: auto;
+        --jinmi-flex-padding: 0;
+
+        /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
+        --jinmi-flex-padding-inline: var(--jinmi-flex-padding);
+        --jinmi-flex-padding-block: var(--jinmi-flex-padding);
+        --jinmi-flex-gap: 0;
+
+        display: flex;
+        flex: var(--jinmi-flex);
+        flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);
+        gap: var(--jinmi-flex-gap);
+        align-items: var(--jinmi-flex-align);
+        justify-content: var(--jinmi-flex-justify);
+
+        width: var(--jinmi-flex-width);
+        height: var(--jinmi-flex-height);
+        padding: var(--jinmi-flex-padding);
+        padding-block: var(--jinmi-flex-padding-block);
+        padding-inline: var(--jinmi-flex-padding-inline);
+      }
+
+      .jinmi-flex-hidden {
+        display: none;
+      }
+    }
+
+    /* Brand Loading */
+    @keyframes draw {
+      0% {
+        stroke-dashoffset: 1000;
+      }
+
+      100% {
+        stroke-dashoffset: 0;
+      }
+    }
+
+    @keyframes fill {
+      30% {
+        fill-opacity: 0.05;
+      }
+
+      100% {
+        fill-opacity: 1;
+      }
+    }
+
+    .jinmi-brand-loading path {
+      fill: currentcolor;
+      fill-opacity: 0;
+      stroke: currentcolor;
+      stroke-dasharray: 1000;
+      stroke-dashoffset: 1000;
+      stroke-width: 0.25em;
+
+      animation:
+        draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
+        fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    }
+  `;
+};
+//#endregion
+export { essential_default as default };
+
+//# sourceMappingURL=essential.mjs.map

package/es/ThemeProvider/GlobalStyle/essential.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { brandToken, inkToken } from '@/styles/theme/customToken';\n\n/**\n * Styles that library components rely on to render correctly (Flex layout,\n * popup trigger states, brand animations). Always injected by ThemeProvider,\n * independent of `enableGlobalStyle`, which only gates document-level resets.\n */\nexport default (token: Theme) => {\n  const brand = brandToken[token.isDarkMode ? 'dark' : 'light'];\n  const ink = inkToken[token.isDarkMode ? 'dark' : 'light'];\n\n  return css`\n    :root {\n      /* Outer hairline painted on the page behind an elevated surface. Dark alpha is much\n       higher on purpose: a white hairline lightens toward a raised surface, and below ~16%\n       it lands on the surface's own colour and the edge vanishes. */\n      --jinmi-ring: 0 0 0 1px ${token.isDarkMode ? 'rgb(255 255 255 / 18%)' : 'rgb(0 0 0 / 5%)'};\n\n      /* Brand tokens, read through brandCssVar. */\n      --jinmi-color-brand: ${brand.colorBrand};\n      --jinmi-color-brand-bg: ${brand.colorBrandBg};\n      --jinmi-color-brand-border: ${brand.colorBrandBorder};\n      --jinmi-color-brand-glow: ${brand.colorBrandGlow};\n      --jinmi-color-brand-text: ${brand.colorBrandText};\n\n      /* Ink tokens, read through inkCssVar. */\n      --jinmi-color-ink: ${ink.colorInk};\n      --jinmi-color-ink-active: ${ink.colorInkActive};\n      --jinmi-color-ink-hover: ${ink.colorInkHover};\n      --jinmi-color-ink-text: ${ink.colorInkText};\n    }\n\n    /* Keyboard focus ring in brand cyan. Zero specificity so components can override. */\n    :where(:focus-visible) {\n      outline: 2px solid var(--jinmi-color-brand);\n      outline-offset: 2px;\n    }\n\n    @layer jinmi-popup {\n      .${CLASSNAMES.ContextTrigger}[data-popup-open],\n        .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n        background: ${token.colorFillTertiary};\n      }\n    }\n\n    @layer jinmi-base {\n      :where(.jinmi-flex) {\n        /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n        --jinmi-flex: 0 1 auto;\n        --jinmi-flex-direction: column;\n        --jinmi-flex-wrap: nowrap;\n        --jinmi-flex-justify: flex-start;\n        --jinmi-flex-align: stretch;\n        --jinmi-flex-width: auto;\n        --jinmi-flex-height: auto;\n        --jinmi-flex-padding: 0;\n\n        /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n        --jinmi-flex-padding-inline: var(--jinmi-flex-padding);\n        --jinmi-flex-padding-block: var(--jinmi-flex-padding);\n        --jinmi-flex-gap: 0;\n\n        display: flex;\n        flex: var(--jinmi-flex);\n        flex-flow: var(--jinmi-flex-direction) var(--jinmi-flex-wrap);\n        gap: var(--jinmi-flex-gap);\n        align-items: var(--jinmi-flex-align);\n        justify-content: var(--jinmi-flex-justify);\n\n        width: var(--jinmi-flex-width);\n        height: var(--jinmi-flex-height);\n        padding: var(--jinmi-flex-padding);\n        padding-block: var(--jinmi-flex-padding-block);\n        padding-inline: var(--jinmi-flex-padding-inline);\n      }\n\n      .jinmi-flex-hidden {\n        display: none;\n      }\n    }\n\n    /* Brand Loading */\n    @keyframes draw {\n      0% {\n        stroke-dashoffset: 1000;\n      }\n\n      100% {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    @keyframes fill {\n      30% {\n        fill-opacity: 0.05;\n      }\n\n      100% {\n        fill-opacity: 1;\n      }\n    }\n\n    .jinmi-brand-loading path {\n      fill: currentcolor;\n      fill-opacity: 0;\n      stroke: currentcolor;\n      stroke-dasharray: 1000;\n      stroke-dashoffset: 1000;\n      stroke-width: 0.25em;\n\n      animation:\n        draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n        fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n    }\n  `;\n};\n"],"mappings":";;;;;;;;;AAUA,IAAA,qBAAgB,UAAiB;CAC/B,MAAM,QAAQ,WAAW,MAAM,aAAa,SAAS;CACrD,MAAM,MAAM,SAAS,MAAM,aAAa,SAAS;CAEjD,OAAO,GAAG;;;;;gCAKoB,MAAM,aAAa,2BAA2B,kBAAkB;;;6BAGnE,MAAM,WAAW;gCACd,MAAM,aAAa;oCACf,MAAM,iBAAiB;kCACzB,MAAM,eAAe;kCACrB,MAAM,eAAe;;;2BAG5B,IAAI,SAAS;kCACN,IAAI,eAAe;iCACpB,IAAI,cAAc;gCACnB,IAAI,aAAa;;;;;;;;;;SAUxC,WAAW,eAAe;WACxB,WAAW,oBAAoB;sBACpB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0E9C"}