@swiftcrab/crab 0.0.5 → 0.0.7

package/es/select/style/token.d.ts

@@ -0,0 +1,141 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/select/style/token.d.ts
+export interface MultipleSelectorToken {
+  /**
+   * @desc 多选标签背景色
+   * @descEN Background color of multiple tag
+   */
+  multipleItemBg: string;
+  /**
+   * @desc 多选标签边框色
+   * @descEN Border color of multiple tag
+   */
+  multipleItemBorderColor: string;
+  /**
+   * @desc 多选标签高度
+   * @descEN Height of multiple tag
+   */
+  multipleItemHeight: number;
+  /**
+   * @desc 小号多选标签高度
+   * @descEN Height of multiple tag with small size
+   */
+  multipleItemHeightSM: number;
+  /**
+   * @desc 大号多选标签高度
+   * @descEN Height of multiple tag with large size
+   */
+  multipleItemHeightLG: number;
+  /**
+   * @desc 多选框禁用背景
+   * @descEN Background color of multiple selector when disabled
+   */
+  multipleSelectorBgDisabled: string;
+  /**
+   * @desc 多选标签禁用文本颜色
+   * @descEN Text color of multiple tag when disabled
+   */
+  multipleItemColorDisabled: string;
+  /**
+   * @desc 多选标签禁用边框色
+   * @descEN Border color of multiple tag when disabled
+   */
+  multipleItemBorderColorDisabled: string;
+}
+export interface ComponentToken extends MultipleSelectorToken {
+  /**
+   * @desc 下拉菜单 z-index
+   * @descEN z-index of dropdown
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 选项选中时文本颜色
+   * @descEN Text color when option is selected
+   */
+  optionSelectedColor: string;
+  /**
+   * @desc 选项选中时文本字重
+   * @descEN Font weight when option is selected
+   */
+  optionSelectedFontWeight: CSSProperties['fontWeight'];
+  /**
+   * @desc 选项选中时背景色
+   * @descEN Background color when option is selected
+   */
+  optionSelectedBg: string;
+  /**
+   * @desc 选项激活态时背景色
+   * @descEN Background color when option is active
+   */
+  optionActiveBg: string;
+  /**
+   * @desc 选项内间距
+   * @descEN Padding of option
+   */
+  optionPadding: CSSProperties['padding'];
+  /**
+   * @desc 选项字体大小
+   * @descEN Font size of option
+   */
+  optionFontSize: number;
+  /**
+   * @desc 选项行高
+   * @descEN Line height of option
+   */
+  optionLineHeight: CSSProperties['lineHeight'];
+  /**
+   * @desc 选项高度
+   * @descEN Height of option
+   */
+  optionHeight: number;
+  /**
+   * @desc 选框背景色
+   * @descEN Background color of selector
+   */
+  selectorBg: string;
+  /**
+   * @desc 清空按钮背景色
+   * @descEN Background color of clear button
+   */
+  clearBg: string;
+  /**
+   * @desc 单选大号回填项高度
+   * @descEN Height of single selected item with large size
+   */
+  singleItemHeightLG: number;
+  /**
+   * @desc 箭头的行末内边距
+   * @descEN Inline end padding of arrow
+   */
+  showArrowPaddingInlineEnd: number;
+  /**
+   * @desc 悬浮态边框色
+   * @descEN Hover border color
+   */
+  hoverBorderColor: string;
+  /**
+   * @desc 激活态边框色
+   * @descEN Active border color
+   */
+  activeBorderColor: string;
+  /**
+   * @desc 激活态 outline 颜色
+   * @descEN Active outline color
+   */
+  activeOutlineColor: string;
+}
+export interface SelectorToken {
+  selectAffixPadding: number | string;
+  inputPaddingHorizontalBase: number | string;
+  multipleSelectItemHeight: number;
+  selectHeight: number;
+}
+export interface SelectToken extends FullToken<'Select'>, SelectorToken {
+  rootPrefixCls: string;
+  /** @private Used for internal calculation */
+  INTERNAL_FIXED_ITEM_MARGIN: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Select'>;
+//#endregion

package/es/select/style/token.js

@@ -0,0 +1 @@
+const e=e=>{let{fontSize:t,lineHeight:n,lineWidth:r,controlHeight:i,controlHeightSM:a,controlHeightLG:o,paddingXXS:s,controlPaddingHorizontal:c,zIndexPopupBase:l,colorText:u,fontWeightStrong:d,controlItemBgActive:f,controlItemBgHover:p,colorBgContainer:m,colorFillSecondary:h,colorBgContainerDisabled:g,colorTextDisabled:_,colorPrimaryHover:v,colorPrimary:y,controlOutline:b}=e,x=s*2,S=r*2,C=Math.min(i-x,i-S),w=Math.min(a-x,a-S),T=Math.min(o-x,o-S);return{INTERNAL_FIXED_ITEM_MARGIN:Math.floor(s/2),zIndexPopup:l+50,optionSelectedColor:u,optionSelectedFontWeight:d,optionSelectedBg:f,optionActiveBg:p,optionPadding:`${(i-t*n)/2}px ${c}px`,optionFontSize:t,optionLineHeight:n,optionHeight:i,selectorBg:m,clearBg:m,singleItemHeightLG:o,multipleItemBg:h,multipleItemBorderColor:`transparent`,multipleItemHeight:C,multipleItemHeightSM:w,multipleItemHeightLG:T,multipleSelectorBgDisabled:g,multipleItemColorDisabled:_,multipleItemBorderColorDisabled:`transparent`,showArrowPaddingInlineEnd:Math.ceil(e.fontSize*1.25),hoverBorderColor:v,activeBorderColor:y,activeOutlineColor:b,selectAffixPadding:s}};export{e as prepareComponentToken};

package/es/select/style/variants.d.ts

@@ -0,0 +1,6 @@
+import { SelectToken } from "./token.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/select/style/variants.d.ts
+declare const genVariantsStyle: (token: SelectToken) => CSSObject;
+//#endregion
+export { genVariantsStyle as default };

package/es/select/style/variants.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=(t,n)=>{let{componentCls:r,antCls:i,controlOutlineWidth:a}=t;return{[`&:not(${r}-customize-input) ${r}-selector`]:{border:`${e(t.lineWidth)} ${t.lineType} ${n.borderColor}`,background:t.selectorBg},[`&:not(${r}-disabled):not(${r}-customize-input):not(${i}-pagination-size-changer)`]:{[`&:hover ${r}-selector`]:{borderColor:n.hoverBorderHover},[`${r}-focused& ${r}-selector`]:{borderColor:n.activeBorderColor,boxShadow:`0 0 0 ${e(a)} ${n.activeOutlineColor}`,outline:0},[`${r}-prefix`]:{color:n.color}}}},n=(e,n)=>({[`&${e.componentCls}-status-${n.status}`]:{...t(e,n)}}),r=r=>({"&-outlined":{...t(r,{borderColor:r.colorBorder,hoverBorderHover:r.hoverBorderColor,activeBorderColor:r.activeBorderColor,activeOutlineColor:r.activeOutlineColor,color:r.colorText}),...n(r,{status:`error`,borderColor:r.colorError,hoverBorderHover:r.colorErrorHover,activeBorderColor:r.colorError,activeOutlineColor:r.colorErrorOutline,color:r.colorError}),...n(r,{status:`warning`,borderColor:r.colorWarning,hoverBorderHover:r.colorWarningHover,activeBorderColor:r.colorWarning,activeOutlineColor:r.colorWarningOutline,color:r.colorWarning}),[`&${r.componentCls}-disabled`]:{[`&:not(${r.componentCls}-customize-input) ${r.componentCls}-selector`]:{background:r.colorBgContainerDisabled,color:r.colorTextDisabled}},[`&${r.componentCls}-multiple ${r.componentCls}-selection-item`]:{background:r.multipleItemBg,border:`${e(r.lineWidth)} ${r.lineType} ${r.multipleItemBorderColor}`}}}),i=(t,n)=>{let{componentCls:r,antCls:i}=t;return{[`&:not(${r}-customize-input) ${r}-selector`]:{background:n.bg,border:`${e(t.lineWidth)} ${t.lineType} transparent`,color:n.color},[`&:not(${r}-disabled):not(${r}-customize-input):not(${i}-pagination-size-changer)`]:{[`&:hover ${r}-selector`]:{background:n.hoverBg},[`${r}-focused& ${r}-selector`]:{background:t.selectorBg,borderColor:n.activeBorderColor,outline:0}}}},a=(e,t)=>({[`&${e.componentCls}-status-${t.status}`]:{...i(e,t)}}),o=t=>({"&-filled":{...i(t,{bg:t.colorFillTertiary,hoverBg:t.colorFillSecondary,activeBorderColor:t.activeBorderColor,color:t.colorText}),...a(t,{status:`error`,bg:t.colorErrorBg,hoverBg:t.colorErrorBgHover,activeBorderColor:t.colorError,color:t.colorError}),...a(t,{status:`warning`,bg:t.colorWarningBg,hoverBg:t.colorWarningBgHover,activeBorderColor:t.colorWarning,color:t.colorWarning}),[`&${t.componentCls}-disabled`]:{[`&:not(${t.componentCls}-customize-input) ${t.componentCls}-selector`]:{borderColor:t.colorBorder,background:t.colorBgContainerDisabled,color:t.colorTextDisabled}},[`&${t.componentCls}-multiple ${t.componentCls}-selection-item`]:{background:t.colorBgContainer,border:`${e(t.lineWidth)} ${t.lineType} ${t.colorSplit}`}}}),s=t=>({"&-borderless":{[`${t.componentCls}-selector`]:{background:`transparent`,border:`${e(t.lineWidth)} ${t.lineType} transparent`},[`&${t.componentCls}-disabled`]:{[`&:not(${t.componentCls}-customize-input) ${t.componentCls}-selector`]:{color:t.colorTextDisabled}},[`&${t.componentCls}-multiple ${t.componentCls}-selection-item`]:{background:t.multipleItemBg,border:`${e(t.lineWidth)} ${t.lineType} ${t.multipleItemBorderColor}`},[`&${t.componentCls}-status-error`]:{[`${t.componentCls}-prefix, ${t.componentCls}-selection-item`]:{color:t.colorError}},[`&${t.componentCls}-status-warning`]:{[`${t.componentCls}-prefix, ${t.componentCls}-selection-item`]:{color:t.colorWarning}}}}),c=e=>({[e.componentCls]:{...r(e),...o(e),...s(e)}});export{c as default};

package/es/select/useIcons.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import { ReactNode } from "react";
+//#region components/select/useIcons.d.ts
+type RenderNode = React$1.ReactNode | ((props: any) => React$1.ReactNode);
+export default function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showSuffixIcon, feedbackIcon, showArrow, componentName }: {
+  suffixIcon?: React$1.ReactNode;
+  clearIcon?: RenderNode;
+  menuItemSelectedIcon?: RenderNode;
+  removeIcon?: RenderNode;
+  loading?: boolean;
+  multiple?: boolean;
+  hasFeedback?: boolean;
+  feedbackIcon?: ReactNode;
+  prefixCls: string;
+  showSuffixIcon?: boolean;
+  showArrow?: boolean;
+  componentName: string;
+}): {
+  clearIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode);
+  suffixIcon: React$1.JSX.Element | (({ open, showSearch }: {
+    open: boolean;
+    showSearch: boolean;
+  }) => React$1.JSX.Element | null) | null;
+  itemIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode) | null;
+  removeIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode) | null;
+};
+//#endregion

package/es/select/useIcons.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import*as e from"react";import t from"@ant-design/icons/CloseCircleFilled";import n from"@ant-design/icons/CloseOutlined";import r from"@ant-design/icons/LoadingOutlined";import i from"@ant-design/icons/CheckOutlined";import a from"@ant-design/icons/DownOutlined";import o from"@ant-design/icons/SearchOutlined";function s({suffixIcon:s,clearIcon:c,menuItemSelectedIcon:l,removeIcon:u,loading:d,multiple:f,hasFeedback:p,prefixCls:m,showSuffixIcon:h,feedbackIcon:g,showArrow:_,componentName:v}){let y=c??e.createElement(t,null),b=t=>s===null&&!p&&!_?null:e.createElement(e.Fragment,null,h!==!1&&t,p&&g),x=null;if(s!==void 0)x=b(s);else if(d)x=b(e.createElement(r,{spin:!0}));else{let t=`${m}-suffix`;x=({open:n,showSearch:r})=>b(n&&r?e.createElement(o,{className:t}):e.createElement(a,{className:t}))}let S=null;S=l===void 0?f?e.createElement(i,null):null:l;let C=null;return C=u===void 0?e.createElement(n,null):u,{clearIcon:y,suffixIcon:x,itemIcon:S,removeIcon:C}}export{s as default};

package/es/select/useShortcut.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import { BaseOptionType, DefaultOptionType, FieldNames } from "rc-select/lib/Select";
+//#region components/select/useShortcut.d.ts
+export interface ShortcutConfig<OptionType> {
+  prefixCls: string;
+  enabled: boolean;
+  options?: OptionType[];
+  children?: React$1.ReactNode;
+  fieldNames?: FieldNames;
+  labelInValue?: boolean;
+  maxCount?: number;
+  value?: any;
+  onChange: (value: any, options: OptionType[]) => void;
+}
+declare const useShortcut: <OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(config: ShortcutConfig<OptionType>) => React$1.ReactNode;
+//#endregion
+export { useShortcut as default };

package/es/select/useShortcut.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";import{convertChildrenToData as n}from"rc-select/lib/utils/legacyUtil";const r=(e,t)=>{let n=[],r=e=>{e.forEach(e=>{if(!e)return;let i=e[t];Array.isArray(i)?r(i):e.disabled||n.push(e)})};return r(e),n},i=i=>{let{prefixCls:a,enabled:o,options:s,children:c,fieldNames:l,labelInValue:u,maxCount:d,value:f,onChange:p}=i,m=!s?.length&&!!c,h=e.useMemo(()=>o?s?.length?r(s,l?.options??`options`):c?r(n(c),`options`):[]:[],[o,s,c,l?.options]);if(!o)return null;let g=m?`value`:l?.value??`value`,_=m?`children`:l?.label??`label`,v=new Set((Array.isArray(f)?f:[f]).filter(e=>e!=null).map(e=>typeof e==`object`?e.value:e)),y=typeof d==`number`?h.slice(0,d):h,b=y.length===0||y.every(e=>v.has(e[g])),x=()=>{let e=y.map(e=>u?{value:e[g],label:e[_]??e.label}:e[g]);p(e,y)},S=()=>{p([],[])},C=`${a}-shortcut`,w=`${C}-item`,T=v.size>0;return e.createElement(`div`,{className:C,onMouseDown:e=>{e.preventDefault()}},e.createElement(`span`,{className:t(w,{[`${w}-disabled`]:b}),onClick:b?void 0:x},`全选`),e.createElement(`span`,{className:t(w,{[`${w}-disabled`]:!T}),onClick:T?S:void 0},`取消`))};export{i as default};

package/es/select/useShowArrow.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+//#region components/select/useShowArrow.d.ts
+/**
+ * Since Select, TreeSelect, Cascader is same Select like component.
+ * We just use same hook to handle this logic.
+ *
+ * If `suffixIcon` is not equal to `null`, always show it.
+ */
+export default function useShowArrow(suffixIcon?: ReactNode, showArrow?: boolean): boolean;
+//#endregion

package/es/select/useShowArrow.js

@@ -0,0 +1 @@
+function e(e,t){return t===void 0?e!==null:t}export{e as default};

package/es/select-auto-fetch/index.d.ts

@@ -0,0 +1,22 @@
+import { LabeledValue, RefSelectProps as BaseSelectRef, SelectProps } from "../select/index.js";
+import * as React$1 from "react";
+//#region components/select-auto-fetch/index.d.ts
+type RawValue = string | number;
+export type SelectAutoFetchValueType = 'simple' | 'object';
+export interface SelectAutoFetchOption extends LabeledValue {
+  disabled?: boolean;
+  [key: string]: any;
+}
+export type SelectAutoFetchValue = RawValue | RawValue[] | SelectAutoFetchOption | SelectAutoFetchOption[];
+export interface SelectAutoFetchProps extends Omit<SelectProps<any>, 'value' | 'onChange' | 'options' | 'children' | 'labelInValue' | 'mode'> {
+  valueType?: SelectAutoFetchValueType;
+  isInitFetchData?: boolean;
+  onFetchData?: (search: string) => SelectAutoFetchOption[] | Promise<SelectAutoFetchOption[]>;
+  value?: SelectAutoFetchValue;
+  onChange?: (value: SelectAutoFetchValue | undefined, option: SelectAutoFetchOption | SelectAutoFetchOption[]) => void;
+  mode?: 'multiple' | 'tags';
+  debounceTimeout?: number;
+}
+declare const SelectAutoFetch: React$1.ForwardRefExoticComponent<SelectAutoFetchProps & React$1.RefAttributes<BaseSelectRef>>;
+//#endregion
+export { SelectAutoFetch as default };

package/es/select-auto-fetch/index.js

@@ -0,0 +1 @@
+import e from"../select/index.js";import t from"../spin/index.js";import*as n from"react";import r from"rc-util/lib/hooks/useEvent";import i from"lodash/debounce";const a=e=>{let{key:t,...n}=e;return n},o=n.forwardRef((o,s)=>{let{valueType:c=`object`,isInitFetchData:l=!1,onFetchData:u,value:d,onChange:f,mode:p,debounceTimeout:m=300,showSearch:h=!0,filterOption:g=!1,notFoundContent:_,loading:v,onSearch:y,open:b,onDropdownVisibleChange:x,placeholder:S=`输入关键字搜索`,...C}=o,[w,T]=n.useState([]),[E,D]=n.useState(!1),[O,k]=n.useState(!1),[A,j]=n.useState(!1),M=n.useRef(0),N=n.useRef(!1),P=n.useRef(new Map),F=p===`multiple`||p===`tags`,I=n.useCallback(e=>{e.forEach(e=>{e?.value!==void 0&&e?.value!==null&&P.current.set(e.value,a(e))})},[]),L=r(e=>{if(!u)return;N.current=!0,M.current+=1;let t=M.current;D(!0),Promise.resolve(u(e)).then(e=>{if(t!==M.current)return;let n=Array.isArray(e)?e:[];I(n),T(n),D(!1)},()=>{t===M.current&&(T([]),D(!1))})});n.useEffect(()=>{l&&!N.current&&L(``)},[l,L]);let R=n.useMemo(()=>i(L,m),[L,m]);n.useEffect(()=>()=>R.cancel(),[R]);let z=n.useMemo(()=>{let e=new Map;return w.forEach(t=>{t?.value!==void 0&&t?.value!==null&&e.set(t.value,t.label)}),e},[w]),B=n.useCallback(e=>typeof e==`object`&&e?e:{value:e,label:z.get(e)??P.current.get(e)?.label??e},[z]),V=n.useMemo(()=>{if(d!=null)return c===`object`?d:F?(Array.isArray(d)?d:[d]).map(B):B(Array.isArray(d)?d[0]:d)},[d,c,F,B]),H=(e,t)=>{let n=(Array.isArray(e)?e:[e]).filter(e=>typeof e==`object`&&!!e),r=(Array.isArray(t)?t:[t]).filter(e=>typeof e==`object`&&!!e);I(r);let i=n.map((e,t)=>{let n=P.current.get(e.value);return{...a(e),...n??a(r[t]??{})}}),o=Array.isArray(t)?i:i[0];if(c===`object`){let t=e==null;f?.(Array.isArray(e)?i:t?void 0:i[0],o);return}f?.(Array.isArray(e)?i.map(e=>e.value):i[0]?.value,o)},U=e=>{k(!0),y?.(e),R(e)},W=e=>{j(e),e||k(!1),x?.(e)},G=b??(A&&(E||O||w.length>0));return n.createElement(e,{ref:s,...C,showSearch:h,placeholder:S,mode:p,filterOption:!1,labelInValue:!0,options:w,value:V,loading:v??E,notFoundContent:E?n.createElement(t,{size:`small`}):_,onSearch:U,onChange:H,open:G,onDropdownVisibleChange:W})});export{o as default};

package/es/skeleton/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Avatar.d.ts
+export interface AvatarProps extends Omit<SkeletonElementProps, 'shape'> {
+  shape?: 'circle' | 'square';
+}
+declare const SkeletonAvatar: React$1.FC<AvatarProps>;
+//#endregion
+export { SkeletonAvatar as default };

package/es/skeleton/Avatar.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,shape:d=`circle`,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`,`className`]),y=i(m,`${m}-element`,{[`${m}-active`]:u},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-avatar`,shape:d,size:f,...v})))};export{o as default};

package/es/skeleton/Button.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Button.d.ts
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonButton: React$1.FC<SkeletonButtonProps>;
+//#endregion
+export { SkeletonButton as default };

package/es/skeleton/Button.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,block:d=!1,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`]),y=i(m,`${m}-element`,{[`${m}-active`]:u,[`${m}-block`]:d},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-button`,size:f,...v})))};export{o as default};

package/es/skeleton/Element.d.ts

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+//#region components/skeleton/Element.d.ts
+export interface SkeletonElementProps {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  size?: 'large' | 'small' | 'default' | number;
+  shape?: 'circle' | 'square' | 'round' | 'default';
+  active?: boolean;
+}
+declare const Element: React$1.FC<SkeletonElementProps>;
+//#endregion
+export { Element as default };

package/es/skeleton/Element.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=n=>{let{prefixCls:r,className:i,style:a,size:o,shape:s}=n,c=t({[`${r}-lg`]:o===`large`,[`${r}-sm`]:o===`small`}),l=t({[`${r}-circle`]:s===`circle`,[`${r}-square`]:s===`square`,[`${r}-round`]:s===`round`}),u=e.useMemo(()=>typeof o==`number`?{width:o,height:o,lineHeight:`${o}px`}:{},[o]);return e.createElement(`span`,{className:t(r,c,l,i),style:{...u,...a}})};export{n as default};

package/es/skeleton/Image.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Image.d.ts
+export interface SkeletonImageProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {}
+declare const SkeletonImage: React$1.FC<SkeletonImageProps>;
+//#endregion
+export { SkeletonImage as default };

package/es/skeleton/Image.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=i=>{let{prefixCls:a,className:o,rootClassName:s,style:c,active:l}=i,{getPrefixCls:u}=n.useContext(e),d=u(`skeleton`,a),[f,p,m]=t(d),h=r(d,`${d}-element`,{[`${d}-active`]:l},o,s,p,m);return f(n.createElement(`div`,{className:h},n.createElement(`div`,{className:r(`${d}-image`,o),style:c},n.createElement(`svg`,{viewBox:`0 0 1098 1024`,xmlns:`http://www.w3.org/2000/svg`,className:`${d}-image-svg`},n.createElement(`title`,null,`Image placeholder`),n.createElement(`path`,{d:`M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z`,className:`${d}-image-path`})))))};export{i as default};

package/es/skeleton/Input.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Input.d.ts
+export interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonInput: React$1.FC<SkeletonInputProps>;
+//#endregion
+export { SkeletonInput as default };

package/es/skeleton/Input.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,block:d,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`]),y=i(m,`${m}-element`,{[`${m}-active`]:u,[`${m}-block`]:d},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-input`,size:f,...v})))};export{o as default};

package/es/skeleton/Node.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Node.d.ts
+export interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  fullSize?: boolean;
+  children?: React$1.ReactNode;
+}
+declare const SkeletonNode: React$1.FC<SkeletonNodeProps>;
+//#endregion
+export { SkeletonNode as default };

package/es/skeleton/Node.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=i=>{let{prefixCls:a,className:o,rootClassName:s,style:c,active:l,children:u}=i,{getPrefixCls:d}=n.useContext(e),f=d(`skeleton`,a),[p,m,h]=t(f),g=r(f,`${f}-element`,{[`${f}-active`]:l},m,o,s,h);return p(n.createElement(`div`,{className:g},n.createElement(`div`,{className:r(`${f}-image`,o),style:c},u)))};export{i as default};

package/es/skeleton/Paragraph.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+//#region components/skeleton/Paragraph.d.ts
+type widthUnit = number | string;
+export interface SkeletonParagraphProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  width?: widthUnit | Array<widthUnit>;
+  rows?: number;
+}
+declare const Paragraph: React$1.FC<SkeletonParagraphProps>;
+//#endregion
+export { Paragraph as default };

package/es/skeleton/Paragraph.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=(e,t)=>{let{width:n,rows:r=2}=t;if(Array.isArray(n))return n[e];if(r-1===e)return n},r=r=>{let{prefixCls:i,className:a,style:o,rows:s}=r,c=[...Array(s)].map((t,i)=>e.createElement(`li`,{key:i,style:{width:n(i,r)}}));return e.createElement(`ul`,{className:t(i,a),style:o},c)};export{r as default};

package/es/skeleton/Skeleton.d.ts

@@ -0,0 +1,33 @@
+import SkeletonAvatar, { AvatarProps } from "./Avatar.js";
+import SkeletonButton from "./Button.js";
+import SkeletonImage from "./Image.js";
+import SkeletonInput from "./Input.js";
+import SkeletonNode from "./Node.js";
+import { SkeletonParagraphProps } from "./Paragraph.js";
+import { SkeletonTitleProps } from "./Title.js";
+import * as React$1 from "react";
+//#region components/skeleton/Skeleton.d.ts
+type SkeletonAvatarProps = Omit<AvatarProps, 'active'>;
+export interface SkeletonProps {
+  active?: boolean;
+  loading?: boolean;
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  children?: React$1.ReactNode;
+  avatar?: SkeletonAvatarProps | boolean;
+  title?: SkeletonTitleProps | boolean;
+  paragraph?: SkeletonParagraphProps | boolean;
+  round?: boolean;
+}
+type CompoundedComponent = {
+  Button: typeof SkeletonButton;
+  Avatar: typeof SkeletonAvatar;
+  Input: typeof SkeletonInput;
+  Image: typeof SkeletonImage;
+  Node: typeof SkeletonNode;
+};
+declare const Skeleton: React$1.FC<SkeletonProps> & CompoundedComponent;
+//#endregion
+export { Skeleton as default };

package/es/skeleton/Skeleton.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import r from"./Avatar.js";import i from"./Button.js";import a from"./Image.js";import o from"./Input.js";import s from"./Node.js";import c from"./Paragraph.js";import l from"./Title.js";import*as u from"react";import d from"classnames";function f(e){return e&&typeof e==`object`?e:{}}function p(e,t){return e&&!t?{size:`large`,shape:`square`}:{size:`large`,shape:`circle`}}function m(e,t){return!e&&t?{width:`38%`}:e&&t?{width:`50%`}:{}}function h(e,t){let n={};return(!e||!t)&&(n.width=`61%`),n.rows=!e&&t?3:2,n}const g=r=>{let{prefixCls:i,loading:a,className:o,rootClassName:s,style:g,children:_,avatar:v=!1,title:y=!0,paragraph:b=!0,active:x,round:S}=r,{getPrefixCls:C,direction:w,skeleton:T}=u.useContext(e),E=C(`skeleton`,i),[D,O,k]=n(E);if(a||!(`loading`in r)){let e=!!v,n=!!y,r=!!b,i;if(e){let e={prefixCls:`${E}-avatar`,...p(n,r),...f(v)};i=u.createElement(`div`,{className:`${E}-header`},u.createElement(t,e))}let a;if(n||r){let t;if(n){let n={prefixCls:`${E}-title`,...m(e,r),...f(y)};t=u.createElement(l,n)}let i;if(r){let t={prefixCls:`${E}-paragraph`,...h(e,n),...f(b)};i=u.createElement(c,t)}a=u.createElement(`div`,{className:`${E}-content`},t,i)}let _=d(E,{[`${E}-with-avatar`]:e,[`${E}-active`]:x,[`${E}-rtl`]:w===`rtl`,[`${E}-round`]:S},T?.className,o,s,O,k);return D(u.createElement(`div`,{className:_,style:{...T?.style,...g}},i,a))}return _??null};g.Button=i,g.Avatar=r,g.Input=o,g.Image=a,g.Node=s;export{g as default};

package/es/skeleton/Title.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+//#region components/skeleton/Title.d.ts
+export interface SkeletonTitleProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  width?: number | string;
+}
+declare const Title: React$1.FC<SkeletonTitleProps>;
+//#endregion
+export { Title as default };

package/es/skeleton/Title.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=({prefixCls:n,className:r,width:i,style:a})=>e.createElement(`h3`,{className:t(n,r),style:{width:i,...a}});export{n as default};

package/es/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import Skeleton, { SkeletonProps } from "./Skeleton.js";
+export { type SkeletonProps, Skeleton as default };

package/es/skeleton/index.js

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

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

@@ -0,0 +1,43 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/skeleton/style/index.d.ts
+export type ComponentToken = {
+  /** @deprecated use gradientFromColor instead. */
+  color: string;
+  /** @deprecated use gradientToColor instead. */
+  colorGradientEnd: string;
+  /**
+   * @desc 渐变色起点颜色
+   * @descEN Start color of gradient
+   */
+  gradientFromColor: string;
+  /**
+   * @desc 渐变色终点颜色
+   * @descEN End color of gradient
+   */
+  gradientToColor: string;
+  /**
+   * @desc 标题骨架屏高度
+   * @descEN Height of title skeleton
+   */
+  titleHeight: number | string;
+  /**
+   * @desc 骨架屏圆角
+   * @descEN Border radius of skeleton
+   */
+  blockRadius: number;
+  /**
+   * @desc 段落骨架屏上间距
+   * @descEN Margin top of paragraph skeleton
+   */
+  paragraphMarginTop: number;
+  /**
+   * @desc 段落骨架屏单行高度
+   * @descEN Line height of paragraph skeleton
+   */
+  paragraphLiHeight: number;
+};
+export declare const prepareComponentToken: GetDefaultToken<'Skeleton'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/skeleton/style/index.js

@@ -0,0 +1,8 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import{Keyframes as n,unit as r}from"@ant-design/cssinjs";const i=new n(`ant-skeleton-loading`,{"0%":{backgroundPosition:`100% 50%`},"100%":{backgroundPosition:`0 50%`}}),a=e=>({height:e,lineHeight:r(e)}),o=e=>({width:e,...a(e)}),s=e=>({background:e.skeletonLoadingBackground,backgroundSize:`400% 100%`,animationName:i,animationDuration:e.skeletonLoadingMotionDuration,animationTimingFunction:`ease`,animationIterationCount:`infinite`}),c=(e,t)=>({width:t(e).mul(5).equal(),minWidth:t(e).mul(5).equal(),...a(e)}),l=e=>{let{skeletonAvatarCls:t,gradientFromColor:n,controlHeight:r,controlHeightLG:i,controlHeightSM:a}=e;return{[t]:{display:`inline-block`,verticalAlign:`top`,background:n,...o(r)},[`${t}${t}-circle`]:{borderRadius:`50%`},[`${t}${t}-lg`]:{...o(i)},[`${t}${t}-sm`]:{...o(a)}}},u=e=>{let{controlHeight:t,borderRadiusSM:n,skeletonInputCls:r,controlHeightLG:i,controlHeightSM:a,gradientFromColor:o,calc:s}=e;return{[r]:{display:`inline-block`,verticalAlign:`top`,background:o,borderRadius:n,...c(t,s)},[`${r}-lg`]:{...c(i,s)},[`${r}-sm`]:{...c(a,s)}}},d=e=>({width:e,...a(e)}),f=e=>{let{skeletonImageCls:t,imageSizeBase:n,gradientFromColor:r,borderRadiusSM:i,calc:a}=e;return{[t]:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,verticalAlign:`middle`,background:r,borderRadius:i,...d(a(n).mul(2).equal()),[`${t}-path`]:{fill:`#bfbfbf`},[`${t}-svg`]:{...d(n),maxWidth:a(n).mul(4).equal(),maxHeight:a(n).mul(4).equal()},[`${t}-svg${t}-svg-circle`]:{borderRadius:`50%`}},[`${t}${t}-circle`]:{borderRadius:`50%`}}},p=(e,t,n)=>{let{skeletonButtonCls:r}=e;return{[`${n}${r}-circle`]:{width:t,minWidth:t,borderRadius:`50%`},[`${n}${r}-round`]:{borderRadius:t}}},m=(e,t)=>({width:t(e).mul(2).equal(),minWidth:t(e).mul(2).equal(),...a(e)}),h=e=>{let{borderRadiusSM:t,skeletonButtonCls:n,controlHeight:r,controlHeightLG:i,controlHeightSM:a,gradientFromColor:o,calc:s}=e;return{[n]:{display:`inline-block`,verticalAlign:`top`,background:o,borderRadius:t,width:s(r).mul(2).equal(),minWidth:s(r).mul(2).equal(),...m(r,s)},...p(e,r,n),[`${n}-lg`]:{...m(i,s)},...p(e,i,`${n}-lg`),[`${n}-sm`]:{...m(a,s)},...p(e,a,`${n}-sm`)}},g=e=>{let{componentCls:t,skeletonAvatarCls:n,skeletonTitleCls:r,skeletonParagraphCls:i,skeletonButtonCls:a,skeletonInputCls:c,skeletonImageCls:d,controlHeight:p,controlHeightLG:m,controlHeightSM:g,gradientFromColor:_,padding:v,marginSM:y,borderRadius:b,titleHeight:x,blockRadius:S,paragraphLiHeight:C,controlHeightXS:w,paragraphMarginTop:T}=e;return{[t]:{display:`table`,width:`100%`,[`${t}-header`]:{display:`table-cell`,paddingInlineEnd:v,verticalAlign:`top`,[n]:{display:`inline-block`,verticalAlign:`top`,background:_,...o(p)},[`${n}-circle`]:{borderRadius:`50%`},[`${n}-lg`]:{...o(m)},[`${n}-sm`]:{...o(g)}},[`${t}-content`]:{display:`table-cell`,width:`100%`,verticalAlign:`top`,[r]:{width:`100%`,height:x,background:_,borderRadius:S,[`+ ${i}`]:{marginBlockStart:g}},[i]:{padding:0,"> li":{width:`100%`,height:C,listStyle:`none`,background:_,borderRadius:S,"+ li":{marginBlockStart:w}}},[`${i}> li:last-child:not(:first-child):not(:nth-child(2))`]:{width:`61%`}},[`&-round ${t}-content`]:{[`${r}, ${i} > li`]:{borderRadius:b}}},[`${t}-with-avatar ${t}-content`]:{[r]:{marginBlockStart:y,[`+ ${i}`]:{marginBlockStart:T}}},[`${t}${t}-element`]:{display:`inline-block`,width:`auto`,...h(e),...l(e),...u(e),...f(e)},[`${t}${t}-block`]:{width:`100%`,[a]:{width:`100%`},[c]:{width:`100%`}},[`${t}${t}-active`]:{[`
+        ${r},
+        ${i} > li,
+        ${n},
+        ${a},
+        ${c},
+        ${d}
+      `]:{...s(e)}}}},_=e=>{let{colorFillContent:t,colorFill:n}=e,r=t,i=n;return{color:r,colorGradientEnd:i,gradientFromColor:r,gradientToColor:i,titleHeight:e.controlHeight/2,blockRadius:e.borderRadiusSM,paragraphMarginTop:e.marginLG+e.marginXXS,paragraphLiHeight:e.controlHeight/2}};var v=e(`Skeleton`,e=>{let{componentCls:n,calc:r}=e,i=t(e,{skeletonAvatarCls:`${n}-avatar`,skeletonTitleCls:`${n}-title`,skeletonParagraphCls:`${n}-paragraph`,skeletonButtonCls:`${n}-button`,skeletonInputCls:`${n}-input`,skeletonImageCls:`${n}-image`,imageSizeBase:r(e.controlHeight).mul(1.5).equal(),borderRadius:100,skeletonLoadingBackground:`linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,skeletonLoadingMotionDuration:`1.4s`});return[g(i)]},_,{deprecatedTokens:[[`color`,`gradientFromColor`],[`colorGradientEnd`,`gradientToColor`]]});export{v as default,_ as prepareComponentToken};

package/es/slider/Context.d.ts

@@ -0,0 +1,12 @@
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import { SliderProps } from "rc-slider";
+//#region components/slider/Context.d.ts
+export interface SliderInternalContextProps {
+  handleRender?: SliderProps['handleRender'];
+  direction?: DirectionType;
+}
+/** @private Internal context. Do not use in your production. */
+declare const SliderInternalContext: import("react").Context<SliderInternalContextProps>;
+//#endregion
+export { SliderInternalContext as default };

package/es/slider/Context.js

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

package/es/slider/SliderTooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from "../tooltip/index.js";
+import * as React$1 from "react";
+import { SliderRef } from "rc-slider/lib/Slider";
+//#region components/slider/SliderTooltip.d.ts
+export type SliderTooltipProps = TooltipProps & {
+  draggingDelete?: boolean;
+};
+declare const SliderTooltip: React$1.ForwardRefExoticComponent<SliderTooltipProps & React$1.RefAttributes<SliderRef>>;
+//#endregion
+export { SliderTooltip as default };

package/es/slider/SliderTooltip.js

@@ -0,0 +1 @@
+import e from"../tooltip/index.js";import*as t from"react";import{useRef as n}from"react";import r from"rc-util/lib/raf";import{composeRef as i}from"rc-util/lib/ref";const a=t.forwardRef((a,o)=>{let{open:s,draggingDelete:c}=a,l=n(null),u=s&&!c,d=n(null);function f(){r.cancel(d.current),d.current=null}function p(){d.current=r(()=>{l.current?.forceAlign(),d.current=null})}return t.useEffect(()=>(u?p():f(),f),[u,a.title]),t.createElement(e,{ref:i(l,o),...a,open:u})});export{a as default};

package/es/slider/index.d.ts

@@ -0,0 +1,99 @@
+import { GetProp } from "../_util/type.js";
+import { AbstractTooltipProps, TooltipPlacement } from "../tooltip/index.js";
+import React from "react";
+import { SliderProps } from "rc-slider";
+import { SliderRef } from "rc-slider/lib/Slider";
+//#region components/slider/index.d.ts
+export type SliderMarks = SliderProps['marks'];
+interface HandleGeneratorInfo {
+  value?: number;
+  dragging?: boolean;
+  index: number;
+}
+export type HandleGeneratorFn = (config: {
+  tooltipPrefixCls?: string;
+  prefixCls?: string;
+  info: HandleGeneratorInfo;
+}) => React.ReactElement;
+export type Formatter = ((value?: number) => React.ReactNode) | null;
+export interface SliderTooltipProps extends AbstractTooltipProps {
+  prefixCls?: string;
+  open?: boolean;
+  placement?: TooltipPlacement;
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  formatter?: Formatter;
+  autoAdjustOverflow?: boolean;
+}
+export interface SliderBaseProps {
+  prefixCls?: string;
+  reverse?: boolean;
+  min?: number;
+  max?: number;
+  step?: null | number;
+  marks?: SliderMarks;
+  dots?: boolean;
+  included?: boolean;
+  disabled?: boolean;
+  keyboard?: boolean;
+  vertical?: boolean;
+  className?: string;
+  rootClassName?: string;
+  id?: string;
+  style?: React.CSSProperties;
+  tooltip?: SliderTooltipProps;
+  autoFocus?: boolean;
+  styles?: SliderProps['styles'];
+  classNames?: SliderProps['classNames'];
+  onFocus?: React.FocusEventHandler<HTMLDivElement>;
+  onBlur?: React.FocusEventHandler<HTMLDivElement>;
+  /** @deprecated `tooltipPrefixCls` is deprecated. Please use `tooltip.prefixCls` instead. */
+  tooltipPrefixCls?: string;
+  /** @deprecated `tipFormatter` is deprecated. Please use `tooltip.formatter` instead. */
+  tipFormatter?: Formatter;
+  /** @deprecated `tooltipVisible` is deprecated. Please use `tooltip.open` instead. */
+  tooltipVisible?: boolean;
+  /**
+   * @deprecated `getTooltipPopupContainer` is deprecated. Please use `tooltip.getPopupContainer`
+   *   instead.
+   */
+  getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  /** @deprecated `tooltipPlacement` is deprecated. Please use `tooltip.placement` instead. */
+  tooltipPlacement?: TooltipPlacement;
+}
+export interface SliderSingleProps extends SliderBaseProps {
+  range?: false;
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  /** @deprecated Please use `onChangeComplete` instead */
+  onAfterChange?: (value: number) => void;
+  onChangeComplete?: (value: number) => void;
+  /** @deprecated Please use `styles.handle` instead */
+  handleStyle?: React.CSSProperties;
+  /** @deprecated Please use `styles.track` instead */
+  trackStyle?: React.CSSProperties;
+  /** @deprecated Please use `styles.rail` instead */
+  railStyle?: React.CSSProperties;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+  range: true | SliderRange;
+  value?: number[];
+  defaultValue?: number[];
+  onChange?: (value: number[]) => void;
+  /** @deprecated Please use `onChangeComplete` instead */
+  onAfterChange?: (value: number[]) => void;
+  onChangeComplete?: (value: number[]) => void;
+  /** @deprecated Please use `styles.handle` instead */
+  handleStyle?: React.CSSProperties[];
+  /** @deprecated Please use `styles.track` instead */
+  trackStyle?: React.CSSProperties[];
+  /** @deprecated Please use `styles.rail` instead */
+  railStyle?: React.CSSProperties;
+}
+type SliderRange = Exclude<GetProp<SliderProps, 'range'>, boolean>;
+export type Opens = {
+  [index: number]: boolean;
+};
+declare const Slider: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>>;
+//#endregion
+export { Slider as default };