@swiftcrab/crab 0.0.5 → 0.0.6

package/es/color-picker/components/ColorHsbInput.js

@@ -0,0 +1 @@
+import{generateColor as e,getRoundNumber as t}from"../util.js";import n from"./ColorSteppers.js";import r,{useEffect as i,useState as a}from"react";const o=({prefixCls:o,value:s,onChange:c})=>{let l=`${o}-hsb-input`,[u,d]=a(e(s||`#000`));i(()=>{s&&d(s)},[s]);let f=(t,n)=>{let r=u.toHsb();r[n]=n===`h`?t:(t||0)/100;let i=e(r);s||d(i),c?.(i)};return r.createElement(`div`,{className:l},r.createElement(n,{max:360,min:0,value:Number(u.toHsb().h),prefixCls:o,className:l,formatter:e=>t(e||0).toString(),onChange:e=>f(Number(e),`h`)}),r.createElement(n,{max:100,min:0,value:Number(u.toHsb().s)*100,prefixCls:o,className:l,formatter:e=>`${t(e||0)}%`,onChange:e=>f(Number(e),`s`)}),r.createElement(n,{max:100,min:0,value:Number(u.toHsb().b)*100,prefixCls:o,className:l,formatter:e=>`${t(e||0)}%`,onChange:e=>f(Number(e),`b`)}))};export{o as default};

package/es/color-picker/components/ColorInput.d.ts

@@ -0,0 +1,16 @@
+import { AggregationColor } from "../color.js";
+import { ColorFormatType } from "../interface.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorInput.d.ts
+interface ColorInputProps {
+  prefixCls: string;
+  format?: ColorFormatType;
+  onFormatChange?: (format: ColorFormatType) => void;
+  disabledAlpha?: boolean;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+  disabledFormat?: boolean;
+}
+declare const ColorInput: FC<ColorInputProps>;
+//#endregion
+export { ColorInput as default };

package/es/color-picker/components/ColorInput.js

@@ -0,0 +1 @@
+import e from"../../select/index.js";import"../interface.js";import t from"./ColorAlphaInput.js";import n from"./ColorHexInput.js";import r from"./ColorHsbInput.js";import i from"./ColorRgbInput.js";import a,{useMemo as o}from"react";import s from"rc-util/lib/hooks/useMergedState";const c=[`hex`,`hsb`,`rgb`].map(e=>({value:e,label:e.toLocaleUpperCase()})),l=l=>{let{prefixCls:u,format:d,value:f,disabledAlpha:p,onFormatChange:m,onChange:h,disabledFormat:g}=l,[_,v]=s(`hex`,{value:d,onChange:m}),y=`${u}-input`,b=e=>{v(e)},x=o(()=>{let e={value:f,prefixCls:u,onChange:h};switch(_){case`hsb`:return a.createElement(r,e);case`rgb`:return a.createElement(i,e);default:return a.createElement(n,e)}},[_,u,f,h]);return a.createElement(`div`,{className:`${y}-container`},!g&&a.createElement(e,{value:_,variant:`borderless`,getPopupContainer:e=>e,popupMatchSelectWidth:68,placement:`bottomRight`,onChange:b,className:`${u}-format-select`,size:`small`,options:c}),a.createElement(`div`,{className:y},x),!p&&a.createElement(t,{prefixCls:u,value:f,onChange:h}))};export{l as default};

package/es/color-picker/components/ColorPresets.d.ts

@@ -0,0 +1,14 @@
+import { AggregationColor } from "../color.js";
+import { PresetsItem } from "../interface.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorPresets.d.ts
+interface ColorPresetsProps {
+  prefixCls: string;
+  presets: PresetsItem[];
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+export declare const isBright: (value: AggregationColor, bgColorToken: string) => boolean;
+declare const ColorPresets: FC<ColorPresetsProps>;
+//#endregion
+export { ColorPresets as default };

package/es/color-picker/components/ColorPresets.js

@@ -0,0 +1 @@
+import e from"../../locale/useLocale.js";import"../../locale/index.js";import t from"../../theme/useToken.js";import"../../theme/internal.js";import n from"../../collapse/index.js";import{generateColor as r}from"../util.js";import i,{useMemo as a}from"react";import o from"classnames";import{Color as s,ColorBlock as c}from"@rc-component/color-picker";import l from"rc-util/lib/hooks/useMergedState";const u=e=>e.map(e=>(e.colors=e.colors.map(r),e)),d=(e,t)=>{let{r:n,g:r,b:i,a}=e.toRgb(),o=new s(e.toRgbString()).onBackground(t).toHsv();return a<=.5?o.v>.5:n*.299+r*.587+i*.114>192},f=(e,t)=>typeof e.label==`string`||typeof e.label==`number`?`panel-${e.label}-${t}`:`panel-${t}`,p=({prefixCls:s,presets:p,value:m,onChange:h})=>{let[g]=e(`ColorPicker`),[,_]=t(),[v]=l(u(p),{value:u(p),postState:u}),y=`${s}-presets`,b=a(()=>v.reduce((e,t,n)=>{let{defaultOpen:r=!0}=t;return r&&e.push(f(t,n)),e},[]),[v]),x=e=>{h?.(e)},S=v.map((e,t)=>({key:f(e,t),label:i.createElement(`div`,{className:`${y}-label`},e?.label),children:i.createElement(`div`,{className:`${y}-items`},Array.isArray(e?.colors)&&e.colors?.length>0?e.colors.map((e,t)=>i.createElement(c,{key:`preset-${t}-${e.toHexString()}`,color:r(e).toRgbString(),prefixCls:s,className:o(`${y}-color`,{[`${y}-color-checked`]:e.toHexString()===m?.toHexString(),[`${y}-color-bright`]:d(e,_.colorBgElevated)}),onClick:()=>x(e)})):i.createElement(`span`,{className:`${y}-empty`},g.presetEmpty))}));return i.createElement(`div`,{className:y},i.createElement(n,{defaultActiveKey:b,ghost:!0,items:S}))};export{p as default,d as isBright};

package/es/color-picker/components/ColorRgbInput.d.ts

@@ -0,0 +1,11 @@
+import { AggregationColor } from "../color.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorRgbInput.d.ts
+interface ColorRgbInputProps {
+  prefixCls: string;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+declare const ColorRgbInput: FC<ColorRgbInputProps>;
+//#endregion
+export { ColorRgbInput as default };

package/es/color-picker/components/ColorRgbInput.js

@@ -0,0 +1 @@
+import{generateColor as e}from"../util.js";import t from"./ColorSteppers.js";import n,{useEffect as r,useState as i}from"react";const a=({prefixCls:a,value:o,onChange:s})=>{let c=`${a}-rgb-input`,[l,u]=i(e(o||`#000`));r(()=>{o&&u(o)},[o]);let d=(t,n)=>{let r=l.toRgb();r[n]=t||0;let i=e(r);o||u(i),s?.(i)};return n.createElement(`div`,{className:c},n.createElement(t,{max:255,min:0,value:Number(l.toRgb().r),prefixCls:a,className:c,onChange:e=>d(Number(e),`r`)}),n.createElement(t,{max:255,min:0,value:Number(l.toRgb().g),prefixCls:a,className:c,onChange:e=>d(Number(e),`g`)}),n.createElement(t,{max:255,min:0,value:Number(l.toRgb().b),prefixCls:a,className:c,onChange:e=>d(Number(e),`b`)}))};export{a as default};

package/es/color-picker/components/ColorSlider.d.ts

@@ -0,0 +1,22 @@
+import { GetContextProp } from "../../_util/type.js";
+import * as React$1 from "react";
+import { BaseSliderProps } from "@rc-component/color-picker";
+import { UnstableContext } from "rc-slider";
+//#region components/color-picker/components/ColorSlider.d.ts
+export interface GradientColorSliderProps extends Omit<BaseSliderProps, 'value' | 'onChange' | 'onChangeComplete' | 'type'> {
+  value: number[];
+  onChange?: (value: number[]) => void;
+  onChangeComplete: (value: number[]) => void;
+  range?: boolean;
+  className?: string;
+  activeIndex?: number;
+  onActive?: (index: number) => void;
+  type: BaseSliderProps['type'] | 'gradient';
+  onDragStart?: GetContextProp<typeof UnstableContext, 'onDragStart'>;
+  onDragChange?: GetContextProp<typeof UnstableContext, 'onDragChange'>;
+  onKeyDelete?: (index: number) => void;
+}
+export declare const GradientColorSlider: (props: GradientColorSliderProps) => React$1.JSX.Element;
+declare const SingleColorSlider: (props: BaseSliderProps) => React$1.JSX.Element;
+//#endregion
+export { SingleColorSlider as default };

package/es/color-picker/components/ColorSlider.js

@@ -0,0 +1 @@
+import{getGradientPercentColor as e}from"../util.js";import t from"../../slider/Context.js";import n from"../../slider/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/hooks/useEvent";import{UnstableContext as o}from"rc-slider";const s=s=>{let{prefixCls:c,colors:l,type:u,color:d,range:f=!1,className:p,activeIndex:m,onActive:h,onDragStart:g,onDragChange:_,onKeyDelete:v,...y}=s,b={...y,track:!1},x=r.useMemo(()=>`linear-gradient(90deg, ${l.map(e=>`${e.color} ${e.percent}%`).join(`, `)})`,[l]),S=r.useMemo(()=>!d||!u?null:u===`alpha`?d.toRgbString():`hsl(${d.toHsb().h}, 100%, 50%)`,[d,u]),C=a(g),w=a(_),T=r.useMemo(()=>({onDragStart:C,onDragChange:w}),[]),E=a((t,n)=>{let{onFocus:a,style:o,className:s,onKeyDown:d}=t.props,f={...o};return u===`gradient`&&(f.background=e(l,n.value)),r.cloneElement(t,{onFocus:e=>{h?.(n.index),a?.(e)},style:f,className:i(s,{[`${c}-slider-handle-active`]:m===n.index}),onKeyDown:e=>{(e.key===`Delete`||e.key===`Backspace`)&&v&&v(n.index),d?.(e)}})}),D=r.useMemo(()=>({direction:`ltr`,handleRender:E}),[]);return r.createElement(t.Provider,{value:D},r.createElement(o.Provider,{value:T},r.createElement(n,{...b,className:i(p,`${c}-slider`),tooltip:{open:!1},range:{editable:f,minCount:2},styles:{rail:{background:x},handle:S?{background:S}:{}},classNames:{rail:`${c}-slider-rail`,handle:`${c}-slider-handle`}})))},c=e=>{let{value:t,onChange:n,onChangeComplete:i}=e,a=e=>n(e[0]),o=e=>i(e[0]);return r.createElement(s,{...e,value:[t],onChange:a,onChangeComplete:o})};export{s as GradientColorSlider,c as default};

package/es/color-picker/components/ColorSteppers.d.ts

@@ -0,0 +1,16 @@
+import { InputNumberProps } from "../../input-number/index.js";
+import React, { FC } from "react";
+//#region components/color-picker/components/ColorSteppers.d.ts
+interface ColorSteppersProps {
+  prefixCls: string;
+  value?: number;
+  min?: number;
+  max?: number;
+  onChange?: (value: number | null) => void;
+  className?: string;
+  prefix?: (prefixCls: string) => React.ReactNode;
+  formatter?: InputNumberProps<number>['formatter'];
+}
+declare const ColorSteppers: FC<ColorSteppersProps>;
+//#endregion
+export { ColorSteppers as default };

package/es/color-picker/components/ColorSteppers.js

@@ -0,0 +1 @@
+import e from"../../input-number/index.js";import t,{useEffect as n,useState as r}from"react";import i from"classnames";const a=({prefixCls:a,min:o=0,max:s=100,value:c,onChange:l,className:u,formatter:d})=>{let f=`${a}-steppers`,[p,m]=r(c);return n(()=>{Number.isNaN(c)||m(c)},[c]),t.createElement(e,{className:i(f,u),min:o,max:s,value:p,formatter:d,size:`small`,onChange:e=>{c||m(e||0),l?.(e)}})};export{a as default};

package/es/color-picker/components/ColorTrigger.d.ts

@@ -0,0 +1,21 @@
+import { AggregationColor } from "../color.js";
+import { ColorFormatType, ColorPickerProps } from "../interface.js";
+import React, { CSSProperties, MouseEventHandler } from "react";
+//#region components/color-picker/components/ColorTrigger.d.ts
+export interface ColorTriggerProps {
+  prefixCls: string;
+  disabled?: boolean;
+  format?: ColorFormatType;
+  color: AggregationColor;
+  open?: boolean;
+  showText?: ColorPickerProps['showText'];
+  className?: string;
+  style?: CSSProperties;
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+  onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+  activeIndex: number;
+}
+declare const ColorTrigger: React.ForwardRefExoticComponent<ColorTriggerProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ColorTrigger as default };

package/es/color-picker/components/ColorTrigger.js

@@ -0,0 +1 @@
+import e from"../../locale/useLocale.js";import"../../locale/index.js";import{getColorAlpha as t}from"../util.js";import n from"./ColorClear.js";import r,{forwardRef as i,useMemo as a}from"react";import o from"classnames";import s from"rc-util/lib/pickAttrs";import{ColorBlock as c}from"@rc-component/color-picker";const l=i((i,l)=>{let{color:u,prefixCls:d,open:f,disabled:p,format:m,className:h,showText:g,activeIndex:_,...v}=i,y=`${d}-trigger`,b=`${y}-text`,x=`${b}-cell`,[S]=e(`ColorPicker`),C=r.useMemo(()=>{if(!g)return``;if(typeof g==`function`)return g(u);if(u.cleared)return S.transparent;if(u.isGradient())return u.getColors().map((e,t)=>{let n=_!==-1&&_!==t;return r.createElement(`span`,{key:t,className:o(x,n&&`${x}-inactive`)},e.color.toRgbString(),` `,e.percent,`%`)});let e=u.toHexString().toUpperCase(),n=t(u);switch(m){case`rgb`:return u.toRgbString();case`hsb`:return u.toHsbString();default:return n<100?`${e.slice(0,7)},${n}%`:e}},[u,m,g,_]),w=a(()=>u.cleared?r.createElement(n,{prefixCls:d}):r.createElement(c,{prefixCls:d,color:u.toCssString()}),[u,d]);return r.createElement(`div`,{ref:l,className:o(y,h,{[`${y}-active`]:f,[`${y}-disabled`]:p}),...s(v)},w,g&&r.createElement(`div`,{className:b},C))});export{l as default};

package/es/color-picker/components/PanelPicker/GradientColorBar.d.ts

@@ -0,0 +1,10 @@
+import { GradientColor } from "../../color.js";
+import { PanelPickerContextProps } from "../../context.js";
+import * as React$1 from "react";
+//#region components/color-picker/components/PanelPicker/GradientColorBar.d.ts
+export interface GradientColorBarProps extends PanelPickerContextProps {
+  colors: GradientColor;
+}
+declare const _default: React$1.MemoExoticComponent<(props: GradientColorBarProps) => React$1.JSX.Element | null>;
+//#endregion
+export { _default as default };

package/es/color-picker/components/PanelPicker/GradientColorBar.js

@@ -0,0 +1 @@
+import{AggregationColor as e}from"../../color.js";import{getGradientPercentColor as t}from"../../util.js";import{GradientColorSlider as n}from"../ColorSlider.js";import*as r from"react";function i(e){return[...e].sort((e,t)=>e.percent-t.percent)}var a=r.memo(a=>{let{prefixCls:o,mode:s,onChange:c,onChangeComplete:l,onActive:u,activeIndex:d,onGradientDragging:f,colors:p}=a,m=s===`gradient`,h=r.useMemo(()=>p.map(e=>({percent:e.percent,color:e.color.toRgbString()})),[p]),g=r.useMemo(()=>h.map(e=>e.percent),[h]),_=r.useRef(h);return m?r.createElement(n,{min:0,max:100,prefixCls:o,className:`${o}-gradient-slider`,colors:h,color:null,value:g,range:!0,onChangeComplete:t=>{l(new e(h)),d>=t.length&&u(t.length-1),f(!1)},disabled:!1,type:`gradient`,activeIndex:d,onActive:u,onDragStart:({rawValues:n,draggingIndex:r,draggingValue:a})=>{if(n.length>h.length){let e=t(h,a),n=[...h];n.splice(r,0,{percent:a,color:e}),_.current=n}else _.current=h;f(!0),c(new e(i(_.current)),!0)},onDragChange:({deleteIndex:t,draggingIndex:n,draggingValue:r})=>{let a=[..._.current];t===-1?(a[n]={...a[n],percent:r},a=i(a)):a.splice(t,1),c(new e(a),!0)},onKeyDelete:t=>{let n=[...h];n.splice(t,1);let r=new e(n);c(r),l(r)}}):null});export{a as default};

package/es/color-picker/components/PanelPicker/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+//#region components/color-picker/components/PanelPicker/index.d.ts
+declare const PanelPicker: FC;
+//#endregion
+export { PanelPicker as default };

package/es/color-picker/components/PanelPicker/index.js

@@ -0,0 +1 @@
+import{AggregationColor as e}from"../../color.js";import{genAlphaColor as t,generateColor as n}from"../../util.js";import r from"../../../segmented/index.js";import{PanelPickerContext as i}from"../../context.js";import a from"../ColorClear.js";import o from"../ColorInput.js";import s from"../ColorSlider.js";import c from"./GradientColorBar.js";import l,{useContext as u}from"react";import d from"@rc-component/color-picker";import f from"rc-util/lib/hooks/useLayoutEffect";const p={slider:s},m=()=>{let s=u(i),{mode:m,onModeChange:h,modeOptions:g,prefixCls:_,allowClear:v,value:y,disabledAlpha:b,onChange:x,onClear:S,onChangeComplete:C,activeIndex:w,gradientDragging:T,...E}=s,D=l.useMemo(()=>y.cleared?[{percent:0,color:new e(``)},{percent:100,color:new e(``)}]:y.getColors(),[y]),O=!y.isGradient(),[k,A]=l.useState(y);f(()=>{O||A(D[w]?.color)},[T,w]);let j=l.useMemo(()=>O?y:T?k:D[w]?.color,[y,w,O,k,T]),[M,N]=l.useState(j),[P,F]=l.useState(0),I=M?.equals(j)?j:M;f(()=>{N(j)},[P,j?.toHexString()]);let L=(r,i)=>{let a=n(r);if(y.cleared){let n=a.toRgb();if(!n.r&&!n.g&&!n.b&&i){let{type:t,value:n=0}=i;a=new e({h:t===`hue`?n:0,s:1,b:1,a:t===`alpha`?n/100:1})}else a=t(a)}if(m===`single`)return a;let o=[...D];return o[w]={...o[w],color:a},new e(o)},R=(e,t,n)=>{let r=L(e,n);N(r.isGradient()?r.getColors()[w].color:r),x(r,t)},z=(e,t)=>{C(L(e,t)),F(e=>e+1)},B=e=>{x(L(e))},V=null,H=g.length>1;return(v||H)&&(V=l.createElement(`div`,{className:`${_}-operation`},H&&l.createElement(r,{size:`small`,options:g,value:m,onChange:h}),l.createElement(a,{prefixCls:_,value:y,onChange:e=>{x(e),S?.()},...E}))),l.createElement(l.Fragment,null,V,l.createElement(c,{...s,colors:D}),l.createElement(d,{prefixCls:_,value:I?.toHsb(),disabledAlpha:b,onChange:(e,t)=>{R(e,!0,t)},onChangeComplete:(e,t)=>{z(e,t)},components:p}),l.createElement(o,{value:j,onChange:B,prefixCls:_,disabledAlpha:b,...E}))};export{m as default};

package/es/color-picker/components/PanelPresets.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+//#region components/color-picker/components/PanelPresets.d.ts
+declare const PanelPresets: FC;
+//#endregion
+export { PanelPresets as default };

package/es/color-picker/components/PanelPresets.js

@@ -0,0 +1 @@
+import e from"./ColorPresets.js";import{PanelPresetsContext as t}from"../context.js";import n,{useContext as r}from"react";const i=()=>{let{prefixCls:i,value:a,presets:o,onChange:s}=r(t);return Array.isArray(o)?n.createElement(e,{value:a,presets:o,prefixCls:i,onChange:s}):null};export{i as default};

package/es/color-picker/context.d.ts

@@ -0,0 +1,40 @@
+import { GetProp } from "../_util/type.js";
+import { AggregationColor } from "./color.js";
+import { ColorFormatType, ColorPickerProps, ModeType, PresetsItem } from "./interface.js";
+import { ModeOptions } from "./hooks/useModeColor.js";
+import React from "react";
+//#region components/color-picker/context.d.ts
+export interface PanelPickerContextProps {
+  prefixCls: string;
+  allowClear?: boolean;
+  disabled?: boolean;
+  disabledAlpha?: boolean;
+  mode: ModeType;
+  onModeChange: (mode: ModeType) => void;
+  modeOptions: ModeOptions;
+  value: AggregationColor;
+  onChange: (value?: AggregationColor, pickColor?: boolean) => void;
+  onChangeComplete: GetProp<ColorPickerProps, 'onChangeComplete'>;
+  format?: ColorFormatType;
+  onFormatChange?: ColorPickerProps['onFormatChange'];
+  /** The gradient Slider active handle */
+  activeIndex: number;
+  /** The gradient Slider handle active changed */
+  onActive: (index: number) => void;
+  /** Is gradient Slider dragging */
+  gradientDragging: boolean;
+  /** The gradient Slider dragging changed */
+  onGradientDragging: (dragging: boolean) => void;
+  onClear?: () => void;
+  disabledFormat?: boolean;
+}
+export interface PanelPresetsContextProps {
+  prefixCls: string;
+  presets?: PresetsItem[];
+  disabled?: boolean;
+  value: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+export declare const PanelPickerContext: React.Context<PanelPickerContextProps>;
+export declare const PanelPresetsContext: React.Context<PanelPresetsContextProps>;
+//#endregion

package/es/color-picker/context.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({}),n=e.createContext({});export{t as PanelPickerContext,n as PanelPresetsContext};

package/es/color-picker/hooks/useModeColor.d.ts

@@ -0,0 +1,13 @@
+import { AggregationColor } from "../color.js";
+import { ColorPickerProps, ColorValueType, ModeType } from "../interface.js";
+import * as React$1 from "react";
+//#region components/color-picker/hooks/useModeColor.d.ts
+export type ModeOptions = {
+  label: React$1.ReactNode;
+  value: ModeType;
+}[];
+/**
+ * Combine the `color` and `mode` to make sure sync of state.
+ */
+export default function useModeColor(defaultValue?: ColorValueType, value?: ColorValueType, mode?: ColorPickerProps['mode']): [color: AggregationColor, setColor: (color: AggregationColor) => void, mode: ModeType, setMode: (mode: ModeType) => void, modeOptionList: ModeOptions];
+//#endregion

package/es/color-picker/hooks/useModeColor.js

@@ -0,0 +1 @@
+import e from"../../locale/useLocale.js";import"../../locale/index.js";import{generateColor as t}from"../util.js";import*as n from"react";import r from"rc-util/lib/hooks/useEvent";import i from"rc-util/lib/hooks/useMergedState";function a(a,o,s){let[c]=e(`ColorPicker`),[l,u]=i(a,{value:o}),[d,f]=n.useState(`single`),[p,m]=n.useMemo(()=>{let e=(Array.isArray(s)?s:[s]).filter(e=>e);e.length||e.push(`single`);let t=new Set(e),n=[],r=(e,r)=>{t.has(e)&&n.push({label:r,value:e})};return r(`single`,c.singleColor),r(`gradient`,c.gradientColor),[n,t]},[s]),[h,g]=n.useState(null),_=r(e=>{g(e),u(e)}),v=n.useMemo(()=>{let e=t(l||``);return e.equals(h)?h:e},[l,h]),y=n.useMemo(()=>m.has(d)?d:p[0]?.value,[m,d,p]);return n.useEffect(()=>{f(v.isGradient()?`gradient`:`single`)},[v]),[v,_,y,f,p]}export{a as default};

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

@@ -0,0 +1,4 @@
+import { AggregationColor } from "./color.js";
+import { ColorPickerProps } from "./interface.js";
+import ColorPicker from "./ColorPicker.js";
+export { type AggregationColor as Color, type ColorPickerProps, ColorPicker as default };

package/es/color-picker/index.js

@@ -0,0 +1 @@
+import e from"./ColorPicker.js";var t=e;export{t as default};

package/es/color-picker/interface.d.ts

@@ -0,0 +1,75 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { TooltipPlacement } from "../tooltip/index.js";
+import { PopoverProps } from "../popover/index.js";
+import { AggregationColor } from "./color.js";
+import { CSSProperties, FC, ReactNode } from "react";
+import { ColorGenInput, ColorPickerProps as ColorPickerProps$1 } from "@rc-component/color-picker";
+//#region components/color-picker/interface.d.ts
+export type Colors<T> = {
+  color: ColorGenInput<T>;
+  percent: number;
+}[];
+export declare enum ColorFormat {
+  hex = "hex",
+  rgb = "rgb",
+  hsb = "hsb"
+}
+export type ColorFormatType = keyof typeof ColorFormat;
+export interface PresetsItem {
+  label: ReactNode;
+  colors: (string | AggregationColor)[];
+  /**
+   * Whether the initial state is collapsed
+   * @since 5.11.0
+   * @default true
+   */
+  defaultOpen?: boolean;
+}
+export type TriggerType = 'click' | 'hover';
+export type TriggerPlacement = TooltipPlacement;
+export type SingleValueType = AggregationColor | string;
+export type ColorValueType = SingleValueType | null | {
+  color: SingleValueType;
+  percent: number;
+}[];
+export type ModeType = 'single' | 'gradient';
+export type ColorPickerProps = Omit<ColorPickerProps$1, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete' | 'components'> & {
+  mode?: ModeType | ModeType[];
+  value?: ColorValueType;
+  defaultValue?: ColorValueType;
+  children?: React.ReactNode;
+  open?: boolean;
+  disabled?: boolean;
+  placement?: TriggerPlacement;
+  trigger?: TriggerType;
+  format?: ColorFormatType;
+  defaultFormat?: ColorFormatType;
+  allowClear?: boolean;
+  presets?: PresetsItem[];
+  arrow?: boolean | {
+    pointAtCenter: boolean;
+  };
+  panelRender?: (panel: React.ReactNode, extra: {
+    components: {
+      Picker: FC;
+      Presets: FC;
+    };
+  }) => React.ReactNode;
+  showText?: boolean | ((color: AggregationColor) => React.ReactNode);
+  size?: SizeType;
+  styles?: {
+    popup?: CSSProperties;
+    popupOverlayInner?: CSSProperties;
+  };
+  rootClassName?: string;
+  disabledAlpha?: boolean;
+  [key: `data-${string}`]: string;
+  onOpenChange?: (open: boolean) => void;
+  onFormatChange?: (format?: ColorFormatType) => void;
+  onChange?: (value: AggregationColor, css: string) => void;
+  onClear?: () => void;
+  onChangeComplete?: (value: AggregationColor) => void;
+  disabledFormat?: boolean;
+} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>;
+//#endregion
+export type { ColorGenInput };

package/es/color-picker/interface.js

@@ -0,0 +1 @@
+let e=function(e){return e.hex=`hex`,e.rgb=`rgb`,e.hsb=`hsb`,e}({});export{e as ColorFormat};

package/es/color-picker/style/color-block.d.ts

@@ -0,0 +1,10 @@
+import { ColorPickerToken } from "./index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/color-picker/style/color-block.d.ts
+/**
+ * @private Internal usage only
+ */
+export declare const getTransBg: (size: string, colorFill: string) => CSSObject;
+declare const genColorBlockStyle: (token: ColorPickerToken, size: number) => CSSObject;
+//#endregion
+export { genColorBlockStyle as default };

package/es/color-picker/style/color-block.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=(e,t)=>({backgroundImage:`conic-gradient(${t} 0 25%, transparent 0 50%, ${t} 0 75%, transparent 0)`,backgroundSize:`${e} ${e}`}),n=(n,r)=>{let{componentCls:i,borderRadiusSM:a,colorPickerInsetShadow:o,lineWidth:s,colorFillSecondary:c}=n;return{[`${i}-color-block`]:{position:`relative`,borderRadius:a,width:r,height:r,boxShadow:o,flex:`none`,...t(`50%`,n.colorFillSecondary),[`${i}-color-block-inner`]:{width:`100%`,height:`100%`,boxShadow:`inset 0 0 0 ${e(s)} ${c}`,borderRadius:`inherit`}}}};export{n as default,t as getTransBg};

package/es/color-picker/style/index.d.ts

@@ -0,0 +1,64 @@
+import "../../theme/internal.js";
+import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/color-picker/style/index.d.ts
+export interface ComponentToken {}
+/**
+ * @desc ColorPicker 组件的 Token
+ * @descEN Token for ColorPicker component
+ */
+export interface ColorPickerToken extends FullToken<'ColorPicker'> {
+  /**
+   * @desc ColorPicker 宽度
+   * @descEN Width of ColorPicker
+   */
+  colorPickerWidth: number;
+  /**
+   * @desc ColorPicker 内嵌阴影
+   * @descEN Inset shadow of ColorPicker
+   */
+  colorPickerInsetShadow: string;
+  /**
+   * @desc ColorPicker 处理器尺寸
+   * @descEN Handler size of ColorPicker
+   */
+  colorPickerHandlerSize: number;
+  /**
+   * @desc ColorPicker 小号处理器尺寸
+   * @descEN Small handler size of ColorPicker
+   */
+  colorPickerHandlerSizeSM: number;
+  /**
+   * @desc ColorPicker 滑块高度
+   * @descEN Slider height of ColorPicker
+   */
+  colorPickerSliderHeight: number;
+  /**
+   * @desc ColorPicker 预览尺寸
+   * @descEN Preview size of ColorPicker
+   */
+  colorPickerPreviewSize: number;
+  /**
+   * @desc ColorPicker Alpha 输入宽度
+   * @descEN Alpha input width of ColorPicker
+   */
+  colorPickerAlphaInputWidth: number;
+  /**
+   * @desc ColorPicker 输入数字处理器宽度
+   * @descEN Input number handle width of ColorPicker
+   */
+  colorPickerInputNumberHandleWidth: number;
+  /**
+   * @desc ColorPicker 预设颜色尺寸
+   * @descEN Preset color size of ColorPicker
+   */
+  colorPickerPresetColorSize: number;
+}
+export declare const genActiveStyle: (token: ColorPickerToken, borderColor: string, outlineColor: string) => {
+  borderInlineEndWidth: number;
+  borderColor: string;
+  boxShadow: string;
+  outline: number;
+};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/color-picker/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import{genCompactItemStyle as n}from"../../style/compact-item.js";import r from"./color-block.js";import i from"./input.js";import a from"./picker.js";import o from"./presets.js";import s from"./slider.js";import{unit as c}from"@ant-design/cssinjs";const l=(e,t,n)=>({borderInlineEndWidth:e.lineWidth,borderColor:t,boxShadow:`0 0 0 ${c(e.controlOutlineWidth)} ${n}`,outline:0}),u=e=>{let{componentCls:t}=e;return{"&-rtl":{[`${t}-presets-color`]:{"&::after":{direction:`ltr`}},[`${t}-clear`]:{"&::after":{direction:`ltr`}}}}},d=(e,t,n)=>{let{componentCls:r,borderRadiusSM:i,lineWidth:a,colorSplit:o,colorBorder:s,red6:l}=e;return{[`${r}-clear`]:{width:t,height:t,borderRadius:i,border:`${c(a)} solid ${o}`,position:`relative`,overflow:`hidden`,cursor:`inherit`,transition:`all ${e.motionDurationFast}`,...n,"&::after":{content:`""`,position:`absolute`,insetInlineEnd:e.calc(a).mul(-1).equal(),top:e.calc(a).mul(-1).equal(),display:`block`,width:40,height:2,transformOrigin:`calc(100% - 1px) 1px`,transform:`rotate(-45deg)`,backgroundColor:l},"&:hover":{borderColor:s}}}},f=e=>{let{componentCls:t,colorError:n,colorWarning:r,colorErrorHover:i,colorWarningHover:a,colorErrorOutline:o,colorWarningOutline:s}=e;return{[`&${t}-status-error`]:{borderColor:n,"&:hover":{borderColor:i},[`&${t}-trigger-active`]:{...l(e,n,o)}},[`&${t}-status-warning`]:{borderColor:r,"&:hover":{borderColor:a},[`&${t}-trigger-active`]:{...l(e,r,s)}}}},p=e=>{let{componentCls:t,controlHeightLG:n,controlHeightSM:r,controlHeight:i,controlHeightXS:a,borderRadius:o,borderRadiusSM:s,borderRadiusXS:l,borderRadiusLG:u,fontSizeLG:d}=e;return{[`&${t}-lg`]:{minWidth:n,minHeight:n,borderRadius:u,[`${t}-color-block, ${t}-clear`]:{width:i,height:i,borderRadius:o},[`${t}-trigger-text`]:{fontSize:d}},[`&${t}-sm`]:{minWidth:r,minHeight:r,borderRadius:s,[`${t}-color-block, ${t}-clear`]:{width:a,height:a,borderRadius:l},[`${t}-trigger-text`]:{lineHeight:c(a)}}}},m=e=>{let{antCls:t,componentCls:m,colorPickerWidth:h,colorPrimary:g,motionDurationMid:_,colorBgElevated:v,colorTextDisabled:y,colorText:b,colorBgContainerDisabled:x,borderRadius:S,marginXS:C,marginSM:w,controlHeight:T,controlHeightSM:E,colorBgTextActive:D,colorPickerPresetColorSize:O,colorPickerPreviewSize:k,lineWidth:A,colorBorder:j,paddingXXS:M,fontSize:N,colorPrimaryHover:P,controlOutline:F}=e;return[{[m]:{[`${m}-inner`]:{"&-content":{display:`flex`,flexDirection:`column`,width:h,[`& > ${t}-divider`]:{margin:`${c(w)} 0 ${c(C)}`}},[`${m}-panel`]:{...a(e)},...s(e),...r(e,k),...i(e),...o(e),...d(e,O,{marginInlineStart:`auto`}),[`${m}-operation`]:{display:`flex`,justifyContent:`space-between`,marginBottom:C}},"&-trigger":{minWidth:T,minHeight:T,borderRadius:S,border:`${c(A)} solid ${j}`,cursor:`pointer`,display:`inline-flex`,alignItems:`flex-start`,justifyContent:`center`,transition:`all ${_}`,background:v,padding:e.calc(M).sub(A).equal(),[`${m}-trigger-text`]:{marginInlineStart:C,marginInlineEnd:e.calc(C).sub(e.calc(M).sub(A)).equal(),fontSize:N,color:b,alignSelf:`center`,"&-cell":{"&:not(:last-child):after":{content:`", "`},"&-inactive":{color:y}}},"&:hover":{borderColor:P},[`&${m}-trigger-active`]:{...l(e,g,F)},"&-disabled":{color:y,background:x,cursor:`not-allowed`,"&:hover":{borderColor:D},[`${m}-trigger-text`]:{color:y}},...d(e,E),...r(e,E),...f(e),...p(e)},...u(e)}},n(e,{focusElCls:`${m}-trigger-active`})]};var h=e(`ColorPicker`,e=>{let{colorTextQuaternary:n,marginSM:r}=e,i=t(e,{colorPickerWidth:234,colorPickerHandlerSize:16,colorPickerHandlerSizeSM:12,colorPickerAlphaInputWidth:44,colorPickerInputNumberHandleWidth:16,colorPickerPresetColorSize:24,colorPickerInsetShadow:`inset 0 0 1px 0 ${n}`,colorPickerSliderHeight:8,colorPickerPreviewSize:e.calc(8).mul(2).add(r).equal()});return[m(i)]});export{h as default,l as genActiveStyle};

package/es/color-picker/style/input.d.ts

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

package/es/color-picker/style/input.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,antCls:r,fontSizeSM:i,lineHeightSM:a,colorPickerAlphaInputWidth:o,marginXXS:s,paddingXXS:c,controlHeightSM:l,marginXS:u,fontSizeIcon:d,paddingXS:f,colorTextPlaceholder:p,colorPickerInputNumberHandleWidth:m,lineWidth:h}=t;return{[`${n}-input-container`]:{display:`flex`,[`${n}-steppers${r}-input-number`]:{fontSize:i,lineHeight:a,[`${r}-input-number-input`]:{paddingInlineStart:c,paddingInlineEnd:0},[`${r}-input-number-handler-wrap`]:{width:m}},[`${n}-steppers${n}-alpha-input`]:{flex:`0 0 ${e(o)}`,marginInlineStart:s},[`${n}-format-select${r}-select`]:{marginInlineEnd:u,width:`auto`,"&-single":{[`${r}-select-selector`]:{padding:0,border:0},[`${r}-select-arrow`]:{insetInlineEnd:0},[`${r}-select-selection-item`]:{paddingInlineEnd:t.calc(d).add(s).equal(),fontSize:i,lineHeight:e(l)},[`${r}-select-item-option-content`]:{fontSize:i,lineHeight:a},[`${r}-select-dropdown`]:{[`${r}-select-item`]:{minHeight:`auto`}}}},[`${n}-input`]:{gap:s,alignItems:`center`,flex:1,width:0,[`${n}-hsb-input,${n}-rgb-input`]:{display:`flex`,gap:s,alignItems:`center`},[`${n}-steppers`]:{flex:1},[`${n}-hex-input${r}-input-affix-wrapper`]:{flex:1,padding:`0 ${e(f)}`,[`${r}-input`]:{fontSize:i,textTransform:`uppercase`,lineHeight:e(t.calc(l).sub(t.calc(h).mul(2)).equal())},[`${r}-input-prefix`]:{color:p}}}}}};export{t as default};

package/es/color-picker/style/picker.d.ts

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

package/es/color-picker/style/picker.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,controlHeightLG:r,borderRadiusSM:i,colorPickerInsetShadow:a,marginSM:o,colorBgElevated:s,colorFillSecondary:c,lineWidthBold:l,colorPickerHandlerSize:u}=t;return{userSelect:`none`,[`${n}-select`]:{[`${n}-palette`]:{minHeight:t.calc(r).mul(4).equal(),overflow:`hidden`,borderRadius:i},[`${n}-saturation`]:{position:`absolute`,borderRadius:`inherit`,boxShadow:a,inset:0},marginBottom:o},[`${n}-handler`]:{width:u,height:u,border:`${e(l)} solid ${s}`,position:`relative`,borderRadius:`50%`,cursor:`pointer`,boxShadow:`${a}, 0 0 0 1px ${c}`}}};export{t as default};

package/es/color-picker/style/presets.d.ts

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

package/es/color-picker/style/presets.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,antCls:r,colorTextQuaternary:i,paddingXXS:a,colorPickerPresetColorSize:o,fontSizeSM:s,colorText:c,lineHeightSM:l,lineWidth:u,borderRadius:d,colorFill:f,colorWhite:p,marginXXS:m,paddingXS:h,fontHeightSM:g}=t;return{[`${n}-presets`]:{[`${r}-collapse-item > ${r}-collapse-header`]:{padding:0,[`${r}-collapse-expand-icon`]:{height:g,color:i,paddingInlineEnd:a}},[`${r}-collapse`]:{display:`flex`,flexDirection:`column`,gap:m},[`${r}-collapse-item > ${r}-collapse-content > ${r}-collapse-content-box`]:{padding:`${e(h)} 0`},"&-label":{fontSize:s,color:c,lineHeight:l},"&-items":{display:`flex`,flexWrap:`wrap`,gap:t.calc(m).mul(1.5).equal(),[`${n}-presets-color`]:{position:`relative`,cursor:`pointer`,width:o,height:o,"&::before":{content:`""`,pointerEvents:`none`,width:t.calc(o).add(t.calc(u).mul(4)).equal(),height:t.calc(o).add(t.calc(u).mul(4)).equal(),position:`absolute`,top:t.calc(u).mul(-2).equal(),insetInlineStart:t.calc(u).mul(-2).equal(),borderRadius:d,border:`${e(u)} solid transparent`,transition:`border-color ${t.motionDurationMid} ${t.motionEaseInBack}`},"&:hover::before":{borderColor:f},"&::after":{boxSizing:`border-box`,position:`absolute`,top:`50%`,insetInlineStart:`21.5%`,display:`table`,width:t.calc(o).div(13).mul(5).equal(),height:t.calc(o).div(13).mul(8).equal(),border:`${e(t.lineWidthBold)} solid ${t.colorWhite}`,borderTop:0,borderInlineStart:0,transform:`rotate(45deg) scale(0) translate(-50%,-50%)`,opacity:0,content:`""`,transition:`all ${t.motionDurationFast} ${t.motionEaseInBack}, opacity ${t.motionDurationFast}`},[`&${n}-presets-color-checked`]:{"&::after":{opacity:1,borderColor:p,transform:`rotate(45deg) scale(1) translate(-50%,-50%)`,transition:`transform ${t.motionDurationMid} ${t.motionEaseOutBack} ${t.motionDurationFast}`},[`&${n}-presets-color-bright`]:{"&::after":{borderColor:`rgba(0, 0, 0, 0.45)`}}}}},"&-empty":{fontSize:s,color:i}}}};export{t as default};

package/es/color-picker/style/slider.d.ts

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

package/es/color-picker/style/slider.js

@@ -0,0 +1 @@
+import{getTransBg as e}from"./color-block.js";import{unit as t}from"@ant-design/cssinjs";const n=n=>{let{componentCls:r,colorPickerInsetShadow:i,colorBgElevated:a,colorFillSecondary:o,lineWidthBold:s,colorPickerHandlerSizeSM:c,colorPickerSliderHeight:l,marginSM:u,marginXS:d}=n,f=n.calc(c).sub(n.calc(s).mul(2).equal()).equal(),p=n.calc(c).add(n.calc(s).mul(2).equal()).equal(),m={"&:after":{transform:`scale(1)`,boxShadow:`${i}, 0 0 0 1px ${n.colorPrimaryActive}`}};return{[`${r}-slider`]:[e(t(l),n.colorFillSecondary),{margin:0,padding:0,height:l,borderRadius:n.calc(l).div(2).equal(),"&-rail":{height:l,borderRadius:n.calc(l).div(2).equal(),boxShadow:i},[`& ${r}-slider-handle`]:{width:f,height:f,top:0,borderRadius:`100%`,"&:before":{display:`block`,position:`absolute`,background:`transparent`,left:{_skip_check_:!0,value:`50%`},top:`50%`,transform:`translate(-50%, -50%)`,width:p,height:p,borderRadius:`100%`},"&:after":{width:c,height:c,border:`${t(s)} solid ${a}`,boxShadow:`${i}, 0 0 0 1px ${o}`,outline:`none`,insetInlineStart:n.calc(s).mul(-1).equal(),top:n.calc(s).mul(-1).equal(),background:`transparent`,transition:`none`},"&:focus":m}}],[`${r}-slider-container`]:{display:`flex`,gap:u,marginBottom:u,[`${r}-slider-group`]:{flex:1,flexDirection:`column`,justifyContent:`space-between`,display:`flex`,"&-disabled-alpha":{justifyContent:`center`}}},[`${r}-gradient-slider`]:{marginBottom:d,[`& ${r}-slider-handle`]:{"&:after":{transform:`scale(0.8)`},"&-active, &:focus":m}}}};export{n as default};

package/es/color-picker/util.d.ts

@@ -0,0 +1,17 @@
+import { AggregationColor } from "./color.js";
+import { ColorValueType } from "./interface.js";
+import { ColorGenInput } from "@rc-component/color-picker";
+//#region components/color-picker/util.d.ts
+export declare const generateColor: (color: ColorGenInput<AggregationColor> | Exclude<ColorValueType, null>) => AggregationColor;
+export declare const getRoundNumber: (value: number) => number;
+export declare const getColorAlpha: (color: AggregationColor) => number;
+/** Return the color whose `alpha` is 1 */
+export declare const genAlphaColor: (color: AggregationColor, alpha?: number) => AggregationColor;
+/**
+ * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+ */
+export declare const getGradientPercentColor: (colors: {
+  percent: number;
+  color: string;
+}[], percent: number) => string;
+//#endregion

package/es/color-picker/util.js

@@ -0,0 +1 @@
+import{AggregationColor as e}from"./color.js";import{Color as t}from"@rc-component/color-picker";const n=t=>t instanceof e?t:new e(t),r=e=>Math.round(Number(e||0)),i=e=>r(e.toHsb().a*100),a=(e,t)=>{let r=e.toRgb();if(!r.r&&!r.g&&!r.b){let r=e.toHsb();return r.a=t||1,n(r)}return r.a=t||1,n(r)},o=(e,n)=>{let r=[{percent:0,color:e[0].color},...e,{percent:100,color:e[e.length-1].color}];for(let e=0;e<r.length-1;e+=1){let i=r[e].percent,a=r[e+1].percent,o=r[e].color,s=r[e+1].color;if(i<=n&&n<=a){let e=a-i;if(e===0)return o;let r=(n-i)/e*100,c=new t(o),l=new t(s);return c.mix(l,r).toRgbString()}}return``};export{a as genAlphaColor,n as generateColor,i as getColorAlpha,o as getGradientPercentColor,r as getRoundNumber};

package/es/config-provider/DisabledContext.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+//#region components/config-provider/DisabledContext.d.ts
+declare const DisabledContext: React$1.Context<boolean>;
+export interface DisabledContextProps {
+  disabled?: boolean;
+  children?: React$1.ReactNode;
+}
+export declare const DisabledContextProvider: React$1.FC<DisabledContextProps>;
+//#endregion
+export { DisabledContext as default };

package/es/config-provider/DisabledContext.js

@@ -0,0 +1 @@
+import*as e from"react";const t=e.createContext(!1),n=({children:n,disabled:r})=>{let i=e.useContext(t);return e.createElement(t.Provider,{value:r??i},n)};export{n as DisabledContextProvider,t as default};

package/es/config-provider/MotionWrapper.d.ts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+//#region components/config-provider/MotionWrapper.d.ts
+export interface MotionWrapperProps {
+  children?: React$1.ReactNode;
+}
+export default function MotionWrapper(props: MotionWrapperProps): React$1.ReactElement;
+//#endregion

package/es/config-provider/MotionWrapper.js

@@ -0,0 +1 @@
+import e from"../theme/useToken.js";import"../theme/internal.js";import*as t from"react";import{Provider as n}from"rc-motion";function r(r){let{children:i}=r,[,a]=e(),{motion:o}=a,s=t.useRef(!1);return s.current=s.current||o===!1,s.current?t.createElement(n,{motion:o},i):i}export{r as default};

package/es/config-provider/PropWarning.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+//#region components/config-provider/PropWarning.d.ts
+export interface PropWarningProps {
+  dropdownMatchSelectWidth?: boolean;
+}
+declare const _default: React$1.MemoExoticComponent<({ dropdownMatchSelectWidth }: PropWarningProps) => null> | (() => null);
+//#endregion
+export { _default as default };

package/es/config-provider/PropWarning.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../_util/warning.js";import*as t from"react";t.memo(({dropdownMatchSelectWidth:t})=>(e(`ConfigProvider`).deprecated(t===void 0,`dropdownMatchSelectWidth`,`popupMatchSelectWidth`),null));var n=()=>null;export{n as default};

package/es/config-provider/SizeContext.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+//#region components/config-provider/SizeContext.d.ts
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+declare const SizeContext: React$1.Context<SizeType>;
+export interface SizeContextProps {
+  size?: SizeType;
+  children?: React$1.ReactNode;
+}
+export declare const SizeContextProvider: React$1.FC<SizeContextProps>;
+//#endregion
+export { SizeContext as default };

package/es/config-provider/SizeContext.js

@@ -0,0 +1 @@
+import*as e from"react";const t=e.createContext(void 0),n=({children:n,size:r})=>{let i=e.useContext(t);return e.createElement(t.Provider,{value:r||i},n)};export{n as SizeContextProvider,t as default};

package/es/config-provider/UnstableContext.d.ts

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+//#region components/config-provider/UnstableContext.d.ts
+export type UnmountType = () => Promise<void>;
+export type RenderType = (node: React$1.ReactElement, container: Element | DocumentFragment) => UnmountType;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export declare function unstableSetRender(render: RenderType): void;
+export declare function getReactRender(): RenderType;
+//#endregion

package/es/config-provider/UnstableContext.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import"react";import"react-dom";import{render as e,unmount as t}from"rc-util/lib/React/render";let n=(n,r)=>(e(n,r),()=>t(r));function r(e){n=e}function i(){return n}export{i as getReactRender,r as unstableSetRender};