@activecollab/components 2.0.370 → 2.0.372

package/dist/cjs/components/StepSequence/Styles.js

@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _Trigger = require("../Trigger");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var StepSequenceStyle = (0, _styledComponents.css)(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.c-step-sequence__step--done{background:var(--color-sucess-green);}.c-step-sequence__step--progress{background:var(--color-primary);}.c-step-sequence__step--failed{background:var(--red-alert);}.c-step-sequence__step--todo{background:transparent;border:2px solid var(--color-theme-400);}.c-step-sequence__dot{border-radius:50%;}.c-step-sequence__dot--progress{width:7px;height:7px;background:#fff;}.c-step-sequence__dot--todo{width:6px;height:6px;background:var(--color-theme-500);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--color-theme-400);}.c-step-sequence__connector--on{background:var(--color-sucess-green);}"], _BoxSizingStyle.BoxSizingStyle);
+var StepSequenceStyle = (0, _styledComponents.css)(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.c-step-sequence__step--done{background:var(--color-sucess-green);}.c-step-sequence__step--progress{background:var(--color-progress-blue);}.c-step-sequence__step--failed{background:var(--red-alert);}.c-step-sequence__step--todo{background:transparent;border:2px solid var(--color-theme-400);}.c-step-sequence__dot{border-radius:50%;}.c-step-sequence__dot--progress{width:7px;height:7px;background:#fff;}.c-step-sequence__dot--todo{width:6px;height:6px;background:var(--color-theme-500);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--color-theme-400);}.c-step-sequence__connector--on{background:var(--color-sucess-green);}"], _BoxSizingStyle.BoxSizingStyle);
 var StyledStepSequenceTrigger = exports.StyledStepSequenceTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
   displayName: "Styles__StyledStepSequenceTrigger",
   componentId: "sc-hp7ywn-0"

package/dist/cjs/components/StepSequence/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Trigger","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StepSequenceStyle","css","BoxSizingStyle","StyledStepSequenceTrigger","exports","styled","Trigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepSequenceStyle = css`\n  ${BoxSizingStyle}\n\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 8px;\n\n  .c-step-sequence__step {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .c-step-sequence__step--done {\n    background: var(--color-sucess-green);\n  }\n  .c-step-sequence__step--progress {\n    background: var(--color-primary);\n  }\n  .c-step-sequence__step--failed {\n    background: var(--red-alert);\n  }\n  .c-step-sequence__step--todo {\n    background: transparent;\n    border: 2px solid var(--color-theme-400);\n  }\n\n  .c-step-sequence__dot {\n    border-radius: 50%;\n  }\n  .c-step-sequence__dot--progress {\n    width: 7px;\n    height: 7px;\n    background: #fff;\n  }\n  .c-step-sequence__dot--todo {\n    width: 6px;\n    height: 6px;\n    background: var(--color-theme-500);\n  }\n\n  .c-step-sequence__connector {\n    width: 13px;\n    height: 2px;\n    flex-shrink: 0;\n    background: var(--color-theme-400);\n  }\n  .c-step-sequence__connector--on {\n    background: var(--color-sucess-green);\n  }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n  ${StepSequenceStyle}\n\n  border-radius: 8px;\n  transition: background-color 200ms ease;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n  &:focus-visible {\n    outline: 2px solid var(--color-primary);\n    outline-offset: 1px;\n  }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n  ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErC,IAAMmB,iBAAiB,OAAGC,qBAAG,02BACzBC,8BAAc,CAsDjB;AAEM,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDT,iBAAiB,CAYpB;AACDG,yBAAyB,CAACK,WAAW,GAAG,2BAA2B;AAE5D,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCT,iBAAiB,CACpB;AACDU,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Trigger","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StepSequenceStyle","css","BoxSizingStyle","StyledStepSequenceTrigger","exports","styled","Trigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepSequenceStyle = css`\n  ${BoxSizingStyle}\n\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 8px;\n\n  .c-step-sequence__step {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .c-step-sequence__step--done {\n    background: var(--color-sucess-green);\n  }\n  .c-step-sequence__step--progress {\n    background: var(--color-progress-blue);\n  }\n  .c-step-sequence__step--failed {\n    background: var(--red-alert);\n  }\n  .c-step-sequence__step--todo {\n    background: transparent;\n    border: 2px solid var(--color-theme-400);\n  }\n\n  .c-step-sequence__dot {\n    border-radius: 50%;\n  }\n  .c-step-sequence__dot--progress {\n    width: 7px;\n    height: 7px;\n    background: #fff;\n  }\n  .c-step-sequence__dot--todo {\n    width: 6px;\n    height: 6px;\n    background: var(--color-theme-500);\n  }\n\n  .c-step-sequence__connector {\n    width: 13px;\n    height: 2px;\n    flex-shrink: 0;\n    background: var(--color-theme-400);\n  }\n  .c-step-sequence__connector--on {\n    background: var(--color-sucess-green);\n  }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n  ${StepSequenceStyle}\n\n  border-radius: 8px;\n  transition: background-color 200ms ease;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n  &:focus-visible {\n    outline: 2px solid var(--color-primary);\n    outline-offset: 1px;\n  }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n  ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErC,IAAMmB,iBAAiB,OAAGC,qBAAG,g3BACzBC,8BAAc,CAsDjB;AAEM,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDT,iBAAiB,CAYpB;AACDG,yBAAyB,CAACK,WAAW,GAAG,2BAA2B;AAE5D,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCT,iBAAiB,CACpB;AACDU,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/LinkCard.js

@@ -15,6 +15,11 @@ var _Typography = require("../../../components/Typography");
 var _Typography2 = require("../../../components/Typography/Typography");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* There is no global CSS reset in this Storybook, so a raw <button> falls back
+   to the UA font (Arial) instead of the DS stack. Every button below is text, so
+   they all need it. */
+var CONTROL_FONT = "-apple-system, BlinkMacSystemFont, \"Roboto\",\n    \"Helvetica Neue\", Arial, sans-serif";
+
 /**
  * LinkCard — a link preview as a LIFECYCLE, not two static layouts.
  *
@@ -53,7 +58,7 @@ var StyledStaleStrip = _styledComponents.default.div.withConfig({
 var StyledReunfurl = _styledComponents.default.button.withConfig({
   displayName: "LinkCard__StyledReunfurl",
   componentId: "sc-qyea73-3"
-})(["display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 8px;border:1px solid var(--border-primary);border-radius:6px;background:var(--page-paper-main);color:var(--color-theme-800);font-size:11px;cursor:pointer;svg{width:12px;height:12px;}&:hover{background:var(--color-theme-200);border-color:var(--sc-selection-ring);}"]);
+})(["display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 8px;border:1px solid var(--border-primary);border-radius:6px;background:var(--page-paper-main);color:var(--color-theme-800);font-family:", ";font-size:11px;cursor:pointer;svg{width:12px;height:12px;}&:hover{background:var(--color-theme-200);border-color:var(--sc-selection-ring);}"], CONTROL_FONT);
 
 /* The error body — favicon + raw URL + retry, no media (per spec §5). It is a
    column row like any other: the padding comes from the role, so the error
@@ -66,7 +71,21 @@ var StyledErrorRow = (0, _styledComponents.default)(_StackedCard.StackedCardRow)
 var StyledRetry = _styledComponents.default.button.withConfig({
   displayName: "LinkCard__StyledRetry",
   componentId: "sc-qyea73-5"
-})(["align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--page-paper-main);color:var(--color-theme-800);cursor:pointer;svg{width:14px;height:14px;}&:hover{background:var(--color-theme-200);border-color:var(--sc-selection-ring);}"]);
+})(["align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--page-paper-main);color:var(--color-theme-800);font-family:", ";cursor:pointer;svg{width:14px;height:14px;}&:hover{background:var(--color-theme-200);border-color:var(--sc-selection-ring);}"], CONTROL_FONT);
+
+/* The resolved cover. A production unfurl stores the OpenGraph image, so when
+   the ladder returns one we render a real <img> (the Cover fill already gives
+   it `object-fit: cover`); the fill colour is the fallback for links that carry
+   no image at all. */
+var resolvedCover = function resolvedCover(data) {
+  var _data$heroColor;
+  return data.heroSrc ? /*#__PURE__*/_react.default.createElement("img", {
+    src: data.heroSrc,
+    alt: ""
+  }) : /*#__PURE__*/_react.default.createElement(_shared.StyledColorCover, {
+    $color: (_data$heroColor = data.heroColor) !== null && _data$heroColor !== void 0 ? _data$heroColor : "#1D9E75"
+  });
+};
 
 /* The expanded footer band — tinted, holds the title + domain under the hero. */
 var StyledFooterTitle = (0, _styledComponents.default)(_Typography.Body2).withConfig({
@@ -81,7 +100,7 @@ var StyledFooterTitle = (0, _styledComponents.default)(_Typography.Body2).withCo
 var StyledDisplayToggle = _styledComponents.default.button.withConfig({
   displayName: "LinkCard__StyledDisplayToggle",
   componentId: "sc-qyea73-7"
-})(["display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--border-primary);border-radius:10px;background:var(--color-theme-200);color:var(--color-theme-700);font-size:11px;cursor:pointer;white-space:nowrap;&:hover{background:var(--color-theme-300);}"]);
+})(["display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--border-primary);border-radius:10px;background:var(--color-theme-200);color:var(--color-theme-700);font-family:", ";font-size:11px;cursor:pointer;white-space:nowrap;&:hover{background:var(--color-theme-300);}"], CONTROL_FONT);
 var DisplayToggle = function DisplayToggle(_ref) {
   var display = _ref.display,
     onToggle = _ref.onToggle;
@@ -99,7 +118,7 @@ var DisplayToggle = function DisplayToggle(_ref) {
 /* ------------------------------------------------------------------ */
 
 var LinkCard = exports.LinkCard = function LinkCard(_ref2) {
-  var _data$heroColor2, _data$faviconColor2;
+  var _data$faviconColor2;
   var unfurl = _ref2.unfurl,
     _ref2$display = _ref2.display,
     display = _ref2$display === void 0 ? "compact" : _ref2$display,
@@ -138,20 +157,22 @@ var LinkCard = exports.LinkCard = function LinkCard(_ref2) {
   }
   var hasBasic = tier === "basic" || tier === "full";
   var hasFull = tier === "full";
-  var toggle = onToggleDisplay !== null && onToggleDisplay !== void 0 ? onToggleDisplay : function () {
-    return undefined;
-  };
+  /* The display level belongs to the host, so the switch only appears when a
+     host actually owns one. A surface that fixes the card at one level (the
+     whiteboard pins it to expanded) gets no dead control. */
+  var toggle = onToggleDisplay ? /*#__PURE__*/_react.default.createElement(DisplayToggle, {
+    display: display,
+    onToggle: onToggleDisplay
+  }) : null;
 
   // ── Expanded: hero + tinted footer band (title + domain) ────────
   if (display === "expanded") {
-    var _data$heroColor, _data$faviconColor;
+    var _data$faviconColor;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
       aspectRatio: _shared.COVER_RATIO_HERO,
       centerSlot: hasFull && data.playable ? _shared.playControl : undefined,
       topRightSlot: (0, _shared.coverManagement)()
-    }, hasFull ? /*#__PURE__*/_react.default.createElement(_shared.StyledColorCover, {
-      $color: (_data$heroColor = data.heroColor) !== null && _data$heroColor !== void 0 ? _data$heroColor : "#1D9E75"
-    }) : /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
+    }, hasFull ? resolvedCover(data) : /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
       style: {
         width: "100%",
         height: "100%"
@@ -178,10 +199,7 @@ var LinkCard = exports.LinkCard = function LinkCard(_ref2) {
       style: {
         flex: "1 1 auto"
       }
-    }), /*#__PURE__*/_react.default.createElement(DisplayToggle, {
-      display: display,
-      onToggle: toggle
-    })), hasBasic ? /*#__PURE__*/_react.default.createElement(StyledFooterTitle, {
+    }), toggle), hasBasic ? /*#__PURE__*/_react.default.createElement(StyledFooterTitle, {
       weight: "bold"
     }, data.title) : /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
       style: {
@@ -207,9 +225,7 @@ var LinkCard = exports.LinkCard = function LinkCard(_ref2) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
     aspectRatio: _StackedCard.STACKED_CARD_COVER_RATIO,
     centerSlot: hasFull && data.playable ? _shared.playControl : undefined
-  }, hasFull ? /*#__PURE__*/_react.default.createElement(_shared.StyledColorCover, {
-    $color: (_data$heroColor2 = data.heroColor) !== null && _data$heroColor2 !== void 0 ? _data$heroColor2 : "#1D9E75"
-  }) : /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
+  }, hasFull ? resolvedCover(data) : /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {
       width: "100%",
       height: "100%"
@@ -234,10 +250,7 @@ var LinkCard = exports.LinkCard = function LinkCard(_ref2) {
     style: {
       flex: "1 1 auto"
     }
-  }), /*#__PURE__*/_react.default.createElement(DisplayToggle, {
-    display: display,
-    onToggle: toggle
-  }))), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+  }), toggle)), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, hasBasic ? /*#__PURE__*/_react.default.createElement(_shared.StyledClamp, null, data.title) : /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/cjs/presentation/stackedCard/content/LinkCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_unfurl","_Icons","_Loaders","_StackedCard","_Typography","_Typography2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledDomainRow","styled","div","withConfig","displayName","componentId","StyledChips","StyledStaleStrip","StyledReunfurl","button","StyledErrorRow","StackRow","StyledRetry","StyledFooterTitle","Body2","StyledDisplayToggle","DisplayToggle","_ref","display","onToggle","createElement","type","className","STACKED_CARD_CONTROL_CLASS","onClick","LinkCard","exports","_ref2","_data$heroColor2","_data$faviconColor2","unfurl","_ref2$display","onToggleDisplay","status","tier","data","fetchedAt","retry","reunfurl","role","direction","WarningTriangleIcon","Caption1","weight","color","StyledFavicon","$bg","url","ArrowRefreshIcon","Typography","as","variant","hasBasic","hasFull","toggle","undefined","_data$heroColor","_data$faviconColor","Fragment","StackedCardCover","aspectRatio","COVER_RATIO_HERO","centerSlot","playable","playControl","topRightSlot","coverManagement","StyledColorCover","$color","heroColor","SkeletonLoader","style","width","height","StackedCardRow","background","faviconColor","borderRadius","domain","flex","title","description","StaleStrip","onReunfurl","COVER_RATIO","StyledClamp","marginTop","kind","StyledChip","duration","_ref3","formatFetchedAt","LinkSkeleton","LinkPlaceholder","props","Placeholder","icon","InsertLinkIcon","label"],"sources":["../../../../../src/presentation/stackedCard/content/LinkCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  COVER_RATIO_HERO,\n  StyledChip,\n  StyledClamp,\n  StyledColorCover,\n  StyledFavicon,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport { UnfurlController, formatFetchedAt } from \"./unfurl\";\nimport {\n  ArrowRefreshIcon,\n  InsertLinkIcon,\n  WarningTriangleIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  STACKED_CARD_CONTROL_CLASS,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\n\n/**\n * LinkCard — a link preview as a LIFECYCLE, not two static layouts.\n *\n * Data climbs a progressive ladder (url → basic → full); the anatomy is\n * CONSTANT at every tier, so each slot swaps a skeleton for real content in\n * place and the card never reflows on upgrade. Four statuses layer on top:\n *   resolving — climbing the ladder, aspect + rows reserved by skeletons\n *   resolved  — the full card\n *   stale     — resolved, but past its cache window: shows `fetchedAt` and a\n *               re-unfurl affordance\n *   error     — the unfurl failed: favicon + raw URL + retry, NO media\n *\n * Compact ↔ expanded is a user-switchable DISPLAY LEVEL on the same link\n * entity (the data lives in the controller, so switching never refetches or\n * loses it) — not two separate card types.\n */\n\nexport type LinkDisplay = \"compact\" | \"expanded\";\n\n/* ------------------------------------------------------------------ */\n/* Small building blocks                                               */\n/* ------------------------------------------------------------------ */\n\nconst StyledDomainRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 16px;\n`;\n\nconst StyledChips = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 18px;\n`;\n\n/* The stale strip — a re-unfurl affordance with the fetch time. */\nconst StyledStaleStrip = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--color-theme-600);\n\n  > span {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n`;\n\nconst StyledReunfurl = styled.button`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: 0 0 auto;\n  padding: 3px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  font-size: 11px;\n  cursor: pointer;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The error body — favicon + raw URL + retry, no media (per spec §5). It is a\n   column row like any other: the padding comes from the role, so the error\n   state lines up with the states it replaces instead of setting its own inset.\n   Only the gap is widened — three stacked blocks, not four text lines. */\nconst StyledErrorRow = styled(StackRow)`\n  gap: 10px;\n\n  .err-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--red-alert);\n  }\n\n  .err-head svg {\n    width: 16px;\n    height: 16px;\n    flex: 0 0 auto;\n  }\n\n  .err-url {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    word-break: break-all;\n  }\n`;\n\nconst StyledRetry = styled.button`\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The expanded footer band — tinted, holds the title + domain under the hero. */\nconst StyledFooterTitle = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/* ------------------------------------------------------------------ */\n/* The display-level switch — lives in the entity \"…\" slot             */\n/* ------------------------------------------------------------------ */\n\nconst StyledDisplayToggle = styled.button`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  background: var(--color-theme-200);\n  color: var(--color-theme-700);\n  font-size: 11px;\n  cursor: pointer;\n  white-space: nowrap;\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nconst DisplayToggle = ({\n  display,\n  onToggle,\n}: {\n  display: LinkDisplay;\n  onToggle: () => void;\n}): ReactElement => (\n  <StyledDisplayToggle\n    type=\"button\"\n    data-fixed\n    className={STACKED_CARD_CONTROL_CLASS}\n    aria-label=\"Switch display level\"\n    onClick={onToggle}\n  >\n    {display === \"compact\" ? \"Expand ▾\" : \"Compact ▴\"}\n  </StyledDisplayToggle>\n);\n\n/* ------------------------------------------------------------------ */\n/* LinkCard                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface LinkCardProps {\n  unfurl: UnfurlController;\n  display?: LinkDisplay;\n  onToggleDisplay?: () => void;\n}\n\nexport const LinkCard = ({\n  unfurl,\n  display = \"compact\",\n  onToggleDisplay,\n}: LinkCardProps): ReactElement => {\n  const { status, tier, data, fetchedAt, retry, reunfurl } = unfurl;\n\n  // ── Error: favicon + raw URL + retry, no media ──────────────────\n  if (status === \"error\") {\n    return (\n      <StyledErrorRow role=\"custom\" direction=\"column\">\n        <div className=\"err-head\">\n          <WarningTriangleIcon />\n          <Caption1 weight=\"bold\" color=\"tertiary\">\n            Couldn’t load a preview\n          </Caption1>\n        </div>\n        <div className=\"err-url\">\n          <StyledFavicon $bg=\"var(--color-theme-400)\" data-fixed />\n          <Caption1 color=\"secondary\">{data.url}</Caption1>\n        </div>\n        <StyledRetry type=\"button\" onClick={retry}>\n          <ArrowRefreshIcon />\n          <Typography as=\"span\" variant=\"Caption 1\">\n            Retry\n          </Typography>\n        </StyledRetry>\n      </StyledErrorRow>\n    );\n  }\n\n  const hasBasic = tier === \"basic\" || tier === \"full\";\n  const hasFull = tier === \"full\";\n  const toggle = onToggleDisplay ?? (() => undefined);\n\n  // ── Expanded: hero + tinted footer band (title + domain) ────────\n  if (display === \"expanded\") {\n    return (\n      <>\n        <Cover\n          aspectRatio={COVER_RATIO_HERO}\n          centerSlot={hasFull && data.playable ? playControl : undefined}\n          topRightSlot={coverManagement()}\n        >\n          {hasFull ? (\n            <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n          ) : (\n            <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n          )}\n        </Cover>\n        <StackRow\n          role=\"footer\"\n          direction=\"column\"\n          background=\"var(--color-theme-200)\"\n        >\n          <StyledDomainRow>\n            {hasBasic ? (\n              <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n            ) : (\n              <SkeletonLoader\n                data-fixed\n                style={{ width: 16, height: 16, borderRadius: 4 }}\n              />\n            )}\n            {hasBasic ? (\n              <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n            ) : (\n              <Caption1 color=\"tertiary\">{data.url}</Caption1>\n            )}\n            <span style={{ flex: \"1 1 auto\" }} />\n            <DisplayToggle display={display} onToggle={toggle} />\n          </StyledDomainRow>\n          {hasBasic ? (\n            <StyledFooterTitle weight=\"bold\">{data.title}</StyledFooterTitle>\n          ) : (\n            <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n          )}\n          {hasFull ? (\n            <Caption1 color=\"tertiary\">{data.description}</Caption1>\n          ) : (\n            <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n          )}\n        </StackRow>\n        {status === \"stale\" ? (\n          <StackRow role=\"meta\">\n            <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n          </StackRow>\n        ) : null}\n      </>\n    );\n  }\n\n  // ── Compact: cover + favicon/domain + title + chips ─────────────\n  return (\n    <>\n      <Cover\n        aspectRatio={COVER_RATIO}\n        centerSlot={hasFull && data.playable ? playControl : undefined}\n      >\n        {hasFull ? (\n          <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n        ) : (\n          <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n        )}\n      </Cover>\n\n      <StackRow role=\"custom\">\n        <StyledDomainRow>\n          {hasBasic ? (\n            <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n          ) : (\n            <SkeletonLoader\n              data-fixed\n              style={{ width: 16, height: 16, borderRadius: 4 }}\n            />\n          )}\n          {hasBasic ? (\n            <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n          ) : (\n            <Caption1 color=\"tertiary\">{data.url}</Caption1>\n          )}\n          <span style={{ flex: \"1 1 auto\" }} />\n          <DisplayToggle display={display} onToggle={toggle} />\n        </StyledDomainRow>\n      </StackRow>\n\n      <StackRow role=\"title\">\n        {hasBasic ? (\n          <StyledClamp>{data.title}</StyledClamp>\n        ) : (\n          <div style={{ width: \"100%\" }}>\n            <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n            <SkeletonLoader\n              style={{ height: 14, width: \"60%\", marginTop: 6 }}\n            />\n          </div>\n        )}\n      </StackRow>\n\n      <StackRow role=\"custom\">\n        <StyledChips>\n          {hasFull ? (\n            <>\n              {data.kind ? (\n                <StyledChip data-fixed>{data.kind}</StyledChip>\n              ) : null}\n              {data.duration ? (\n                <StyledChip data-fixed>{data.duration}</StyledChip>\n              ) : null}\n            </>\n          ) : (\n            <SkeletonLoader\n              style={{ height: 18, width: 96, borderRadius: 10 }}\n            />\n          )}\n        </StyledChips>\n      </StackRow>\n\n      {status === \"stale\" ? (\n        <StackRow role=\"meta\">\n          <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n        </StackRow>\n      ) : null}\n    </>\n  );\n};\n\n/* The stale affordance — fetch time + a manual re-unfurl button. */\nconst StaleStrip = ({\n  fetchedAt,\n  onReunfurl,\n}: {\n  fetchedAt: number | null;\n  onReunfurl: () => void;\n}): ReactElement => (\n  <StyledStaleStrip>\n    <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n      Preview may be out of date · fetched {formatFetchedAt(fetchedAt)}\n    </Typography>\n    <StyledReunfurl type=\"button\" onClick={onReunfurl}>\n      <ArrowRefreshIcon />\n      Re-unfurl\n    </StyledReunfurl>\n  </StyledStaleStrip>\n);\n\n/* ---- skeleton ---- */\n\n/* Mirrors the compact anatomy row for row (this is the `resolving` render at\n   tier `url`), so a resolving link never reflows as it climbs the ladder. */\nexport const LinkSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"custom\">\n      <StyledDomainRow>\n        <SkeletonLoader\n          data-fixed\n          style={{ width: 16, height: 16, borderRadius: 4 }}\n        />\n        <SkeletonLoader style={{ height: 10, width: \"40%\" }} />\n      </StyledDomainRow>\n    </StackRow>\n    <StackRow role=\"title\">\n      <div style={{ width: \"100%\" }}>\n        <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n        <SkeletonLoader style={{ height: 14, width: \"60%\", marginTop: 6 }} />\n      </div>\n    </StackRow>\n    <StackRow role=\"custom\">\n      <StyledChips>\n        <SkeletonLoader style={{ height: 18, width: 96, borderRadius: 10 }} />\n      </StyledChips>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder ---- */\n\nexport const LinkPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<InsertLinkIcon />} label=\"Add a link\" {...props} />\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinkCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_unfurl","_Icons","_Loaders","_StackedCard","_Typography","_Typography2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CONTROL_FONT","StyledDomainRow","styled","div","withConfig","displayName","componentId","StyledChips","StyledStaleStrip","StyledReunfurl","button","StyledErrorRow","StackRow","StyledRetry","resolvedCover","data","_data$heroColor","heroSrc","createElement","src","alt","StyledColorCover","$color","heroColor","StyledFooterTitle","Body2","StyledDisplayToggle","DisplayToggle","_ref","display","onToggle","type","className","STACKED_CARD_CONTROL_CLASS","onClick","LinkCard","exports","_ref2","_data$faviconColor2","unfurl","_ref2$display","onToggleDisplay","status","tier","fetchedAt","retry","reunfurl","role","direction","WarningTriangleIcon","Caption1","weight","color","StyledFavicon","$bg","url","ArrowRefreshIcon","Typography","as","variant","hasBasic","hasFull","toggle","_data$faviconColor","Fragment","StackedCardCover","aspectRatio","COVER_RATIO_HERO","centerSlot","playable","playControl","undefined","topRightSlot","coverManagement","SkeletonLoader","style","width","height","StackedCardRow","background","faviconColor","borderRadius","domain","flex","title","description","StaleStrip","onReunfurl","COVER_RATIO","StyledClamp","marginTop","kind","StyledChip","duration","_ref3","formatFetchedAt","LinkSkeleton","LinkPlaceholder","props","Placeholder","icon","InsertLinkIcon","label"],"sources":["../../../../../src/presentation/stackedCard/content/LinkCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  COVER_RATIO_HERO,\n  StyledChip,\n  StyledClamp,\n  StyledColorCover,\n  StyledFavicon,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport { UnfurlController, UnfurlData, formatFetchedAt } from \"./unfurl\";\nimport {\n  ArrowRefreshIcon,\n  InsertLinkIcon,\n  WarningTriangleIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  STACKED_CARD_CONTROL_CLASS,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\n\n/* There is no global CSS reset in this Storybook, so a raw <button> falls back\n   to the UA font (Arial) instead of the DS stack. Every button below is text, so\n   they all need it. */\nconst CONTROL_FONT = `-apple-system, BlinkMacSystemFont, \"Roboto\",\n    \"Helvetica Neue\", Arial, sans-serif`;\n\n/**\n * LinkCard — a link preview as a LIFECYCLE, not two static layouts.\n *\n * Data climbs a progressive ladder (url → basic → full); the anatomy is\n * CONSTANT at every tier, so each slot swaps a skeleton for real content in\n * place and the card never reflows on upgrade. Four statuses layer on top:\n *   resolving — climbing the ladder, aspect + rows reserved by skeletons\n *   resolved  — the full card\n *   stale     — resolved, but past its cache window: shows `fetchedAt` and a\n *               re-unfurl affordance\n *   error     — the unfurl failed: favicon + raw URL + retry, NO media\n *\n * Compact ↔ expanded is a user-switchable DISPLAY LEVEL on the same link\n * entity (the data lives in the controller, so switching never refetches or\n * loses it) — not two separate card types.\n */\n\nexport type LinkDisplay = \"compact\" | \"expanded\";\n\n/* ------------------------------------------------------------------ */\n/* Small building blocks                                               */\n/* ------------------------------------------------------------------ */\n\nconst StyledDomainRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 16px;\n`;\n\nconst StyledChips = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 18px;\n`;\n\n/* The stale strip — a re-unfurl affordance with the fetch time. */\nconst StyledStaleStrip = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--color-theme-600);\n\n  > span {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n`;\n\nconst StyledReunfurl = styled.button`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: 0 0 auto;\n  padding: 3px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  font-family: ${CONTROL_FONT};\n  font-size: 11px;\n  cursor: pointer;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The error body — favicon + raw URL + retry, no media (per spec §5). It is a\n   column row like any other: the padding comes from the role, so the error\n   state lines up with the states it replaces instead of setting its own inset.\n   Only the gap is widened — three stacked blocks, not four text lines. */\nconst StyledErrorRow = styled(StackRow)`\n  gap: 10px;\n\n  .err-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--red-alert);\n  }\n\n  .err-head svg {\n    width: 16px;\n    height: 16px;\n    flex: 0 0 auto;\n  }\n\n  .err-url {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    word-break: break-all;\n  }\n`;\n\nconst StyledRetry = styled.button`\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  font-family: ${CONTROL_FONT};\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The resolved cover. A production unfurl stores the OpenGraph image, so when\n   the ladder returns one we render a real <img> (the Cover fill already gives\n   it `object-fit: cover`); the fill colour is the fallback for links that carry\n   no image at all. */\nconst resolvedCover = (data: UnfurlData): ReactElement =>\n  data.heroSrc ? (\n    <img src={data.heroSrc} alt=\"\" />\n  ) : (\n    <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n  );\n\n/* The expanded footer band — tinted, holds the title + domain under the hero. */\nconst StyledFooterTitle = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/* ------------------------------------------------------------------ */\n/* The display-level switch — lives in the entity \"…\" slot             */\n/* ------------------------------------------------------------------ */\n\nconst StyledDisplayToggle = styled.button`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  background: var(--color-theme-200);\n  color: var(--color-theme-700);\n  font-family: ${CONTROL_FONT};\n  font-size: 11px;\n  cursor: pointer;\n  white-space: nowrap;\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nconst DisplayToggle = ({\n  display,\n  onToggle,\n}: {\n  display: LinkDisplay;\n  onToggle: () => void;\n}): ReactElement => (\n  <StyledDisplayToggle\n    type=\"button\"\n    data-fixed\n    className={STACKED_CARD_CONTROL_CLASS}\n    aria-label=\"Switch display level\"\n    onClick={onToggle}\n  >\n    {display === \"compact\" ? \"Expand ▾\" : \"Compact ▴\"}\n  </StyledDisplayToggle>\n);\n\n/* ------------------------------------------------------------------ */\n/* LinkCard                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface LinkCardProps {\n  unfurl: UnfurlController;\n  display?: LinkDisplay;\n  onToggleDisplay?: () => void;\n}\n\nexport const LinkCard = ({\n  unfurl,\n  display = \"compact\",\n  onToggleDisplay,\n}: LinkCardProps): ReactElement => {\n  const { status, tier, data, fetchedAt, retry, reunfurl } = unfurl;\n\n  // ── Error: favicon + raw URL + retry, no media ──────────────────\n  if (status === \"error\") {\n    return (\n      <StyledErrorRow role=\"custom\" direction=\"column\">\n        <div className=\"err-head\">\n          <WarningTriangleIcon />\n          <Caption1 weight=\"bold\" color=\"tertiary\">\n            Couldn’t load a preview\n          </Caption1>\n        </div>\n        <div className=\"err-url\">\n          <StyledFavicon $bg=\"var(--color-theme-400)\" data-fixed />\n          <Caption1 color=\"secondary\">{data.url}</Caption1>\n        </div>\n        <StyledRetry type=\"button\" onClick={retry}>\n          <ArrowRefreshIcon />\n          <Typography as=\"span\" variant=\"Caption 1\">\n            Retry\n          </Typography>\n        </StyledRetry>\n      </StyledErrorRow>\n    );\n  }\n\n  const hasBasic = tier === \"basic\" || tier === \"full\";\n  const hasFull = tier === \"full\";\n  /* The display level belongs to the host, so the switch only appears when a\n     host actually owns one. A surface that fixes the card at one level (the\n     whiteboard pins it to expanded) gets no dead control. */\n  const toggle = onToggleDisplay ? (\n    <DisplayToggle display={display} onToggle={onToggleDisplay} />\n  ) : null;\n\n  // ── Expanded: hero + tinted footer band (title + domain) ────────\n  if (display === \"expanded\") {\n    return (\n      <>\n        <Cover\n          aspectRatio={COVER_RATIO_HERO}\n          centerSlot={hasFull && data.playable ? playControl : undefined}\n          topRightSlot={coverManagement()}\n        >\n          {hasFull ? (\n            resolvedCover(data)\n          ) : (\n            <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n          )}\n        </Cover>\n        <StackRow\n          role=\"footer\"\n          direction=\"column\"\n          background=\"var(--color-theme-200)\"\n        >\n          <StyledDomainRow>\n            {hasBasic ? (\n              <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n            ) : (\n              <SkeletonLoader\n                data-fixed\n                style={{ width: 16, height: 16, borderRadius: 4 }}\n              />\n            )}\n            {hasBasic ? (\n              <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n            ) : (\n              <Caption1 color=\"tertiary\">{data.url}</Caption1>\n            )}\n            <span style={{ flex: \"1 1 auto\" }} />\n            {toggle}\n          </StyledDomainRow>\n          {hasBasic ? (\n            <StyledFooterTitle weight=\"bold\">{data.title}</StyledFooterTitle>\n          ) : (\n            <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n          )}\n          {hasFull ? (\n            <Caption1 color=\"tertiary\">{data.description}</Caption1>\n          ) : (\n            <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n          )}\n        </StackRow>\n        {status === \"stale\" ? (\n          <StackRow role=\"meta\">\n            <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n          </StackRow>\n        ) : null}\n      </>\n    );\n  }\n\n  // ── Compact: cover + favicon/domain + title + chips ─────────────\n  return (\n    <>\n      <Cover\n        aspectRatio={COVER_RATIO}\n        centerSlot={hasFull && data.playable ? playControl : undefined}\n      >\n        {hasFull ? (\n          resolvedCover(data)\n        ) : (\n          <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n        )}\n      </Cover>\n\n      <StackRow role=\"custom\">\n        <StyledDomainRow>\n          {hasBasic ? (\n            <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n          ) : (\n            <SkeletonLoader\n              data-fixed\n              style={{ width: 16, height: 16, borderRadius: 4 }}\n            />\n          )}\n          {hasBasic ? (\n            <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n          ) : (\n            <Caption1 color=\"tertiary\">{data.url}</Caption1>\n          )}\n          <span style={{ flex: \"1 1 auto\" }} />\n          {toggle}\n        </StyledDomainRow>\n      </StackRow>\n\n      <StackRow role=\"title\">\n        {hasBasic ? (\n          <StyledClamp>{data.title}</StyledClamp>\n        ) : (\n          <div style={{ width: \"100%\" }}>\n            <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n            <SkeletonLoader\n              style={{ height: 14, width: \"60%\", marginTop: 6 }}\n            />\n          </div>\n        )}\n      </StackRow>\n\n      <StackRow role=\"custom\">\n        <StyledChips>\n          {hasFull ? (\n            <>\n              {data.kind ? (\n                <StyledChip data-fixed>{data.kind}</StyledChip>\n              ) : null}\n              {data.duration ? (\n                <StyledChip data-fixed>{data.duration}</StyledChip>\n              ) : null}\n            </>\n          ) : (\n            <SkeletonLoader\n              style={{ height: 18, width: 96, borderRadius: 10 }}\n            />\n          )}\n        </StyledChips>\n      </StackRow>\n\n      {status === \"stale\" ? (\n        <StackRow role=\"meta\">\n          <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n        </StackRow>\n      ) : null}\n    </>\n  );\n};\n\n/* The stale affordance — fetch time + a manual re-unfurl button. */\nconst StaleStrip = ({\n  fetchedAt,\n  onReunfurl,\n}: {\n  fetchedAt: number | null;\n  onReunfurl: () => void;\n}): ReactElement => (\n  <StyledStaleStrip>\n    <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n      Preview may be out of date · fetched {formatFetchedAt(fetchedAt)}\n    </Typography>\n    <StyledReunfurl type=\"button\" onClick={onReunfurl}>\n      <ArrowRefreshIcon />\n      Re-unfurl\n    </StyledReunfurl>\n  </StyledStaleStrip>\n);\n\n/* ---- skeleton ---- */\n\n/* Mirrors the compact anatomy row for row (this is the `resolving` render at\n   tier `url`), so a resolving link never reflows as it climbs the ladder. */\nexport const LinkSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"custom\">\n      <StyledDomainRow>\n        <SkeletonLoader\n          data-fixed\n          style={{ width: 16, height: 16, borderRadius: 4 }}\n        />\n        <SkeletonLoader style={{ height: 10, width: \"40%\" }} />\n      </StyledDomainRow>\n    </StackRow>\n    <StackRow role=\"title\">\n      <div style={{ width: \"100%\" }}>\n        <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n        <SkeletonLoader style={{ height: 14, width: \"60%\", marginTop: 6 }} />\n      </div>\n    </StackRow>\n    <StackRow role=\"custom\">\n      <StyledChips>\n        <SkeletonLoader style={{ height: 18, width: 96, borderRadius: 10 }} />\n      </StyledChips>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder ---- */\n\nexport const LinkPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<InsertLinkIcon />} label=\"Add a link\" {...props} />\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAUA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAMA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAuE,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEvE;AACA;AACA;AACA,IAAMO,YAAY,8FACsB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;;AAEA,IAAMC,eAAe,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAKjC;AAED,IAAMC,WAAW,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAK7B;;AAED;AACA,IAAME,gBAAgB,GAAGN,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAUlC;AAED,IAAMG,cAAc,GAAGP,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0WAUnBN,YAAY,CAa5B;;AAED;AACA;AACA;AACA;AACA,IAAMW,cAAc,GAAG,IAAAT,yBAAM,EAACU,2BAAQ,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sNAsBtC;AAED,IAAMO,WAAW,GAAGX,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oWAUhBN,YAAY,CAY5B;;AAED;AACA;AACA;AACA;AACA,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAgB;EAAA,IAAAC,eAAA;EAAA,OACrCD,IAAI,CAACE,OAAO,gBACV3C,MAAA,CAAAa,OAAA,CAAA+B,aAAA;IAAKC,GAAG,EAAEJ,IAAI,CAACE,OAAQ;IAACG,GAAG,EAAC;EAAE,CAAE,CAAC,gBAEjC9C,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAA2C,gBAAgB;IAACC,MAAM,GAAAN,eAAA,GAAED,IAAI,CAACQ,SAAS,cAAAP,eAAA,cAAAA,eAAA,GAAI;EAAU,CAAE,CACzD;AAAA;;AAEH;AACA,IAAMQ,iBAAiB,GAAG,IAAAtB,yBAAM,EAACuB,iBAAK,CAAC,CAAArB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6FAKtC;;AAED;AACA;AACA;;AAEA,IAAMoB,mBAAmB,GAAGxB,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sSAQxBN,YAAY,CAQ5B;AAED,IAAM2B,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;EAAA,IACjBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAKRxD,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACQ,mBAAmB;IAClBK,IAAI,EAAC,QAAQ;IACb,kBAAU;IACVC,SAAS,EAAEC,uCAA2B;IACtC,cAAW,sBAAsB;IACjCC,OAAO,EAAEJ;EAAS,GAEjBD,OAAO,KAAK,SAAS,GAAG,UAAU,GAAG,WACnB,CAAC;AAAA,CACvB;;AAED;AACA;AACA;;AAQO,IAAMM,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,KAAA,EAIc;EAAA,IAAAC,mBAAA;EAAA,IAHjCC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAAC,aAAA,GAAAH,KAAA,CACNR,OAAO;IAAPA,OAAO,GAAAW,aAAA,cAAG,SAAS,GAAAA,aAAA;IACnBC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;EAEf,IAAQC,MAAM,GAA6CH,MAAM,CAAzDG,MAAM;IAAEC,IAAI,GAAuCJ,MAAM,CAAjDI,IAAI;IAAE5B,IAAI,GAAiCwB,MAAM,CAA3CxB,IAAI;IAAE6B,SAAS,GAAsBL,MAAM,CAArCK,SAAS;IAAEC,KAAK,GAAeN,MAAM,CAA1BM,KAAK;IAAEC,QAAQ,GAAKP,MAAM,CAAnBO,QAAQ;;EAEtD;EACA,IAAIJ,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEpE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACP,cAAc;MAACoC,IAAI,EAAC,QAAQ;MAACC,SAAS,EAAC;IAAQ,gBAC9C1E,MAAA,CAAAa,OAAA,CAAA+B,aAAA;MAAKc,SAAS,EAAC;IAAU,gBACvB1D,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACtC,MAAA,CAAAqE,mBAAmB,MAAE,CAAC,eACvB3E,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC;IAAU,GAAC,8BAE/B,CACP,CAAC,eACN9E,MAAA,CAAAa,OAAA,CAAA+B,aAAA;MAAKc,SAAS,EAAC;IAAS,gBACtB1D,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAA2E,aAAa;MAACC,GAAG,EAAC,wBAAwB;MAAC;IAAU,CAAE,CAAC,eACzDhF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;MAACE,KAAK,EAAC;IAAW,GAAErC,IAAI,CAACwC,GAAc,CAC7C,CAAC,eACNjF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACL,WAAW;MAACkB,IAAI,EAAC,QAAQ;MAACG,OAAO,EAAEW;IAAM,gBACxCvE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACtC,MAAA,CAAA4E,gBAAgB,MAAE,CAAC,eACpBlF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAClC,YAAA,CAAAyE,UAAU;MAACC,EAAE,EAAC,MAAM;MAACC,OAAO,EAAC;IAAW,GAAC,OAE9B,CACD,CACC,CAAC;EAErB;EAEA,IAAMC,QAAQ,GAAGjB,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,MAAM;EACpD,IAAMkB,OAAO,GAAGlB,IAAI,KAAK,MAAM;EAC/B;AACF;AACA;EACE,IAAMmB,MAAM,GAAGrB,eAAe,gBAC5BnE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACS,aAAa;IAACE,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEW;EAAgB,CAAE,CAAC,GAC5D,IAAI;;EAER;EACA,IAAIZ,OAAO,KAAK,UAAU,EAAE;IAAA,IAAAkC,kBAAA;IAC1B,oBACEzF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAA5C,MAAA,CAAAa,OAAA,CAAA6E,QAAA,qBACE1F,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAmF,gBAAK;MACJC,WAAW,EAAEC,wBAAiB;MAC9BC,UAAU,EAAEP,OAAO,IAAI9C,IAAI,CAACsD,QAAQ,GAAGC,mBAAW,GAAGC,SAAU;MAC/DC,YAAY,EAAE,IAAAC,uBAAe,EAAC;IAAE,GAE/BZ,OAAO,GACN/C,aAAa,CAACC,IAAI,CAAC,gBAEnBzC,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO;IAAE,CAAE,CAExD,CAAC,eACRvG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;MACP/B,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,QAAQ;MAClB+B,UAAU,EAAC;IAAwB,gBAEnCzG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACjB,eAAe,QACb2D,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAA2E,aAAa;MAACC,GAAG,GAAAS,kBAAA,GAAEhD,IAAI,CAACiE,YAAY,cAAAjB,kBAAA,cAAAA,kBAAA,GAAI,SAAU;MAAC;IAAU,CAAE,CAAC,gBAEjEzF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;MACb,kBAAU;MACVC,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEI,YAAY,EAAE;MAAE;IAAE,CACnD,CACF,EACArB,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAErC,IAAI,CAACmE,MAAiB,CAAC,gBAEnD5G,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAErC,IAAI,CAACwC,GAAc,CAChD,eACDjF,MAAA,CAAAa,OAAA,CAAA+B,aAAA;MAAMyD,KAAK,EAAE;QAAEQ,IAAI,EAAE;MAAW;IAAE,CAAE,CAAC,EACpCrB,MACc,CAAC,EACjBF,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACM,iBAAiB;MAAC2B,MAAM,EAAC;IAAM,GAAEpC,IAAI,CAACqE,KAAyB,CAAC,gBAEjE9G,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;MAACC,KAAK,EAAE;QAAEE,MAAM,EAAE,EAAE;QAAED,KAAK,EAAE;MAAM;IAAE,CAAE,CACvD,EACAf,OAAO,gBACNvF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAErC,IAAI,CAACsE,WAAsB,CAAC,gBAExD/G,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;MAACC,KAAK,EAAE;QAAEE,MAAM,EAAE,EAAE;QAAED,KAAK,EAAE;MAAM;IAAE,CAAE,CAEhD,CAAC,EACVlC,MAAM,KAAK,OAAO,gBACjBpE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;MAAC/B,IAAI,EAAC;IAAM,gBACnBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACoE,UAAU;MAAC1C,SAAS,EAAEA,SAAU;MAAC2C,UAAU,EAAEzC;IAAS,CAAE,CACjD,CAAC,GACT,IACJ,CAAC;EAEP;;EAEA;EACA,oBACExE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAA5C,MAAA,CAAAa,OAAA,CAAA6E,QAAA,qBACE1F,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAmF,gBAAK;IACJC,WAAW,EAAEsB,qCAAY;IACzBpB,UAAU,EAAEP,OAAO,IAAI9C,IAAI,CAACsD,QAAQ,GAAGC,mBAAW,GAAGC;EAAU,GAE9DV,OAAO,GACN/C,aAAa,CAACC,IAAI,CAAC,gBAEnBzC,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAE,CAExD,CAAC,eAERvG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAQ,gBACrBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACjB,eAAe,QACb2D,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAA2E,aAAa;IAACC,GAAG,GAAAhB,mBAAA,GAAEvB,IAAI,CAACiE,YAAY,cAAA1C,mBAAA,cAAAA,mBAAA,GAAI,SAAU;IAAC;EAAU,CAAE,CAAC,gBAEjEhE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IACb,kBAAU;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEI,YAAY,EAAE;IAAE;EAAE,CACnD,CACF,EACArB,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;IAACE,KAAK,EAAC;EAAU,GAAErC,IAAI,CAACmE,MAAiB,CAAC,gBAEnD5G,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACnC,WAAA,CAAAmE,QAAQ;IAACE,KAAK,EAAC;EAAU,GAAErC,IAAI,CAACwC,GAAc,CAChD,eACDjF,MAAA,CAAAa,OAAA,CAAA+B,aAAA;IAAMyD,KAAK,EAAE;MAAEQ,IAAI,EAAE;IAAW;EAAE,CAAE,CAAC,EACpCrB,MACc,CACT,CAAC,eAEXxF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAO,GACnBa,QAAQ,gBACPtF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAA+G,WAAW,QAAE1E,IAAI,CAACqE,KAAmB,CAAC,gBAEvC9G,MAAA,CAAAa,OAAA,CAAA+B,aAAA;IAAKyD,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAO;EAAE,gBAC5BtG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDtG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IACbC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,KAAK;MAAEc,SAAS,EAAE;IAAE;EAAE,CACnD,CACE,CAEC,CAAC,eAEXpH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAQ,gBACrBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACX,WAAW,QACTsD,OAAO,gBACNvF,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAA5C,MAAA,CAAAa,OAAA,CAAA6E,QAAA,QACGjD,IAAI,CAAC4E,IAAI,gBACRrH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAAkH,UAAU;IAAC;EAAU,GAAE7E,IAAI,CAAC4E,IAAiB,CAAC,GAC7C,IAAI,EACP5E,IAAI,CAAC8E,QAAQ,gBACZvH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAAkH,UAAU;IAAC;EAAU,GAAE7E,IAAI,CAAC8E,QAAqB,CAAC,GACjD,IACJ,CAAC,gBAEHvH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IACbC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,EAAE;MAAEK,YAAY,EAAE;IAAG;EAAE,CACpD,CAEQ,CACL,CAAC,EAEVvC,MAAM,KAAK,OAAO,gBACjBpE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAM,gBACnBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACoE,UAAU;IAAC1C,SAAS,EAAEA,SAAU;IAAC2C,UAAU,EAAEzC;EAAS,CAAE,CACjD,CAAC,GACT,IACJ,CAAC;AAEP,CAAC;;AAED;AACA,IAAMwC,UAAU,GAAG,SAAbA,UAAUA,CAAAQ,KAAA;EAAA,IACdlD,SAAS,GAAAkD,KAAA,CAATlD,SAAS;IACT2C,UAAU,GAAAO,KAAA,CAAVP,UAAU;EAAA,oBAKVjH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACV,gBAAgB,qBACflC,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAClC,YAAA,CAAAyE,UAAU;IAACC,EAAE,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACP,KAAK,EAAC;EAAU,GAAC,0CACpB,EAAC,IAAA2C,uBAAe,EAACnD,SAAS,CACrD,CAAC,eACbtE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACT,cAAc;IAACsB,IAAI,EAAC,QAAQ;IAACG,OAAO,EAAEqD;EAAW,gBAChDjH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACtC,MAAA,CAAA4E,gBAAgB,MAAE,CAAC,aAEN,CACA,CAAC;AAAA,CACpB;;AAED;;AAEA;AACA;AACO,IAAMwC,YAAY,GAAA5D,OAAA,CAAA4D,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,oBACvB1H,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAAA5C,MAAA,CAAAa,OAAA,CAAA6E,QAAA,qBACE1F,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAmF,gBAAK;IAACC,WAAW,EAAEsB;EAAY,gBAC9BlH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAE,CACtD,CAAC,eACRvG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAQ,gBACrBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACjB,eAAe,qBACd3B,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IACb,kBAAU;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEI,YAAY,EAAE;IAAE;EAAE,CACnD,CAAC,eACF3G,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CACvC,CACT,CAAC,eACXtG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAO,gBACpBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA;IAAKyD,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAO;EAAE,gBAC5BtG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDtG,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,KAAK;MAAEc,SAAS,EAAE;IAAE;EAAE,CAAE,CACjE,CACG,CAAC,eACXpH,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACpC,YAAA,CAAAgG,cAAQ;IAAC/B,IAAI,EAAC;EAAQ,gBACrBzE,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACX,WAAW,qBACVjC,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACrC,QAAA,CAAA6F,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,EAAE;MAAEK,YAAY,EAAE;IAAG;EAAE,CAAE,CAC1D,CACL,CACV,CAAC;AAAA,CACJ;;AAED;;AAEO,IAAMgB,eAAe,GAAA7D,OAAA,CAAA6D,eAAA,GAAG,SAAlBA,eAAeA,CAC1BC,KAAoD;EAAA,oBAEpD5H,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,OAAA,CAAAyH,WAAW,EAAA/G,QAAA;IAACgH,IAAI,eAAE9H,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACtC,MAAA,CAAAyH,cAAc,MAAE,CAAE;IAACC,KAAK,EAAC;EAAY,GAAKJ,KAAK,CAAG,CAAC;AAAA,CACxE","ignoreList":[]}

package/dist/esm/components/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGAqhBvB,CAAC"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGAshBvB,CAAC"}

package/dist/esm/components/GlobalStyle.js

@@ -1,3 +1,3 @@
 import { createGlobalStyle } from "styled-components";
-export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
+export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-progress-blue:#4182f2;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
 //# sourceMappingURL=GlobalStyle.js.map

package/dist/esm/components/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n    \n    --ai-gradient-lighter: linear-gradient(\n      135deg,\n      rgba(77, 162, 237, 0.1),\n      rgba(159, 105, 229, 0.1),\n      rgba(236, 67, 216, 0.1),\n      rgba(230, 10, 10, 0.1)\n    );\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n    /*\n      * Prefer scoped variables in this case.\n      * This lines of CSS should be scoped too.\n      */\n\n    --cooltip-spacing: 0.5rem;\n    --cooltip-padding: 0.25rem 0.625rem;\n    --cooltip-max-width: 12.5rem;\n\n    --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n    --cooltip-transition-delay: 0.6s;\n    --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n  }\n\n  .c-cooltip::after {\n    /*\n      * will-change is intended to be used as a last resort,\n      * in order to try to deal with existing performance problems.\n      * It should not be used to anticipate performance problems.\n      * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n      *\n      * will-change: transform, opacity\n      */\n    pointer-events: none;\n    content: attr(data-tooltip);\n    position: absolute;\n    color: #fff;\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 0.9);\n    border-radius: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    line-height: 1.3;\n    max-width: var(--cooltip-max-width);\n    padding: var(--cooltip-padding);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .c-cooltip--top::after {\n    bottom: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--right::after {\n    left: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  .c-cooltip--bottom::after {\n    top: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--left::after {\n    right: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  /*\n  * Make sure that disabled and aria pressed\n  * items do not have tooltips available.\n  */\n  .c-cooltip:disabled::after,\n  [aria-pressed=\"true\"]::after {\n    display: none;\n  }\n\n  /*\n  *\n  * Only use hover when is available .\n  * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n  */\n  @media (hover: hover) {\n    /*\n      * Here we maybe have a complex selector but actually it's not.\n      * We simply asks here to show tooltip only on hover.\n      * Focused elements (in this case, clicked elements) should hide the tooltip.\n      */\n    .c-cooltip--top:not(:focus):hover::after,\n    .c-cooltip--bottom:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1) translateX(-50%);\n      opacity: 1;\n    }\n\n    /*\n      *\n      * This is not code duplication!\n      * Transform properties are tricky to animate and values\n      * are not the same depending on the tooltip position.\n      *\n      * Animating only one transform, eg. scale(1) will\n      * override all previously set transforms, eg. translateY.\n      * So we need to always chain them.\n      * eg. transform: scale(1) translateY(-50%) etc...\n      */\n\n    .c-cooltip--right:not(:focus):hover::after,\n    .c-cooltip--left:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  .c-date-picker--calendar {\n    width: 260px;\n    padding: 16px 0px 8px 0px;\n    margin: auto;\n    background-color: var(--page-paper-main);\n  }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,qsVAqhB3C","ignoreList":[]}
+{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n    --color-progress-blue: #4182f2;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n    \n    --ai-gradient-lighter: linear-gradient(\n      135deg,\n      rgba(77, 162, 237, 0.1),\n      rgba(159, 105, 229, 0.1),\n      rgba(236, 67, 216, 0.1),\n      rgba(230, 10, 10, 0.1)\n    );\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n    /*\n      * Prefer scoped variables in this case.\n      * This lines of CSS should be scoped too.\n      */\n\n    --cooltip-spacing: 0.5rem;\n    --cooltip-padding: 0.25rem 0.625rem;\n    --cooltip-max-width: 12.5rem;\n\n    --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n    --cooltip-transition-delay: 0.6s;\n    --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n  }\n\n  .c-cooltip::after {\n    /*\n      * will-change is intended to be used as a last resort,\n      * in order to try to deal with existing performance problems.\n      * It should not be used to anticipate performance problems.\n      * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n      *\n      * will-change: transform, opacity\n      */\n    pointer-events: none;\n    content: attr(data-tooltip);\n    position: absolute;\n    color: #fff;\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 0.9);\n    border-radius: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    line-height: 1.3;\n    max-width: var(--cooltip-max-width);\n    padding: var(--cooltip-padding);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .c-cooltip--top::after {\n    bottom: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--right::after {\n    left: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  .c-cooltip--bottom::after {\n    top: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--left::after {\n    right: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  /*\n  * Make sure that disabled and aria pressed\n  * items do not have tooltips available.\n  */\n  .c-cooltip:disabled::after,\n  [aria-pressed=\"true\"]::after {\n    display: none;\n  }\n\n  /*\n  *\n  * Only use hover when is available .\n  * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n  */\n  @media (hover: hover) {\n    /*\n      * Here we maybe have a complex selector but actually it's not.\n      * We simply asks here to show tooltip only on hover.\n      * Focused elements (in this case, clicked elements) should hide the tooltip.\n      */\n    .c-cooltip--top:not(:focus):hover::after,\n    .c-cooltip--bottom:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1) translateX(-50%);\n      opacity: 1;\n    }\n\n    /*\n      *\n      * This is not code duplication!\n      * Transform properties are tricky to animate and values\n      * are not the same depending on the tooltip position.\n      *\n      * Animating only one transform, eg. scale(1) will\n      * override all previously set transforms, eg. translateY.\n      * So we need to always chain them.\n      * eg. transform: scale(1) translateY(-50%) etc...\n      */\n\n    .c-cooltip--right:not(:focus):hover::after,\n    .c-cooltip--left:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  .c-date-picker--calendar {\n    width: 260px;\n    padding: 16px 0px 8px 0px;\n    margin: auto;\n    background-color: var(--page-paper-main);\n  }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,muVAshB3C","ignoreList":[]}

package/dist/esm/components/Icons/collection/ConnectionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CA4CtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ConnectionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CA2BtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/Icons/collection/ConnectionIcon.js

@@ -45,23 +45,15 @@ const ConnectionIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    stroke: "var(--color-theme-600)",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "m15 14 5-5-5-5",
-    style: {
-      fill: "none"
-    }
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "var(--color-theme-600)",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M4 20v-7a4 4 0 0 1 4-4h12",
-    style: {
-      fill: "none"
-    }
+    d: "M6 19c.075-4.623 2.637-5.022 6.243-6.03C15.637 12.228 20.075 10.877 20 5h-2c-.075 4.623-2.637 5.022-6.243 6.03C8.363 11.772 3.925 13.123 4 19Z"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 5,
+    cy: 19,
+    r: 2.5
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 19,
+    cy: 5,
+    r: 2.5
   }));
 });
 ConnectionIcon.displayName = "ConnectionIcon";

package/dist/esm/components/Icons/collection/ConnectionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionIcon.js","names":["React","GradientDefs","ConnectionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ConnectionIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ConnectionIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ConnectionIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        stroke=\"var(--color-theme-600)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"m15 14 5-5-5-5\"\n        style={{\n          fill: \"none\",\n        }}\n      />\n      <path\n        stroke=\"var(--color-theme-600)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M4 20v-7a4 4 0 0 1 4-4h12\"\n        style={{\n          fill: \"none\",\n        }}\n      />\n    </svg>\n  )\n);\nConnectionIcon.displayName = \"ConnectionIcon\";\nexport default ConnectionIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,gBAAgB;IAClBC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CAAC,eACFhB,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,2BAA2B;IAC7BC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CACE,CAAC;AAAA,CAEV,CAAC;AACDd,cAAc,CAACsB,WAAW,GAAG,gBAAgB;AAC7C,eAAetB,cAAc","ignoreList":[]}
+{"version":3,"file":"ConnectionIcon.js","names":["React","GradientDefs","ConnectionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","cx","cy","r","displayName"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ConnectionIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ConnectionIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ConnectionIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 19c.075-4.623 2.637-5.022 6.243-6.03C15.637 12.228 20.075 10.877 20 5h-2c-.075 4.623-2.637 5.022-6.243 6.03C8.363 11.772 3.925 13.123 4 19Z\" />\n      <circle cx={5} cy={19} r={2.5} />\n      <circle cx={19} cy={5} r={2.5} />\n    </svg>\n  )\n);\nConnectionIcon.displayName = \"ConnectionIcon\";\nexport default ConnectionIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAgJ,CAAE,CAAC,eAC3JlB,KAAA,CAAAU,aAAA;IAAQS,EAAE,EAAE,CAAE;IAACC,EAAE,EAAE,EAAG;IAACC,CAAC,EAAE;EAAI,CAAE,CAAC,eACjCrB,KAAA,CAAAU,aAAA;IAAQS,EAAE,EAAE,EAAG;IAACC,EAAE,EAAE,CAAE;IAACC,CAAC,EAAE;EAAI,CAAE,CAC7B,CAAC;AAAA,CAEV,CAAC;AACDnB,cAAc,CAACoB,WAAW,GAAG,gBAAgB;AAC7C,eAAepB,cAAc","ignoreList":[]}

package/dist/esm/components/Icons/collection/ShapesIcon.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component ShapesIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ShapesIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ShapesIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const ShapesIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ShapesIcon;
+//# sourceMappingURL=ShapesIcon.d.ts.map

package/dist/esm/components/Icons/collection/ShapesIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapesIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ShapesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU;eAMC,MAAM;+CA4BtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/components/Icons/collection/ShapesIcon.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component ShapesIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ShapesIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ShapesIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const ShapesIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "ShapesIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.11 16.47a7 7 0 1 1 6.36-6.36l-1.99-.17a5 5 0 1 0-4.54 4.54ZM14.5 12h4a2.5 2.5 0 0 1 2.5 2.5v4a2.5 2.5 0 0 1-2.5 2.5h-4a2.5 2.5 0 0 1-2.5-2.5v-4a2.5 2.5 0 0 1 2.5-2.5m0 2h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5"
+  }));
+});
+ShapesIcon.displayName = "ShapesIcon";
+export default ShapesIcon;
+//# sourceMappingURL=ShapesIcon.js.map