@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Calendar/interface.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode, CSSProperties, RefObject } from 'react';
+import type { Nullable } from 'primereact/ts-helpers';
+import type { CalendarProps as PrimeCalendarProps, CalendarSelectionMode } from 'primereact/calendar';
+export interface CalendarProps extends PrimeCalendarProps<CalendarSelectionMode> {
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Additional class for the wrapper element */
+    wrapperCls?: string;
+    /** Additional class for the label element */
+    labelCls?: string;
+    /** Additional class for the message element */
+    messageCls?: string;
+    /** Label text displayed above the calendar input */
+    label?: ReactNode;
+    /** Helper/error message displayed below the calendar input */
+    message?: ReactNode;
+    /** Whether the field is required (shows asterisk after label) */
+    required?: boolean;
+    /** Whether the field is in a success state */
+    success?: boolean;
+    /** Size variant */
+    size?: 'large' | 'small';
+    /** Default value for uncontrolled mode */
+    defaultValue?: Nullable<Date | (Date | null)[] | Date[]>;
+    /** Custom width for the calendar content area */
+    contentWidth?: CSSProperties['width'];
+    /** Ref to the root wrapper element */
+    ref?: RefObject<HTMLDivElement | null>;
+}

package/lib/components/Calendar/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9DYWxlbmRhci9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2FsZW5kYXIvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/Calendar/style/Calendar.css

@@ -0,0 +1,400 @@
+/**
+  * 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-calendar-small input {
+  height: var(--om-component-height-lg, 44px) !important;
+  line-height: 18px !important;
+}
+.om-component-ui-calendar.p-invalid input {
+  color: var(--om-text-danger, #ae0000);
+  border-color: var(--om-border-danger, #ae0000);
+  box-shadow: none;
+}
+.om-component-ui-calendar.p-invalid input:hover {
+  border-color: var(--om-border-danger, #ae0000);
+}
+.om-component-ui-calendar.om-component-ui-calendar-success input {
+  color: var(--om-text-positive, #1f5800);
+  border-color: var(--om-border-positive, #1f5800);
+  box-shadow: none;
+}
+.om-component-ui-calendar.om-component-ui-calendar-success input:hover {
+  border-color: var(--om-border-positive, #1f5800);
+}
+.om-component-ui-calendar.p-calendar-disabled {
+  cursor: not-allowed;
+}
+.om-component-ui-calendar.p-calendar-disabled input {
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  border-color: var(--om-border-disabled, #e3e4e4);
+  opacity: 1;
+}
+.om-component-ui-calendar-filled.p-calendar-disabled input {
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border-color: var(--om-border-disabled, #e3e4e4);
+}
+.om-component-ui-calendar input {
+  height: var(--om-component-height-3xl, 56px);
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px);
+  color: var(--om-text-default, #131313);
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-font-weight);
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border-color: var(--om-border-default, #d1d2d2);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-calendar input:hover {
+  border-color: var(--om-border-brand, #073387);
+}
+.om-component-ui-calendar input::-moz-placeholder {
+  color: var(--om-text-default-tertiary, #646465);
+  font-weight: 400;
+  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-font-weight);
+}
+.om-component-ui-calendar input::placeholder {
+  color: var(--om-text-default-tertiary, #646465);
+  font-weight: 400;
+  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-font-weight);
+}
+.om-component-ui-calendar.p-calendar:not(.p-calendar-disabled, .p-invalid, .om-component-ui-calendar-success).p-focus > .p-inputtext {
+  padding: 7px 15px;
+  border-color: var(--om-border-brand, #073387);
+  border-width: 2px;
+  box-shadow: none;
+}
+
+.om-component-ui-calendar-panel {
+  padding: var(--om-spacing-600, 24px);
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-neutral-tertiary, #f8f8f8);
+  border-radius: var(--om-radius-300, 12px);
+  box-shadow: var(--om-shadow-100, 0 4px 8px rgba(65, 91, 130, 0.12));
+}
+.om-component-ui-calendar-panel .p-datepicker-buttonbar {
+  padding: var(--om-spacing-200, 8px) 0;
+  border: none;
+}
+.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button {
+  padding: 0 var(--om-spacing-400, 16px);
+  color: var(--om-text-default, #131313);
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-font-weight);
+}
+.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button:hover {
+  color: var(--om-text-brand, #073387);
+  background-color: inherit;
+}
+.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button span {
+  font-weight: 500;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container {
+  gap: var(--om-spacing-600, 24px);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-300, 12px);
+  padding: 0 !important;
+  border: 0 !important;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header {
+  padding: 0;
+  border: none;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title {
+  display: inline-flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title > * {
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-font-weight);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title > *:hover {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover,
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover {
+  background-color: inherit;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover > i,
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover > i {
+  color: var(--om-icon-brand, #073387) !important;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container table {
+  width: var(--content-width, 280px);
+  margin: 0;
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0 var(--om-spacing-100, 4px);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar thead tr th span {
+  color: var(--om-text-default, #131313);
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-strong-font-weight);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td {
+  width: var(--om-component-height-md, 40px) !important;
+  height: var(--om-component-height-md, 40px);
+  padding: 0 !important;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:first-child {
+  border-radius: var(--om-radius-full, 9999px) 0 0 var(--om-radius-full, 9999px);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:first-child.om-component-ui-calendar-p-end::after {
+  background-color: #fff;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:last-child {
+  border-radius: 0 var(--om-radius-full, 9999px) var(--om-radius-full, 9999px) 0;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:last-child.om-component-ui-calendar-p-start::after {
+  background-color: #fff;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span {
+  width: var(--om-component-height-md, 40px) !important;
+  max-width: var(--om-component-height-md, 40px) !important;
+  height: var(--om-component-height-md, 40px) !important;
+  max-height: var(--om-component-height-md, 40px) !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  color: var(--om-text-default, #131313);
+  border: none;
+  border-radius: var(--om-radius-full, 9999px);
+  box-shadow: none;
+  font-size: var(--om-label-lg-font-size);
+  font-family: var(--om-label-lg-font-family);
+  line-height: var(--om-label-lg-line-height);
+  letter-spacing: var(--om-label-lg-letter-spacing);
+  font-weight: var(--om-label-lg-font-weight);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+  border-radius: var(--om-radius-full, 9999px);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight:hover {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-disabled {
+  color: var(--om-text-disabled, #bbbdc1) !important;
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span:hover {
+  color: var(--om-text-brand, #073387);
+  background-color: var(--om-bg-default, #fff);
+}
+.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar .p-datepicker-today span {
+  color: var(--om-text-brand, #073387);
+  background-color: var(--om-bg-default, #fff);
+}
+.om-component-ui-calendar-panel .p-yearpicker {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--om-spacing-400, 16px);
+  place-items: center center;
+  text-align: center;
+}
+.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year {
+  width: auto;
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-font-weight);
+  border: none;
+  box-shadow: none;
+}
+.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight:hover {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year:hover {
+  color: var(--om-text-brand, #073387);
+  background-color: var(--om-bg-default, #fff);
+}
+.om-component-ui-calendar-panel .p-monthpicker {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--om-spacing-400, 16px);
+  place-items: center center;
+  text-align: center;
+}
+.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month {
+  width: auto;
+  padding: var(--om-spacing-100, 4px) var(--om-spacing-400, 16px);
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-font-weight);
+  border: none;
+  box-shadow: none;
+}
+.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight:hover {
+  color: var(--om-text-on-neutral, #fff);
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month:hover {
+  color: var(--om-text-brand, #073387);
+  background-color: var(--om-bg-default, #fff);
+}
+
+.om-component-ui-calendar-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+.om-component-ui-calendar-label {
+  margin-bottom: var(--om-spacing-200, 8px);
+  font-size: var(--om-label-lg-font-size);
+  font-family: var(--om-label-lg-font-family);
+  line-height: var(--om-label-lg-line-height);
+  letter-spacing: var(--om-label-lg-letter-spacing);
+  font-weight: var(--om-label-lg-font-weight);
+}
+.om-component-ui-calendar-label-required::after {
+  margin-left: var(--om-spacing-100, 4px);
+  color: var(--om-text-danger, #ae0000);
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-font-weight);
+  content: "*";
+}
+
+.om-component-ui-calendar-message {
+  display: flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  justify-content: flex-start;
+  margin-top: var(--om-spacing-100, 4px);
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+  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-font-weight);
+  word-wrap: break-word;
+  word-break: keep-all;
+}
+.om-component-ui-calendar-message-success {
+  color: var(--om-text-positive, #1f5800);
+}
+.om-component-ui-calendar-message-error {
+  color: var(--om-text-danger, #ae0000);
+}
+
+.om-component-ui-calendar-p-start {
+  position: relative;
+  background-color: transparent !important;
+  border-radius: 0 !important;
+}
+.om-component-ui-calendar-p-start::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 0;
+  width: 50%;
+  height: 100%;
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+  content: "";
+}
+.om-component-ui-calendar-p-start .p-highlight {
+  position: relative;
+  z-index: 1;
+}
+.om-component-ui-calendar-p-start:last-child {
+  border-radius: var(--om-radius-full, 9999px) !important;
+}
+.om-component-ui-calendar-p-start span {
+  color: var(--om-text-on-neutral, #fff) !important;
+  background-color: var(--om-bg-brand, #073387) !important;
+  border-radius: var(--om-radius-full, 9999px) !important;
+}
+
+.om-component-ui-calendar-p-end {
+  position: relative;
+  background-color: transparent !important;
+  border-radius: 0 !important;
+}
+.om-component-ui-calendar-p-end::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 0;
+  width: 50%;
+  height: 100%;
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+  content: "";
+}
+.om-component-ui-calendar-p-end .p-highlight {
+  position: relative;
+  z-index: 1;
+}
+.om-component-ui-calendar-p-end:first-child {
+  border-radius: var(--om-radius-full, 9999px) !important;
+}
+.om-component-ui-calendar-p-end span {
+  color: var(--om-text-on-neutral, #fff) !important;
+  background-color: var(--om-bg-brand, #073387) !important;
+  border-radius: var(--om-radius-full, 9999px) !important;
+}
+
+.om-component-ui-calendar-p-range {
+  color: var(--om-text-default, #131313) !important;
+  background-color: var(--om-bg-brand-tertiary, #edf2f9) !important;
+}
+.om-component-ui-calendar-p-range span.p-highlight {
+  color: var(--om-text-default, #131313) !important;
+  background-color: transparent !important;
+}

package/lib/components/Calendar/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Calendar.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2FsZW5kYXIvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NhbGVuZGFyL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Calendar/style/index.d.ts

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

package/lib/components/Calendar/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Calendar.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2FsZW5kYXIvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NhbGVuZGFyL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Carousel/Carousel.d.ts

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

package/lib/components/Carousel/Carousel.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Carousel = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Carousel = exports.Carousel = function Carousel(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'carousel' : _props$prefixCls,
+    count = props.count,
+    activeIndex = props.activeIndex,
+    _props$defaultActiveI = props.defaultActiveIndex,
+    defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
+    onChange = props.onChange,
+    ref = props.ref;
+  var _useControlledState = (0, _hooks.useControlledState)(defaultActiveIndex, activeIndex),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    currentIndex = _useControlledState2[0],
+    setCurrentIndex = _useControlledState2[1];
+  var classes = (0, _classnames["default"])(prefixCls);
+  var handleDotClick = (0, _hooks.useEventCallback)(function (index) {
+    setCurrentIndex(index);
+    onChange === null || onChange === void 0 ? void 0 : onChange(index);
+  });
+  if (count <= 0) return null;
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.joinCls)(classes(), className),
+    children: Array.from({
+      length: count
+    }, function (_, index) {
+      return (0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        "aria-label": "Go to step ".concat(index + 1),
+        className: (0, _classnames.joinCls)(classes('dot'), index === currentIndex && classes('dot-active')),
+        onClick: function onClick() {
+          return handleDotClick(index);
+        }
+      }, index);
+    })
+  });
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Carousel);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaG9va3MiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiQ2Fyb3VzZWwiLCJleHBvcnRzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImNvdW50IiwiYWN0aXZlSW5kZXgiLCJfcHJvcHMkZGVmYXVsdEFjdGl2ZUkiLCJkZWZhdWx0QWN0aXZlSW5kZXgiLCJvbkNoYW5nZSIsInJlZiIsIl91c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJfdXNlQ29udHJvbGxlZFN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsImN1cnJlbnRJbmRleCIsInNldEN1cnJlbnRJbmRleCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiaGFuZGxlRG90Q2xpY2siLCJ1c2VFdmVudENhbGxiYWNrIiwiaW5kZXgiLCJfanN4Iiwiam9pbkNscyIsImNoaWxkcmVuIiwiQXJyYXkiLCJmcm9tIiwibGVuZ3RoIiwiXyIsInR5cGUiLCJjb25jYXQiLCJvbkNsaWNrIiwiX2RlZmF1bHQiLCJtZW1vIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9B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QUFHWSxLQUFLLENBQUM7RUFDbkIsQ0FBQyxDQUFDO0VBRUYsSUFBSWhCLEtBQUssSUFBSSxDQUFDLEVBQUUsT0FBTyxJQUFJO0VBRTNCLE9BQ0UsSUFBQWlCLGVBQUEsRUFBQSxLQUFBLEVBQUE7SUFDRVosR0FBRyxFQUFFQSxHQUFHO0lBQ1JSLFNBQVMsRUFBRSxJQUFBcUIsbUJBQU8sRUFBQ04sT0FBTyxDQUFBLENBQUUsRUFBRWYsU0FBUyxDQUFDO0lBQUFzQixRQUFBLEVBRXZDQyxLQUFLLENBQUNDLElBQUksQ0FBQztNQUFFQyxNQUFNLEVBQUV0QjtJQUFLLENBQUUsRUFBRSxVQUFDdUIsQ0FBQyxFQUFFUCxLQUFLO01BQUEsT0FDdEMsSUFBQUMsZUFBQSxFQUFBLFFBQUEsRUFBQTtRQUVFTyxJQUFJLEVBQUMsUUFBUTtRQUFBLFlBQUEsZ0JBQUFDLE1BQUEsQ0FDYVQsS0FBSyxHQUFHLENBQUMsQ0FBRTtRQUNyQ25CLFNBQVMsRUFBRSxJQUFBcUIsbUJBQU8sRUFDaEJOLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFDZEksS0FBSyxLQUFLTixZQUFZLElBQUlFLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FDaEQ7UUFDRGMsT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUE7VUFBQSxPQUFRWixjQUFjLENBQUNFLEtBQUssQ0FBQztRQUFBO01BQUEsQ0FBQSxFQVAvQkEsS0FBSyxDQVFWO0lBQUEsQ0FDSDtFQUFDLENBQUEsQ0FDRTtBQUVWLENBQUM7QUFBQyxJQUFBVyxRQUFBLEdBQUFqQyxPQUFBLDJCQUVhLElBQUFrQyxXQUFJLEVBQUNuQyxRQUFRLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCAnLi9zdHlsZSc7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWwgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ2Nhcm91c2VsJywgY291bnQsIGFjdGl2ZUluZGV4LCBkZWZhdWx0QWN0aXZlSW5kZXggPSAwLCBvbkNoYW5nZSwgcmVmLCB9ID0gcHJvcHM7XG4gICAgY29uc3QgW2N1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4XSA9IHVzZUNvbnRyb2xsZWRTdGF0ZShkZWZhdWx0QWN0aXZlSW5kZXgsIGFjdGl2ZUluZGV4KTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGhhbmRsZURvdENsaWNrID0gdXNlRXZlbnRDYWxsYmFjaygoaW5kZXgpID0+IHtcbiAgICAgICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGluZGV4KTtcbiAgICB9KTtcbiAgICBpZiAoY291bnQgPD0gMClcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIHsgcmVmOiByZWYsIGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCksIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb3VudCB9LCAoXywgaW5kZXgpID0+IChfanN4KFwiYnV0dG9uXCIsIHsgdHlwZTogXCJidXR0b25cIiwgXCJhcmlhLWxhYmVsXCI6IGBHbyB0byBzdGVwICR7aW5kZXggKyAxfWAsIGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCdkb3QnKSwgaW5kZXggPT09IGN1cnJlbnRJbmRleCAmJiBjbGFzc2VzKCdkb3QtYWN0aXZlJykpLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVEb3RDbGljayhpbmRleCkgfSwgaW5kZXgpKSkgfSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oQ2Fyb3VzZWwpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Carousel/index.d.ts

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

package/lib/components/Carousel/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Carousel: true
+};
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel.Carousel;
+  }
+});
+exports["default"] = void 0;
+var _Carousel = _interopRequireWildcard(require("./Carousel"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _Carousel["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvaW5kZXgudHMiXSwibmFtZXMiOlsiX0Nhcm91c2VsIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2ludGVyZmFjZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsIm4iLCJfX3Byb3RvX18iLCJhIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImkiLCJzZXQiLCJfZGVmYXVsdCIsIkNhcm91c2VsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsU0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFoQix3QkFBQWdCLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUwsR0FBQSxDQUFBRSxDQUFBLE9BQUFPLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUF0QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBdUIsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBWCxDQUFBLG9CQUFBVyxDQUFBLE9BQUFuQixjQUFBLENBQUFDLElBQUEsQ0FBQU8sQ0FBQSxFQUFBVyxDQUFBLFNBQUFDLENBQUEsR0FBQUgsQ0FBQSxHQUFBdEIsTUFBQSxDQUFBdUIsd0JBQUEsQ0FBQVYsQ0FBQSxFQUFBVyxDQUFBLFVBQUFDLENBQUEsS0FBQUEsQ0FBQSxDQUFBZCxHQUFBLElBQUFjLENBQUEsQ0FBQUMsR0FBQSxJQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFXLENBQUEsRUFBQUksQ0FBQSxFQUFBQyxDQUFBLElBQUFMLENBQUEsQ0FBQUksQ0FBQSxJQUFBWCxDQUFBLENBQUFXLENBQUEsWUFBQUosQ0FBQSxjQUFBUCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBVSxHQUFBLENBQUFiLENBQUEsRUFBQU8sQ0FBQSxHQUFBQSxDQUFBO0FBQUEsSUFBQU8sUUFBQSxHQUFBbkIsT0FBQSxjQUZib0Isb0JBQVEiLCJmaWxlIjoiY29tcG9uZW50cy9DYXJvdXNlbC9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Carousel/interface.d.ts

@@ -0,0 +1,15 @@
+import type { RefObject } from 'react';
+export interface CarouselProps {
+    ref?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    /** CSS class prefix for customization */
+    prefixCls?: string;
+    /** Total number of indicator dots */
+    count: number;
+    /** Current active dot index (controlled) */
+    activeIndex?: number;
+    /** Default active dot index (uncontrolled) */
+    defaultActiveIndex?: number;
+    /** Callback when active dot changes */
+    onChange?: (index: number) => void;
+}

package/lib/components/Carousel/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9DYXJvdXNlbC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2Fyb3VzZWwvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/Carousel/style/Carousel.css

@@ -0,0 +1,57 @@
+/**
+  * 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-carousel {
+  display: flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+}
+.om-component-ui-carousel-dot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+.om-component-ui-carousel-dot::before {
+  display: block;
+  width: 8px;
+  height: 8px;
+  background-color: var(--om-bg-neutral-secondary, #e3e4e4);
+  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
+  content: "";
+  clip-path: polygon(50% 0%, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0% 50%, 38% 38%);
+}
+.om-component-ui-carousel-dot:hover::before {
+  background-color: var(--om-bg-neutral-secondary-hover, #d1d2d2);
+}
+.om-component-ui-carousel-dot-active::before {
+  width: 12px;
+  height: 12px;
+  background-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-carousel-dot-active:hover::before {
+  background-color: var(--om-bg-brand, #073387);
+}

package/lib/components/Carousel/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Carousel.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2Fyb3VzZWwvc3JjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0Nhcm91c2VsL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Carousel/style/index.d.ts

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