@sky-mavis/tanto-widget
Version:
Tanto Widget
92 lines (86 loc) • 7.73 kB
JavaScript
;
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 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);
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
const DialogContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
target: "epklqfp1"
} : {
target: "epklqfp1",
label: "DialogContainer"
})(process.env.NODE_ENV === "production" ? {
name: "1j80qt0",
styles: "width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:50"
} : {
name: "1j80qt0",
styles: "width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:50/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3dCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgRGlhbG9nUHJpbWl0aXZlIGZyb20gJ0ByYWRpeC11aS9yZWFjdC1kaWFsb2cnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZhZGVJblVwLCBmYWRlT3V0RG93biB9IGZyb20gJy4uLy4uL3N0eWxlcy9hbmltYXRpb25zJztcbmNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICBpbnNldDogMCxcbiAgICB6SW5kZXg6IDUwLFxufSk7XG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKERpYWxvZ1ByaW1pdGl2ZS5Db250ZW50KSh7XG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBtaW5XaWR0aDogNDIwLFxuICAgIGdhcDogJzFyZW0nLFxuICAgIHBhZGRpbmc6ICc4cHggMjBweCAyMHB4IDIwcHgnLFxuICAgIGFuaW1hdGlvbkR1cmF0aW9uOiAnMTUwbXMnLFxuICAgICcmW2RhdGEtc3RhdGU9XCJvcGVuXCJdJzoge1xuICAgICAgICBhbmltYXRpb246IGAke2ZhZGVJblVwfSAxNTBtcyBlYXNlYCxcbiAgICB9LFxuICAgICcmW2RhdGEtc3RhdGU9XCJjbG9zZWRcIl0nOiB7XG4gICAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZU91dERvd259IDE1MG1zIGVhc2VgLFxuICAgIH0sXG59LCAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJvcmRlclJhZGl1czogdGhlbWUubW9kYWxCb3JkZXJSYWRpdXMsXG4gICAgYm9yZGVyOiB0aGVtZS5tb2RhbEJvcmRlcixcbn0pKTtcbmNvbnN0IFJvb3QgPSBEaWFsb2dQcmltaXRpdmUuUm9vdDtcbmNvbnN0IFBvcnRhbCA9IERpYWxvZ1ByaW1pdGl2ZS5Qb3J0YWw7XG5jb25zdCBPdmVybGF5ID0gRGlhbG9nUHJpbWl0aXZlLk92ZXJsYXk7XG5jb25zdCBUaXRsZSA9IERpYWxvZ1ByaW1pdGl2ZS5UaXRsZTtcbmNvbnN0IFRyaWdnZXIgPSBEaWFsb2dQcmltaXRpdmUuVHJpZ2dlcjtcbmNvbnN0IENsb3NlID0gRGlhbG9nUHJpbWl0aXZlLkNsb3NlO1xuY29uc3QgRGVzY3JpcHRpb24gPSBEaWFsb2dQcmltaXRpdmUuRGVzY3JpcHRpb247XG5jb25zdCBDb250ZW50ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChfanN4KERpYWxvZ0NvbnRhaW5lciwgeyBjaGlsZHJlbjogX2pzeChEaWFsb2dDb250ZW50LCB7IHJlZjogcmVmLCAuLi5wcm9wcywgY2hpbGRyZW46IGNoaWxkcmVuIH0pIH0pKTtcbn0pO1xuQ29udGVudC5kaXNwbGF5TmFtZSA9IERpYWxvZ1ByaW1pdGl2ZS5Db250ZW50LmRpc3BsYXlOYW1lO1xuZXhwb3J0IHsgQ2xvc2UsIENvbnRlbnQsIERlc2NyaXB0aW9uLCBPdmVybGF5LCBQb3J0YWwsIFJvb3QsIFRpdGxlLCBUcmlnZ2VyIH07XG4iXX0= */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
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: 420,
gap: '1rem',
padding: '8px 20px 20px 20px',
animationDuration: '150ms',
'&[data-state="open"]': {
animation: `${animations.fadeInUp} 150ms ease`
},
'&[data-state="closed"]': {
animation: `${animations.fadeOutDown} 150ms ease`
}
}, ({
theme
}) => ({
borderRadius: theme.modalBorderRadius,
border: theme.modalBorder
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgRGlhbG9nUHJpbWl0aXZlIGZyb20gJ0ByYWRpeC11aS9yZWFjdC1kaWFsb2cnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZhZGVJblVwLCBmYWRlT3V0RG93biB9IGZyb20gJy4uLy4uL3N0eWxlcy9hbmltYXRpb25zJztcbmNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICBpbnNldDogMCxcbiAgICB6SW5kZXg6IDUwLFxufSk7XG5jb25zdCBEaWFsb2dDb250ZW50ID0gc3R5bGVkKERpYWxvZ1ByaW1pdGl2ZS5Db250ZW50KSh7XG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBtaW5XaWR0aDogNDIwLFxuICAgIGdhcDogJzFyZW0nLFxuICAgIHBhZGRpbmc6ICc4cHggMjBweCAyMHB4IDIwcHgnLFxuICAgIGFuaW1hdGlvbkR1cmF0aW9uOiAnMTUwbXMnLFxuICAgICcmW2RhdGEtc3RhdGU9XCJvcGVuXCJdJzoge1xuICAgICAgICBhbmltYXRpb246IGAke2ZhZGVJblVwfSAxNTBtcyBlYXNlYCxcbiAgICB9LFxuICAgICcmW2RhdGEtc3RhdGU9XCJjbG9zZWRcIl0nOiB7XG4gICAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZU91dERvd259IDE1MG1zIGVhc2VgLFxuICAgIH0sXG59LCAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJvcmRlclJhZGl1czogdGhlbWUubW9kYWxCb3JkZXJSYWRpdXMsXG4gICAgYm9yZGVyOiB0aGVtZS5tb2RhbEJvcmRlcixcbn0pKTtcbmNvbnN0IFJvb3QgPSBEaWFsb2dQcmltaXRpdmUuUm9vdDtcbmNvbnN0IFBvcnRhbCA9IERpYWxvZ1ByaW1pdGl2ZS5Qb3J0YWw7XG5jb25zdCBPdmVybGF5ID0gRGlhbG9nUHJpbWl0aXZlLk92ZXJsYXk7XG5jb25zdCBUaXRsZSA9IERpYWxvZ1ByaW1pdGl2ZS5UaXRsZTtcbmNvbnN0IFRyaWdnZXIgPSBEaWFsb2dQcmltaXRpdmUuVHJpZ2dlcjtcbmNvbnN0IENsb3NlID0gRGlhbG9nUHJpbWl0aXZlLkNsb3NlO1xuY29uc3QgRGVzY3JpcHRpb24gPSBEaWFsb2dQcmltaXRpdmUuRGVzY3JpcHRpb247XG5jb25zdCBDb250ZW50ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChfanN4KERpYWxvZ0NvbnRhaW5lciwgeyBjaGlsZHJlbjogX2pzeChEaWFsb2dDb250ZW50LCB7IHJlZjogcmVmLCAuLi5wcm9wcywgY2hpbGRyZW46IGNoaWxkcmVuIH0pIH0pKTtcbn0pO1xuQ29udGVudC5kaXNwbGF5TmFtZSA9IERpYWxvZ1ByaW1pdGl2ZS5Db250ZW50LmRpc3BsYXlOYW1lO1xuZXhwb3J0IHsgQ2xvc2UsIENvbnRlbnQsIERlc2NyaXB0aW9uLCBPdmVybGF5LCBQb3J0YWwsIFJvb3QsIFRpdGxlLCBUcmlnZ2VyIH07XG4iXX0= */");
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;