@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Popconfirm/constants.d.ts

@@ -0,0 +1,74 @@
+import type { Placement } from '@floating-ui/react';
+import type { ButtonProps } from "../Button";
+import type { IconName } from "../Icons";
+import type { TriggerAction, TriggerProps } from "../Trigger/interface";
+export declare const POPCONFIRM_DEFAULT_PREFIX = "popconfirm";
+export declare const POPCONFIRM_DEFAULT_ICON: IconName;
+export declare const POPCONFIRM_DEFAULT_CANCEL_TEXT = "Cancel";
+export declare const POPCONFIRM_DEFAULT_CONFIRM_TEXT = "Confirm";
+export declare const POPCONFIRM_DEFAULT_TRIGGER: TriggerAction;
+export declare const POPCONFIRM_DEFAULT_PLACEMENT: Placement;
+export declare const POPCONFIRM_DEFAULT_OFFSET = 8;
+export declare const POPCONFIRM_ROLE: NonNullable<TriggerProps['role']>;
+export declare const POPCONFIRM_ICON_SIZE = 32;
+export declare const POPCONFIRM_ACTION_KIND: {
+    readonly cancel: "cancel";
+    readonly confirm: "confirm";
+};
+export declare const POPCONFIRM_SLOT: {
+    readonly overlay: "overlay";
+    readonly arrow: "arrow";
+    readonly arrowFill: "arrow-fill";
+    readonly arrowStroke: "arrow-stroke";
+    readonly header: "header";
+    readonly icon: "icon";
+    readonly content: "content";
+    readonly title: "title";
+    readonly body: "body";
+    readonly actions: "actions";
+};
+export declare const POPCONFIRM_TRIGGER_OPTIONS: TriggerAction[];
+export declare const POPCONFIRM_PLACEMENTS: Placement[];
+export declare const POPCONFIRM_ICON_OPTIONS: IconName[];
+export declare const POPCONFIRM_DEMO_COPY: {
+    readonly destructive: {
+        readonly title: "Delete transfer rule?";
+        readonly body: "This action removes the rule immediately and cannot be undone.";
+        readonly cancelText: "Keep rule";
+        readonly confirmText: "Delete";
+        readonly triggerText: "Delete rule";
+    };
+    readonly archive: {
+        readonly title: "Archive this wallet?";
+        readonly body: "Archiving keeps history intact, but the wallet will disappear from active lists.";
+        readonly cancelText: "Cancel";
+        readonly confirmText: "Archive";
+        readonly triggerText: "Archive wallet";
+    };
+    readonly placementBody: "Popover alignment and beak placement should follow the trigger.";
+    readonly controlledTriggerText: "Controlled Popconfirm";
+    readonly toggleText: "Toggle";
+    readonly openStateText: "Open";
+    readonly closedStateText: "Closed";
+};
+export declare const POPCONFIRM_STORY_STYLE: {
+    readonly placementsWrapper: {
+        display: "flex";
+        flexWrap: "wrap";
+        gap: number;
+        padding: number;
+        justifyContent: "center";
+    };
+    readonly controlledWrapper: {
+        display: "flex";
+        gap: number;
+        alignItems: "center";
+    };
+};
+interface PopconfirmActionButtonDefaults {
+    color: NonNullable<ButtonProps['color']>;
+    size: NonNullable<ButtonProps['size']>;
+}
+export type PopconfirmActionKind = (typeof POPCONFIRM_ACTION_KIND)[keyof typeof POPCONFIRM_ACTION_KIND];
+export declare const POPCONFIRM_ACTION_BUTTON_DEFAULTS: Record<PopconfirmActionKind, PopconfirmActionButtonDefaults>;
+export {};

package/lib/components/Popconfirm/constants.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POPCONFIRM_TRIGGER_OPTIONS = exports.POPCONFIRM_STORY_STYLE = exports.POPCONFIRM_SLOT = exports.POPCONFIRM_ROLE = exports.POPCONFIRM_PLACEMENTS = exports.POPCONFIRM_ICON_SIZE = exports.POPCONFIRM_ICON_OPTIONS = exports.POPCONFIRM_DEMO_COPY = exports.POPCONFIRM_DEFAULT_TRIGGER = exports.POPCONFIRM_DEFAULT_PREFIX = exports.POPCONFIRM_DEFAULT_PLACEMENT = exports.POPCONFIRM_DEFAULT_OFFSET = exports.POPCONFIRM_DEFAULT_ICON = exports.POPCONFIRM_DEFAULT_CONFIRM_TEXT = exports.POPCONFIRM_DEFAULT_CANCEL_TEXT = exports.POPCONFIRM_ACTION_KIND = exports.POPCONFIRM_ACTION_BUTTON_DEFAULTS = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constants = require("../Button/constants");
+var POPCONFIRM_DEFAULT_PREFIX = exports.POPCONFIRM_DEFAULT_PREFIX = 'popconfirm';
+var POPCONFIRM_DEFAULT_ICON = exports.POPCONFIRM_DEFAULT_ICON = 'notificationInfo';
+var POPCONFIRM_DEFAULT_CANCEL_TEXT = exports.POPCONFIRM_DEFAULT_CANCEL_TEXT = 'Cancel';
+var POPCONFIRM_DEFAULT_CONFIRM_TEXT = exports.POPCONFIRM_DEFAULT_CONFIRM_TEXT = 'Confirm';
+var POPCONFIRM_DEFAULT_TRIGGER = exports.POPCONFIRM_DEFAULT_TRIGGER = 'click';
+var POPCONFIRM_DEFAULT_PLACEMENT = exports.POPCONFIRM_DEFAULT_PLACEMENT = 'top';
+var POPCONFIRM_DEFAULT_OFFSET = exports.POPCONFIRM_DEFAULT_OFFSET = 8;
+var POPCONFIRM_ROLE = exports.POPCONFIRM_ROLE = 'alertdialog';
+var POPCONFIRM_ICON_SIZE = exports.POPCONFIRM_ICON_SIZE = 32;
+var POPCONFIRM_ACTION_KIND = exports.POPCONFIRM_ACTION_KIND = {
+  cancel: 'cancel',
+  confirm: 'confirm'
+};
+var POPCONFIRM_SLOT = exports.POPCONFIRM_SLOT = {
+  overlay: 'overlay',
+  arrow: 'arrow',
+  arrowFill: 'arrow-fill',
+  arrowStroke: 'arrow-stroke',
+  header: 'header',
+  icon: 'icon',
+  content: 'content',
+  title: 'title',
+  body: 'body',
+  actions: 'actions'
+};
+var POPCONFIRM_TRIGGER_OPTIONS = exports.POPCONFIRM_TRIGGER_OPTIONS = ['click', 'hover', 'focus'];
+var POPCONFIRM_PLACEMENTS = exports.POPCONFIRM_PLACEMENTS = ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
+var POPCONFIRM_ICON_OPTIONS = exports.POPCONFIRM_ICON_OPTIONS = ['notificationInfo', 'notificationWarning', 'notificationSuccess', 'notificationError'];
+var POPCONFIRM_DEMO_COPY = exports.POPCONFIRM_DEMO_COPY = {
+  destructive: {
+    title: 'Delete transfer rule?',
+    body: 'This action removes the rule immediately and cannot be undone.',
+    cancelText: 'Keep rule',
+    confirmText: 'Delete',
+    triggerText: 'Delete rule'
+  },
+  archive: {
+    title: 'Archive this wallet?',
+    body: 'Archiving keeps history intact, but the wallet will disappear from active lists.',
+    cancelText: POPCONFIRM_DEFAULT_CANCEL_TEXT,
+    confirmText: 'Archive',
+    triggerText: 'Archive wallet'
+  },
+  placementBody: 'Popover alignment and beak placement should follow the trigger.',
+  controlledTriggerText: 'Controlled Popconfirm',
+  toggleText: 'Toggle',
+  openStateText: 'Open',
+  closedStateText: 'Closed'
+};
+var POPCONFIRM_STORY_STYLE = exports.POPCONFIRM_STORY_STYLE = {
+  placementsWrapper: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 16,
+    padding: 120,
+    justifyContent: 'center'
+  },
+  controlledWrapper: {
+    display: 'flex',
+    gap: 12,
+    alignItems: 'center'
+  }
+};
+var POPCONFIRM_ACTION_BUTTON_DEFAULTS = exports.POPCONFIRM_ACTION_BUTTON_DEFAULTS = (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, POPCONFIRM_ACTION_KIND.cancel, {
+  color: _constants.BUTTON_COLOR.secondary,
+  size: _constants.BUTTON_SIZE.small
+}), POPCONFIRM_ACTION_KIND.confirm, {
+  color: _constants.BUTTON_COLOR.primary,
+  size: _constants.BUTTON_SIZE.small
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUG9wY29uZmlybS9jb25zdGFudHMudHMiLCJjb21wb25lbnRzL1BvcGNvbmZpcm0vY29uc3RhbnRzLmpzIl0sIm5hbWVzIjpbIl9jb25zdGFudHMiLCJyZXF1aXJlIiwiUE9QQ09ORklSTV9ERUZBVUxUX1BSRUZJWCIsImV4cG9ydHMiLCJQT1BDT05GSVJNX0RFRkFVTFRfSUNPTiIsIlBPUENPTkZJUk1fREVGQVVMVF9DQU5DRUxfVEVYVCIsIlBPUENPTkZJUk1fREVGQVVMVF9DT05GSVJNX1RFWFQiLCJQT1BDT05GSVJNX0RFRkFVTFRfVFJJR0dFUiIsIlBPUENPTkZJUk1fREVGQVVMVF9QTEFDRU1FTlQiLCJQT1BDT05GSVJNX0RFRkFVTFRfT0ZGU0VUIiwiUE9QQ09ORklSTV9ST0xFIiwiUE9QQ09ORklSTV9JQ09OX1NJWkUiLCJQT1BDT05GSVJNX0FDVElPTl9LSU5EIiwiY2FuY2VsIiwiY29uZmlybSIsIlBPUENPTkZJUk1fU0xPVCIsIm92ZXJsYXkiLCJhcnJvdyIsImFycm93RmlsbCIsImFycm93U3Ryb2tlIiwiaGVhZGVyIiwiaWNvbiIsImNvbnRlbnQiLCJ0aXRsZSIsImJvZHkiLCJhY3Rpb25zIiwiUE9QQ09ORklSTV9UUklHR0VSX09QVElPTlMiLCJQT1BDT05GSVJNX1BMQUNFTUVOVFMiLCJQT1BDT05GSVJNX0lDT05fT1BUSU9OUyIsIlBPUENPTkZJUk1fREVNT19DT1BZIiwiZGVzdHJ1Y3RpdmUiLCJjYW5jZWxUZXh0IiwiY29uZmlybVRleHQiLCJ0cmlnZ2VyVGV4dCIsImFyY2hpdmUiLCJwbGFjZW1lbnRCb2R5IiwiY29udHJvbGxlZFRyaWdnZXJUZXh0IiwidG9nZ2xlVGV4dCIsIm9wZW5TdGF0ZVRleHQiLCJjbG9zZWRTdGF0ZVRleHQiLCJQT1BDT05GSVJNX1NUT1JZX1NUWUxFIiwicGxhY2VtZW50c1dyYXBwZXIiLCJkaXNwbGF5IiwiZmxleFdyYXAiLCJnYXAiLCJwYWRkaW5nIiwianVzdGlmeUNvbnRlbnQiLCJjb250cm9sbGVkV3JhcHBlciIsImFsaWduSXRlbXMiLCJQT1BDT05GSVJNX0FDVElPTl9CVVRUT05fREVGQVVMVFMiLCJfZGVmaW5lUHJvcGVydHkyIiwiY29sb3IiLCJCVVRUT05fQ09MT1IiLCJzZWNvbmRhcnkiLCJzaXplIiwiQlVUVE9OX1NJWkUiLCJzbWFsbCIsInByaW1hcnkiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBSU8sSUFBTUMseUJBQXlCLEdBQUFDLE9BQUEsQ0FBQUQseUJBQUEsR0FBRyxZQUFZO0FBQzlDLElBQU1FLHVCQUF1QixHQUFBRCxPQUFBLENBQUFDLHVCQUFBLEdBQWEsa0JBQWtCO0FBQzVELElBQU1DLDhCQUE4QixHQUFBRixPQUFBLENBQUFFLDhCQUFBLEdBQUcsUUFBUTtBQUMvQyxJQUFNQywrQkFBK0IsR0FBQUgsT0FBQSxDQUFBRywrQkFBQSxHQUFHLFNBQVM7QUFDakQsSUFBTUMsMEJBQTBCLEdBQUFKLE9BQUEsQ0FBQUksMEJBQUEsR0FBa0IsT0FBTztBQUN6RCxJQUFNQyw0QkFBNEIsR0FBQUwsT0FBQSxDQUFBSyw0QkFBQSxHQUFjLEtBQUs7QUFDckQsSUFBTUMseUJBQXlCLEdBQUFOLE9BQUEsQ0FBQU0seUJBQUEsR0FBRyxDQUFDO0FBQ25DLElBQU1DLGVBQWUsR0FBQVAsT0FBQSxDQUFBTyxlQUFBLEdBQXNDLGFBQWE7QUFDeEUsSUFBTUMsb0JBQW9CLEdBQUFSLE9BQUEsQ0FBQVEsb0JBQUEsR0FBRyxFQUFFO0FBRS9CLElBQU1DLHNCQUFzQixHQUFBVCxPQUFBLENBQUFTLHNCQUFBLEdBQUc7RUFDcENDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxPQUFPLEVBQUU7QUNOWCxDRE9VO0FBRUgsSUFBTUMsZUFBZSxHQUFBWixPQUFBLENBQUFZLGVBQUEsR0FBRztFQUM3QkMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLFNBQVMsRUFBRSxZQUFZO0VBQ3ZCQyxXQUFXLEVBQUUsY0FBYztFQUMzQkMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLElBQUksRUFBRSxNQUFNO0VBQ1pDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxPQUFPLEVBQUU7QUNQWCxDRFFVO0FBRUgsSUFBTUMsMEJBQTBCLEdBQUF2QixPQUFBLENBQUF1QiwwQkFBQSxHQUFvQixDQUN6RCxPQUFPLEVBQ1AsT0FBTyxFQUNQLE9BQU8sQ0FDUjtBQUVNLElBQU1DLHFCQUFxQixHQUFBeEIsT0FBQSxDQUFBd0IscUJBQUEsR0FBZ0IsQ0FDaEQsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBQ1QsUUFBUSxFQUNSLGNBQWMsRUFDZCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksRUFDWixVQUFVLEVBQ1YsT0FBTyxFQUNQLGFBQWEsRUFDYixXQUFXLENBQ1o7QUFFTSxJQUFNQyx1QkFBdUIsR0FBQXpCLE9BQUEsQ0FBQXlCLHVCQUFBLEdBQWUsQ0FDakQsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsbUJBQW1CLENBQ3BCO0FBRU0sSUFBTUMsb0JBQW9CLEdBQUExQixPQUFBLENBQUEwQixvQkFBQSxHQUFHO0VBQ2xDQyxXQUFXLEVBQUU7SUFDWFAsS0FBSyxFQUFFLHVCQUF1QjtJQUM5QkMsSUFBSSxFQUFFLGdFQUFnRTtJQUN0RU8sVUFBVSxFQUFFLFdBQVc7SUFDdkJDLFdBQVcsRUFBRSxRQUFRO0lBQ3JCQyxXQUFXLEVBQUU7RUNYYixDRFlEO0VBQ0RDLE9BQU8sRUFBRTtJQUNQWCxLQUFLLEVBQUUsc0JBQXNCO0lBQzdCQyxJQUFJLEVBQUUsa0ZBQWtGO0lBQ3hGTyxVQUFVLEVBQUUxQiw4QkFBOEI7SUFDMUMyQixXQUFXLEVBQUUsU0FBUztJQUN0QkMsV0FBVyxFQUFFO0VDWGIsQ0RZRDtFQUNERSxhQUFhLEVBQUUsaUVBQWlFO0VBQ2hGQyxxQkFBcUIsRUFBRSx1QkFBdUI7RUFDOUNDLFVBQVUsRUFBRSxRQUFRO0VBQ3BCQyxhQUFhLEVBQUUsTUFBTTtFQUNyQkMsZUFBZSxFQUFFO0FDWG5CLENEWVU7QUFFSCxJQUFNQyxzQkFBc0IsR0FBQXJDLE9BQUEsQ0FBQXFDLHNCQUFBLEdBQUc7RUFDcENDLGlCQUFpQixFQUFFO0lBQ2pCQyxPQUFPLEVBQUUsTUFBTTtJQUNmQyxRQUFRLEVBQUUsTUFBTTtJQUNoQkMsR0FBRyxFQUFFLEVBQUU7SUFDUEMsT0FBTyxFQUFFLEdBQUc7SUFDWkMsY0FBYyxFQUFFO0VDWmhCLENEYXVCO0VBQ3pCQyxpQkFBaUIsRUFBRTtJQUNqQkwsT0FBTyxFQUFFLE1BQU07SUFDZkUsR0FBRyxFQUFFLEVBQUU7SUFDUEksVUFBVSxFQUFFO0VDWlo7QUFDSixDRGFVO0FBVUgsSUFBTUMsaUNBQWlDLEdBQUE5QyxPQUFBLENBQUE4QyxpQ0FBQSxPQUFBQyxnQkFBQSxpQkFBQUEsZ0JBQUEsaUJBSTNDdEMsc0JBQXNCLENBQUNDLE1BQU0sRUFBRztFQUMvQnNDLEtBQUssRUFBRUMsdUJBQVksQ0FBQ0MsU0FBUztFQUM3QkMsSUFBSSxFQUFFQyxzQkFBVyxDQUFDQztBQ3hCbEIsQ0R5QkQsR0FDQTVDLHNCQUFzQixDQUFDRSxPQUFPLEVBQUc7RUFDaENxQyxLQUFLLEVBQUVDLHVCQUFZLENBQUNLLE9BQU87RUFDM0JILElBQUksRUFBRUMsc0JBQVcsQ0FBQ0M7QUN4QmxCLENEeUJELENBQ0YiLCJmaWxlIjoiY29tcG9uZW50cy9Qb3Bjb25maXJtL2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0IHsgQlVUVE9OX0NPTE9SLCBCVVRUT05fU0laRSB9IGZyb20gJy4uL0J1dHRvbi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fREVGQVVMVF9QUkVGSVggPSAncG9wY29uZmlybSc7XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9ERUZBVUxUX0lDT04gPSAnbm90aWZpY2F0aW9uSW5mbyc7XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9ERUZBVUxUX0NBTkNFTF9URVhUID0gJ0NhbmNlbCc7XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9ERUZBVUxUX0NPTkZJUk1fVEVYVCA9ICdDb25maXJtJztcbmV4cG9ydCBjb25zdCBQT1BDT05GSVJNX0RFRkFVTFRfVFJJR0dFUiA9ICdjbGljayc7XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9ERUZBVUxUX1BMQUNFTUVOVCA9ICd0b3AnO1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fREVGQVVMVF9PRkZTRVQgPSA4O1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fUk9MRSA9ICdhbGVydGRpYWxvZyc7XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9JQ09OX1NJWkUgPSAzMjtcbmV4cG9ydCBjb25zdCBQT1BDT05GSVJNX0FDVElPTl9LSU5EID0ge1xuICAgIGNhbmNlbDogJ2NhbmNlbCcsXG4gICAgY29uZmlybTogJ2NvbmZpcm0nLFxufTtcbmV4cG9ydCBjb25zdCBQT1BDT05GSVJNX1NMT1QgPSB7XG4gICAgb3ZlcmxheTogJ292ZXJsYXknLFxuICAgIGFycm93OiAnYXJyb3cnLFxuICAgIGFycm93RmlsbDogJ2Fycm93LWZpbGwnLFxuICAgIGFycm93U3Ryb2tlOiAnYXJyb3ctc3Ryb2tlJyxcbiAgICBoZWFkZXI6ICdoZWFkZXInLFxuICAgIGljb246ICdpY29uJyxcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgdGl0bGU6ICd0aXRsZScsXG4gICAgYm9keTogJ2JvZHknLFxuICAgIGFjdGlvbnM6ICdhY3Rpb25zJyxcbn07XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9UUklHR0VSX09QVElPTlMgPSBbXG4gICAgJ2NsaWNrJyxcbiAgICAnaG92ZXInLFxuICAgICdmb2N1cycsXG5dO1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fUExBQ0VNRU5UUyA9IFtcbiAgICAndG9wJyxcbiAgICAndG9wLXN0YXJ0JyxcbiAgICAndG9wLWVuZCcsXG4gICAgJ2JvdHRvbScsXG4gICAgJ2JvdHRvbS1zdGFydCcsXG4gICAgJ2JvdHRvbS1lbmQnLFxuICAgICdsZWZ0JyxcbiAgICAnbGVmdC1zdGFydCcsXG4gICAgJ2xlZnQtZW5kJyxcbiAgICAncmlnaHQnLFxuICAgICdyaWdodC1zdGFydCcsXG4gICAgJ3JpZ2h0LWVuZCcsXG5dO1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fSUNPTl9PUFRJT05TID0gW1xuICAgICdub3RpZmljYXRpb25JbmZvJyxcbiAgICAnbm90aWZpY2F0aW9uV2FybmluZycsXG4gICAgJ25vdGlmaWNhdGlvblN1Y2Nlc3MnLFxuICAgICdub3RpZmljYXRpb25FcnJvcicsXG5dO1xuZXhwb3J0IGNvbnN0IFBPUENPTkZJUk1fREVNT19DT1BZID0ge1xuICAgIGRlc3RydWN0aXZlOiB7XG4gICAgICAgIHRpdGxlOiAnRGVsZXRlIHRyYW5zZmVyIHJ1bGU/JyxcbiAgICAgICAgYm9keTogJ1RoaXMgYWN0aW9uIHJlbW92ZXMgdGhlIHJ1bGUgaW1tZWRpYXRlbHkgYW5kIGNhbm5vdCBiZSB1bmRvbmUuJyxcbiAgICAgICAgY2FuY2VsVGV4dDogJ0tlZXAgcnVsZScsXG4gICAgICAgIGNvbmZpcm1UZXh0OiAnRGVsZXRlJyxcbiAgICAgICAgdHJpZ2dlclRleHQ6ICdEZWxldGUgcnVsZScsXG4gICAgfSxcbiAgICBhcmNoaXZlOiB7XG4gICAgICAgIHRpdGxlOiAnQXJjaGl2ZSB0aGlzIHdhbGxldD8nLFxuICAgICAgICBib2R5OiAnQXJjaGl2aW5nIGtlZXBzIGhpc3RvcnkgaW50YWN0LCBidXQgdGhlIHdhbGxldCB3aWxsIGRpc2FwcGVhciBmcm9tIGFjdGl2ZSBsaXN0cy4nLFxuICAgICAgICBjYW5jZWxUZXh0OiBQT1BDT05GSVJNX0RFRkFVTFRfQ0FOQ0VMX1RFWFQsXG4gICAgICAgIGNvbmZpcm1UZXh0OiAnQXJjaGl2ZScsXG4gICAgICAgIHRyaWdnZXJUZXh0OiAnQXJjaGl2ZSB3YWxsZXQnLFxuICAgIH0sXG4gICAgcGxhY2VtZW50Qm9keTogJ1BvcG92ZXIgYWxpZ25tZW50IGFuZCBiZWFrIHBsYWNlbWVudCBzaG91bGQgZm9sbG93IHRoZSB0cmlnZ2VyLicsXG4gICAgY29udHJvbGxlZFRyaWdnZXJUZXh0OiAnQ29udHJvbGxlZCBQb3Bjb25maXJtJyxcbiAgICB0b2dnbGVUZXh0OiAnVG9nZ2xlJyxcbiAgICBvcGVuU3RhdGVUZXh0OiAnT3BlbicsXG4gICAgY2xvc2VkU3RhdGVUZXh0OiAnQ2xvc2VkJyxcbn07XG5leHBvcnQgY29uc3QgUE9QQ09ORklSTV9TVE9SWV9TVFlMRSA9IHtcbiAgICBwbGFjZW1lbnRzV3JhcHBlcjoge1xuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgIGZsZXhXcmFwOiAnd3JhcCcsXG4gICAgICAgIGdhcDogMTYsXG4gICAgICAgIHBhZGRpbmc6IDEyMCxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIH0sXG4gICAgY29udHJvbGxlZFdyYXBwZXI6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBnYXA6IDEyLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICB9LFxufTtcbmV4cG9ydCBjb25zdCBQT1BDT05GSVJNX0FDVElPTl9CVVRUT05fREVGQVVMVFMgPSB7XG4gICAgW1BPUENPTkZJUk1fQUNUSU9OX0tJTkQuY2FuY2VsXToge1xuICAgICAgICBjb2xvcjogQlVUVE9OX0NPTE9SLnNlY29uZGFyeSxcbiAgICAgICAgc2l6ZTogQlVUVE9OX1NJWkUuc21hbGwsXG4gICAgfSxcbiAgICBbUE9QQ09ORklSTV9BQ1RJT05fS0lORC5jb25maXJtXToge1xuICAgICAgICBjb2xvcjogQlVUVE9OX0NPTE9SLnByaW1hcnksXG4gICAgICAgIHNpemU6IEJVVFRPTl9TSVpFLnNtYWxsLFxuICAgIH0sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

package/lib/components/Popconfirm/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Popconfirm: true
+};
+Object.defineProperty(exports, "Popconfirm", {
+  enumerable: true,
+  get: function get() {
+    return _Popconfirm.Popconfirm;
+  }
+});
+exports["default"] = void 0;
+var _Popconfirm = _interopRequireWildcard(require("./Popconfirm"));
+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"] = _Popconfirm["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUG9wY29uZmlybS9pbmRleC50cyJdLCJuYW1lcyI6WyJfUG9wY29uZmlybSIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJuIiwiX19wcm90b19fIiwiYSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJpIiwic2V0IiwiX2RlZmF1bHQiLCJQb3Bjb25maXJtIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFoQix3QkFBQWdCLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUwsR0FBQSxDQUFBRSxDQUFBLE9BQUFPLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUF0QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBdUIsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBWCxDQUFBLG9CQUFBVyxDQUFBLE9BQUFuQixjQUFBLENBQUFDLElBQUEsQ0FBQU8sQ0FBQSxFQUFBVyxDQUFBLFNBQUFDLENBQUEsR0FBQUgsQ0FBQSxHQUFBdEIsTUFBQSxDQUFBdUIsd0JBQUEsQ0FBQVYsQ0FBQSxFQUFBVyxDQUFBLFVBQUFDLENBQUEsS0FBQUEsQ0FBQSxDQUFBZCxHQUFBLElBQUFjLENBQUEsQ0FBQUMsR0FBQSxJQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFXLENBQUEsRUFBQUksQ0FBQSxFQUFBQyxDQUFBLElBQUFMLENBQUEsQ0FBQUksQ0FBQSxJQUFBWCxDQUFBLENBQUFXLENBQUEsWUFBQUosQ0FBQSxjQUFBUCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBVSxHQUFBLENBQUFiLENBQUEsRUFBQU8sQ0FBQSxHQUFBQSxDQUFBO0FBQUEsSUFBQU8sUUFBQSxHQUFBbkIsT0FBQSxjQUZib0Isc0JBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9Qb3Bjb25maXJtL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,40 @@
+import type { MouseEvent, ReactNode } from 'react';
+import type { ButtonProps } from "../Button";
+import type { IconName } from "../Icons";
+import type { TriggerContentContext, TriggerProps } from "../Trigger/interface";
+export type PopconfirmPlacement = TriggerProps['placement'];
+export type PopconfirmTrigger = TriggerProps['trigger'];
+export interface PopconfirmActionContext extends TriggerContentContext {
+}
+export interface PopconfirmProps extends Omit<TriggerProps, 'content' | 'role' | 'showArrow'> {
+    /** Class name applied to the Popconfirm card. */
+    className?: string;
+    /** Class name prefix used to generate internal BEM-style classes. */
+    prefixCls?: string;
+    /** Primary heading displayed at the top of the floating card. */
+    title?: ReactNode;
+    /** Secondary description displayed below the title. */
+    body?: ReactNode;
+    /** Icon shown alongside the title and body content. */
+    icon?: IconName;
+    /** Whether to render the leading icon. */
+    showIcon?: boolean;
+    /** Whether to render the custom beak arrow. */
+    showArrow?: boolean;
+    /** Secondary action label. */
+    cancelText?: ReactNode;
+    /** Primary action label. */
+    confirmText?: ReactNode;
+    /** Additional props merged onto the secondary action button. */
+    cancelButtonProps?: Omit<ButtonProps, 'children'>;
+    /** Additional props merged onto the primary action button. */
+    confirmButtonProps?: Omit<ButtonProps, 'children'>;
+    /** Whether the panel should close automatically after the secondary action. */
+    closeOnCancel?: boolean;
+    /** Whether the panel should close automatically after the primary action. */
+    closeOnConfirm?: boolean;
+    /** Called when the secondary action is pressed. Use `event.preventDefault()` to keep it open. */
+    onCancel?: (event: MouseEvent<HTMLButtonElement>, context: PopconfirmActionContext) => void;
+    /** Called when the primary action is pressed. Use `event.preventDefault()` to keep it open. */
+    onConfirm?: (event: MouseEvent<HTMLButtonElement>, context: PopconfirmActionContext) => void;
+}

package/lib/components/Popconfirm/interface.js

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

package/lib/components/Popconfirm/style/Popconfirm.css

@@ -0,0 +1,137 @@
+/**
+  * 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-popconfirm-overlay {
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  filter: drop-shadow(var(--om-shadow-200, 0 10px 22px rgba(0, 0, 0, 0.1)));
+}
+
+.om-component-ui-popconfirm {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  width: 300px;
+  max-width: min(400px, 100vw - var(--om-spacing-400, 16px) * 2);
+  padding: var(--om-spacing-400, 16px);
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-neutral, #e3e4e4);
+  border-radius: var(--om-radius-200, 8px);
+}
+.om-component-ui-popconfirm-header {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: flex-start;
+  width: 100%;
+}
+.om-component-ui-popconfirm-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.om-component-ui-popconfirm-content {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  align-items: flex-start;
+  min-width: 0;
+  margin-top: 6px;
+}
+.om-component-ui-popconfirm-title {
+  font-size: var(--om-title-md-font-size);
+  font-family: var(--om-title-md-font-family);
+  line-height: var(--om-title-md-line-height);
+  letter-spacing: var(--om-title-md-letter-spacing);
+  font-weight: var(--om-title-md-strong-font-weight);
+  width: 100%;
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-popconfirm-body {
+  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);
+  width: 100%;
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-popconfirm-actions {
+  display: flex;
+  gap: var(--om-spacing-300, 12px);
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  padding-top: var(--om-spacing-300, 12px);
+}
+.om-component-ui-popconfirm-arrow {
+  position: absolute;
+  width: 36px;
+  height: 9px;
+  overflow: visible;
+  pointer-events: none;
+}
+.om-component-ui-popconfirm-arrow-fill {
+  fill: var(--om-bg-default, #fff);
+}
+.om-component-ui-popconfirm-arrow-stroke {
+  fill: none;
+  stroke: var(--om-border-neutral, #e3e4e4);
+  stroke-width: 1;
+  stroke-linecap: round;
+}
+
+.om-component-ui-popconfirm-overlay[data-side=top] .om-component-ui-popconfirm-arrow {
+  bottom: -9px;
+  left: var(--arrow-x, 50%);
+  transform: translateX(-50%) rotate(180deg);
+}
+
+.om-component-ui-popconfirm-overlay[data-side=bottom] .om-component-ui-popconfirm-arrow {
+  top: -9px;
+  left: var(--arrow-x, 50%);
+  transform: translateX(-50%);
+}
+
+.om-component-ui-popconfirm-overlay[data-side=left] .om-component-ui-popconfirm-arrow {
+  top: var(--arrow-y, 50%);
+  right: -22.5px;
+  transform: translateY(-50%) rotate(90deg);
+}
+
+.om-component-ui-popconfirm-overlay[data-side=right] .om-component-ui-popconfirm-arrow {
+  top: var(--arrow-y, 50%);
+  left: -22.5px;
+  transform: translateY(-50%) rotate(-90deg);
+}
+
+@media (max-width: 767.98px) {
+  .om-component-ui-popconfirm {
+    width: min(300px, 100vw - var(--om-spacing-400, 16px) * 2);
+  }
+}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../Button/style/css");
+require("../../Icons/style/css");
+require("../../Trigger/style/css");
+require("./Popconfirm.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvUG9wY29uZmlybS9zcmMvY29tcG9uZW50cy9Qb3Bjb25maXJtL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Qb3Bjb25maXJtL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,4 @@
+import "../../Button/style";
+import "../../Icons/style";
+import "../../Trigger/style";
+import './Popconfirm.css';

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

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../Button/style");
+require("../../Icons/style");
+require("../../Trigger/style");
+require("./Popconfirm.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvUG9wY29uZmlybS9zcmMvY29tcG9uZW50cy9Qb3Bjb25maXJtL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Qb3Bjb25maXJtL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Portal/Portal.d.ts

@@ -0,0 +1,3 @@
+import type { PortalProps } from './interface';
+export declare const Portal: import("react").NamedExoticComponent<PortalProps & import("react").RefAttributes<Element | null>>;
+export default Portal;

package/lib/components/Portal/Portal.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Portal = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _hooks = require("@1money/hooks");
+var _react = require("react");
+var _reactDom = require("react-dom");
+var _ref = require("../../utils/ref");
+var getContainer = function getContainer(container) {
+  return typeof container === 'function' ? container() : container;
+};
+var PortalBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef) {
+  var _a;
+  var children = props.children,
+    container = props.container,
+    _props$disablePortal = props.disablePortal,
+    disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    mountNode = _useState2[0],
+    setMountNode = _useState2[1];
+  var childRef = /*#__PURE__*/(0, _react.isValidElement)(children) ? (_a = children.ref) !== null && _a !== void 0 ? _a : null : null;
+  var handleRef = (0, _ref.useComposeRef)(childRef, forwardedRef);
+  (0, _hooks.useLayoutEffect)(function () {
+    var _a;
+    if (disablePortal) {
+      setMountNode(null);
+      return;
+    }
+    if (typeof document === 'undefined') return;
+    setMountNode((_a = getContainer(container)) !== null && _a !== void 0 ? _a : document.body);
+  }, [container, disablePortal]);
+  (0, _hooks.useLayoutEffect)(function () {
+    if (!mountNode || disablePortal) return undefined;
+    (0, _ref.fillRef)(forwardedRef, mountNode);
+    return function () {
+      (0, _ref.fillRef)(forwardedRef, null);
+    };
+  }, [disablePortal, forwardedRef, mountNode]);
+  if (disablePortal) {
+    if (/*#__PURE__*/(0, _react.isValidElement)(children)) {
+      return /*#__PURE__*/(0, _react.cloneElement)(children, {
+        ref: handleRef
+      });
+    }
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return mountNode ? /*#__PURE__*/(0, _reactDom.createPortal)(children, mountNode) : null;
+});
+PortalBase.displayName = 'Portal';
+var Portal = exports.Portal = /*#__PURE__*/(0, _react.memo)(PortalBase);
+Portal.displayName = 'Portal';
+var _default = exports["default"] = Portal;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvUG9ydGFsL1BvcnRhbC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUG9ydGFsL1BvcnRhbC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX2hvb2tzIiwiX3JlYWN0IiwiX3JlYWN0RG9tIiwiX3JlZiIsImdldENvbnRhaW5lciIsImNvbnRhaW5lciIsIlBvcnRhbEJhc2UiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJmb3J3YXJkZWRSZWYiLCJfYSIsImNoaWxkcmVuIiwiX3Byb3BzJGRpc2FibGVQb3J0YWwiLCJkaXNhYmxlUG9ydGFsIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwibW91bnROb2RlIiwic2V0TW91bnROb2RlIiwiY2hpbGRSZWYiLCJpc1ZhbGlkRWxlbWVudCIsInJlZiIsImhhbmRsZVJlZiIsInVzZUNvbXBvc2VSZWYiLCJ1c2VMYXlvdXRFZmZlY3QiLCJkb2N1bWVudCIsImJvZHkiLCJ1bmRlZmluZWQiLCJmaWxsUmVmIiwiY2xvbmVFbGVtZW50IiwiX2pzeCIsIl9GcmFnbWVudCIsImNyZWF0ZVBvcnRhbCIsImRpc3BsYXlOYW1lIiwiUG9ydGFsIiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxNQUFBLEdBQUFGLE9BQUE7QUFPQSxJQUFBRyxTQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxJQUFBLEdBQUFKLE9BQUE7QUFJQSxJQUFNSyxZQUFZLEdBQUcsU0FBZkEsWUFBWUEsQ0FBSUMsU0FBMkI7RUFBQSxPQUMvQyxPQUFPQSxTQUFTLEtBQUssVUFBVSxHQUFHQSxTQUFTLENBQUEsQ0FBRSxHQUFHQSxTQUFTO0FBQUEsQ0FDMUQ7QUFFRCxJQUFNQyxVQUFVLGdCQUFHLElBQUFDLGlCQUFVLEVBQThCLFVBQUNDLEtBQUssRUFBRUMsWUFBWSxFQUFJO0VEVi9FLElBQUlDLEVBQUU7RUNXUixJQUNFQyxRQUFRLEdBR05ILEtBQUssQ0FIUEcsUUFBUTtJQUNSTixTQUFTLEdBRVBHLEtBQUssQ0FGUEgsU0FBUztJQUFBTyxvQkFBQSxHQUVQSixLQUFLLENBRFBLLGFBQWE7SUFBYkEsYUFBYSxHQUFBRCxvQkFBQSxjQUFHLEtBQUssR0FBQUEsb0JBQUE7RUFFdkIsSUFBQUUsU0FBQSxHQUFrQyxJQUFBQyxlQUFRLEVBQWlCLElBQUksQ0FBQztJQUFBQyxVQUFBLE9BQUFDLGVBQUEsYUFBQUgsU0FBQTtJQUF6REksU0FBUyxHQUFBRixVQUFBO0lBQUVHLFlBQVksR0FBQUgsVUFBQTtFQUM5QixJQUFNSSxRQUFRLEdBQUcsaUJBQUFDLHFCQUFjLEVBQUNWLFFBQVEsQ0FBQyxHQUNyQyxDQUFBRCxFQUFBLEdBQUNDLFFBQWtELENBQUNXLEdBQUcsTUFBQSxJQUFBLElBQUFaLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJLElBQUksR0FDL0QsSUFBSTtFQUNSLElBQU1hLFNBQVMsR0FBRyxJQUFBQyxrQkFBYSxFQUFDSixRQUF3QixFQUFFWCxZQUE0QixDQUFDO0VBRXZGLElBQUFnQixzQkFBZSxFQUFDLFlBQUs7SURkZixJQUFJZixFQUFFO0lDZVYsSUFBSUcsYUFBYSxFQUFFO01BQ2pCTSxZQUFZLENBQUMsSUFBSSxDQUFDO01BQ2xCO0lBQ0Y7SUFFQSxJQUFJLE9BQU9PLFFBQVEsS0FBSyxXQUFXLEVBQUU7SUFFckNQLFlBQVksQ0FBQyxDQUFBVCxFQUFBLEdBQUFOLFlBQVksQ0FBQ0MsU0FBUyxDQUFDLE1BQUEsSUFBQSxJQUFBSyxFQUFBLEtBQUEsS0FBQSxDQUFBLEdBQUFBLEVBQUEsR0FBSWdCLFFBQVEsQ0FBQ0MsSUFBSSxDQUFDO0VBQ3hELENBQUMsRUFBRSxDQUFDdEIsU0FBUyxFQUFFUSxhQUFhLENBQUMsQ0FBQztFQUU5QixJQUFBWSxzQkFBZSxFQUFDLFlBQUs7SUFDbkIsSUFBSSxDQUFDUCxTQUFTLElBQUlMLGFBQWEsRUFBRSxPQUFPZSxTQUFTO0lBRWpELElBQUFDLFlBQU8sRUFBQ3BCLFlBQVksRUFBRVMsU0FBUyxDQUFDO0lBRWhDLE9BQU8sWUFBSztNQUNWLElBQUFXLFlBQU8sRUFBQ3BCLFlBQVksRUFBRSxJQUFJLENBQUM7SUFDN0IsQ0FBQztFQUNILENBQUMsRUFBRSxDQUFDSSxhQUFhLEVBQUVKLFlBQVksRUFBRVMsU0FBUyxDQUFDLENBQUM7RUFFNUMsSUFBSUwsYUFBYSxFQUFFO0lBQ2pCLGlCQUFJLElBQUFRLHFCQUFjLEVBQUNWLFFBQVEsQ0FBQyxFQUFFO01BQzVCLG9CQUFPLElBQUFtQixtQkFBWSxFQUNqQm5CLFFBQWdELEVBQ2hEO1FBQUVXLEdBQUcsRUFBRUM7TUFBeUIsQ0FBRSxDQUNuQztJQUNIO0lBRUEsT0FBTyxJQUFBUSxlQUFBLEVBQUFDLG9CQUFBLEVBQUE7TUFBQXJCLFFBQUEsRUFBR0E7SUFBUSxDQUFBLENBQUk7RUFDeEI7RUFFQSxPQUFPTyxTQUFTLGdCQUFHLElBQUFlLHNCQUFZLEVBQUN0QixRQUFRLEVBQUVPLFNBQVMsQ0FBQyxHQUFHLElBQUk7QUFDN0QsQ0FBQyxDQUFDO0FBRUZaLFVBQVUsQ0FBQzRCLFdBQVcsR0FBRyxRQUFRO0FBRTFCLElBQU1DLE1BQU0sR0FBQUMsT0FBQSxDQUFBRCxNQUFBLGdCQUFHLElBQUFFLFdBQUksRUFBQy9CLFVBQVUsQ0FBQztBQUV0QzZCLE1BQU0sQ0FBQ0QsV0FBVyxHQUFHLFFBQVE7QUFBQyxJQUFBSSxRQUFBLEdBQUFGLE9BQUEsY0FFZkQsTUFBTSIsImZpbGUiOiJjb21wb25lbnRzL1BvcnRhbC9Qb3J0YWwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IGNsb25lRWxlbWVudCwgZm9yd2FyZFJlZiwgaXNWYWxpZEVsZW1lbnQsIG1lbW8sIHVzZVN0YXRlLCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQgeyBmaWxsUmVmLCB1c2VDb21wb3NlUmVmIH0gZnJvbSAnLi4vLi4vdXRpbHMvcmVmJztcbmNvbnN0IGdldENvbnRhaW5lciA9IChjb250YWluZXIpID0+ICh0eXBlb2YgY29udGFpbmVyID09PSAnZnVuY3Rpb24nID8gY29udGFpbmVyKCkgOiBjb250YWluZXIpO1xuY29uc3QgUG9ydGFsQmFzZSA9IGZvcndhcmRSZWYoKHByb3BzLCBmb3J3YXJkZWRSZWYpID0+IHtcbiAgICB2YXIgX2E7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgY29udGFpbmVyLCBkaXNhYmxlUG9ydGFsID0gZmFsc2UsIH0gPSBwcm9wcztcbiAgICBjb25zdCBbbW91bnROb2RlLCBzZXRNb3VudE5vZGVdID0gdXNlU3RhdGUobnVsbCk7XG4gICAgY29uc3QgY2hpbGRSZWYgPSBpc1ZhbGlkRWxlbWVudChjaGlsZHJlbilcbiAgICAgICAgPyAoX2EgPSBjaGlsZHJlbi5yZWYpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IG51bGxcbiAgICAgICAgOiBudWxsO1xuICAgIGNvbnN0IGhhbmRsZVJlZiA9IHVzZUNvbXBvc2VSZWYoY2hpbGRSZWYsIGZvcndhcmRlZFJlZik7XG4gICAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoZGlzYWJsZVBvcnRhbCkge1xuICAgICAgICAgICAgc2V0TW91bnROb2RlKG51bGwpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBzZXRNb3VudE5vZGUoKF9hID0gZ2V0Q29udGFpbmVyKGNvbnRhaW5lcikpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGRvY3VtZW50LmJvZHkpO1xuICAgIH0sIFtjb250YWluZXIsIGRpc2FibGVQb3J0YWxdKTtcbiAgICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoIW1vdW50Tm9kZSB8fCBkaXNhYmxlUG9ydGFsKVxuICAgICAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICAgICAgZmlsbFJlZihmb3J3YXJkZWRSZWYsIG1vdW50Tm9kZSk7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBmaWxsUmVmKGZvcndhcmRlZFJlZiwgbnVsbCk7XG4gICAgICAgIH07XG4gICAgfSwgW2Rpc2FibGVQb3J0YWwsIGZvcndhcmRlZFJlZiwgbW91bnROb2RlXSk7XG4gICAgaWYgKGRpc2FibGVQb3J0YWwpIHtcbiAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGNoaWxkcmVuKSkge1xuICAgICAgICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZHJlbiwgeyByZWY6IGhhbmRsZVJlZiB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pO1xuICAgIH1cbiAgICByZXR1cm4gbW91bnROb2RlID8gY3JlYXRlUG9ydGFsKGNoaWxkcmVuLCBtb3VudE5vZGUpIDogbnVsbDtcbn0pO1xuUG9ydGFsQmFzZS5kaXNwbGF5TmFtZSA9ICdQb3J0YWwnO1xuZXhwb3J0IGNvbnN0IFBvcnRhbCA9IG1lbW8oUG9ydGFsQmFzZSk7XG5Qb3J0YWwuZGlzcGxheU5hbWUgPSAnUG9ydGFsJztcbmV4cG9ydCBkZWZhdWx0IFBvcnRhbDsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

package/lib/components/Portal/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Portal: true
+};
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function get() {
+    return _Portal.Portal;
+  }
+});
+exports["default"] = void 0;
+var _Portal = _interopRequireWildcard(require("./Portal"));
+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"] = _Portal["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUG9ydGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbIl9Qb3J0YWwiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwibiIsIl9fcHJvdG9fXyIsImEiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaSIsInNldCIsIl9kZWZhdWx0IiwiUG9ydGFsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFoQix3QkFBQWdCLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUwsR0FBQSxDQUFBRSxDQUFBLE9BQUFPLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUF0QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBdUIsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBWCxDQUFBLG9CQUFBVyxDQUFBLE9BQUFuQixjQUFBLENBQUFDLElBQUEsQ0FBQU8sQ0FBQSxFQUFBVyxDQUFBLFNBQUFDLENBQUEsR0FBQUgsQ0FBQSxHQUFBdEIsTUFBQSxDQUFBdUIsd0JBQUEsQ0FBQVYsQ0FBQSxFQUFBVyxDQUFBLFVBQUFDLENBQUEsS0FBQUEsQ0FBQSxDQUFBZCxHQUFBLElBQUFjLENBQUEsQ0FBQUMsR0FBQSxJQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFXLENBQUEsRUFBQUksQ0FBQSxFQUFBQyxDQUFBLElBQUFMLENBQUEsQ0FBQUksQ0FBQSxJQUFBWCxDQUFBLENBQUFXLENBQUEsWUFBQUosQ0FBQSxjQUFBUCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBVSxHQUFBLENBQUFiLENBQUEsRUFBQU8sQ0FBQSxHQUFBQSxDQUFBO0FBQUEsSUFBQU8sUUFBQSxHQUFBbkIsT0FBQSxjQUZib0Isa0JBQU0iLCJmaWxlIjoiY29tcG9uZW50cy9Qb3J0YWwvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type PortalContainer = Element | (() => Element | null) | null;
+export interface PortalProps {
+    children?: ReactNode;
+    container?: PortalContainer;
+    disablePortal?: boolean;
+}

package/lib/components/Portal/interface.js

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

package/lib/components/ProForm/ProForm.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ProFormProps } from './interface';
+export declare const ProForm: React.NamedExoticComponent<ProFormProps>;
+export default ProForm;