@1money/component-ui 0.0.49 → 0.0.50

package/es/components/Dialog/constants.js

@@ -0,0 +1,54 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var DIALOG_NAMESPACE = 'om-component-ui';
+export var DIALOG_DEFAULT_PREFIX = 'dialog';
+export var DIALOG_SIZE = {
+  small: 'small',
+  large: 'large'
+};
+export var DIALOG_SIZES = [DIALOG_SIZE.small, DIALOG_SIZE.large];
+export var DIALOG_ACTION_KIND = {
+  ok: 'ok',
+  cancel: 'cancel'
+};
+export var DIALOG_CONTROL_TYPE = {
+  back: 'back',
+  close: 'close'
+};
+export var DIALOG_SLOT = {
+  root: 'root',
+  overlay: 'overlay',
+  wrapper: 'wrapper',
+  control: 'control',
+  actionButton: 'action-button',
+  media: 'media',
+  inner: 'inner',
+  header: 'header',
+  body: 'body',
+  illustration: 'illustration',
+  title: 'title',
+  content: 'content',
+  footer: 'footer'
+};
+export var DIALOG_MODIFIER = {
+  open: 'open',
+  closed: 'closed',
+  fullWidth: 'full-width',
+  withMedia: 'with-media'
+};
+export var DIALOG_CONTROL_LABELS = _defineProperty(_defineProperty({}, DIALOG_CONTROL_TYPE.back, 'Go back'), DIALOG_CONTROL_TYPE.close, 'Close dialog');
+export var DIALOG_DEFAULT_ICONS = _defineProperty(_defineProperty({}, DIALOG_CONTROL_TYPE.back, 'arrowLeft'), DIALOG_CONTROL_TYPE.close, 'cross');
+export var DIALOG_DEFAULT_BUTTON_COLORS = _defineProperty(_defineProperty({}, DIALOG_ACTION_KIND.cancel, 'grey'), DIALOG_ACTION_KIND.ok, 'primary');
+export var DIALOG_DEFAULTS = {
+  buttonHtmlType: 'button',
+  buttonSize: 'large',
+  closeTimeoutMs: 200,
+  controlIconSize: 24,
+  illustrationSize: 74,
+  okText: 'Confirm',
+  cancelText: 'Cancel',
+  overflowHidden: 'hidden',
+  overflowReset: '',
+  escapeKey: 'Escape',
+  keydownEvent: 'keydown'
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRGlhbG9nL2NvbnN0YW50cy50cyIsImNvbXBvbmVudHMvRGlhbG9nL2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJESUFMT0dfTkFNRVNQQUNFIiwiRElBTE9HX0RFRkFVTFRfUFJFRklYIiwiRElBTE9HX1NJWkUiLCJzbWFsbCIsImxhcmdlIiwiRElBTE9HX1NJWkVTIiwiRElBTE9HX0FDVElPTl9LSU5EIiwib2siLCJjYW5jZWwiLCJESUFMT0dfQ09OVFJPTF9UWVBFIiwiYmFjayIsImNsb3NlIiwiRElBTE9HX1NMT1QiLCJyb290Iiwib3ZlcmxheSIsIndyYXBwZXIiLCJjb250cm9sIiwiYWN0aW9uQnV0dG9uIiwibWVkaWEiLCJpbm5lciIsImhlYWRlciIsImJvZHkiLCJpbGx1c3RyYXRpb24iLCJ0aXRsZSIsImNvbnRlbnQiLCJmb290ZXIiLCJESUFMT0dfTU9ESUZJRVIiLCJvcGVuIiwiY2xvc2VkIiwiZnVsbFdpZHRoIiwid2l0aE1lZGlhIiwiRElBTE9HX0NPTlRST0xfTEFCRUxTIiwiX2RlZmluZVByb3BlcnR5IiwiRElBTE9HX0RFRkFVTFRfSUNPTlMiLCJESUFMT0dfREVGQVVMVF9CVVRUT05fQ09MT1JTIiwiRElBTE9HX0RFRkFVTFRTIiwiYnV0dG9uSHRtbFR5cGUiLCJidXR0b25TaXplIiwiY2xvc2VUaW1lb3V0TXMiLCJjb250cm9sSWNvblNpemUiLCJpbGx1c3RyYXRpb25TaXplIiwib2tUZXh0IiwiY2FuY2VsVGV4dCIsIm92ZXJmbG93SGlkZGVuIiwib3ZlcmZsb3dSZXNldCIsImVzY2FwZUtleSIsImtleWRvd25FdmVudCJdLCJtYXBwaW5ncyI6IjtBQUdBLE9BQU8sSUFBTUEsZ0JBQWdCLEdBQUcsaUJBQWlCO0FBQ2pELE9BQU8sSUFBTUMscUJBQXFCLEdBQUcsUUFBUTtBQUU3QyxPQUFPLElBQU1DLFdBQVcsR0FBRztFQUN6QkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFO0FDSFQsQ0RJVTtBQUVWLE9BQU8sSUFBTUMsWUFBWSxHQUFHLENBQUNILFdBQVcsQ0FBQ0MsS0FBSyxFQUFFRCxXQUFXLENBQUNFLEtBQUssQ0FBVTtBQUUzRSxPQUFPLElBQU1FLGtCQUFrQixHQUFHO0VBQ2hDQyxFQUFFLEVBQUUsSUFBSTtFQUNSQyxNQUFNLEVBQUU7QUNMVixDRE1VO0FBRVYsT0FBTyxJQUFNQyxtQkFBbUIsR0FBRztFQUNqQ0MsSUFBSSxFQUFFLE1BQU07RUFDWkMsS0FBSyxFQUFFO0FDTlQsQ0RPVTtBQUVWLE9BQU8sSUFBTUMsV0FBVyxHQUFHO0VBQ3pCQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxPQUFPLEVBQUUsU0FBUztFQUNsQkMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCQyxZQUFZLEVBQUUsZUFBZTtFQUM3QkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLE9BQU87RUFDZEMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLElBQUksRUFBRSxNQUFNO0VBQ1pDLFlBQVksRUFBRSxjQUFjO0VBQzVCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxPQUFPLEVBQUUsU0FBUztFQUNsQkMsTUFBTSxFQUFFO0FDUFYsQ0RRVTtBQUVWLE9BQU8sSUFBTUMsZUFBZSxHQUFHO0VBQzdCQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsU0FBUyxFQUFFLFlBQVk7RUFDdkJDLFNBQVMsRUFBRTtBQ1JiLENEU1U7QUFFVixPQUFPLElBQU1DLHFCQUFxQixHQUFBQyxlQUFBLENBQUFBLGVBQUEsS0FDL0J2QixtQkFBbUIsQ0FBQ0MsSUFBSSxFQUFHLFNBQVMsR0FDcENELG1CQUFtQixDQUFDRSxLQUFLLEVBQUcsY0FBYyxDQUM1QztBQUVELE9BQU8sSUFBTXNCLG9CQUFvQixHQUFBRCxlQUFBLENBQUFBLGVBQUEsS0FDOUJ2QixtQkFBbUIsQ0FBQ0MsSUFBSSxFQUFHLFdBQVcsR0FDdENELG1CQUFtQixDQUFDRSxLQUFLLEVBQUcsT0FBTyxDQUNyQztBQUVELE9BQU8sSUFBTXVCLDRCQUE0QixHQUFBRixlQUFBLENBQUFBLGVBQUEsS0FJdEMxQixrQkFBa0IsQ0FBQ0UsTUFBTSxFQUFHLE1BQU0sR0FDbENGLGtCQUFrQixDQUFDQyxFQUFFLEVBQUcsU0FBUyxDQUNuQztBQUVELE9BQU8sSUFBTTRCLGVBQWUsR0FBRztFQUM3QkMsY0FBYyxFQUFFLFFBQVE7RUFDeEJDLFVBQVUsRUFBRSxPQUFrRDtFQUM5REMsY0FBYyxFQUFFLEdBQUc7RUFDbkJDLGVBQWUsRUFBRSxFQUFFO0VBQ25CQyxnQkFBZ0IsRUFBRSxFQUFFO0VBQ3BCQyxNQUFNLEVBQUUsU0FBUztFQUNqQkMsVUFBVSxFQUFFLFFBQVE7RUFDcEJDLGNBQWMsRUFBRSxRQUFRO0VBQ3hCQyxhQUFhLEVBQUUsRUFBRTtFQUNqQkMsU0FBUyxFQUFFLFFBQVE7RUFDbkJDLFlBQVksRUFBRTtBQ2ZoQixDRGdCVSIsImZpbGUiOiJjb21wb25lbnRzL0RpYWxvZy9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBESUFMT0dfTkFNRVNQQUNFID0gJ29tLWNvbXBvbmVudC11aSc7XG5leHBvcnQgY29uc3QgRElBTE9HX0RFRkFVTFRfUFJFRklYID0gJ2RpYWxvZyc7XG5leHBvcnQgY29uc3QgRElBTE9HX1NJWkUgPSB7XG4gICAgc21hbGw6ICdzbWFsbCcsXG4gICAgbGFyZ2U6ICdsYXJnZScsXG59O1xuZXhwb3J0IGNvbnN0IERJQUxPR19TSVpFUyA9IFtESUFMT0dfU0laRS5zbWFsbCwgRElBTE9HX1NJWkUubGFyZ2VdO1xuZXhwb3J0IGNvbnN0IERJQUxPR19BQ1RJT05fS0lORCA9IHtcbiAgICBvazogJ29rJyxcbiAgICBjYW5jZWw6ICdjYW5jZWwnLFxufTtcbmV4cG9ydCBjb25zdCBESUFMT0dfQ09OVFJPTF9UWVBFID0ge1xuICAgIGJhY2s6ICdiYWNrJyxcbiAgICBjbG9zZTogJ2Nsb3NlJyxcbn07XG5leHBvcnQgY29uc3QgRElBTE9HX1NMT1QgPSB7XG4gICAgcm9vdDogJ3Jvb3QnLFxuICAgIG92ZXJsYXk6ICdvdmVybGF5JyxcbiAgICB3cmFwcGVyOiAnd3JhcHBlcicsXG4gICAgY29udHJvbDogJ2NvbnRyb2wnLFxuICAgIGFjdGlvbkJ1dHRvbjogJ2FjdGlvbi1idXR0b24nLFxuICAgIG1lZGlhOiAnbWVkaWEnLFxuICAgIGlubmVyOiAnaW5uZXInLFxuICAgIGhlYWRlcjogJ2hlYWRlcicsXG4gICAgYm9keTogJ2JvZHknLFxuICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzdHJhdGlvbicsXG4gICAgdGl0bGU6ICd0aXRsZScsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGZvb3RlcjogJ2Zvb3RlcicsXG59O1xuZXhwb3J0IGNvbnN0IERJQUxPR19NT0RJRklFUiA9IHtcbiAgICBvcGVuOiAnb3BlbicsXG4gICAgY2xvc2VkOiAnY2xvc2VkJyxcbiAgICBmdWxsV2lkdGg6ICdmdWxsLXdpZHRoJyxcbiAgICB3aXRoTWVkaWE6ICd3aXRoLW1lZGlhJyxcbn07XG5leHBvcnQgY29uc3QgRElBTE9HX0NPTlRST0xfTEFCRUxTID0ge1xuICAgIFtESUFMT0dfQ09OVFJPTF9UWVBFLmJhY2tdOiAnR28gYmFjaycsXG4gICAgW0RJQUxPR19DT05UUk9MX1RZUEUuY2xvc2VdOiAnQ2xvc2UgZGlhbG9nJyxcbn07XG5leHBvcnQgY29uc3QgRElBTE9HX0RFRkFVTFRfSUNPTlMgPSB7XG4gICAgW0RJQUxPR19DT05UUk9MX1RZUEUuYmFja106ICdhcnJvd0xlZnQnLFxuICAgIFtESUFMT0dfQ09OVFJPTF9UWVBFLmNsb3NlXTogJ2Nyb3NzJyxcbn07XG5leHBvcnQgY29uc3QgRElBTE9HX0RFRkFVTFRfQlVUVE9OX0NPTE9SUyA9IHtcbiAgICBbRElBTE9HX0FDVElPTl9LSU5ELmNhbmNlbF06ICdncmV5JyxcbiAgICBbRElBTE9HX0FDVElPTl9LSU5ELm9rXTogJ3ByaW1hcnknLFxufTtcbmV4cG9ydCBjb25zdCBESUFMT0dfREVGQVVMVFMgPSB7XG4gICAgYnV0dG9uSHRtbFR5cGU6ICdidXR0b24nLFxuICAgIGJ1dHRvblNpemU6ICdsYXJnZScsXG4gICAgY2xvc2VUaW1lb3V0TXM6IDIwMCxcbiAgICBjb250cm9sSWNvblNpemU6IDI0LFxuICAgIGlsbHVzdHJhdGlvblNpemU6IDc0LFxuICAgIG9rVGV4dDogJ0NvbmZpcm0nLFxuICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgIG92ZXJmbG93SGlkZGVuOiAnaGlkZGVuJyxcbiAgICBvdmVyZmxvd1Jlc2V0OiAnJyxcbiAgICBlc2NhcGVLZXk6ICdFc2NhcGUnLFxuICAgIGtleWRvd25FdmVudDogJ2tleWRvd24nLFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

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

package/es/components/Dialog/index.js

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

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

@@ -0,0 +1,36 @@
+import type { CSSProperties, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import type { ButtonProps } from "../Button";
+import type { IconName } from "../Icons";
+import type { DialogSize } from './constants';
+export type { DialogSize } from './constants';
+export type DialogFooterRender = (cancelButton: ReactNode, okButton: ReactNode) => ReactNode;
+export interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'onCancel'> {
+    prefixCls?: string;
+    open?: boolean;
+    size?: DialogSize;
+    maskClosable?: boolean;
+    showCloseIcon?: boolean;
+    showBackIcon?: boolean;
+    fullWidth?: boolean;
+    title?: ReactNode;
+    children?: ReactNode;
+    illustration?: ReactNode | IconName;
+    media?: ReactNode;
+    closeIcon?: ReactNode;
+    backIcon?: ReactNode;
+    footer?: ReactNode | DialogFooterRender | null;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    onBack?: () => void;
+    okText?: ReactNode;
+    cancelText?: ReactNode;
+    rootStyle?: CSSProperties;
+    wrapperStyle?: CSSProperties;
+    bodyStyle?: CSSProperties;
+    headerStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
+    footerStyle?: CSSProperties;
+    cancelButtonProps?: Partial<ButtonProps>;
+    okButtonProps?: Partial<ButtonProps>;
+}
+export type DialogButtonClickHandler = MouseEventHandler<HTMLButtonElement>;

package/es/components/Dialog/interface.js

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

package/es/components/Dialog/style/Dialog.css

@@ -0,0 +1,204 @@
+/**
+  * 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-dialog-root {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+}
+
+.om-component-ui-dialog-overlay {
+  position: absolute;
+  inset: 0;
+  background-color: var(--om-bg-scrim-dark, rgba(0, 0, 0, 0.2));
+  opacity: 0;
+  transition: opacity 200ms ease;
+}
+
+.om-component-ui-dialog-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: var(--om-spacing-400, 16px);
+  pointer-events: none;
+}
+
+.om-component-ui-dialog {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  width: min(100%, 450px);
+  max-height: calc(100vh - var(--om-spacing-800, 32px));
+  overflow: hidden;
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-neutral, #e3e4e4);
+  border-radius: var(--om-radius-600, 24px);
+  outline: none;
+  box-shadow: var(--om-shadow-200, 0 10px 22px rgba(0, 0, 0, 0.1));
+  transform: translateY(var(--om-spacing-400, 16px));
+  opacity: 0;
+  transition: opacity 200ms ease, transform 200ms ease;
+  pointer-events: auto;
+}
+.om-component-ui-dialog-small {
+  width: min(100%, 450px);
+}
+.om-component-ui-dialog-large {
+  width: min(100%, 740px);
+}
+.om-component-ui-dialog-full-width {
+  width: calc(100vw - var(--om-spacing-800, 32px));
+  max-width: none;
+}
+.om-component-ui-dialog-with-media .om-component-ui-dialog-inner {
+  padding-top: var(--om-spacing-800, 32px);
+}
+.om-component-ui-dialog-media {
+  width: 100%;
+  overflow: hidden;
+  background-color: var(--om-bg-default-tertiary, #e3e4e4);
+}
+.om-component-ui-dialog-inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-600, 24px);
+  width: 100%;
+  padding: var(--om-spacing-800, 32px);
+}
+.om-component-ui-dialog-header {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 24px;
+}
+.om-component-ui-dialog-control {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  color: var(--om-icon-default-tertiary, #646465);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.om-component-ui-dialog-control .om-component-ui-icons-wrapper {
+  --icon-color: currentcolor;
+}
+.om-component-ui-dialog-control:hover {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-dialog-control-close {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 1;
+}
+.om-component-ui-dialog-body {
+  width: 100%;
+  min-width: 0;
+}
+.om-component-ui-dialog-illustration {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding-bottom: var(--om-spacing-300, 12px);
+  line-height: 0;
+}
+.om-component-ui-dialog-title, .om-component-ui-dialog-content {
+  width: 100%;
+  min-width: 0;
+}
+.om-component-ui-dialog-title {
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-dialog-content {
+  padding-top: var(--om-spacing-300, 12px);
+}
+.om-component-ui-dialog-footer {
+  display: flex;
+  gap: var(--om-spacing-300, 12px);
+  width: 100%;
+}
+.om-component-ui-dialog-footer-small {
+  flex-direction: column;
+  align-items: stretch;
+}
+.om-component-ui-dialog-footer-large {
+  align-items: stretch;
+}
+.om-component-ui-dialog-action-button {
+  width: 100%;
+  min-height: 52px;
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-dialog-action-button.om-component-ui-button {
+  justify-content: center;
+}
+.om-component-ui-dialog-action-button-cancel.om-component-ui-button {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+}
+.om-component-ui-dialog-action-button-cancel.om-component-ui-button:hover:not(:disabled) {
+  background-color: var(--om-bg-neutral-secondary, #e3e4e4);
+}
+.om-component-ui-dialog-footer-large > .om-component-ui-dialog-action-button {
+  flex: 1 1 0;
+}
+
+.om-component-ui-dialog-root-open .om-component-ui-dialog-overlay {
+  opacity: 1;
+}
+.om-component-ui-dialog-root-open .om-component-ui-dialog {
+  transform: translateY(0);
+  opacity: 1;
+}
+
+.om-component-ui-dialog-root-closed .om-component-ui-dialog-overlay {
+  opacity: 0;
+}
+.om-component-ui-dialog-root-closed .om-component-ui-dialog {
+  transform: translateY(var(--om-spacing-400, 16px));
+  opacity: 0;
+}
+
+@media (max-width: 767.98px) {
+  .om-component-ui-dialog-wrapper {
+    align-items: flex-end;
+  }
+  .om-component-ui-dialog-full-width {
+    width: 100%;
+  }
+  .om-component-ui-dialog-inner {
+    padding-right: var(--om-spacing-800, 32px);
+    padding-left: var(--om-spacing-800, 32px);
+  }
+  .om-component-ui-dialog-footer-large {
+    flex-direction: column;
+  }
+}

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

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

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

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

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

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

package/es/components/Divider/Divider.d.ts

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

package/es/components/Divider/Divider.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 } from "react/jsx-runtime";
+import { memo } from 'react';
+import classnames, { joinCls } from '../../utils/classnames';
+import './style';
+import { DIVIDER_COMPONENT_NAME, DIVIDER_DEFAULT_PREFIX, DIVIDER_DEFAULTS, DIVIDER_MODIFIER, DIVIDER_ORIENTATION_MARGIN_PROPERTY, DIVIDER_SLOT, DIVIDER_TYPE, DIVIDER_VARIANT } from './constants';
+export var Divider = /*#__PURE__*/memo(function (props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? DIVIDER_DEFAULTS.type : _props$type,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? DIVIDER_DEFAULTS.orientation : _props$orientation,
+    orientationMargin = props.orientationMargin,
+    _props$plain = props.plain,
+    plain = _props$plain === void 0 ? false : _props$plain,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? DIVIDER_DEFAULTS.variant : _props$variant,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? DIVIDER_DEFAULT_PREFIX : _props$prefixCls,
+    className = props.className,
+    children = props.children,
+    style = props.style,
+    rest = __rest(props, ["type", "orientation", "orientationMargin", "plain", "variant", "prefixCls", "className", "children", "style"]);
+  var classes = classnames(prefixCls);
+  var showInlineText = type === DIVIDER_TYPE.horizontal && !!children;
+  var hasCustomMargin = orientationMargin != null && orientationMargin !== '';
+  var classNameValue = joinCls(classes(), classes(type), showInlineText && classes(DIVIDER_MODIFIER.withText), showInlineText && classes("".concat(DIVIDER_MODIFIER.withText, "-").concat(orientation)), plain && classes(DIVIDER_MODIFIER.plain), variant !== DIVIDER_VARIANT.solid && classes(variant), hasCustomMargin && classes(DIVIDER_MODIFIER.noDefaultMargin), className);
+  var marginProperty = DIVIDER_ORIENTATION_MARGIN_PROPERTY[orientation];
+  var innerStyle = showInlineText && hasCustomMargin && marginProperty ? _defineProperty({}, marginProperty, orientationMargin) : undefined;
+  return _jsx("div", Object.assign({}, rest, {
+    className: classNameValue,
+    style: style,
+    role: "separator",
+    children: showInlineText && _jsx("span", {
+      className: classes(DIVIDER_SLOT.innerText),
+      style: innerStyle,
+      children: children
+    })
+  }));
+});
+Divider.displayName = DIVIDER_COMPONENT_NAME;
+export default Divider;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRGl2aWRlci9EaXZpZGVyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9EaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwianN4IiwiX2pzeCIsIm1lbW8iLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIkRJVklERVJfQ09NUE9ORU5UX05BTUUiLCJESVZJREVSX0RFRkFVTFRfUFJFRklYIiwiRElWSURFUl9ERUZBVUxUUyIsIkRJVklERVJfTU9ESUZJRVIiLCJESVZJREVSX09SSUVOVEFUSU9OX01BUkdJTl9QUk9QRVJUWSIsIkRJVklERVJfU0xPVCIsIkRJVklERVJfVFlQRSIsIkRJVklERVJfVkFSSUFOVCIsIkRpdmlkZXIiLCJwcm9wcyIsIl9wcm9wcyR0eXBlIiwidHlwZSIsIl9wcm9wcyRvcmllbnRhdGlvbiIsIm9yaWVudGF0aW9uIiwib3JpZW50YXRpb25NYXJnaW4iLCJfcHJvcHMkcGxhaW4iLCJwbGFpbiIsIl9wcm9wcyR2YXJpYW50IiwidmFyaWFudCIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsInN0eWxlIiwicmVzdCIsImNsYXNzZXMiLCJzaG93SW5saW5lVGV4dCIsImhvcml6b250YWwiLCJoYXNDdXN0b21NYXJnaW4iLCJjbGFzc05hbWVWYWx1ZSIsIndpdGhUZXh0IiwiY29uY2F0Iiwic29saWQiLCJub0RlZmF1bHRNYXJnaW4iLCJtYXJnaW5Qcm9wZXJ0eSIsImlubmVyU3R5bGUiLCJfZGVmaW5lUHJvcGVydHkiLCJ1bmRlZmluZWQiLCJhc3NpZ24iLCJyb2xlIiwiaW5uZXJUZXh0IiwiZGlzcGxh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S0FBSztJQUNaZ0IsSUFBSSxFQUFDLFdBQVc7SUFBQWpCLFFBQUEsRUFFZkksY0FBYyxJQUNiOUIsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNeUIsU0FBUyxFQUFFSSxPQUFPLENBQUNwQixZQUFZLENBQUNtQyxTQUFTLENBQUM7TUFBRWpCLEtBQUssRUFBRVksVUFBVTtNQUFBYixRQUFBLEVBQ2hFQTtJQUFRLENBQUE7RUFFWixDQUFBLENBQUEsQ0FDRztBQUVWLENBQUMsQ0FBQztBQUVGZCxPQUFPLENBQUNpQyxXQUFXLEdBQUd6QyxzQkFBc0I7QUFFNUMsZUFBZVEsT0FBTyIsImZpbGUiOiJjb21wb25lbnRzL0RpdmlkZXIvRGl2aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMsIHsgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmltcG9ydCB7IERJVklERVJfQ09NUE9ORU5UX05BTUUsIERJVklERVJfREVGQVVMVF9QUkVGSVgsIERJVklERVJfREVGQVVMVFMsIERJVklERVJfTU9ESUZJRVIsIERJVklERVJfT1JJRU5UQVRJT05fTUFSR0lOX1BST1BFUlRZLCBESVZJREVSX1NMT1QsIERJVklERVJfVFlQRSwgRElWSURFUl9WQVJJQU5ULCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gbWVtbyhwcm9wcyA9PiB7XG4gICAgY29uc3QgeyB0eXBlID0gRElWSURFUl9ERUZBVUxUUy50eXBlLCBvcmllbnRhdGlvbiA9IERJVklERVJfREVGQVVMVFMub3JpZW50YXRpb24sIG9yaWVudGF0aW9uTWFyZ2luLCBwbGFpbiA9IGZhbHNlLCB2YXJpYW50ID0gRElWSURFUl9ERUZBVUxUUy52YXJpYW50LCBwcmVmaXhDbHMgPSBESVZJREVSX0RFRkFVTFRfUFJFRklYLCBjbGFzc05hbWUsIGNoaWxkcmVuLCBzdHlsZSB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcInR5cGVcIiwgXCJvcmllbnRhdGlvblwiLCBcIm9yaWVudGF0aW9uTWFyZ2luXCIsIFwicGxhaW5cIiwgXCJ2YXJpYW50XCIsIFwicHJlZml4Q2xzXCIsIFwiY2xhc3NOYW1lXCIsIFwiY2hpbGRyZW5cIiwgXCJzdHlsZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBzaG93SW5saW5lVGV4dCA9IHR5cGUgPT09IERJVklERVJfVFlQRS5ob3Jpem9udGFsICYmICEhY2hpbGRyZW47XG4gICAgY29uc3QgaGFzQ3VzdG9tTWFyZ2luID0gb3JpZW50YXRpb25NYXJnaW4gIT0gbnVsbCAmJiBvcmllbnRhdGlvbk1hcmdpbiAhPT0gJyc7XG4gICAgY29uc3QgY2xhc3NOYW1lVmFsdWUgPSBqb2luQ2xzKGNsYXNzZXMoKSwgY2xhc3Nlcyh0eXBlKSwgc2hvd0lubGluZVRleHQgJiYgY2xhc3NlcyhESVZJREVSX01PRElGSUVSLndpdGhUZXh0KSwgc2hvd0lubGluZVRleHQgJiYgY2xhc3NlcyhgJHtESVZJREVSX01PRElGSUVSLndpdGhUZXh0fS0ke29yaWVudGF0aW9ufWApLCBwbGFpbiAmJiBjbGFzc2VzKERJVklERVJfTU9ESUZJRVIucGxhaW4pLCB2YXJpYW50ICE9PSBESVZJREVSX1ZBUklBTlQuc29saWQgJiYgY2xhc3Nlcyh2YXJpYW50KSwgaGFzQ3VzdG9tTWFyZ2luICYmIGNsYXNzZXMoRElWSURFUl9NT0RJRklFUi5ub0RlZmF1bHRNYXJnaW4pLCBjbGFzc05hbWUpO1xuICAgIGNvbnN0IG1hcmdpblByb3BlcnR5ID0gRElWSURFUl9PUklFTlRBVElPTl9NQVJHSU5fUFJPUEVSVFlbb3JpZW50YXRpb25dO1xuICAgIGNvbnN0IGlubmVyU3R5bGUgPSBzaG93SW5saW5lVGV4dCAmJiBoYXNDdXN0b21NYXJnaW4gJiYgbWFyZ2luUHJvcGVydHlcbiAgICAgICAgPyB7IFttYXJnaW5Qcm9wZXJ0eV06IG9yaWVudGF0aW9uTWFyZ2luIH1cbiAgICAgICAgOiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgY2xhc3NOYW1lOiBjbGFzc05hbWVWYWx1ZSwgc3R5bGU6IHN0eWxlLCByb2xlOiBcInNlcGFyYXRvclwiLCBjaGlsZHJlbjogc2hvd0lubGluZVRleHQgJiYgKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKERJVklERVJfU0xPVC5pbm5lclRleHQpLCBzdHlsZTogaW5uZXJTdHlsZSwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSB9KSkpO1xufSk7XG5EaXZpZGVyLmRpc3BsYXlOYW1lID0gRElWSURFUl9DT01QT05FTlRfTkFNRTtcbmV4cG9ydCBkZWZhdWx0IERpdmlkZXI7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,36 @@
+export declare const DIVIDER_COMPONENT_NAME = "Divider";
+export declare const DIVIDER_DEFAULT_PREFIX = "divider";
+export declare const DIVIDER_TYPE: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+export declare const DIVIDER_TYPES: readonly ["horizontal", "vertical"];
+export declare const DIVIDER_ORIENTATION: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+export declare const DIVIDER_ORIENTATIONS: readonly ["left", "center", "right"];
+export declare const DIVIDER_VARIANT: {
+    readonly solid: "solid";
+    readonly dashed: "dashed";
+    readonly dotted: "dotted";
+};
+export declare const DIVIDER_VARIANTS: readonly ["solid", "dashed", "dotted"];
+export declare const DIVIDER_DEFAULTS: {
+    readonly type: "horizontal";
+    readonly orientation: "center";
+    readonly variant: "solid";
+};
+export declare const DIVIDER_MODIFIER: {
+    readonly withText: "with-text";
+    readonly plain: "plain";
+    readonly noDefaultMargin: "no-default-margin";
+};
+export declare const DIVIDER_SLOT: {
+    readonly innerText: "inner-text";
+};
+export declare const DIVIDER_ORIENTATION_MARGIN_PROPERTY: Partial<Record<DividerOrientation, string>>;
+export type DividerType = (typeof DIVIDER_TYPES)[number];
+export type DividerOrientation = (typeof DIVIDER_ORIENTATIONS)[number];
+export type DividerVariant = (typeof DIVIDER_VARIANTS)[number];

package/es/components/Divider/constants.js

@@ -0,0 +1,41 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var DIVIDER_COMPONENT_NAME = 'Divider';
+export var DIVIDER_DEFAULT_PREFIX = 'divider';
+// ── Type ────────────────────────────────────────────────────────────────────
+export var DIVIDER_TYPE = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+export var DIVIDER_TYPES = [DIVIDER_TYPE.horizontal, DIVIDER_TYPE.vertical];
+// ── Orientation ─────────────────────────────────────────────────────────────
+export var DIVIDER_ORIENTATION = {
+  left: 'left',
+  center: 'center',
+  right: 'right'
+};
+export var DIVIDER_ORIENTATIONS = [DIVIDER_ORIENTATION.left, DIVIDER_ORIENTATION.center, DIVIDER_ORIENTATION.right];
+// ── Variant ─────────────────────────────────────────────────────────────────
+export var DIVIDER_VARIANT = {
+  solid: 'solid',
+  dashed: 'dashed',
+  dotted: 'dotted'
+};
+export var DIVIDER_VARIANTS = [DIVIDER_VARIANT.solid, DIVIDER_VARIANT.dashed, DIVIDER_VARIANT.dotted];
+// ── Defaults ────────────────────────────────────────────────────────────────
+export var DIVIDER_DEFAULTS = {
+  type: DIVIDER_TYPE.horizontal,
+  orientation: DIVIDER_ORIENTATION.center,
+  variant: DIVIDER_VARIANT.solid
+};
+// ── BEM Modifiers & Slots ───────────────────────────────────────────────────
+export var DIVIDER_MODIFIER = {
+  withText: 'with-text',
+  plain: 'plain',
+  noDefaultMargin: 'no-default-margin'
+};
+export var DIVIDER_SLOT = {
+  innerText: 'inner-text'
+};
+// ── Orientation → margin CSS property mapping ───────────────────────────────
+export var DIVIDER_ORIENTATION_MARGIN_PROPERTY = _defineProperty(_defineProperty({}, DIVIDER_ORIENTATION.left, 'marginInlineStart'), DIVIDER_ORIENTATION.right, 'marginInlineEnd');
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRGl2aWRlci9jb25zdGFudHMudHMiLCJjb21wb25lbnRzL0RpdmlkZXIvY29uc3RhbnRzLmpzIl0sIm5hbWVzIjpbIkRJVklERVJfQ09NUE9ORU5UX05BTUUiLCJESVZJREVSX0RFRkFVTFRfUFJFRklYIiwiRElWSURFUl9UWVBFIiwiaG9yaXpvbnRhbCIsInZlcnRpY2FsIiwiRElWSURFUl9UWVBFUyIsIkRJVklERVJfT1JJRU5UQVRJT04iLCJsZWZ0IiwiY2VudGVyIiwicmlnaHQiLCJESVZJREVSX09SSUVOVEFUSU9OUyIsIkRJVklERVJfVkFSSUFOVCIsInNvbGlkIiwiZGFzaGVkIiwiZG90dGVkIiwiRElWSURFUl9WQVJJQU5UUyIsIkRJVklERVJfREVGQVVMVFMiLCJ0eXBlIiwib3JpZW50YXRpb24iLCJ2YXJpYW50IiwiRElWSURFUl9NT0RJRklFUiIsIndpdGhUZXh0IiwicGxhaW4iLCJub0RlZmF1bHRNYXJnaW4iLCJESVZJREVSX1NMT1QiLCJpbm5lclRleHQiLCJESVZJREVSX09SSUVOVEFUSU9OX01BUkdJTl9QUk9QRVJUWSIsIl9kZWZpbmVQcm9wZXJ0eSJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBTUEsc0JBQXNCLEdBQUcsU0FBUztBQUMvQyxPQUFPLElBQU1DLHNCQUFzQixHQUFHLFNBQVM7QUFFL0M7QUFDQSxPQUFPLElBQU1DLFlBQVksR0FBRztFQUMxQkMsVUFBVSxFQUFFLFlBQVk7RUFDeEJDLFFBQVEsRUFBRTtBQ0FaLENEQ1U7QUFFVixPQUFPLElBQU1DLGFBQWEsR0FBRyxDQUMzQkgsWUFBWSxDQUFDQyxVQUFVLEVBQ3ZCRCxZQUFZLENBQUNFLFFBQVEsQ0FDYjtBQUVWO0FBQ0EsT0FBTyxJQUFNRSxtQkFBbUIsR0FBRztFQUNqQ0MsSUFBSSxFQUFFLE1BQU07RUFDWkMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRTtBQ0ZULENER1U7QUFFVixPQUFPLElBQU1DLG9CQUFvQixHQUFHLENBQ2xDSixtQkFBbUIsQ0FBQ0MsSUFBSSxFQUN4QkQsbUJBQW1CLENBQUNFLE1BQU0sRUFDMUJGLG1CQUFtQixDQUFDRyxLQUFLLENBQ2pCO0FBRVY7QUFDQSxPQUFPLElBQU1FLGVBQWUsR0FBRztFQUM3QkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLE1BQU0sRUFBRTtBQ0pWLENES1U7QUFFVixPQUFPLElBQU1DLGdCQUFnQixHQUFHLENBQzlCSixlQUFlLENBQUNDLEtBQUssRUFDckJELGVBQWUsQ0FBQ0UsTUFBTSxFQUN0QkYsZUFBZSxDQUFDRyxNQUFNLENBQ2Q7QUFFVjtBQUNBLE9BQU8sSUFBTUUsZ0JBQWdCLEdBQUc7RUFDOUJDLElBQUksRUFBRWYsWUFBWSxDQUFDQyxVQUFVO0VBQzdCZSxXQUFXLEVBQUVaLG1CQUFtQixDQUFDRSxNQUFNO0VBQ3ZDVyxPQUFPLEVBQUVSLGVBQWUsQ0FBQ0M7QUNOM0IsQ0RPVTtBQUVWO0FBQ0EsT0FBTyxJQUFNUSxnQkFBZ0IsR0FBRztFQUM5QkMsUUFBUSxFQUFFLFdBQVc7RUFDckJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLGVBQWUsRUFBRTtBQ1BuQixDRFFVO0FBRVYsT0FBTyxJQUFNQyxZQUFZLEdBQUc7RUFDMUJDLFNBQVMsRUFBRTtBQ1JiLENEU1U7QUFFVjtBQUNBLE9BQU8sSUFBTUMsbUNBQW1DLEdBQUFDLGVBQUEsQ0FBQUEsZUFBQSxLQUc3Q3JCLG1CQUFtQixDQUFDQyxJQUFJLEVBQUcsbUJBQW1CLEdBQzlDRCxtQkFBbUIsQ0FBQ0csS0FBSyxFQUFHLGlCQUFpQixDQUMvQyIsImZpbGUiOiJjb21wb25lbnRzL0RpdmlkZXIvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgRElWSURFUl9DT01QT05FTlRfTkFNRSA9ICdEaXZpZGVyJztcbmV4cG9ydCBjb25zdCBESVZJREVSX0RFRkFVTFRfUFJFRklYID0gJ2RpdmlkZXInO1xuLy8g4pSA4pSAIFR5cGUg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG5leHBvcnQgY29uc3QgRElWSURFUl9UWVBFID0ge1xuICAgIGhvcml6b250YWw6ICdob3Jpem9udGFsJyxcbiAgICB2ZXJ0aWNhbDogJ3ZlcnRpY2FsJyxcbn07XG5leHBvcnQgY29uc3QgRElWSURFUl9UWVBFUyA9IFtcbiAgICBESVZJREVSX1RZUEUuaG9yaXpvbnRhbCxcbiAgICBESVZJREVSX1RZUEUudmVydGljYWwsXG5dO1xuLy8g4pSA4pSAIE9yaWVudGF0aW9uIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuZXhwb3J0IGNvbnN0IERJVklERVJfT1JJRU5UQVRJT04gPSB7XG4gICAgbGVmdDogJ2xlZnQnLFxuICAgIGNlbnRlcjogJ2NlbnRlcicsXG4gICAgcmlnaHQ6ICdyaWdodCcsXG59O1xuZXhwb3J0IGNvbnN0IERJVklERVJfT1JJRU5UQVRJT05TID0gW1xuICAgIERJVklERVJfT1JJRU5UQVRJT04ubGVmdCxcbiAgICBESVZJREVSX09SSUVOVEFUSU9OLmNlbnRlcixcbiAgICBESVZJREVSX09SSUVOVEFUSU9OLnJpZ2h0LFxuXTtcbi8vIOKUgOKUgCBWYXJpYW50IOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgFxuZXhwb3J0IGNvbnN0IERJVklERVJfVkFSSUFOVCA9IHtcbiAgICBzb2xpZDogJ3NvbGlkJyxcbiAgICBkYXNoZWQ6ICdkYXNoZWQnLFxuICAgIGRvdHRlZDogJ2RvdHRlZCcsXG59O1xuZXhwb3J0IGNvbnN0IERJVklERVJfVkFSSUFOVFMgPSBbXG4gICAgRElWSURFUl9WQVJJQU5ULnNvbGlkLFxuICAgIERJVklERVJfVkFSSUFOVC5kYXNoZWQsXG4gICAgRElWSURFUl9WQVJJQU5ULmRvdHRlZCxcbl07XG4vLyDilIDilIAgRGVmYXVsdHMg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG5leHBvcnQgY29uc3QgRElWSURFUl9ERUZBVUxUUyA9IHtcbiAgICB0eXBlOiBESVZJREVSX1RZUEUuaG9yaXpvbnRhbCxcbiAgICBvcmllbnRhdGlvbjogRElWSURFUl9PUklFTlRBVElPTi5jZW50ZXIsXG4gICAgdmFyaWFudDogRElWSURFUl9WQVJJQU5ULnNvbGlkLFxufTtcbi8vIOKUgOKUgCBCRU0gTW9kaWZpZXJzICYgU2xvdHMg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG5leHBvcnQgY29uc3QgRElWSURFUl9NT0RJRklFUiA9IHtcbiAgICB3aXRoVGV4dDogJ3dpdGgtdGV4dCcsXG4gICAgcGxhaW46ICdwbGFpbicsXG4gICAgbm9EZWZhdWx0TWFyZ2luOiAnbm8tZGVmYXVsdC1tYXJnaW4nLFxufTtcbmV4cG9ydCBjb25zdCBESVZJREVSX1NMT1QgPSB7XG4gICAgaW5uZXJUZXh0OiAnaW5uZXItdGV4dCcsXG59O1xuLy8g4pSA4pSAIE9yaWVudGF0aW9uIOKGkiBtYXJnaW4gQ1NTIHByb3BlcnR5IG1hcHBpbmcg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAXG5leHBvcnQgY29uc3QgRElWSURFUl9PUklFTlRBVElPTl9NQVJHSU5fUFJPUEVSVFkgPSB7XG4gICAgW0RJVklERVJfT1JJRU5UQVRJT04ubGVmdF06ICdtYXJnaW5JbmxpbmVTdGFydCcsXG4gICAgW0RJVklERVJfT1JJRU5UQVRJT04ucmlnaHRdOiAnbWFyZ2luSW5saW5lRW5kJyxcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

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

package/es/components/Divider/index.js

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

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

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DividerOrientation, DividerType, DividerVariant } from './constants';
+export type { DividerOrientation, DividerType, DividerVariant } from './constants';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Direction type of the divider */
+    type?: DividerType;
+    /** Position of the title inside the divider */
+    orientation?: DividerOrientation;
+    /** Margin between the title and the closest border (px or percentage) */
+    orientationMargin?: string | number;
+    /** Whether the divider text is displayed in plain style (no bold/special styling) */
+    plain?: boolean;
+    /** Border style variant */
+    variant?: DividerVariant;
+    /** Custom class prefix */
+    prefixCls?: string;
+    /** Inner content rendered between the divider lines */
+    children?: ReactNode;
+}

package/es/components/Divider/interface.js

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

package/es/components/Divider/style/Divider.css

@@ -0,0 +1,128 @@
+/**
+  * 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-divider {
+  border-block-start: 0;
+  border-block-end: 0;
+  border-inline-start: 0;
+  border-inline-end: 0;
+  border-color: var(--om-border-default, #d1d2d2);
+}
+.om-component-ui-divider-horizontal {
+  display: flex;
+  align-items: center;
+  clear: both;
+  width: 100%;
+  min-width: 100%;
+  margin: var(--om-spacing-300, 12px) 0;
+  border-block-start: 1px solid var(--om-border-default, #d1d2d2);
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text {
+  margin: var(--om-spacing-200, 8px) 0;
+  border-block-start: 0;
+  white-space: nowrap;
+  text-align: center;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text::before, .om-component-ui-divider-horizontal.om-component-ui-divider-with-text::after {
+  position: relative;
+  width: 50%;
+  border-block-start: 1px solid transparent;
+  border-block-start-color: inherit;
+  border-block-end: 0;
+  transform: translateY(50%);
+  content: "";
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text-left::before {
+  width: 5%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text-left::after {
+  width: 95%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text-right::before {
+  width: 95%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-with-text-right::after {
+  width: 5%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-no-default-margin.om-component-ui-divider-with-text-left::before {
+  width: 0;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-no-default-margin.om-component-ui-divider-with-text-left::after {
+  width: 100%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-no-default-margin.om-component-ui-divider-with-text-right::before {
+  width: 100%;
+}
+.om-component-ui-divider-horizontal.om-component-ui-divider-no-default-margin.om-component-ui-divider-with-text-right::after {
+  width: 0;
+}
+.om-component-ui-divider-vertical {
+  position: relative;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 var(--om-spacing-100, 4px);
+  vertical-align: middle;
+  border-inline-start: 1px solid var(--om-border-default, #d1d2d2);
+}
+.om-component-ui-divider-inner-text {
+  display: inline-block;
+  padding: 0 var(--om-spacing-200, 8px);
+  color: var(--om-text-default, #131313);
+  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-divider-plain .om-component-ui-divider-inner-text {
+  font-weight: 400;
+}
+.om-component-ui-divider-dashed {
+  background: none;
+  border-style: dashed;
+  border-width: 1px 0 0;
+}
+.om-component-ui-divider-dashed.om-component-ui-divider-with-text {
+  border-style: unset;
+}
+.om-component-ui-divider-dashed.om-component-ui-divider-with-text::before, .om-component-ui-divider-dashed.om-component-ui-divider-with-text::after {
+  border-style: dashed none none;
+}
+.om-component-ui-divider-dashed.om-component-ui-divider-vertical {
+  border-inline-start-style: dashed;
+  border-width: 0 0 0 1px;
+}
+.om-component-ui-divider-dotted {
+  background: none;
+  border-style: dotted;
+  border-width: 1px 0 0;
+}
+.om-component-ui-divider-dotted.om-component-ui-divider-with-text {
+  border-style: unset;
+}
+.om-component-ui-divider-dotted.om-component-ui-divider-with-text::before, .om-component-ui-divider-dotted.om-component-ui-divider-with-text::after {
+  border-style: dotted none none;
+}
+.om-component-ui-divider-dotted.om-component-ui-divider-vertical {
+  border-inline-start-style: dotted;
+  border-width: 0 0 0 1px;
+}