@sky-mavis/tanto-widget/dist/cjs/components/flex-modal/Dialog.cjs

Tanto Widget

'use strict';

var _styled = require('@emotion/styled/base');
var jsxRuntime = require('@emotion/react/jsx-runtime');
var DialogPrimitive = require('@radix-ui/react-dialog');
var react = require('react');
var constants = require('../../constants.cjs');
var animations = require('../../styles/animations.cjs');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DialogPrimitive);

const DialogContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "epklqfp1"
} : {
  target: "epklqfp1",
  label: "DialogContainer"
})({
  width: '100%',
  height: '100%',
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  position: 'fixed',
  inset: 0,
  zIndex: constants.CONTENT_Z_INDEX
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXdCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgRGlhbG9nUHJpbWl0aXZlIGZyb20gJ0ByYWRpeC11aS9yZWFjdC1kaWFsb2cnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENPTlRFTlRfWl9JTkRFWCwgRElBTE9HX1ZJU0lCSUxJVFlfVFJBTlNJVElPTl9EVVJBVElPTiB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBmYWRlSW5VcCwgZmFkZU91dERvd24gfSBmcm9tICcuLi8uLi9zdHlsZXMvYW5pbWF0aW9ucyc7XG5jb25zdCBEaWFsb2dDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgcG9zaXRpb246ICdmaXhlZCcsXG4gICAgaW5zZXQ6IDAsXG4gICAgekluZGV4OiBDT05URU5UX1pfSU5ERVgsXG59KTtcbmNvbnN0IERpYWxvZ0NvbnRlbnQgPSBzdHlsZWQoRGlhbG9nUHJpbWl0aXZlLkNvbnRlbnQpKHtcbiAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgZGlzcGxheTogJ2dyaWQnLFxuICAgIG1pbldpZHRoOiA0MzYsXG4gICAgZ2FwOiAnMXJlbScsXG4gICAgcGFkZGluZzogJzhweCAyMHB4IDIwcHggMjBweCcsXG4gICAgJyZbZGF0YS1zdGF0ZT1cIm9wZW5cIl0nOiB7XG4gICAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZUluVXB9ICR7RElBTE9HX1ZJU0lCSUxJVFlfVFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlYCxcbiAgICB9LFxuICAgICcmW2RhdGEtc3RhdGU9XCJjbG9zZWRcIl0nOiB7XG4gICAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZU91dERvd259ICR7RElBTE9HX1ZJU0lCSUxJVFlfVFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlYCxcbiAgICB9LFxufSwgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLm1vZGFsQm9yZGVyUmFkaXVzLFxuICAgIGJvcmRlcjogdGhlbWUubW9kYWxCb3JkZXIsXG59KSk7XG5jb25zdCBSb290ID0gRGlhbG9nUHJpbWl0aXZlLlJvb3Q7XG5jb25zdCBQb3J0YWwgPSBEaWFsb2dQcmltaXRpdmUuUG9ydGFsO1xuY29uc3QgT3ZlcmxheSA9IERpYWxvZ1ByaW1pdGl2ZS5PdmVybGF5O1xuY29uc3QgVGl0bGUgPSBEaWFsb2dQcmltaXRpdmUuVGl0bGU7XG5jb25zdCBUcmlnZ2VyID0gRGlhbG9nUHJpbWl0aXZlLlRyaWdnZXI7XG5jb25zdCBDbG9zZSA9IERpYWxvZ1ByaW1pdGl2ZS5DbG9zZTtcbmNvbnN0IERlc2NyaXB0aW9uID0gRGlhbG9nUHJpbWl0aXZlLkRlc2NyaXB0aW9uO1xuY29uc3QgQ29udGVudCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIHJldHVybiAoX2pzeChEaWFsb2dDb250YWluZXIsIHsgY2hpbGRyZW46IF9qc3goRGlhbG9nQ29udGVudCwgeyByZWY6IHJlZiwgLi4ucHJvcHMsIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSB9KSk7XG59KTtcbkNvbnRlbnQuZGlzcGxheU5hbWUgPSBEaWFsb2dQcmltaXRpdmUuQ29udGVudC5kaXNwbGF5TmFtZTtcbmV4cG9ydCB7IENsb3NlLCBDb250ZW50LCBEZXNjcmlwdGlvbiwgT3ZlcmxheSwgUG9ydGFsLCBSb290LCBUaXRsZSwgVHJpZ2dlciB9O1xuIl19 */");
const DialogContent = /*#__PURE__*/_styled(DialogPrimitive__namespace.Content, process.env.NODE_ENV === "production" ? {
  target: "epklqfp0"
} : {
  target: "epklqfp0",
  label: "DialogContent"
})({
  boxSizing: 'border-box',
  outline: 'none',
  display: 'grid',
  minWidth: 436,
  gap: '1rem',
  padding: '8px 20px 20px 20px',
  '&[data-state="open"]': {
    animation: `${animations.fadeInUp} ${constants.DIALOG_VISIBILITY_TRANSITION_DURATION}ms ease`
  },
  '&[data-state="closed"]': {
    animation: `${animations.fadeOutDown} ${constants.DIALOG_VISIBILITY_TRANSITION_DURATION}ms ease`
  }
}, ({
  theme
}) => ({
  borderRadius: theme.modalBorderRadius,
  border: theme.modalBorder
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JzQiIsImZpbGUiOiJEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIERpYWxvZ1ByaW1pdGl2ZSBmcm9tICdAcmFkaXgtdWkvcmVhY3QtZGlhbG9nJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDT05URU5UX1pfSU5ERVgsIERJQUxPR19WSVNJQklMSVRZX1RSQU5TSVRJT05fRFVSQVRJT04gfSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgZmFkZUluVXAsIGZhZGVPdXREb3duIH0gZnJvbSAnLi4vLi4vc3R5bGVzL2FuaW1hdGlvbnMnO1xuY29uc3QgRGlhbG9nQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAnZml4ZWQnLFxuICAgIGluc2V0OiAwLFxuICAgIHpJbmRleDogQ09OVEVOVF9aX0lOREVYLFxufSk7XG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKERpYWxvZ1ByaW1pdGl2ZS5Db250ZW50KSh7XG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBtaW5XaWR0aDogNDM2LFxuICAgIGdhcDogJzFyZW0nLFxuICAgIHBhZGRpbmc6ICc4cHggMjBweCAyMHB4IDIwcHgnLFxuICAgICcmW2RhdGEtc3RhdGU9XCJvcGVuXCJdJzoge1xuICAgICAgICBhbmltYXRpb246IGAke2ZhZGVJblVwfSAke0RJQUxPR19WSVNJQklMSVRZX1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZWAsXG4gICAgfSxcbiAgICAnJltkYXRhLXN0YXRlPVwiY2xvc2VkXCJdJzoge1xuICAgICAgICBhbmltYXRpb246IGAke2ZhZGVPdXREb3dufSAke0RJQUxPR19WSVNJQklMSVRZX1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZWAsXG4gICAgfSxcbn0sICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5tb2RhbEJvcmRlclJhZGl1cyxcbiAgICBib3JkZXI6IHRoZW1lLm1vZGFsQm9yZGVyLFxufSkpO1xuY29uc3QgUm9vdCA9IERpYWxvZ1ByaW1pdGl2ZS5Sb290O1xuY29uc3QgUG9ydGFsID0gRGlhbG9nUHJpbWl0aXZlLlBvcnRhbDtcbmNvbnN0IE92ZXJsYXkgPSBEaWFsb2dQcmltaXRpdmUuT3ZlcmxheTtcbmNvbnN0IFRpdGxlID0gRGlhbG9nUHJpbWl0aXZlLlRpdGxlO1xuY29uc3QgVHJpZ2dlciA9IERpYWxvZ1ByaW1pdGl2ZS5UcmlnZ2VyO1xuY29uc3QgQ2xvc2UgPSBEaWFsb2dQcmltaXRpdmUuQ2xvc2U7XG5jb25zdCBEZXNjcmlwdGlvbiA9IERpYWxvZ1ByaW1pdGl2ZS5EZXNjcmlwdGlvbjtcbmNvbnN0IENvbnRlbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKF9qc3goRGlhbG9nQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KERpYWxvZ0NvbnRlbnQsIHsgcmVmOiByZWYsIC4uLnByb3BzLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkgfSkpO1xufSk7XG5Db250ZW50LmRpc3BsYXlOYW1lID0gRGlhbG9nUHJpbWl0aXZlLkNvbnRlbnQuZGlzcGxheU5hbWU7XG5leHBvcnQgeyBDbG9zZSwgQ29udGVudCwgRGVzY3JpcHRpb24sIE92ZXJsYXksIFBvcnRhbCwgUm9vdCwgVGl0bGUsIFRyaWdnZXIgfTtcbiJdfQ== */");
const Root = DialogPrimitive__namespace.Root;
const Portal = DialogPrimitive__namespace.Portal;
const Overlay = DialogPrimitive__namespace.Overlay;
const Title = DialogPrimitive__namespace.Title;
const Description = DialogPrimitive__namespace.Description;
const Content = react.forwardRef(({
  children,
  ...props
}, ref) => {
  return jsxRuntime.jsx(DialogContainer, {
    children: jsxRuntime.jsx(DialogContent, {
      ref: ref,
      ...props,
      children: children
    })
  });
});
Content.displayName = DialogPrimitive__namespace.Content.displayName;

exports.Content = Content;
exports.Description = Description;
exports.Overlay = Overlay;
exports.Portal = Portal;
exports.Root = Root;
exports.Title = Title;