@jinmi/ui 6.0.1 → 6.1.0

package/es/base-ui/Popover/context.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { createContext, memo, use } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/base-ui/Popover/context.tsx
+// src/base-ui/Popover/context.tsx
 const noop = process.env.NODE_ENV === "production" ? () => void 0 : () => {
 	throw new Error("usePopoverContext must be used within a PopoverProvider");
 };
@@ -15,7 +15,6 @@ const PopoverProvider = memo(({ children, value }) => {
 const usePopoverContext = () => {
 	return use(PopoverContext);
 };
-//#endregion
 export { PopoverContext, PopoverProvider, usePopoverContext };
 
 //# sourceMappingURL=context.mjs.map

package/es/base-ui/Popover/groupContext.d.mts

@@ -1,6 +1,5 @@
 import { PopoverProps } from "./type.mjs";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/groupContext.d.ts
 type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;
 type PopoverGroupSharedProps = Omit<PopoverProps, 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'> & {
   /**
@@ -26,6 +25,5 @@ type PopoverGroupHandle = ReturnType<typeof Popover.createHandle<PopoverGroupIte
  * trigger to carry a matching `triggerProps.id`.
  */
 declare const usePopoverGroupHandle: () => Popover.Handle<PopoverGroupItem> | null;
-//#endregion
 export { PopoverGroupHandle, PopoverGroupItem, PopoverGroupSharedProps, usePopoverGroupHandle };
 //# sourceMappingURL=groupContext.d.mts.map

package/es/base-ui/Popover/groupContext.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { createContext, use } from "react";
-//#region src/base-ui/Popover/groupContext.ts
+// src/base-ui/Popover/groupContext.ts
 const PopoverGroupHandleContext = createContext(null);
 const PopoverGroupPropsContext = createContext(null);
 /**
@@ -9,7 +9,6 @@ const PopoverGroupPropsContext = createContext(null);
 * trigger to carry a matching `triggerProps.id`.
 */
 const usePopoverGroupHandle = () => use(PopoverGroupHandleContext);
-//#endregion
 export { PopoverGroupHandleContext, PopoverGroupPropsContext, usePopoverGroupHandle };
 
 //# sourceMappingURL=groupContext.mjs.map

package/es/base-ui/Popover/hoverOnlyPress.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Popover/hoverOnlyPress.ts
+// src/base-ui/Popover/hoverOnlyPress.ts
 /**
 * Base UI Popover.Trigger always wires useClick. With openOnHover, a press while
 * the popup is hover-open can re-open with reason `trigger-press` (stickIfOpen),
@@ -19,7 +19,6 @@ function isHoverOnlyTriggerElement(trigger) {
 	if (typeof Element === "undefined" || !(trigger instanceof Element)) return null;
 	return trigger.hasAttribute(HOVER_ONLY_TRIGGER_ATTR);
 }
-//#endregion
 export { HOVER_ONLY_TRIGGER_ATTR, isHoverOnlyTriggerElement, shouldCancelHoverOnlyPressOpen };
 
 //# sourceMappingURL=hoverOnlyPress.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Popover/style.ts
+// src/base-ui/Popover/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	arrow: css`
     --jinmi-popover-arrow-offset-block: 5px;
@@ -309,7 +309,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -3,7 +3,6 @@ import { Trigger } from "../../types/trigger.mjs";
 import "../../types/index.mjs";
 import { CSSProperties, ComponentPropsWithRef, ReactElement, ReactNode } from "react";
 import { Popover, PopoverBackdropProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverTriggerProps } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/type.d.ts
 type PopoverPlacement = Placement;
 type PopoverTrigger = Trigger;
 /**
@@ -148,6 +147,5 @@ interface PopoverProps {
    */
   zIndex?: number;
 }
-//#endregion
 export { PopoverBackdropProps$1 as PopoverBackdropProps, PopoverPlacement, PopoverPopupProps$1 as PopoverPopupProps, PopoverPortalProps$1 as PopoverPortalProps, PopoverPositionerProps$1 as PopoverPositionerProps, PopoverProps, PopoverTrigger, PopoverTriggerComponentProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/Popover/useMergedPopoverProps.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { PopoverGroupPropsContext } from "./groupContext.mjs";
 import { useContext, useMemo } from "react";
-//#region src/base-ui/Popover/useMergedPopoverProps.ts
+// src/base-ui/Popover/useMergedPopoverProps.ts
 const useMergedPopoverProps = (props) => {
 	const sharedProps = useContext(PopoverGroupPropsContext);
 	const { arrow, trigger, placement, className, classNames, styles: styleProps, onOpenChange, content, closeDelay, disabled, getPopupContainer, mouseEnterDelay, mouseLeaveDelay, nativeButton, openDelay, zIndex, positionerProps, triggerProps, popupProps, backdropProps } = props;
@@ -89,7 +89,6 @@ const useMergedPopoverProps = (props) => {
 		zIndex
 	]);
 };
-//#endregion
 export { useMergedPopoverProps };
 
 //# sourceMappingURL=useMergedPopoverProps.mjs.map

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

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

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

@@ -1,11 +1,12 @@
 "use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import Icon from "../../Icon/Icon.mjs";
 import { styles, trackHeight } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
 import { Check, X } from "lucide-react";
-//#region src/base-ui/Progress/Progress.tsx
+// src/base-ui/Progress/Progress.tsx
 const circleDiameterMap = {
 	large: 72,
 	middle: 40,
@@ -28,7 +29,7 @@ const statusColor = {
 };
 const Progress = memo(({ className, format, label, percent, ref, segments = 20, showInfo = true, size = "middle", status = "normal", strokeColor, style, type = "line", variant = "line", ...rest }) => {
 	const clamped = Math.min(100, Math.max(0, percent));
-	const barColor = strokeColor ?? (status === "normal" ? cssVar.colorPrimary : statusColor[status]);
+	const barColor = strokeColor ?? (status === "normal" ? inkCssVar.colorInk : statusColor[status]);
 	const info = useMemo(() => {
 		if (status === "success") return /* @__PURE__ */ jsx(Icon, {
 			icon: Check,
@@ -175,7 +176,6 @@ const Progress = memo(({ className, format, label, percent, ref, segments = 20,
 	});
 });
 Progress.displayName = "Progress";
-//#endregion
 export { Progress as default };
 
 //# sourceMappingURL=Progress.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.mjs","names":[],"sources":["../../../src/base-ui/Progress/Progress.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { Check, X } from 'lucide-react';\r\nimport { memo, useMemo } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles, trackHeight } from './style';\r\nimport type { ProgressProps } from './type';\r\n\r\nconst circleDiameterMap: Record<'small' | 'middle' | 'large', number> = {\r\n  large: 72,\r\n  middle: 40,\r\n  small: 20,\r\n};\r\nconst blockHeightMap: Record<'small' | 'middle' | 'large', number> = {\r\n  large: 12,\r\n  middle: 8,\r\n  small: 4,\r\n};\r\nconst circleStrokeMap: Record<'small' | 'middle' | 'large', number> = {\r\n  large: 4,\r\n  middle: 3,\r\n  small: 2,\r\n};\r\n\r\nconst statusColor = {\r\n  active: cssVar.colorInfo,\r\n  exception: cssVar.colorError,\r\n  success: cssVar.colorSuccess,\r\n};\r\n\r\nconst Progress = memo<ProgressProps>(\r\n  ({\r\n    className,\r\n    format,\r\n    label,\r\n    percent,\r\n    ref,\r\n    segments = 20,\r\n    showInfo = true,\r\n    size = 'middle',\r\n    status = 'normal',\r\n    strokeColor,\r\n    style,\r\n    type = 'line',\r\n    variant = 'line',\r\n    ...rest\r\n  }) => {\r\n    const clamped = Math.min(100, Math.max(0, percent));\r\n    const barColor =\r\n      strokeColor ?? (status === 'normal' ? cssVar.colorPrimary : statusColor[status]);\r\n\r\n    const info = useMemo(() => {\r\n      if (status === 'success') return <Icon icon={Check} size={14} style={{ color: barColor }} />;\r\n      if (status === 'exception') return <Icon icon={X} size={14} style={{ color: barColor }} />;\r\n      return format ? format(clamped) : `${clamped}%`;\r\n    }, [status, format, clamped, barColor]);\r\n\r\n    const ariaValueText = useMemo(() => {\r\n      if (!format) return undefined;\r\n      const value = format(clamped);\r\n      return typeof value === 'string' || typeof value === 'number' ? String(value) : undefined;\r\n    }, [format, clamped]);\r\n\r\n    const progressAria = {\r\n      'aria-valuemax': 100,\r\n      'aria-valuemin': 0,\r\n      'aria-valuenow': clamped,\r\n      'aria-valuetext': ariaValueText,\r\n      'role': 'progressbar' as const,\r\n    };\r\n\r\n    if (type === 'circle') {\r\n      const isPreset = typeof size === 'string';\r\n      const diameter = isPreset\r\n        ? circleDiameterMap[size as 'small' | 'middle' | 'large']\r\n        : (size as number);\r\n      const stroke = isPreset\r\n        ? circleStrokeMap[size as 'small' | 'middle' | 'large']\r\n        : Math.max(2, Math.round((diameter * 3) / 40));\r\n      const radius = diameter / 2 - stroke;\r\n      const circumference = 2 * Math.PI * radius;\r\n      const offset = circumference * (1 - clamped / 100);\r\n\r\n      return (\r\n        <div\r\n          className={cx(styles.circleRoot, className)}\r\n          ref={ref}\r\n          style={style}\r\n          {...progressAria}\r\n          {...rest}\r\n        >\r\n          <svg\r\n            className={styles.circleSvg}\r\n            height={diameter}\r\n            viewBox={`0 0 ${diameter} ${diameter}`}\r\n            width={diameter}\r\n          >\r\n            <circle\r\n              className={styles.circleTrack}\r\n              cx={diameter / 2}\r\n              cy={diameter / 2}\r\n              r={radius}\r\n              strokeWidth={stroke}\r\n            />\r\n            <circle\r\n              cx={diameter / 2}\r\n              cy={diameter / 2}\r\n              fill=\"none\"\r\n              r={radius}\r\n              stroke={barColor}\r\n              strokeDasharray={circumference}\r\n              strokeDashoffset={offset}\r\n              strokeLinecap=\"round\"\r\n              strokeWidth={stroke}\r\n              style={{ transition: 'stroke-dashoffset 0.3s' }}\r\n            />\r\n          </svg>\r\n          {showInfo && diameter >= 40 && (\r\n            <span\r\n              className={styles.circleInfo}\r\n              style={{ fontSize: Math.round(diameter * 0.15 + 6) }}\r\n            >\r\n              {info}\r\n            </span>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    const heightStyle = typeof size === 'number' ? { height: size } : undefined;\r\n    const heightClass = (family: 'line' | 'block') =>\r\n      typeof size === 'number' ? undefined : trackHeight({ family, size });\r\n\r\n    if (variant === 'segments') {\r\n      const filled = Math.round((segments * clamped) / 100);\r\n\r\n      return (\r\n        <div\r\n          className={cx(styles.rowRoot, className)}\r\n          ref={ref}\r\n          style={style}\r\n          {...progressAria}\r\n          {...rest}\r\n        >\r\n          <div className={cx(styles.segments, heightClass('block'))} style={heightStyle}>\r\n            {Array.from({ length: segments }, (_, index) => (\r\n              <span\r\n                className={cx(styles.segment, index < filled && styles.segmentOn)}\r\n                key={index}\r\n                style={index < filled ? { background: barColor } : undefined}\r\n              />\r\n            ))}\r\n          </div>\r\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (variant === 'inset') {\r\n      return (\r\n        <div\r\n          className={cx(styles.rowRoot, className)}\r\n          ref={ref}\r\n          style={style}\r\n          {...progressAria}\r\n          {...rest}\r\n        >\r\n          <div className={cx(styles.split, heightClass('block'))} style={heightStyle}>\r\n            {clamped > 0 && (\r\n              <span\r\n                className={cx(styles.splitFill, status === 'active' && styles.barActive)}\r\n                style={{\r\n                  backgroundColor: barColor,\r\n                  minWidth: typeof size === 'number' ? size : blockHeightMap[size],\r\n                  width: clamped === 100 ? '100%' : `calc((100% - 3px) * ${clamped / 100})`,\r\n                }}\r\n              />\r\n            )}\r\n            {clamped < 100 && <span className={styles.splitRest} />}\r\n          </div>\r\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={cx(styles.lineRoot, className)}\r\n        ref={ref}\r\n        style={style}\r\n        {...progressAria}\r\n        {...rest}\r\n      >\r\n        {(label || showInfo) && (\r\n          <div className={styles.lineMeta}>\r\n            <span>{label}</span>\r\n            {showInfo && <span className={styles.lineValue}>{info}</span>}\r\n          </div>\r\n        )}\r\n        <div className={cx(styles.lineTrack, heightClass('line'))} style={heightStyle}>\r\n          <div\r\n            style={{ backgroundColor: barColor, width: `${clamped}%` }}\r\n            className={cx(\r\n              styles.bar,\r\n              variant === 'line' && status === 'active' && styles.barActive,\r\n            )}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nProgress.displayName = 'Progress';\r\n\r\nexport default Progress;\r\n"],"mappings":"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"}
+{"version":3,"file":"Progress.mjs","names":[],"sources":["../../../src/base-ui/Progress/Progress.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { Check, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport Icon from '@/Icon';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nimport { styles, trackHeight } from './style';\nimport type { ProgressProps } from './type';\n\nconst circleDiameterMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 72,\n  middle: 40,\n  small: 20,\n};\nconst blockHeightMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 12,\n  middle: 8,\n  small: 4,\n};\nconst circleStrokeMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 4,\n  middle: 3,\n  small: 2,\n};\n\nconst statusColor = {\n  active: cssVar.colorInfo,\n  exception: cssVar.colorError,\n  success: cssVar.colorSuccess,\n};\n\nconst Progress = memo<ProgressProps>(\n  ({\n    className,\n    format,\n    label,\n    percent,\n    ref,\n    segments = 20,\n    showInfo = true,\n    size = 'middle',\n    status = 'normal',\n    strokeColor,\n    style,\n    type = 'line',\n    variant = 'line',\n    ...rest\n  }) => {\n    const clamped = Math.min(100, Math.max(0, percent));\n    const barColor =\n      strokeColor ?? (status === 'normal' ? inkCssVar.colorInk : statusColor[status]);\n\n    const info = useMemo(() => {\n      if (status === 'success') return <Icon icon={Check} size={14} style={{ color: barColor }} />;\n      if (status === 'exception') return <Icon icon={X} size={14} style={{ color: barColor }} />;\n      return format ? format(clamped) : `${clamped}%`;\n    }, [status, format, clamped, barColor]);\n\n    const ariaValueText = useMemo(() => {\n      if (!format) return undefined;\n      const value = format(clamped);\n      return typeof value === 'string' || typeof value === 'number' ? String(value) : undefined;\n    }, [format, clamped]);\n\n    const progressAria = {\n      'aria-valuemax': 100,\n      'aria-valuemin': 0,\n      'aria-valuenow': clamped,\n      'aria-valuetext': ariaValueText,\n      'role': 'progressbar' as const,\n    };\n\n    if (type === 'circle') {\n      const isPreset = typeof size === 'string';\n      const diameter = isPreset\n        ? circleDiameterMap[size as 'small' | 'middle' | 'large']\n        : (size as number);\n      const stroke = isPreset\n        ? circleStrokeMap[size as 'small' | 'middle' | 'large']\n        : Math.max(2, Math.round((diameter * 3) / 40));\n      const radius = diameter / 2 - stroke;\n      const circumference = 2 * Math.PI * radius;\n      const offset = circumference * (1 - clamped / 100);\n\n      return (\n        <div\n          className={cx(styles.circleRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <svg\n            className={styles.circleSvg}\n            height={diameter}\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width={diameter}\n          >\n            <circle\n              className={styles.circleTrack}\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              strokeWidth={stroke}\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              fill=\"none\"\n              r={radius}\n              stroke={barColor}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n              strokeWidth={stroke}\n              style={{ transition: 'stroke-dashoffset 0.3s' }}\n            />\n          </svg>\n          {showInfo && diameter >= 40 && (\n            <span\n              className={styles.circleInfo}\n              style={{ fontSize: Math.round(diameter * 0.15 + 6) }}\n            >\n              {info}\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    const heightStyle = typeof size === 'number' ? { height: size } : undefined;\n    const heightClass = (family: 'line' | 'block') =>\n      typeof size === 'number' ? undefined : trackHeight({ family, size });\n\n    if (variant === 'segments') {\n      const filled = Math.round((segments * clamped) / 100);\n\n      return (\n        <div\n          className={cx(styles.rowRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <div className={cx(styles.segments, heightClass('block'))} style={heightStyle}>\n            {Array.from({ length: segments }, (_, index) => (\n              <span\n                className={cx(styles.segment, index < filled && styles.segmentOn)}\n                key={index}\n                style={index < filled ? { background: barColor } : undefined}\n              />\n            ))}\n          </div>\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\n        </div>\n      );\n    }\n\n    if (variant === 'inset') {\n      return (\n        <div\n          className={cx(styles.rowRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <div className={cx(styles.split, heightClass('block'))} style={heightStyle}>\n            {clamped > 0 && (\n              <span\n                className={cx(styles.splitFill, status === 'active' && styles.barActive)}\n                style={{\n                  backgroundColor: barColor,\n                  minWidth: typeof size === 'number' ? size : blockHeightMap[size],\n                  width: clamped === 100 ? '100%' : `calc((100% - 3px) * ${clamped / 100})`,\n                }}\n              />\n            )}\n            {clamped < 100 && <span className={styles.splitRest} />}\n          </div>\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={cx(styles.lineRoot, className)}\n        ref={ref}\n        style={style}\n        {...progressAria}\n        {...rest}\n      >\n        {(label || showInfo) && (\n          <div className={styles.lineMeta}>\n            <span>{label}</span>\n            {showInfo && <span className={styles.lineValue}>{info}</span>}\n          </div>\n        )}\n        <div className={cx(styles.lineTrack, heightClass('line'))} style={heightStyle}>\n          <div\n            style={{ backgroundColor: barColor, width: `${clamped}%` }}\n            className={cx(\n              styles.bar,\n              variant === 'line' && status === 'active' && styles.barActive,\n            )}\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { createStaticStyles, keyframes } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Progress/style.ts
+// src/base-ui/Progress/style.ts
 const shimmer = keyframes`
   from {
     background-position: -80px 0;
@@ -116,7 +117,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     background: ${cssVar.colorFillTertiary};
   `,
 	segmentOn: css`
-    background: ${cssVar.colorPrimary};
+    background: ${inkCssVar.colorInk};
   `,
 	segments: css`
     display: flex;
@@ -190,7 +191,6 @@ const trackHeight = cva(void 0, {
 		}
 	}
 });
-//#endregion
 export { styles, trackHeight };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Progress/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nconst shimmer = keyframes`\r\n  from {\r\n    background-position: -80px 0;\r\n  }\r\n  to {\r\n    background-position: 200px 0;\r\n  }\r\n`;\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  bar: css`\r\n    height: 100%;\r\n    border-radius: 999px;\r\n    transition: width 0.3s;\r\n  `,\r\n  barActive: css`\r\n    background-image: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      color-mix(in srgb, ${cssVar.colorWhite} 35%, transparent),\r\n      transparent\r\n    );\r\n    background-size: 80px 100%;\r\n    animation: ${shimmer} 1.2s linear infinite;\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      animation: none;\r\n    }\r\n  `,\r\n  blockLg: css`\r\n    height: 12px;\r\n  `,\r\n  blockMd: css`\r\n    height: 8px;\r\n  `,\r\n  blockSm: css`\r\n    height: 4px;\r\n  `,\r\n  circleInfo: css`\r\n    position: absolute;\r\n\r\n    font-variant-numeric: tabular-nums;\r\n    line-height: 1;\r\n    color: ${cssVar.colorText};\r\n    white-space: nowrap;\r\n  `,\r\n  circleRoot: css`\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  `,\r\n  circleSvg: css`\r\n    rotate: -90deg;\r\n  `,\r\n  circleTrack: css`\r\n    fill: none;\r\n    stroke: ${cssVar.colorFillTertiary};\r\n  `,\r\n  lineLg: css`\r\n    height: 6px;\r\n  `,\r\n  lineMd: css`\r\n    height: 4px;\r\n  `,\r\n  lineMeta: css`\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n\r\n    font-size: ${cssVar.fontSizeSM};\r\n    color: ${cssVar.colorTextSecondary};\r\n  `,\r\n  lineRoot: css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    width: 100%;\r\n  `,\r\n  lineSm: css`\r\n    height: 2px;\r\n  `,\r\n  lineTrack: css`\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: ${cssVar.colorFillTertiary};\r\n  `,\r\n  lineValue: css`\r\n    font-family: ${cssVar.fontFamilyCode};\r\n    font-variant-numeric: tabular-nums;\r\n    color: ${cssVar.colorText};\r\n  `,\r\n  rowInfo: css`\r\n    min-width: 3.5ch;\r\n\r\n    font-family: ${cssVar.fontFamilyCode};\r\n    font-size: ${cssVar.fontSizeSM};\r\n    font-variant-numeric: tabular-nums;\r\n    color: ${cssVar.colorTextSecondary};\r\n    text-align: end;\r\n  `,\r\n  rowRoot: css`\r\n    display: flex;\r\n    flex: 1;\r\n    gap: 10px;\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n  `,\r\n  segment: css`\r\n    flex: 1;\r\n    border-radius: 1px;\r\n    background: ${cssVar.colorFillTertiary};\r\n  `,\r\n  segmentOn: css`\r\n    background: ${cssVar.colorPrimary};\r\n  `,\r\n  segments: css`\r\n    display: flex;\r\n    flex: 1;\r\n    gap: 2px;\r\n    min-width: 0;\r\n  `,\r\n  split: css`\r\n    display: flex;\r\n    flex: 1;\r\n    gap: 3px;\r\n    min-width: 0;\r\n  `,\r\n  splitFill: css`\r\n    flex: none;\r\n    border-radius: 999px;\r\n    transition: width 0.3s;\r\n  `,\r\n  splitRest: css`\r\n    flex: 1;\r\n    border-radius: 999px;\r\n    background: ${cssVar.colorFillSecondary};\r\n  `,\r\n}));\r\n\r\nexport const trackHeight = cva(undefined, {\r\n  compoundVariants: [\r\n    { className: styles.lineSm, family: 'line', size: 'small' },\r\n    { className: styles.lineMd, family: 'line', size: 'middle' },\r\n    { className: styles.lineLg, family: 'line', size: 'large' },\r\n    { className: styles.blockSm, family: 'block', size: 'small' },\r\n    { className: styles.blockMd, family: 'block', size: 'middle' },\r\n    { className: styles.blockLg, family: 'block', size: 'large' },\r\n  ],\r\n  defaultVariants: {\r\n    family: 'line',\r\n    size: 'middle',\r\n  },\r\n  variants: {\r\n    family: {\r\n      block: null,\r\n      line: null,\r\n    },\r\n    size: {\r\n      large: null,\r\n      middle: null,\r\n      small: null,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAM,UAAU,SAAS;;;;;;;;AASzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,KAAK,GAAG;;;;;CAKR,WAAW,GAAG;;;;2BAIW,OAAO,WAAW;;;;iBAI5B,QAAQ;;;;;;CAMvB,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,YAAY,GAAG;;;;;aAKJ,OAAO,UAAU;;;CAG5B,YAAY,GAAG;;;;;;CAMf,WAAW,GAAG;;;CAGd,aAAa,GAAG;;cAEJ,OAAO,kBAAkB;;CAErC,QAAQ,GAAG;;;CAGX,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;;;;;iBAME,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,UAAU,GAAG;;;;;;CAMb,QAAQ,GAAG;;;CAGX,WAAW,GAAG;;;kBAGE,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;mBACG,OAAO,eAAe;;aAE5B,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;mBAGK,OAAO,eAAe;iBACxB,OAAO,WAAW;;aAEtB,OAAO,mBAAmB;;;CAGrC,SAAS,GAAG;;;;;;;;CAQZ,SAAS,GAAG;;;kBAGI,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;kBACE,OAAO,aAAa;;CAEpC,UAAU,GAAG;;;;;;CAMb,OAAO,GAAG;;;;;;CAMV,WAAW,GAAG;;;;;CAKd,WAAW,GAAG;;;kBAGE,OAAO,mBAAmB;;AAE5C,EAAE;AAEF,MAAa,cAAc,IAAI,KAAA,GAAW;CACxC,kBAAkB;EAChB;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAS;EAC3D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;EAC5D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAS;EAC7D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;CAC9D;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;CACA,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Progress/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nconst shimmer = keyframes`\n  from {\n    background-position: -80px 0;\n  }\n  to {\n    background-position: 200px 0;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  bar: css`\n    height: 100%;\n    border-radius: 999px;\n    transition: width 0.3s;\n  `,\n  barActive: css`\n    background-image: linear-gradient(\n      90deg,\n      transparent,\n      color-mix(in srgb, ${cssVar.colorWhite} 35%, transparent),\n      transparent\n    );\n    background-size: 80px 100%;\n    animation: ${shimmer} 1.2s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  `,\n  blockLg: css`\n    height: 12px;\n  `,\n  blockMd: css`\n    height: 8px;\n  `,\n  blockSm: css`\n    height: 4px;\n  `,\n  circleInfo: css`\n    position: absolute;\n\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    color: ${cssVar.colorText};\n    white-space: nowrap;\n  `,\n  circleRoot: css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  `,\n  circleSvg: css`\n    rotate: -90deg;\n  `,\n  circleTrack: css`\n    fill: none;\n    stroke: ${cssVar.colorFillTertiary};\n  `,\n  lineLg: css`\n    height: 6px;\n  `,\n  lineMd: css`\n    height: 4px;\n  `,\n  lineMeta: css`\n    display: flex;\n    gap: 12px;\n    align-items: baseline;\n    justify-content: space-between;\n\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextSecondary};\n  `,\n  lineRoot: css`\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    width: 100%;\n  `,\n  lineSm: css`\n    height: 2px;\n  `,\n  lineTrack: css`\n    overflow: hidden;\n    border-radius: 999px;\n    background: ${cssVar.colorFillTertiary};\n  `,\n  lineValue: css`\n    font-family: ${cssVar.fontFamilyCode};\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorText};\n  `,\n  rowInfo: css`\n    min-width: 3.5ch;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: ${cssVar.fontSizeSM};\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextSecondary};\n    text-align: end;\n  `,\n  rowRoot: css`\n    display: flex;\n    flex: 1;\n    gap: 10px;\n    align-items: center;\n\n    width: 100%;\n  `,\n  segment: css`\n    flex: 1;\n    border-radius: 1px;\n    background: ${cssVar.colorFillTertiary};\n  `,\n  segmentOn: css`\n    background: ${inkCssVar.colorInk};\n  `,\n  segments: css`\n    display: flex;\n    flex: 1;\n    gap: 2px;\n    min-width: 0;\n  `,\n  split: css`\n    display: flex;\n    flex: 1;\n    gap: 3px;\n    min-width: 0;\n  `,\n  splitFill: css`\n    flex: none;\n    border-radius: 999px;\n    transition: width 0.3s;\n  `,\n  splitRest: css`\n    flex: 1;\n    border-radius: 999px;\n    background: ${cssVar.colorFillSecondary};\n  `,\n}));\n\nexport const trackHeight = cva(undefined, {\n  compoundVariants: [\n    { className: styles.lineSm, family: 'line', size: 'small' },\n    { className: styles.lineMd, family: 'line', size: 'middle' },\n    { className: styles.lineLg, family: 'line', size: 'large' },\n    { className: styles.blockSm, family: 'block', size: 'small' },\n    { className: styles.blockMd, family: 'block', size: 'middle' },\n    { className: styles.blockLg, family: 'block', size: 'large' },\n  ],\n  defaultVariants: {\n    family: 'line',\n    size: 'middle',\n  },\n  variants: {\n    family: {\n      block: null,\n      line: null,\n    },\n    size: {\n      large: null,\n      middle: null,\n      small: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,UAAU,SAAS;;;;;;;;AASzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,KAAK,GAAG;;;;;CAKR,WAAW,GAAG;;;;2BAIW,OAAO,WAAW;;;;iBAI5B,QAAQ;;;;;;CAMvB,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,YAAY,GAAG;;;;;aAKJ,OAAO,UAAU;;;CAG5B,YAAY,GAAG;;;;;;CAMf,WAAW,GAAG;;;CAGd,aAAa,GAAG;;cAEJ,OAAO,kBAAkB;;CAErC,QAAQ,GAAG;;;CAGX,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;;;;;iBAME,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,UAAU,GAAG;;;;;;CAMb,QAAQ,GAAG;;;CAGX,WAAW,GAAG;;;kBAGE,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;mBACG,OAAO,eAAe;;aAE5B,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;mBAGK,OAAO,eAAe;iBACxB,OAAO,WAAW;;aAEtB,OAAO,mBAAmB;;;CAGrC,SAAS,GAAG;;;;;;;;CAQZ,SAAS,GAAG;;;kBAGI,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;kBACE,UAAU,SAAS;;CAEnC,UAAU,GAAG;;;;;;CAMb,OAAO,GAAG;;;;;;CAMV,WAAW,GAAG;;;;;CAKd,WAAW,GAAG;;;kBAGE,OAAO,mBAAmB;;AAE5C,EAAE;AAEF,MAAa,cAAc,IAAI,KAAA,GAAW;CACxC,kBAAkB;EAChB;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAS;EAC3D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;EAC5D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAS;EAC7D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;CAC9D;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;CACA,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Progress/type.d.ts
 type ProgressType = 'line' | 'circle';
 type ProgressVariant = 'line' | 'segments' | 'inset';
 type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
@@ -19,6 +18,5 @@ interface ProgressProps extends Omit<ComponentProps<'div'>, 'children'> {
   type?: ProgressType;
   variant?: ProgressVariant;
 }
-//#endregion
 export { ProgressProps, ProgressSize, ProgressStatus, ProgressType, ProgressVariant };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+interface PromptGridItem {
+  key: string;
+  label: ReactNode;
+}
+interface PromptGridProps {
+  className?: string;
+  disabled?: boolean;
+  items: PromptGridItem[];
+  onPick: (key: string) => void;
+}
+/** Two columns of ready-made prompts ("Thử hỏi"); picking one starts a chat with it. */
+declare const PromptGrid: import("react").NamedExoticComponent<PromptGridProps>;
+export { PromptGridItem, PromptGridProps, PromptGrid as default };
+//# sourceMappingURL=PromptGrid.d.mts.map

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

@@ -0,0 +1,79 @@
+"use client";
+import { focusRing } from "../focusRing.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+import { ArrowRight } from "lucide-react";
+// src/base-ui/PromptGrid/PromptGrid.tsx
+const styles = createStaticStyles(({ css }) => ({
+	arrow: css`
+    flex: none;
+    color: ${cssVar.colorTextTertiary};
+  `,
+	grid: css`
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+
+    @media (width <= 720px) {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  `,
+	item: css`
+    cursor: pointer;
+
+    display: flex;
+    gap: 10px;
+    align-items: center;
+
+    padding-block: 14px;
+    padding-inline: 16px;
+    border: 0;
+    border-radius: 14px;
+
+    font: inherit;
+    font-size: 14px;
+    color: ${cssVar.colorText};
+    text-align: start;
+
+    background: ${cssVar.colorFillQuaternary};
+
+    transition: background 0.15s;
+
+    ${focusRing};
+
+    &:hover:not(:disabled) {
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+  `,
+	label: css`
+    flex: 1;
+    min-width: 0;
+  `
+}));
+/** Two columns of ready-made prompts ("Thử hỏi"); picking one starts a chat with it. */
+const PromptGrid = memo(({ className, disabled, items, onPick }) => /* @__PURE__ */ jsx("div", {
+	className: cx(styles.grid, className),
+	children: items.map((item) => /* @__PURE__ */ jsxs("button", {
+		className: styles.item,
+		disabled,
+		type: "button",
+		onClick: () => onPick(item.key),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.label,
+			children: item.label
+		}), /* @__PURE__ */ jsx(ArrowRight, {
+			className: styles.arrow,
+			size: 15
+		})]
+	}, item.key))
+}));
+PromptGrid.displayName = "PromptGrid";
+export { PromptGrid as default };
+
+//# sourceMappingURL=PromptGrid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptGrid.mjs","names":[],"sources":["../../../src/base-ui/PromptGrid/PromptGrid.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport { ArrowRight } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nconst styles = createStaticStyles(({ css }) => ({\n  arrow: css`\n    flex: none;\n    color: ${cssVar.colorTextTertiary};\n  `,\n  grid: css`\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n\n    @media (width <= 720px) {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  `,\n  item: css`\n    cursor: pointer;\n\n    display: flex;\n    gap: 10px;\n    align-items: center;\n\n    padding-block: 14px;\n    padding-inline: 16px;\n    border: 0;\n    border-radius: 14px;\n\n    font: inherit;\n    font-size: 14px;\n    color: ${cssVar.colorText};\n    text-align: start;\n\n    background: ${cssVar.colorFillQuaternary};\n\n    transition: background 0.15s;\n\n    ${focusRing};\n\n    &:hover:not(:disabled) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.6;\n    }\n  `,\n  label: css`\n    flex: 1;\n    min-width: 0;\n  `,\n}));\n\nexport interface PromptGridItem {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface PromptGridProps {\n  className?: string;\n  disabled?: boolean;\n  items: PromptGridItem[];\n  onPick: (key: string) => void;\n}\n\n/** Two columns of ready-made prompts (\"Thử hỏi\"); picking one starts a chat with it. */\nconst PromptGrid = memo<PromptGridProps>(({ className, disabled, items, onPick }) => (\n  <div className={cx(styles.grid, className)}>\n    {items.map((item) => (\n      <button\n        className={styles.item}\n        disabled={disabled}\n        key={item.key}\n        type={'button'}\n        onClick={() => onPick(item.key)}\n      >\n        <span className={styles.label}>{item.label}</span>\n        <ArrowRight className={styles.arrow} size={15} />\n      </button>\n    ))}\n  </div>\n));\n\nPromptGrid.displayName = 'PromptGrid';\n\nexport default PromptGrid;\n"],"mappings":";;;;;;;AAQA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,OAAO,GAAG;;aAEC,OAAO,kBAAkB;;CAEpC,MAAM,GAAG;;;;;;;;;CAST,MAAM,GAAG;;;;;;;;;;;;;;aAcE,OAAO,UAAU;;;kBAGZ,OAAO,oBAAoB;;;;MAIvC,UAAU;;;oBAGI,OAAO,kBAAkB;;;;;;;;CAQ3C,OAAO,GAAG;;;;AAIZ,EAAE;;AAeF,MAAM,aAAa,MAAuB,EAAE,WAAW,UAAU,OAAO,aACtE,oBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,SAAS;CACtC,UAAA,MAAM,KAAK,SACV,qBAAC,UAAD;EACE,WAAW,OAAO;EACR;EAEV,MAAM;EACN,eAAe,OAAO,KAAK,GAAG;EALhC,UAAA,CAOE,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAQ,UAAA,KAAK;EAAY,CAAA,GACjD,oBAAC,YAAD;GAAY,WAAW,OAAO;GAAO,MAAM;EAAK,CAAA,CAC1C;CAND,GAAA,KAAK,GAMJ,CACT;AACE,CAAA,CACN;AAED,WAAW,cAAc"}

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

@@ -0,0 +1,2 @@
+import PromptGrid, { PromptGridItem, PromptGridProps } from "./PromptGrid.mjs";
+export { type PromptGridItem, type PromptGridProps, PromptGrid as default };

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

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

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

@@ -11,7 +11,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { RotateCw } from "lucide-react";
 import { encode } from "uqr";
-//#region src/base-ui/QRCode/QRCode.tsx
+// src/base-ui/QRCode/QRCode.tsx
 const ICON_RATIO = .22;
 const QRCode = memo(({ bgColor = "#fff", bordered = true, className, color = "#000", errorLevel = "M", icon, onRefresh, ref, size = 160, status = "active", style, value, ...rest }) => {
 	const { t } = useTranslation(qrCode_default);
@@ -99,7 +99,6 @@ const QRCode = memo(({ bgColor = "#fff", bordered = true, className, color = "#0
 	});
 });
 QRCode.displayName = "QRCode";
-//#endregion
 export { QRCode as default };
 
 //# sourceMappingURL=QRCode.mjs.map

package/es/base-ui/QRCode/qrPath.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/QRCode/qrPath.ts
+// src/base-ui/QRCode/qrPath.ts
 const buildQrPath = (matrix, hole) => {
 	const count = matrix.length;
 	const from = Math.floor((count - hole) / 2);
@@ -10,7 +10,6 @@ const buildQrPath = (matrix, hole) => {
 	}
 	return path;
 };
-//#endregion
 export { buildQrPath };
 
 //# sourceMappingURL=qrPath.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/QRCode/style.ts
+// src/base-ui/QRCode/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	bordered: css`
     box-shadow: inset 0 0 0 1px ${cssVar.colorBorderSecondary};
@@ -46,7 +46,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     border-radius: 16px;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/QRCode/type.d.ts
 type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H';
 type QRCodeStatus = 'active' | 'loading' | 'expired';
 interface QRCodeProps extends Omit<ComponentProps<'div'>, 'children'> {
@@ -14,6 +13,5 @@ interface QRCodeProps extends Omit<ComponentProps<'div'>, 'children'> {
   status?: QRCodeStatus;
   value: string;
 }
-//#endregion
 export { QRCodeErrorLevel, QRCodeProps, QRCodeStatus };
 //# sourceMappingURL=type.d.mts.map

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

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

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

@@ -5,7 +5,7 @@ import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Radio } from "@base-ui/react/radio";
-//#region src/base-ui/Radio/Radio.tsx
+// src/base-ui/Radio/Radio.tsx
 const Radio$1 = memo(({ size = 16, backgroundColor, children, className, classNames, styles: customStyles, style, textProps, disabled, ...rest }) => {
 	const dotStyle = {
 		height: size,
@@ -46,7 +46,6 @@ const Radio$1 = memo(({ size = 16, backgroundColor, children, className, classNa
 	});
 });
 Radio$1.displayName = "Radio";
-//#endregion
 export { Radio$1 as default };
 
 //# sourceMappingURL=Radio.mjs.map

package/es/base-ui/Radio/RadioGroup.d.mts

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

package/es/base-ui/Radio/RadioGroup.mjs

@@ -3,7 +3,7 @@ import Radio from "./Radio.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/base-ui/Radio/RadioGroup.tsx
+// src/base-ui/Radio/RadioGroup.tsx
 const RadioGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true, size, textProps, style, ...rest }) => {
 	const items = useMemo(() => options.map((option) => typeof option === "string" ? {
 		label: option,
@@ -29,7 +29,6 @@ const RadioGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true, siz
 	});
 });
 RadioGroup$1.displayName = "RadioGroup";
-//#endregion
 export { RadioGroup$1 as default };
 
 //# sourceMappingURL=RadioGroup.mjs.map

package/es/base-ui/Radio/style.d.mts

@@ -1,9 +1,7 @@
-//#region src/base-ui/Radio/style.d.ts
 declare const styles: {
   indicator: string;
   label: string;
   root: string;
 };
-//#endregion
 export { styles };
 //# sourceMappingURL=style.d.mts.map

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

@@ -1,6 +1,7 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Radio/style.ts
+// src/base-ui/Radio/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	indicator: css`
     display: block;
@@ -31,7 +32,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: 50%;
 
-    color: ${cssVar.colorBgLayout};
+    color: ${inkCssVar.colorInkText};
 
     background: ${cssVar.colorBgContainer};
     outline: none;
@@ -47,8 +48,8 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     ${focusRing};
 
     &[data-checked] {
-      border-color: var(--jinmi-radio-bg, ${cssVar.colorPrimary});
-      background: var(--jinmi-radio-bg, ${cssVar.colorPrimary});
+      border-color: var(--jinmi-radio-bg, ${inkCssVar.colorInk});
+      background: var(--jinmi-radio-bg, ${inkCssVar.colorInk});
     }
 
     &[data-disabled] {
@@ -63,7 +64,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Radio/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  indicator: css`\n    display: block;\n    flex: none;\n    border-radius: 50%;\n    background: currentcolor;\n  `,\n  label: css`\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n\n    &:has([data-disabled]) {\n      cursor: not-allowed;\n    }\n  `,\n  root: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 50%;\n\n    color: ${cssVar.colorBgLayout};\n\n    background: ${cssVar.colorBgContainer};\n    outline: none;\n\n    transition:\n      background 150ms ${cssVar.motionEaseOut},\n      border-color 150ms ${cssVar.motionEaseOut};\n\n    &:hover:not([data-disabled], [data-checked]) {\n      border-color: ${cssVar.colorBorder};\n    }\n\n    ${focusRing};\n\n    &[data-checked] {\n      border-color: var(--jinmi-radio-bg, ${cssVar.colorPrimary});\n      background: var(--jinmi-radio-bg, ${cssVar.colorPrimary});\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background: ${cssVar.colorFill};\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;;CAMd,OAAO,GAAG;;;;;;;;;;CAUV,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,qBAAqB;;;aAGvC,OAAO,cAAc;;kBAEhB,OAAO,iBAAiB;;;;yBAIjB,OAAO,cAAc;2BACnB,OAAO,cAAc;;;sBAG1B,OAAO,YAAY;;;MAGnC,UAAU;;;4CAG4B,OAAO,aAAa;0CACtB,OAAO,aAAa;;;;;;sBAMxC,OAAO,UAAU;;eAExB,OAAO,UAAU;;;oBAGZ,OAAO,UAAU;;;AAGrC,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Radio/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  indicator: css`\n    display: block;\n    flex: none;\n    border-radius: 50%;\n    background: currentcolor;\n  `,\n  label: css`\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n\n    &:has([data-disabled]) {\n      cursor: not-allowed;\n    }\n  `,\n  root: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 50%;\n\n    color: ${inkCssVar.colorInkText};\n\n    background: ${cssVar.colorBgContainer};\n    outline: none;\n\n    transition:\n      background 150ms ${cssVar.motionEaseOut},\n      border-color 150ms ${cssVar.motionEaseOut};\n\n    &:hover:not([data-disabled], [data-checked]) {\n      border-color: ${cssVar.colorBorder};\n    }\n\n    ${focusRing};\n\n    &[data-checked] {\n      border-color: var(--jinmi-radio-bg, ${inkCssVar.colorInk});\n      background: var(--jinmi-radio-bg, ${inkCssVar.colorInk});\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background: ${cssVar.colorFill};\n    }\n  `,\n}));\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;;CAMd,OAAO,GAAG;;;;;;;;;;CAUV,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,qBAAqB;;;aAGvC,UAAU,aAAa;;kBAElB,OAAO,iBAAiB;;;;yBAIjB,OAAO,cAAc;2BACnB,OAAO,cAAc;;;sBAG1B,OAAO,YAAY;;;MAGnC,UAAU;;;4CAG4B,UAAU,SAAS;0CACrB,UAAU,SAAS;;;;;;sBAMvC,OAAO,UAAU;;eAExB,OAAO,UAAU;;;oBAGZ,OAAO,UAAU;;;AAGrC,EAAE"}

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

@@ -5,7 +5,6 @@ import "../../Text/index.mjs";
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/base-ui/Radio/type.d.ts
 type BaseRadioProps = Omit<ComponentProps<typeof Radio.Root>, 'className' | 'style' | 'render' | 'children'>;
 interface RadioProps extends BaseRadioProps {
   backgroundColor?: string;
@@ -53,6 +52,5 @@ interface RadioGroupProps extends BaseRadioGroupProps {
   style?: CSSProperties;
   textProps?: RadioProps['textProps'];
 }
-//#endregion
 export { RadioGroupOption, RadioGroupProps, RadioProps };
 //# sourceMappingURL=type.d.mts.map

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

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

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

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { Star } from "lucide-react";
-//#region src/base-ui/Rate/Rate.tsx
+// src/base-ui/Rate/Rate.tsx
 const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 const formatValue = (value) => String(Math.round(value * 100) / 100);
 const Rate = memo(({ allowHalf = false, character, className, color = cssVar.colorWarning, count = 5, defaultValue = 0, disabled = false, gap, onChange, onKeyDown, onPointerLeave, readOnly = false, size = 20, style, value, ...rest }) => {
@@ -105,7 +105,6 @@ const Rate = memo(({ allowHalf = false, character, className, color = cssVar.col
 	});
 });
 Rate.displayName = "Rate";
-//#endregion
 export { Rate as default };
 
 //# sourceMappingURL=Rate.mjs.map

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

@@ -1,6 +1,6 @@
 import { brandCssVar } from "../../styles/brandCssVar.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Rate/style.ts
+// src/base-ui/Rate/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	empty: css`
     /* Group opacity instead of the translucent colorFill so the star's stroke and fill don't double up where they overlap. */
@@ -76,7 +76,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map