@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Avatar/style.mjs

@@ -0,0 +1,73 @@
+import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Avatar/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		borderless: staticStylish.variantBorderlessWithoutHover,
+		content: css`
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      width: 100%;
+      height: 100%;
+      padding: 0;
+
+      font-size: inherit;
+      font-weight: bolder;
+      line-height: 1;
+      color: inherit;
+    `,
+		filled: staticStylish.variantFilledWithoutHover,
+		img: css`
+      flex: none;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    `,
+		loading: css`
+      position: absolute;
+      inset: 0;
+      color: #fff;
+      background: ${cssVar.colorBgMask};
+    `,
+		outlined: staticStylish.variantOutlinedWithoutHover,
+		root: css`
+      user-select: none;
+
+      position: relative;
+
+      overflow: hidden;
+      display: flex;
+      flex: none;
+      align-items: center;
+      justify-content: center;
+
+      background: transparent;
+    `,
+		shadow: staticStylish.shadow
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: {
+		shadow: false,
+		variant: "borderless"
+	},
+	variants: {
+		variant: {
+			filled: styles.filled,
+			outlined: styles.outlined,
+			borderless: styles.borderless
+		},
+		shadow: {
+			false: null,
+			true: styles.shadow
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Avatar/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Avatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\r\n    content: css`\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 0;\r\n\r\n      font-size: inherit;\r\n      font-weight: bolder;\r\n      line-height: 1;\r\n      color: inherit;\r\n    `,\r\n    filled: lobeStaticStylish.variantFilledWithoutHover,\r\n    img: css`\r\n      flex: none;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    `,\r\n    loading: css`\r\n      position: absolute;\r\n      inset: 0;\r\n      color: #fff;\r\n      background: ${cssVar.colorBgMask};\r\n    `,\r\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\r\n    root: css`\r\n      user-select: none;\r\n\r\n      position: relative;\r\n\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      background: transparent;\r\n    `,\r\n    shadow: lobeStaticStylish.shadow,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    shadow: false,\r\n    variant: 'borderless',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,SAAS,GAAG;;;;;;;;;;;;;;;EAeZ,QAAQA,cAAkB;EAC1B,KAAK,GAAG;;;;;;EAMR,SAAS,GAAG;;;;oBAII,OAAO,YAAY;;EAEnC,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;;EAaT,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/base-ui/Avatar/type.d.mts

@@ -0,0 +1,128 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Avatar/type.d.ts
+interface AvatarClassNames {
+  content?: string;
+  img?: string;
+  loading?: string;
+  root?: string;
+}
+interface AvatarStyles {
+  content?: CSSProperties;
+  img?: CSSProperties;
+  loading?: CSSProperties;
+  root?: CSSProperties;
+}
+interface AvatarProps extends ComponentProps<'div'> {
+  /**
+   * Alias for the native `alt` attribute of the rendered image
+   */
+  alt?: string;
+  /**
+   * Play the animated emoji variant instead of the static one
+   */
+  animation?: boolean;
+  /**
+   * Avatar content: an image URL, an emoji, or a custom React node
+   */
+  avatar?: string | ReactNode;
+  /**
+   * Background color, ignored when the avatar is an image or a custom node
+   */
+  background?: string;
+  /**
+   * Show the outer ring
+   */
+  bordered?: boolean;
+  /**
+   * Custom color for the outer ring
+   */
+  borderedColor?: string;
+  /**
+   * Custom class names for each part
+   */
+  classNames?: AvatarClassNames;
+  /**
+   * Native `crossOrigin` attribute forwarded to the rendered image
+   */
+  crossOrigin?: '' | 'anonymous' | 'use-credentials';
+  /**
+   * Native `draggable` attribute of the rendered image
+   * @default false
+   */
+  draggable?: boolean;
+  /**
+   * Scale the emoji down when a background color is present
+   * @default true
+   */
+  emojiScaleWithBackground?: boolean;
+  /**
+   * Show the full-size loading overlay
+   */
+  loading?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  /**
+   * Apply the lobe shadow style
+   */
+  shadow?: boolean;
+  /**
+   * @default 'square'
+   */
+  shape?: 'circle' | 'square';
+  /**
+   * Width and height in pixels
+   * @default 48
+   */
+  size?: number;
+  /**
+   * Slice fallback text to its first two characters
+   * @default true
+   */
+  sliceText?: boolean;
+  /**
+   * Custom styles for each part
+   */
+  styles?: AvatarStyles;
+  /**
+   * Fallback text when no avatar content resolves; also used as the default image alt text
+   */
+  title?: string;
+  /**
+   * Reserved for tooltip integration; not rendered yet
+   */
+  tooltipProps?: Record<string, unknown>;
+  /**
+   * Accepted for compatibility with next/image-based avatars; has no effect on the native img
+   */
+  unoptimized?: boolean;
+  /**
+   * Visual variant
+   * @default 'borderless'
+   */
+  variant?: 'borderless' | 'filled' | 'outlined';
+}
+interface AvatarGroupItemType extends Pick<AvatarProps, 'avatar' | 'title' | 'alt' | 'onClick' | 'style' | 'className' | 'loading'> {
+  key: string;
+}
+interface AvatarGroupProps extends Pick<AvatarProps, 'variant' | 'bordered' | 'shadow' | 'size' | 'background' | 'animation' | 'draggable' | 'shape'>, Omit<FlexboxProps, 'children' | 'draggable' | 'onClick' | 'ref'> {
+  classNames?: {
+    avatar?: string;
+    count?: string;
+  };
+  items: AvatarGroupItemType[];
+  max?: number;
+  onClick?: (props: {
+    item: AvatarGroupItemType;
+    key: string;
+  }) => void;
+  ref?: Ref<HTMLDivElement>;
+  styles?: {
+    avatar?: CSSProperties;
+    count?: CSSProperties;
+  };
+  zIndexReverse?: boolean;
+}
+//#endregion
+export { AvatarClassNames, AvatarGroupItemType, AvatarGroupProps, AvatarProps, AvatarStyles };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Avatar/utils.mjs

@@ -0,0 +1,27 @@
+import { isValidElement } from "react";
+//#region src/base-ui/Avatar/utils.ts
+const isDefaultAntAvatar = (avatar) => {
+	if (!avatar) return false;
+	const isUrlOrDataUri = typeof avatar === "string" && [
+		"/",
+		"http",
+		"data:"
+	].some((prefix) => avatar.startsWith(prefix));
+	return Boolean(isUrlOrDataUri || isValidElement(avatar));
+};
+const hasValidBackground = (background) => {
+	return Boolean(background && background !== "transparent" && background !== "rgba(0,0,0,0)" && background !== null);
+};
+const formatAvatarText = (text, sliceText) => {
+	if (!text) return "";
+	const upperText = text.toUpperCase();
+	return sliceText ? upperText.slice(0, 2) : upperText;
+};
+const calculateEmojiSize = (size, hasBackground, emojiScaleWithBackground) => {
+	if (emojiScaleWithBackground) return hasBackground ? size * .85 : size;
+	return size * .85;
+};
+//#endregion
+export { calculateEmojiSize, formatAvatarText, hasValidBackground, isDefaultAntAvatar };
+
+//# sourceMappingURL=utils.mjs.map

package/es/base-ui/Avatar/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/base-ui/Avatar/utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\r\n\r\nexport const isDefaultAntAvatar = (avatar: ReactNode): boolean => {\r\n  if (!avatar) return false;\r\n\r\n  const isStringAvatar = typeof avatar === 'string';\r\n  const isUrlOrDataUri =\r\n    isStringAvatar && ['/', 'http', 'data:'].some((prefix) => avatar.startsWith(prefix));\r\n\r\n  return Boolean(isUrlOrDataUri || isValidElement(avatar));\r\n};\r\n\r\nexport const hasValidBackground = (background?: string | null): boolean => {\r\n  return Boolean(\r\n    background &&\r\n    background !== 'transparent' &&\r\n    background !== 'rgba(0,0,0,0)' &&\r\n    background !== null,\r\n  );\r\n};\r\n\r\nexport const formatAvatarText = (text: string | undefined, sliceText: boolean): string => {\r\n  if (!text) return '';\r\n\r\n  const upperText = text.toUpperCase();\r\n  return sliceText ? upperText.slice(0, 2) : upperText;\r\n};\r\n\r\nexport const calculateEmojiSize = (\r\n  size: number,\r\n  hasBackground: boolean,\r\n  emojiScaleWithBackground: boolean,\r\n): number => {\r\n  if (emojiScaleWithBackground) {\r\n    return hasBackground ? size * 0.85 : size;\r\n  }\r\n  return size * 0.85;\r\n};\r\n"],"mappings":";;AAEA,MAAa,sBAAsB,WAA+B;CAChE,IAAI,CAAC,QAAQ,OAAO;CAGpB,MAAM,iBADiB,OAAO,WAAW,YAErB;EAAC;EAAK;EAAQ;CAAO,CAAC,CAAC,MAAM,WAAW,OAAO,WAAW,MAAM,CAAC;CAErF,OAAO,QAAQ,kBAAkB,eAAe,MAAM,CAAC;AACzD;AAEA,MAAa,sBAAsB,eAAwC;CACzE,OAAO,QACL,cACA,eAAe,iBACf,eAAe,mBACf,eAAe,IACjB;AACF;AAEA,MAAa,oBAAoB,MAA0B,cAA+B;CACxF,IAAI,CAAC,MAAM,OAAO;CAElB,MAAM,YAAY,KAAK,YAAY;CACnC,OAAO,YAAY,UAAU,MAAM,GAAG,CAAC,IAAI;AAC7C;AAEA,MAAa,sBACX,MACA,eACA,6BACW;CACX,IAAI,0BACF,OAAO,gBAAgB,OAAO,MAAO;CAEvC,OAAO,OAAO;AAChB"}

package/es/base-ui/Badge/Badge.d.mts

@@ -0,0 +1,6 @@
+import { BadgeProps } from "./type.mjs";
+//#region src/base-ui/Badge/Badge.d.ts
+declare const Badge: import("react").NamedExoticComponent<BadgeProps>;
+//#endregion
+export { Badge as default };
+//# sourceMappingURL=Badge.d.mts.map

package/es/base-ui/Badge/Badge.mjs

@@ -0,0 +1,73 @@
+"use client";
+import { pillSize, statusColor, styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/base-ui/Badge/Badge.tsx
+const Badge = memo(({ children, className, color, count, dot = false, offset, overflowCount = 99, ref, showZero = false, size = "default", status, style, text, ...rest }) => {
+	if (children == null && (status !== void 0 || text !== void 0)) {
+		const dotColor = color ?? statusColor[status ?? "default"];
+		return /* @__PURE__ */ jsxs("span", {
+			className: cx(styles.statusRoot, className),
+			ref,
+			style,
+			...rest,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cx(styles.statusDot, status === "processing" && styles.statusDotProcessing),
+				style: {
+					background: dotColor,
+					color: dotColor
+				}
+			}), text && /* @__PURE__ */ jsx("span", {
+				className: styles.statusText,
+				children: text
+			})]
+		});
+	}
+	let content = null;
+	let renderPill = dot;
+	if (!dot) {
+		if (typeof count === "number") {
+			if (count !== 0 || showZero) {
+				renderPill = true;
+				content = count > overflowCount ? `${overflowCount}+` : count;
+			}
+		} else if (count != null) {
+			renderPill = true;
+			content = count;
+		}
+	}
+	const pillStyle = {
+		background: color,
+		transform: offset ? `translate(${offset[0]}px, ${offset[1]}px)` : void 0
+	};
+	if (children == null) {
+		if (!renderPill) return null;
+		return /* @__PURE__ */ jsx("span", {
+			className: cx(pillSize({ size }), dot && styles.pillDot, className),
+			ref,
+			style: {
+				...pillStyle,
+				...style
+			},
+			...rest,
+			children: !dot && content
+		});
+	}
+	return /* @__PURE__ */ jsxs("span", {
+		className: cx(styles.wrapper, className),
+		ref,
+		style,
+		...rest,
+		children: [children, renderPill && /* @__PURE__ */ jsx("span", {
+			className: cx(pillSize({ size }), styles.pillAbsolute, dot && styles.pillDot),
+			style: pillStyle,
+			children: !dot && content
+		})]
+	});
+});
+Badge.displayName = "Badge";
+//#endregion
+export { Badge as default };
+
+//# sourceMappingURL=Badge.mjs.map

package/es/base-ui/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","names":[],"sources":["../../../src/base-ui/Badge/Badge.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo, type ReactNode } from 'react';\r\n\r\nimport { pillSize, statusColor, styles } from './style';\r\nimport type { BadgeProps } from './type';\r\n\r\nconst Badge = memo<BadgeProps>(\r\n  ({\r\n    children,\r\n    className,\r\n    color,\r\n    count,\r\n    dot = false,\r\n    offset,\r\n    overflowCount = 99,\r\n    ref,\r\n    showZero = false,\r\n    size = 'default',\r\n    status,\r\n    style,\r\n    text,\r\n    ...rest\r\n  }) => {\r\n    const isStatusMode = children == null && (status !== undefined || text !== undefined);\r\n\r\n    if (isStatusMode) {\r\n      const dotColor = color ?? statusColor[status ?? 'default'];\r\n\r\n      return (\r\n        <span className={cx(styles.statusRoot, className)} ref={ref} style={style} {...rest}>\r\n          <span\r\n            className={cx(styles.statusDot, status === 'processing' && styles.statusDotProcessing)}\r\n            style={{ background: dotColor, color: dotColor }}\r\n          />\r\n          {text && <span className={styles.statusText}>{text}</span>}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    let content: ReactNode = null;\r\n    let renderPill = dot;\r\n\r\n    if (!dot) {\r\n      if (typeof count === 'number') {\r\n        if (count !== 0 || showZero) {\r\n          renderPill = true;\r\n          content = count > overflowCount ? `${overflowCount}+` : count;\r\n        }\r\n      } else if (count != null) {\r\n        renderPill = true;\r\n        content = count;\r\n      }\r\n    }\r\n\r\n    const pillStyle = {\r\n      background: color,\r\n      transform: offset ? `translate(${offset[0]}px, ${offset[1]}px)` : undefined,\r\n    };\r\n\r\n    if (children == null) {\r\n      if (!renderPill) return null;\r\n\r\n      return (\r\n        <span\r\n          className={cx(pillSize({ size }), dot && styles.pillDot, className)}\r\n          ref={ref}\r\n          style={{ ...pillStyle, ...style }}\r\n          {...rest}\r\n        >\r\n          {!dot && content}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <span className={cx(styles.wrapper, className)} ref={ref} style={style} {...rest}>\r\n        {children}\r\n        {renderPill && (\r\n          <span\r\n            className={cx(pillSize({ size }), styles.pillAbsolute, dot && styles.pillDot)}\r\n            style={pillStyle}\r\n          >\r\n            {!dot && content}\r\n          </span>\r\n        )}\r\n      </span>\r\n    );\r\n  },\r\n);\r\n\r\nBadge.displayName = 'Badge';\r\n\r\nexport default Badge;\r\n"],"mappings":";;;;;;AAQA,MAAM,QAAQ,MACX,EACC,UACA,WACA,OACA,OACA,MAAM,OACN,QACA,gBAAgB,IAChB,KACA,WAAW,OACX,OAAO,WACP,QACA,OACA,MACA,GAAG,WACC;CAGJ,IAFqB,YAAY,SAAS,WAAW,KAAA,KAAa,SAAS,KAAA,IAEzD;EAChB,MAAM,WAAW,SAAS,YAAY,UAAU;EAEhD,OACE,qBAAC,QAAD;GAAM,WAAW,GAAG,OAAO,YAAY,SAAS;GAAQ;GAAY;GAAO,GAAI;GAA/E,UAAA,CACE,oBAAC,QAAD;IACE,WAAW,GAAG,OAAO,WAAW,WAAW,gBAAgB,OAAO,mBAAmB;IACrF,OAAO;KAAE,YAAY;KAAU,OAAO;IAAS;GAChD,CAAA,GACA,QAAQ,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAa,UAAA;GAAW,CAAA,CACrD;;CAEV;CAEA,IAAI,UAAqB;CACzB,IAAI,aAAa;CAEjB,IAAI,CAAC,KAAK;EACR,IAAI,OAAO,UAAU,UACf;OAAA,UAAU,KAAK,UAAU;IAC3B,aAAa;IACb,UAAU,QAAQ,gBAAgB,GAAG,cAAc,KAAK;GAC1D;SACK,IAAI,SAAS,MAAM;GACxB,aAAa;GACb,UAAU;EACZ;CACF;CAEA,MAAM,YAAY;EAChB,YAAY;EACZ,WAAW,SAAS,aAAa,OAAO,GAAG,MAAM,OAAO,GAAG,OAAO,KAAA;CACpE;CAEA,IAAI,YAAY,MAAM;EACpB,IAAI,CAAC,YAAY,OAAO;EAExB,OACE,oBAAC,QAAD;GACE,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,OAAO,OAAO,SAAS,SAAS;GAC7D;GACL,OAAO;IAAE,GAAG;IAAW,GAAG;GAAM;GAChC,GAAI;GAEH,UAAA,CAAC,OAAO;EACL,CAAA;CAEV;CAEA,OACE,qBAAC,QAAD;EAAM,WAAW,GAAG,OAAO,SAAS,SAAS;EAAQ;EAAY;EAAO,GAAI;EAA5E,UAAA,CACG,UACA,cACC,oBAAC,QAAD;GACE,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,OAAO,cAAc,OAAO,OAAO,OAAO;GAC5E,OAAO;GAEN,UAAA,CAAC,OAAO;EACL,CAAA,CAEJ;;AAEV,CACF;AAEA,MAAM,cAAc"}

package/es/base-ui/Badge/index.d.mts

@@ -0,0 +1,3 @@
+import { BadgeProps, BadgeSize, BadgeStatus } from "./type.mjs";
+import Badge from "./Badge.mjs";
+export { type BadgeProps, type BadgeSize, type BadgeStatus, Badge as default };

package/es/base-ui/Badge/style.mjs

@@ -0,0 +1,112 @@
+import { createStaticStyles, cssVar, keyframes } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Badge/style.ts
+const pulse = keyframes`
+  to {
+    scale: 2.4;
+    opacity: 0;
+  }
+`;
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	pill: css`
+    display: inline-block;
+
+    box-sizing: border-box;
+    min-width: 18px;
+    height: 18px;
+    padding-inline: 5px;
+    border-radius: 999px;
+
+    font-family: ${cssVar.fontFamilyCode};
+    font-size: 11px;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+    line-height: 18px;
+    color: ${cssVar.colorWhite};
+    text-align: center;
+    white-space: nowrap;
+
+    background: ${cssVar.colorError};
+    box-shadow: 0 0 0 1.5px ${cssVar.colorBgContainer};
+  `,
+	pillAbsolute: css`
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    translate: 50% -50%;
+  `,
+	pillDot: css`
+    width: 8px;
+    min-width: 0;
+    height: 8px;
+    padding: 0;
+
+    box-shadow: none;
+  `,
+	pillSmall: css`
+    min-width: 14px;
+    height: 14px;
+    font-size: 11px;
+    line-height: 14px;
+  `,
+	statusDot: css`
+    position: relative;
+
+    flex-shrink: 0;
+
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+
+    background: ${cssVar.colorTextQuaternary};
+  `,
+	statusDotProcessing: css`
+    &::after {
+      content: '';
+
+      position: absolute;
+      inset: -1px;
+
+      border: 1px solid currentcolor;
+      border-radius: 50%;
+
+      animation: ${pulse} 1.2s ease-out infinite;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      &::after {
+        animation: none;
+      }
+    }
+  `,
+	statusRoot: css`
+    display: inline-flex;
+    gap: 8px;
+    align-items: center;
+  `,
+	statusText: css`
+    color: ${cssVar.colorText};
+  `,
+	wrapper: css`
+    position: relative;
+    display: inline-block;
+  `
+}));
+const statusColor = {
+	default: cssVar.colorTextQuaternary,
+	error: cssVar.colorError,
+	processing: cssVar.colorInfo,
+	success: cssVar.colorSuccess,
+	warning: cssVar.colorWarning
+};
+const pillSize = cva(styles.pill, {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: null,
+		small: styles.pillSmall
+	} }
+});
+//#endregion
+export { pillSize, statusColor, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Badge/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Badge/style.ts"],"sourcesContent":["import { createStaticStyles, cssVar, keyframes } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nconst pulse = keyframes`\r\n  to {\r\n    scale: 2.4;\r\n    opacity: 0;\r\n  }\r\n`;\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  pill: css`\r\n    display: inline-block;\r\n\r\n    box-sizing: border-box;\r\n    min-width: 18px;\r\n    height: 18px;\r\n    padding-inline: 5px;\r\n    border-radius: 999px;\r\n\r\n    font-family: ${cssVar.fontFamilyCode};\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    font-variant-numeric: tabular-nums;\r\n    line-height: 18px;\r\n    color: ${cssVar.colorWhite};\r\n    text-align: center;\r\n    white-space: nowrap;\r\n\r\n    background: ${cssVar.colorError};\r\n    box-shadow: 0 0 0 1.5px ${cssVar.colorBgContainer};\r\n  `,\r\n  pillAbsolute: css`\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-end: 0;\r\n    translate: 50% -50%;\r\n  `,\r\n  pillDot: css`\r\n    width: 8px;\r\n    min-width: 0;\r\n    height: 8px;\r\n    padding: 0;\r\n\r\n    box-shadow: none;\r\n  `,\r\n  pillSmall: css`\r\n    min-width: 14px;\r\n    height: 14px;\r\n    font-size: 11px;\r\n    line-height: 14px;\r\n  `,\r\n  statusDot: css`\r\n    position: relative;\r\n\r\n    flex-shrink: 0;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n\r\n    background: ${cssVar.colorTextQuaternary};\r\n  `,\r\n  statusDotProcessing: css`\r\n    &::after {\r\n      content: '';\r\n\r\n      position: absolute;\r\n      inset: -1px;\r\n\r\n      border: 1px solid currentcolor;\r\n      border-radius: 50%;\r\n\r\n      animation: ${pulse} 1.2s ease-out infinite;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      &::after {\r\n        animation: none;\r\n      }\r\n    }\r\n  `,\r\n  statusRoot: css`\r\n    display: inline-flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  `,\r\n  statusText: css`\r\n    color: ${cssVar.colorText};\r\n  `,\r\n  wrapper: css`\r\n    position: relative;\r\n    display: inline-block;\r\n  `,\r\n}));\r\n\r\nexport const statusColor: Record<string, string> = {\r\n  default: cssVar.colorTextQuaternary,\r\n  error: cssVar.colorError,\r\n  processing: cssVar.colorInfo,\r\n  success: cssVar.colorSuccess,\r\n  warning: cssVar.colorWarning,\r\n};\r\n\r\nexport const pillSize = cva(styles.pill, {\r\n  defaultVariants: {\r\n    size: 'default',\r\n  },\r\n  variants: {\r\n    size: {\r\n      default: null,\r\n      small: styles.pillSmall,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAM,QAAQ,SAAS;;;;;;AAOvB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;mBASQ,OAAO,eAAe;;;;;aAK5B,OAAO,WAAW;;;;kBAIb,OAAO,WAAW;8BACN,OAAO,iBAAiB;;CAEpD,cAAc,GAAG;;;;;;CAMjB,SAAS,GAAG;;;;;;;;CAQZ,WAAW,GAAG;;;;;;CAMd,WAAW,GAAG;;;;;;;;;kBASE,OAAO,oBAAoB;;CAE3C,qBAAqB,GAAG;;;;;;;;;;mBAUP,MAAM;;;;;;;;;CASvB,YAAY,GAAG;;;;;CAKf,YAAY,GAAG;aACJ,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;;AAId,EAAE;AAEF,MAAa,cAAsC;CACjD,SAAS,OAAO;CAChB,OAAO,OAAO;CACd,YAAY,OAAO;CACnB,SAAS,OAAO;CAChB,SAAS,OAAO;AAClB;AAEA,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS;EACT,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

package/es/base-ui/Badge/type.d.mts

@@ -0,0 +1,19 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Badge/type.d.ts
+type BadgeStatus = 'success' | 'processing' | 'default' | 'error' | 'warning';
+type BadgeSize = 'default' | 'small';
+interface BadgeProps extends Omit<ComponentProps<'span'>, 'color'> {
+  color?: string;
+  count?: ReactNode;
+  dot?: boolean;
+  offset?: [number, number];
+  overflowCount?: number;
+  ref?: Ref<HTMLSpanElement>;
+  showZero?: boolean;
+  size?: BadgeSize;
+  status?: BadgeStatus;
+  text?: ReactNode;
+}
+//#endregion
+export { BadgeProps, BadgeSize, BadgeStatus };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Breadcrumb/Breadcrumb.d.mts

@@ -0,0 +1,6 @@
+import { BreadcrumbProps } from "./type.mjs";
+//#region src/base-ui/Breadcrumb/Breadcrumb.d.ts
+declare const Breadcrumb: import("react").NamedExoticComponent<BreadcrumbProps>;
+//#endregion
+export { Breadcrumb as default };
+//# sourceMappingURL=Breadcrumb.d.mts.map

package/es/base-ui/Breadcrumb/Breadcrumb.mjs

@@ -0,0 +1,58 @@
+"use client";
+import A from "../../A/index.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { ChevronRight } from "lucide-react";
+//#region src/base-ui/Breadcrumb/Breadcrumb.tsx
+const renderTitle = (item) => {
+	if (item.href) return /* @__PURE__ */ jsx(A, {
+		className: styles.link,
+		href: item.href,
+		onClick: item.onClick,
+		children: item.title
+	});
+	if (item.onClick) return /* @__PURE__ */ jsx("button", {
+		className: styles.button,
+		type: "button",
+		onClick: item.onClick,
+		children: item.title
+	});
+	return item.title;
+};
+const Breadcrumb = memo(({ className, classNames, items, ref, separator, styles: customStyles, ...rest }) => {
+	const separatorNode = separator ?? /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronRight,
+		size: 14
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		className: cx(styles.root, className),
+		ref,
+		...rest,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: styles.list,
+			children: items.map((item, index) => {
+				const isLast = index === items.length - 1;
+				return /* @__PURE__ */ jsxs("li", {
+					"aria-current": isLast ? "page" : void 0,
+					className: cx(styles.item, classNames?.item),
+					style: customStyles?.item,
+					children: [renderTitle(item), !isLast && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: cx(styles.separator, classNames?.separator),
+						style: customStyles?.separator,
+						children: separatorNode
+					})]
+				}, item.key ?? index);
+			})
+		})
+	});
+});
+Breadcrumb.displayName = "Breadcrumb";
+//#endregion
+export { Breadcrumb as default };
+
+//# sourceMappingURL=Breadcrumb.mjs.map

package/es/base-ui/Breadcrumb/Breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.mjs","names":[],"sources":["../../../src/base-ui/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { ChevronRight } from 'lucide-react';\r\nimport { memo, type ReactNode } from 'react';\r\n\r\nimport A from '@/A';\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles } from './style';\r\nimport type { BreadcrumbItem, BreadcrumbProps } from './type';\r\n\r\nconst renderTitle = (item: BreadcrumbItem): ReactNode => {\r\n  if (item.href) {\r\n    return (\r\n      <A className={styles.link} href={item.href} onClick={item.onClick}>\r\n        {item.title}\r\n      </A>\r\n    );\r\n  }\r\n\r\n  if (item.onClick) {\r\n    return (\r\n      <button className={styles.button} type=\"button\" onClick={item.onClick}>\r\n        {item.title}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return item.title;\r\n};\r\n\r\nconst Breadcrumb = memo<BreadcrumbProps>(\r\n  ({ className, classNames, items, ref, separator, styles: customStyles, ...rest }) => {\r\n    const separatorNode = separator ?? <Icon icon={ChevronRight} size={14} />;\r\n\r\n    return (\r\n      <nav aria-label=\"breadcrumb\" className={cx(styles.root, className)} ref={ref} {...rest}>\r\n        <ol className={styles.list}>\r\n          {items.map((item, index) => {\r\n            const isLast = index === items.length - 1;\r\n\r\n            return (\r\n              <li\r\n                aria-current={isLast ? 'page' : undefined}\r\n                className={cx(styles.item, classNames?.item)}\r\n                key={item.key ?? index}\r\n                style={customStyles?.item}\r\n              >\r\n                {renderTitle(item)}\r\n                {!isLast && (\r\n                  <span\r\n                    aria-hidden=\"true\"\r\n                    className={cx(styles.separator, classNames?.separator)}\r\n                    style={customStyles?.separator}\r\n                  >\r\n                    {separatorNode}\r\n                  </span>\r\n                )}\r\n              </li>\r\n            );\r\n          })}\r\n        </ol>\r\n      </nav>\r\n    );\r\n  },\r\n);\r\n\r\nBreadcrumb.displayName = 'Breadcrumb';\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,eAAe,SAAoC;CACvD,IAAI,KAAK,MACP,OACE,oBAAC,GAAD;EAAG,WAAW,OAAO;EAAM,MAAM,KAAK;EAAM,SAAS,KAAK;EACvD,UAAA,KAAK;CACL,CAAA;CAIP,IAAI,KAAK,SACP,OACE,oBAAC,UAAD;EAAQ,WAAW,OAAO;EAAQ,MAAK;EAAS,SAAS,KAAK;EAC3D,UAAA,KAAK;CACA,CAAA;CAIZ,OAAO,KAAK;AACd;AAEA,MAAM,aAAa,MAChB,EAAE,WAAW,YAAY,OAAO,KAAK,WAAW,QAAQ,cAAc,GAAG,WAAW;CACnF,MAAM,gBAAgB,aAAa,oBAAC,MAAD;EAAM,MAAM;EAAc,MAAM;CAAK,CAAA;CAExE,OACE,oBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,GAAG,OAAO,MAAM,SAAS;EAAQ;EAAK,GAAI;EAChF,UAAA,oBAAC,MAAD;GAAI,WAAW,OAAO;GACnB,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,SAAS,UAAU,MAAM,SAAS;IAExC,OACE,qBAAC,MAAD;KACE,gBAAc,SAAS,SAAS,KAAA;KAChC,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;KAE3C,OAAO,cAAc;KAJvB,UAAA,CAMG,YAAY,IAAI,GAChB,CAAC,UACA,oBAAC,QAAD;MACE,eAAY;MACZ,WAAW,GAAG,OAAO,WAAW,YAAY,SAAS;MACrD,OAAO,cAAc;MAEpB,UAAA;KACG,CAAA,CAEN;IAbG,GAAA,KAAK,OAAO,KAaf;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CACF;AAEA,WAAW,cAAc"}

package/es/base-ui/Breadcrumb/index.d.mts

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

package/es/base-ui/Breadcrumb/style.mjs

@@ -0,0 +1,65 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Breadcrumb/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	button: css`
+    cursor: pointer;
+
+    padding: 0;
+    border: 0;
+
+    font: inherit;
+    color: inherit;
+
+    background: none;
+  `,
+	item: css`
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    color: ${cssVar.colorTextDescription};
+
+    & a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    &[aria-current='page'] {
+      font-weight: 500;
+      color: ${cssVar.colorText};
+    }
+  `,
+	link: css`
+    border-radius: 4px;
+    color: inherit;
+    text-decoration: none;
+  `,
+	list: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    align-items: center;
+
+    margin: 0;
+    padding: 0;
+
+    list-style: none;
+  `,
+	root: css`
+    font-size: 14px;
+    line-height: 1.5;
+
+    & a:hover,
+    & button:hover {
+      color: ${cssVar.colorText};
+    }
+  `,
+	separator: css`
+    display: inline-flex;
+    align-items: center;
+    color: ${cssVar.colorTextQuaternary};
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Breadcrumb/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Breadcrumb/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  button: css`\r\n    cursor: pointer;\r\n\r\n    padding: 0;\r\n    border: 0;\r\n\r\n    font: inherit;\r\n    color: inherit;\r\n\r\n    background: none;\r\n  `,\r\n  item: css`\r\n    display: flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n    color: ${cssVar.colorTextDescription};\r\n\r\n    & a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    &[aria-current='page'] {\r\n      font-weight: 500;\r\n      color: ${cssVar.colorText};\r\n    }\r\n  `,\r\n  link: css`\r\n    border-radius: 4px;\r\n    color: inherit;\r\n    text-decoration: none;\r\n  `,\r\n  list: css`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n    align-items: center;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n  `,\r\n  root: css`\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n\r\n    & a:hover,\r\n    & button:hover {\r\n      color: ${cssVar.colorText};\r\n    }\r\n  `,\r\n  separator: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n    color: ${cssVar.colorTextQuaternary};\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;CAWX,MAAM,GAAG;;;;aAIE,OAAO,qBAAqB;;;;;;;;;eAS1B,OAAO,UAAU;;;CAG9B,MAAM,GAAG;;;;;CAKT,MAAM,GAAG;;;;;;;;;;;CAWT,MAAM,GAAG;;;;;;eAMI,OAAO,UAAU;;;CAG9B,WAAW,GAAG;;;aAGH,OAAO,oBAAoB;;AAExC,EAAE"}

package/es/base-ui/Breadcrumb/type.d.mts

@@ -0,0 +1,24 @@
+import { CSSProperties, ComponentProps, Key, MouseEventHandler, ReactNode, Ref } from "react";
+//#region src/base-ui/Breadcrumb/type.d.ts
+interface BreadcrumbItem {
+  href?: string;
+  key?: Key;
+  onClick?: MouseEventHandler<HTMLElement>;
+  title: ReactNode;
+}
+interface BreadcrumbProps extends Omit<ComponentProps<'nav'>, 'children'> {
+  classNames?: {
+    item?: string;
+    separator?: string;
+  };
+  items: BreadcrumbItem[];
+  ref?: Ref<HTMLElement>;
+  separator?: ReactNode;
+  styles?: {
+    item?: CSSProperties;
+    separator?: CSSProperties;
+  };
+}
+//#endregion
+export { BreadcrumbItem, BreadcrumbProps };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Burger/Burger.d.mts

@@ -0,0 +1,6 @@
+import { BurgerProps } from "./type.mjs";
+//#region src/base-ui/Burger/Burger.d.ts
+declare const Burger: import("react").NamedExoticComponent<BurgerProps>;
+//#endregion
+export { Burger as default };
+//# sourceMappingURL=Burger.d.mts.map