@swiftcrab/crab 0.0.5 → 0.0.7

package/es/table/style/pagination.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/pagination.d.ts
+declare const genPaginationStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genPaginationStyle as default };

package/es/table/style/pagination.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,antCls:r,margin:i}=t;return{[`${n}-wrapper`]:{[`${n}-pagination${r}-pagination`]:{margin:`${e(i)} 0`},[`${n}-pagination`]:{display:`flex`,flexWrap:`wrap`,rowGap:t.paddingXS,"> *":{flex:`none`},"&-left":{justifyContent:`flex-start`},"&-center":{justifyContent:`center`},"&-right":{justifyContent:`flex-end`}}}}};export{t as default};

package/es/table/style/radius.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/radius.d.ts
+declare const genRadiusStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genRadiusStyle as default };

package/es/table/style/radius.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,tableRadius:r}=t;return{[`${n}-wrapper`]:{[n]:{[`${n}-title, ${n}-header`]:{borderRadius:`${e(r)} ${e(r)} 0 0`},[`${n}-title + ${n}-container`]:{borderStartStartRadius:0,borderStartEndRadius:0,[`${n}-header, table`]:{borderRadius:0},"table > thead > tr:first-child":{"th:first-child, th:last-child, td:first-child, td:last-child":{borderRadius:0}}},"&-container":{borderStartStartRadius:r,borderStartEndRadius:r,"table > thead > tr:first-child":{"> *:first-child":{borderStartStartRadius:r},"> *:last-child":{borderStartEndRadius:r}}},"&-footer":{borderRadius:`0 0 ${e(r)} ${e(r)}`}}}}};export{t as default};

package/es/table/style/rtl.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/rtl.d.ts
+declare const genStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genStyle as default };

package/es/table/style/rtl.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[`${t}-wrapper-rtl`]:{direction:`rtl`,table:{direction:`rtl`},[`${t}-pagination-left`]:{justifyContent:`flex-end`},[`${t}-pagination-right`]:{justifyContent:`flex-start`},[`${t}-row-expand-icon`]:{float:`right`,"&::after":{transform:`rotate(-90deg)`},"&-collapsed::before":{transform:`rotate(180deg)`},"&-collapsed::after":{transform:`rotate(0deg)`}},[`${t}-container`]:{"&::before":{insetInlineStart:`unset`,insetInlineEnd:0},"&::after":{insetInlineStart:0,insetInlineEnd:`unset`},[`${t}-row-indent`]:{float:`right`}}}}};export{e as default};

package/es/table/style/selection.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/selection.d.ts
+declare const genSelectionStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genSelectionStyle as default };

package/es/table/style/selection.js

@@ -0,0 +1,5 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,antCls:r,iconCls:i,fontSizeIcon:a,padding:o,paddingXS:s,headerIconColor:c,headerIconHoverColor:l,tableSelectionColumnWidth:u,tableSelectedRowBg:d,tableSelectedRowHoverBg:f,tableRowHoverBg:p,tablePaddingHorizontal:m,calc:h}=t;return{[`${n}-wrapper`]:{[`${n}-selection-col`]:{width:u,[`&${n}-selection-col-with-dropdown`]:{width:h(u).add(a).add(h(o).div(4)).equal()}},[`${n}-bordered ${n}-selection-col`]:{width:h(u).add(h(s).mul(2)).equal(),[`&${n}-selection-col-with-dropdown`]:{width:h(u).add(a).add(h(o).div(4)).add(h(s).mul(2)).equal()}},[`
+        table tr th${n}-selection-column,
+        table tr td${n}-selection-column,
+        ${n}-selection-column
+      `]:{paddingInlineEnd:t.paddingXS,paddingInlineStart:t.paddingXS,textAlign:`center`,[`${r}-radio-wrapper`]:{marginInlineEnd:0}},[`table tr th${n}-selection-column${n}-cell-fix-left`]:{zIndex:h(t.zIndexTableFixed).add(1).equal({unit:!1})},[`table tr th${n}-selection-column::after`]:{backgroundColor:`transparent !important`},[`${n}-selection`]:{position:`relative`,display:`inline-flex`,flexDirection:`column`},[`${n}-selection-extra`]:{position:`absolute`,top:0,zIndex:1,cursor:`pointer`,transition:`all ${t.motionDurationSlow}`,marginInlineStart:`100%`,paddingInlineStart:e(h(m).div(4).equal()),[i]:{color:c,fontSize:a,verticalAlign:`baseline`,"&:hover":{color:l}}},[`${n}-tbody`]:{[`${n}-row`]:{[`&${n}-row-selected`]:{[`> ${n}-cell`]:{background:d,"&-row-hover":{background:f}}},[`> ${n}-cell-row-hover`]:{background:p}}}}}};export{t as default};

package/es/table/style/size.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/size.d.ts
+declare const genSizeStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genSizeStyle as default };

package/es/table/style/size.js

@@ -0,0 +1,10 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,tableExpandColumnWidth:r,calc:i}=t,a=(t,a,o,s)=>({[`${n}${n}-${t}`]:{fontSize:s,[`
+        ${n}-title,
+        ${n}-footer,
+        ${n}-cell,
+        ${n}-thead > tr > th,
+        ${n}-tbody > tr > th,
+        ${n}-tbody > tr > td,
+        tfoot > tr > th,
+        tfoot > tr > td
+      `]:{padding:`${e(a)} ${e(o)}`},[`${n}-filter-trigger`]:{marginInlineEnd:e(i(o).div(2).mul(-1).equal())},[`${n}-expanded-row-fixed`]:{margin:`${e(i(a).mul(-1).equal())} ${e(i(o).mul(-1).equal())}`},[`${n}-tbody`]:{[`${n}-wrapper:only-child ${n}`]:{marginBlock:e(i(a).mul(-1).equal()),marginInline:`${e(i(r).sub(o).equal())} ${e(i(o).mul(-1).equal())}`}},[`${n}-selection-extra`]:{paddingInlineStart:e(i(o).div(4).equal())}}});return{[`${n}-wrapper`]:{...a(`middle`,t.tablePaddingVerticalMiddle,t.tablePaddingHorizontalMiddle,t.tableFontSizeMiddle),...a(`small`,t.tablePaddingVerticalSmall,t.tablePaddingHorizontalSmall,t.tableFontSizeSmall)}}};export{t as default};

package/es/table/style/sorter.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/sorter.d.ts
+declare const genSorterStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genSorterStyle as default };

package/es/table/style/sorter.js

@@ -0,0 +1,4 @@
+const e=e=>{let{componentCls:t,marginXXS:n,fontSizeIcon:r,headerIconColor:i,headerIconHoverColor:a}=e;return{[`${t}-wrapper`]:{[`${t}-thead th${t}-column-has-sorters`]:{outline:`none`,cursor:`pointer`,transition:`all ${e.motionDurationSlow}, left 0s`,"&:hover":{background:e.tableHeaderSortHoverBg,"&::before":{backgroundColor:`transparent !important`}},"&:focus-visible":{color:e.colorPrimary},[`
+          &${t}-cell-fix-left:hover,
+          &${t}-cell-fix-right:hover
+        `]:{background:e.tableFixedHeaderSortActiveBg}},[`${t}-thead th${t}-column-sort`]:{background:e.tableHeaderSortBg,"&::before":{backgroundColor:`transparent !important`}},[`td${t}-column-sort`]:{background:e.tableBodySortBg},[`${t}-column-title`]:{position:`relative`,zIndex:1,flex:1},[`${t}-column-sorters`]:{display:`flex`,flex:`auto`,alignItems:`center`,justifyContent:`space-between`,"&::after":{position:`absolute`,inset:0,width:`100%`,height:`100%`,content:`""`}},[`${t}-column-sorters-tooltip-target-sorter`]:{"&::after":{content:`none`}},[`${t}-column-sorter`]:{marginInlineStart:n,color:i,fontSize:0,transition:`color ${e.motionDurationSlow}`,"&-inner":{display:`inline-flex`,flexDirection:`column`,alignItems:`center`},"&-up, &-down":{fontSize:r,"&.active":{color:e.colorPrimary}},[`${t}-column-sorter-up + ${t}-column-sorter-down`]:{marginTop:`-0.3em`}},[`${t}-column-sorters:hover ${t}-column-sorter`]:{color:a}}}};export{e as default};

package/es/table/style/sticky.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/sticky.d.ts
+declare const genStickyStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genStickyStyle as default };

package/es/table/style/sticky.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,opacityLoading:r,tableScrollThumbBg:i,tableScrollThumbBgHover:a,tableScrollThumbSize:o,tableScrollBg:s,zIndexTableSticky:c,stickyScrollBarBorderRadius:l,lineWidth:u,lineType:d,tableBorderColor:f}=t,p=`${e(u)} ${d} ${f}`;return{[`${n}-wrapper`]:{[`${n}-sticky`]:{"&-holder":{position:`sticky`,zIndex:c,background:t.colorBgContainer},"&-scroll":{position:`sticky`,bottom:0,height:`${e(o)} !important`,zIndex:c,display:`flex`,alignItems:`center`,background:s,borderTop:p,opacity:r,"&:hover":{transformOrigin:`center bottom`},"&-bar":{height:o,backgroundColor:i,borderRadius:l,transition:`all ${t.motionDurationSlow}, transform none`,position:`absolute`,bottom:0,"&:hover, &-active":{backgroundColor:a}}}}}}};export{t as default};

package/es/table/style/summary.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/summary.d.ts
+declare const genSummaryStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genSummaryStyle as default };

package/es/table/style/summary.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,lineWidth:r,tableBorderColor:i,calc:a}=t,o=`${e(r)} ${t.lineType} ${i}`;return{[`${n}-wrapper`]:{[`${n}-summary`]:{position:`relative`,zIndex:t.zIndexTableFixed,background:t.tableBg,"> tr":{"> th, > td":{borderBottom:o}}},[`div${n}-summary`]:{boxShadow:`0 ${e(a(r).mul(-1).equal())} 0 ${i}`}}}};export{t as default};

package/es/table/style/virtual.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { TableToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/table/style/virtual.d.ts
+declare const genVirtualStyle: GenerateStyle<TableToken, CSSObject>;
+//#endregion
+export { genVirtualStyle as default };

package/es/table/style/virtual.js

@@ -0,0 +1,4 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,motionDurationMid:r,lineWidth:i,lineType:a,tableBorderColor:o,calc:s}=t,c=`${e(i)} ${a} ${o}`,l=`${n}-expanded-row-cell`;return{[`${n}-wrapper`]:{[`${n}-tbody-virtual`]:{[`${n}-tbody-virtual-holder-inner`]:{[`
+            & > ${n}-row, 
+            & > div:not(${n}-row) > ${n}-row
+          `]:{display:`flex`,boxSizing:`border-box`,width:`100%`}},[`${n}-cell`]:{borderBottom:c,transition:`background ${r}`},[`${n}-expanded-row`]:{[`${l}${l}-fixed`]:{position:`sticky`,insetInlineStart:0,overflow:`hidden`,width:`calc(var(--virtual-width) - ${e(i)})`,borderInlineEnd:`none`}}},[`${n}-bordered`]:{[`${n}-tbody-virtual`]:{"&:after":{content:`""`,insetInline:0,bottom:0,borderBottom:c,position:`absolute`},[`${n}-cell`]:{borderInlineEnd:c,[`&${n}-cell-fix-right-first:before`]:{content:`""`,position:`absolute`,insetBlock:0,insetInlineStart:s(i).mul(-1).equal(),borderInlineStart:c}}},[`&${n}-virtual`]:{[`${n}-placeholder ${n}-cell`]:{borderInlineEnd:c,borderBottom:c}}}}}};export{t as default};

package/es/table/util.d.ts

@@ -0,0 +1,15 @@
+import { AnyObject } from "../_util/type.js";
+import { ColumnTitle, ColumnTitleProps, ColumnType, Key } from "./interface.js";
+//#region components/table/util.d.ts
+export declare const getColumnKey: <RecordType extends AnyObject = AnyObject>(column: ColumnType<RecordType>, defaultKey: string) => Key;
+export declare function getColumnPos(index: number, pos?: string): string;
+export declare const renderColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;
+/**
+ * Safe get column title
+ *
+ * Should filter [object Object]
+ *
+ * @param title
+ */
+export declare const safeColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;
+//#endregion

package/es/table/util.js

@@ -0,0 +1 @@
+const e=(e,t)=>`key`in e&&e.key!==void 0&&e.key!==null?e.key:e.dataIndex?Array.isArray(e.dataIndex)?e.dataIndex.join(`.`):e.dataIndex:t;function t(e,t){return t?`${t}-${e}`:`${e}`}const n=(e,t)=>typeof e==`function`?e(t):e,r=(e,t)=>{let r=n(e,t);return Object.prototype.toString.call(r)===`[object Object]`?``:r};export{e as getColumnKey,t as getColumnPos,n as renderColumnTitle,r as safeColumnTitle};

package/es/tabs/TabPane.d.ts

@@ -0,0 +1,6 @@
+import * as React$1 from "react";
+import { TabPaneProps } from "rc-tabs/lib/TabPanelList/TabPane";
+//#region components/tabs/TabPane.d.ts
+declare const TabPane: React$1.FC<TabPaneProps>;
+//#endregion
+export { type TabPaneProps, TabPane as default };

package/es/tabs/TabPane.js

@@ -0,0 +1 @@
+const e=()=>null;export{e as default};

package/es/tabs/hooks/useAnimateConfig.d.ts

@@ -0,0 +1,5 @@
+import { TabsProps } from "../index.js";
+import { AnimatedConfig } from "rc-tabs/lib/interface";
+//#region components/tabs/hooks/useAnimateConfig.d.ts
+export default function useAnimateConfig(prefixCls: string, animated?: TabsProps['animated']): AnimatedConfig;
+//#endregion

package/es/tabs/hooks/useAnimateConfig.js

@@ -0,0 +1 @@
+import{getTransitionName as e}from"../../_util/motion.js";const t={motionAppear:!1,motionEnter:!0,motionLeave:!0};function n(n,r={inkBar:!0,tabPane:!1}){let i;return i=r===!1?{inkBar:!1,tabPane:!1}:r===!0?{inkBar:!0,tabPane:!0}:{inkBar:!0,...typeof r==`object`?r:{}},i.tabPane&&(i.tabPaneMotion={...t,motionName:e(n,`switch`)}),i}export{n as default};

package/es/tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,6 @@
+import { TabsProps } from "../index.js";
+import * as React$1 from "react";
+import { Tab } from "rc-tabs/lib/interface";
+//#region components/tabs/hooks/useLegacyItems.d.ts
+export default function useLegacyItems(items?: TabsProps['items'], children?: React$1.ReactNode): Tab[];
+//#endregion

package/es/tabs/hooks/useLegacyItems.js

@@ -0,0 +1 @@
+import"../../_util/warning.js";import*as e from"react";import t from"rc-util/lib/Children/toArray";function n(e){return e.filter(e=>e)}function r(r,i){return r||n(t(i).map(t=>{if(e.isValidElement(t)){let{key:e,props:n}=t,{tab:r,...i}=n||{};return{key:String(e),...i,label:r}}return null}))}export{r as default};

package/es/tabs/index.d.ts

@@ -0,0 +1,29 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import TabPane, { TabPaneProps } from "./TabPane.js";
+import * as React$1 from "react";
+import { TabsProps as TabsProps$1 } from "rc-tabs";
+import { MoreProps } from "rc-tabs/lib/interface";
+import { GetIndicatorSize } from "rc-tabs/lib/hooks/useIndicator";
+//#region components/tabs/index.d.ts
+export type TabsType = 'line' | 'card' | 'editable-card';
+export type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
+export interface TabsProps extends Omit<TabsProps$1, 'editable'> {
+  rootClassName?: string;
+  type?: TabsType;
+  size?: SizeType;
+  hideAdd?: boolean;
+  centered?: boolean;
+  addIcon?: React$1.ReactNode;
+  moreIcon?: React$1.ReactNode;
+  more?: MoreProps;
+  removeIcon?: React$1.ReactNode;
+  onEdit?: (e: React$1.MouseEvent | React$1.KeyboardEvent | string, action: 'add' | 'remove') => void;
+  children?: React$1.ReactNode;
+  /** @deprecated Please use `indicator={{ size: ... }}` instead */
+  indicatorSize?: GetIndicatorSize;
+}
+declare const Tabs: React$1.FC<TabsProps> & {
+  TabPane: typeof TabPane;
+};
+//#endregion
+export { type TabPaneProps, Tabs as default };

package/es/tabs/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useCSSVarCls.js";import n from"../config-provider/hooks/useSize.js";import r from"./hooks/useAnimateConfig.js";import i from"./hooks/useLegacyItems.js";import a from"./style/index.js";import o from"./TabPane.js";import*as s from"react";import c from"classnames";import l from"@ant-design/icons/CloseOutlined";import u from"@ant-design/icons/EllipsisOutlined";import d from"@ant-design/icons/PlusOutlined";import f from"rc-tabs";const p=o=>{let{type:p,className:m,rootClassName:h,size:g,onEdit:_,hideAdd:v,centered:y,addIcon:b,removeIcon:x,moreIcon:S,more:C,popupClassName:w,children:T,items:E,animated:D,style:O,indicatorSize:k,indicator:A,...j}=o,{prefixCls:M}=j,{direction:N,tabs:P,getPrefixCls:F,getPopupContainer:I}=s.useContext(e),L=F(`tabs`,M),R=t(L),[z,B,V]=a(L,R),H;p===`editable-card`&&(H={onEdit:(e,{key:t,event:n})=>{_?.(e===`add`?n:t,e)},removeIcon:x??P?.removeIcon??s.createElement(l,null),addIcon:(b??P?.addIcon)||s.createElement(d,null),showAdd:v!==!0});let U=F(),W=n(g),G=i(E,T),K=r(L,D),q={...P?.style,...O},J={align:A?.align??P?.indicator?.align,size:A?.size??k??P?.indicator?.size??P?.indicatorSize};return z(s.createElement(f,{direction:N,getPopupContainer:I,...j,items:G,className:c({[`${L}-${W}`]:W,[`${L}-card`]:[`card`,`editable-card`].includes(p),[`${L}-editable-card`]:p===`editable-card`,[`${L}-centered`]:y},P?.className,m,h,B,V,R),popupClassName:c(w,B,V,R),style:q,editable:H,more:{icon:P?.more?.icon??P?.moreIcon??S??s.createElement(u,null),transitionName:`${U}-slide-up`,...C},prefixCls:L,animated:K,indicator:J}))};p.TabPane=o;export{p as default};

package/es/tabs/style/index.d.ts

@@ -0,0 +1,139 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/tabs/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 下拉菜单 z-index
+   * @descEN z-index of dropdown menu
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 卡片标签页背景色
+   * @descEN Background color of card tab
+   */
+  cardBg: string;
+  /**
+   * @desc 卡片标签页高度
+   * @descEN Height of card tab
+   */
+  cardHeight: number | string;
+  /**
+   * @desc 卡片标签页内间距
+   * @descEN Padding of card tab
+   */
+  cardPadding: string;
+  /**
+   * @desc 小号卡片标签页内间距
+   * @descEN Padding of small card tab
+   */
+  cardPaddingSM: string;
+  /**
+   * @desc 大号卡片标签页内间距
+   * @descEN Padding of large card tab
+   */
+  cardPaddingLG: string;
+  /**
+   * @desc 标签页标题文本大小
+   * @descEN Font size of title
+   */
+  titleFontSize: number;
+  /**
+   * @desc 大号标签页标题文本大小
+   * @descEN Font size of large title
+   */
+  titleFontSizeLG: number;
+  /**
+   * @desc 小号标签页标题文本大小
+   * @descEN Font size of small title
+   */
+  titleFontSizeSM: number;
+  /**
+   * @desc 指示条颜色
+   * @descEN Color of indicator
+   */
+  inkBarColor: string;
+  /**
+   * @desc 横向标签页外间距
+   * @descEN Horizontal margin of horizontal tab
+   */
+  horizontalMargin: string;
+  /**
+   * @desc 横向标签页标签间距
+   * @descEN Horizontal gutter of horizontal tab
+   */
+  horizontalItemGutter: number;
+  /**
+   * @desc 横向标签页标签外间距
+   * @descEN Horizontal margin of horizontal tab item
+   */
+  horizontalItemMargin: string;
+  /**
+   * @desc 横向标签页标签外间距（RTL）
+   * @descEN Horizontal margin of horizontal tab item (RTL)
+   */
+  horizontalItemMarginRTL: string;
+  /**
+   * @desc 横向标签页标签内间距
+   * @descEN Horizontal padding of horizontal tab item
+   */
+  horizontalItemPadding: string;
+  /**
+   * @desc 大号横向标签页标签内间距
+   * @descEN Horizontal padding of large horizontal tab item
+   */
+  horizontalItemPaddingLG: string;
+  /**
+   * @desc 小号横向标签页标签内间距
+   * @descEN Horizontal padding of small horizontal tab item
+   */
+  horizontalItemPaddingSM: string;
+  /**
+   * @desc 纵向标签页标签内间距
+   * @descEN Vertical padding of vertical tab item
+   */
+  verticalItemPadding: string;
+  /**
+   * @desc 纵向标签页标签外间距
+   * @descEN Vertical margin of vertical tab item
+   */
+  verticalItemMargin: string;
+  /**
+   * @desc 标签文本颜色
+   * @descEN Text color of tab
+   */
+  itemColor: string;
+  /**
+   * @desc 标签激活态文本颜色
+   * @descEN Text color of active tab
+   */
+  itemActiveColor: string;
+  /**
+   * @desc 标签悬浮态文本颜色
+   * @descEN Text color of hover tab
+   */
+  itemHoverColor: string;
+  /**
+   * @desc 标签选中态文本颜色
+   * @descEN Text color of selected tab
+   */
+  itemSelectedColor: string;
+  /**
+   * @desc 卡片标签间距
+   * @descEN Gutter of card tab
+   */
+  cardGutter: number;
+}
+export interface TabsToken extends FullToken<'Tabs'> {
+  tabsCardPadding: string;
+  dropdownEdgeChildVerticalPadding: number;
+  tabsNavWrapPseudoWidth: number;
+  tabsActiveTextShadow: string;
+  tabsDropdownHeight: number | string;
+  tabsDropdownWidth: number | string;
+  tabsHorizontalItemMargin: string;
+  tabsHorizontalItemMarginRTL: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tabs'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tabs/style/index.js

@@ -0,0 +1,3 @@
+import{genFocusStyle as e,resetComponent as t,textEllipsis as n}from"../../style/index.js";import{genStyleHooks as r}from"../../theme/util/genStyleUtils.js";import{mergeToken as i}from"../../theme/internal.js";import a from"./motion.js";import{unit as o}from"@ant-design/cssinjs";const s=e=>{let{componentCls:t,tabsCardPadding:n,cardBg:r,cardGutter:i,colorBorderSecondary:a,itemSelectedColor:s}=e;return{[`${t}-card`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{margin:0,padding:n,background:r,border:`${o(e.lineWidth)} ${e.lineType} ${a}`,transition:`all ${e.motionDurationSlow} ${e.motionEaseInOut}`},[`${t}-tab-active`]:{color:s,background:e.colorBgContainer},[`${t}-ink-bar`]:{visibility:`hidden`}},[`&${t}-top, &${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginLeft:{_skip_check_:!0,value:o(i)}}}},[`&${t}-top`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:`${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)} 0 0`},[`${t}-tab-active`]:{borderBottomColor:e.colorBgContainer}}},[`&${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:`0 0 ${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)}`},[`${t}-tab-active`]:{borderTopColor:e.colorBgContainer}}},[`&${t}-left, &${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginTop:o(i)}}},[`&${t}-left`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`${o(e.borderRadiusLG)} 0 0 ${o(e.borderRadiusLG)}`}},[`${t}-tab-active`]:{borderRightColor:{_skip_check_:!0,value:e.colorBgContainer}}}},[`&${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)} 0`}},[`${t}-tab-active`]:{borderLeftColor:{_skip_check_:!0,value:e.colorBgContainer}}}}}}},c=e=>{let{componentCls:r,itemHoverColor:i,dropdownEdgeChildVerticalPadding:a}=e;return{[`${r}-dropdown`]:{...t(e),position:`absolute`,top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:e.zIndexPopup,display:`block`,"&-hidden":{display:`none`},[`${r}-dropdown-menu`]:{maxHeight:e.tabsDropdownHeight,margin:0,padding:`${o(a)} 0`,overflowX:`hidden`,overflowY:`auto`,textAlign:{_skip_check_:!0,value:`left`},listStyleType:`none`,backgroundColor:e.colorBgContainer,backgroundClip:`padding-box`,borderRadius:e.borderRadiusLG,outline:`none`,boxShadow:e.boxShadowSecondary,"&-item":{...n,display:`flex`,alignItems:`center`,minWidth:e.tabsDropdownWidth,margin:0,padding:`${o(e.paddingXXS)} ${o(e.paddingSM)}`,color:e.colorText,fontWeight:`normal`,fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:`pointer`,transition:`all ${e.motionDurationSlow}`,"> span":{flex:1,whiteSpace:`nowrap`},"&-remove":{flex:`none`,marginLeft:{_skip_check_:!0,value:e.marginSM},color:e.colorTextDescription,fontSize:e.fontSizeSM,background:`transparent`,border:0,cursor:`pointer`,"&:hover":{color:i}},"&:hover":{background:e.controlItemBgHover},"&-disabled":{"&, &:hover":{color:e.colorTextDisabled,background:`transparent`,cursor:`not-allowed`}}}}}}},l=e=>{let{componentCls:t,margin:n,colorBorderSecondary:r,horizontalMargin:i,verticalItemPadding:a,verticalItemMargin:s,calc:c}=e;return{[`${t}-top, ${t}-bottom`]:{flexDirection:`column`,[`> ${t}-nav, > div > ${t}-nav`]:{margin:i,"&::before":{position:`absolute`,right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},borderBottom:`${o(e.lineWidth)} ${e.lineType} ${r}`,content:`''`},[`${t}-ink-bar`]:{height:e.lineWidthBold,"&-animated":{transition:`width ${e.motionDurationSlow}, left ${e.motionDurationSlow},
+            right ${e.motionDurationSlow}`}},[`${t}-nav-wrap`]:{"&::before, &::after":{top:0,bottom:0,width:e.controlHeight},"&::before":{left:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowLeft},"&::after":{right:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowRight},[`&${t}-nav-wrap-ping-left::before`]:{opacity:1},[`&${t}-nav-wrap-ping-right::after`]:{opacity:1}}}},[`${t}-top`]:{[`> ${t}-nav,
+        > div > ${t}-nav`]:{"&::before":{bottom:0},[`${t}-ink-bar`]:{bottom:0}}},[`${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{order:1,marginTop:n,marginBottom:0,"&::before":{top:0},[`${t}-ink-bar`]:{top:0}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{order:0}},[`${t}-left, ${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{flexDirection:`column`,minWidth:c(e.controlHeight).mul(1.25).equal(),[`${t}-tab`]:{padding:a,textAlign:`center`},[`${t}-tab + ${t}-tab`]:{margin:s},[`${t}-nav-wrap`]:{flexDirection:`column`,"&::before, &::after":{right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},height:e.controlHeight},"&::before":{top:0,boxShadow:e.boxShadowTabsOverflowTop},"&::after":{bottom:0,boxShadow:e.boxShadowTabsOverflowBottom},[`&${t}-nav-wrap-ping-top::before`]:{opacity:1},[`&${t}-nav-wrap-ping-bottom::after`]:{opacity:1}},[`${t}-ink-bar`]:{width:e.lineWidthBold,"&-animated":{transition:`height ${e.motionDurationSlow}, top ${e.motionDurationSlow}`}},[`${t}-nav-list, ${t}-nav-operations`]:{flex:`1 0 auto`,flexDirection:`column`}}},[`${t}-left`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-ink-bar`]:{right:{_skip_check_:!0,value:0}}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{marginLeft:{_skip_check_:!0,value:o(c(e.lineWidth).mul(-1).equal())},borderLeft:{_skip_check_:!0,value:`${o(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},[`> ${t}-content > ${t}-tabpane`]:{paddingLeft:{_skip_check_:!0,value:e.paddingLG}}}},[`${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{order:1,[`${t}-ink-bar`]:{left:{_skip_check_:!0,value:0}}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{order:0,marginRight:{_skip_check_:!0,value:c(e.lineWidth).mul(-1).equal()},borderRight:{_skip_check_:!0,value:`${o(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},[`> ${t}-content > ${t}-tabpane`]:{paddingRight:{_skip_check_:!0,value:e.paddingLG}}}}}},u=e=>{let{componentCls:t,cardPaddingSM:n,cardPaddingLG:r,horizontalItemPaddingSM:i,horizontalItemPaddingLG:a}=e;return{[t]:{"&-small":{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:i,fontSize:e.titleFontSizeSM}}},"&-large":{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:a,fontSize:e.titleFontSizeLG}}}},[`${t}-card`]:{[`&${t}-small`]:{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:n}},[`&${t}-bottom`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:`0 0 ${o(e.borderRadius)} ${o(e.borderRadius)}`}},[`&${t}-top`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:`${o(e.borderRadius)} ${o(e.borderRadius)} 0 0`}},[`&${t}-right`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${o(e.borderRadius)} ${o(e.borderRadius)} 0`}}},[`&${t}-left`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`${o(e.borderRadius)} 0 0 ${o(e.borderRadius)}`}}}},[`&${t}-large`]:{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:r}}}}}},d=t=>{let{componentCls:n,itemActiveColor:r,itemHoverColor:i,iconCls:a,tabsHorizontalItemMargin:o,horizontalItemPadding:s,itemSelectedColor:c,itemColor:l}=t,u=`${n}-tab`;return{[u]:{position:`relative`,WebkitTouchCallout:`none`,WebkitTapHighlightColor:`transparent`,display:`inline-flex`,alignItems:`center`,padding:s,fontSize:t.titleFontSize,background:`transparent`,border:0,outline:`none`,cursor:`pointer`,color:l,"&-btn, &-remove":{"&:focus:not(:focus-visible), &:active":{color:r},...e(t)},"&-btn":{outline:`none`,transition:`all ${t.motionDurationSlow}`,[`${u}-icon:not(:last-child)`]:{marginInlineEnd:t.marginSM}},"&-remove":{flex:`none`,marginRight:{_skip_check_:!0,value:t.calc(t.marginXXS).mul(-1).equal()},marginLeft:{_skip_check_:!0,value:t.marginXS},color:t.colorTextDescription,fontSize:t.fontSizeSM,background:`transparent`,border:`none`,outline:`none`,cursor:`pointer`,transition:`all ${t.motionDurationSlow}`,"&:hover":{color:t.colorTextHeading}},"&:hover":{color:i},[`&${u}-active ${u}-btn`]:{color:c,textShadow:t.tabsActiveTextShadow},[`&${u}-disabled`]:{color:t.colorTextDisabled,cursor:`not-allowed`},[`&${u}-disabled ${u}-btn, &${u}-disabled ${n}-remove`]:{"&:focus, &:active":{color:t.colorTextDisabled}},[`& ${u}-remove ${a}`]:{margin:0},[`${a}:not(:last-child)`]:{marginRight:{_skip_check_:!0,value:t.marginSM}}},[`${u} + ${u}`]:{margin:{_skip_check_:!0,value:o}}}},f=e=>{let{componentCls:t,tabsHorizontalItemMarginRTL:n,iconCls:r,cardGutter:i,calc:a}=e;return{[`${t}-rtl`]:{direction:`rtl`,[`${t}-nav`]:{[`${t}-tab`]:{margin:{_skip_check_:!0,value:n},[`${t}-tab:last-of-type`]:{marginLeft:{_skip_check_:!0,value:0}},[r]:{marginRight:{_skip_check_:!0,value:0},marginLeft:{_skip_check_:!0,value:o(e.marginSM)}},[`${t}-tab-remove`]:{marginRight:{_skip_check_:!0,value:o(e.marginXS)},marginLeft:{_skip_check_:!0,value:o(a(e.marginXXS).mul(-1).equal())},[r]:{margin:0}}}},[`&${t}-left`]:{[`> ${t}-nav`]:{order:1},[`> ${t}-content-holder`]:{order:0}},[`&${t}-right`]:{[`> ${t}-nav`]:{order:0},[`> ${t}-content-holder`]:{order:1}},[`&${t}-card${t}-top, &${t}-card${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginRight:{_skip_check_:!0,value:i},marginLeft:{_skip_check_:!0,value:0}}}}},[`${t}-dropdown-rtl`]:{direction:`rtl`},[`${t}-menu-item`]:{[`${t}-dropdown-rtl`]:{textAlign:{_skip_check_:!0,value:`right`}}}}},p=n=>{let{componentCls:r,tabsCardPadding:i,cardHeight:a,cardGutter:s,itemHoverColor:c,itemActiveColor:l,colorBorderSecondary:u}=n;return{[r]:{...t(n),display:`flex`,[`> ${r}-nav, > div > ${r}-nav`]:{position:`relative`,display:`flex`,flex:`none`,alignItems:`center`,[`${r}-nav-wrap`]:{position:`relative`,display:`flex`,flex:`auto`,alignSelf:`stretch`,overflow:`hidden`,whiteSpace:`nowrap`,transform:`translate(0)`,"&::before, &::after":{position:`absolute`,zIndex:1,opacity:0,transition:`opacity ${n.motionDurationSlow}`,content:`''`,pointerEvents:`none`}},[`${r}-nav-list`]:{position:`relative`,display:`flex`,transition:`opacity ${n.motionDurationSlow}`},[`${r}-nav-operations`]:{display:`flex`,alignSelf:`stretch`},[`${r}-nav-operations-hidden`]:{position:`absolute`,visibility:`hidden`,pointerEvents:`none`},[`${r}-nav-more`]:{position:`relative`,padding:i,background:`transparent`,border:0,color:n.colorText,"&::after":{position:`absolute`,right:{_skip_check_:!0,value:0},bottom:0,left:{_skip_check_:!0,value:0},height:n.calc(n.controlHeightLG).div(8).equal(),transform:`translateY(100%)`,content:`''`}},[`${r}-nav-add`]:{minWidth:a,marginLeft:{_skip_check_:!0,value:s},padding:o(n.paddingXS),background:`transparent`,border:`${o(n.lineWidth)} ${n.lineType} ${u}`,borderRadius:`${o(n.borderRadiusLG)} ${o(n.borderRadiusLG)} 0 0`,outline:`none`,cursor:`pointer`,color:n.colorText,transition:`all ${n.motionDurationSlow} ${n.motionEaseInOut}`,"&:hover":{color:c},"&:active, &:focus:not(:focus-visible)":{color:l},...e(n)}},[`${r}-extra-content`]:{flex:`none`},[`${r}-ink-bar`]:{position:`absolute`,background:n.inkBarColor,pointerEvents:`none`},...d(n),[`${r}-content`]:{position:`relative`,width:`100%`},[`${r}-content-holder`]:{flex:`auto`,minWidth:0,minHeight:0},[`${r}-tabpane`]:{outline:`none`,"&-hidden":{display:`none`}}},[`${r}-centered`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-nav-wrap`]:{[`&:not([class*='${r}-nav-wrap-ping']) > ${r}-nav-list`]:{margin:`auto`}}}}}},m=e=>{let t=e.controlHeightLG;return{zIndexPopup:e.zIndexPopupBase+50,cardBg:e.colorFillAlter,cardHeight:t,cardPadding:`${(t-Math.round(e.fontSize*e.lineHeight))/2-e.lineWidth}px ${e.padding}px`,cardPaddingSM:`${e.paddingXXS*1.5}px ${e.padding}px`,cardPaddingLG:`${e.paddingXS}px ${e.padding}px ${e.paddingXXS*1.5}px`,titleFontSize:e.fontSize,titleFontSizeLG:e.fontSizeLG,titleFontSizeSM:e.fontSize,inkBarColor:e.colorPrimary,horizontalMargin:`0 0 ${e.margin}px 0`,horizontalItemGutter:32,horizontalItemMargin:``,horizontalItemMarginRTL:``,horizontalItemPadding:`${e.paddingSM}px 0`,horizontalItemPaddingSM:`${e.paddingXS}px 0`,horizontalItemPaddingLG:`${e.padding}px 0`,verticalItemPadding:`${e.paddingXS}px ${e.paddingLG}px`,verticalItemMargin:`${e.margin}px 0 0 0`,itemColor:e.colorText,itemSelectedColor:e.colorPrimary,itemHoverColor:e.colorPrimaryHover,itemActiveColor:e.colorPrimaryActive,cardGutter:e.marginXXS/2}};var h=r(`Tabs`,e=>{let t=i(e,{tabsCardPadding:e.cardPadding,dropdownEdgeChildVerticalPadding:e.paddingXXS,tabsActiveTextShadow:`0 0 0.25px currentcolor`,tabsDropdownHeight:200,tabsDropdownWidth:120,tabsHorizontalItemMargin:`0 0 0 ${o(e.horizontalItemGutter)}`,tabsHorizontalItemMarginRTL:`0 0 0 ${o(e.horizontalItemGutter)}`});return[u(t),f(t),l(t),c(t),s(t),p(t),a(t)]},m);export{h as default,m as prepareComponentToken};

package/es/tabs/style/motion.d.ts

@@ -0,0 +1,7 @@
+import "../../theme/internal.js";
+import { TabsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/tabs/style/motion.d.ts
+declare const genMotionStyle: GenerateStyle<TabsToken>;
+//#endregion
+export { genMotionStyle as default };

package/es/tabs/style/motion.js

@@ -0,0 +1 @@
+import{initSlideMotion as e}from"../../style/motion/slide.js";import"../../style/motion/index.js";const t=t=>{let{componentCls:n,motionDurationSlow:r}=t;return[{[n]:{[`${n}-switch`]:{"&-appear, &-enter":{transition:`none`,"&-start":{opacity:0},"&-active":{opacity:1,transition:`opacity ${r}`}},"&-leave":{position:`absolute`,transition:`none`,inset:0,"&-start":{opacity:1},"&-active":{opacity:0,transition:`opacity ${r}`}}}}},[e(t,`slide-up`),e(t,`slide-down`)]]};export{t as default};

package/es/tag/CheckableTag.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+//#region components/tag/CheckableTag.d.ts
+export interface CheckableTagProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  /**
+   * It is an absolute controlled component and has no uncontrolled mode.
+   *
+   * .zh-cn 该组件为完全受控组件，不支持非受控用法。
+   */
+  checked: boolean;
+  children?: React$1.ReactNode;
+  onChange?: (checked: boolean) => void;
+  onClick?: (e: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+declare const CheckableTag: React$1.ForwardRefExoticComponent<CheckableTagProps & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { CheckableTag as default };

package/es/tag/CheckableTag.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import*as n from"react";import r from"classnames";const i=n.forwardRef((i,a)=>{let{prefixCls:o,style:s,className:c,checked:l,onChange:u,onClick:d,...f}=i,{getPrefixCls:p,tag:m}=n.useContext(e),h=e=>{u?.(!l),d?.(e)},g=p(`tag`,o),[_,v,y]=t(g),b=r(g,`${g}-checkable`,{[`${g}-checkable-checked`]:l},m?.className,c,v,y);return _(n.createElement(`span`,{...f,ref:a,style:{...s,...m?.style},className:b,onClick:h}))});export{i as default};

package/es/tag/index.d.ts

@@ -0,0 +1,28 @@
+import { LiteralUnion } from "../_util/type.js";
+import { ClosableType } from "../_util/hooks/useClosable.js";
+import CheckableTag, { CheckableTagProps } from "./CheckableTag.js";
+import { PresetColorType, PresetStatusColorType } from "../_util/colors.js";
+import * as React$1 from "react";
+//#region components/tag/index.d.ts
+export interface TagProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  color?: LiteralUnion<PresetColorType | PresetStatusColorType>;
+  /** Advised to use closeIcon instead. */
+  closable?: ClosableType;
+  closeIcon?: React$1.ReactNode;
+  /** @deprecated `visible` will be removed in next major version. */
+  visible?: boolean;
+  onClose?: (e: React$1.MouseEvent<HTMLElement>) => void;
+  style?: React$1.CSSProperties;
+  icon?: React$1.ReactNode;
+  bordered?: boolean;
+}
+declare const InternalTag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLSpanElement>>;
+export type TagType = typeof InternalTag & {
+  CheckableTag: typeof CheckableTag;
+};
+declare const Tag: TagType;
+//#endregion
+export { type CheckableTagProps, Tag as default };

package/es/tag/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{replaceElement as t}from"../_util/reactNode.js";import n from"../_util/wave/index.js";import r,{pickClosable as i}from"../_util/hooks/useClosable.js";import{isPresetColor as a,isPresetStatusColor as o}from"../_util/colors.js";import s from"./style/index.js";import c from"./CheckableTag.js";import l from"./style/presetCmp.js";import u from"./style/statusCmp.js";import*as d from"react";import f from"classnames";import p from"rc-util/lib/omit";const m=d.forwardRef((c,m)=>{let{prefixCls:h,className:g,rootClassName:_,style:v,children:y,icon:b,color:x,onClose:S,bordered:C=!0,visible:w,...T}=c,{getPrefixCls:E,direction:D,tag:O}=d.useContext(e),[k,A]=d.useState(!0),j=p(T,[`closeIcon`,`closable`]);d.useEffect(()=>{w!==void 0&&A(w)},[w]);let M=a(x),N=o(x),P=M||N,F={backgroundColor:x&&!P?x:void 0,...O?.style,...v},I=E(`tag`,h),[L,R,z]=s(I),B=f(I,O?.className,{[`${I}-${x}`]:P,[`${I}-has-color`]:x&&!P,[`${I}-hidden`]:!k,[`${I}-rtl`]:D===`rtl`,[`${I}-borderless`]:!C},g,_,R,z),V=e=>{e.stopPropagation(),S?.(e),!e.defaultPrevented&&A(!1)},[,H]=r(i(c),i(O),{closable:!1,closeIconRender:e=>{let n=d.createElement(`span`,{className:`${I}-close-icon`,onClick:V},e);return t(e,n,e=>({onClick:t=>{e?.onClick?.(t),V(t)},className:f(e?.className,`${I}-close-icon`)}))}}),U=typeof T.onClick==`function`||y&&y.type===`a`,W=b||null,G=W?d.createElement(d.Fragment,null,W,y&&d.createElement(`span`,null,y)):y,K=d.createElement(`span`,{...j,ref:m,className:B,style:F},G,H,M&&d.createElement(l,{key:`preset`,prefixCls:I}),N&&d.createElement(u,{key:`status`,prefixCls:I}));return L(U?d.createElement(n,{component:`Tag`},K):K)});m.CheckableTag=c;export{m as default};

package/es/tag/style/index.d.ts

@@ -0,0 +1,28 @@
+import "../../theme/internal.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import React from "react";
+//#region components/tag/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 默认背景色
+   * @descEN Default background color
+   */
+  defaultBg: string;
+  /**
+   * @desc 默认文字颜色
+   * @descEN Default text color
+   */
+  defaultColor: string;
+}
+export interface TagToken extends FullToken<'Tag'> {
+  tagFontSize: number;
+  tagLineHeight: React.CSSProperties['lineHeight'];
+  tagIconSize: number | string;
+  tagPaddingHorizontal: number;
+  tagBorderlessBg: string;
+}
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Tag'>>[0]) => TagToken;
+export declare const prepareComponentToken: GetDefaultToken<'Tag'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tag/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import{unit as r}from"@ant-design/cssinjs";import{TinyColor as i}from"@ctrl/tinycolor";const a=t=>{let{paddingXXS:n,lineWidth:i,tagPaddingHorizontal:a,componentCls:o,calc:s}=t,c=s(a).sub(i).equal(),l=s(n).sub(i).equal();return{[o]:{...e(t),display:`inline-block`,height:`auto`,marginInlineEnd:t.marginXS,paddingInline:c,fontSize:t.tagFontSize,lineHeight:t.tagLineHeight,whiteSpace:`nowrap`,background:t.defaultBg,border:`${r(t.lineWidth)} ${t.lineType} ${t.colorBorder}`,borderRadius:t.borderRadiusSM,opacity:1,transition:`all ${t.motionDurationMid}`,textAlign:`start`,position:`relative`,[`&${o}-rtl`]:{direction:`rtl`},"&, a, a:hover":{color:t.defaultColor},[`${o}-close-icon`]:{marginInlineStart:l,fontSize:t.tagIconSize,color:t.colorTextDescription,cursor:`pointer`,transition:`all ${t.motionDurationMid}`,"&:hover":{color:t.colorTextHeading}},[`&${o}-has-color`]:{borderColor:`transparent`,[`&, a, a:hover, ${t.iconCls}-close, ${t.iconCls}-close:hover`]:{color:t.colorTextLightSolid}},"&-checkable":{backgroundColor:`transparent`,borderColor:`transparent`,cursor:`pointer`,[`&:not(${o}-checkable-checked):hover`]:{color:t.colorPrimary,backgroundColor:t.colorFillSecondary},"&:active, &-checked":{color:t.colorTextLightSolid},"&-checked":{backgroundColor:t.colorPrimary,"&:hover":{backgroundColor:t.colorPrimaryHover}},"&:active":{backgroundColor:t.colorPrimaryActive}},"&-hidden":{display:`none`},[`> ${t.iconCls} + span, > span + ${t.iconCls}`]:{marginInlineStart:c}},[`${o}-borderless`]:{borderColor:`transparent`,background:t.tagBorderlessBg}}},o=e=>{let{lineWidth:t,fontSizeIcon:i,calc:a}=e,o=e.fontSizeSM;return n(e,{tagFontSize:o,tagLineHeight:r(a(e.lineHeightSM).mul(o).equal()),tagIconSize:a(i).sub(a(t).mul(2)).equal(),tagPaddingHorizontal:8,tagBorderlessBg:e.defaultBg})},s=e=>({defaultBg:new i(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),defaultColor:e.colorText});var c=t(`Tag`,e=>{let t=o(e);return a(t)},s);export{c as default,s as prepareComponentToken,o as prepareToken};

package/es/tag/style/presetCmp.d.ts

@@ -0,0 +1,4 @@
+//#region components/tag/style/presetCmp.d.ts
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/tag/style/presetCmp.js

@@ -0,0 +1 @@
+import{genSubStyleComponent as e}from"../../theme/util/genStyleUtils.js";import t from"../../theme/util/genPresetColor.js";import"../../theme/internal.js";import{prepareComponentToken as n,prepareToken as r}from"./index.js";const i=e=>t(e,(t,{textColor:n,lightBorderColor:r,lightColor:i,darkColor:a})=>({[`${e.componentCls}${e.componentCls}-${t}`]:{color:n,background:i,borderColor:r,"&-inverse":{color:e.colorTextLightSolid,background:a,borderColor:a},[`&${e.componentCls}-borderless`]:{borderColor:`transparent`}}}));var a=e([`Tag`,`preset`],e=>{let t=r(e);return i(t)},n);export{a as default};

package/es/tag/style/statusCmp.d.ts

@@ -0,0 +1,4 @@
+//#region components/tag/style/statusCmp.d.ts
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/tag/style/statusCmp.js

@@ -0,0 +1 @@
+import{genSubStyleComponent as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{prepareComponentToken as t,prepareToken as n}from"./index.js";import r from"../../_util/capitalize.js";const i=(e,t,n)=>{let i=r(n);return{[`${e.componentCls}${e.componentCls}-${t}`]:{color:e[`color${n}`],background:e[`color${i}Bg`],borderColor:e[`color${i}Border`],[`&${e.componentCls}-borderless`]:{borderColor:`transparent`}}}};var a=e([`Tag`,`status`],e=>{let t=n(e);return[i(t,`success`,`Success`),i(t,`processing`,`Info`),i(t,`error`,`Error`),i(t,`warning`,`Warning`)]},t);export{a as default};

package/es/theme/context.d.ts

@@ -0,0 +1,35 @@
+import { SeedToken } from "./interface/seeds.js";
+import { MapToken } from "./interface/maps/index.js";
+import { AliasToken } from "./interface/alias.js";
+import { OverrideToken } from "./interface/cssinjs-utils.js";
+import "./interface/index.js";
+import React from "react";
+import { Theme } from "@ant-design/cssinjs";
+//#region components/theme/context.d.ts
+export declare const defaultTheme: Theme<any, any>;
+export declare const defaultConfig: {
+  token: SeedToken;
+  override: {
+    override: SeedToken;
+  };
+  hashed: boolean;
+};
+export type ComponentsToken = { [key in keyof OverrideToken]?: OverrideToken[key] & {
+  theme?: Theme<SeedToken, MapToken>;
+}; };
+export interface DesignTokenProviderProps {
+  token: Partial<AliasToken>;
+  theme?: Theme<SeedToken, MapToken>;
+  components?: ComponentsToken;
+  /** Just merge `token` & `override` at top to save perf */
+  override: {
+    override: Partial<AliasToken>;
+  } & ComponentsToken;
+  hashed?: string | boolean;
+  cssVar?: {
+    prefix?: string;
+    key?: string;
+  };
+}
+export declare const DesignTokenContext: React.Context<DesignTokenProviderProps>;
+//#endregion

package/es/theme/context.js

@@ -0,0 +1 @@
+import e from"./themes/seed.js";import t from"./themes/default/index.js";import n from"react";import{createTheme as r}from"@ant-design/cssinjs";const i=r(t),a={token:e,override:{override:e},hashed:!0},o=n.createContext(a);export{o as DesignTokenContext,a as defaultConfig,i as defaultTheme};

package/es/theme/getDesignToken.d.ts

@@ -0,0 +1,7 @@
+import { AliasToken } from "./interface/alias.js";
+import { ThemeConfig } from "../config-provider/context.js";
+import "./interface/index.js";
+//#region components/theme/getDesignToken.d.ts
+declare const getDesignToken: (config?: ThemeConfig) => AliasToken;
+//#endregion
+export { getDesignToken as default };

package/es/theme/getDesignToken.js

@@ -0,0 +1 @@
+import e from"./themes/seed.js";import t from"./themes/default/index.js";import n from"./util/alias.js";import{createTheme as r,getComputedToken as i}from"@ant-design/cssinjs";const a=a=>{let o=a?.algorithm?r(a.algorithm):r(t),s={...e,...a?.token};return i(s,{override:a?.token},o,n)};export{a as default};