tiny-ui 1.0.3 → 1.0.4

package/es/slider/style/index.css

@@ -0,0 +1,138 @@
+.ty-slider {
+  position: relative;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.ty-slider_horizontal.ty-slider {
+  margin-bottom: 30px;
+}
+.ty-slider_vertical.ty-slider {
+  margin-right: 30px;
+}
+.ty-slider_horizontal {
+  min-height: 12px;
+  margin: 13px 7px;
+  padding: 4px 0;
+}
+.ty-slider_horizontal .ty-slider__rail {
+  width: 100%;
+  height: 4px;
+  left: 0;
+}
+.ty-slider_horizontal .ty-slider__track {
+  height: 4px;
+}
+.ty-slider_horizontal .ty-slider__thumb-container, .ty-slider_horizontal .ty-slider__dot {
+  top: 50%;
+}
+.ty-slider_horizontal .ty-slider__mark {
+  top: 15px;
+  transform: translateX(-50%);
+}
+.ty-slider_vertical {
+  width: 12px;
+  height: 100%;
+  margin: 6px 10px;
+  padding: 0 4px;
+}
+.ty-slider_vertical .ty-slider__rail {
+  width: 4px;
+  height: 100%;
+  top: 0;
+}
+.ty-slider_vertical .ty-slider__track {
+  width: 4px;
+}
+.ty-slider_vertical .ty-slider__thumb-container, .ty-slider_vertical .ty-slider__dot {
+  left: 50%;
+}
+.ty-slider_vertical .ty-slider__mark {
+  left: 15px;
+  transform: translateY(50%);
+}
+.ty-slider__rail {
+  position: absolute;
+  border-radius: 3px;
+  box-sizing: border-box;
+  background-color: var(--ty-slider-rail-bg);
+}
+.ty-slider__track {
+  box-sizing: border-box;
+  border-radius: 3px;
+  background-color: var(--ty-color-primary);
+  position: absolute;
+}
+.ty-slider__track_invisible {
+  background-color: transparent;
+}
+.ty-slider__thumb-container {
+  position: absolute;
+  z-index: 1;
+  width: 36px;
+  height: 36px;
+  outline: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-slider__thumb-container_hovering {
+  cursor: grab;
+}
+.ty-slider__thumb-container_hovering .ty-slider__thumb {
+  transform: scale(1.2);
+}
+.ty-slider__thumb-container_dragging {
+  cursor: grabbing;
+}
+.ty-slider__thumb {
+  box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  border: 1px solid var(--ty-color-primary);
+  background-color: var(--ty-slider-thumb-bg);
+  border-radius: 50%;
+  transition: transform 250ms;
+}
+.ty-slider__dot {
+  box-sizing: border-box;
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: var(--ty-slider-dot-bg);
+  border: 2px solid var(--ty-slider-dot-border);
+  transform: translate(-50%, -50%);
+}
+.ty-slider__dot_active {
+  border-color: var(--ty-color-primary);
+}
+.ty-slider__mark {
+  position: absolute;
+  color: var(--ty-slider-mark-color);
+  text-align: center;
+  word-break: keep-all;
+  cursor: pointer;
+  font-size: 0.9em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-slider__mark_active {
+  color: var(--ty-slider-mark-active-color);
+}
+.ty-slider_disabled {
+  cursor: not-allowed;
+}
+.ty-slider_disabled .ty-slider__track {
+  background-color: var(--ty-color-text-quaternary);
+}
+.ty-slider_disabled .ty-slider__thumb {
+  border-color: var(--ty-color-text-quaternary);
+  transform: scale(1);
+}
+.ty-slider_disabled .ty-slider__thumb-container_hovering, .ty-slider_disabled .ty-slider__thumb-container_dragging {
+  cursor: not-allowed;
+}
+.ty-slider_disabled .ty-slider__mark {
+  cursor: not-allowed;
+}

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

@@ -1,2 +1 @@
-import './index.scss';
-import '../../tooltip/style/index.scss';
+export { };

package/es/slider/style/index.js

@@ -1,4 +1,2 @@
-import './index.scss';
-// style dependencies
-import '../../tooltip/style/index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";
+import "../../tooltip/style/index.css";

package/es/slider/types.d.ts

@@ -1,28 +1,33 @@
-import React, { ReactNode } from 'react';
-import { BaseProps, DirectionType } from '../_utils/props';
-import { Placement } from '../popup/types';
-export type SliderValue = number | [number, number];
-export type SliderMarks = {
-    [key: string]: React.ReactNode | {
-        style: React.CSSProperties;
-        label: ReactNode;
-    };
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import { Placement } from "../popup/types.js";
+import React, { ReactNode } from "react";
+
+//#region components/slider/types.d.ts
+type SliderValue = number | [number, number];
+type SliderMarks = {
+  [key: string]: React.ReactNode | {
+    style: React.CSSProperties;
+    label: ReactNode;
+  };
 };
-export interface SliderProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
-    value?: SliderValue;
-    defaultValue?: SliderValue;
-    min?: number;
-    max?: number;
-    marks?: SliderMarks;
-    dots?: boolean;
-    direction?: DirectionType;
-    step?: number;
-    disabled?: boolean;
-    track?: boolean;
-    tooltipVisible?: boolean;
-    tooltipPlacement?: Placement;
-    tipFormatter?: (value: number) => ReactNode;
-    onChange?: (value: SliderValue) => void;
-    onAfterChange?: (value: SliderValue) => void;
-    children?: ReactNode;
+interface SliderProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
+  value?: SliderValue;
+  defaultValue?: SliderValue;
+  min?: number;
+  max?: number;
+  marks?: SliderMarks;
+  dots?: boolean;
+  direction?: DirectionType;
+  step?: number;
+  disabled?: boolean;
+  track?: boolean;
+  tooltipVisible?: boolean;
+  tooltipPlacement?: Placement;
+  tipFormatter?: (value: number) => ReactNode;
+  onChange?: (value: SliderValue) => void;
+  onAfterChange?: (value: SliderValue) => void;
+  children?: ReactNode;
 }
+//#endregion
+export { SliderProps };
+//# sourceMappingURL=types.d.ts.map

package/es/space/index.d.ts

@@ -1,2 +1 @@
-import Space from './space';
-export default Space;
+import { Space } from "./space.js";

package/es/space/index.js

@@ -1,3 +1,9 @@
-import Space from './space';
-export default Space;
+import '../style/base.css';
+import './style/index.css';
+import Space from "./space.js";
+//#region components/space/index.tsx
+var space_default = Space;
+//#endregion
+export { space_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/space/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/space/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/space/index.tsx"],"sourcesContent":["import Space from './space';\n\nexport default Space;\n"],"mappings":";;AAEA,IAAA,gBAAe"}

package/es/space/space.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { SpaceProps } from './types';
+import { SpaceProps } from "./types.js";
+import React from "react";
+
+//#region components/space/space.d.ts
 declare const Space: React.ForwardRefExoticComponent<Omit<SpaceProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Space;
+//#endregion
+export { Space };
+//# sourceMappingURL=space.d.ts.map

package/es/space/space.js

@@ -1,29 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/space/space.tsx
 const spaceSize = {
-    sm: 8,
-    md: 16,
-    lg: 24,
+	sm: 8,
+	md: 16,
+	lg: 24
 };
 const Space = React.forwardRef((props, ref) => {
-    const { direction = 'horizontal', align = 'center', className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('space', configContext.prefixCls, customisedCls);
-    const size = props.size || configContext.space || 'sm';
-    const cls = classNames(prefixCls, className, `${prefixCls}_${direction}`, `${prefixCls}_${align}`);
-    const getItemStyle = (idx) => {
-        if (React.Children.count(children) - 1 !== idx) {
-            return {
-                [direction === 'vertical' ? 'marginBottom' : 'marginRight']: typeof props.size === 'number' ? size : spaceSize[size],
-            };
-        }
-        return {};
-    };
-    return (_jsx("div", { ...otherProps, ref: ref, className: cls, children: React.Children.map(children, (child, idx) => (_jsx("div", { className: `${prefixCls}__item`, style: getItemStyle(idx), children: child }, idx))) }));
+	const { direction = "horizontal", align = "center", className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("space", configContext.prefixCls, customisedCls);
+	const size = props.size || configContext.space || "sm";
+	const cls = classNames(prefixCls, className, `${prefixCls}_${direction}`, `${prefixCls}_${align}`);
+	const getItemStyle = (idx) => {
+		if (React.Children.count(children) - 1 !== idx) return { [direction === "vertical" ? "marginBottom" : "marginRight"]: typeof props.size === "number" ? size : spaceSize[size] };
+		return {};
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: React.Children.map(children, (child, idx) => /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__item`,
+			style: getItemStyle(idx),
+			children: child
+		}, idx))
+	});
 });
-Space.displayName = 'Space';
-export default Space;
+Space.displayName = "Space";
+//#endregion
+export { Space as default };
+
 //# sourceMappingURL=space.js.map

package/es/space/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","sourceRoot":"","sources":["../../components/space/space.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,KAAiB,EAAE,GAAG,EAAe,EAAE;IACtC,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,KAAK,GAAG,QAAQ,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,IAAI,IAAI,CAAC;IACvD,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,IAAI,SAAS,EAAE,EAC3B,GAAG,SAAS,IAAI,KAAK,EAAE,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAuB,EAAE;QACxD,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;YAC/C,OAAO;gBACL,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,EACzD,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAgB,CAAC;aACtE,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,iBAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,YAC1C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,cAAe,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,YACrE,KAAK,IADE,GAAG,CAEP,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"space.js","names":[],"sources":["../../components/space/space.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SizeType } from '../_utils/props';\nimport { SpaceProps } from './types';\n\nconst spaceSize = {\n  sm: 8,\n  md: 16,\n  lg: 24,\n};\n\nconst Space = React.forwardRef<HTMLDivElement, SpaceProps>(\n  (props: SpaceProps, ref): JSX.Element => {\n    const {\n      direction = 'horizontal',\n      align = 'center',\n      className,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('space', configContext.prefixCls, customisedCls);\n    const size = props.size || configContext.space || 'sm';\n    const cls = classNames(\n      prefixCls,\n      className,\n      `${prefixCls}_${direction}`,\n      `${prefixCls}_${align}`\n    );\n\n    const getItemStyle = (idx: number): React.CSSProperties => {\n      if (React.Children.count(children) - 1 !== idx) {\n        return {\n          [direction === 'vertical' ? 'marginBottom' : 'marginRight']:\n            typeof props.size === 'number' ? size : spaceSize[size as SizeType],\n        };\n      }\n      return {};\n    };\n\n    return (\n      <div {...otherProps} ref={ref} className={cls}>\n        {React.Children.map(children, (child, idx) => (\n          <div key={idx} className={`${prefixCls}__item`} style={getItemStyle(idx)}>\n            {child}\n          </div>\n        ))}\n      </div>\n    );\n  }\n);\n\nSpace.displayName = 'Space';\n\nexport default Space;\n"],"mappings":";;;;;;AAOA,MAAM,YAAY;CAChB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,QAAQ,MAAM,YACjB,OAAmB,QAAqB;CACvC,MAAM,EACJ,YAAY,cACZ,QAAQ,UACR,WACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,SAAS,cAAc,WAAW,cAAc;CAC/E,MAAM,OAAO,MAAM,QAAQ,cAAc,SAAS;CAClD,MAAM,MAAM,WACV,WACA,WACA,GAAG,UAAU,GAAG,aAChB,GAAG,UAAU,GAAG,QACjB;CAED,MAAM,gBAAgB,QAAqC;AACzD,MAAI,MAAM,SAAS,MAAM,SAAS,GAAG,MAAM,IACzC,QAAO,GACJ,cAAc,aAAa,iBAAiB,gBAC3C,OAAO,MAAM,SAAS,WAAW,OAAO,UAAU,OACrD;AAEH,SAAO,EAAE;;AAGX,QACE,oBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;YACvC,MAAM,SAAS,IAAI,WAAW,OAAO,QACpC,oBAAC,OAAD;GAAe,WAAW,GAAG,UAAU;GAAS,OAAO,aAAa,IAAI;aACrE;GACG,EAFI,IAEJ,CACN;EACE,CAAA;EAGX;AAED,MAAM,cAAc"}

package/es/space/style/index.css

@@ -0,0 +1,18 @@
+.ty-space {
+  display: inline-flex;
+}
+.ty-space_vertical {
+  flex-direction: column;
+}
+.ty-space_start {
+  align-items: flex-start;
+}
+.ty-space_end {
+  align-items: flex-end;
+}
+.ty-space_center {
+  align-items: center;
+}
+.ty-space_baseline {
+  align-items: baseline;
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/space/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/space/types.d.ts

@@ -1,9 +1,14 @@
-import React from 'react';
-import { BaseProps, DirectionType, SizeType } from '../_utils/props';
-export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
-export type SpaceSize = SizeType | number;
-export interface SpaceProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
-    align?: SpaceAlign;
-    direction?: DirectionType;
-    size?: SpaceSize;
+import { BaseProps, DirectionType, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/space/types.d.ts
+type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+type SpaceSize = SizeType | number;
+interface SpaceProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  align?: SpaceAlign;
+  direction?: DirectionType;
+  size?: SpaceSize;
 }
+//#endregion
+export { SpaceProps, SpaceSize };
+//# sourceMappingURL=types.d.ts.map

package/es/speed-dial/index.d.ts

@@ -1,7 +1,11 @@
-import SpeedDial from './speed-dial';
-import SpeedDialAction from './speed-dial-action';
+import { SpeedDial } from "./speed-dial.js";
+import { SpeedDialAction } from "./speed-dial-action.js";
+
+//#region components/speed-dial/index.d.ts
 type ISpeedDial = typeof SpeedDial & {
-    Action: typeof SpeedDialAction;
+  Action: typeof SpeedDialAction;
 };
 declare const DefaultSpeedDial: ISpeedDial;
-export default DefaultSpeedDial;
+//#endregion
+export { DefaultSpeedDial };
+//# sourceMappingURL=index.d.ts.map

package/es/speed-dial/index.js

@@ -1,6 +1,11 @@
-import SpeedDial from './speed-dial';
-import SpeedDialAction from './speed-dial-action';
+import '../style/base.css';
+import './style/index.css';
+import SpeedDial from "./speed-dial.js";
+import SpeedDialAction from "./speed-dial-action.js";
+//#region components/speed-dial/index.tsx
 const DefaultSpeedDial = SpeedDial;
 DefaultSpeedDial.Action = SpeedDialAction;
-export default DefaultSpeedDial;
+//#endregion
+export { DefaultSpeedDial as default };
+
 //# sourceMappingURL=index.js.map

package/es/speed-dial/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/speed-dial/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAMlD,MAAM,gBAAgB,GAAG,SAAuB,CAAC;AACjD,gBAAgB,CAAC,MAAM,GAAG,eAAe,CAAC;AAE1C,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/speed-dial/index.tsx"],"sourcesContent":["import SpeedDial from './speed-dial';\nimport SpeedDialAction from './speed-dial-action';\n\ntype ISpeedDial = typeof SpeedDial & {\n  Action: typeof SpeedDialAction;\n};\n\nconst DefaultSpeedDial = SpeedDial as ISpeedDial;\nDefaultSpeedDial.Action = SpeedDialAction;\n\nexport default DefaultSpeedDial;\n"],"mappings":";;;AAOA,MAAM,mBAAmB;AACzB,iBAAiB,SAAS"}

package/es/speed-dial/speed-dial-action.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { SpeedDialActionProps } from './types';
+import { SpeedDialActionProps } from "./types.js";
+import React from "react";
+
+//#region components/speed-dial/speed-dial-action.d.ts
 declare const SpeedDialAction: React.ForwardRefExoticComponent<SpeedDialActionProps & React.RefAttributes<HTMLButtonElement>>;
-export default SpeedDialAction;
+//#endregion
+export { SpeedDialAction };
+//# sourceMappingURL=speed-dial-action.d.ts.map

package/es/speed-dial/speed-dial-action.js

@@ -1,26 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { SpeedDialContext } from './speed-dial-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { SpeedDialContext } from "./speed-dial-context.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/speed-dial/speed-dial-action.tsx
 const getDefaultTooltipPlacement = (direction) => {
-    if (direction === 'left' || direction === 'right')
-        return 'top';
-    return 'left';
+	if (direction === "left" || direction === "right") return "top";
+	return "left";
 };
 const SpeedDialAction = React.forwardRef((props, ref) => {
-    const { icon, tooltip, tooltipPlacement, disabled = false, className, style, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const { direction } = useContext(SpeedDialContext);
-    const prefixCls = getPrefixCls('speed-dial', configContext.prefixCls, customisedCls);
-    const placement = tooltipPlacement || getDefaultTooltipPlacement(direction);
-    const cls = classNames(`${prefixCls}__action`, className, {
-        [`${prefixCls}__action_disabled`]: disabled,
-    });
-    const tooltipCls = classNames(`${prefixCls}__action-tooltip`, `${prefixCls}__action-tooltip_${placement}`);
-    return (_jsxs("div", { className: `${prefixCls}__action-wrapper`, children: [_jsx("button", { ...otherProps, ref: ref, className: cls, style: style, disabled: disabled, type: "button", children: icon }), tooltip && _jsx("span", { className: tooltipCls, children: tooltip })] }));
+	const { icon, tooltip, tooltipPlacement, disabled = false, className, style, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const { direction } = useContext(SpeedDialContext);
+	const prefixCls = getPrefixCls("speed-dial", configContext.prefixCls, customisedCls);
+	const placement = tooltipPlacement || getDefaultTooltipPlacement(direction);
+	const cls = classNames(`${prefixCls}__action`, className, { [`${prefixCls}__action_disabled`]: disabled });
+	const tooltipCls = classNames(`${prefixCls}__action-tooltip`, `${prefixCls}__action-tooltip_${placement}`);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}__action-wrapper`,
+		children: [/* @__PURE__ */ jsx("button", {
+			...otherProps,
+			ref,
+			className: cls,
+			style,
+			disabled,
+			type: "button",
+			children: icon
+		}), tooltip && /* @__PURE__ */ jsx("span", {
+			className: tooltipCls,
+			children: tooltip
+		})]
+	});
 });
-SpeedDialAction.displayName = 'SpeedDialAction';
-export default SpeedDialAction;
+SpeedDialAction.displayName = "SpeedDialAction";
+//#endregion
+export { SpeedDialAction as default };
+
 //# sourceMappingURL=speed-dial-action.js.map

package/es/speed-dial/speed-dial-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"speed-dial-action.js","sourceRoot":"","sources":["../../components/speed-dial/speed-dial-action.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,0BAA0B,GAAG,CAAC,SAAiB,EAAuC,EAAE;IAC5F,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IAChE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAe,EAAE;IAC1B,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,SAAS,GAAG,gBAAgB,IAAI,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE5E,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,SAAS,UAAU,EAAE,SAAS,EAAE;QACxD,CAAC,GAAG,SAAS,mBAAmB,CAAC,EAAE,QAAQ;KAC5C,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,UAAU,CAC3B,GAAG,SAAS,kBAAkB,EAC9B,GAAG,SAAS,oBAAoB,SAAS,EAAE,CAC5C,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,aAC5C,oBACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,YAEZ,IAAI,GACE,EACR,OAAO,IAAI,eAAM,SAAS,EAAE,UAAU,YAAG,OAAO,GAAQ,IACrD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"speed-dial-action.js","names":[],"sources":["../../components/speed-dial/speed-dial-action.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SpeedDialActionProps } from './types';\nimport { SpeedDialContext } from './speed-dial-context';\n\nconst getDefaultTooltipPlacement = (direction: string): 'left' | 'right' | 'top' | 'bottom' => {\n  if (direction === 'left' || direction === 'right') return 'top';\n  return 'left';\n};\n\nconst SpeedDialAction = React.forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  (props, ref): JSX.Element => {\n    const {\n      icon,\n      tooltip,\n      tooltipPlacement,\n      disabled = false,\n      className,\n      style,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const configContext = useContext(ConfigContext);\n    const { direction } = useContext(SpeedDialContext);\n    const prefixCls = getPrefixCls('speed-dial', configContext.prefixCls, customisedCls);\n    const placement = tooltipPlacement || getDefaultTooltipPlacement(direction);\n\n    const cls = classNames(`${prefixCls}__action`, className, {\n      [`${prefixCls}__action_disabled`]: disabled,\n    });\n\n    const tooltipCls = classNames(\n      `${prefixCls}__action-tooltip`,\n      `${prefixCls}__action-tooltip_${placement}`\n    );\n\n    return (\n      <div className={`${prefixCls}__action-wrapper`}>\n        <button\n          {...otherProps}\n          ref={ref}\n          className={cls}\n          style={style}\n          disabled={disabled}\n          type=\"button\"\n        >\n          {icon}\n        </button>\n        {tooltip && <span className={tooltipCls}>{tooltip}</span>}\n      </div>\n    );\n  }\n);\n\nSpeedDialAction.displayName = 'SpeedDialAction';\n\nexport default SpeedDialAction;\n"],"mappings":";;;;;;;AAOA,MAAM,8BAA8B,cAA2D;AAC7F,KAAI,cAAc,UAAU,cAAc,QAAS,QAAO;AAC1D,QAAO;;AAGT,MAAM,kBAAkB,MAAM,YAC3B,OAAO,QAAqB;CAC3B,MAAM,EACJ,MACA,SACA,kBACA,WAAW,OACX,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,YAAY,aAAa,cAAc,cAAc,WAAW,cAAc;CACpF,MAAM,YAAY,oBAAoB,2BAA2B,UAAU;CAE3E,MAAM,MAAM,WAAW,GAAG,UAAU,WAAW,WAAW,GACvD,GAAG,UAAU,qBAAqB,UACpC,CAAC;CAEF,MAAM,aAAa,WACjB,GAAG,UAAU,mBACb,GAAG,UAAU,mBAAmB,YACjC;AAED,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B,CACE,oBAAC,UAAD;GACE,GAAI;GACC;GACL,WAAW;GACJ;GACG;GACV,MAAK;aAEJ;GACM,CAAA,EACR,WAAW,oBAAC,QAAD;GAAM,WAAW;aAAa;GAAe,CAAA,CACrD;;EAGX;AAED,gBAAgB,cAAc"}

package/es/speed-dial/speed-dial-context.js

@@ -1,5 +1,7 @@
-import { createContext } from 'react';
-export const SpeedDialContext = createContext({
-    direction: 'up',
-});
+import { createContext } from "react";
+//#region components/speed-dial/speed-dial-context.ts
+const SpeedDialContext = createContext({ direction: "up" });
+//#endregion
+export { SpeedDialContext };
+
 //# sourceMappingURL=speed-dial-context.js.map

package/es/speed-dial/speed-dial-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"speed-dial-context.js","sourceRoot":"","sources":["../../components/speed-dial/speed-dial-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB;IACnE,SAAS,EAAE,IAAI;CAChB,CAAC,CAAC"}
+{"version":3,"file":"speed-dial-context.js","names":[],"sources":["../../components/speed-dial/speed-dial-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { SpeedDialDirection } from './types';\n\nexport interface SpeedDialContextProps {\n  direction: SpeedDialDirection;\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextProps>({\n  direction: 'up',\n});\n"],"mappings":";;AAOA,MAAa,mBAAmB,cAAqC,EACnE,WAAW,MACZ,CAAC"}

package/es/speed-dial/speed-dial.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { SpeedDialProps } from './types';
+import { SpeedDialProps } from "./types.js";
+import React from "react";
+
+//#region components/speed-dial/speed-dial.d.ts
 declare const SpeedDial: React.ForwardRefExoticComponent<SpeedDialProps & React.RefAttributes<HTMLDivElement>>;
-export default SpeedDial;
+//#endregion
+export { SpeedDial };
+//# sourceMappingURL=speed-dial.d.ts.map