@tiny-design/react 1.0.4

package/lib/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/lib/slider/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/slider/style/index.js

@@ -0,0 +1,2 @@
+require("./index.css");
+require("../../tooltip/style/index.css");

package/lib/slider/types.d.ts

@@ -0,0 +1,33 @@
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import { Placement } from "../popup/types.js";
+import React, { ReactNode } from "react";
+
+//#region src/slider/types.d.ts
+type SliderValue = number | [number, number];
+type SliderMarks = {
+  [key: string]: React.ReactNode | {
+    style: React.CSSProperties;
+    label: 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/lib/space/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/space/index.tsx
+var space_default = require("./space.js").default;
+//#endregion
+exports.default = space_default;
+
+//# sourceMappingURL=index.js.map

package/lib/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Space"],"sources":["../../src/space/index.tsx"],"sourcesContent":["import Space from './space';\n\nexport default Space;\n"],"mappings":";AAEA,IAAA,sCAAeA"}

package/lib/space/space.d.ts

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

package/lib/space/space.js

@@ -0,0 +1,40 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/space/space.tsx
+const spaceSize = {
+	sm: 8,
+	md: 16,
+	lg: 24
+};
+const Space = react.default.forwardRef((props, ref) => {
+	const { direction = "horizontal", align = "center", className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("space", configContext.prefixCls, customisedCls);
+	const size = props.size || configContext.space || "sm";
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${direction}`, `${prefixCls}_${align}`);
+	const getItemStyle = (idx) => {
+		if (react.default.Children.count(children) - 1 !== idx) return { [direction === "vertical" ? "marginBottom" : "marginRight"]: typeof props.size === "number" ? size : spaceSize[size] };
+		return {};
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: react.default.Children.map(children, (child, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__item`,
+			style: getItemStyle(idx),
+			children: child
+		}, idx))
+	});
+});
+Space.displayName = "Space";
+//#endregion
+exports.default = Space;
+
+//# sourceMappingURL=space.js.map

package/lib/space/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","names":["React","ConfigContext","getPrefixCls"],"sources":["../../src/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,QAAQA,MAAAA,QAAM,YACjB,OAAmB,QAAqB;CACvC,MAAM,EACJ,YAAY,cACZ,QAAQ,UACR,WACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,SAAS,cAAc,WAAW,cAAc;CAC/E,MAAM,OAAO,MAAM,QAAQ,cAAc,SAAS;CAClD,MAAM,OAAA,GAAA,WAAA,SACJ,WACA,WACA,GAAG,UAAU,GAAG,aAChB,GAAG,UAAU,GAAG,QACjB;CAED,MAAM,gBAAgB,QAAqC;AACzD,MAAIF,MAAAA,QAAM,SAAS,MAAM,SAAS,GAAG,MAAM,IACzC,QAAO,GACJ,cAAc,aAAa,iBAAiB,gBAC3C,OAAO,MAAM,SAAS,WAAW,OAAO,UAAU,OACrD;AAEH,SAAO,EAAE;;AAGX,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;YACvCA,MAAAA,QAAM,SAAS,IAAI,WAAW,OAAO,QACpC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAe,WAAW,GAAG,UAAU;GAAS,OAAO,aAAa,IAAI;aACrE;GACG,EAFI,IAEJ,CACN;EACE,CAAA;EAGX;AAED,MAAM,cAAc"}

package/lib/space/style/_index.scss

@@ -0,0 +1,25 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-space {
+  display: inline-flex;
+
+  &_vertical {
+    flex-direction: column;
+  }
+
+  &_start {
+    align-items: flex-start;
+  }
+
+  &_end {
+    align-items: flex-end;
+  }
+
+  &_center {
+    align-items: center;
+  }
+
+  &_baseline {
+    align-items: baseline;
+  }
+}

package/lib/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/lib/space/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/space/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/space/types.d.ts

@@ -0,0 +1,14 @@
+import { BaseProps, DirectionType, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/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/lib/speed-dial/index.d.ts

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

package/lib/speed-dial/index.js

@@ -0,0 +1,11 @@
+require('../style/base.css');
+require('./style/index.css');
+const require_speed_dial = require("./speed-dial.js");
+const require_speed_dial_action = require("./speed-dial-action.js");
+//#region src/speed-dial/index.tsx
+const DefaultSpeedDial = require_speed_dial.default;
+DefaultSpeedDial.Action = require_speed_dial_action.default;
+//#endregion
+exports.default = DefaultSpeedDial;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SpeedDial","SpeedDialAction"],"sources":["../../src/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,mBAAmBA,mBAAAA;AACzB,iBAAiB,SAASC,0BAAAA"}

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

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

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

@@ -0,0 +1,43 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_speed_dial_context = require("./speed-dial-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/speed-dial/speed-dial-action.tsx
+const getDefaultTooltipPlacement = (direction) => {
+	if (direction === "left" || direction === "right") return "top";
+	return "left";
+};
+const SpeedDialAction = react.default.forwardRef((props, ref) => {
+	const { icon, tooltip, tooltipPlacement, disabled = false, className, style, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const { direction } = (0, react.useContext)(require_speed_dial_context.SpeedDialContext);
+	const prefixCls = require_general.getPrefixCls("speed-dial", configContext.prefixCls, customisedCls);
+	const placement = tooltipPlacement || getDefaultTooltipPlacement(direction);
+	const cls = (0, classnames.default)(`${prefixCls}__action`, className, { [`${prefixCls}__action_disabled`]: disabled });
+	const tooltipCls = (0, classnames.default)(`${prefixCls}__action-tooltip`, `${prefixCls}__action-tooltip_${placement}`);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${prefixCls}__action-wrapper`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			...otherProps,
+			ref,
+			className: cls,
+			style,
+			disabled,
+			type: "button",
+			children: icon
+		}), tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: tooltipCls,
+			children: tooltip
+		})]
+	});
+});
+SpeedDialAction.displayName = "SpeedDialAction";
+//#endregion
+exports.default = SpeedDialAction;
+
+//# sourceMappingURL=speed-dial-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"speed-dial-action.js","names":["React","ConfigContext","SpeedDialContext","getPrefixCls"],"sources":["../../src/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,kBAAkBA,MAAAA,QAAM,YAC3B,OAAO,QAAqB;CAC3B,MAAM,EACJ,MACA,SACA,kBACA,WAAW,OACX,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,EAAE,eAAA,GAAA,MAAA,YAAyBC,2BAAAA,iBAAiB;CAClD,MAAM,YAAYC,gBAAAA,aAAa,cAAc,cAAc,WAAW,cAAc;CACpF,MAAM,YAAY,oBAAoB,2BAA2B,UAAU;CAE3E,MAAM,OAAA,GAAA,WAAA,SAAiB,GAAG,UAAU,WAAW,WAAW,GACvD,GAAG,UAAU,qBAAqB,UACpC,CAAC;CAEF,MAAM,cAAA,GAAA,WAAA,SACJ,GAAG,UAAU,mBACb,GAAG,UAAU,mBAAmB,YACjC;AAED,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GACE,GAAI;GACC;GACL,WAAW;GACJ;GACG;GACV,MAAK;aAEJ;GACM,CAAA,EACR,WAAW,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW;aAAa;GAAe,CAAA,CACrD;;EAGX;AAED,gBAAgB,cAAc"}

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

@@ -0,0 +1,7 @@
+require("../_virtual/_rolldown/runtime.js");
+//#region src/speed-dial/speed-dial-context.ts
+const SpeedDialContext = (0, require("react").createContext)({ direction: "up" });
+//#endregion
+exports.SpeedDialContext = SpeedDialContext;
+
+//# sourceMappingURL=speed-dial-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"speed-dial-context.js","names":[],"sources":["../../src/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,oBAAA,oBAAA,eAAwD,EACnE,WAAW,MACZ,CAAC"}

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

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

package/lib/speed-dial/speed-dial.js

@@ -0,0 +1,95 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_hooks = require("../_utils/hooks.js");
+const require_speed_dial_context = require("./speed-dial-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/speed-dial/speed-dial.tsx
+const SpeedDial = react.default.forwardRef((props, ref) => {
+	const { icon, openIcon, direction = "up", open, trigger = "hover", onOpen, onClose, disabled = false, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("speed-dial", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const [internalOpen, setInternalOpen] = (0, react.useState)(false);
+	const isControlled = open !== void 0;
+	const isOpen = isControlled ? open : internalOpen;
+	const containerRef = (0, react.useRef)(null);
+	const handleOpen = (0, react.useCallback)(() => {
+		if (disabled) return;
+		if (!isControlled) setInternalOpen(true);
+		onOpen?.();
+	}, [
+		disabled,
+		isControlled,
+		onOpen
+	]);
+	const handleClose = (0, react.useCallback)(() => {
+		if (!isControlled) setInternalOpen(false);
+		onClose?.();
+	}, [isControlled, onClose]);
+	const handleToggle = (0, react.useCallback)(() => {
+		if (isOpen) handleClose();
+		else handleOpen();
+	}, [
+		isOpen,
+		handleOpen,
+		handleClose
+	]);
+	require_hooks.useClickOutside(containerRef, () => {
+		if (trigger === "click" && isOpen) handleClose();
+	});
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${direction}`);
+	const buttonCls = (0, classnames.default)(`${prefixCls}__button`, {
+		[`${prefixCls}__button_open`]: isOpen,
+		[`${prefixCls}__button_disabled`]: disabled
+	});
+	const actionsCls = (0, classnames.default)(`${prefixCls}__actions`, { [`${prefixCls}__actions_open`]: isOpen });
+	const hoverProps = trigger === "hover" && !disabled ? {
+		onMouseEnter: handleOpen,
+		onMouseLeave: handleClose
+	} : {};
+	const handleButtonClick = (e) => {
+		if (disabled) return;
+		if (trigger === "click") handleToggle();
+		e.stopPropagation();
+	};
+	const renderIcon = () => {
+		if (isOpen && openIcon) return openIcon;
+		if (icon) return icon;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefixCls}__icon-default` });
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref: (node) => {
+			containerRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		className: cls,
+		style,
+		...hoverProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: buttonCls,
+			type: "button",
+			onClick: handleButtonClick,
+			disabled,
+			"aria-expanded": isOpen,
+			"aria-label": "SpeedDial",
+			children: renderIcon()
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_speed_dial_context.SpeedDialContext.Provider, {
+			value: { direction },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: actionsCls,
+				role: "menu",
+				children
+			})
+		})]
+	});
+});
+SpeedDial.displayName = "SpeedDial";
+//#endregion
+exports.default = SpeedDial;
+
+//# sourceMappingURL=speed-dial.js.map

package/lib/speed-dial/speed-dial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"speed-dial.js","names":["React","getPrefixCls","ConfigContext","SpeedDialContext"],"sources":["../../src/speed-dial/speed-dial.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useClickOutside } from '../_utils/hooks';\nimport { SpeedDialProps } from './types';\nimport { SpeedDialContext } from './speed-dial-context';\n\nconst SpeedDial = React.forwardRef<HTMLDivElement, SpeedDialProps>(\n  (props, ref): JSX.Element => {\n    const {\n      icon,\n      openIcon,\n      direction = 'up',\n      open,\n      trigger = 'hover',\n      onOpen,\n      onClose,\n      disabled = false,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('speed-dial', configContext.prefixCls, customisedCls);\n\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : internalOpen;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const handleOpen = useCallback(() => {\n      if (disabled) return;\n      if (!isControlled) setInternalOpen(true);\n      onOpen?.();\n    }, [disabled, isControlled, onOpen]);\n\n    const handleClose = useCallback(() => {\n      if (!isControlled) setInternalOpen(false);\n      onClose?.();\n    }, [isControlled, onClose]);\n\n    const handleToggle = useCallback(() => {\n      if (isOpen) {\n        handleClose();\n      } else {\n        handleOpen();\n      }\n    }, [isOpen, handleOpen, handleClose]);\n\n    useClickOutside(containerRef, () => {\n      if (trigger === 'click' && isOpen) {\n        handleClose();\n      }\n    });\n\n    const cls = classNames(prefixCls, className, `${prefixCls}_${direction}`);\n\n    const buttonCls = classNames(`${prefixCls}__button`, {\n      [`${prefixCls}__button_open`]: isOpen,\n      [`${prefixCls}__button_disabled`]: disabled,\n    });\n\n    const actionsCls = classNames(`${prefixCls}__actions`, {\n      [`${prefixCls}__actions_open`]: isOpen,\n    });\n\n    const hoverProps =\n      trigger === 'hover' && !disabled\n        ? { onMouseEnter: handleOpen, onMouseLeave: handleClose }\n        : {};\n\n    const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return;\n      if (trigger === 'click') {\n        handleToggle();\n      }\n      // Stop propagation so useClickOutside doesn't immediately close\n      e.stopPropagation();\n    };\n\n    const renderIcon = () => {\n      if (isOpen && openIcon) return openIcon;\n      if (icon) return icon;\n      return <span className={`${prefixCls}__icon-default`} />;\n    };\n\n    return (\n      <div\n        {...otherProps}\n        ref={(node) => {\n          containerRef.current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }}\n        className={cls}\n        style={style}\n        {...hoverProps}\n      >\n        <button\n          className={buttonCls}\n          type=\"button\"\n          onClick={handleButtonClick}\n          disabled={disabled}\n          aria-expanded={isOpen}\n          aria-label=\"SpeedDial\"\n        >\n          {renderIcon()}\n        </button>\n        <SpeedDialContext.Provider value={{ direction }}>\n          <div className={actionsCls} role=\"menu\">\n            {children}\n          </div>\n        </SpeedDialContext.Provider>\n      </div>\n    );\n  }\n);\n\nSpeedDial.displayName = 'SpeedDial';\n\nexport default SpeedDial;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,YAAYA,MAAAA,QAAM,YACrB,OAAO,QAAqB;CAC3B,MAAM,EACJ,MACA,UACA,YAAY,MACZ,MACA,UAAU,SACV,QACA,SACA,WAAW,OACX,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAGJ,MAAM,YAAYC,gBAAAA,aAAa,eAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACY,WAAW,cAAc;CAEpF,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,MAAM;CACvD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,SAAS,eAAe,OAAO;CAErC,MAAM,gBAAA,GAAA,MAAA,QAA6C,KAAK;CAExD,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,MAAI,SAAU;AACd,MAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC,YAAU;IACT;EAAC;EAAU;EAAc;EAAO,CAAC;CAEpC,MAAM,eAAA,GAAA,MAAA,mBAAgC;AACpC,MAAI,CAAC,aAAc,iBAAgB,MAAM;AACzC,aAAW;IACV,CAAC,cAAc,QAAQ,CAAC;CAE3B,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,MAAI,OACF,cAAa;MAEb,aAAY;IAEb;EAAC;EAAQ;EAAY;EAAY,CAAC;AAErC,eAAA,gBAAgB,oBAAoB;AAClC,MAAI,YAAY,WAAW,OACzB,cAAa;GAEf;CAEF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GAAG,YAAY;CAEzE,MAAM,aAAA,GAAA,WAAA,SAAuB,GAAG,UAAU,WAAW;GAClD,GAAG,UAAU,iBAAiB;GAC9B,GAAG,UAAU,qBAAqB;EACpC,CAAC;CAEF,MAAM,cAAA,GAAA,WAAA,SAAwB,GAAG,UAAU,YAAY,GACpD,GAAG,UAAU,kBAAkB,QACjC,CAAC;CAEF,MAAM,aACJ,YAAY,WAAW,CAAC,WACpB;EAAE,cAAc;EAAY,cAAc;EAAa,GACvD,EAAE;CAER,MAAM,qBAAqB,MAA2C;AACpE,MAAI,SAAU;AACd,MAAI,YAAY,QACd,eAAc;AAGhB,IAAE,iBAAiB;;CAGrB,MAAM,mBAAmB;AACvB,MAAI,UAAU,SAAU,QAAO;AAC/B,MAAI,KAAM,QAAO;AACjB,SAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAW,GAAG,UAAU,iBAAmB,CAAA;;AAG1D,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,GAAI;EACJ,MAAM,SAAS;AACb,gBAAa,UAAU;AACvB,OAAI,OAAO,QAAQ,WAAY,KAAI,KAAK;YAC/B,IAAM,KAAsD,UAAU;;EAEjF,WAAW;EACJ;EACP,GAAI;YATN,CAWE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GACE,WAAW;GACX,MAAK;GACL,SAAS;GACC;GACV,iBAAe;GACf,cAAW;aAEV,YAAY;GACN,CAAA,EACT,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,iBAAiB,UAAlB;GAA2B,OAAO,EAAE,WAAW;aAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW;IAAY,MAAK;IAC9B;IACG,CAAA;GACoB,CAAA,CACxB;;EAGX;AAED,UAAU,cAAc"}