intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/animation/lib/types/index.d.ts

@@ -0,0 +1,103 @@
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { BoxProps } from '@semcore/flex-box';
+
+type CssTimingFunction =
+  | 'ease'
+  | 'ease-in'
+  | 'ease-out'
+  | 'ease-in-out'
+  | 'linear'
+  | 'step-start'
+  | 'step-end';
+
+/** @deprecated */
+export interface IAnimationProps extends AnimationProps, UnknownProperties {}
+export type AnimationProps = BoxProps & {
+  /** The property is responsible for the visibility of the element */
+  visible?: boolean;
+  /** Animation duration in ms
+   * @default 0
+   */
+  duration?: number | [number, number];
+  /** Animation delay in ms
+   * @default 0
+   */
+  delay?: number | [number, number];
+  /** Animation titles */
+  keyframes?: [string, string];
+  /** If it set to `true`, animated node is persisted in dom even if `visible=false`   */
+  preserveNode?: boolean;
+  /** Enables animation on first rendering
+   * @default false
+   */
+  initialAnimation?: boolean;
+  /**
+   * @default ease-out
+   */
+  timingFunction?: CssTimingFunction;
+  /**
+   * @default false
+   */
+  animationsDisabled?: boolean;
+};
+
+/** @deprecated */
+export interface ICollapseProps extends CollapseProps, UnknownProperties {}
+export type CollapseProps = AnimationProps & {
+  /**
+   * Add overflow=hidden when passing animation
+   * @default true
+   * */
+  overflowHidden?: boolean;
+};
+
+/** @deprecated */
+export interface IFadeInOutProps extends FadeInOutProps, UnknownProperties {}
+export type FadeInOutProps = AnimationProps & {};
+
+/** @deprecated */
+export interface ITransformProps extends TransformProps, UnknownProperties {}
+export type TransformProps = AnimationProps & {
+  /** Animation effects
+   * @default []
+   */
+  transform?: [string, string];
+};
+
+/** @deprecated */
+export interface IScaleProps extends ScaleProps, UnknownProperties {}
+export type ScaleProps = AnimationProps & {
+  /** Placement of appearing block
+   */
+  placement?:
+    | 'top-start'
+    | 'top-end'
+    | 'bottom-start'
+    | 'bottom-end'
+    | 'right-start'
+    | 'right-end'
+    | 'left-start'
+    | 'left-end';
+};
+
+/** @deprecated */
+export interface ISlideProps extends SlideProps, UnknownProperties {}
+export type SlideProps = AnimationProps & {
+  /** Direction from which slide animation will be performed
+   */
+  slideOrigin?: 'top' | 'bottom' | 'left' | 'right';
+};
+
+type DisposeSubscription = () => void;
+declare const animationContext: React.Context<{
+  onAnimationStart: (callback: () => void) => DisposeSubscription;
+  onAnimationEnd: (callback: () => void) => DisposeSubscription;
+}>;
+declare const Animation: Intergalactic.Component<'div', AnimationProps>;
+declare const Collapse: Intergalactic.Component<'div', CollapseProps>;
+declare const FadeInOut: Intergalactic.Component<'div', FadeInOutProps>;
+declare const Transform: Intergalactic.Component<'div', TransformProps>;
+declare const Scale: Intergalactic.Component<'div', ScaleProps>;
+declare const Slide: Intergalactic.Component<'div', SlideProps>;
+
+export { Animation, Collapse, FadeInOut, Transform, Scale, Slide, animationContext };

package/libs/badge/lib/cjs/Badge.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
+/*__reshadow-styles__:"./style/badge.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_1xdmv_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1xdmv_gg_.__bg_1xdmv_gg_{background-color:var(--bg_1xdmv)}.___SBadge_1xdmv_gg_.__color_1xdmv_gg_{color:var(--color_1xdmv)}" /*__inner_css_end__*/, "1xdmv_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_1xdmv_gg_",
+  "_bg": "__bg_1xdmv_gg_",
+  "--bg": "--bg_1xdmv",
+  "_color": "__color_1xdmv_gg_",
+  "--color": "--color_1xdmv"
+});
+var RootBadge = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootBadge, _Component);
+  var _super = (0, _createSuper2["default"])(RootBadge);
+  function RootBadge() {
+    (0, _classCallCheck2["default"])(this, RootBadge);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RootBadge, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SBadge = _flexBox.Box;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        color = _this$asProps.color,
+        bg = _this$asProps.bg,
+        resolveColor = _this$asProps.resolveColor;
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBadge, _ref2.cn("SBadge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'span',
+        "use:color": resolveColor(color),
+        "use:bg": resolveColor(bg)
+      }, _ref))));
+    }
+  }]);
+  return RootBadge;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootBadge, "displayName", 'Badge');
+(0, _defineProperty2["default"])(RootBadge, "style", style);
+(0, _defineProperty2["default"])(RootBadge, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootBadge, "defaultProps", {
+  color: 'white',
+  bg: 'gray-400'
+});
+var _default = (0, _core["default"])(RootBadge);
+exports["default"] = _default;
+//# sourceMappingURL=Badge.js.map

package/libs/badge/lib/cjs/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","sstyled","insert","RootBadge","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SBadge","Box","_this$asProps","styles","color","bg","resolveColor","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","_default","createComponent","exports"],"sources":["../../src/Badge.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/badge.shadow.css';\n\nclass RootBadge extends Component {\n  static displayName = 'Badge';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = {\n    color: 'white',\n    bg: 'gray-400',\n  };\n\n  render() {\n    const SBadge = Root;\n    const { styles, color, bg, resolveColor } = this.asProps;\n\n    return sstyled(styles)(\n      <SBadge render={Box} tag='span' use:color={resolveColor(color)} use:bg={resolveColor(bg)} />,\n    );\n  }\n}\n\nexport default createComponent(RootBadge);\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAK,KAAA,+BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,SAAS,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,SAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAK,gBAAA,mBAAAL,SAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,SAAA;IAAAS,GAAA;IAAAC,KAAA,EASb,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,MAAM,GAIMC,YAAG;MAHrB,IAAAC,aAAA,GAA4C,IAAI,CAACJ,OAAO;QAAhDK,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,EAAE,GAAAH,aAAA,CAAFG,EAAE;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;MAEvC,OAAAP,KAAA,GAAO,IAAAhB,aAAO,EAACoB,MAAM,CAAC,eACpBzB,MAAA,YAAA6B,aAAA,CAACP,MAAM,EAAAD,KAAA,CAAAS,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;QAAA,OAAkB,MAAM;QAAA,aAAYJ,YAAY,CAACF,KAAK,CAAC;QAAA,UAAUE,YAAY,CAACD,EAAE;MAAC,GAAAR,IAAA,IAAI;IAEhG;EAAC;EAAA,OAAAZ,SAAA;AAAA,EAhBqB0B,eAAS;AAAA,IAAAC,gBAAA,aAA3B3B,SAAS,iBACQ,OAAO;AAAA,IAAA2B,gBAAA,aADxB3B,SAAS,WAEEH,KAAK;AAAA,IAAA8B,gBAAA,aAFhB3B,SAAS,aAGI,CAAC,IAAA4B,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAHpC3B,SAAS,kBAIS;EACpBmB,KAAK,EAAE,OAAO;EACdC,EAAE,EAAE;AACN,CAAC;AAAA,IAAAS,QAAA,GAYY,IAAAC,gBAAe,EAAC9B,SAAS,CAAC;AAAA+B,OAAA,cAAAF,QAAA"}

package/libs/badge/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/badge/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBadgeProps extends BadgeProps, UnknownProperties {}\nexport type BadgeProps = BoxProps & {\n  /** Fill color\n   * @default gray-400\n   * */\n  bg?: 'mist' | 'cyan' | 'red' | 'orange' | 'green' | 'white' | string;\n\n  /** Text color\n   * @default white\n   * */\n  color?: 'white' | 'gray20' | string;\n};\n\ndeclare const Badge: Intergalactic.Component<'div', BadgeProps>;\n\nexport default Badge;\n"],"mappings":""}

package/libs/badge/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Badge["default"];
+  }
+});
+var _Badge = _interopRequireDefault(require("./Badge"));
+//# sourceMappingURL=index.js.map

package/libs/badge/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Badge","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Badge';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/libs/badge/lib/es6/Badge.js

@@ -0,0 +1,56 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
+/*__reshadow-styles__:"./style/badge.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_1xdmv_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1xdmv_gg_.__bg_1xdmv_gg_{background-color:var(--bg_1xdmv)}.___SBadge_1xdmv_gg_.__color_1xdmv_gg_{color:var(--color_1xdmv)}" /*__inner_css_end__*/, "1xdmv_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_1xdmv_gg_",
+  "_bg": "__bg_1xdmv_gg_",
+  "--bg": "--bg_1xdmv",
+  "_color": "__color_1xdmv_gg_",
+  "--color": "--color_1xdmv"
+});
+var RootBadge = /*#__PURE__*/function (_Component) {
+  _inherits(RootBadge, _Component);
+  var _super = _createSuper(RootBadge);
+  function RootBadge() {
+    _classCallCheck(this, RootBadge);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RootBadge, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SBadge = Box;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        color = _this$asProps.color,
+        bg = _this$asProps.bg,
+        resolveColor = _this$asProps.resolveColor;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBadge, _ref2.cn("SBadge", _objectSpread({}, _assignProps({
+        "tag": 'span',
+        "use:color": resolveColor(color),
+        "use:bg": resolveColor(bg)
+      }, _ref))));
+    }
+  }]);
+  return RootBadge;
+}(Component);
+_defineProperty(RootBadge, "displayName", 'Badge');
+_defineProperty(RootBadge, "style", style);
+_defineProperty(RootBadge, "enhance", [resolveColorEnhance()]);
+_defineProperty(RootBadge, "defaultProps", {
+  color: 'white',
+  bg: 'gray-400'
+});
+export default createComponent(RootBadge);
+//# sourceMappingURL=Badge.js.map

package/libs/badge/lib/es6/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","style","_sstyled","insert","RootBadge","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SBadge","_this$asProps","styles","color","bg","resolveColor","createElement","cn","_objectSpread","_assignProps","_defineProperty"],"sources":["../../src/Badge.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/badge.shadow.css';\n\nclass RootBadge extends Component {\n  static displayName = 'Badge';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = {\n    color: 'white',\n    bg: 'gray-400',\n  };\n\n  render() {\n    const SBadge = Root;\n    const { styles, color, bg, resolveColor } = this.asProps;\n\n    return sstyled(styles)(\n      <SBadge render={Box} tag='span' use:color={resolveColor(color)} use:bg={resolveColor(bg)} />,\n    );\n  }\n}\n\nexport default createComponent(RootBadge);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,SAAS,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EAAA,SAAAA,UAAA;IAAAK,eAAA,OAAAL,SAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,SAAA;IAAAS,GAAA;IAAAC,KAAA,EASb,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,MAAM,GAIMpB,GAAG;MAHrB,IAAAqB,aAAA,GAA4C,IAAI,CAACH,OAAO;QAAhDI,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,EAAE,GAAAH,aAAA,CAAFG,EAAE;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;MAEvC,OAAAN,KAAA,GAAOpB,OAAO,CAACuB,MAAM,CAAC,eACpB3B,KAAA,CAAA+B,aAAA,CAACN,MAAM,EAAAD,KAAA,CAAAQ,EAAA,WAAAC,aAAA,KAAAC,YAAA;QAAA,OAAkB,MAAM;QAAA,aAAYJ,YAAY,CAACF,KAAK,CAAC;QAAA,UAAUE,YAAY,CAACD,EAAE;MAAC,GAAAP,IAAA,IAAI;IAEhG;EAAC;EAAA,OAAAZ,SAAA;AAAA,EAhBqBR,SAAS;AAAAiC,eAAA,CAA3BzB,SAAS,iBACQ,OAAO;AAAAyB,eAAA,CADxBzB,SAAS,WAEEH,KAAK;AAAA4B,eAAA,CAFhBzB,SAAS,aAGI,CAACJ,mBAAmB,EAAE,CAAC;AAAA6B,eAAA,CAHpCzB,SAAS,kBAIS;EACpBkB,KAAK,EAAE,OAAO;EACdC,EAAE,EAAE;AACN,CAAC;AAYH,eAAe5B,eAAe,CAACS,SAAS,CAAC"}

package/libs/badge/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/libs/badge/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBadgeProps extends BadgeProps, UnknownProperties {}\nexport type BadgeProps = BoxProps & {\n  /** Fill color\n   * @default gray-400\n   * */\n  bg?: 'mist' | 'cyan' | 'red' | 'orange' | 'green' | 'white' | string;\n\n  /** Text color\n   * @default white\n   * */\n  color?: 'white' | 'gray20' | string;\n};\n\ndeclare const Badge: Intergalactic.Component<'div', BadgeProps>;\n\nexport default Badge;\n"],"mappings":""}

package/libs/badge/lib/es6/index.js

@@ -0,0 +1,2 @@
+export { default } from './Badge';
+//# sourceMappingURL=index.js.map

package/libs/badge/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Badge';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/libs/badge/lib/types/index.d.ts

@@ -0,0 +1,20 @@
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { BoxProps } from '@semcore/flex-box';
+
+/** @deprecated */
+export interface IBadgeProps extends BadgeProps, UnknownProperties {}
+export type BadgeProps = BoxProps & {
+  /** Fill color
+   * @default gray-400
+   * */
+  bg?: 'mist' | 'cyan' | 'red' | 'orange' | 'green' | 'white' | string;
+
+  /** Text color
+   * @default white
+   * */
+  color?: 'white' | 'gray20' | string;
+};
+
+declare const Badge: Intergalactic.Component<'div', BadgeProps>;
+
+export default Badge;

package/libs/base-trigger/lib/cjs/BaseTrigger.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
+var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1lgtn_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1lgtn_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lgtn_gg_:active,.___SBaseTrigger_1lgtn_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lgtn_gg_.__active_1lgtn_gg_,.___SBaseTrigger_1lgtn_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lgtn_gg_.__disabled_1lgtn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lgtn_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1lgtn_gg_{width:12px;height:12px}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child,.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._neighborLocation_right_1lgtn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lgtn_gg_._neighborLocation_both_1lgtn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lgtn_gg_._neighborLocation_left_1lgtn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1lgtn_gg_.__display-placeholder_1lgtn_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lgtn_gg_._state_valid_1lgtn_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1lgtn_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_1lgtn_gg_",
+  "_disabled": "__disabled_1lgtn_gg_",
+  "__SInner": "___SInner_1lgtn_gg_",
+  "__SText": "___SText_1lgtn_gg_",
+  "__SAddon": "___SAddon_1lgtn_gg_",
+  "__SBaseAddon": "___SBaseAddon_1lgtn_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1lgtn_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1lgtn_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1lgtn_gg_",
+  "_display-placeholder": "__display-placeholder_1lgtn_gg_",
+  "_state_valid": "_state_valid_1lgtn_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lgtn_gg_",
+  "_active": "__active_1lgtn_gg_",
+  "_size_m": "_size_m_1lgtn_gg_",
+  "_size_l": "_size_l_1lgtn_gg_",
+  "_state_invalid": "_state_invalid_1lgtn_gg_"
+});
+var RootBaseTrigger = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootBaseTrigger, _Component);
+  var _super = (0, _createSuper2["default"])(RootBaseTrigger);
+  function RootBaseTrigger() {
+    (0, _classCallCheck2["default"])(this, RootBaseTrigger);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RootBaseTrigger, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var _this$asProps = this.asProps,
+        placeholder = _this$asProps.placeholder,
+        empty = _this$asProps.empty;
+      return {
+        placeholder: placeholder,
+        empty: empty
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      var SBaseTrigger = _flexBox.Box;
+      var SInner = 'div';
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        theme = _this$asProps2.theme,
+        neighborLocation = _this$asProps2.neighborLocation,
+        empty = _this$asProps2.empty;
+      _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
+
+      // TODO: add aria
+      return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
+        neighborLocation: neighborLocation
+      }, function (neighborLocation) {
+        var _ref4;
+        return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+          "neighborLocation": neighborLocation,
+          "state": theme
+        }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+      });
+    }
+  }]);
+  return RootBaseTrigger;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
+(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
+(0, _defineProperty2["default"])(RootBaseTrigger, "style", style);
+(0, _defineProperty2["default"])(RootBaseTrigger, "defaultProps", {
+  size: 'm',
+  empty: false
+});
+function Text(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var SText = _flexBox.Box;
+  var children = props.children,
+    styles = props.styles,
+    empty = props.empty,
+    placeholder = props.placeholder;
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "display-placeholder": empty
+  }, _ref2))), empty ? placeholder : children);
+}
+function Addon(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var SAddon = _flexBox.Box;
+  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+}
+var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
+  Text: Text,
+  Addon: Addon
+});
+var _default = BaseTrigger;
+exports["default"] = _default;
+//# sourceMappingURL=BaseTrigger.js.map

package/libs/base-trigger/lib/cjs/BaseTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","_this$asProps2","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","size","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

package/libs/base-trigger/lib/cjs/ButtonTrigger.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
+var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
+var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
+var _spin = _interopRequireDefault(require("@semcore/spin"));
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mgxb_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mgxb_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mgxb_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_1mgxb_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mgxb_gg_"
+});
+var RootButtonTrigger = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootButtonTrigger, _Component);
+  var _super = (0, _createSuper2["default"])(RootButtonTrigger);
+  function RootButtonTrigger() {
+    (0, _classCallCheck2["default"])(this, RootButtonTrigger);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RootButtonTrigger, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SButtonAddon = ButtonTrigger.Addon;
+      var SButtonTriggerSpin = _spin["default"];
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        loading = _this$asProps.loading,
+        empty = _this$asProps.empty;
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+        "size": 'xs',
+        "theme": false
+      })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
+    }
+  }]);
+  return RootButtonTrigger;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
+(0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
+(0, _defineProperty2["default"])(RootButtonTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
+var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
+  Text: _BaseTrigger["default"].Text,
+  Addon: _BaseTrigger["default"].Addon
+}, {
+  parent: _BaseTrigger["default"]
+});
+var _default = ButtonTrigger;
+exports["default"] = _default;
+//# sourceMappingURL=ButtonTrigger.js.map

package/libs/base-trigger/lib/cjs/ButtonTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}