@swiftcrab/crab 0.0.5 → 0.0.7

package/es/theme/util/alias.d.ts

@@ -0,0 +1,16 @@
+import { MapToken } from "../interface/maps/index.js";
+import { AliasToken } from "../interface/alias.js";
+import { OverrideToken } from "../interface/cssinjs-utils.js";
+import "../interface/index.js";
+//#region components/theme/util/alias.d.ts
+/** Raw merge of `@ant-design/cssinjs` token. Which need additional process */
+type RawMergedToken = MapToken & OverrideToken & {
+  override: Partial<AliasToken>;
+};
+/**
+ * Seed (designer) > Derivative (designer) > Alias (developer).
+ *
+ * Merge seed & derivative & override token and generate alias token for developer.
+ */
+export default function formatToken(derivativeToken: RawMergedToken): AliasToken;
+//#endregion

package/es/theme/util/alias.js

@@ -0,0 +1,33 @@
+import e from"../themes/seed.js";import t from"./getAlphaColor.js";import{TinyColor as n}from"@ctrl/tinycolor";function r(r){let{override:i,...a}=r,o={...i};Object.keys(e).forEach(e=>{delete o[e]});let s={...a,...o},c=1200,l=1600;return s.motion===!1&&(s.motionDurationFast=`0s`,s.motionDurationMid=`0s`,s.motionDurationSlow=`0s`),{...s,colorFillContent:s.colorFillSecondary,colorFillContentHover:s.colorFill,colorFillAlter:s.colorFillQuaternary,colorBgContainerDisabled:s.colorFillTertiary,colorBorderBg:s.colorBgContainer,colorSplit:t(s.colorBorderSecondary,s.colorBgContainer),colorTextPlaceholder:s.colorTextQuaternary,colorTextDisabled:s.colorTextQuaternary,colorTextHeading:s.colorText,colorTextLabel:s.colorTextSecondary,colorTextDescription:s.colorTextTertiary,colorTextLightSolid:s.colorWhite,colorHighlight:s.colorError,colorBgTextHover:s.colorFillSecondary,colorBgTextActive:s.colorFill,colorIcon:s.colorTextTertiary,colorIconHover:s.colorText,colorErrorOutline:t(s.colorErrorBg,s.colorBgContainer),colorWarningOutline:t(s.colorWarningBg,s.colorBgContainer),fontSizeIcon:s.fontSizeSM,lineWidthFocus:s.lineWidth*3,lineWidth:s.lineWidth,controlOutlineWidth:s.lineWidth*2,controlInteractiveSize:s.controlHeight/2,controlItemBgHover:s.colorFillTertiary,controlItemBgActive:s.colorPrimaryBg,controlItemBgActiveHover:s.colorPrimaryBgHover,controlItemBgActiveDisabled:s.colorFill,controlTmpOutline:s.colorFillQuaternary,controlOutline:t(s.colorPrimaryBg,s.colorBgContainer),lineType:s.lineType,borderRadius:s.borderRadius,borderRadiusXS:s.borderRadiusXS,borderRadiusSM:s.borderRadiusSM,borderRadiusLG:s.borderRadiusLG,fontWeightStrong:600,opacityLoading:.65,linkDecoration:`none`,linkHoverDecoration:`none`,linkFocusDecoration:`none`,controlPaddingHorizontal:12,controlPaddingHorizontalSM:8,paddingXXS:s.sizeXXS,paddingXS:s.sizeXS,paddingSM:s.sizeSM,padding:s.size,paddingMD:s.sizeMD,paddingLG:s.sizeLG,paddingXL:s.sizeXL,paddingContentHorizontalLG:s.sizeLG,paddingContentVerticalLG:s.sizeMS,paddingContentHorizontal:s.sizeMS,paddingContentVertical:s.sizeSM,paddingContentHorizontalSM:s.size,paddingContentVerticalSM:s.sizeXS,marginXXS:s.sizeXXS,marginXS:s.sizeXS,marginSM:s.sizeSM,margin:s.size,marginMD:s.sizeMD,marginLG:s.sizeLG,marginXL:s.sizeXL,marginXXL:s.sizeXXL,boxShadow:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowSecondary:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowTertiary:`
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    `,screenXS:480,screenXSMin:480,screenXSMax:575,screenSM:576,screenSMMin:576,screenSMMax:767,screenMD:768,screenMDMin:768,screenMDMax:991,screenLG:992,screenLGMin:992,screenLGMax:1199,screenXL:c,screenXLMin:c,screenXLMax:1599,screenXXL:l,screenXXLMin:l,boxShadowPopoverArrow:`2px 2px 5px rgba(0, 0, 0, 0.05)`,boxShadowCard:`
+      0 1px 2px -2px ${new n(`rgba(0, 0, 0, 0.16)`).toRgbString()},
+      0 3px 6px 0 ${new n(`rgba(0, 0, 0, 0.12)`).toRgbString()},
+      0 5px 12px 4px ${new n(`rgba(0, 0, 0, 0.09)`).toRgbString()}
+    `,boxShadowDrawerRight:`
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerLeft:`
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerUp:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerDown:`
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowTabsOverflowLeft:`inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)`,boxShadowTabsOverflowRight:`inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)`,boxShadowTabsOverflowTop:`inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)`,boxShadowTabsOverflowBottom:`inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)`,...o}}export{r as default};

package/es/theme/util/genPresetColor.d.ts

@@ -0,0 +1,18 @@
+import { PresetColorKey } from "../interface/presetColors.js";
+import { AliasToken } from "../interface/alias.js";
+import { TokenWithCommonCls } from "../internal.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/theme/util/genPresetColor.d.ts
+interface CalcColor {
+  /** token[`${colorKey}-1`] */
+  lightColor: string;
+  /** token[`${colorKey}-3`] */
+  lightBorderColor: string;
+  /** token[`${colorKey}-6`] */
+  darkColor: string;
+  /** token[`${colorKey}-7`] */
+  textColor: string;
+}
+type GenCSS = (colorKey: PresetColorKey, calcColor: CalcColor) => CSSObject;
+export default function genPresetColor<Token extends TokenWithCommonCls<AliasToken>>(token: Token, genCss: GenCSS): CSSObject;
+//#endregion

package/es/theme/util/genPresetColor.js

@@ -0,0 +1 @@
+import{PresetColors as e}from"../interface/presetColors.js";function t(t,n){return e.reduce((e,r)=>{let i=t[`${r}1`],a=t[`${r}3`],o=t[`${r}6`],s=t[`${r}7`];return{...e,...n(r,{lightColor:i,lightBorderColor:a,darkColor:o,textColor:s})}},{})}export{t as default};

package/es/theme/util/genStyleUtils.d.ts

@@ -0,0 +1,30 @@
+import { AliasToken } from "../interface/alias.js";
+import { ComponentTokenMap } from "../interface/components.js";
+import "../interface/index.js";
+//#region components/theme/util/genStyleUtils.d.ts
+export declare const genStyleHooks: <C extends keyof ComponentTokenMap>(component: C | [C, string], styleFn: import("@ant-design/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C>, getDefaultToken?: import("@ant-design/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C> | undefined, options?: {
+  resetStyle?: boolean;
+  resetFont?: boolean;
+  deprecatedTokens?: [keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>][] | undefined;
+  unitless?: Partial<Record<keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C], undefined>, boolean>> | undefined;
+  clientOnly?: boolean;
+  order?: number;
+  injectStyle?: boolean;
+} | undefined) => (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string], genComponentStyleHook: <C_2 extends keyof ComponentTokenMap>(componentName: C_2 | [C_2, string], styleFn: import("@ant-design/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C_2>, getDefaultToken?: import("@ant-design/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C_2> | undefined, options?: {
+  resetStyle?: boolean;
+  resetFont?: boolean;
+  deprecatedTokens?: [keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_2], undefined>, keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_2], undefined>][] | undefined;
+  clientOnly?: boolean;
+  order?: number;
+  injectStyle?: boolean;
+  unitless?: Partial<Record<keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_2], undefined>, boolean>> | undefined;
+} | undefined) => (prefixCls: string, rootCls?: string) => import("@ant-design/cssinjs-utils/lib/interface").UseComponentStyleResult, genSubStyleComponent: <C_1 extends keyof ComponentTokenMap>(componentName: C_1 | [C_1, string], styleFn: import("@ant-design/cssinjs-utils").GenStyleFn<ComponentTokenMap, AliasToken, C_1>, getDefaultToken?: import("@ant-design/cssinjs-utils").GetDefaultToken<ComponentTokenMap, AliasToken, C_1> | undefined, options?: {
+  resetStyle?: boolean;
+  resetFont?: boolean;
+  deprecatedTokens?: [keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_1], undefined>, keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_1], undefined>][] | undefined;
+  clientOnly?: boolean;
+  order?: number;
+  injectStyle?: boolean;
+  unitless?: Partial<Record<keyof Exclude<import("@ant-design/cssinjs-utils").OverrideTokenMap<ComponentTokenMap, AliasToken>[C_1], undefined>, boolean>> | undefined;
+} | undefined) => React.FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion

package/es/theme/util/genStyleUtils.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../../config-provider/context.js";import t,{unitless as n}from"../useToken.js";import{genCommonStyle as r,genIconStyle as i,genLinkStyle as a}from"../../style/index.js";import{useContext as o}from"react";import{genStyleUtils as s}from"@ant-design/cssinjs-utils";const{genStyleHooks:c,genComponentStyleHook:l,genSubStyleComponent:u}=s({usePrefix:()=>{let{getPrefixCls:t,iconPrefixCls:n}=o(e);return{rootPrefixCls:t(),iconPrefixCls:n}},useToken:()=>{let[e,n,r,i,a]=t();return{theme:e,realToken:n,hashId:r,token:i,cssVar:a}},useCSP:()=>{let{csp:t}=o(e);return t??{}},getResetStyles:(e,t)=>[{"&":a(e)},i(t?.prefix.iconPrefixCls??`anticon`)],getCommonStyle:r,getCompUnitless:(()=>n)});export{l as genComponentStyleHook,c as genStyleHooks,u as genSubStyleComponent};

package/es/theme/util/getAlphaColor.d.ts

@@ -0,0 +1,4 @@
+//#region components/theme/util/getAlphaColor.d.ts
+declare function getAlphaColor(frontColor: string, backgroundColor: string): string;
+//#endregion
+export { getAlphaColor as default };

package/es/theme/util/getAlphaColor.js

@@ -0,0 +1 @@
+import{TinyColor as e}from"@ctrl/tinycolor";function t(e){return e>=0&&e<=255}function n(n,r){let{r:i,g:a,b:o,a:s}=new e(n).toRgb();if(s<1)return n;let{r:c,g:l,b:u}=new e(r).toRgb();for(let n=.01;n<=1;n+=.01){let r=Math.round((i-c*(1-n))/n),s=Math.round((a-l*(1-n))/n),d=Math.round((o-u*(1-n))/n);if(t(r)&&t(s)&&t(d))return new e({r,g:s,b:d,a:Math.round(n*100)/100}).toRgbString()}return new e({r:i,g:a,b:o,a:1}).toRgbString()}export{n as default};

package/es/theme/util/useResetIconStyle.d.ts

@@ -0,0 +1,6 @@
+import { CSPConfig } from "../../config-provider/context.js";
+import "../../config-provider/index.js";
+//#region components/theme/util/useResetIconStyle.d.ts
+declare const useResetIconStyle: (iconPrefixCls: string, csp?: CSPConfig) => (node: React.ReactElement) => React.JSX.Element;
+//#endregion
+export { useResetIconStyle as default };

package/es/theme/util/useResetIconStyle.js

@@ -0,0 +1 @@
+import e from"../useToken.js";import{genIconStyle as t}from"../../style/index.js";import{useStyleRegister as n}from"@ant-design/cssinjs";const r=(r,i)=>{let[a,o]=e();return n({theme:a,token:o,hashId:``,path:[`ant-design-icons`,r],nonce:()=>i?.nonce,layer:{name:`antd`}},()=>[t(r)])};export{r as default};

package/es/time-out/index.d.ts

@@ -0,0 +1,20 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import * as React$1 from "react";
+//#region components/time-out/index.d.ts
+export interface TimeOutProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  value?: number;
+  remaining?: number;
+  format?: string;
+  prefix?: React$1.ReactNode;
+  suffix?: React$1.ReactNode;
+  countdown?: boolean;
+  size?: SizeType;
+  onFinish?: () => void;
+  onChange?: (remainingMs: number) => void;
+}
+declare const TimeOut: React$1.FC<TimeOutProps>;
+//#endregion
+export { TimeOut as default };

package/es/time-out/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useSize.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";function a(e){let t=Math.max(0,Math.floor(e/1e3));return{days:Math.floor(t/86400),hours:Math.floor(t%86400/3600),minutes:Math.floor(t%3600/60),seconds:t%60}}function o(e){return e<10?`0${e}`:`${e}`}function s(e){let t=[],n=/(DD|hh|mm|ss)/g,r=0,i;for(;(i=n.exec(e))!==null;)i.index>r&&t.push({type:`separator`,value:e.slice(r,i.index)}),t.push({type:`digit`,value:i[1],unit:i[1]}),r=n.lastIndex;return r<e.length&&t.push({type:`separator`,value:e.slice(r)}),t}function c(e,t){switch(e){case`DD`:return o(t.days);case`hh`:return o(t.hours);case`mm`:return o(t.minutes);case`ss`:return o(t.seconds);default:return`00`}}const l=o=>{let{getPrefixCls:l}=r.useContext(e),{prefixCls:u,className:d,style:f,value:p,remaining:m,format:h=`hh:mm:ss`,prefix:g=`还剩`,suffix:_=`失效`,countdown:v=!1,size:y,onFinish:b,onChange:x}=o,S=t(y),C=l(`time-out`,u),[w,T,E]=n(C),D=r.useCallback(()=>m===void 0?p===void 0?0:Math.max(0,p-Date.now()):m,[m,p]),[O,k]=r.useState(()=>D()),A=r.useRef(null),j=r.useRef(b),M=r.useRef(x);j.current=b,M.current=x,r.useEffect(()=>{k(D())},[D]),r.useEffect(()=>{if(A.current&&=(clearInterval(A.current),null),v)return A.current=setInterval(()=>{k(e=>{let t=Math.max(0,e-1e3);return M.current?.(t),t<=0&&(clearInterval(A.current),A.current=null,j.current?.()),t})},1e3),()=>{A.current&&=(clearInterval(A.current),null)}},[v]);let N=a(O),P=r.useMemo(()=>s(h),[h]),F=i(C,T,E,{[`${C}-sm`]:S===`small`,[`${C}-lg`]:S===`large`},d);return w(r.createElement(`span`,{className:F,style:f},g&&r.createElement(`span`,{className:`${C}-prefix`},g),r.createElement(`span`,{className:`${C}-content`},P.map((e,t)=>e.type===`digit`?r.createElement(`span`,{key:t,className:`${C}-block`},c(e.unit,N)):r.createElement(`span`,{key:t,className:`${C}-separator`},e.value))),_&&r.createElement(`span`,{className:`${C}-suffix`},_)))};export{l as default};

package/es/time-out/style/index.d.ts

@@ -0,0 +1,34 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/time-out/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 数字块背景色
+   * @descEN Background color of digit block
+   */
+  blockBg: string;
+  /**
+   * @desc 数字块文字颜色
+   * @descEN Text color of digit block
+   */
+  blockColor: string;
+  /**
+   * @desc 数字块圆角
+   * @descEN Border radius of digit block
+   */
+  blockBorderRadius: number;
+  /**
+   * @desc 数字块字体大小
+   * @descEN Font size of digit block
+   */
+  blockFontSize: number;
+  /**
+   * @desc 分隔符字体大小
+   * @descEN Font size of separator
+   */
+  separatorFontSize: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'TimeOut'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/time-out/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";const r=t=>{let{componentCls:n,blockBg:r,blockColor:i,blockBorderRadius:a,blockFontSize:o,separatorFontSize:s,paddingXXS:c,paddingXS:l,marginXXS:u,colorText:d,fontSize:f}=t;return{[n]:{...e(t),display:`inline-flex`,alignItems:`center`,fontSize:f,color:d,[`${n}-prefix`]:{marginInlineEnd:l},[`${n}-suffix`]:{marginInlineStart:l},[`${n}-content`]:{display:`inline-flex`,alignItems:`center`},[`${n}-block`]:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:24,height:24,paddingInline:c,fontSize:o,fontWeight:500,fontFamily:`monospace`,color:i,backgroundColor:r,borderRadius:a,lineHeight:1},[`${n}-separator`]:{display:`inline-flex`,alignItems:`center`,paddingInline:u,fontSize:s,color:d},[`&${n}-sm`]:{fontSize:t.fontSizeSM,[`${n}-block`]:{minWidth:20,height:20,fontSize:t.fontSizeSM},[`${n}-separator`]:{fontSize:t.fontSizeSM}},[`&${n}-lg`]:{fontSize:t.fontSizeLG,[`${n}-block`]:{minWidth:32,height:32,fontSize:t.fontSizeLG},[`${n}-separator`]:{fontSize:t.fontSizeLG}}}}},i=e=>({blockBg:e.colorPrimary,blockColor:e.colorTextLightSolid,blockBorderRadius:e.borderRadiusSM,blockFontSize:e.fontSize,separatorFontSize:e.fontSize});var a=t(`TimeOut`,e=>{let t=n(e,{});return[r(t)]},i);export{a as default,i as prepareComponentToken};

package/es/time-out/style/style.d.ts

@@ -0,0 +1,3 @@
+//#region components/time-out/style/style.d.ts
+export declare const TimeOutWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//#endregion

package/es/time-out/style/style.js

@@ -0,0 +1,104 @@
+import e from"styled-components";const t=e.div`
+  /* ==================== CSS 变量 ==================== */
+  --time-out-block-bg: #1677ff;
+  --time-out-block-color: #ffffff;
+  --time-out-block-border-radius: 4px;
+  --time-out-block-font-size: 14px;
+  --time-out-separator-font-size: 14px;
+
+  --time-out-color-text: rgba(0, 0, 0, 0.88);
+
+  --time-out-font-size: 14px;
+  --time-out-font-size-sm: 12px;
+  --time-out-font-size-lg: 16px;
+
+  --time-out-padding-xxs: 4px;
+  --time-out-padding-xs: 8px;
+  --time-out-margin-xxs: 4px;
+
+  .time-out {
+    display: inline-flex;
+    align-items: center;
+    font-size: var(--time-out-font-size);
+    color: var(--time-out-color-text);
+    box-sizing: border-box;
+  }
+
+  .time-out *,
+  .time-out *::before,
+  .time-out *::after {
+    box-sizing: border-box;
+  }
+
+  /* ==================== 前缀 ==================== */
+  .time-out-prefix {
+    margin-inline-end: var(--time-out-padding-xs);
+  }
+
+  /* ==================== 后缀 ==================== */
+  .time-out-suffix {
+    margin-inline-start: var(--time-out-padding-xs);
+  }
+
+  /* ==================== 内容区域 ==================== */
+  .time-out-content {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  /* ==================== 数字块 ==================== */
+  .time-out-block {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 24px;
+    height: 24px;
+    padding-inline: var(--time-out-padding-xxs);
+    font-size: var(--time-out-block-font-size);
+    font-weight: 500;
+    font-family: monospace;
+    color: var(--time-out-block-color);
+    background-color: var(--time-out-block-bg);
+    border-radius: var(--time-out-block-border-radius);
+    line-height: 1;
+  }
+
+  /* ==================== 分隔符 ==================== */
+  .time-out-separator {
+    display: inline-flex;
+    align-items: center;
+    padding-inline: var(--time-out-margin-xxs);
+    font-size: var(--time-out-separator-font-size);
+    color: var(--time-out-color-text);
+  }
+
+  /* ==================== 小尺寸 ==================== */
+  .time-out.time-out-sm {
+    font-size: var(--time-out-font-size-sm);
+  }
+
+  .time-out.time-out-sm .time-out-block {
+    min-width: 20px;
+    height: 20px;
+    font-size: var(--time-out-font-size-sm);
+  }
+
+  .time-out.time-out-sm .time-out-separator {
+    font-size: var(--time-out-font-size-sm);
+  }
+
+  /* ==================== 大尺寸 ==================== */
+  .time-out.time-out-lg {
+    font-size: var(--time-out-font-size-lg);
+  }
+
+  .time-out.time-out-lg .time-out-block {
+    min-width: 32px;
+    height: 32px;
+    font-size: var(--time-out-font-size-lg);
+  }
+
+  .time-out.time-out-lg .time-out-separator {
+    font-size: var(--time-out-font-size-lg);
+  }
+`;export{t as TimeOutWrapper};

package/es/time-picker/index.d.ts

@@ -0,0 +1,32 @@
+import { AnyObject } from "../_util/type.js";
+import { InputStatus } from "../_util/statusUtils.js";
+import { GenericTimePickerProps, PickerPropsWithMultiple, RangePickerProps as RangePickerProps$1 } from "../date-picker/generatePicker/interface.js";
+import * as React$1 from "react";
+import { PickerRef } from "rc-picker";
+import { Dayjs } from "dayjs";
+//#region components/time-picker/index.d.ts
+export type PickerTimeProps<DateType extends AnyObject> = PickerPropsWithMultiple<DateType, GenericTimePickerProps<DateType>>;
+export type RangePickerTimeProps<DateType extends AnyObject> = Omit<RangePickerProps$1<DateType>, 'showTime' | 'picker'>;
+export interface TimePickerLocale {
+  placeholder?: string;
+  rangePlaceholder?: [string, string];
+}
+export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Dayjs>, 'picker'> {
+  popupClassName?: string;
+}
+declare const RangePicker$1: React$1.ForwardRefExoticComponent<TimeRangePickerProps & React$1.RefAttributes<PickerRef>>;
+export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> {
+  addon?: () => React$1.ReactNode;
+  status?: InputStatus;
+  popupClassName?: string;
+  rootClassName?: string;
+}
+declare const TimePicker: React$1.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & React$1.RefAttributes<PickerRef>>;
+declare const PurePanel: (props: AnyObject) => React$1.JSX.Element;
+type MergedTimePicker = typeof TimePicker & {
+  RangePicker: typeof RangePicker$1;
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const _default: MergedTimePicker;
+//#endregion
+export { _default as default };

package/es/time-picker/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"../_util/PurePanel.js";import t from"../form/hooks/useVariants.js";import n from"../date-picker/index.js";import*as r from"react";const{TimePicker:i,RangePicker:a}=n,o=r.forwardRef((e,t)=>r.createElement(a,{...e,picker:`time`,mode:void 0,ref:t})),s=r.forwardRef(({addon:e,renderExtraFooter:n,variant:a,bordered:o,...s},c)=>{let[l]=t(`timePicker`,a,o),u=r.useMemo(()=>{if(n)return n;if(e)return e},[e,n]);return r.createElement(i,{...s,mode:void 0,ref:c,renderExtraFooter:u,variant:l})}),c=e(s,`popupAlign`,void 0,`picker`);s._InternalPanelDoNotUseOrYouWillBeFired=c,s.RangePicker=o,s._InternalPanelDoNotUseOrYouWillBeFired=c;export{s as default};

package/es/time-picker/locale/ar_EG.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/ar_EG.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/ar_EG.js

@@ -0,0 +1 @@
+const e={placeholder:`اختيار الوقت`};export{e as default};

package/es/time-picker/locale/az_AZ.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/az_AZ.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/az_AZ.js

@@ -0,0 +1 @@
+const e={placeholder:`Vaxtı seç`,rangePlaceholder:[`Başlama tarixi`,`Bitmə tarixi`]};export{e as default};

package/es/time-picker/locale/bg_BG.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/bg_BG.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/bg_BG.js

@@ -0,0 +1 @@
+const e={placeholder:`Избор на час`};export{e as default};

package/es/time-picker/locale/bn_BD.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/bn_BD.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/bn_BD.js

@@ -0,0 +1 @@
+const e={placeholder:`সময় নির্বাচন`,rangePlaceholder:[`সময় শুরু`,`শেষ সময়`]};export{e as default};

package/es/time-picker/locale/by_BY.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/by_BY.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/by_BY.js

@@ -0,0 +1 @@
+const e={placeholder:`Выберыце час`,rangePlaceholder:[`Час пачатку`,`Час заканчэння`]};export{e as default};

package/es/time-picker/locale/ca_ES.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/ca_ES.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/ca_ES.js

@@ -0,0 +1 @@
+const e={placeholder:`Seleccionar hora`};export{e as default};

package/es/time-picker/locale/cs_CZ.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/cs_CZ.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/cs_CZ.js

@@ -0,0 +1 @@
+const e={placeholder:`Vybrat čas`};export{e as default};

package/es/time-picker/locale/da_DK.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/da_DK.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/da_DK.js

@@ -0,0 +1 @@
+const e={placeholder:`Vælg tid`,rangePlaceholder:[`Starttidspunkt`,`Sluttidspunkt`]};export{e as default};

package/es/time-picker/locale/de_DE.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/de_DE.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/de_DE.js

@@ -0,0 +1 @@
+const e={placeholder:`Zeit auswählen`,rangePlaceholder:[`Startzeit`,`Endzeit`]};export{e as default};

package/es/time-picker/locale/el_GR.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/el_GR.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/el_GR.js

@@ -0,0 +1 @@
+const e={placeholder:`Επιλέξτε ώρα`};export{e as default};

package/es/time-picker/locale/en_GB.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/en_GB.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/en_GB.js

@@ -0,0 +1 @@
+const e={placeholder:`Select time`};export{e as default};

package/es/time-picker/locale/en_US.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/en_US.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/en_US.js

@@ -0,0 +1 @@
+const e={placeholder:`Select time`,rangePlaceholder:[`Start time`,`End time`]};export{e as default};

package/es/time-picker/locale/es_ES.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/es_ES.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/es_ES.js

@@ -0,0 +1 @@
+const e={placeholder:`Seleccionar hora`};export{e as default};

package/es/time-picker/locale/et_EE.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/et_EE.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/et_EE.js

@@ -0,0 +1 @@
+const e={placeholder:`Vali aeg`};export{e as default};

package/es/time-picker/locale/eu_ES.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/eu_ES.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/eu_ES.js

@@ -0,0 +1 @@
+const e={placeholder:`Aukeratu ordua`};export{e as default};

package/es/time-picker/locale/fa_IR.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/fa_IR.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/fa_IR.js

@@ -0,0 +1 @@
+const e={placeholder:`انتخاب زمان`,rangePlaceholder:[`زمان شروع`,`زمان پایان`]};export{e as default};

package/es/time-picker/locale/fi_FI.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/fi_FI.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/fi_FI.js

@@ -0,0 +1 @@
+const e={placeholder:`Valitse aika`};export{e as default};

package/es/time-picker/locale/fr_BE.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/fr_BE.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/fr_BE.js

@@ -0,0 +1 @@
+const e={placeholder:`Sélectionner l'heure`,rangePlaceholder:[`Heure de début`,`Heure de fin`]};export{e as default};

package/es/time-picker/locale/fr_CA.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/fr_CA.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/fr_CA.js

@@ -0,0 +1 @@
+const e={placeholder:`Sélectionner l'heure`,rangePlaceholder:[`Heure de début`,`Heure de fin`]};export{e as default};

package/es/time-picker/locale/fr_FR.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/fr_FR.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/fr_FR.js

@@ -0,0 +1 @@
+const e={placeholder:`Sélectionner l'heure`,rangePlaceholder:[`Heure de début`,`Heure de fin`]};export{e as default};

package/es/time-picker/locale/ga_IE.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/ga_IE.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/ga_IE.js

@@ -0,0 +1 @@
+const e={placeholder:`Roghnaigh am`,rangePlaceholder:[`Am tosaigh`,`Am deiridh`]};export{e as default};

package/es/time-picker/locale/gl_ES.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/gl_ES.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/gl_ES.js

@@ -0,0 +1 @@
+const e={placeholder:`Escolla hora`};export{e as default};

package/es/time-picker/locale/he_IL.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/he_IL.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/he_IL.js

@@ -0,0 +1 @@
+const e={placeholder:`בחר שעה`};export{e as default};

package/es/time-picker/locale/hi_IN.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/hi_IN.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/hi_IN.js

@@ -0,0 +1 @@
+const e={placeholder:`समय का चयन करें`,rangePlaceholder:[`आरंभिक समय`,`अंत समय`]};export{e as default};

package/es/time-picker/locale/hr_HR.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region components/time-picker/locale/hr_HR.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/es/time-picker/locale/hr_HR.js

@@ -0,0 +1 @@
+const e={placeholder:`Odaberite vrijeme`,rangePlaceholder:[`Vrijeme početka`,`Vrijeme završetka`]};export{e as default};