@1money/component-ui 0.0.1

package/es/components/Checkbox/style/Checkbox.scss

@@ -0,0 +1,235 @@
+@use '@/styles/api' as theme;
+@use '@/styles/theme/functions' as theme-internal;
+
+$component: 'checkbox';
+
+@mixin checkbox-box-state($background-color, $border-color) {
+  background-color: $background-color;
+  border-color: $border-color;
+}
+
+// The checkmark is a rotated L-shape (bottom + right borders of a rectangle).
+// Its width:height ratio is 5:8, scaled relative to the checkbox box size (scale-400).
+// The 5/14 and 8/14 fractions produce a visually balanced checkmark within the box.
+@mixin checkbox-checkmark-shape($color, $background-color: transparent) {
+  top: calc(#{theme.spacing(scale, 400)} / 2 - 1px); // vertically center: half box minus border offset
+  inset-inline-start: calc(#{theme.spacing(scale, 400)} / 4 - 1px); // horizontally center: quarter box minus border offset
+  width: calc(5 * #{theme.spacing(scale, 400)} / 14); // 5/14 of box — short arm of checkmark
+  height: calc(8 * #{theme.spacing(scale, 400)} / 14); // 8/14 of box — long arm of checkmark
+  background-color: $background-color;
+  border: 1px solid $color;
+  border-top: 0;
+  border-inline-start: 0;
+}
+
+@mixin checkbox-checkmark-visible($color) {
+  @include checkbox-checkmark-shape($color);
+
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+}
+
+@mixin checkbox-minus-shape($color) {
+  top: 50%;
+  inset-inline-start: 17.5%;
+  width: 65%;
+  height: 7.5%;
+  background-color: $color;
+  border: 0;
+  border-radius: theme.shape(100);
+  transform: translateY(-50%);
+  opacity: 1;
+}
+
+.#{theme.$prefix}-#{$component} {
+  display: inline-flex;
+  gap: theme.spacing(gap, 300);
+  align-items: flex-start;
+  cursor: pointer;
+
+  &-box-wrapper {
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    height: theme-internal.om-line-height-px(body, lg);
+  }
+
+  &-input {
+    position: absolute;
+    inset: 0;
+    margin: 0;
+    cursor: inherit;
+    opacity: 0;
+  }
+
+  &-box {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: theme.spacing(scale, 400);
+    height: theme.spacing(scale, 400);
+    overflow: hidden;
+    background-color: theme.palette(bg, 'default');
+    border: 1px solid theme.palette(border, 'default-secondary');
+    border-radius: theme.shape(100);
+    transition:
+      background-color 0.2s ease,
+      border-color 0.2s ease,
+      box-shadow 0.2s ease;
+
+    &::after {
+      position: absolute;
+      display: table;
+      box-sizing: border-box;
+
+      @include checkbox-checkmark-shape(theme.palette(icon, 'on-brand'));
+
+      transform: rotate(45deg) scale(0) translate(-50%, -50%);
+      transform-origin: center;
+      opacity: 0;
+      transition:
+        all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),
+        opacity 0.1s;
+      content: '';
+    }
+  }
+
+  &-input:checked + .#{theme.$prefix}-#{$component}-box {
+    @include checkbox-box-state(
+      theme.palette(bg, 'brand'),
+      theme.palette(bg, 'brand')
+    );
+
+    &::after {
+      @include checkbox-checkmark-visible(theme.palette(icon, 'on-brand'));
+
+      transition:
+        all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s,
+        opacity 0.1s;
+    }
+  }
+
+  &-input:focus-visible + .#{theme.$prefix}-#{$component}-box {
+    border-color: theme.palette(border, 'brand');
+    box-shadow: 0 0 0 1px theme.palette(border, 'brand');
+  }
+
+  &-content {
+    display: flex;
+    flex: 1 0 0;
+    flex-direction: column;
+    justify-content: center;
+    min-width: 0;
+    min-height: 1px;
+  }
+
+  &-label {
+    display: inline;
+  }
+
+  &-description {
+    display: inline;
+  }
+
+  &:not(&-disabled):hover {
+    .#{theme.$prefix}-#{$component}-box {
+      border-color: theme.palette(border, 'default-tertiary');
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand-hover'),
+        theme.palette(bg, 'brand-hover')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-box-wrapper-indeterminate
+      .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand-hover'),
+        theme.palette(bg, 'brand-hover')
+      );
+    }
+  }
+
+  &-box-wrapper-indeterminate {
+    .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand'),
+        theme.palette(bg, 'brand')
+      );
+
+      &::after {
+        @include checkbox-minus-shape(theme.palette(icon, 'on-brand'));
+      }
+    }
+
+  }
+
+  &-disabled {
+    cursor: not-allowed;
+
+    .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box::after {
+      @include checkbox-checkmark-visible(theme.palette(icon, 'disabled'));
+    }
+
+    .#{theme.$prefix}-#{$component}-box-wrapper-indeterminate
+      .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+
+      &::after {
+        @include checkbox-minus-shape(theme.palette(icon, 'disabled'));
+      }
+    }
+
+  }
+
+  &-right {
+    .#{theme.$prefix}-#{$component}-box-wrapper {
+      order: 1;
+    }
+
+    .#{theme.$prefix}-#{$component}-content {
+      order: 0;
+    }
+  }
+}
+
+$group-component: 'checkbox-group';
+
+.#{theme.$prefix}-#{$group-component} {
+  display: flex;
+  gap: theme.spacing(gap, 300);
+  align-items: flex-start;
+
+  &-horizontal {
+    flex-flow: row wrap;
+  }
+
+  &-vertical {
+    flex-direction: column;
+  }
+}

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

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

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

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

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

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

package/es/components/CoachMark/CoachMark.d.ts

@@ -0,0 +1,4 @@
+import type { CoachMarkProps } from './interface';
+import './style';
+export declare const CoachMark: import("react").NamedExoticComponent<CoachMarkProps>;
+export default CoachMark;

package/es/components/CoachMark/CoachMark.js

@@ -0,0 +1,142 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useControlledState, useEventCallback } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import { Icons } from '../Icons';
+import { Typography } from '../Typography';
+import { Carousel } from '../Carousel';
+import './style';
+var DEFAULT_LABELS = {
+  back: 'Back',
+  next: 'Next',
+  finish: 'Finish',
+  dismiss: 'Dismiss'
+};
+var CoachMarkInner = function CoachMarkInner(props) {
+  var _a;
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'coach-mark' : _props$prefixCls,
+    steps = props.steps,
+    activeStep = props.activeStep,
+    _props$defaultActiveS = props.defaultActiveStep,
+    defaultActiveStep = _props$defaultActiveS === void 0 ? 0 : _props$defaultActiveS,
+    onChange = props.onChange,
+    onFinish = props.onFinish,
+    onDismiss = props.onDismiss,
+    _props$dismissible = props.dismissible,
+    dismissible = _props$dismissible === void 0 ? true : _props$dismissible,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    arrowOffset = props.arrowOffset,
+    labelsProp = props.labels,
+    ref = props.ref;
+  var labels = Object.assign(Object.assign({}, DEFAULT_LABELS), labelsProp);
+  var _useControlledState = useControlledState(defaultActiveStep, activeStep),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    currentStep = _useControlledState2[0],
+    setCurrentStep = _useControlledState2[1];
+  var classes = classnames(prefixCls);
+  var totalSteps = steps.length;
+  var isFirst = currentStep === 0;
+  var isLast = currentStep === totalSteps - 1;
+  var isSingleStep = totalSteps === 1;
+  var _ref = (_a = steps[currentStep]) !== null && _a !== void 0 ? _a : {},
+    icon = _ref.icon,
+    heading = _ref.heading,
+    body = _ref.body;
+  var handleBack = useEventCallback(function () {
+    if (isFirst) return;
+    var next = currentStep - 1;
+    setCurrentStep(next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+  });
+  var handleNext = useEventCallback(function () {
+    if (isLast) {
+      onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+      return;
+    }
+    var next = currentStep + 1;
+    setCurrentStep(next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+  });
+  var handleDotChange = useEventCallback(function (index) {
+    setCurrentStep(index);
+    onChange === null || onChange === void 0 ? void 0 : onChange(index);
+  });
+  var arrowStyle = arrowOffset ? _defineProperty({}, '--coach-mark-arrow-offset', arrowOffset) : undefined;
+  return _jsxs("div", {
+    ref: ref,
+    role: "dialog",
+    "aria-label": typeof heading === 'string' ? heading : undefined,
+    className: joinCls(classes(undefined, className), classes(placement)),
+    style: arrowStyle,
+    children: [_jsxs("svg", {
+      className: classes('arrow'),
+      viewBox: "0 0 36 9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [_jsx("path", {
+        d: "M17.3146 1.64505L10.3664 8.1846C9.80987 8.70836 9.07447 9 8.31027 9H27.6897C26.9255 9 26.1901 8.70836 25.6336 8.1846L18.6854 1.64505C18.3003 1.28265 17.6997 1.28265 17.3146 1.64505Z",
+        className: classes('arrow-fill')
+      }), _jsx("path", {
+        d: "M8 8.5H8.34315C9.40401 8.5 10.4214 8.07857 11.1716 7.32843L17.2929 1.20711C17.6834 0.816582 18.3166 0.816583 18.7071 1.20711L24.8284 7.32843C25.5786 8.07857 26.596 8.5 27.6569 8.5H28",
+        className: classes('arrow-stroke')
+      })]
+    }), _jsxs("div", {
+      className: classes('content'),
+      children: [icon && _jsx("div", {
+        className: classes('icon'),
+        children: icon
+      }), (heading || body) && _jsxs("div", {
+        className: classes('text'),
+        children: [heading && _jsx(Typography.Headline, {
+          size: "lg",
+          color: "default",
+          children: heading
+        }), body && _jsx(Typography.Body, {
+          size: "lg",
+          color: "default-secondary",
+          children: body
+        })]
+      })]
+    }), _jsxs("div", {
+      className: classes('footer'),
+      children: [!isSingleStep && _jsx("button", {
+        type: "button",
+        className: joinCls(classes('btn'), classes('btn-back')),
+        "aria-label": labels.back,
+        disabled: isFirst,
+        onClick: handleBack,
+        children: labels.back
+      }), totalSteps > 1 && _jsx(Carousel, {
+        count: totalSteps,
+        activeIndex: currentStep,
+        onChange: handleDotChange
+      }), _jsx("button", {
+        type: "button",
+        className: joinCls(classes('btn'), classes('btn-next')),
+        "aria-label": isLast ? labels.finish : labels.next,
+        onClick: handleNext,
+        children: isLast ? labels.finish : labels.next
+      })]
+    }), dismissible && _jsx("button", {
+      type: "button",
+      className: classes('dismiss'),
+      "aria-label": labels.dismiss,
+      onClick: onDismiss,
+      children: _jsx(Icons, {
+        name: "cross",
+        size: 24,
+        color: "currentColor"
+      })
+    })]
+  });
+};
+export var CoachMark = /*#__PURE__*/memo(CoachMarkInner);
+export default CoachMark;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29hY2hNYXJrL0NvYWNoTWFyay5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29hY2hNYXJrL0NvYWNoTWFyay50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VFdmVudENhbGxiYWNrIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiSWNvbnMiLCJUeXBvZ3JhcGh5IiwiQ2Fyb3VzZWwiLCJERUZBVUxUX0xBQkVMUyIsImJhY2siLCJuZXh0IiwiZmluaXNoIiwiZGlzbWlzcyIsIkNvYWNoTWFya0lubmVyIiwicHJvcHMiLCJfYSIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwic3RlcHMiLCJhY3RpdmVTdGVwIiwiX3Byb3BzJGRlZmF1bHRBY3RpdmVTIiwiZGVmYXVsdEFjdGl2ZVN0ZXAiLCJvbkNoYW5nZSIsIm9uRmluaXNoIiwib25EaXNtaXNzIiwiX3Byb3BzJGRpc21pc3NpYmxlIiwiZGlzbWlzc2libGUiLCJfcHJvcHMkcGxhY2VtZW50IiwicGxhY2VtZW50IiwiYXJyb3dPZmZzZXQiLCJsYWJlbHNQcm9wIiwibGFiZWxzIiwicmVmIiwiT2JqZWN0IiwiYXNzaWduIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJjdXJyZW50U3RlcCIsInNldEN1cnJlbnRTdGVwIiwiY2xhc3NlcyIsInRvdGFsU3RlcHMiLCJsZW5ndGgiLCJpc0ZpcnN0IiwiaXNMYXN0IiwiaXNTaW5nbGVTdGVwIiwiX3JlZiIsImljb24iLCJoZWFkaW5nIiwiYm9keSIsImhhbmRsZUJhY2siLCJoYW5kbGVOZXh0IiwiaGFuZGxlRG90Q2hhbmdlIiwiaW5kZXgiLCJhcnJvd1N0eWxlIiwiX2RlZmluZVByb3BlcnR5IiwidW5kZWZpbmVkIiwicm9sZSIsInN0eWxlIiwiY2hpbGRyZW4iLCJ2aWV3Qm94IiwiZmlsbCIsInhtbG5zIiwiZCIsIkhlYWRsaW5lIiwic2l6ZSIsImNvbG9yIiwiQm9keSIsInR5cGUiLCJkaXNhYmxlZCIsIm9uQ2xpY2siLCJjb3VudCIsImFjdGl2ZUluZGV4IiwibmFtZSIsIkNvYWNoTWFyayJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLElBQUksUUFBUSxPQUFPO0FBQzVCLFNBQVNDLGtCQUFrQixFQUFFQyxnQkFBZ0IsUUFBUSxlQUFlO0FBQ3BFLFNBQVNDLE9BQU8sSUFBSUMsVUFBVSxFQUFFQyxPQUFPLFFBQVEsd0JBQXdCO0FBQ3ZFLFNBQVNDLEtBQUssUUFBUSxVQUFVO0FBQ2hDLFNBQVNDLFVBQVUsUUFBUSxlQUFlO0FBQzFDLFNBQVNDLFFBQVEsUUFBUSxhQUFhO0FBR3RDLE9BQU8sU0FBUztBQUVoQixJQUFNQyxjQUFjLEdBQUc7RUFDckJDLElBQUksRUFBRSxNQUFNO0VBQ1pDLElBQUksRUFBRSxNQUFNO0VBQ1pDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxPQUFPLEVBQUU7QUREWCxDQ0VDO0FBRUQsSUFBTUMsY0FBYyxHQUF1QixTQUFyQ0EsY0FBY0EsQ0FBdUJDLEtBQUssRUFBRztFREYvQyxJQUFJQyxFQUFFO0VDR1IsSUFBQUMsZ0JBQUEsR0FjSUYsS0FBSyxDQWJQRyxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxFQUFFLEdBQUFBLGdCQUFBO0lBQUFFLGdCQUFBLEdBYVpKLEtBQUssQ0FaUEssU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsWUFBWSxHQUFBQSxnQkFBQTtJQUN4QkUsS0FBSyxHQVdITixLQUFLLENBWFBNLEtBQUs7SUFDTEMsVUFBVSxHQVVSUCxLQUFLLENBVlBPLFVBQVU7SUFBQUMscUJBQUEsR0FVUlIsS0FBSyxD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Yi9DLElBQUEsQ0FBQ1csUUFBUSxFQUFBO1FBQ1BrRSxLQUFLLEVBQUU5QixVQUFVO1FBQ2pCK0IsV0FBVyxFQUFFbEMsV0FBVztRQUN4QmhCLFFBQVEsRUFBRThCO01BQWUsQ0FBQSxDQUU1QixFQUVEMUQsSUFBQSxDQUFBLFFBQUEsRUFBQTtRQUNFMEUsSUFBSSxFQUFDLFFBQVE7UUFDYnJELFNBQVMsRUFBRWIsT0FBTyxDQUFDc0MsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFQSxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7UUFBQSxZQUFBLEVBQzNDSSxNQUFNLEdBQUdiLE1BQU0sQ0FBQ3RCLE1BQU0sR0FBR3NCLE1BQU0sQ0FBQ3ZCLElBQUk7UUFDaEQ4RCxPQUFPLEVBQUVuQixVQUFVO1FBQUFRLFFBQUEsRUFFbEJmLE1BQU0sR0FBR2IsTUFBTSxDQUFDdEIsTUFBTSxHQUFHc0IsTUFBTSxDQUFDdkI7TUFBSSxDQUFBLENBQzlCO0lBQUEsQ0FBQSxDQUNMLEVBRUxrQixXQUFXLElBQ1ZoQyxJQUFBLENBQUEsUUFBQSxFQUFBO01BQ0UwRSxJQUFJLEVBQUMsUUFBUTtNQUNickQsU0FBUyxFQUFFeUIsT0FBTyxDQUFDLFNBQVMsQ0FBQztNQUFBLFlBQUEsRUFDakJULE1BQU0sQ0FBQ3JCLE9BQU87TUFDMUI0RCxPQUFPLEVBQUU5QyxTQUFTO01BQUFtQyxRQUFBLEVBRWxCakUsSUFBQSxDQUFDUyxLQUFLLEVBQUE7UUFBQ3NFLElBQUksRUFBQyxPQUFPO1FBQUNSLElBQUksRUFBRSxFQUFFO1FBQUVDLEtBQUssRUFBQztNQUFjLENBQUE7SUFBRyxDQUFBLENBRXhEO0VBQUEsQ0FBQSxDQUNHO0FBRVYsQ0FBQztBQUVELE9BQU8sSUFBTVEsU0FBUyxnQkFBRzdFLElBQUksQ0FBQ2MsY0FBYyxDQUFDO0FBQzdDLGVBQWUrRCxTQUFTIiwiZmlsZSI6ImNvbXBvbmVudHMvQ29hY2hNYXJrL0NvYWNoTWFyay5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQ2Fyb3VzZWwgfSBmcm9tICcuLi9DYXJvdXNlbCc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuY29uc3QgREVGQVVMVF9MQUJFTFMgPSB7XG4gICAgYmFjazogJ0JhY2snLFxuICAgIG5leHQ6ICdOZXh0JyxcbiAgICBmaW5pc2g6ICdGaW5pc2gnLFxuICAgIGRpc21pc3M6ICdEaXNtaXNzJyxcbn07XG5jb25zdCBDb2FjaE1hcmtJbm5lciA9IHByb3BzID0+IHtcbiAgICB2YXIgX2E7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ2NvYWNoLW1hcmsnLCBzdGVwcywgYWN0aXZlU3RlcCwgZGVmYXVsdEFjdGl2ZVN0ZXAgPSAwLCBvbkNoYW5nZSwgb25GaW5pc2gsIG9uRGlzbWlzcywgZGlzbWlzc2libGUgPSB0cnVlLCBwbGFjZW1lbnQgPSAndG9wJywgYXJyb3dPZmZzZXQsIGxhYmVsczogbGFiZWxzUHJvcCwgcmVmLCB9ID0gcHJvcHM7XG4gICAgY29uc3QgbGFiZWxzID0gT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBERUZBVUxUX0xBQkVMUyksIGxhYmVsc1Byb3ApO1xuICAgIGNvbnN0IFtjdXJyZW50U3RlcCwgc2V0Q3VycmVudFN0ZXBdID0gdXNlQ29udHJvbGxlZFN0YXRlKGRlZmF1bHRBY3RpdmVTdGVwLCBhY3RpdmVTdGVwKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IHRvdGFsU3RlcHMgPSBzdGVwcy5sZW5ndGg7XG4gICAgY29uc3QgaXNGaXJzdCA9IGN1cnJlbnRTdGVwID09PSAwO1xuICAgIGNvbnN0IGlzTGFzdCA9IGN1cnJlbnRTdGVwID09PSB0b3RhbFN0ZXBzIC0gMTtcbiAgICBjb25zdCBpc1NpbmdsZVN0ZXAgPSB0b3RhbFN0ZXBzID09PSAxO1xuICAgIGNvbnN0IHsgaWNvbiwgaGVhZGluZywgYm9keSB9ID0gKF9hID0gc3RlcHNbY3VycmVudFN0ZXBdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB7fTtcbiAgICBjb25zdCBoYW5kbGVCYWNrID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGlmIChpc0ZpcnN0KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBuZXh0ID0gY3VycmVudFN0ZXAgLSAxO1xuICAgICAgICBzZXRDdXJyZW50U3RlcChuZXh0KTtcbiAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKG5leHQpO1xuICAgIH0pO1xuICAgIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgaWYgKGlzTGFzdCkge1xuICAgICAgICAgICAgb25GaW5pc2ggPT09IG51bGwgfHwgb25GaW5pc2ggPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRmluaXNoKCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRTdGVwICsgMTtcbiAgICAgICAgc2V0Q3VycmVudFN0ZXAobmV4dCk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShuZXh0KTtcbiAgICB9KTtcbiAgICBjb25zdCBoYW5kbGVEb3RDaGFuZ2UgPSB1c2VFdmVudENhbGxiYWNrKChpbmRleCkgPT4ge1xuICAgICAgICBzZXRDdXJyZW50U3RlcChpbmRleCk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShpbmRleCk7XG4gICAgfSk7XG4gICAgY29uc3QgYXJyb3dTdHlsZSA9IGFycm93T2Zmc2V0XG4gICAgICAgID8geyBbJy0tY29hY2gtbWFyay1hcnJvdy1vZmZzZXQnXTogYXJyb3dPZmZzZXQgfVxuICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgcmVmOiByZWYsIHJvbGU6IFwiZGlhbG9nXCIsIFwiYXJpYS1sYWJlbFwiOiB0eXBlb2YgaGVhZGluZyA9PT0gJ3N0cmluZycgPyBoZWFkaW5nIDogdW5kZWZpbmVkLCBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3Nlcyh1bmRlZmluZWQsIGNsYXNzTmFtZSksIGNsYXNzZXMocGxhY2VtZW50KSksIHN0eWxlOiBhcnJvd1N0eWxlLCBjaGlsZHJlbjogW19qc3hzKFwic3ZnXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdhcnJvdycpLCB2aWV3Qm94OiBcIjAgMCAzNiA5XCIsIGZpbGw6IFwibm9uZVwiLCB4bWxuczogXCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiLCBcImFyaWEtaGlkZGVuXCI6IFwidHJ1ZVwiLCBjaGlsZHJlbjogW19qc3goXCJwYXRoXCIsIHsgZDogXCJNMTcuMzE0NiAxLjY0NTA1TDEwLjM2NjQgOC4xODQ2QzkuODA5ODcgOC43MDgzNiA5LjA3NDQ3IDkgOC4zMTAyNyA5SDI3LjY4OTdDMjYuOTI1NSA5IDI2LjE5MDEgOC43MDgzNiAyNS42MzM2IDguMTg0NkwxOC42ODU0IDEuNjQ1MDVDMTguMzAwMyAxLjI4MjY1IDE3LjY5OTcgMS4yODI2NSAxNy4zMTQ2IDEuNjQ1MDVaXCIsIGNsYXNzTmFtZTogY2xhc3NlcygnYXJyb3ctZmlsbCcpIH0pLCBfanN4KFwicGF0aFwiLCB7IGQ6IFwiTTggOC41SDguMzQzMTVDOS40MDQwMSA4LjUgMTAuNDIxNCA4LjA3ODU3IDExLjE3MTYgNy4zMjg0M0wxNy4yOTI5IDEuMjA3MTFDMTcuNjgzNCAwLjgxNjU4MiAxOC4zMTY2IDAuODE2NTgzIDE4LjcwNzEgMS4yMDcxMUwyNC44Mjg0IDcuMzI4NDNDMjUuNTc4NiA4LjA3ODU3IDI2LjU5NiA4LjUgMjcuNjU2OSA4LjVIMjhcIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCdhcnJvdy1zdHJva2UnKSB9KV0gfSksIF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjb250ZW50JyksIGNoaWxkcmVuOiBbaWNvbiAmJiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdpY29uJyksIGNoaWxkcmVuOiBpY29uIH0pLCAoaGVhZGluZyB8fCBib2R5KSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RleHQnKSwgY2hpbGRyZW46IFtoZWFkaW5nICYmIChfanN4KFR5cG9ncmFwaHkuSGVhZGxpbmUsIHsgc2l6ZTogXCJsZ1wiLCBjb2xvcjogXCJkZWZhdWx0XCIsIGNoaWxkcmVuOiBoZWFkaW5nIH0pKSwgYm9keSAmJiAoX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogXCJsZ1wiLCBjb2xvcjogXCJkZWZhdWx0LXNlY29uZGFyeVwiLCBjaGlsZHJlbjogYm9keSB9KSldIH0pKV0gfSksIF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmb290ZXInKSwgY2hpbGRyZW46IFshaXNTaW5nbGVTdGVwICYmIChfanN4KFwiYnV0dG9uXCIsIHsgdHlwZTogXCJidXR0b25cIiwgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzZXMoJ2J0bicpLCBjbGFzc2VzKCdidG4tYmFjaycpKSwgXCJhcmlhLWxhYmVsXCI6IGxhYmVscy5iYWNrLCBkaXNhYmxlZDogaXNGaXJzdCwgb25DbGljazogaGFuZGxlQmFjaywgY2hpbGRyZW46IGxhYmVscy5iYWNrIH0pKSwgdG90YWxTdGVwcyA+IDEgJiYgKF9qc3goQ2Fyb3VzZWwsIHsgY291bnQ6IHRvdGFsU3RlcHMsIGFjdGl2ZUluZGV4OiBjdXJyZW50U3RlcCwgb25DaGFuZ2U6IGhhbmRsZURvdENoYW5nZSB9KSksIF9qc3goXCJidXR0b25cIiwgeyB0eXBlOiBcImJ1dHRvblwiLCBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcygnYnRuJyksIGNsYXNzZXMoJ2J0bi1uZXh0JykpLCBcImFyaWEtbGFiZWxcIjogaXNMYXN0ID8gbGFiZWxzLmZpbmlzaCA6IGxhYmVscy5uZXh0LCBvbkNsaWNrOiBoYW5kbGVOZXh0LCBjaGlsZHJlbjogaXNMYXN0ID8gbGFiZWxzLmZpbmlzaCA6IGxhYmVscy5uZXh0IH0pXSB9KSwgZGlzbWlzc2libGUgJiYgKF9qc3goXCJidXR0b25cIiwgeyB0eXBlOiBcImJ1dHRvblwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Rpc21pc3MnKSwgXCJhcmlhLWxhYmVsXCI6IGxhYmVscy5kaXNtaXNzLCBvbkNsaWNrOiBvbkRpc21pc3MsIGNoaWxkcmVuOiBfanN4KEljb25zLCB7IG5hbWU6IFwiY3Jvc3NcIiwgc2l6ZTogMjQsIGNvbG9yOiBcImN1cnJlbnRDb2xvclwiIH0pIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBDb2FjaE1hcmsgPSBtZW1vKENvYWNoTWFya0lubmVyKTtcbmV4cG9ydCBkZWZhdWx0IENvYWNoTWFyazsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

package/es/components/CoachMark/index.js

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

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

@@ -0,0 +1,47 @@
+import type { ReactNode, RefObject } from 'react';
+export declare const COACH_MARK_PLACEMENTS: readonly ["top", "bottom", "left", "right"];
+export type CoachMarkPlacement = (typeof COACH_MARK_PLACEMENTS)[number];
+export interface CoachMarkStep {
+    /** Icon or illustration displayed above the heading */
+    icon?: ReactNode;
+    /** Heading text */
+    heading?: ReactNode;
+    /** Body text */
+    body?: ReactNode;
+}
+export interface CoachMarkLabels {
+    /** Custom label for the back button */
+    back?: string;
+    /** Custom label for the next button */
+    next?: string;
+    /** Custom label for the finish button */
+    finish?: string;
+    /** Custom aria-label for the dismiss button */
+    dismiss?: string;
+}
+export interface CoachMarkProps {
+    ref?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    /** CSS class prefix for customization */
+    prefixCls?: string;
+    /** Array of step configurations */
+    steps: CoachMarkStep[];
+    /** Current active step index (controlled) */
+    activeStep?: number;
+    /** Default active step index (uncontrolled) */
+    defaultActiveStep?: number;
+    /** Callback when step changes */
+    onChange?: (step: number) => void;
+    /** Callback when the last step's finish button is clicked */
+    onFinish?: () => void;
+    /** Callback when the dismiss button is clicked */
+    onDismiss?: () => void;
+    /** Whether to show the dismiss (close) button */
+    dismissible?: boolean;
+    /** Placement of the beak arrow relative to target element */
+    placement?: CoachMarkPlacement;
+    /** Offset of the arrow from center (CSS value, e.g. '20px', '-10px') */
+    arrowOffset?: string;
+    /** Custom button and dismiss labels */
+    labels?: CoachMarkLabels;
+}

package/es/components/CoachMark/interface.js

@@ -0,0 +1,2 @@
+export var COACH_MARK_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29hY2hNYXJrL2ludGVyZmFjZS50cyJdLCJuYW1lcyI6WyJDT0FDSF9NQVJLX1BMQUNFTUVOVFMiXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sSUFBTUEscUJBQXFCLEdBQUcsQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9Db2FjaE1hcmsvaW50ZXJmYWNlLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/CoachMark/style/CoachMark.css

@@ -0,0 +1 @@
+.om-react-ui-coach-mark{--coach-mark-arrow-offset:50%;position:relative;display:flex;flex-direction:column;width:450px;max-width:100%;padding:var(--om-spacing-1000,40px) var(--om-spacing-1000,40px) var(--om-spacing-800,32px);background-color:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-600,24px);box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1))}.om-react-ui-coach-mark-content{display:flex;flex-direction:column;gap:var(--om-spacing-600,24px);align-items:flex-start;width:100%}.om-react-ui-coach-mark-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--om-icon-on-brand,#dde6f4);background:radial-gradient(circle at bottom left,var(--om-bg-brand,#073387) 0,var(--om-bg-brand-secondary,#dde6f4) 50%,var(--om-bg-default-secondary,#f8f8f8) 100%);border-radius:var(--om-radius-full,9999px)}.om-react-ui-coach-mark-text{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);width:100%}.om-react-ui-coach-mark-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--om-spacing-600,24px);padding-top:var(--om-spacing-600,24px);border-top:1px solid var(--om-border-neutral-secondary,#f0f0f0)}.om-react-ui-coach-mark-btn{display:flex;gap:var(--om-spacing-200,8px);align-items:center;justify-content:center;width:80px;padding:var(--om-spacing-300,12px);white-space:nowrap;text-align:center;border:none;border-radius:var(--om-radius-300,12px);cursor:pointer;font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-strong-font-weight)}.om-react-ui-coach-mark-btn-back{color:var(--om-text-brand,#073387);background-color:var(--om-bg-brand-secondary,#dde6f4)}.om-react-ui-coach-mark-btn-back:hover{background-color:var(--om-bg-brand-secondary-hover,#c1d0eb)}.om-react-ui-coach-mark-btn-back:disabled{color:var(--om-text-brand-secondary,#a4bbe1);background-color:var(--om-bg-brand-tertiary,#edf2f9);cursor:default}.om-react-ui-coach-mark-btn-next{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-react-ui-coach-mark-dismiss{position:absolute;top:var(--om-spacing-400,16px);right:var(--om-spacing-400,16px);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--om-icon-default-tertiary,#646465);background:none;border:none;border-radius:var(--om-radius-200,8px);cursor:pointer}.om-react-ui-coach-mark-dismiss:hover{color:var(--om-icon-default-secondary,#404042)}.om-react-ui-coach-mark-arrow{position:absolute;width:36px;height:9px;overflow:visible;pointer-events:none}.om-react-ui-coach-mark-arrow-fill{fill:var(--om-bg-default,#fff)}.om-react-ui-coach-mark-arrow-stroke{fill:none;stroke:var(--om-border-neutral,#e3e4e4);stroke-width:1;stroke-linecap:round}.om-react-ui-coach-mark-top .om-react-ui-coach-mark-arrow{bottom:-9px;left:var(--coach-mark-arrow-offset);transform:translateX(-50%) rotate(180deg)}.om-react-ui-coach-mark-bottom .om-react-ui-coach-mark-arrow{top:-9px;left:var(--coach-mark-arrow-offset);transform:translateX(-50%)}.om-react-ui-coach-mark-right .om-react-ui-coach-mark-arrow{top:var(--coach-mark-arrow-offset);left:-22.5px;transform:translateY(-50%) rotate(-90deg)}.om-react-ui-coach-mark-left .om-react-ui-coach-mark-arrow{top:var(--coach-mark-arrow-offset);right:-22.5px;transform:translateY(-50%) rotate(90deg)}

package/es/components/CoachMark/style/CoachMark.scss

@@ -0,0 +1,176 @@
+@use '@/styles/api' as theme;
+
+$component: 'coach-mark';
+$icon-size: 56px;
+$btn-width: 80px;
+$dismiss-size: 24px;
+$arrow-width: 36px;
+$arrow-height: 9px;
+$arrow-side-offset: calc(-1 * ($arrow-width + $arrow-height) / 2);
+$card-width: 450px;
+
+.#{theme.$prefix}-#{$component} {
+  --coach-mark-arrow-offset: 50%;
+
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: $card-width;
+  max-width: 100%;
+  padding: theme.spacing(scale, 1000) theme.spacing(scale, 1000) theme.spacing(scale, 800);
+  background-color: theme.palette(bg, 'default');
+  border: 1px solid theme.palette(border, 'neutral');
+  border-radius: theme.shape(600);
+  box-shadow: theme.shadows(200);
+
+  // ── Content ──
+  &-content {
+    display: flex;
+    flex-direction: column;
+    gap: theme.spacing(gap, 600);
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  &-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: $icon-size;
+    height: $icon-size;
+    color: theme.palette(icon, 'on-brand');
+    background: radial-gradient(
+      circle at bottom left,
+      theme.palette(bg, 'brand') 0%,
+      theme.palette(bg, 'brand-secondary') 50%,
+      theme.palette(bg, 'default-secondary') 100%
+    );
+    border-radius: theme.shape(full);
+  }
+
+  &-text {
+    display: flex;
+    flex-direction: column;
+    gap: theme.spacing(gap, 200);
+    width: 100%;
+  }
+
+  // ── Footer ──
+  &-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    margin-top: theme.spacing(scale, 600);
+    padding-top: theme.spacing(scale, 600);
+    border-top: 1px solid theme.palette(border, 'neutral-secondary');
+  }
+
+  // ── Buttons ──
+  &-btn {
+    display: flex;
+    gap: theme.spacing(gap, 200);
+    align-items: center;
+    justify-content: center;
+    width: $btn-width;
+    padding: theme.spacing(component-padding, 300);
+    white-space: nowrap;
+    text-align: center;
+    border: none;
+    border-radius: theme.shape(300);
+    cursor: pointer;
+
+    @include theme.typography(body, md, true);
+
+    &-back {
+      color: theme.palette(text, 'brand');
+      background-color: theme.palette(bg, 'brand-secondary');
+
+      &:hover {
+        background-color: theme.palette(bg, 'brand-secondary-hover');
+      }
+
+      &:disabled {
+        color: theme.palette(text, 'brand-secondary');
+        background-color: theme.palette(bg, 'brand-tertiary');
+        cursor: default;
+      }
+    }
+
+    &-next {
+      color: theme.palette(text, 'on-neutral');
+      background-color: theme.palette(bg, 'brand');
+    }
+
+  }
+
+  // ── Dismiss ──
+  &-dismiss {
+    position: absolute;
+    top: theme.spacing(scale, 400);
+    right: theme.spacing(scale, 400);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: $dismiss-size;
+    height: $dismiss-size;
+    padding: 0;
+    color: theme.palette(icon, 'default-tertiary');
+    background: none;
+    border: none;
+    border-radius: theme.shape(200);
+    cursor: pointer;
+
+    &:hover {
+      color: theme.palette(icon, 'default-secondary');
+    }
+  }
+
+  // ── Arrow (SVG) ──
+  &-arrow {
+    position: absolute;
+    width: $arrow-width;
+    height: $arrow-height;
+    overflow: visible;
+    pointer-events: none;
+  }
+
+  &-arrow-fill {
+    fill: theme.palette(bg, 'default');
+  }
+
+  &-arrow-stroke {
+    fill: none;
+    stroke: theme.palette(border, 'neutral');
+    stroke-width: 1;
+    stroke-linecap: round;
+  }
+
+  // Top placement: arrow at bottom, pointing down
+  &-top &-arrow {
+    bottom: -$arrow-height;
+    left: var(--coach-mark-arrow-offset);
+    transform: translateX(-50%) rotate(180deg);
+  }
+
+  // Bottom placement: arrow at top, pointing up
+  &-bottom &-arrow {
+    top: -$arrow-height;
+    left: var(--coach-mark-arrow-offset);
+    transform: translateX(-50%);
+  }
+
+  // Right placement: arrow at left, pointing left
+  &-right &-arrow {
+    top: var(--coach-mark-arrow-offset);
+    left: $arrow-side-offset;
+    transform: translateY(-50%) rotate(-90deg);
+  }
+
+  // Left placement: arrow at right, pointing right
+  &-left &-arrow {
+    top: var(--coach-mark-arrow-offset);
+    right: $arrow-side-offset;
+    transform: translateY(-50%) rotate(90deg);
+  }
+}

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

@@ -0,0 +1,5 @@
+import '@/components/Typography/style/css';
+import '@/components/Icons/style/css';
+import '@/components/Carousel/style/css';
+import './CoachMark.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29hY2hNYXJrL3NyYy9jb21wb25lbnRzL0NvYWNoTWFyay9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLCtCQUErQjtBQUN0QyxPQUFPLDBCQUEwQjtBQUNqQyxPQUFPLDZCQUE2QjtBQUNwQyxPQUFPLGtCQUFrQiIsImZpbGUiOiJjb21wb25lbnRzL0NvYWNoTWFyay9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=