@1money/component-ui 0.0.1

package/es/components/Tabs/style/Tabs.scss

@@ -0,0 +1,100 @@
+@use '@/styles/api' as theme;
+
+$component: 'tabs';
+
+.#{theme.$prefix}-#{$component} {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  // ── Header (tab bar) ──
+  &-header {
+    position: relative;
+    display: flex;
+    gap: theme.spacing(scale, 0);
+    align-items: center;
+    overflow-x: auto;
+
+    // Hide scrollbar
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  // ── Individual tab ──
+  &-tab {
+    display: inline-flex;
+    flex-shrink: 0;
+    gap: theme.spacing(gap, 100);
+    align-items: center;
+    justify-content: center;
+    height: theme.sizing(component-height, '2xl');
+    padding: theme.spacing(scale, 100) theme.spacing(component-padding, 400);
+    color: theme.palette(text, 'default-tertiary');
+    background: none;
+    border: none;
+    border-bottom: 1px solid theme.palette(border, 'neutral');
+    border-radius: theme.shape(100) theme.shape(100) 0 0;
+    outline: none;
+    cursor: pointer;
+    transition: color 0.2s ease;
+
+    @include theme.typography(title, md, $strong: true);
+
+    // ── Hover state ──
+    &:hover:not(.#{theme.$prefix}-#{$component}-tab-disabled):not(
+        .#{theme.$prefix}-#{$component}-tab-active
+      ) {
+      color: theme.palette(text, 'default');
+    }
+
+    // ── Active state ──
+    &-active {
+      color: theme.palette(text, 'default');
+    }
+
+    // ── Disabled state ──
+    &-disabled {
+      color: theme.palette(text, 'disabled');
+      cursor: not-allowed;
+    }
+  }
+
+  // ── Sliding indicator ──
+  &-indicator {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 2px;
+    background-color: #000;
+    transition:
+      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
+      width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  }
+
+  // ── Tab label ──
+  &-tab-label {
+    white-space: nowrap;
+  }
+
+  // ── Tab badge ──
+  &-tab-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: theme.spacing(scale, 100) theme.spacing(scale, 200);
+    color: theme.palette(text, 'default-tertiary');
+    background-color: theme.palette(bg, 'neutral-tertiary');
+    border-radius: theme.shape('full');
+
+    @include theme.typography(body, sm, $strong: true);
+  }
+
+  // ── Panel ──
+  &-panel {
+    padding: theme.spacing(scale, 400) 0;
+  }
+}

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

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

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

@@ -0,0 +1 @@
+import './Tabs.scss';

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

@@ -0,0 +1,2 @@
+import './Tabs.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFicy9zcmMvY29tcG9uZW50cy9UYWJzL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL1RhYnMvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Tag/Tag.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { TagProps } from './interface';
+import './style';
+export declare const Tag: FC<TagProps>;
+declare const _default: import("react").NamedExoticComponent<TagProps>;
+export default _default;

package/es/components/Tag/Tag.js

@@ -0,0 +1,80 @@
+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 { memo, useCallback } from 'react';
+import { Icons } from '../Icons';
+import { TypographyBody, TypographyLabel } from '../Typography';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+import { TAG_PREFIX_CLS, TAG_DEFAULT_COLOR, TAG_DEFAULT_SIZE, TAG_REMOVE_ICON, TAG_ICON_SIZE_MAP, TAG_LABEL_TYPOGRAPHY_MAP } from './constants';
+export var Tag = function Tag(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? TAG_PREFIX_CLS : _props$prefixCls,
+    _props$color = props.color,
+    color = _props$color === void 0 ? TAG_DEFAULT_COLOR : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? TAG_DEFAULT_SIZE : _props$size,
+    label = props.label,
+    icon = props.icon,
+    _props$removable = props.removable,
+    removable = _props$removable === void 0 ? false : _props$removable,
+    onRemove = props.onRemove,
+    ref = props.ref,
+    rest = __rest(props, ["className", "prefixCls", "color", "size", "label", "icon", "removable", "onRemove", "ref"]);
+  var classes = classnames(prefixCls);
+  var iconSize = TAG_ICON_SIZE_MAP[size];
+  var handleRemoveKeyDown = useCallback(function (e) {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      onRemove === null || onRemove === void 0 ? void 0 : onRemove(e);
+    }
+  }, [onRemove]);
+  return _jsxs("span", Object.assign({}, rest, {
+    ref: ref,
+    className: classes(undefined, joinCls(classes(color), classes(size), className)),
+    children: [icon && _jsx("span", {
+      className: classes('icon'),
+      children: _jsx(Icons, {
+        name: icon,
+        size: iconSize
+      })
+    }), label != null && label !== '' && function () {
+      var typo = TAG_LABEL_TYPOGRAPHY_MAP[size];
+      if (typo.variant === 'body') {
+        return _jsx(TypographyBody, {
+          className: classes('label', classes("label-".concat(size))),
+          size: typo.size,
+          strong: typo.strong,
+          children: label
+        });
+      }
+      return _jsx(TypographyLabel, {
+        as: "span",
+        className: classes('label', classes("label-".concat(size))),
+        size: typo.size,
+        children: label
+      });
+    }(), removable && _jsx("span", {
+      className: classes('remove'),
+      onClick: onRemove,
+      onKeyDown: handleRemoveKeyDown,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": "Remove",
+      children: _jsx(Icons, {
+        name: TAG_REMOVE_ICON,
+        size: iconSize
+      })
+    })]
+  }));
+};
+export default /*#__PURE__*/memo(Tag);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFnL1RhZy5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giXSwibmFtZXMiOlsiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsInVzZUNhbGxiYWNrIiwiSWNvbnMiLCJUeXBvZ3JhcGh5Qm9keSIsIlR5cG9ncmFwaHlMYWJlbCIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIlRBR19QUkVGSVhfQ0xTIiwiVEFHX0RFRkFVTFRfQ09MT1IiLCJUQUdfREVGQVVMVF9TSVpFIiwiVEFHX1JFTU9WRV9JQ09OIiwiVEFHX0lDT05fU0laRV9NQVAiLCJUQUdfTEFCRUxfVFlQT0dSQVBIWV9NQVAiLCJUYWciLCJwcm9wcyIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiX3Byb3BzJGNvbG9yIiwiY29sb3IiLCJfcHJvcHMkc2l6ZSIsInNpemUiLCJsYWJlbCIsImljb24iLCJfcHJvcHMkcmVtb3ZhYmxlIiwicmVtb3ZhYmxlIiwib25SZW1vdmUiLCJyZWYiLCJyZXN0IiwiY2xhc3NlcyIsImljb25TaXplIiwiaGFuZGxlUmVtb3ZlS2V5RG93biIsImtleSIsInByZXZlbnREZWZhdWx0IiwiYXNzaWduIiwidW5kZWZpbmVkIiwiY2hpbGRyZW4iLCJuYW1lIiwidHlwbyIsInZhcmlhbnQiLCJjb25jYXQiLCJzdHJvbmciLCJhcyIsIm9uQ2xpY2siLCJvbktleURvd24iLCJyb2xlIiwidGFiSW5kZXgiXSwibWFwcGluZ3MiOiJBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElB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QUFHLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWcvVGFnLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeUxhYmVsIH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCAnLi9zdHlsZSc7XG5pbXBvcnQgeyBUQUdfUFJFRklYX0NMUywgVEFHX0RFRkFVTFRfQ09MT1IsIFRBR19ERUZBVUxUX1NJWkUsIFRBR19SRU1PVkVfSUNPTiwgVEFHX0lDT05fU0laRV9NQVAsIFRBR19MQUJFTF9UWVBPR1JBUEhZX01BUCwgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgVGFnID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gVEFHX1BSRUZJWF9DTFMsIGNvbG9yID0gVEFHX0RFRkFVTFRfQ09MT1IsIHNpemUgPSBUQUdfREVGQVVMVF9TSVpFLCBsYWJlbCwgaWNvbiwgcmVtb3ZhYmxlID0gZmFsc2UsIG9uUmVtb3ZlLCByZWYgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJjbGFzc05hbWVcIiwgXCJwcmVmaXhDbHNcIiwgXCJjb2xvclwiLCBcInNpemVcIiwgXCJsYWJlbFwiLCBcImljb25cIiwgXCJyZW1vdmFibGVcIiwgXCJvblJlbW92ZVwiLCBcInJlZlwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBpY29uU2l6ZSA9IFRBR19JQ09OX1NJWkVfTUFQW3NpemVdO1xuICAgIGNvbnN0IGhhbmRsZVJlbW92ZUtleURvd24gPSB1c2VDYWxsYmFjaygoZSkgPT4ge1xuICAgICAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICcgJykge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgb25SZW1vdmUgPT09IG51bGwgfHwgb25SZW1vdmUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uUmVtb3ZlKGUpO1xuICAgICAgICB9XG4gICAgfSwgW29uUmVtb3ZlXSk7XG4gICAgcmV0dXJuIChfanN4cyhcInNwYW5cIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBjbGFzc2VzKHVuZGVmaW5lZCwgam9pbkNscyhjbGFzc2VzKGNvbG9yKSwgY2xhc3NlcyhzaXplKSwgY2xhc3NOYW1lKSksIGNoaWxkcmVuOiBbaWNvbiAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ljb24nKSwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogaWNvbiwgc2l6ZTogaWNvblNpemUgfSkgfSkpLCBsYWJlbCAhPSBudWxsICYmIGxhYmVsICE9PSAnJyAmJiAoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHR5cG8gPSBUQUdfTEFCRUxfVFlQT0dSQVBIWV9NQVBbc2l6ZV07XG4gICAgICAgICAgICAgICAgaWYgKHR5cG8udmFyaWFudCA9PT0gJ2JvZHknKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsJywgY2xhc3NlcyhgbGFiZWwtJHtzaXplfWApKSwgc2l6ZTogdHlwby5zaXplLCBzdHJvbmc6IHR5cG8uc3Ryb25nLCBjaGlsZHJlbjogbGFiZWwgfSkpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goVHlwb2dyYXBoeUxhYmVsLCB7IGFzOiBcInNwYW5cIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCdsYWJlbCcsIGNsYXNzZXMoYGxhYmVsLSR7c2l6ZX1gKSksIHNpemU6IHR5cG8uc2l6ZSwgY2hpbGRyZW46IGxhYmVsIH0pKTtcbiAgICAgICAgICAgIH0pKCksIHJlbW92YWJsZSAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3JlbW92ZScpLCBvbkNsaWNrOiBvblJlbW92ZSwgb25LZXlEb3duOiBoYW5kbGVSZW1vdmVLZXlEb3duLCByb2xlOiBcImJ1dHRvblwiLCB0YWJJbmRleDogMCwgXCJhcmlhLWxhYmVsXCI6IFwiUmVtb3ZlXCIsIGNoaWxkcmVuOiBfanN4KEljb25zLCB7IG5hbWU6IFRBR19SRU1PVkVfSUNPTiwgc2l6ZTogaWNvblNpemUgfSkgfSkpXSB9KSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oVGFnKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,18 @@
+import type { IconName } from "../Icons";
+import type { TypographyBodySize, TypographyLabelSize } from "../Typography";
+export declare const TAG_PREFIX_CLS = "tag";
+export declare const TAG_COLORS: readonly ["neutral", "warning", "negative", "success", "recommended", "black"];
+export declare const TAG_SIZES: readonly ["large", "medium", "small"];
+export declare const TAG_DEFAULT_COLOR: (typeof TAG_COLORS)[number];
+export declare const TAG_DEFAULT_SIZE: (typeof TAG_SIZES)[number];
+export declare const TAG_REMOVE_ICON: IconName;
+export declare const TAG_ICON_SIZE_MAP: Record<(typeof TAG_SIZES)[number], number>;
+export declare const TAG_LABEL_TYPOGRAPHY_MAP: Record<(typeof TAG_SIZES)[number], {
+    variant: 'body';
+    size: TypographyBodySize;
+    strong: true;
+} | {
+    variant: 'label';
+    size: TypographyLabelSize;
+    strong?: never;
+}>;

package/es/components/Tag/constants.js

@@ -0,0 +1,28 @@
+export var TAG_PREFIX_CLS = 'tag';
+export var TAG_COLORS = ['neutral', 'warning', 'negative', 'success', 'recommended', 'black'];
+export var TAG_SIZES = ['large', 'medium', 'small'];
+export var TAG_DEFAULT_COLOR = 'neutral';
+export var TAG_DEFAULT_SIZE = 'large';
+export var TAG_REMOVE_ICON = 'cross';
+export var TAG_ICON_SIZE_MAP = {
+  large: 12,
+  medium: 12,
+  small: 10
+};
+export var TAG_LABEL_TYPOGRAPHY_MAP = {
+  large: {
+    variant: 'body',
+    size: 'sm',
+    strong: true
+  },
+  medium: {
+    variant: 'body',
+    size: 'sm',
+    strong: true
+  },
+  small: {
+    variant: 'label',
+    size: 'xs'
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFnL2NvbnN0YW50cy50cyIsImNvbXBvbmVudHMvVGFnL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJUQUdfUFJFRklYX0NMUyIsIlRBR19DT0xPUlMiLCJUQUdfU0laRVMiLCJUQUdfREVGQVVMVF9DT0xPUiIsIlRBR19ERUZBVUxUX1NJWkUiLCJUQUdfUkVNT1ZFX0lDT04iLCJUQUdfSUNPTl9TSVpFX01BUCIsImxhcmdlIiwibWVkaXVtIiwic21hbGwiLCJUQUdfTEFCRUxfVFlQT0dSQVBIWV9NQVAiLCJ2YXJpYW50Iiwic2l6ZSIsInN0cm9uZyJdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxJQUFNQSxjQUFjLEdBQUcsS0FBSztBQUVuQyxPQUFPLElBQU1DLFVBQVUsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsT0FBTyxDQUFVO0FBQ3hHLE9BQU8sSUFBTUMsU0FBUyxHQUFHLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLENBQVU7QUFFOUQsT0FBTyxJQUFNQyxpQkFBaUIsR0FBZ0MsU0FBUztBQUN2RSxPQUFPLElBQU1DLGdCQUFnQixHQUErQixPQUFPO0FBQ25FLE9BQU8sSUFBTUMsZUFBZSxHQUFhLE9BQU87QUFFaEQsT0FBTyxJQUFNQyxpQkFBaUIsR0FBK0M7RUFDM0VDLEtBQUssRUFBRSxFQUFFO0VBQ1RDLE1BQU0sRUFBRSxFQUFFO0VBQ1ZDLEtBQUssRUFBRTtBQ0xULENETUM7QUFFRCxPQUFPLElBQU1DLHdCQUF3QixHQUlqQztFQUNGSCxLQUFLLEVBQUU7SUFBRUksT0FBTyxFQUFFLE1BQU07SUFBRUMsSUFBSSxFQUFFLElBQUk7SUFBRUMsTUFBTSxFQUFFO0VBQUksQ0FBRTtFQUNwREwsTUFBTSxFQUFFO0lBQUVHLE9BQU8sRUFBRSxNQUFNO0lBQUVDLElBQUksRUFBRSxJQUFJO0lBQUVDLE1BQU0sRUFBRTtFQUFJLENBQUU7RUFDckRKLEtBQUssRUFBRTtJQUFFRSxPQUFPLEVBQUUsT0FBTztJQUFFQyxJQUFJLEVBQUU7RUFBSTtBQ1Z2QyxDRFdDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFnL2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiZXhwb3J0IGNvbnN0IFRBR19QUkVGSVhfQ0xTID0gJ3RhZyc7XG5leHBvcnQgY29uc3QgVEFHX0NPTE9SUyA9IFsnbmV1dHJhbCcsICd3YXJuaW5nJywgJ25lZ2F0aXZlJywgJ3N1Y2Nlc3MnLCAncmVjb21tZW5kZWQnLCAnYmxhY2snXTtcbmV4cG9ydCBjb25zdCBUQUdfU0laRVMgPSBbJ2xhcmdlJywgJ21lZGl1bScsICdzbWFsbCddO1xuZXhwb3J0IGNvbnN0IFRBR19ERUZBVUxUX0NPTE9SID0gJ25ldXRyYWwnO1xuZXhwb3J0IGNvbnN0IFRBR19ERUZBVUxUX1NJWkUgPSAnbGFyZ2UnO1xuZXhwb3J0IGNvbnN0IFRBR19SRU1PVkVfSUNPTiA9ICdjcm9zcyc7XG5leHBvcnQgY29uc3QgVEFHX0lDT05fU0laRV9NQVAgPSB7XG4gICAgbGFyZ2U6IDEyLFxuICAgIG1lZGl1bTogMTIsXG4gICAgc21hbGw6IDEwLFxufTtcbmV4cG9ydCBjb25zdCBUQUdfTEFCRUxfVFlQT0dSQVBIWV9NQVAgPSB7XG4gICAgbGFyZ2U6IHsgdmFyaWFudDogJ2JvZHknLCBzaXplOiAnc20nLCBzdHJvbmc6IHRydWUgfSxcbiAgICBtZWRpdW06IHsgdmFyaWFudDogJ2JvZHknLCBzaXplOiAnc20nLCBzdHJvbmc6IHRydWUgfSxcbiAgICBzbWFsbDogeyB2YXJpYW50OiAnbGFiZWwnLCBzaXplOiAneHMnIH0sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

package/es/components/Tag/index.js

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

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

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, MouseEvent, RefObject } from 'react';
+import type { IconName } from "../Icons";
+import type { TAG_COLORS, TAG_SIZES } from './constants';
+export type TagColor = (typeof TAG_COLORS)[number];
+export type TagSize = (typeof TAG_SIZES)[number];
+export interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+    ref?: RefObject<HTMLSpanElement | null>;
+    prefixCls?: string;
+    color?: TagColor;
+    size?: TagSize;
+    label?: string;
+    icon?: IconName;
+    removable?: boolean;
+    onRemove?: (e: MouseEvent<HTMLSpanElement>) => void;
+}

package/es/components/Tag/interface.js

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

package/es/components/Tag/style/Tag.css

@@ -0,0 +1 @@
+.om-react-ui-tag{--om-tag-text:var(--om-text-default-tertiary,#646465);--om-tag-bg:var(--om-bg-neutral-tertiary,#f0f0f0);display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center;justify-content:center;height:24px;padding:0 var(--om-spacing-200,8px);color:var(--om-tag-text);background-color:var(--om-tag-bg);border:none;border-radius:var(--om-radius-full,9999px);cursor:default}.om-react-ui-tag-medium{height:20px}.om-react-ui-tag-small{gap:var(--om-spacing-050,2px);height:16px;padding:0 var(--om-spacing-100,4px)}.om-react-ui-tag-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit}.om-react-ui-tag-label{flex-shrink:0;white-space:nowrap}.om-react-ui-tag-label-large,.om-react-ui-tag-label-medium{line-height:1.33}.om-react-ui-tag-label-small{line-height:1.08}.om-react-ui-tag-remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;cursor:pointer}.om-react-ui-tag-remove:hover{opacity:.6}.om-react-ui-tag-warning{--om-tag-text:var(--om-text-warning,#db8600);--om-tag-bg:var(--om-bg-warning-secondary-hover,rgba(244,198,0,.2))}.om-react-ui-tag-negative{--om-tag-text:var(--om-text-danger,#ae0000);--om-tag-bg:var(--om-bg-danger-tertiary-hover,rgba(174,0,0,.1))}.om-react-ui-tag-success{--om-tag-text:var(--om-text-positive,#1f5800);--om-tag-bg:var(--om-bg-positive-tertiary-hover,rgba(31,88,0,.1))}.om-react-ui-tag-recommended{--om-tag-text:var(--om-text-brand,#073387);--om-tag-bg:var(--om-bg-brand-tertiary,#edf2f9)}.om-react-ui-tag-black{--om-tag-text:var(--om-text-default,#131313);--om-tag-bg:var(--om-bg-default-tertiary,#e3e4e4)}

package/es/components/Tag/style/Tag.scss

@@ -0,0 +1,103 @@
+@use '@/styles/api' as theme;
+@use '@/styles/recipes/variants' as variants;
+
+$component: 'tag';
+
+// ── Variant DSL ──
+$tag-variant-schema: variants.om-variant-schema($component, text, bg);
+$tag-variants: (
+  'neutral': (
+    text: theme.palette(text, 'default-tertiary'),
+    bg: theme.palette(bg, 'neutral-tertiary'),
+  ),
+  'warning': (
+    text: theme.palette(text, 'warning'),
+    bg: theme.palette(bg, 'warning-secondary-hover'),
+  ),
+  'negative': (
+    text: theme.palette(text, 'danger'),
+    bg: theme.palette(bg, 'danger-tertiary-hover'),
+  ),
+  'success': (
+    text: theme.palette(text, 'positive'),
+    bg: theme.palette(bg, 'positive-tertiary-hover'),
+  ),
+  'recommended': (
+    text: theme.palette(text, 'brand'),
+    bg: theme.palette(bg, 'brand-tertiary'),
+  ),
+  'black': (
+    text: theme.palette(text, 'default'),
+    bg: theme.palette(bg, 'default-tertiary'),
+  ),
+);
+
+.#{theme.$prefix}-#{$component} {
+  @include variants.om-variant-default($tag-variants, 'neutral', $tag-variant-schema);
+
+  display: inline-flex;
+  gap: theme.spacing(gap, 100);
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  padding: 0 theme.spacing(component-padding, 200);
+  color: var(--om-tag-text);
+  background-color: var(--om-tag-bg);
+  border: none;
+  border-radius: theme.shape('full');
+  cursor: default;
+
+  // ── Size: medium ──
+  &-medium {
+    height: 20px;
+  }
+
+  // ── Size: small ──
+  &-small {
+    gap: theme.spacing(gap, '050');
+    height: 16px;
+    padding: 0 theme.spacing(scale, 100);
+
+  }
+
+  // ── Icon ──
+  &-icon {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    color: inherit;
+  }
+
+  // ── Label ──
+  &-label {
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+
+  &-label-large,
+  &-label-medium {
+    line-height: 1.33;
+  }
+
+  &-label-small {
+    line-height: 1.08;
+  }
+
+  // ── Remove button ──
+  &-remove {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    color: inherit;
+    cursor: pointer;
+
+    &:hover {
+      opacity: theme.opacity('disabled-heavy');
+    }
+  }
+
+  // ── Color variants ──
+  @include variants.om-variant-classes($tag-variants, $tag-variant-schema, $default: 'neutral');
+}

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

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

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

@@ -0,0 +1 @@
+import './Tag.scss';

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

@@ -0,0 +1,2 @@
+import './Tag.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFnL3NyYy9jb21wb25lbnRzL1RhZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVkiLCJmaWxlIjoiY29tcG9uZW50cy9UYWcvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { TooltipProps } from './interface';
+import './style';
+export declare const Tooltip: FC<TooltipProps>;
+declare const _default: import("react").NamedExoticComponent<TooltipProps>;
+export default _default;

package/es/components/Tooltip/Tooltip.js

@@ -0,0 +1,62 @@
+'use client';
+
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 { memo } from 'react';
+import { Tooltip as ReactTooltip } from 'react-tooltip';
+import { useControlledState, useEventCallback } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+export var Tooltip = function Tooltip(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'tooltip' : _props$prefixCls,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    title = props.title,
+    body = props.body,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? true : _props$arrow,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    onOpenChange = props.onOpenChange,
+    rest = __rest(props, ["className", "prefixCls", "placement", "title", "body", "arrow", "open", "defaultOpen", "onOpenChange"]);
+  var classes = classnames(prefixCls);
+  var hasTitle = title !== null && title !== undefined && title !== false;
+  var tooltipClassName = joinCls(hasTitle ? classes('with-title') : undefined, className);
+  var _useControlledState = useControlledState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false, open),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    innerOpen = _useControlledState2[0],
+    setInnerOpen = _useControlledState2[1];
+  var handleSetIsOpen = useEventCallback(function (value) {
+    setInnerOpen(value);
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value);
+  });
+  return _jsxs(ReactTooltip, Object.assign({}, rest, {
+    place: placement,
+    noArrow: !arrow,
+    isOpen: open !== undefined ? innerOpen : undefined,
+    setIsOpen: handleSetIsOpen,
+    role: "tooltip",
+    className: classes(undefined, tooltipClassName),
+    classNameArrow: classes('arrow'),
+    children: [hasTitle && _jsx("div", {
+      className: classes('title'),
+      children: title
+    }), body && _jsx("div", {
+      className: classes('body'),
+      children: body
+    })]
+  }));
+};
+export default /*#__PURE__*/memo(Tooltip);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsImNvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLmpzIl0sIm5hbWVzIjpbIl9zbGljZWRUb0FycmF5IiwiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsIlRvb2x0aXAiLCJSZWFjdFRvb2x0aXAiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VFdmVudENhbGxiYWNrIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRwbGFjZW1lbnQiLCJwbGFjZW1lbnQiLCJ0aXRsZSIsImJvZHkiLCJfcHJvcHMkYXJyb3ciLCJhcnJvdyIsIm9wZW4iLCJkZWZhdWx0T3BlbiIsIm9uT3BlbkNoYW5nZSIsInJlc3QiLCJjbGFzc2VzIiwiaGFzVGl0bGUiLCJ1bmRlZmluZWQiLCJ0b29sdGlwQ2xhc3NOYW1lIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiaW5uZXJPcGVuIiwic2V0SW5uZXJPcGVuIiwiaGFuZGxlU2V0SXNPcGVuIiwidmFsdWUiLCJhc3NpZ24iLCJwbGFjZSIsIm5vQXJyb3ciLCJpc09wZW4iLCJzZXRJc09wZW4iLCJyb2xlIiwiY2xhc3NOYW1lQXJyb3ciLCJjaGlsZHJlbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFBQyxPQUFBQSxjQUFBO0FDQ2IsSUFBSUMsTUFBTSxHQUFJLElBQUksSUFBSSxJQUFJLENBQUNB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QUMsT0FBTyxDQUFDO01BQUFpQixRQUFBLEVBQUd6QjtJQUFLLENBQUEsQ0FBTyxFQUMzREMsSUFBSSxJQUFJbkIsSUFBQSxDQUFBLEtBQUEsRUFBQTtNQUFLYSxTQUFTLEVBQUVhLE9BQU8sQ0FBQyxNQUFNLENBQUM7TUFBQWlCLFFBQUEsRUFBR3hCO0lBQUksQ0FBQSxDQUFPO0VBQUEsQ0FBQSxDQUFBLENBQ3pDO0FBRW5CLENBQUM7QUFFRCw0QkFBZWhCLElBQUksQ0FBQ0MsT0FBTyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIndXNlIGNsaWVudCc7XG52YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRvb2x0aXAgYXMgUmVhY3RUb29sdGlwIH0gZnJvbSAncmVhY3QtdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VDb250cm9sbGVkU3RhdGUsIHVzZUV2ZW50Q2FsbGJhY2sgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ3Rvb2x0aXAnLCBwbGFjZW1lbnQgPSAndG9wJywgdGl0bGUsIGJvZHksIGFycm93ID0gdHJ1ZSwgb3BlbiwgZGVmYXVsdE9wZW4sIG9uT3BlbkNoYW5nZSB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcImNsYXNzTmFtZVwiLCBcInByZWZpeENsc1wiLCBcInBsYWNlbWVudFwiLCBcInRpdGxlXCIsIFwiYm9keVwiLCBcImFycm93XCIsIFwib3BlblwiLCBcImRlZmF1bHRPcGVuXCIsIFwib25PcGVuQ2hhbmdlXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGhhc1RpdGxlID0gdGl0bGUgIT09IG51bGwgJiYgdGl0bGUgIT09IHVuZGVmaW5lZCAmJiB0aXRsZSAhPT0gZmFsc2U7XG4gICAgY29uc3QgdG9vbHRpcENsYXNzTmFtZSA9IGpvaW5DbHMoaGFzVGl0bGUgPyBjbGFzc2VzKCd3aXRoLXRpdGxlJykgOiB1bmRlZmluZWQsIGNsYXNzTmFtZSk7XG4gICAgY29uc3QgW2lubmVyT3Blbiwgc2V0SW5uZXJPcGVuXSA9IHVzZUNvbnRyb2xsZWRTdGF0ZShkZWZhdWx0T3BlbiAhPT0gbnVsbCAmJiBkZWZhdWx0T3BlbiAhPT0gdm9pZCAwID8gZGVmYXVsdE9wZW4gOiBmYWxzZSwgb3Blbik7XG4gICAgY29uc3QgaGFuZGxlU2V0SXNPcGVuID0gdXNlRXZlbnRDYWxsYmFjaygodmFsdWUpID0+IHtcbiAgICAgICAgc2V0SW5uZXJPcGVuKHZhbHVlKTtcbiAgICAgICAgb25PcGVuQ2hhbmdlID09PSBudWxsIHx8IG9uT3BlbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25PcGVuQ2hhbmdlKHZhbHVlKTtcbiAgICB9KTtcbiAgICByZXR1cm4gKF9qc3hzKFJlYWN0VG9vbHRpcCwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBwbGFjZTogcGxhY2VtZW50LCBub0Fycm93OiAhYXJyb3csIGlzT3Blbjogb3BlbiAhPT0gdW5kZWZpbmVkID8gaW5uZXJPcGVuIDogdW5kZWZpbmVkLCBzZXRJc09wZW46IGhhbmRsZVNldElzT3Blbiwgcm9sZTogXCJ0b29sdGlwXCIsIGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIHRvb2x0aXBDbGFzc05hbWUpLCBjbGFzc05hbWVBcnJvdzogY2xhc3NlcygnYXJyb3cnKSwgY2hpbGRyZW46IFtoYXNUaXRsZSAmJiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0aXRsZScpLCBjaGlsZHJlbjogdGl0bGUgfSksIGJvZHkgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnYm9keScpLCBjaGlsZHJlbjogYm9keSB9KV0gfSkpKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFRvb2x0aXApOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,4 @@
+import Tooltip from './Tooltip';
+export { Tooltip } from './Tooltip';
+export default Tooltip;
+export * from './interface';

package/es/components/Tooltip/index.js

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

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { ITooltip } from 'react-tooltip';
+export type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends Omit<ITooltip, 'place' | 'noArrow' | 'children' | 'isOpen' | 'setIsOpen'> {
+    prefixCls?: string;
+    /** Placement of the tooltip relative to the trigger element */
+    placement?: TooltipPlacement;
+    /** Bold title text displayed above the body */
+    title?: ReactNode;
+    /** Body text content */
+    body?: ReactNode;
+    /** Whether to show the arrow pointing to the trigger element */
+    arrow?: boolean;
+    /** Whether the tooltip is open (controlled) */
+    open?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback when the tooltip open state changes */
+    onOpenChange?: (open: boolean) => void;
+}

package/es/components/Tooltip/interface.js

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

package/es/components/Tooltip/style/Tooltip.css

@@ -0,0 +1 @@
+.om-react-ui-tooltip[role=tooltip]{display:flex;flex-direction:column;gap:var(--om-spacing-0,0);align-items:center;min-width:48px;max-width:400px;padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px);color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-neutral,#131313);border-radius:var(--om-radius-200,8px);box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1));opacity:1}.om-react-ui-tooltip[role=tooltip] .om-react-ui-tooltip-title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-react-ui-tooltip[role=tooltip] .om-react-ui-tooltip-body{font-size:var(--om-body-sm-font-size);font-family:var(--om-body-sm-font-family);line-height:var(--om-body-sm-line-height);letter-spacing:var(--om-body-sm-letter-spacing);font-weight:var(--om-body-sm-strong-font-weight)}.om-react-ui-tooltip[role=tooltip].om-react-ui-tooltip-with-title{align-items:flex-start;text-align:left}.om-react-ui-tooltip[role=tooltip] .om-react-ui-tooltip-arrow{background-color:var(--om-bg-neutral,#131313);border-radius:0;mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-bottom]>.om-react-ui-tooltip-arrow,.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-top]>.om-react-ui-tooltip-arrow{width:36px;height:9px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 36 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.315 7.355L10.366.815A3 3 0 0 0 8.31 0h19.38a3 3 0 0 0-2.056.815l-6.949 6.54a1 1 0 0 1-1.37 0z' fill='%23000'/%3E%3Cpath d='M8 .5h.343a4 4 0 0 1 2.829 1.172l6.12 6.12a1 1 0 0 0 1.415 0l6.121-6.12A4 4 0 0 1 27.657.5H28' stroke='%23000' stroke-linecap='round'/%3E%3C/svg%3E")}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-left]>.om-react-ui-tooltip-arrow,.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-right]>.om-react-ui-tooltip-arrow{width:9px;height:36px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 9 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.355 18.685l-6.54 6.949A3 3 0 0 0 0 27.69V8.31a3 3 0 0 0 .815 2.056l6.54 6.949a1 1 0 0 1 0 1.37z' fill='%23000'/%3E%3Cpath d='M.5 28v-.343a4 4 0 0 1 1.172-2.829l6.12-6.12a1 1 0 0 0 0-1.415l-6.12-6.121A4 4 0 0 1 .5 8.343V8' stroke='%23000' stroke-linecap='round'/%3E%3C/svg%3E")}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-top]>.om-react-ui-tooltip-arrow{bottom:-8px!important;transform:none}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-bottom]>.om-react-ui-tooltip-arrow{top:-8px!important;transform:rotate(180deg)}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-left]>.om-react-ui-tooltip-arrow{right:-8px!important;transform:none}.om-react-ui-tooltip[role=tooltip][class*=react-tooltip__place-right]>.om-react-ui-tooltip-arrow{left:-8px!important;transform:rotate(180deg)}@media (max-width:767.98px){.om-react-ui-tooltip[role=tooltip]{max-width:300px}}