@jinmi/ui 6.0.1 → 6.1.0

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

@@ -3,7 +3,7 @@ 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
+// 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"];
@@ -67,7 +67,6 @@ const Badge = memo(({ children, className, color, count, dot = false, offset, ov
 	});
 });
 Badge.displayName = "Badge";
-//#endregion
 export { Badge as default };
 
 //# sourceMappingURL=Badge.mjs.map

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

@@ -1,6 +1,6 @@
 import { createStaticStyles, cssVar, keyframes } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Badge/style.ts
+// src/base-ui/Badge/style.ts
 const pulse = keyframes`
   to {
     scale: 2.4;
@@ -106,7 +106,6 @@ const pillSize = cva(styles.pill, {
 		small: styles.pillSmall
 	} }
 });
-//#endregion
 export { pillSize, statusColor, styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 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'> {
@@ -14,6 +13,5 @@ interface BadgeProps extends Omit<ComponentProps<'span'>, 'color'> {
   status?: BadgeStatus;
   text?: ReactNode;
 }
-//#endregion
 export { BadgeProps, BadgeSize, BadgeStatus };
 //# sourceMappingURL=type.d.mts.map

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

@@ -1,6 +1,4 @@
 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

@@ -6,7 +6,7 @@ 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
+// src/base-ui/Breadcrumb/Breadcrumb.tsx
 const renderTitle = (item) => {
 	if (item.href) return /* @__PURE__ */ jsx(A, {
 		className: styles.link,
@@ -52,7 +52,6 @@ const Breadcrumb = memo(({ className, classNames, items, ref, separator, styles:
 	});
 });
 Breadcrumb.displayName = "Breadcrumb";
-//#endregion
 export { Breadcrumb as default };
 
 //# sourceMappingURL=Breadcrumb.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Breadcrumb/style.ts
+// src/base-ui/Breadcrumb/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	button: css`
     cursor: pointer;
@@ -59,7 +59,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     color: ${cssVar.colorTextQuaternary};
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, Key, MouseEventHandler, ReactNode, Ref } from "react";
-//#region src/base-ui/Breadcrumb/type.d.ts
 interface BreadcrumbItem {
   href?: string;
   key?: Key;
@@ -19,6 +18,5 @@ interface BreadcrumbProps extends Omit<ComponentProps<'nav'>, 'children'> {
     separator?: CSSProperties;
   };
 }
-//#endregion
 export { BreadcrumbItem, BreadcrumbProps };
 //# sourceMappingURL=type.d.mts.map

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

@@ -1,6 +1,4 @@
 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

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

@@ -8,7 +8,7 @@ import { styles } from "./style.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Menu, X } from "lucide-react";
-//#region src/base-ui/Burger/Burger.tsx
+// src/base-ui/Burger/Burger.tsx
 const withoutIcons = (items) => items.flatMap((item) => item.type === "divider" ? [] : [{
 	...item,
 	icon: void 0
@@ -63,7 +63,6 @@ const Burger = memo(({ activeKey, className, footer, fullscreen = false, headerH
 	})] });
 });
 Burger.displayName = "Burger";
-//#endregion
 export { Burger as default };
 
 //# sourceMappingURL=Burger.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Burger/style.ts
+// src/base-ui/Burger/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	body: css`
     display: flex;
@@ -57,7 +57,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -3,7 +3,6 @@ import "../ActionIcon/index.mjs";
 import { ListItem } from "../List/type.mjs";
 import "../List/index.mjs";
 import { CSSProperties, Key, ReactNode } from "react";
-//#region src/base-ui/Burger/type.d.ts
 interface BurgerProps {
   activeKey?: Key | null;
   className?: string;
@@ -18,6 +17,5 @@ interface BurgerProps {
   style?: CSSProperties;
   variant?: ActionIconProps['variant'];
 }
-//#endregion
 export { BurgerProps };
 //# sourceMappingURL=type.d.mts.map

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

@@ -1,7 +1,5 @@
 import { ButtonProps, ButtonType } from "./type.mjs";
 import { ReactElement } from "react";
-//#region src/base-ui/Button/Button.d.ts
 declare const Button: <T extends ButtonType = "default">(props: ButtonProps<T>) => ReactElement;
-//#endregion
 export { Button as default };
 //# sourceMappingURL=Button.d.mts.map

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

@@ -5,7 +5,7 @@ import { styles } from "./style.mjs";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Button/Button.tsx
+// src/base-ui/Button/Button.tsx
 const resolveIconNode = (node) => {
 	if (node === void 0 || node === null) return null;
 	if (isValidElement(node) || typeof node === "string" || typeof node === "number") return node;
@@ -122,7 +122,6 @@ const ButtonImpl = ({ block, children, className, classNames, danger = false, di
 };
 ButtonImpl.displayName = "BaseButton";
 const Button = ButtonImpl;
-//#endregion
 export { Button as default };
 
 //# sourceMappingURL=Button.mjs.map

package/es/base-ui/Button/SplitButton.d.mts

@@ -2,7 +2,6 @@ import { DropdownMenuProps } from "../DropdownMenu/type.mjs";
 import "../DropdownMenu/index.mjs";
 import { ButtonProps } from "./type.mjs";
 import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/Button/SplitButton.d.ts
 interface SharedVisualProps {
   danger?: boolean;
   disabled?: boolean;
@@ -26,6 +25,5 @@ type SplitButtonComponent = typeof SplitButton & {
   Menu: typeof SplitButtonMenu;
 };
 declare const _default: SplitButtonComponent;
-//#endregion
 export { type SplitButtonMenuProps, type SplitButtonProps, _default as default };
 //# sourceMappingURL=SplitButton.d.mts.map

package/es/base-ui/Button/SplitButton.mjs

@@ -1,11 +1,12 @@
 "use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import Button from "./Button.mjs";
 import DropdownMenu from "../DropdownMenu/DropdownMenu.mjs";
 import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createStaticStyles, cx } from "antd-style";
 import { ChevronDownIcon } from "lucide-react";
-//#region src/base-ui/Button/SplitButton.tsx
+// src/base-ui/Button/SplitButton.tsx
 const SplitButtonContext = createContext({});
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	interactionDisabled: css`
@@ -44,13 +45,13 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
   `,
 	solidPrimary: css`
     &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorPrimaryHover};
-      background: ${cssVar.colorPrimaryHover};
+      border-color: ${inkCssVar.colorInkHover};
+      background: ${inkCssVar.colorInkHover};
     }
 
     &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
     }
   `,
 	splitButton: css`
@@ -114,7 +115,6 @@ const SplitButtonMenu = ({ icon = /* @__PURE__ */ jsx(ChevronDownIcon, { size: 1
 };
 SplitButton.Main = SplitButtonMain;
 SplitButton.Menu = SplitButtonMenu;
-//#endregion
 export { SplitButton as default };
 
 //# sourceMappingURL=SplitButton.mjs.map

package/es/base-ui/Button/SplitButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.mjs","names":[],"sources":["../../../src/base-ui/Button/SplitButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createStaticStyles, cx } from 'antd-style';\r\nimport { ChevronDownIcon } from 'lucide-react';\r\nimport { createContext, type CSSProperties, type ReactNode, use, useMemo } from 'react';\r\n\r\nimport { DropdownMenu, type DropdownMenuProps } from '@/base-ui/DropdownMenu';\r\n\r\nimport Button from './Button';\r\nimport type { ButtonProps } from './type';\r\n\r\ninterface SharedVisualProps {\r\n  danger?: boolean;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  size?: ButtonProps['size'];\r\n  type?: ButtonProps['type'];\r\n}\r\n\r\ninterface SplitButtonProps extends SharedVisualProps {\r\n  children: ReactNode;\r\n  className?: string;\r\n  style?: CSSProperties;\r\n}\r\n\r\nconst SplitButtonContext = createContext<SharedVisualProps>({});\r\n\r\nconst styles = createStaticStyles(({ css, cssVar }) => ({\r\n  interactionDisabled: css`\r\n    opacity: 0.5;\r\n\r\n    & > :where(button, a):disabled,\r\n    & > :where(button, a)[aria-disabled='true'] {\r\n      opacity: 1;\r\n    }\r\n  `,\r\n  solid: css`\r\n    & > :where(button, a):last-of-type::before {\r\n      pointer-events: none;\r\n      content: '';\r\n\r\n      position: absolute;\r\n      inset-block: 0;\r\n      inset-inline-start: 0;\r\n\r\n      width: 1px;\r\n\r\n      opacity: 0.2;\r\n      background: currentcolor;\r\n    }\r\n  `,\r\n  solidDanger: css`\r\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\r\n      border-color: ${cssVar.colorErrorHover};\r\n      background: ${cssVar.colorErrorHover};\r\n    }\r\n\r\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\r\n      border-color: ${cssVar.colorErrorActive};\r\n      background: ${cssVar.colorErrorActive};\r\n    }\r\n  `,\r\n  solidPrimary: css`\r\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\r\n      border-color: ${cssVar.colorPrimaryHover};\r\n      background: ${cssVar.colorPrimaryHover};\r\n    }\r\n\r\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\r\n      border-color: ${cssVar.colorPrimaryActive};\r\n      background: ${cssVar.colorPrimaryActive};\r\n    }\r\n  `,\r\n  splitButton: css`\r\n    display: inline-flex;\r\n    flex-direction: row;\r\n\r\n    & > :where(button, a):first-of-type {\r\n      border-start-end-radius: 0;\r\n      border-end-end-radius: 0;\r\n    }\r\n\r\n    & > :where(button, a):last-of-type {\r\n      margin-inline-start: -1px;\r\n      border-start-start-radius: 0;\r\n      border-end-start-radius: 0;\r\n    }\r\n  `,\r\n}));\r\n\r\nconst SplitButton = ({\r\n  children,\r\n  className,\r\n  style,\r\n  danger,\r\n  disabled,\r\n  loading,\r\n  size,\r\n  type,\r\n}: SplitButtonProps) => {\r\n  const shared = useMemo<SharedVisualProps>(\r\n    () => ({ danger, disabled, loading, size, type }),\r\n    [danger, disabled, loading, size, type],\r\n  );\r\n  return (\r\n    <SplitButtonContext value={shared}>\r\n      <div\r\n        style={style}\r\n        className={cx(\r\n          styles.splitButton,\r\n          type === 'primary' && styles.solid,\r\n          type === 'primary' && (danger ? styles.solidDanger : styles.solidPrimary),\r\n          (disabled || loading) && styles.interactionDisabled,\r\n          className,\r\n        )}\r\n      >\r\n        {children}\r\n      </div>\r\n    </SplitButtonContext>\r\n  );\r\n};\r\n\r\nconst SplitButtonMain = (props: ButtonProps) => {\r\n  const shared = use(SplitButtonContext);\r\n  return <Button {...shared} {...props} />;\r\n};\r\n\r\ninterface SplitButtonMenuProps extends Omit<DropdownMenuProps, 'children'> {\r\n  icon?: ReactNode;\r\n}\r\n\r\nconst SplitButtonMenu = ({\r\n  icon = <ChevronDownIcon size={14} />,\r\n  disabled,\r\n  ...menuProps\r\n}: SplitButtonMenuProps) => {\r\n  const shared = use(SplitButtonContext);\r\n  const interactionDisabled = disabled || shared.disabled || shared.loading;\r\n\r\n  return (\r\n    <DropdownMenu {...menuProps} disabled={interactionDisabled}>\r\n      <Button {...shared} disabled={interactionDisabled} icon={icon} />\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\ntype SplitButtonComponent = typeof SplitButton & {\r\n  Main: typeof SplitButtonMain;\r\n  Menu: typeof SplitButtonMenu;\r\n};\r\n\r\n(SplitButton as SplitButtonComponent).Main = SplitButtonMain;\r\n(SplitButton as SplitButtonComponent).Menu = SplitButtonMenu;\r\n\r\nexport type { SplitButtonMenuProps, SplitButtonProps };\r\nexport default SplitButton as SplitButtonComponent;\r\n"],"mappings":";;;;;;;;AAyBA,MAAM,qBAAqB,cAAiC,CAAC,CAAC;AAE9D,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,qBAAqB,GAAG;;;;;;;;CAQxB,OAAO,GAAG;;;;;;;;;;;;;;;CAeV,aAAa,GAAG;;sBAEI,OAAO,gBAAgB;oBACzB,OAAO,gBAAgB;;;;sBAIrB,OAAO,iBAAiB;oBAC1B,OAAO,iBAAiB;;;CAG1C,cAAc,GAAG;;sBAEG,OAAO,kBAAkB;oBAC3B,OAAO,kBAAkB;;;;sBAIvB,OAAO,mBAAmB;oBAC5B,OAAO,mBAAmB;;;CAG5C,aAAa,GAAG;;;;;;;;;;;;;;;AAelB,EAAE;AAEF,MAAM,eAAe,EACnB,UACA,WACA,OACA,QACA,UACA,SACA,MACA,WACsB;CACtB,MAAM,SAAS,eACN;EAAE;EAAQ;EAAU;EAAS;EAAM;CAAK,IAC/C;EAAC;EAAQ;EAAU;EAAS;EAAM;CAAI,CACxC;CACA,OACE,oBAAC,oBAAD;EAAoB,OAAO;EACzB,UAAA,oBAAC,OAAD;GACS;GACP,WAAW,GACT,OAAO,aACP,SAAS,aAAa,OAAO,OAC7B,SAAS,cAAc,SAAS,OAAO,cAAc,OAAO,gBAC3D,YAAY,YAAY,OAAO,qBAChC,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB;AAEA,MAAM,mBAAmB,UAAuB;CAC9C,MAAM,SAAS,IAAI,kBAAkB;CACrC,OAAO,oBAAC,QAAD;EAAQ,GAAI;EAAQ,GAAI;CAAQ,CAAA;AACzC;AAMA,MAAM,mBAAmB,EACvB,OAAO,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA,GACnC,UACA,GAAG,gBACuB;CAC1B,MAAM,SAAS,IAAI,kBAAkB;CACrC,MAAM,sBAAsB,YAAY,OAAO,YAAY,OAAO;CAElE,OACE,oBAAC,cAAD;EAAc,GAAI;EAAW,UAAU;EACrC,UAAA,oBAAC,QAAD;GAAQ,GAAI;GAAQ,UAAU;GAA2B;EAAO,CAAA;CACpD,CAAA;AAElB;AAOA,YAAsC,OAAO;AAC7C,YAAsC,OAAO"}
+{"version":3,"file":"SplitButton.mjs","names":[],"sources":["../../../src/base-ui/Button/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { createContext, type CSSProperties, type ReactNode, use, useMemo } from 'react';\n\nimport { DropdownMenu, type DropdownMenuProps } from '@/base-ui/DropdownMenu';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nimport Button from './Button';\nimport type { ButtonProps } from './type';\n\ninterface SharedVisualProps {\n  danger?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  size?: ButtonProps['size'];\n  type?: ButtonProps['type'];\n}\n\ninterface SplitButtonProps extends SharedVisualProps {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst SplitButtonContext = createContext<SharedVisualProps>({});\n\nconst styles = createStaticStyles(({ css, cssVar }) => ({\n  interactionDisabled: css`\n    opacity: 0.5;\n\n    & > :where(button, a):disabled,\n    & > :where(button, a)[aria-disabled='true'] {\n      opacity: 1;\n    }\n  `,\n  solid: css`\n    & > :where(button, a):last-of-type::before {\n      pointer-events: none;\n      content: '';\n\n      position: absolute;\n      inset-block: 0;\n      inset-inline-start: 0;\n\n      width: 1px;\n\n      opacity: 0.2;\n      background: currentcolor;\n    }\n  `,\n  solidDanger: css`\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorHover};\n    }\n\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n  `,\n  solidPrimary: css`\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${inkCssVar.colorInkHover};\n      background: ${inkCssVar.colorInkHover};\n    }\n\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\n    }\n  `,\n  splitButton: css`\n    display: inline-flex;\n    flex-direction: row;\n\n    & > :where(button, a):first-of-type {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n\n    & > :where(button, a):last-of-type {\n      margin-inline-start: -1px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  `,\n}));\n\nconst SplitButton = ({\n  children,\n  className,\n  style,\n  danger,\n  disabled,\n  loading,\n  size,\n  type,\n}: SplitButtonProps) => {\n  const shared = useMemo<SharedVisualProps>(\n    () => ({ danger, disabled, loading, size, type }),\n    [danger, disabled, loading, size, type],\n  );\n  return (\n    <SplitButtonContext value={shared}>\n      <div\n        style={style}\n        className={cx(\n          styles.splitButton,\n          type === 'primary' && styles.solid,\n          type === 'primary' && (danger ? styles.solidDanger : styles.solidPrimary),\n          (disabled || loading) && styles.interactionDisabled,\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </SplitButtonContext>\n  );\n};\n\nconst SplitButtonMain = (props: ButtonProps) => {\n  const shared = use(SplitButtonContext);\n  return <Button {...shared} {...props} />;\n};\n\ninterface SplitButtonMenuProps extends Omit<DropdownMenuProps, 'children'> {\n  icon?: ReactNode;\n}\n\nconst SplitButtonMenu = ({\n  icon = <ChevronDownIcon size={14} />,\n  disabled,\n  ...menuProps\n}: SplitButtonMenuProps) => {\n  const shared = use(SplitButtonContext);\n  const interactionDisabled = disabled || shared.disabled || shared.loading;\n\n  return (\n    <DropdownMenu {...menuProps} disabled={interactionDisabled}>\n      <Button {...shared} disabled={interactionDisabled} icon={icon} />\n    </DropdownMenu>\n  );\n};\n\ntype SplitButtonComponent = typeof SplitButton & {\n  Main: typeof SplitButtonMain;\n  Menu: typeof SplitButtonMenu;\n};\n\n(SplitButton as SplitButtonComponent).Main = SplitButtonMain;\n(SplitButton as SplitButtonComponent).Menu = SplitButtonMenu;\n\nexport type { SplitButtonMenuProps, SplitButtonProps };\nexport default SplitButton as SplitButtonComponent;\n"],"mappings":";;;;;;;;;AA0BA,MAAM,qBAAqB,cAAiC,CAAC,CAAC;AAE9D,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,qBAAqB,GAAG;;;;;;;;CAQxB,OAAO,GAAG;;;;;;;;;;;;;;;CAeV,aAAa,GAAG;;sBAEI,OAAO,gBAAgB;oBACzB,OAAO,gBAAgB;;;;sBAIrB,OAAO,iBAAiB;oBAC1B,OAAO,iBAAiB;;;CAG1C,cAAc,GAAG;;sBAEG,UAAU,cAAc;oBAC1B,UAAU,cAAc;;;;sBAItB,UAAU,eAAe;oBAC3B,UAAU,eAAe;;;CAG3C,aAAa,GAAG;;;;;;;;;;;;;;;AAelB,EAAE;AAEF,MAAM,eAAe,EACnB,UACA,WACA,OACA,QACA,UACA,SACA,MACA,WACsB;CACtB,MAAM,SAAS,eACN;EAAE;EAAQ;EAAU;EAAS;EAAM;CAAK,IAC/C;EAAC;EAAQ;EAAU;EAAS;EAAM;CAAI,CACxC;CACA,OACE,oBAAC,oBAAD;EAAoB,OAAO;EACzB,UAAA,oBAAC,OAAD;GACS;GACP,WAAW,GACT,OAAO,aACP,SAAS,aAAa,OAAO,OAC7B,SAAS,cAAc,SAAS,OAAO,cAAc,OAAO,gBAC3D,YAAY,YAAY,OAAO,qBAChC,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB;AAEA,MAAM,mBAAmB,UAAuB;CAC9C,MAAM,SAAS,IAAI,kBAAkB;CACrC,OAAO,oBAAC,QAAD;EAAQ,GAAI;EAAQ,GAAI;CAAQ,CAAA;AACzC;AAMA,MAAM,mBAAmB,EACvB,OAAO,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA,GACnC,UACA,GAAG,gBACuB;CAC1B,MAAM,SAAS,IAAI,kBAAkB;CACrC,MAAM,sBAAsB,YAAY,OAAO,YAAY,OAAO;CAElE,OACE,oBAAC,cAAD;EAAc,GAAI;EAAW,UAAU;EACrC,UAAA,oBAAC,QAAD;GAAQ,GAAI;GAAQ,UAAU;GAA2B;EAAO,CAAA;CACpD,CAAA;AAElB;AAOA,YAAsC,OAAO;AAC7C,YAAsC,OAAO"}

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

@@ -1,4 +1,3 @@
-//#region src/base-ui/Button/style.d.ts
 declare const buttonPaddingInline: {
   readonly large: 16;
   readonly middle: 14;
@@ -37,6 +36,5 @@ declare const styles: {
   ghostDanger: string;
   spinner: string;
 };
-//#endregion
 export { buttonPaddingInline, styles };
 //# sourceMappingURL=style.d.mts.map

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

@@ -1,7 +1,8 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { controlHeight } from "../controlSize.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Button/style.ts
+// src/base-ui/Button/style.ts
 const buttonPaddingInline = {
 	large: 16,
 	middle: 14,
@@ -144,29 +145,29 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `,
 	variantPrimary: css`
-    border-color: ${cssVar.colorPrimary};
-    background: ${cssVar.colorPrimary};
+    border-color: ${inkCssVar.colorInk};
+    background: ${inkCssVar.colorInk};
 
     &,
     &:hover,
     &:active {
-      color: ${cssVar.colorBgLayout};
+      color: ${inkCssVar.colorInkText};
     }
 
     &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryHover};
-      background: ${cssVar.colorPrimaryHover};
+      border-color: ${inkCssVar.colorInkHover};
+      background: ${inkCssVar.colorInkHover};
     }
 
     &:active:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
     }
 
     /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */
     &&&[data-popup-open] {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
     }
   `,
 	variantDashed: css`
@@ -375,7 +376,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     animation: base-button-spin 0.6s linear infinite;
   `
 }));
-//#endregion
 export { buttonPaddingInline, styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { controlHeight } from '@/base-ui/controlSize';\r\nimport { focusRing } from '@/base-ui/focusRing';\r\n\r\nexport const buttonPaddingInline = {\r\n  large: 16,\r\n  middle: 14,\r\n  small: 8,\r\n} as const;\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  base: css`\r\n    cursor: pointer;\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n    border: 1px solid ${cssVar.colorBorder};\r\n\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n      color 160ms cubic-bezier(0.32, 0.72, 0, 1),\r\n      background 160ms cubic-bezier(0.32, 0.72, 0, 1),\r\n      border-color 160ms cubic-bezier(0.32, 0.72, 0, 1),\r\n      box-shadow 160ms cubic-bezier(0.32, 0.72, 0, 1);\r\n\r\n    ${focusRing};\r\n\r\n    &:disabled,\r\n    &[aria-disabled='true'] {\r\n      pointer-events: none;\r\n      cursor: not-allowed;\r\n      opacity: 0.5;\r\n    }\r\n  `,\r\n\r\n  sizeSmall: css`\r\n    --button-padding-inline: ${buttonPaddingInline.small}px;\r\n\r\n    height: ${controlHeight.small}px;\r\n    padding-inline: var(--button-padding-inline);\r\n    border-radius: ${cssVar.borderRadiusSM};\r\n    font-size: 12px;\r\n  `,\r\n\r\n  sizeMiddle: css`\r\n    --button-padding-inline: ${buttonPaddingInline.middle}px;\r\n\r\n    height: ${controlHeight.middle}px;\r\n    padding-inline: var(--button-padding-inline);\r\n    border-radius: ${cssVar.borderRadiusSM};\r\n    font-size: 13px;\r\n  `,\r\n\r\n  sizeLarge: css`\r\n    --button-padding-inline: ${buttonPaddingInline.large}px;\r\n\r\n    height: ${controlHeight.large}px;\r\n    padding-inline: var(--button-padding-inline);\r\n    border-radius: ${cssVar.borderRadius};\r\n    font-size: 14px;\r\n  `,\r\n\r\n  outdentStart: css`\r\n    margin-inline-start: calc(var(--button-padding-inline) * -1);\r\n  `,\r\n\r\n  outdentEnd: css`\r\n    margin-inline-end: calc(var(--button-padding-inline) * -1);\r\n  `,\r\n\r\n  shapeCircle: css`\r\n    padding-inline: 0;\r\n    border-radius: 50%;\r\n  `,\r\n\r\n  shapeRound: css`\r\n    border-radius: 999px;\r\n  `,\r\n\r\n  block: css`\r\n    width: 100%;\r\n  `,\r\n\r\n  iconEnd: css`\r\n    flex-direction: row-reverse;\r\n  `,\r\n\r\n  iconOnlySmall: css`\r\n    --button-padding-inline: 0px;\r\n\r\n    width: 24px;\r\n    padding-inline: 0;\r\n  `,\r\n\r\n  iconOnlyMiddle: css`\r\n    --button-padding-inline: 0px;\r\n\r\n    width: 32px;\r\n    padding-inline: 0;\r\n  `,\r\n\r\n  iconOnlyLarge: css`\r\n    --button-padding-inline: 0px;\r\n\r\n    width: 40px;\r\n    padding-inline: 0;\r\n  `,\r\n\r\n  iconBox: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  `,\r\n\r\n  spinnerSlot: css`\r\n    overflow: hidden;\r\n\r\n    width: 0;\r\n    margin-inline-end: -6px;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n      width 380ms cubic-bezier(0.22, 1, 0.36, 1),\r\n      margin 380ms cubic-bezier(0.22, 1, 0.36, 1),\r\n      opacity 260ms cubic-bezier(0.22, 1, 0.36, 1);\r\n  `,\r\n\r\n  spinnerSlotEnd: css`\r\n    margin-inline: -6px 0;\r\n  `,\r\n\r\n  spinnerSlotShow: css`\r\n    width: 12px;\r\n    margin-inline: 0;\r\n    opacity: 1;\r\n  `,\r\n\r\n  variantDefault: css`\r\n    background: ${cssVar.colorBgContainer};\r\n\r\n    /* &:hover/&:active included so the anchor form outranks antd's global a:hover/a:active link color */\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorPrimaryBorder};\r\n      color: ${cssVar.colorPrimaryText};\r\n    }\r\n  `,\r\n\r\n  variantPrimary: css`\r\n    border-color: ${cssVar.colorPrimary};\r\n    background: ${cssVar.colorPrimary};\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorBgLayout};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorPrimaryHover};\r\n      background: ${cssVar.colorPrimaryHover};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorPrimaryActive};\r\n      background: ${cssVar.colorPrimaryActive};\r\n    }\r\n\r\n    /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */\r\n    &&&[data-popup-open] {\r\n      border-color: ${cssVar.colorPrimaryActive};\r\n      background: ${cssVar.colorPrimaryActive};\r\n    }\r\n  `,\r\n\r\n  variantDashed: css`\r\n    border-style: dashed;\r\n    background: ${cssVar.colorBgContainer};\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorPrimaryBorder};\r\n      color: ${cssVar.colorPrimaryText};\r\n    }\r\n  `,\r\n\r\n  variantFill: css`\r\n    border-color: transparent;\r\n    background: ${cssVar.colorFillTertiary};\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      background: ${cssVar.colorFill};\r\n    }\r\n  `,\r\n\r\n  variantText: css`\r\n    border-color: transparent;\r\n    background: transparent;\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n  `,\r\n\r\n  variantLink: css`\r\n    padding-inline: 0;\r\n    border-color: transparent;\r\n    background: transparent;\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorPrimary};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorPrimaryHover};\r\n      background: transparent;\r\n    }\r\n  `,\r\n\r\n  dangerOutlined: css`\r\n    border-color: ${cssVar.colorError};\r\n    background: ${cssVar.colorBgContainer};\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorError};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorErrorHover};\r\n      color: ${cssVar.colorErrorHover};\r\n      background: ${cssVar.colorBgContainer};\r\n    }\r\n  `,\r\n\r\n  dangerSolid: css`\r\n    border-color: ${cssVar.colorError};\r\n    background: ${cssVar.colorError};\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorBgLayout};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorErrorHover};\r\n      background: ${cssVar.colorErrorHover};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      border-color: ${cssVar.colorErrorActive};\r\n      background: ${cssVar.colorErrorActive};\r\n    }\r\n\r\n    &&&[data-popup-open] {\r\n      border-color: ${cssVar.colorErrorActive};\r\n      background: ${cssVar.colorErrorActive};\r\n    }\r\n  `,\r\n\r\n  dangerFill: css`\r\n    border-color: transparent;\r\n    color: ${cssVar.colorError};\r\n    background: ${cssVar.colorErrorBg};\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorErrorHover};\r\n      background: ${cssVar.colorErrorBgHover};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorErrorActive};\r\n      background: ${cssVar.colorErrorBgHover};\r\n    }\r\n  `,\r\n\r\n  dangerInline: css`\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorError};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorErrorHover};\r\n    }\r\n  `,\r\n\r\n  ghostDefault: css`\r\n    border-color: transparent;\r\n    background: transparent;\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      background: ${cssVar.colorFill};\r\n    }\r\n  `,\r\n\r\n  ghostPrimary: css`\r\n    border-color: transparent;\r\n    background: transparent;\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorPrimary};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorPrimaryHover};\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorPrimaryActive};\r\n      background: ${cssVar.colorFill};\r\n    }\r\n  `,\r\n\r\n  ghostDanger: css`\r\n    border-color: transparent;\r\n    background: transparent;\r\n\r\n    &,\r\n    &:hover,\r\n    &:active {\r\n      color: ${cssVar.colorError};\r\n    }\r\n\r\n    &:hover:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorErrorHover};\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &:active:not(:disabled, [aria-disabled='true']) {\r\n      color: ${cssVar.colorErrorActive};\r\n      background: ${cssVar.colorFill};\r\n    }\r\n  `,\r\n\r\n  spinner: css`\r\n    @keyframes base-button-spin {\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    display: inline-block;\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n    border: 1.5px solid currentcolor;\r\n    border-block-start-color: transparent;\r\n    border-radius: 50%;\r\n\r\n    animation: base-button-spin 0.6s linear infinite;\r\n  `,\r\n}));\r\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { controlHeight } from '@/base-ui/controlSize';\nimport { focusRing } from '@/base-ui/focusRing';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const buttonPaddingInline = {\n  large: 16,\n  middle: 14,\n  small: 8,\n} as const;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  base: css`\n    cursor: pointer;\n\n    position: relative;\n\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n\n    box-sizing: border-box;\n    border: 1px solid ${cssVar.colorBorder};\n\n    font-weight: 500;\n    line-height: 1;\n    text-decoration: none;\n    white-space: nowrap;\n\n    transition:\n      color 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      background 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      border-color 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      box-shadow 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    ${focusRing};\n\n    &:disabled,\n    &[aria-disabled='true'] {\n      pointer-events: none;\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n  `,\n\n  sizeSmall: css`\n    --button-padding-inline: ${buttonPaddingInline.small}px;\n\n    height: ${controlHeight.small}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadiusSM};\n    font-size: 12px;\n  `,\n\n  sizeMiddle: css`\n    --button-padding-inline: ${buttonPaddingInline.middle}px;\n\n    height: ${controlHeight.middle}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadiusSM};\n    font-size: 13px;\n  `,\n\n  sizeLarge: css`\n    --button-padding-inline: ${buttonPaddingInline.large}px;\n\n    height: ${controlHeight.large}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadius};\n    font-size: 14px;\n  `,\n\n  outdentStart: css`\n    margin-inline-start: calc(var(--button-padding-inline) * -1);\n  `,\n\n  outdentEnd: css`\n    margin-inline-end: calc(var(--button-padding-inline) * -1);\n  `,\n\n  shapeCircle: css`\n    padding-inline: 0;\n    border-radius: 50%;\n  `,\n\n  shapeRound: css`\n    border-radius: 999px;\n  `,\n\n  block: css`\n    width: 100%;\n  `,\n\n  iconEnd: css`\n    flex-direction: row-reverse;\n  `,\n\n  iconOnlySmall: css`\n    --button-padding-inline: 0px;\n\n    width: 24px;\n    padding-inline: 0;\n  `,\n\n  iconOnlyMiddle: css`\n    --button-padding-inline: 0px;\n\n    width: 32px;\n    padding-inline: 0;\n  `,\n\n  iconOnlyLarge: css`\n    --button-padding-inline: 0px;\n\n    width: 40px;\n    padding-inline: 0;\n  `,\n\n  iconBox: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  spinnerSlot: css`\n    overflow: hidden;\n\n    width: 0;\n    margin-inline-end: -6px;\n\n    opacity: 0;\n\n    transition:\n      width 380ms cubic-bezier(0.22, 1, 0.36, 1),\n      margin 380ms cubic-bezier(0.22, 1, 0.36, 1),\n      opacity 260ms cubic-bezier(0.22, 1, 0.36, 1);\n  `,\n\n  spinnerSlotEnd: css`\n    margin-inline: -6px 0;\n  `,\n\n  spinnerSlotShow: css`\n    width: 12px;\n    margin-inline: 0;\n    opacity: 1;\n  `,\n\n  variantDefault: css`\n    background: ${cssVar.colorBgContainer};\n\n    /* &:hover/&:active included so the anchor form outranks antd's global a:hover/a:active link color */\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryBorder};\n      color: ${cssVar.colorPrimaryText};\n    }\n  `,\n\n  variantPrimary: css`\n    border-color: ${inkCssVar.colorInk};\n    background: ${inkCssVar.colorInk};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${inkCssVar.colorInkText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${inkCssVar.colorInkHover};\n      background: ${inkCssVar.colorInkHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      border-color: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\n    }\n\n    /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */\n    &&&[data-popup-open] {\n      border-color: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\n    }\n  `,\n\n  variantDashed: css`\n    border-style: dashed;\n    background: ${cssVar.colorBgContainer};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryBorder};\n      color: ${cssVar.colorPrimaryText};\n    }\n  `,\n\n  variantFill: css`\n    border-color: transparent;\n    background: ${cssVar.colorFillTertiary};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  variantText: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  variantLink: css`\n    padding-inline: 0;\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorPrimary};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryHover};\n      background: transparent;\n    }\n  `,\n\n  dangerOutlined: css`\n    border-color: ${cssVar.colorError};\n    background: ${cssVar.colorBgContainer};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorHover};\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n\n  dangerSolid: css`\n    border-color: ${cssVar.colorError};\n    background: ${cssVar.colorError};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorBgLayout};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n\n    &&&[data-popup-open] {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n  `,\n\n  dangerFill: css`\n    border-color: transparent;\n    color: ${cssVar.colorError};\n    background: ${cssVar.colorErrorBg};\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorBgHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorBgHover};\n    }\n  `,\n\n  dangerInline: css`\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n    }\n  `,\n\n  ghostDefault: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  ghostPrimary: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorPrimary};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryHover};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryActive};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  ghostDanger: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  spinner: css`\n    @keyframes base-button-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    display: inline-block;\n\n    width: 12px;\n    height: 12px;\n    border: 1.5px solid currentcolor;\n    border-block-start-color: transparent;\n    border-radius: 50%;\n\n    animation: base-button-spin 0.6s linear infinite;\n  `,\n}));\n"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import { IconProps } from "../../Icon/type.mjs";
 import "../../Icon/index.mjs";
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from "react";
-//#region src/base-ui/Button/type.d.ts
 type ButtonType = 'default' | 'primary' | 'dashed' | 'fill' | 'link' | 'text';
 type ButtonShape = 'default' | 'circle' | 'round';
 type ButtonSize = 'small' | 'middle' | 'large';
@@ -49,6 +48,5 @@ type TextOutdentProps<T extends ButtonType> = [T] extends ['text'] ? {
 type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
 type NativeAnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
 type ButtonProps<T extends ButtonType = ButtonType> = BaseButtonOwnProps & NativeButtonProps & Partial<NativeAnchorProps> & TextOutdentProps<T>;
-//#endregion
 export { ButtonIconPosition, ButtonOutdent, ButtonProps, ButtonShape, ButtonSize, ButtonType };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,9 @@
+import { CardPanelProps } from "./type.mjs";
+/**
+ * An in-flow side card with a 52px head (icon, title, actions, close) and a body
+ * that fills the rest — e.g. an assistant panel beside a settings page.
+ * Position and height belong to the host layout.
+ */
+declare const CardPanel: import("react").NamedExoticComponent<CardPanelProps>;
+export { CardPanel as default };
+//# sourceMappingURL=CardPanel.d.mts.map

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

@@ -0,0 +1,43 @@
+"use client";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { X } from "lucide-react";
+// src/base-ui/CardPanel/CardPanel.tsx
+/**
+* An in-flow side card with a 52px head (icon, title, actions, close) and a body
+* that fills the rest — e.g. an assistant panel beside a settings page.
+* Position and height belong to the host layout.
+*/
+const CardPanel = memo(({ actions, children, className, closeLabel = "Close", icon, onClose, ref, title, ...rest }) => /* @__PURE__ */ jsxs("aside", {
+	"aria-label": typeof title === "string" ? title : void 0,
+	className: cx(styles.root, className),
+	ref,
+	...rest,
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: styles.head,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("span", {
+				className: styles.title,
+				children: title
+			}),
+			actions,
+			onClose && /* @__PURE__ */ jsx("button", {
+				"aria-label": closeLabel,
+				className: styles.close,
+				type: "button",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(X, { size: 15 })
+			})
+		]
+	}), /* @__PURE__ */ jsx("div", {
+		className: styles.body,
+		children
+	})]
+}));
+CardPanel.displayName = "CardPanel";
+export { CardPanel as default };
+
+//# sourceMappingURL=CardPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardPanel.mjs","names":[],"sources":["../../../src/base-ui/CardPanel/CardPanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { styles } from './style';\nimport type { CardPanelProps } from './type';\n\n/**\n * An in-flow side card with a 52px head (icon, title, actions, close) and a body\n * that fills the rest — e.g. an assistant panel beside a settings page.\n * Position and height belong to the host layout.\n */\nconst CardPanel = memo<CardPanelProps>(\n  ({ actions, children, className, closeLabel = 'Close', icon, onClose, ref, title, ...rest }) => (\n    <aside\n      aria-label={typeof title === 'string' ? title : undefined}\n      className={cx(styles.root, className)}\n      ref={ref}\n      {...rest}\n    >\n      <div className={styles.head}>\n        {icon}\n        <span className={styles.title}>{title}</span>\n        {actions}\n        {onClose && (\n          <button\n            aria-label={closeLabel}\n            className={styles.close}\n            type={'button'}\n            onClick={onClose}\n          >\n            <X size={15} />\n          </button>\n        )}\n      </div>\n      <div className={styles.body}>{children}</div>\n    </aside>\n  ),\n);\n\nCardPanel.displayName = 'CardPanel';\n\nexport default CardPanel;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,YAAY,MACf,EAAE,SAAS,UAAU,WAAW,aAAa,SAAS,MAAM,SAAS,KAAK,OAAO,GAAG,WACnF,qBAAC,SAAD;CACE,cAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;CAChD,WAAW,GAAG,OAAO,MAAM,SAAS;CAC/B;CACL,GAAI;CAJN,UAAA,CAME,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA;GACG;GACD,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAQ,UAAA;GAAY,CAAA;GAC3C;GACA,WACC,oBAAC,UAAD;IACE,cAAY;IACZ,WAAW,OAAO;IAClB,MAAM;IACN,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,MAAM,GAAK,CAAA;GACR,CAAA;EAEP;CACL,CAAA,GAAA,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAO;CAAc,CAAA,CACvC;AAEX,CAAA,CAAA;AAEA,UAAU,cAAc"}

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

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

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

@@ -0,0 +1,75 @@
+import { createStaticStyles, cssVar } from "antd-style";
+// src/base-ui/CardPanel/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	body: css`
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    min-height: 0;
+  `,
+	close: css`
+    cursor: pointer;
+
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: 0;
+    border-radius: 8px;
+
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	head: css`
+    display: flex;
+    flex: none;
+    gap: 8px;
+    align-items: center;
+
+    height: 52px;
+    padding-block: 0;
+    padding-inline: 16px 10px;
+    border-block-end: 1px solid ${cssVar.colorFillTertiary};
+
+    color: ${cssVar.colorText};
+  `,
+	root: css`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    border: 1px solid ${cssVar.colorBorder};
+    border-radius: 18px;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow:
+      0 2px 4px rgb(11 15 18 / 4%),
+      0 18px 40px -20px rgb(11 15 18 / 28%);
+  `,
+	title: css`
+    overflow: hidden;
+    flex: 1;
+
+    min-width: 0;
+
+    font-size: 14px;
+    font-weight: 600;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/CardPanel/style.ts"],"sourcesContent":["import { createStaticStyles, cssVar } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  body: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-height: 0;\n  `,\n  close: css`\n    cursor: pointer;\n\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: 0;\n    border-radius: 8px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  head: css`\n    display: flex;\n    flex: none;\n    gap: 8px;\n    align-items: center;\n\n    height: 52px;\n    padding-block: 0;\n    padding-inline: 16px 10px;\n    border-block-end: 1px solid ${cssVar.colorFillTertiary};\n\n    color: ${cssVar.colorText};\n  `,\n  root: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 18px;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 2px 4px rgb(11 15 18 / 4%),\n      0 18px 40px -20px rgb(11 15 18 / 28%);\n  `,\n  title: css`\n    overflow: hidden;\n    flex: 1;\n\n    min-width: 0;\n\n    font-size: 14px;\n    font-weight: 600;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,MAAM,GAAG;;;;;;;;CAQT,OAAO,GAAG;;;;;;;;;;;;;;aAcC,OAAO,mBAAmB;;;;;eAKxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;;;;;;;;;kCASuB,OAAO,kBAAkB;;aAE9C,OAAO,UAAU;;CAE5B,MAAM,GAAG;;;;;wBAKa,OAAO,YAAY;;;kBAGzB,OAAO,iBAAiB;;;;;CAKxC,OAAO,GAAG;;;;;;;;;;;AAWZ,EAAE"}

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

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+interface CardPanelProps extends Omit<ComponentProps<'aside'>, 'title'> {
+  /** Controls in the head, before the close button. */
+  actions?: ReactNode;
+  children?: ReactNode;
+  /** Accessible name of the close button. Defaults to "Close". */
+  closeLabel?: string;
+  /** Leading icon of the head. */
+  icon?: ReactNode;
+  /** Shows the close button. */
+  onClose?: () => void;
+  ref?: Ref<HTMLElement>;
+  title: ReactNode;
+}
+export { CardPanelProps };
+//# sourceMappingURL=type.d.mts.map

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

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

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

@@ -7,7 +7,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/base-ui/Carousel/Carousel.tsx
+// src/base-ui/Carousel/Carousel.tsx
 const DEFAULT_INTERVAL = 5e3;
 const SWIPE_THRESHOLD = 40;
 const ARROW_SIZE = {
@@ -151,7 +151,6 @@ const Carousel = memo(({ adaptiveHeight = false, arrows = false, autoplay = fals
 	});
 });
 Carousel.displayName = "Carousel";
-//#endregion
 export { Carousel as default };
 
 //# sourceMappingURL=Carousel.mjs.map

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

@@ -1,6 +1,6 @@
 import { brandCssVar } from "../../styles/brandCssVar.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Carousel/style.ts
+// src/base-ui/Carousel/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	arrow: css`
     position: absolute;
@@ -83,7 +83,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map