@1money/component-ui 0.0.49 → 0.0.51

package/es/components/Button/Button.js

@@ -0,0 +1,149 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement, forwardRef, isValidElement, memo } from 'react';
+import Spinner from '../Spinner';
+import { TypographyBody, TypographyHeadline } from '../Typography';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+import { BUTTON_COMPONENT_NAME, BUTTON_DEFAULT_COLOR, BUTTON_DEFAULT_HTML_TYPE, BUTTON_DEFAULT_PREFIX, BUTTON_DEFAULT_SIZE, BUTTON_DEFAULT_VARIANT, BUTTON_ICON_INHERIT_COLOR, BUTTON_ICON_SIZE_BY_SIZE, BUTTON_LOADING_ICON_SIZE_BY_SIZE, BUTTON_MODIFIER, BUTTON_SLOT, BUTTON_TYPOGRAPHY_MAP, BUTTON_VARIANT } from './constants';
+/**
+ * Resolve the color/tone class name based on variant.
+ * - Contained buttons: apply the color class directly (e.g. `--primary`).
+ * - Text buttons: always apply the `--text` modifier, and append a
+ *   color-specific modifier only when the color differs from the default.
+ */
+var getToneClassName = function getToneClassName(classes, variant, color) {
+  if (variant !== BUTTON_VARIANT.text) {
+    return classes(color);
+  }
+  return joinCls(classes(BUTTON_MODIFIER.text), color !== BUTTON_DEFAULT_COLOR && classes("".concat(BUTTON_MODIFIER.text, "-").concat(color)));
+};
+/** Build class names for the loading spinner, combining base + size-specific classes. */
+var getLoadingIconClassName = function getLoadingIconClassName(classes, size) {
+  return joinCls(classes(BUTTON_SLOT.loadingIcon), classes("".concat(BUTTON_SLOT.loadingIcon, "-").concat(size)));
+};
+/** Compose the full button class name from variant, color, size, and state modifiers. */
+var getButtonClassName = function getButtonClassName(_ref) {
+  var classes = _ref.classes,
+    variant = _ref.variant,
+    color = _ref.color,
+    size = _ref.size,
+    rounded = _ref.rounded,
+    disabled = _ref.disabled,
+    loading = _ref.loading,
+    className = _ref.className;
+  return classes(undefined, joinCls(getToneClassName(classes, variant, color), classes(size), rounded && classes(BUTTON_MODIFIER.rounded), disabled && classes(BUTTON_MODIFIER.disabled), loading && classes(BUTTON_MODIFIER.loading), className));
+};
+/**
+ * Auto-fill default `color` and `size` on icon adornments (iconStart / iconEnd).
+ *
+ * - If the icon has no `color`, inherit from the button via `currentColor`.
+ * - If the icon has no explicit dimensions (`size` / `width` / `height`),
+ *   apply the size that corresponds to the current button size.
+ * - Non-element nodes (strings, numbers, null) are returned as-is.
+ */
+var normalizeAdornment = function normalizeAdornment(adornment, size) {
+  if (! /*#__PURE__*/isValidElement(adornment)) {
+    return adornment;
+  }
+  var adornmentProps = adornment.props;
+  var nextProps = {};
+  if (adornmentProps.color == null) {
+    nextProps.color = BUTTON_ICON_INHERIT_COLOR;
+  }
+  if (adornmentProps.size == null && adornmentProps.width == null && adornmentProps.height == null) {
+    nextProps.size = BUTTON_ICON_SIZE_BY_SIZE[size];
+  }
+  return Object.keys(nextProps).length > 0 ? /*#__PURE__*/cloneElement(adornment, nextProps) : adornment;
+};
+/**
+ * Core button component.
+ *
+ * Supports two variants (`contained` | `text`), eight color tones, three sizes,
+ * optional start/end icon adornments, a loading state (replaces start icon with
+ * a spinner), and rounded mode.
+ *
+ * Typography is automatically selected per variant + size via `BUTTON_TYPOGRAPHY_MAP`.
+ */
+var ButtonBase = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? BUTTON_DEFAULT_PREFIX : _props$prefixCls,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? BUTTON_DEFAULT_VARIANT : _props$variant,
+    _props$color = props.color,
+    color = _props$color === void 0 ? BUTTON_DEFAULT_COLOR : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? BUTTON_DEFAULT_SIZE : _props$size,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$rounded = props.rounded,
+    rounded = _props$rounded === void 0 ? false : _props$rounded,
+    iconStart = props.iconStart,
+    iconEnd = props.iconEnd,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? BUTTON_DEFAULT_HTML_TYPE : _props$type,
+    rest = __rest(props, ["children", "className", "prefixCls", "variant", "color", "size", "loading", "rounded", "iconStart", "iconEnd", "disabled", "type"]);
+  var classes = classnames(prefixCls);
+  // Loading implicitly disables the button to prevent duplicate submissions
+  var isDisabled = disabled || loading;
+  // Auto-fill color & size on icon adornments so consumers don't have to
+  var normalizedIconStart = normalizeAdornment(iconStart, size);
+  var normalizedIconEnd = normalizeAdornment(iconEnd, size);
+  // When loading, replace the start icon with a spinner
+  var startAdornment = loading ? _jsx(Spinner, {
+    className: getLoadingIconClassName(classes, size),
+    size: BUTTON_LOADING_ICON_SIZE_BY_SIZE[size]
+  }) : normalizedIconStart;
+  return _jsxs("button", Object.assign({}, rest, {
+    ref: ref,
+    type: type,
+    disabled: isDisabled,
+    className: getButtonClassName({
+      classes: classes,
+      variant: variant,
+      color: color,
+      size: size,
+      rounded: rounded,
+      disabled: isDisabled,
+      loading: loading,
+      className: className
+    }),
+    children: [startAdornment && _jsx("span", {
+      className: classes(BUTTON_SLOT.iconStart),
+      children: startAdornment
+    }), children != null && function () {
+      var typo = BUTTON_TYPOGRAPHY_MAP[variant][size];
+      if (typo.variant === 'headline') {
+        return _jsx(TypographyHeadline, {
+          size: typo.size,
+          children: children
+        });
+      }
+      return _jsx(TypographyBody, {
+        size: typo.size,
+        strong: typo.strong,
+        children: children
+      });
+    }(), normalizedIconEnd && _jsx("span", {
+      className: classes(BUTTON_SLOT.iconEnd),
+      children: normalizedIconEnd
+    })]
+  }));
+});
+ButtonBase.displayName = BUTTON_COMPONENT_NAME;
+export var Button = /*#__PURE__*/memo(ButtonBase);
+Button.displayName = BUTTON_COMPONENT_NAME;
+export default Button;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOlsiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiY2xvbmVFbGVtZW50IiwiZm9yd2FyZFJlZiIsImlzVmFsaWRFbGVtZW50IiwibWVtbyIsIlNwaW5uZXIiLCJUeXBvZ3JhcGh5Qm9keSIsIlR5cG9ncmFwaHlIZWFkbGluZSIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIkJVVFRPTl9DT01QT05FTlRfTkFNRSIsIkJVVFRPTl9ERUZBVUxUX0NPTE9SIiwiQlVUVE9OX0RFRkFVTFRfSFRNTF9UWVBFIiwiQlVUVE9OX0RFRkFVTFRfUFJFRklYIiwiQlVUVE9OX0RFRkFVTFRfU0laRSIsIkJVVFRPTl9ERUZBVUxUX1ZBUklBTlQiLCJCVVRUT05fSUNPTl9JTkhFUklUX0NPTE9SIiwiQlVUVE9OX0lDT05fU0laRV9CWV9TSVpFIiwiQlVUVE9OX0xPQURJTkdfSUNPTl9TSVpFX0JZX1NJWkUiLCJCVVRUT05fTU9ESUZJRVIiLCJCVVRUT05fU0xPVCIsIkJVVFRPTl9UWVBPR1JBUEhZX01BUCIsIkJVVFRPTl9WQVJJQU5UIiwiZ2V0VG9uZUNsYXNzTmFtZSIsImNsYXNzZXMiLCJ2YXJpYW50IiwiY29sb3IiLCJ0ZXh0IiwiY29uY2F0IiwiZ2V0TG9hZGluZ0ljb25DbGFzc05hbWUiLCJzaXplIiwibG9hZGluZ0ljb24iLCJnZXRCdXR0b25DbGFzc05hbWUiLCJfcmVmIiwicm91bmRlZCIsImRpc2FibGVkIiwibG9hZGluZyIsImNsYXNzTmFtZSIsInVuZGVmaW5lZCIsIm5vcm1hbGl6ZUFkb3JubWVudCIsImFkb3JubWVudCIsImFkb3JubWVudFByb3BzIiwicHJvcHMiLCJuZXh0UHJvcHMiLCJ3aWR0aCIsImhlaWdodCIsImtleXMiLCJCdXR0b25CYXNlIiwicmVmIiwiY2hpbGRyZW4iLCJfcHJvcHMkY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyR2YXJpYW50IiwiX3Byb3BzJGNvbG9yIiwiX3Byb3BzJHNpemUiLCJfcHJvcHMkbG9hZGluZyIsIl9wcm9wcyRyb3VuZGVkIiwiaWNvblN0YXJ0IiwiaWNvbkVuZCIsIl9wcm9wcyRkaXNhYmxlZCIsIl9wcm9wcyR0eXBlIiwidHlwZSIsInJlc3QiLCJpc0Rpc2FibGVkIiwibm9ybWFsaXplZEljb25TdGFydCIsIm5vcm1hbGl6ZWRJY29uRW5kIiwic3RhcnRBZG9ybm1lbnQiLCJhc3NpZ24iLCJ0eXBvIiwic3Ryb25nIiwiZGlzcGxheU5hbWUiLCJCdXR0b24iXSwibWFwcGluZ3MiOiJBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FB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QUFNIiwiZmlsZSI6ImNvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjbG9uZUVsZW1lbnQsIGZvcndhcmRSZWYsIGlzVmFsaWRFbGVtZW50LCBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNwaW5uZXIgZnJvbSAnLi4vU3Bpbm5lcic7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeUhlYWRsaW5lIH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCAnLi9zdHlsZSc7XG5pbXBvcnQgeyBCVVRUT05fQ09NUE9ORU5UX05BTUUsIEJVVFRPTl9ERUZBVUxUX0NPTE9SLCBCVVRUT05fREVGQVVMVF9IVE1MX1RZUEUsIEJVVFRPTl9ERUZBVUxUX1BSRUZJWCwgQlVUVE9OX0RFRkFVTFRfU0laRSwgQlVUVE9OX0RFRkFVTFRfVkFSSUFOVCwgQlVUVE9OX0lDT05fSU5IRVJJVF9DT0xPUiwgQlVUVE9OX0lDT05fU0laRV9CWV9TSVpFLCBCVVRUT05fTE9BRElOR19JQ09OX1NJWkVfQllfU0laRSwgQlVUVE9OX01PRElGSUVSLCBCVVRUT05fU0xPVCwgQlVUVE9OX1RZUE9HUkFQSFlfTUFQLCBCVVRUT05fVkFSSUFOVCwgfSBmcm9tICcuL2NvbnN0YW50cyc7XG4vKipcbiAqIFJlc29sdmUgdGhlIGNvbG9yL3RvbmUgY2xhc3MgbmFtZSBiYXNlZCBvbiB2YXJpYW50LlxuICogLSBDb250YWluZWQgYnV0dG9uczogYXBwbHkgdGhlIGNvbG9yIGNsYXNzIGRpcmVjdGx5IChlLmcuIGAtLXByaW1hcnlgKS5cbiAqIC0gVGV4dCBidXR0b25zOiBhbHdheXMgYXBwbHkgdGhlIGAtLXRleHRgIG1vZGlmaWVyLCBhbmQgYXBwZW5kIGFcbiAqICAgY29sb3Itc3BlY2lmaWMgbW9kaWZpZXIgb25seSB3aGVuIHRoZSBjb2xvciBkaWZmZXJzIGZyb20gdGhlIGRlZmF1bHQuXG4gKi9cbmNvbnN0IGdldFRvbmVDbGFzc05hbWUgPSAoY2xhc3NlcywgdmFyaWFudCwgY29sb3IpID0+IHtcbiAgICBpZiAodmFyaWFudCAhPT0gQlVUVE9OX1ZBUklBTlQudGV4dCkge1xuICAgICAgICByZXR1cm4gY2xhc3Nlcyhjb2xvcik7XG4gICAgfVxuICAgIHJldHVybiBqb2luQ2xzKGNsYXNzZXMoQlVUVE9OX01PRElGSUVSLnRleHQpLCBjb2xvciAhPT0gQlVUVE9OX0RFRkFVTFRfQ09MT1IgJiYgY2xhc3NlcyhgJHtCVVRUT05fTU9ESUZJRVIudGV4dH0tJHtjb2xvcn1gKSk7XG59O1xuLyoqIEJ1aWxkIGNsYXNzIG5hbWVzIGZvciB0aGUgbG9hZGluZyBzcGlubmVyLCBjb21iaW5pbmcgYmFzZSArIHNpemUtc3BlY2lmaWMgY2xhc3Nlcy4gKi9cbmNvbnN0IGdldExvYWRpbmdJY29uQ2xhc3NOYW1lID0gKGNsYXNzZXMsIHNpemUpID0+IGpvaW5DbHMoY2xhc3NlcyhCVVRUT05fU0xPVC5sb2FkaW5nSWNvbiksIGNsYXNzZXMoYCR7QlVUVE9OX1NMT1QubG9hZGluZ0ljb259LSR7c2l6ZX1gKSk7XG4vKiogQ29tcG9zZSB0aGUgZnVsbCBidXR0b24gY2xhc3MgbmFtZSBmcm9tIHZhcmlhbnQsIGNvbG9yLCBzaXplLCBhbmQgc3RhdGUgbW9kaWZpZXJzLiAqL1xuY29uc3QgZ2V0QnV0dG9uQ2xhc3NOYW1lID0gKHsgY2xhc3NlcywgdmFyaWFudCwgY29sb3IsIHNpemUsIHJvdW5kZWQsIGRpc2FibGVkLCBsb2FkaW5nLCBjbGFzc05hbWUsIH0pID0+IGNsYXNzZXModW5kZWZpbmVkLCBqb2luQ2xzKGdldFRvbmVDbGFzc05hbWUoY2xhc3NlcywgdmFyaWFudCwgY29sb3IpLCBjbGFzc2VzKHNpemUpLCByb3VuZGVkICYmIGNsYXNzZXMoQlVUVE9OX01PRElGSUVSLnJvdW5kZWQpLCBkaXNhYmxlZCAmJiBjbGFzc2VzKEJVVFRPTl9NT0RJRklFUi5kaXNhYmxlZCksIGxvYWRpbmcgJiYgY2xhc3NlcyhCVVRUT05fTU9ESUZJRVIubG9hZGluZyksIGNsYXNzTmFtZSkpO1xuLyoqXG4gKiBBdXRvLWZpbGwgZGVmYXVsdCBgY29sb3JgIGFuZCBgc2l6ZWAgb24gaWNvbiBhZG9ybm1lbnRzIChpY29uU3RhcnQgLyBpY29uRW5kKS5cbiAqXG4gKiAtIElmIHRoZSBpY29uIGhhcyBubyBgY29sb3JgLCBpbmhlcml0IGZyb20gdGhlIGJ1dHRvbiB2aWEgYGN1cnJlbnRDb2xvcmAuXG4gKiAtIElmIHRoZSBpY29uIGhhcyBubyBleHBsaWNpdCBkaW1lbnNpb25zIChgc2l6ZWAgLyBgd2lkdGhgIC8gYGhlaWdodGApLFxuICogICBhcHBseSB0aGUgc2l6ZSB0aGF0IGNvcnJlc3BvbmRzIHRvIHRoZSBjdXJyZW50IGJ1dHRvbiBzaXplLlxuICogLSBOb24tZWxlbWVudCBub2RlcyAoc3RyaW5ncywgbnVtYmVycywgbnVsbCkgYXJlIHJldHVybmVkIGFzLWlzLlxuICovXG5jb25zdCBub3JtYWxpemVBZG9ybm1lbnQgPSAoYWRvcm5tZW50LCBzaXplKSA9PiB7XG4gICAgaWYgKCFpc1ZhbGlkRWxlbWVudChhZG9ybm1lbnQpKSB7XG4gICAgICAgIHJldHVybiBhZG9ybm1lbnQ7XG4gICAgfVxuICAgIGNvbnN0IGFkb3JubWVudFByb3BzID0gYWRvcm5tZW50LnByb3BzO1xuICAgIGNvbnN0IG5leHRQcm9wcyA9IHt9O1xuICAgIGlmIChhZG9ybm1lbnRQcm9wcy5jb2xvciA9PSBudWxsKSB7XG4gICAgICAgIG5leHRQcm9wcy5jb2xvciA9IEJVVFRPTl9JQ09OX0lOSEVSSVRfQ09MT1I7XG4gICAgfVxuICAgIGlmIChhZG9ybm1lbnRQcm9wcy5zaXplID09IG51bGwgJiZcbiAgICAgICAgYWRvcm5tZW50UHJvcHMud2lkdGggPT0gbnVsbCAmJlxuICAgICAgICBhZG9ybm1lbnRQcm9wcy5oZWlnaHQgPT0gbnVsbCkge1xuICAgICAgICBuZXh0UHJvcHMuc2l6ZSA9IEJVVFRPTl9JQ09OX1NJWkVfQllfU0laRVtzaXplXTtcbiAgICB9XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKG5leHRQcm9wcykubGVuZ3RoID4gMFxuICAgICAgICA/IGNsb25lRWxlbWVudChhZG9ybm1lbnQsIG5leHRQcm9wcylcbiAgICAgICAgOiBhZG9ybm1lbnQ7XG59O1xuLyoqXG4gKiBDb3JlIGJ1dHRvbiBjb21wb25lbnQuXG4gKlxuICogU3VwcG9ydHMgdHdvIHZhcmlhbnRzIChgY29udGFpbmVkYCB8IGB0ZXh0YCksIGVpZ2h0IGNvbG9yIHRvbmVzLCB0aHJlZSBzaXplcyxcbiAqIG9wdGlvbmFsIHN0YXJ0L2VuZCBpY29uIGFkb3JubWVudHMsIGEgbG9hZGluZyBzdGF0ZSAocmVwbGFjZXMgc3RhcnQgaWNvbiB3aXRoXG4gKiBhIHNwaW5uZXIpLCBhbmQgcm91bmRlZCBtb2RlLlxuICpcbiAqIFR5cG9ncmFwaHkgaXMgYXV0b21hdGljYWxseSBzZWxlY3RlZCBwZXIgdmFyaWFudCArIHNpemUgdmlhIGBCVVRUT05fVFlQT0dSQVBIWV9NQVBgLlxuICovXG5jb25zdCBCdXR0b25CYXNlID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSBCVVRUT05fREVGQVVMVF9QUkVGSVgsIHZhcmlhbnQgPSBCVVRUT05fREVGQVVMVF9WQVJJQU5ULCBjb2xvciA9IEJVVFRPTl9ERUZBVUxUX0NPTE9SLCBzaXplID0gQlVUVE9OX0RFRkFVTFRfU0laRSwgbG9hZGluZyA9IGZhbHNlLCByb3VuZGVkID0gZmFsc2UsIGljb25TdGFydCwgaWNvbkVuZCwgZGlzYWJsZWQgPSBmYWxzZSwgdHlwZSA9IEJVVFRPTl9ERUZBVUxUX0hUTUxfVFlQRSB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcImNoaWxkcmVuXCIsIFwiY2xhc3NOYW1lXCIsIFwicHJlZml4Q2xzXCIsIFwidmFyaWFudFwiLCBcImNvbG9yXCIsIFwic2l6ZVwiLCBcImxvYWRpbmdcIiwgXCJyb3VuZGVkXCIsIFwiaWNvblN0YXJ0XCIsIFwiaWNvbkVuZFwiLCBcImRpc2FibGVkXCIsIFwidHlwZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICAvLyBMb2FkaW5nIGltcGxpY2l0bHkgZGlzYWJsZXMgdGhlIGJ1dHRvbiB0byBwcmV2ZW50IGR1cGxpY2F0ZSBzdWJtaXNzaW9uc1xuICAgIGNvbnN0IGlzRGlzYWJsZWQgPSBkaXNhYmxlZCB8fCBsb2FkaW5nO1xuICAgIC8vIEF1dG8tZmlsbCBjb2xvciAmIHNpemUgb24gaWNvbiBhZG9ybm1lbnRzIHNvIGNvbnN1bWVycyBkb24ndCBoYXZlIHRvXG4gICAgY29uc3Qgbm9ybWFsaXplZEljb25TdGFydCA9IG5vcm1hbGl6ZUFkb3JubWVudChpY29uU3RhcnQsIHNpemUpO1xuICAgIGNvbnN0IG5vcm1hbGl6ZWRJY29uRW5kID0gbm9ybWFsaXplQWRvcm5tZW50KGljb25FbmQsIHNpemUpO1xuICAgIC8vIFdoZW4gbG9hZGluZywgcmVwbGFjZSB0aGUgc3RhcnQgaWNvbiB3aXRoIGEgc3Bpbm5lclxuICAgIGNvbnN0IHN0YXJ0QWRvcm5tZW50ID0gbG9hZGluZyA/IChfanN4KFNwaW5uZXIsIHsgY2xhc3NOYW1lOiBnZXRMb2FkaW5nSWNvbkNsYXNzTmFtZShjbGFzc2VzLCBzaXplKSwgc2l6ZTogQlVUVE9OX0xPQURJTkdfSUNPTl9TSVpFX0JZX1NJWkVbc2l6ZV0gfSkpIDogbm9ybWFsaXplZEljb25TdGFydDtcbiAgICByZXR1cm4gKF9qc3hzKFwiYnV0dG9uXCIsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgcmVmOiByZWYsIHR5cGU6IHR5cGUsIGRpc2FibGVkOiBpc0Rpc2FibGVkLCBjbGFzc05hbWU6IGdldEJ1dHRvbkNsYXNzTmFtZSh7XG4gICAgICAgICAgICBjbGFzc2VzLFxuICAgICAgICAgICAgdmFyaWFudCxcbiAgICAgICAgICAgIGNvbG9yLFxuICAgICAgICAgICAgc2l6ZSxcbiAgICAgICAgICAgIHJvdW5kZWQsXG4gICAgICAgICAgICBkaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICAgIGxvYWRpbmcsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIH0pLCBjaGlsZHJlbjogW3N0YXJ0QWRvcm5tZW50ICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKEJVVFRPTl9TTE9ULmljb25TdGFydCksIGNoaWxkcmVuOiBzdGFydEFkb3JubWVudCB9KSwgY2hpbGRyZW4gIT0gbnVsbCAmJiAoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHR5cG8gPSBCVVRUT05fVFlQT0dSQVBIWV9NQVBbdmFyaWFudF1bc2l6ZV07XG4gICAgICAgICAgICAgICAgaWYgKHR5cG8udmFyaWFudCA9PT0gJ2hlYWRsaW5lJykge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChUeXBvZ3JhcGh5SGVhZGxpbmUsIHsgc2l6ZTogdHlwby5zaXplLCBjaGlsZHJlbjogY2hpbGRyZW4gfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IHNpemU6IHR5cG8uc2l6ZSwgc3Ryb25nOiB0eXBvLnN0cm9uZywgY2hpbGRyZW46IGNoaWxkcmVuIH0pO1xuICAgICAgICAgICAgfSkoKSwgbm9ybWFsaXplZEljb25FbmQgJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoQlVUVE9OX1NMT1QuaWNvbkVuZCksIGNoaWxkcmVuOiBub3JtYWxpemVkSWNvbkVuZCB9KV0gfSkpKTtcbn0pO1xuQnV0dG9uQmFzZS5kaXNwbGF5TmFtZSA9IEJVVFRPTl9DT01QT05FTlRfTkFNRTtcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBtZW1vKEJ1dHRvbkJhc2UpO1xuQnV0dG9uLmRpc3BsYXlOYW1lID0gQlVUVE9OX0NPTVBPTkVOVF9OQU1FO1xuZXhwb3J0IGRlZmF1bHQgQnV0dG9uOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Button/constants.d.ts

@@ -0,0 +1,70 @@
+import type { ButtonHTMLAttributes } from 'react';
+import type { TypographyBodySize, TypographyHeadlineSize } from "../Typography";
+export declare const BUTTON_COMPONENT_NAME = "Button";
+/** BEM-style prefix used by the `classnames` utility (e.g. `.button--primary`). */
+export declare const BUTTON_DEFAULT_PREFIX = "button";
+/** Visual style variants: `contained` (filled) or `text` (text-only). */
+export declare const BUTTON_VARIANT: {
+    readonly contained: "contained";
+    readonly text: "text";
+};
+export declare const BUTTON_VARIANTS: readonly ["contained", "text"];
+/** Available color tones applied to background (contained) or text (text variant). */
+export declare const BUTTON_COLOR: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly grey: "grey";
+    readonly black: "black";
+    readonly white: "white";
+    readonly danger: "danger";
+    readonly positive: "positive";
+    readonly warning: "warning";
+};
+export declare const BUTTON_COLORS: readonly ["primary", "secondary", "grey", "black", "white", "danger", "positive", "warning"];
+/** Button size presets controlling height, padding, and typography scale. */
+export declare const BUTTON_SIZE: {
+    readonly large: "large";
+    readonly medium: "medium";
+    readonly small: "small";
+};
+export declare const BUTTON_SIZES: readonly ["large", "medium", "small"];
+/** State modifiers appended as BEM modifier classes. */
+export declare const BUTTON_MODIFIER: {
+    readonly text: "text";
+    readonly rounded: "rounded";
+    readonly disabled: "disabled";
+    readonly loading: "loading";
+};
+/** Named slots for internal child elements (icons, spinner). */
+export declare const BUTTON_SLOT: {
+    readonly iconStart: "icon-start";
+    readonly iconEnd: "icon-end";
+    readonly loadingIcon: "loading-icon";
+};
+export declare const BUTTON_DEFAULT_VARIANT: "contained";
+export declare const BUTTON_DEFAULT_COLOR: "primary";
+export declare const BUTTON_DEFAULT_SIZE: "large";
+export declare const BUTTON_DEFAULT_HTML_TYPE: NonNullable<ButtonHTMLAttributes<HTMLButtonElement>['type']>;
+export declare const BUTTON_SPINNER_STROKE_WIDTH = "5";
+/** Icons inherit the button's text color via CSS `currentColor`. */
+export declare const BUTTON_ICON_INHERIT_COLOR = "currentColor";
+/** Default icon dimensions (px) per button size. */
+export declare const BUTTON_ICON_SIZE_BY_SIZE: Record<ButtonSize, number>;
+/** Spinner dimensions (px) per button size — slightly smaller than icons. */
+export declare const BUTTON_LOADING_ICON_SIZE_BY_SIZE: Record<ButtonSize, number>;
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonColor = (typeof BUTTON_COLORS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+/**
+ * Maps each (variant, size) pair to the corresponding Typography component
+ * and its props. This controls the text style rendered inside the button.
+ */
+export declare const BUTTON_TYPOGRAPHY_MAP: Record<ButtonVariant, Record<ButtonSize, {
+    variant: 'body';
+    size: TypographyBodySize;
+    strong: true;
+} | {
+    variant: 'headline';
+    size: TypographyHeadlineSize;
+    strong?: never;
+}>>;

package/es/components/Button/constants.js

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+// ── Naming ──────────────────────────────────────────────────────────────────
+export var BUTTON_COMPONENT_NAME = 'Button';
+/** BEM-style prefix used by the `classnames` utility (e.g. `.button--primary`). */
+export var BUTTON_DEFAULT_PREFIX = 'button';
+// ── Variant ─────────────────────────────────────────────────────────────────
+/** Visual style variants: `contained` (filled) or `text` (text-only). */
+export var BUTTON_VARIANT = {
+  contained: 'contained',
+  text: 'text'
+};
+export var BUTTON_VARIANTS = [BUTTON_VARIANT.contained, BUTTON_VARIANT.text];
+// ── Color ───────────────────────────────────────────────────────────────────
+/** Available color tones applied to background (contained) or text (text variant). */
+export var BUTTON_COLOR = {
+  primary: 'primary',
+  secondary: 'secondary',
+  grey: 'grey',
+  black: 'black',
+  white: 'white',
+  danger: 'danger',
+  positive: 'positive',
+  warning: 'warning'
+};
+export var BUTTON_COLORS = [BUTTON_COLOR.primary, BUTTON_COLOR.secondary, BUTTON_COLOR.grey, BUTTON_COLOR.black, BUTTON_COLOR.white, BUTTON_COLOR.danger, BUTTON_COLOR.positive, BUTTON_COLOR.warning];
+// ── Size ────────────────────────────────────────────────────────────────────
+/** Button size presets controlling height, padding, and typography scale. */
+export var BUTTON_SIZE = {
+  large: 'large',
+  medium: 'medium',
+  small: 'small'
+};
+export var BUTTON_SIZES = [BUTTON_SIZE.large, BUTTON_SIZE.medium, BUTTON_SIZE.small];
+// ── BEM Modifiers & Slots ───────────────────────────────────────────────────
+/** State modifiers appended as BEM modifier classes. */
+export var BUTTON_MODIFIER = {
+  text: 'text',
+  rounded: 'rounded',
+  disabled: 'disabled',
+  loading: 'loading'
+};
+/** Named slots for internal child elements (icons, spinner). */
+export var BUTTON_SLOT = {
+  iconStart: 'icon-start',
+  iconEnd: 'icon-end',
+  loadingIcon: 'loading-icon'
+};
+// ── Defaults ────────────────────────────────────────────────────────────────
+export var BUTTON_DEFAULT_VARIANT = BUTTON_VARIANT.contained;
+export var BUTTON_DEFAULT_COLOR = BUTTON_COLOR.primary;
+export var BUTTON_DEFAULT_SIZE = BUTTON_SIZE.large;
+export var BUTTON_DEFAULT_HTML_TYPE = 'button';
+// ── Icon & Spinner sizing ───────────────────────────────────────────────────
+export var BUTTON_SPINNER_STROKE_WIDTH = '5';
+/** Icons inherit the button's text color via CSS `currentColor`. */
+export var BUTTON_ICON_INHERIT_COLOR = 'currentColor';
+/** Default icon dimensions (px) per button size. */
+export var BUTTON_ICON_SIZE_BY_SIZE = _defineProperty(_defineProperty(_defineProperty({}, BUTTON_SIZE.large, 20), BUTTON_SIZE.medium, 20), BUTTON_SIZE.small, 16);
+/** Spinner dimensions (px) per button size — slightly smaller than icons. */
+export var BUTTON_LOADING_ICON_SIZE_BY_SIZE = _defineProperty(_defineProperty(_defineProperty({}, BUTTON_SIZE.large, 20), BUTTON_SIZE.medium, 16), BUTTON_SIZE.small, 14);
+// ── Typography mapping ──────────────────────────────────────────────────────
+/**
+ * Maps each (variant, size) pair to the corresponding Typography component
+ * and its props. This controls the text style rendered inside the button.
+ */
+export var BUTTON_TYPOGRAPHY_MAP = _defineProperty(_defineProperty({}, BUTTON_VARIANT.contained, _defineProperty(_defineProperty(_defineProperty({}, BUTTON_SIZE.large, {
+  variant: 'body',
+  size: 'lg',
+  strong: true
+}), BUTTON_SIZE.medium, {
+  variant: 'body',
+  size: 'md',
+  strong: true
+}), BUTTON_SIZE.small, {
+  variant: 'body',
+  size: 'sm',
+  strong: true
+})), BUTTON_VARIANT.text, _defineProperty(_defineProperty(_defineProperty({}, BUTTON_SIZE.large, {
+  variant: 'headline',
+  size: 'xs'
+}), BUTTON_SIZE.medium, {
+  variant: 'body',
+  size: 'lg',
+  strong: true
+}), BUTTON_SIZE.small, {
+  variant: 'body',
+  size: 'md',
+  strong: true
+}));
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2NvbnN0YW50cy50cyIsImNvbXBvbmVudHMvQnV0dG9uL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJCVVRUT05fQ09NUE9ORU5UX05BTUUiLCJCVVRUT05fREVGQVVMVF9QUkVGSVgiLCJCVVRUT05fVkFSSUFOVCIsImNvbnRhaW5lZCIsInRleHQiLCJCVVRUT05fVkFSSUFOVFMiLCJCVVRUT05fQ09MT1IiLCJwcmltYXJ5Iiwic2Vjb25kYXJ5IiwiZ3JleSIsImJsYWNrIiwid2hpdGUiLCJkYW5nZXIiLCJwb3NpdGl2ZSIsIndhcm5pbmciLCJCVVRUT05fQ09MT1JTIiwiQlVUVE9OX1NJWkUiLCJsYXJnZSIsIm1lZGl1bSIsInNtYWxsIiwiQlVUVE9OX1NJWkVTIiwiQlVUVE9OX01PRElGSUVSIiwicm91bmRlZCIsImRpc2FibGVkIiwibG9hZGluZyIsIkJVVFRPTl9TTE9UIiwiaWNvblN0YXJ0IiwiaWNvbkVuZCIsImxvYWRpbmdJY29uIiwiQlVUVE9OX0RFRkFVTFRfVkFSSUFOVCIsIkJVVFRPTl9ERUZBVUxUX0NPTE9SIiwiQlVUVE9OX0RFRkFVTFRfU0laRSIsIkJVVFRPTl9ERUZBVUxUX0hUTUxfVFlQRSIsIkJVVFRPTl9TUElOTkVSX1NUUk9LRV9XSURUSCIsIkJVVFRPTl9JQ09OX0lOSEVSSVRfQ09MT1IiLCJCVVRUT05fSUNPTl9TSVpFX0JZX1NJWkUiLCJfZGVmaW5lUHJvcGVydHkiLCJCVVRUT05fTE9BRElOR19JQ09OX1NJWkVfQllfU0laRSIsIkJVVFRPTl9UWVBPR1JBUEhZX01BUCIsInZhcmlhbnQiLCJzaXplIiwic3Ryb25nIl0sIm1hcHBpbmdzIjoiO0FBR0E7QUFDQSxPQUFPLElBQU1BLHFCQUFxQixHQUFHLFFBQVE7QUFDN0M7QUFDQSxPQUFPLElBQU1DLHFCQUFxQixHQUFHLFFBQVE7QUFFN0M7QUFDQTtBQUNBLE9BQU8sSUFBTUMsY0FBYyxHQUFHO0VBQzVCQyxTQUFT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LENBQUUsR0FDakV6QixXQUFXLENBQUNFLE1BQU0sRUFBRztFQUFFcUIsT0FBTyxFQUFFLE1BQU07RUFBRUMsSUFBSSxFQUFFLElBQUk7RUFBRUMsTUFBTSxFQUFFO0FBQUksQ0FBRSxHQUNsRXpCLFdBQVcsQ0FBQ0csS0FBSyxFQUFHO0VBQUVvQixPQUFPLEVBQUUsTUFBTTtFQUFFQyxJQUFJLEVBQUUsSUFBSTtFQUFFQyxNQUFNLEVBQUU7QUFBSSxDQUFFLElBRW5FdkMsY0FBYyxDQUFDRSxJQUFJLEVBQUFnQyxlQUFBLENBQUFBLGVBQUEsQ0FBQUEsZUFBQSxLQUNqQnBCLFdBQVcsQ0FBQ0MsS0FBSyxFQUFHO0VBQUVzQixPQUFPLEVBQUUsVUFBVTtFQUFFQyxJQUFJLEVBQUU7QUFBSSxDQUFFLEdBQ3ZEeEIsV0FBVyxDQUFDRSxNQUFNLEVBQUc7RUFBRXFCLE9BQU8sRUFBRSxNQUFNO0VBQUVDLElBQUksRUFBRSxJQUFJO0VBQUVDLE1BQU0sRUFBRTtBQUFJLENBQUUsR0FDbEV6QixXQUFXLENBQUNHLEtBQUssRUFBRztFQUFFb0IsT0FBTyxFQUFFLE1BQU07RUFBRUMsSUFBSSxFQUFFLElBQUk7RUFBRUMsTUFBTSxFQUFFO0FBQUksQ0FBRSxFQUVyRSIsImZpbGUiOiJjb21wb25lbnRzL0J1dHRvbi9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi8vIOKUgOKUgCBOYW1pbmcg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG5leHBvcnQgY29uc3QgQlVUVE9OX0NPTVBPTkVOVF9OQU1FID0gJ0J1dHRvbic7XG4vKiogQkVNLXN0eWxlIHByZWZpeCB1c2VkIGJ5IHRoZSBgY2xhc3NuYW1lc2AgdXRpbGl0eSAoZS5nLiBgLmJ1dHRvbi0tcHJpbWFyeWApLiAqL1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9ERUZBVUxUX1BSRUZJWCA9ICdidXR0b24nO1xuLy8g4pSA4pSAIFZhcmlhbnQg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG4vKiogVmlzdWFsIHN0eWxlIHZhcmlhbnRzOiBgY29udGFpbmVkYCAoZmlsbGVkKSBvciBgdGV4dGAgKHRleHQtb25seSkuICovXG5leHBvcnQgY29uc3QgQlVUVE9OX1ZBUklBTlQgPSB7XG4gICAgY29udGFpbmVkOiAnY29udGFpbmVkJyxcbiAgICB0ZXh0OiAndGV4dCcsXG59O1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9WQVJJQU5UUyA9IFtcbiAgICBCVVRUT05fVkFSSUFOVC5jb250YWluZWQsXG4gICAgQlVUVE9OX1ZBUklBTlQudGV4dCxcbl07XG4vLyDilIDilIAgQ29sb3Ig4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG4vKiogQXZhaWxhYmxlIGNvbG9yIHRvbmVzIGFwcGxpZWQgdG8gYmFja2dyb3VuZCAoY29udGFpbmVkKSBvciB0ZXh0ICh0ZXh0IHZhcmlhbnQpLiAqL1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9DT0xPUiA9IHtcbiAgICBwcmltYXJ5OiAncHJpbWFyeScsXG4gICAgc2Vjb25kYXJ5OiAnc2Vjb25kYXJ5JyxcbiAgICBncmV5OiAnZ3JleScsXG4gICAgYmxhY2s6ICdibGFjaycsXG4gICAgd2hpdGU6ICd3aGl0ZScsXG4gICAgZGFuZ2VyOiAnZGFuZ2VyJyxcbiAgICBwb3NpdGl2ZTogJ3Bvc2l0aXZlJyxcbiAgICB3YXJuaW5nOiAnd2FybmluZycsXG59O1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9DT0xPUlMgPSBbXG4gICAgQlVUVE9OX0NPTE9SLnByaW1hcnksXG4gICAgQlVUVE9OX0NPTE9SLnNlY29uZGFyeSxcbiAgICBCVVRUT05fQ09MT1IuZ3JleSxcbiAgICBCVVRUT05fQ09MT1IuYmxhY2ssXG4gICAgQlVUVE9OX0NPTE9SLndoaXRlLFxuICAgIEJVVFRPTl9DT0xPUi5kYW5nZXIsXG4gICAgQlVUVE9OX0NPTE9SLnBvc2l0aXZlLFxuICAgIEJVVFRPTl9DT0xPUi53YXJuaW5nLFxuXTtcbi8vIOKUgOKUgCBTaXplIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuLyoqIEJ1dHRvbiBzaXplIHByZXNldHMgY29udHJvbGxpbmcgaGVpZ2h0LCBwYWRkaW5nLCBhbmQgdHlwb2dyYXBoeSBzY2FsZS4gKi9cbmV4cG9ydCBjb25zdCBCVVRUT05fU0laRSA9IHtcbiAgICBsYXJnZTogJ2xhcmdlJyxcbiAgICBtZWRpdW06ICdtZWRpdW0nLFxuICAgIHNtYWxsOiAnc21hbGwnLFxufTtcbmV4cG9ydCBjb25zdCBCVVRUT05fU0laRVMgPSBbXG4gICAgQlVUVE9OX1NJWkUubGFyZ2UsXG4gICAgQlVUVE9OX1NJWkUubWVkaXVtLFxuICAgIEJVVFRPTl9TSVpFLnNtYWxsLFxuXTtcbi8vIOKUgOKUgCBCRU0gTW9kaWZpZXJzICYgU2xvdHMg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG4vKiogU3RhdGUgbW9kaWZpZXJzIGFwcGVuZGVkIGFzIEJFTSBtb2RpZmllciBjbGFzc2VzLiAqL1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9NT0RJRklFUiA9IHtcbiAgICB0ZXh0OiAndGV4dCcsXG4gICAgcm91bmRlZDogJ3JvdW5kZWQnLFxuICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnLFxuICAgIGxvYWRpbmc6ICdsb2FkaW5nJyxcbn07XG4vKiogTmFtZWQgc2xvdHMgZm9yIGludGVybmFsIGNoaWxkIGVsZW1lbnRzIChpY29ucywgc3Bpbm5lcikuICovXG5leHBvcnQgY29uc3QgQlVUVE9OX1NMT1QgPSB7XG4gICAgaWNvblN0YXJ0OiAnaWNvbi1zdGFydCcsXG4gICAgaWNvbkVuZDogJ2ljb24tZW5kJyxcbiAgICBsb2FkaW5nSWNvbjogJ2xvYWRpbmctaWNvbicsXG59O1xuLy8g4pSA4pSAIERlZmF1bHRzIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuZXhwb3J0IGNvbnN0IEJVVFRPTl9ERUZBVUxUX1ZBUklBTlQgPSBCVVRUT05fVkFSSUFOVC5jb250YWluZWQ7XG5leHBvcnQgY29uc3QgQlVUVE9OX0RFRkFVTFRfQ09MT1IgPSBCVVRUT05fQ09MT1IucHJpbWFyeTtcbmV4cG9ydCBjb25zdCBCVVRUT05fREVGQVVMVF9TSVpFID0gQlVUVE9OX1NJWkUubGFyZ2U7XG5leHBvcnQgY29uc3QgQlVUVE9OX0RFRkFVTFRfSFRNTF9UWVBFID0gJ2J1dHRvbic7XG4vLyDilIDilIAgSWNvbiAmIFNwaW5uZXIgc2l6aW5nIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuZXhwb3J0IGNvbnN0IEJVVFRPTl9TUElOTkVSX1NUUk9LRV9XSURUSCA9ICc1Jztcbi8qKiBJY29ucyBpbmhlcml0IHRoZSBidXR0b24ncyB0ZXh0IGNvbG9yIHZpYSBDU1MgYGN1cnJlbnRDb2xvcmAuICovXG5leHBvcnQgY29uc3QgQlVUVE9OX0lDT05fSU5IRVJJVF9DT0xPUiA9ICdjdXJyZW50Q29sb3InO1xuLyoqIERlZmF1bHQgaWNvbiBkaW1lbnNpb25zIChweCkgcGVyIGJ1dHRvbiBzaXplLiAqL1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9JQ09OX1NJWkVfQllfU0laRSA9IHtcbiAgICBbQlVUVE9OX1NJWkUubGFyZ2VdOiAyMCxcbiAgICBbQlVUVE9OX1NJWkUubWVkaXVtXTogMjAsXG4gICAgW0JVVFRPTl9TSVpFLnNtYWxsXTogMTYsXG59O1xuLyoqIFNwaW5uZXIgZGltZW5zaW9ucyAocHgpIHBlciBidXR0b24gc2l6ZSDigJQgc2xpZ2h0bHkgc21hbGxlciB0aGFuIGljb25zLiAqL1xuZXhwb3J0IGNvbnN0IEJVVFRPTl9MT0FESU5HX0lDT05fU0laRV9CWV9TSVpFID0ge1xuICAgIFtCVVRUT05fU0laRS5sYXJnZV06IDIwLFxuICAgIFtCVVRUT05fU0laRS5tZWRpdW1dOiAxNixcbiAgICBbQlVUVE9OX1NJWkUuc21hbGxdOiAxNCxcbn07XG4vLyDilIDilIAgVHlwb2dyYXBoeSBtYXBwaW5nIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuLyoqXG4gKiBNYXBzIGVhY2ggKHZhcmlhbnQsIHNpemUpIHBhaXIgdG8gdGhlIGNvcnJlc3BvbmRpbmcgVHlwb2dyYXBoeSBjb21wb25lbnRcbiAqIGFuZCBpdHMgcHJvcHMuIFRoaXMgY29udHJvbHMgdGhlIHRleHQgc3R5bGUgcmVuZGVyZWQgaW5zaWRlIHRoZSBidXR0b24uXG4gKi9cbmV4cG9ydCBjb25zdCBCVVRUT05fVFlQT0dSQVBIWV9NQVAgPSB7XG4gICAgW0JVVFRPTl9WQVJJQU5ULmNvbnRhaW5lZF06IHtcbiAgICAgICAgW0JVVFRPTl9TSVpFLmxhcmdlXTogeyB2YXJpYW50OiAnYm9keScsIHNpemU6ICdsZycsIHN0cm9uZzogdHJ1ZSB9LFxuICAgICAgICBbQlVUVE9OX1NJWkUubWVkaXVtXTogeyB2YXJpYW50OiAnYm9keScsIHNpemU6ICdtZCcsIHN0cm9uZzogdHJ1ZSB9LFxuICAgICAgICBbQlVUVE9OX1NJWkUuc21hbGxdOiB7IHZhcmlhbnQ6ICdib2R5Jywgc2l6ZTogJ3NtJywgc3Ryb25nOiB0cnVlIH0sXG4gICAgfSxcbiAgICBbQlVUVE9OX1ZBUklBTlQudGV4dF06IHtcbiAgICAgICAgW0JVVFRPTl9TSVpFLmxhcmdlXTogeyB2YXJpYW50OiAnaGVhZGxpbmUnLCBzaXplOiAneHMnIH0sXG4gICAgICAgIFtCVVRUT05fU0laRS5tZWRpdW1dOiB7IHZhcmlhbnQ6ICdib2R5Jywgc2l6ZTogJ2xnJywgc3Ryb25nOiB0cnVlIH0sXG4gICAgICAgIFtCVVRUT05fU0laRS5zbWFsbF06IHsgdmFyaWFudDogJ2JvZHknLCBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUgfSxcbiAgICB9LFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Button/index.d.ts

@@ -0,0 +1,5 @@
+import Button from './Button';
+export { Button } from './Button';
+export default Button;
+export * from './interface';
+export * from './constants';

package/es/components/Button/index.js

@@ -0,0 +1,6 @@
+import Button from './Button';
+export { Button } from './Button';
+export default Button;
+export * from './interface';
+export * from './constants';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbIkJ1dHRvbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBTSxNQUFNLFVBQVU7QUFFN0IsU0FBU0EsTUFBTSxRQUFRLFVBQVU7QUFFakMsZUFBZUEsTUFBTTtBQUVyQixjQUFjLGFBQWE7QUFDM0IsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvQnV0dG9uL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Button/interface.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { ButtonColor, ButtonSize, ButtonVariant } from './constants';
+export type { ButtonColor, ButtonSize, ButtonVariant } from './constants';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+    /** Button label content. */
+    children?: ReactNode;
+    /** BEM class prefix, defaults to `"button"`. */
+    prefixCls?: string;
+    /** Visual style variant — `"contained"` (filled) or `"text"` (text-only). */
+    variant?: ButtonVariant;
+    /** Color tone applied to background (contained) or text (text variant). */
+    color?: ButtonColor;
+    /** Button size controlling height, padding, icon size, and typography. */
+    size?: ButtonSize;
+    /** Show a spinner in place of `iconStart` and disable the button. */
+    loading?: boolean;
+    /** Render with fully rounded (pill-shaped) corners. */
+    rounded?: boolean;
+    /** Icon or element rendered before the label. Replaced by a spinner when `loading`. */
+    iconStart?: ReactNode;
+    /** Icon or element rendered after the label. */
+    iconEnd?: ReactNode;
+}

package/es/components/Button/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9CdXR0b24vaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJjb21wb25lbnRzL0J1dHRvbi9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

package/es/components/Button/style/Button.css

@@ -0,0 +1,178 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-button {
+  --om-button-text: var(--om-text-on-neutral, #fff);
+  --om-button-bg: var(--om-bg-brand, #073387);
+  --om-button-hover-bg: var(--om-bg-brand-hover, #052561);
+  --om-button-disabled-text: var(--om-text-disabled-white, #f8f8f8);
+  --om-button-disabled-bg: var(--om-bg-disabled-brand, #a4bbe1);
+  --om-button-gap: var(--om-spacing-200, 8px);
+  display: inline-flex;
+  gap: var(--om-button-gap);
+  align-items: center;
+  justify-content: center;
+  height: 52px;
+  padding: var(--om-spacing-400, 16px);
+  color: var(--om-button-text);
+  line-height: 1.25;
+  background-color: var(--om-button-bg);
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  outline: none;
+  box-shadow: none;
+  cursor: pointer;
+}
+.om-component-ui-button:disabled, .om-component-ui-button-disabled {
+  color: var(--om-button-disabled-text);
+  background-color: var(--om-button-disabled-bg);
+  cursor: not-allowed;
+}
+.om-component-ui-button:hover:not(:disabled) {
+  background-color: var(--om-button-hover-bg);
+}
+.om-component-ui-button-medium {
+  height: 40px;
+  padding: var(--om-spacing-300, 12px);
+  line-height: 1.14;
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-button-small {
+  height: 32px;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-300, 12px);
+  line-height: 1.33;
+  border-radius: var(--om-radius-200, 8px);
+}
+.om-component-ui-button-rounded {
+  border-radius: var(--om-radius-full, 9999px);
+}
+.om-component-ui-button-text {
+  --om-button-text: var(--om-text-brand, #073387);
+  --om-button-hover-text: var(--om-text-on-brand-secondary, #052561);
+  --om-button-bg: transparent;
+  --om-button-hover-bg: transparent;
+  --om-button-disabled-text: var(--om-text-brand-secondary, #a4bbe1);
+  --om-button-disabled-bg: transparent;
+  --om-button-gap: var(--om-spacing-100, 4px);
+  height: auto;
+  padding: 0;
+  border-radius: 0;
+}
+.om-component-ui-button-text:hover:not(:disabled) {
+  --om-button-text: var(--om-button-hover-text);
+  color: var(--om-button-text);
+}
+.om-component-ui-button-text-danger {
+  --om-button-text: var(--om-text-danger, #ae0000);
+  --om-button-hover-text: var(--om-text-on-danger-secondary, #920000);
+  --om-button-disabled-text: var(--om-text-danger-secondary, rgba(174, 0, 0, 0.2));
+}
+.om-component-ui-button-text-positive {
+  --om-button-text: var(--om-text-positive, #1f5800);
+  --om-button-hover-text: var(--om-text-on-positive-secondary, #1b4404);
+  --om-button-disabled-text: var(--om-text-positive-secondary, rgba(31, 88, 0, 0.2));
+}
+.om-component-ui-button-text.om-component-ui-button-large {
+  line-height: 1.08;
+}
+.om-component-ui-button-text.om-component-ui-button-medium {
+  line-height: 1.4;
+}
+.om-component-ui-button-text.om-component-ui-button-small {
+  line-height: 1.4;
+}
+.om-component-ui-button-icon-start, .om-component-ui-button-icon-end {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: currentcolor;
+  line-height: 0;
+}
+.om-component-ui-button-icon-start > .om-component-ui-icons-wrapper, .om-component-ui-button-icon-end > .om-component-ui-icons-wrapper {
+  color: currentcolor;
+}
+.om-component-ui-button-loading-icon {
+  display: inline-flex;
+  width: 20px;
+  height: 20px;
+}
+.om-component-ui-button-loading-icon-medium {
+  width: 16px;
+  height: 16px;
+}
+.om-component-ui-button-loading-icon-small {
+  width: 14px;
+  height: 14px;
+}
+.om-component-ui-button-loading-icon.om-component-ui-spinner {
+  color: inherit;
+}
+.om-component-ui-button-secondary {
+  --om-button-text: var(--om-text-brand, #073387);
+  --om-button-bg: var(--om-bg-brand-secondary, #dde6f4);
+  --om-button-hover-bg: var(--om-bg-brand-secondary-hover, #c1d0eb);
+  --om-button-disabled-text: var(--om-text-brand-secondary, #a4bbe1);
+  --om-button-disabled-bg: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-button-grey {
+  --om-button-text: var(--om-text-default, #131313);
+  --om-button-bg: var(--om-bg-neutral-tertiary, #f0f0f0);
+  --om-button-hover-bg: var(--om-bg-neutral-tertiary-hover, #e3e4e4);
+  --om-button-disabled-text: var(--om-text-disabled, #bbbdc1);
+  --om-button-disabled-bg: var(--om-bg-disabled, #f0f0f0);
+}
+.om-component-ui-button-black {
+  --om-button-text: var(--om-text-on-neutral, #fff);
+  --om-button-bg: var(--om-bg-neutral, #131313);
+  --om-button-hover-bg: var(--om-bg-neutral-hover, #404042);
+  --om-button-disabled-text: var(--om-text-disabled-white, #f8f8f8);
+  --om-button-disabled-bg: var(--om-bg-disabled-black, rgba(0, 0, 0, 0.1));
+}
+.om-component-ui-button-white {
+  --om-button-text: var(--om-text-default, #131313);
+  --om-button-bg: var(--om-bg-default, #fff);
+  --om-button-hover-bg: var(--om-bg-default-hover, #f0f0f0);
+  --om-button-disabled-text: var(--om-text-disabled, #bbbdc1);
+  --om-button-disabled-bg: var(--om-bg-disabled, #f0f0f0);
+}
+.om-component-ui-button-danger {
+  --om-button-text: var(--om-text-danger, #ae0000);
+  --om-button-bg: var(--om-bg-danger-secondary, rgba(174, 0, 0, 0.1));
+  --om-button-hover-bg: var(--om-bg-danger-secondary-hover, rgba(174, 0, 0, 0.2));
+  --om-button-disabled-text: var(--om-text-danger-secondary, rgba(174, 0, 0, 0.2));
+  --om-button-disabled-bg: var(--om-bg-danger-tertiary, rgba(174, 0, 0, 0.05));
+}
+.om-component-ui-button-positive {
+  --om-button-text: var(--om-text-positive, #1f5800);
+  --om-button-bg: var(--om-bg-positive-secondary, rgba(31, 88, 0, 0.1));
+  --om-button-hover-bg: var(--om-bg-positive-secondary-hover, rgba(31, 88, 0, 0.2));
+  --om-button-disabled-text: var(--om-text-positive-secondary, rgba(31, 88, 0, 0.2));
+  --om-button-disabled-bg: var(--om-bg-positive-tertiary, rgba(31, 88, 0, 0.05));
+}
+.om-component-ui-button-warning {
+  --om-button-text: var(--om-text-default, #131313);
+  --om-button-bg: var(--om-bg-warning, #f4c600);
+  --om-button-hover-bg: var(--om-bg-warning-hover, #ffb300);
+  --om-button-disabled-text: var(--om-text-disabled, #bbbdc1);
+  --om-button-disabled-bg: var(--om-bg-warning-secondary-hover, rgba(244, 198, 0, 0.2));
+}

package/es/components/Button/style/css.js

@@ -0,0 +1,2 @@
+import './Button.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQnV0dG9uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9CdXR0b24vc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Button/style/index.d.ts

@@ -0,0 +1 @@
+import './Button.css';

package/es/components/Button/style/index.js

@@ -0,0 +1,2 @@
+import './Button.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQnV0dG9uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9CdXR0b24vc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Calendar/Calendar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FC } from 'react';
+import type { CalendarProps } from './interface';
+import './style';
+export declare const Calendar: FC<CalendarProps>;
+declare const _default: React.NamedExoticComponent<CalendarProps>;
+export default _default;