@mariotzz/tzz-element 1.0.0 → 2.1.0

package/es/Button/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { ButtonProps } from './types';
+/**
+ * Button：生产级可复用按钮组件
+ * - variant/size/loading/disabled/icon/asChild
+ * - 默认 type="button" 避免表单误提交
+ * - loading/disabled 统一语义与交互拦截
+ * - focus-visible 清晰可见
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/es/Button/button.js

@@ -0,0 +1,157 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "size", "block", "disabled", "loading", "loadingText", "startIcon", "endIcon", "spinnerPlacement", "asChild", "className", "children", "onClick", "onKeyDown", "type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import styles from "./button.module.css";
+import { Slot, cn } from "./utils";
+
+/**
+ * 判断 children 是否包含可读文本（用于 icon-only 的 a11y 提示）
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function hasReadableText(node) {
+  if (node === null || node === undefined || typeof node === 'boolean') return false;
+  if (typeof node === 'string' || typeof node === 'number') return String(node).trim().length > 0;
+  if (Array.isArray(node)) return node.some(hasReadableText);
+  if ( /*#__PURE__*/React.isValidElement(node)) return hasReadableText(node.props.children);
+  return false;
+}
+
+/**
+ * Button：生产级可复用按钮组件
+ * - variant/size/loading/disabled/icon/asChild
+ * - 默认 type="button" 避免表单误提交
+ * - loading/disabled 统一语义与交互拦截
+ * - focus-visible 清晰可见
+ */
+export var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
+  var _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'default' : _props$variant,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    _props$block = props.block,
+    block = _props$block === void 0 ? false : _props$block,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    loadingText = props.loadingText,
+    startIcon = props.startIcon,
+    endIcon = props.endIcon,
+    _props$spinnerPlaceme = props.spinnerPlacement,
+    spinnerPlacement = _props$spinnerPlaceme === void 0 ? 'start' : _props$spinnerPlaceme,
+    _props$asChild = props.asChild,
+    asChild = _props$asChild === void 0 ? false : _props$asChild,
+    className = props.className,
+    children = props.children,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    type = props.type,
+    rest = _objectWithoutProperties(props, _excluded);
+  var isDisabled = disabled || loading;
+
+  // icon-only 场景的可访问性提示（开发态）
+  if (process.env.NODE_ENV !== 'production') {
+    if (size === 'icon') {
+      var hasText = hasReadableText(children);
+      var ariaLabel = props['aria-label'];
+      if (!hasText && (!ariaLabel || ariaLabel.trim().length === 0)) {
+        // 不强制 throw，避免影响 demo/运行，但会提示使用者补齐 a11y
+        // 你也可以改为 throw new Error(...) 来更严格
+        // eslint-disable-next-line no-console
+        console.warn('[tzz-element/Button] size="icon" 时建议提供 aria-label（或 children 包含可读文本），以满足无障碍要求。');
+      }
+    }
+  }
+
+  /**
+   * 统一事件拦截：disabled/loading 时阻止交互
+   * - 对于原生 button：disabled 属性即可阻止，但我们仍做防御性拦截（避免 asChild 情况差异）
+   * - 对于 asChild：必须拦截 click/keyboard
+   */
+  var handleClick = function handleClick(e) {
+    if (isDisabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick === null || onClick === void 0 || onClick(e);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (isDisabled) {
+      // 禁用态阻止键盘触发（Enter/Space）
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+    }
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(e);
+  };
+  var classes = cn(styles.button, styles[variant], styles[size], block && styles.block, className);
+
+  // loading 时文案：有 loadingText 则优先，否则沿用 children
+  var content = loading ? loadingText !== null && loadingText !== void 0 ? loadingText : children : children;
+  var Spinner = /*#__PURE__*/_jsx("span", {
+    className: styles.iconSlot,
+    "aria-hidden": "true",
+    children: /*#__PURE__*/_jsx("span", {
+      className: styles.spinner
+    })
+  });
+  var Start = loading && spinnerPlacement === 'start' ? Spinner : startIcon ? /*#__PURE__*/_jsx("span", {
+    className: styles.iconSlot,
+    "aria-hidden": "true",
+    children: startIcon
+  }) : null;
+  var End = loading && spinnerPlacement === 'end' ? Spinner : endIcon ? /*#__PURE__*/_jsx("span", {
+    className: styles.iconSlot,
+    "aria-hidden": "true",
+    children: endIcon
+  }) : null;
+
+  /**
+   * asChild:
+   * - 注入 className / data-* / aria-* / 事件
+   * - disabled/loading 时设置 aria-disabled 与 tabIndex（避免被聚焦）
+   *
+   * 注意：asChild 会把语义交给 child（例如 <a> / <Link>）。
+   * 组件会尽力提供一致的“禁用交互”行为，但最终语义仍建议由使用者选择正确元素。
+   */
+  var sharedProps = _objectSpread({
+    className: classes,
+    'data-variant': variant,
+    'data-size': size,
+    'data-disabled': isDisabled ? 'true' : 'false',
+    'data-loading': loading ? 'true' : 'false',
+    'aria-busy': loading ? true : undefined,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown
+  }, rest);
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot
+    // Slot ref 类型为 HTMLElement，这里为了保持 Button 对外签名为 HTMLButtonElement，使用 cast
+    , _objectSpread(_objectSpread({
+      ref: ref
+    }, sharedProps), {}, {
+      "aria-disabled": isDisabled ? true : undefined,
+      tabIndex: isDisabled ? -1 : rest.tabIndex,
+      children: children
+    }));
+  }
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
+    ref: ref,
+    disabled: isDisabled
+  }, sharedProps), {}, {
+    // ✅ eslint-plugin-react 认可：静态字面量 / 简单三元（且最终返回字面量）
+    type: type === 'submit' ? 'submit' : type === 'reset' ? 'reset' : 'button',
+    children: [Start, content, End]
+  }));
+});

package/es/Button/button.module.css

@@ -0,0 +1,164 @@
+/* button.module.css
+   设计目标：
+   - 使用 CSS Variables 方便主题化
+   - focus-visible 清晰可见（键盘才出现）
+   - disabled/loading 统一语义（原生 disabled + data-disabled）
+*/
+
+.button {
+  --tzz-radius: 10px;
+  --tzz-fg: #111827;
+  --tzz-bg: #fff;
+  --tzz-border: rgba(17, 24, 39, 14%);
+  --tzz-primary: #1677ff;
+  --tzz-primary-fg: #fff;
+  --tzz-danger: #ef4444;
+  --tzz-danger-fg: #fff;
+  --tzz-ring: rgba(22, 119, 255, 35%);
+
+  appearance: none;
+  border: 1px solid var(--tzz-border);
+  background: var(--tzz-bg);
+  color: var(--tzz-fg);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  gap: 8px;
+  white-space: nowrap;
+  user-select: none;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  border-radius: var(--tzz-radius);
+  transition: background-color 160ms ease, border-color 160ms ease,
+    color 160ms ease, box-shadow 160ms ease, transform 80ms ease;
+  cursor: pointer;
+}
+
+/* sizes */
+.sm {
+  height: 32px;
+  padding: 0 12px;
+  font-size: 13px;
+}
+
+.md {
+  height: 36px;
+  padding: 0 14px;
+  font-size: 14px;
+}
+
+.lg {
+  height: 42px;
+  padding: 0 18px;
+  font-size: 15px;
+}
+
+.icon {
+  height: 36px;
+  width: 36px;
+  padding: 0;
+}
+
+/* block */
+.block {
+  width: 100%;
+}
+
+/* variants */
+.default {
+  background: var(--tzz-bg);
+  color: var(--tzz-fg);
+  border-color: var(--tzz-border);
+}
+
+.primary {
+  background: var(--tzz-primary);
+  color: var(--tzz-primary-fg);
+  border-color: transparent;
+}
+
+.secondary {
+  background: rgba(17, 24, 39, 6%);
+  color: var(--tzz-fg);
+  border-color: rgba(17, 24, 39, 8%);
+}
+
+.ghost {
+  background: transparent;
+  color: var(--tzz-fg);
+  border-color: transparent;
+}
+
+.link {
+  background: transparent;
+  color: var(--tzz-primary);
+  border-color: transparent;
+  padding-left: 0;
+  padding-right: 0;
+  height: auto;
+}
+
+.destructive {
+  background: var(--tzz-danger);
+  color: var(--tzz-danger-fg);
+  border-color: transparent;
+}
+
+/* states: hover/active (exclude disabled/loading) */
+.button:not([data-disabled='true']):not([data-loading='true']):hover {
+  filter: brightness(0.98);
+}
+
+.default:not([data-disabled='true']):not([data-loading='true']):hover {
+  background: rgba(17, 24, 39, 3%);
+}
+
+.ghost:not([data-disabled='true']):not([data-loading='true']):hover {
+  background: rgba(17, 24, 39, 5%);
+}
+
+.link:not([data-disabled='true']):not([data-loading='true']):hover {
+  text-decoration: underline;
+}
+
+.button:not([data-disabled='true']):not([data-loading='true']):active {
+  transform: translateY(0.5px);
+}
+
+/* focus-visible */
+.button:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 4px var(--tzz-ring);
+}
+
+/* disabled/loading */
+.button[disabled],
+.button[data-disabled='true'] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+/* spinner / icon slots */
+.iconSlot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+.spinner {
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentcolor;
+  border-right-color: transparent;
+  border-radius: 9999px;
+  animation: spin 800ms linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/Button/index.d.ts

@@ -1,7 +1,2 @@
-import { Button as AntButton } from 'antd';
-import React from 'react';
-export type ButtonProps = React.ComponentProps<typeof AntButton> & {
-    dangerLight?: boolean;
-};
-export declare const Button: React.FC<ButtonProps>;
-export default Button;
+export { Button } from './button';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './types';

package/es/Button/index.js

@@ -1,20 +1 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dangerLight"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Button as AntButton } from 'antd';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Button = function Button(_ref) {
-  var dangerLight = _ref.dangerLight,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(AntButton, _objectSpread(_objectSpread({}, props), {}, {
-    danger: dangerLight !== null && dangerLight !== void 0 ? dangerLight : props.danger
-  }));
-};
-export default Button;
+export { Button } from "./button";

package/es/Button/types.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'ghost' | 'link' | 'destructive';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+export type ButtonIconPosition = 'start' | 'end';
+type NativeButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export interface ButtonProps extends Omit<NativeButtonProps, 'disabled'> {
+    /**
+     * 视觉变体
+     */
+    variant?: ButtonVariant;
+    /**
+     * 尺寸
+     * - icon: 纯图标按钮（建议提供 aria-label）
+     */
+    size?: ButtonSize;
+    /**
+     * 是否撑满父容器宽度（类似 antd block）
+     */
+    block?: boolean;
+    /**
+     * 禁用（asChild 场景使用 aria-disabled + 阻止交互）
+     */
+    disabled?: boolean;
+    /**
+     * 加载态：自动禁用交互，并设置 aria-busy
+     */
+    loading?: boolean;
+    /**
+     * loading 时展示的文案（可选）
+     */
+    loadingText?: React.ReactNode;
+    /**
+     * 左侧图标
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * 右侧图标
+     */
+    endIcon?: React.ReactNode;
+    /**
+     * spinner 所在位置（默认 start）
+     */
+    spinnerPlacement?: ButtonIconPosition;
+    /**
+     * 多态：将 Button 的 className/事件/属性注入到子元素（类似 shadcn asChild）
+     * - children 必须是单个 ReactElement
+     */
+    asChild?: boolean;
+    /**
+     * icon-only 的可访问性文案（size="icon" 且无可读文本时强烈建议）
+     */
+    'aria-label'?: string;
+    /**
+     * 测试定位
+     */
+    'data-testid'?: string;
+}
+export {};

package/es/Button/types.js

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

package/es/Button/utils.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+/**
+ * 类名合并工具（不引入 clsx/classnames，保持库自包含）
+ * 支持：
+ *  - cn('a', 'b')
+ *  - cn('a', condition && 'b')
+ *  - cn(['a', 'b'])
+ *  - cn({ a: true, b: false })
+ */
+export type ClassValue = string | number | null | undefined | false | ClassValue[] | Record<string, boolean>;
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * 合并多个 ref（forwardRef + childRef 场景）
+ */
+export declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): (node: T) => void;
+/**
+ * 合并事件处理器：先执行 ours，再执行 theirs
+ * - 如果 ours 调用了 preventDefault / stopPropagation，theirs 仍可能执行（取决于你是否 early return）
+ *   所以建议在 ours 内部对 disabled/loading 做 early return。
+ */
+export declare function mergeHandlers<E extends {
+    defaultPrevented?: boolean;
+}>(ours?: (event: E) => void, theirs?: (event: E) => void): (event: E) => void;
+/**
+ * Slot：将 props/className/ref 注入到 child（asChild 模式）
+ * - 不依赖 @radix-ui/react-slot
+ * - 仅支持单个 ReactElement
+ */
+export interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactElement<any>;
+}
+export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;

package/es/Button/utils.js

@@ -0,0 +1,111 @@
+var _excluded = ["children", "className", "style", "onClick", "onKeyDown"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import * as React from 'react';
+
+/**
+ * 类名合并工具（不引入 clsx/classnames，保持库自包含）
+ * 支持：
+ *  - cn('a', 'b')
+ *  - cn('a', condition && 'b')
+ *  - cn(['a', 'b'])
+ *  - cn({ a: true, b: false })
+ */
+
+export function cn() {
+  var classes = [];
+  var push = function push(v) {
+    if (!v) return;
+    if (typeof v === 'string' || typeof v === 'number') {
+      classes.push(String(v));
+      return;
+    }
+    if (Array.isArray(v)) {
+      v.forEach(push);
+      return;
+    }
+    if (_typeof(v) === 'object') {
+      for (var _i = 0, _Object$entries = Object.entries(v); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          k = _Object$entries$_i[0],
+          ok = _Object$entries$_i[1];
+        if (ok) classes.push(k);
+      }
+    }
+  };
+  for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+    inputs[_key] = arguments[_key];
+  }
+  inputs.forEach(push);
+  return classes.join(' ');
+}
+
+/**
+ * 合并多个 ref（forwardRef + childRef 场景）
+ */
+export function composeRefs() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  return function (node) {
+    for (var _i2 = 0, _refs = refs; _i2 < _refs.length; _i2++) {
+      var ref = _refs[_i2];
+      if (!ref) continue;
+      if (typeof ref === 'function') ref(node);else ref.current = node;
+    }
+  };
+}
+
+/**
+ * 合并事件处理器：先执行 ours，再执行 theirs
+ * - 如果 ours 调用了 preventDefault / stopPropagation，theirs 仍可能执行（取决于你是否 early return）
+ *   所以建议在 ours 内部对 disabled/loading 做 early return。
+ */
+export function mergeHandlers(ours, theirs) {
+  return function (event) {
+    ours === null || ours === void 0 || ours(event);
+    if (event.defaultPrevented) return; // ✅ disabled/loading 时不再触发子元素 handler
+    theirs === null || theirs === void 0 || theirs(event);
+  };
+}
+
+/**
+ * Slot：将 props/className/ref 注入到 child（asChild 模式）
+ * - 不依赖 @radix-ui/react-slot
+ * - 仅支持单个 ReactElement
+ */
+
+export var Slot = /*#__PURE__*/React.forwardRef(function Slot(_ref, forwardedRef) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (! /*#__PURE__*/React.isValidElement(children)) return null;
+  var childProps = children.props;
+  var mergedClassName = cn(childProps.className, className);
+  var mergedStyle = _objectSpread(_objectSpread({}, childProps.style || {}), style || {});
+  var mergedOnClick = mergeHandlers(onClick, childProps.onClick);
+  var mergedOnKeyDown = mergeHandlers(onKeyDown, childProps.onKeyDown);
+  var mergedRef = composeRefs(children.ref, forwardedRef);
+  return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread(_objectSpread({}, rest), childProps), {}, {
+    className: mergedClassName,
+    style: mergedStyle,
+    onClick: mergedOnClick,
+    onKeyDown: mergedOnKeyDown,
+    ref: mergedRef
+  }));
+});

package/es/index.d.ts

@@ -1,3 +1 @@
-export { default as Button } from './Button';
-export { default as Demo } from './Demo';
-export { default as Foo } from './Foo';
+export { Button } from './Button';

package/es/index.js

@@ -1,3 +1 @@
-export { default as Button } from "./Button";
-export { default as Demo } from "./Demo";
-export { default as Foo } from "./Foo";
+export { Button } from "./Button";

package/es/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.css' {
+  const classes: Record<string, string>;
+  export default classes;
+}

package/lib/Button/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { ButtonProps } from './types';
+/**
+ * Button：生产级可复用按钮组件
+ * - variant/size/loading/disabled/icon/asChild
+ * - 默认 type="button" 避免表单误提交
+ * - loading/disabled 统一语义与交互拦截
+ * - focus-visible 清晰可见
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;