@activecollab/components 2.0.369 → 2.0.371

package/dist/cjs/components/GlobalStyle.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GlobalStyle = void 0;
 var _styledComponents = require("styled-components");
-var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.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);}"]);
+var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.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/cjs/components/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"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,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,ssVAqhB3C","ignoreList":[]}
+{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"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,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,ouVAshB3C","ignoreList":[]}

package/dist/cjs/components/StackedCard/Glyphs.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedCardResizeHandleGlyph = exports.StackedCardRemoveCoverGlyph = exports.StackedCardExpandGlyph = exports.StackedCardCollapseGlyph = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * StackedCard chrome glyphs.
+ *
+ * These are part of the card's own chrome — they act on the CARD (collapse the
+ * cover, remove the cover, resize the card), never on the entity a card
+ * represents. They ship with the component rather than coming from the icon
+ * collection so a facade never has to re-pick them and every stacked card
+ * reads the same.
+ */
+
+/** Collapse the cover down to its thin strip. */
+var StackedCardCollapseGlyph = exports.StackedCardCollapseGlyph = function StackedCardCollapseGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.5 2.5v4h-4M9.5 13.5v-4h4",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+/** Expand a collapsed cover — the inverse of collapse, shown on the strip. */
+var StackedCardExpandGlyph = exports.StackedCardExpandGlyph = function StackedCardExpandGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.5 6.5v-4h4M13.5 9.5v4h-4",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+/** Drop the cover entirely. */
+var StackedCardRemoveCoverGlyph = exports.StackedCardRemoveCoverGlyph = function StackedCardRemoveCoverGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "2.25",
+    y: "3.75",
+    width: "11.5",
+    height: "8.5",
+    rx: "1.5",
+    stroke: "currentColor",
+    strokeWidth: "1.5"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6 9.5L10 6M10 9.5L6 6",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
+};
+
+/** The bottom-right resize grip. */
+var StackedCardResizeHandleGlyph = exports.StackedCardResizeHandleGlyph = function StackedCardResizeHandleGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12 6v6H6M12 9.5L9.5 12",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
+};
+//# sourceMappingURL=Glyphs.js.map

package/dist/cjs/components/StackedCard/Glyphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Glyphs.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","StackedCardCollapseGlyph","exports","createElement","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","StackedCardExpandGlyph","StackedCardRemoveCoverGlyph","x","y","width","height","rx","StackedCardResizeHandleGlyph"],"sources":["../../../../src/components/StackedCard/Glyphs.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\n/**\n * StackedCard chrome glyphs.\n *\n * These are part of the card's own chrome — they act on the CARD (collapse the\n * cover, remove the cover, resize the card), never on the entity a card\n * represents. They ship with the component rather than coming from the icon\n * collection so a facade never has to re-pick them and every stacked card\n * reads the same.\n */\n\n/** Collapse the cover down to its thin strip. */\nexport const StackedCardCollapseGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M6.5 2.5v4h-4M9.5 13.5v-4h4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\n/** Expand a collapsed cover — the inverse of collapse, shown on the strip. */\nexport const StackedCardExpandGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M2.5 6.5v-4h4M13.5 9.5v4h-4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\n/** Drop the cover entirely. */\nexport const StackedCardRemoveCoverGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect\n      x=\"2.25\"\n      y=\"3.75\"\n      width=\"11.5\"\n      height=\"8.5\"\n      rx=\"1.5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n    />\n    <path\n      d=\"M6 9.5L10 6M10 9.5L6 6\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\n/** The bottom-right resize grip. */\nexport const StackedCardResizeHandleGlyph = (): ReactElement => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M12 6v6H6M12 9.5L9.5 12\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACO,IAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA;EAAA,oBACnCN,MAAA,CAAAK,OAAA,CAAAG,aAAA;IAAKC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAC,eAAY;EAAM,gBACrDV,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEG,CAAC,EAAC,6BAA6B;IAC/BC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACE,CAAC;AAAA,CACP;;AAED;AACO,IAAMC,sBAAsB,GAAAT,OAAA,CAAAS,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAA;EAAA,oBACjChB,MAAA,CAAAK,OAAA,CAAAG,aAAA;IAAKC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAC,eAAY;EAAM,gBACrDV,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEG,CAAC,EAAC,6BAA6B;IAC/BC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACE,CAAC;AAAA,CACP;;AAED;AACO,IAAME,2BAA2B,GAAAV,OAAA,CAAAU,2BAAA,GAAG,SAA9BA,2BAA2BA,CAAA;EAAA,oBACtCjB,MAAA,CAAAK,OAAA,CAAAG,aAAA;IAAKC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAC,eAAY;EAAM,gBACrDV,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEU,CAAC,EAAC,MAAM;IACRC,CAAC,EAAC,MAAM;IACRC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,KAAK;IACZC,EAAE,EAAC,KAAK;IACRV,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC;EAAK,CAClB,CAAC,eACFb,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEG,CAAC,EAAC,wBAAwB;IAC1BC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC;EAAO,CACtB,CACE,CAAC;AAAA,CACP;;AAED;AACO,IAAMS,4BAA4B,GAAAhB,OAAA,CAAAgB,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA;EAAA,oBACvCvB,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEY,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXZ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACX,eAAY;EAAM,gBAElBV,MAAA,CAAAK,OAAA,CAAAG,aAAA;IACEG,CAAC,EAAC,yBAAyB;IAC3BC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC;EAAO,CACtB,CACE,CAAC;AAAA,CACP","ignoreList":[]}

package/dist/cjs/components/StackedCard/Primitives.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedCardStack = exports.StackedCardRow = exports.StackedCardPlayBadge = exports.StackedCardCoverButton = exports.StackedCardCover = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("./constants");
+var _Glyphs = require("./Glyphs");
+var _Styles = require("./Styles");
+var _excluded = ["role", "bleed", "direction", "background", "className", "children"];
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * StackedCard layout primitives.
+ *
+ * A stacked card is a portrait presentation of data: content stacks top to
+ * bottom in rows. There are three primitives and nothing else —
+ *
+ *  - StackedCardStack — the vertical column. A card IS a stack of rows; the
+ *    primitive is exported for nested stacks (a row that stacks internally).
+ *  - StackedCardRow   — the one layout primitive. Cover, title, meta, footer
+ *    are all rows; a `role` sets the default padding so the anatomy stays
+ *    predictable across every card type.
+ *  - StackedCardCover — sugar for a bleed row that holds media, reserves its
+ *    height with `aspect-ratio` so a late image never reflows the card, and
+ *    carries two control slots (center + top-right).
+ */
+
+/* ------------------------------------------------------------------ */
+/* Stack                                                               */
+/* ------------------------------------------------------------------ */
+
+/** A vertical flex column with no padding of its own. */
+var StackedCardStack = exports.StackedCardStack = _Styles.StyledStackedCardStack;
+
+/* ------------------------------------------------------------------ */
+/* Row                                                                 */
+/* ------------------------------------------------------------------ */
+
+/**
+ * One row of a card's stack.
+ *
+ * In `row` direction the first level of children is distributed evenly along
+ * the X axis; a child carrying the `data-fixed` attribute keeps its own width
+ * and the rest share what remains.
+ */
+var StackedCardRow = exports.StackedCardRow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "custom" : _ref$role,
+    bleed = _ref.bleed,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "row" : _ref$direction,
+    background = _ref.background,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardRow, _extends({
+    ref: ref,
+    $role: role,
+    $bleed: bleed,
+    $direction: direction,
+    $background: background,
+    className: (0, _classnames.default)("c-stacked-card__row", "c-stacked-card__row--".concat(role), {
+      "c-stacked-card__row--bleed": bleed
+    }, className)
+  }, rest), children);
+});
+StackedCardRow.displayName = "StackedCardRow";
+
+/* ------------------------------------------------------------------ */
+/* Cover                                                               */
+/* ------------------------------------------------------------------ */
+
+/**
+ * A bleed row that holds media.
+ *
+ * Controls in either slot are revealed on hover OR focus-within, so they stay
+ * reachable by keyboard. Collapsed, the media box gives way to a strip that is
+ * itself the expand button.
+ */
+var StackedCardCover = exports.StackedCardCover = function StackedCardCover(_ref2) {
+  var _ref2$aspectRatio = _ref2.aspectRatio,
+    aspectRatio = _ref2$aspectRatio === void 0 ? _constants.STACKED_CARD_COVER_RATIO : _ref2$aspectRatio,
+    centerSlot = _ref2.centerSlot,
+    topRightSlot = _ref2.topRightSlot,
+    collapsed = _ref2.collapsed,
+    collapsedStrip = _ref2.collapsedStrip,
+    onExpand = _ref2.onExpand,
+    _ref2$expandLabel = _ref2.expandLabel,
+    expandLabel = _ref2$expandLabel === void 0 ? "Expand cover" : _ref2$expandLabel,
+    className = _ref2.className,
+    children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(StackedCardRow, {
+    role: "cover",
+    bleed: true,
+    className: (0, _classnames.default)("c-stacked-card__cover", className)
+  }, collapsed ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardCollapsedStrip, {
+    type: "button",
+    "aria-label": expandLabel,
+    onClick: onExpand,
+    className: "c-stacked-card__cover-strip"
+  }, collapsedStrip, /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardStripExpand, {
+    className: _constants.STACKED_CARD_CONTROL_CLASS,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(_Glyphs.StackedCardExpandGlyph, null))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardCoverMedia, {
+    $aspectRatio: aspectRatio,
+    className: "c-stacked-card__cover-media"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardCoverFill, null, children), centerSlot ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardCoverCenter, {
+    className: _constants.STACKED_CARD_CONTROL_CLASS
+  }, centerSlot) : null, topRightSlot ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardCoverTopRight, {
+    className: _constants.STACKED_CARD_CONTROL_CLASS
+  }, topRightSlot) : null));
+};
+StackedCardCover.displayName = "StackedCardCover";
+
+/* ------------------------------------------------------------------ */
+/* Cover chrome                                                        */
+/* ------------------------------------------------------------------ */
+
+/** Centered media control (a play button). Drop the glyph inside. */
+var StackedCardPlayBadge = exports.StackedCardPlayBadge = _Styles.StyledStackedCardPlayBadge;
+
+/** Top-right cover-management button (collapse, remove …). */
+var StackedCardCoverButton = exports.StackedCardCoverButton = _Styles.StyledStackedCardCoverButton;
+//# sourceMappingURL=Primitives.js.map

package/dist/cjs/components/StackedCard/Primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Primitives.js","names":["_react","_interopRequireDefault","require","_classnames","_constants","_Glyphs","_Styles","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StackedCardStack","exports","StyledStackedCardStack","StackedCardRow","React","forwardRef","_ref","ref","_ref$role","role","bleed","_ref$direction","direction","background","className","children","rest","createElement","StyledStackedCardRow","$role","$bleed","$direction","$background","classnames","concat","displayName","StackedCardCover","_ref2","_ref2$aspectRatio","aspectRatio","STACKED_CARD_COVER_RATIO","centerSlot","topRightSlot","collapsed","collapsedStrip","onExpand","_ref2$expandLabel","expandLabel","StyledStackedCardCollapsedStrip","type","onClick","StyledStackedCardStripExpand","STACKED_CARD_CONTROL_CLASS","StackedCardExpandGlyph","StyledStackedCardCoverMedia","$aspectRatio","StyledStackedCardCoverFill","StyledStackedCardCoverCenter","StyledStackedCardCoverTopRight","StackedCardPlayBadge","StyledStackedCardPlayBadge","StackedCardCoverButton","StyledStackedCardCoverButton"],"sources":["../../../../src/components/StackedCard/Primitives.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  STACKED_CARD_CONTROL_CLASS,\n  STACKED_CARD_COVER_RATIO,\n  StackedCardRowDirection,\n  StackedCardRowRole,\n} from \"./constants\";\nimport { StackedCardExpandGlyph } from \"./Glyphs\";\nimport {\n  StyledStackedCardCollapsedStrip,\n  StyledStackedCardCoverButton,\n  StyledStackedCardCoverCenter,\n  StyledStackedCardCoverFill,\n  StyledStackedCardCoverMedia,\n  StyledStackedCardCoverTopRight,\n  StyledStackedCardPlayBadge,\n  StyledStackedCardRow,\n  StyledStackedCardStack,\n  StyledStackedCardStripExpand,\n} from \"./Styles\";\n\n/**\n * StackedCard layout primitives.\n *\n * A stacked card is a portrait presentation of data: content stacks top to\n * bottom in rows. There are three primitives and nothing else —\n *\n *  - StackedCardStack — the vertical column. A card IS a stack of rows; the\n *    primitive is exported for nested stacks (a row that stacks internally).\n *  - StackedCardRow   — the one layout primitive. Cover, title, meta, footer\n *    are all rows; a `role` sets the default padding so the anatomy stays\n *    predictable across every card type.\n *  - StackedCardCover — sugar for a bleed row that holds media, reserves its\n *    height with `aspect-ratio` so a late image never reflows the card, and\n *    carries two control slots (center + top-right).\n */\n\n/* ------------------------------------------------------------------ */\n/* Stack                                                               */\n/* ------------------------------------------------------------------ */\n\n/** A vertical flex column with no padding of its own. */\nexport const StackedCardStack = StyledStackedCardStack;\n\n/* ------------------------------------------------------------------ */\n/* Row                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface IStackedCardRowProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n  /**\n   * Named layout role → default padding. Defaults to `custom`.\n   *\n   * This shadows the DOM `role` attribute on purpose: a row is a layout\n   * increment, and the concept's vocabulary for it is the role. Rows that need\n   * an ARIA role should carry it on their own content.\n   */\n  role?: StackedCardRowRole;\n  /** Zero the padding, overriding the role (media rows, edge-to-edge bands). */\n  bleed?: boolean;\n  /** Footer bands lay their children out vertically. Defaults to `row`. */\n  direction?: StackedCardRowDirection;\n  /** A row can carry its own background (a tinted footer band, a state tint). */\n  background?: string;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * One row of a card's stack.\n *\n * In `row` direction the first level of children is distributed evenly along\n * the X axis; a child carrying the `data-fixed` attribute keeps its own width\n * and the rest share what remains.\n */\nexport const StackedCardRow = React.forwardRef<\n  HTMLDivElement,\n  IStackedCardRowProps\n>(\n  (\n    {\n      role = \"custom\",\n      bleed,\n      direction = \"row\",\n      background,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ): ReactElement => (\n    <StyledStackedCardRow\n      ref={ref}\n      $role={role}\n      $bleed={bleed}\n      $direction={direction}\n      $background={background}\n      className={classnames(\n        \"c-stacked-card__row\",\n        `c-stacked-card__row--${role}`,\n        { \"c-stacked-card__row--bleed\": bleed },\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </StyledStackedCardRow>\n  )\n);\n\nStackedCardRow.displayName = \"StackedCardRow\";\n\n/* ------------------------------------------------------------------ */\n/* Cover                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface IStackedCardCoverProps {\n  /**\n   * CSS `aspect-ratio` value that reserves the cover's height, e.g.\n   * `\"260 / 132\"`. A ratio, not a pixel height, so the cover scales with the\n   * card and holds its space before the media loads.\n   */\n  aspectRatio?: string;\n  /** Center slot — the media control (a play button over audio/video). */\n  centerSlot?: ReactNode;\n  /** Top-right slot — cover management (collapse, remove). */\n  topRightSlot?: ReactNode;\n  /**\n   * Render the thin collapsed strip instead of the media box. The collapse\n   * CONTROL lives in the caller's `topRightSlot`; this flag is the resulting\n   * visual state.\n   */\n  collapsed?: boolean;\n  /**\n   * What the collapsed strip shows — an ~8px colour bar, a favicon + domain\n   * row. Content-specific, so the caller supplies it.\n   */\n  collapsedStrip?: ReactNode;\n  /** Fired when the collapsed strip's expand affordance is activated. */\n  onExpand?: () => void;\n  /** Accessible label for the expand affordance. */\n  expandLabel?: string;\n  className?: string;\n  /** The fill: an `<img>`, an inline `<svg>`, or a solid-colour box. */\n  children: ReactNode;\n}\n\n/**\n * A bleed row that holds media.\n *\n * Controls in either slot are revealed on hover OR focus-within, so they stay\n * reachable by keyboard. Collapsed, the media box gives way to a strip that is\n * itself the expand button.\n */\nexport const StackedCardCover = ({\n  aspectRatio = STACKED_CARD_COVER_RATIO,\n  centerSlot,\n  topRightSlot,\n  collapsed,\n  collapsedStrip,\n  onExpand,\n  expandLabel = \"Expand cover\",\n  className,\n  children,\n}: IStackedCardCoverProps): ReactElement => (\n  <StackedCardRow\n    role=\"cover\"\n    bleed\n    className={classnames(\"c-stacked-card__cover\", className)}\n  >\n    {collapsed ? (\n      <StyledStackedCardCollapsedStrip\n        type=\"button\"\n        aria-label={expandLabel}\n        onClick={onExpand}\n        className=\"c-stacked-card__cover-strip\"\n      >\n        {collapsedStrip}\n        <StyledStackedCardStripExpand\n          className={STACKED_CARD_CONTROL_CLASS}\n          aria-hidden=\"true\"\n        >\n          <StackedCardExpandGlyph />\n        </StyledStackedCardStripExpand>\n      </StyledStackedCardCollapsedStrip>\n    ) : (\n      <StyledStackedCardCoverMedia\n        $aspectRatio={aspectRatio}\n        className=\"c-stacked-card__cover-media\"\n      >\n        <StyledStackedCardCoverFill>{children}</StyledStackedCardCoverFill>\n        {centerSlot ? (\n          <StyledStackedCardCoverCenter className={STACKED_CARD_CONTROL_CLASS}>\n            {centerSlot}\n          </StyledStackedCardCoverCenter>\n        ) : null}\n        {topRightSlot ? (\n          <StyledStackedCardCoverTopRight\n            className={STACKED_CARD_CONTROL_CLASS}\n          >\n            {topRightSlot}\n          </StyledStackedCardCoverTopRight>\n        ) : null}\n      </StyledStackedCardCoverMedia>\n    )}\n  </StackedCardRow>\n);\n\nStackedCardCover.displayName = \"StackedCardCover\";\n\n/* ------------------------------------------------------------------ */\n/* Cover chrome                                                        */\n/* ------------------------------------------------------------------ */\n\n/** Centered media control (a play button). Drop the glyph inside. */\nexport const StackedCardPlayBadge = StyledStackedCardPlayBadge;\n\n/** Top-right cover-management button (collapse, remove …). */\nexport const StackedCardCoverButton = StyledStackedCardCoverButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/StackedCard/StackedCard.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("./constants");
+var _Glyphs = require("./Glyphs");
+var _Styles = require("./Styles");
+var _excluded = ["selected", "disabled", "pending", "isDragSource", "isDragPreview", "entered", "forceHover", "resizable", "priorityColor", "onResizeDelta", "className", "children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * StackedCard — the hollow shell for cards on drag-and-drop surfaces.
+ *
+ * This is NOT the base for cards in lists. It is the card for surfaces where
+ * dragging is a primary interaction: column boards and canvases. Content is
+ * laid out top to bottom in `StackedCardRow`s, which makes every card a
+ * portrait presentation of its data.
+ *
+ * ── The rule the whole subsystem hangs on ──────────────────────────────────
+ * THE SHELL STAYS HOLLOW. There is no `contentType` enum here, no per-type
+ * prop soup, no `if task …`. The shell owns only VISUAL STATES (selected,
+ * disabled, pending, priority, drag source/preview, entered) and one intent
+ * callback (`onResizeDelta`). Content is passed as `children` and composes the
+ * layout primitives. Typed cards — an ImageCard, a LinkCard, a TaskCard — are
+ * facades built on top of it in the consuming app, and adding one requires
+ * ZERO changes in this file.
+ *
+ * ── What the shell does NOT do ────────────────────────────────────────────
+ * It implements no drag-and-drop, no selection bookkeeping, no resize policy
+ * and no keyboard navigation. The card reports; the host decides. Drag
+ * choreography (the drag layer, the landing indicator, the drop) belongs to
+ * the host surface, which then feeds the result back as `isDragSource` /
+ * `isDragPreview`. The shell forwards its ref and spreads DOM props, so a host
+ * can attach `tabIndex`, ARIA, pointer and keyboard handlers to it.
+ *
+ * ── Theming ───────────────────────────────────────────────────────────────
+ * Colours resolve through `--sc-*` custom properties with built-in fallbacks:
+ * `--sc-selection-ring` (selection / focus / entered) and the cover scrim
+ * family `--sc-scrim`, `--sc-scrim-strong`, `--sc-scrim-fg`. Declare any of
+ * them on an ancestor to retint a whole surface.
+ */
+
+var StackedCard = exports.StackedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var selected = _ref.selected,
+    disabled = _ref.disabled,
+    pending = _ref.pending,
+    isDragSource = _ref.isDragSource,
+    isDragPreview = _ref.isDragPreview,
+    entered = _ref.entered,
+    forceHover = _ref.forceHover,
+    resizable = _ref.resizable,
+    priorityColor = _ref.priorityColor,
+    onResizeDelta = _ref.onResizeDelta,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var dragOrigin = (0, _react.useRef)(null);
+  var handlePointerDown = (0, _react.useCallback)(function (e) {
+    dragOrigin.current = {
+      x: e.clientX,
+      y: e.clientY
+    };
+    e.target.setPointerCapture(e.pointerId);
+    e.preventDefault();
+  }, []);
+  var handlePointerMove = (0, _react.useCallback)(function (e) {
+    if (!dragOrigin.current || !onResizeDelta) return;
+    onResizeDelta(e.clientX - dragOrigin.current.x, e.clientY - dragOrigin.current.y);
+    dragOrigin.current = {
+      x: e.clientX,
+      y: e.clientY
+    };
+  }, [onResizeDelta]);
+  var handlePointerUp = (0, _react.useCallback)(function () {
+    dragOrigin.current = null;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCard, _extends({
+    ref: ref,
+    $selected: selected,
+    $disabled: disabled,
+    $pending: pending,
+    $isDragSource: isDragSource,
+    $isDragPreview: isDragPreview,
+    $entered: entered,
+    $forceHover: forceHover,
+    $priorityColor: priorityColor,
+    className: (0, _classnames.default)("c-stacked-card", className)
+  }, rest), children, resizable ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStackedCardResizeHandle, {
+    className: (0, _classnames.default)("c-stacked-card__resize-handle", _constants.STACKED_CARD_CONTROL_CLASS),
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp
+  }, /*#__PURE__*/_react.default.createElement(_Glyphs.StackedCardResizeHandleGlyph, null)) : null);
+});
+StackedCard.displayName = "StackedCard";
+//# sourceMappingURL=StackedCard.js.map

package/dist/cjs/components/StackedCard/StackedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_constants","_Glyphs","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StackedCard","exports","React","forwardRef","_ref","ref","selected","disabled","pending","isDragSource","isDragPreview","entered","forceHover","resizable","priorityColor","onResizeDelta","className","children","rest","dragOrigin","useRef","handlePointerDown","useCallback","current","x","clientX","y","clientY","target","setPointerCapture","pointerId","preventDefault","handlePointerMove","handlePointerUp","createElement","StyledStackedCard","$selected","$disabled","$pending","$isDragSource","$isDragPreview","$entered","$forceHover","$priorityColor","classnames","StyledStackedCardResizeHandle","STACKED_CARD_CONTROL_CLASS","onPointerDown","onPointerMove","onPointerUp","StackedCardResizeHandleGlyph","displayName"],"sources":["../../../../src/components/StackedCard/StackedCard.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { STACKED_CARD_CONTROL_CLASS } from \"./constants\";\nimport { StackedCardResizeHandleGlyph } from \"./Glyphs\";\nimport { StyledStackedCard, StyledStackedCardResizeHandle } from \"./Styles\";\n\n/**\n * StackedCard — the hollow shell for cards on drag-and-drop surfaces.\n *\n * This is NOT the base for cards in lists. It is the card for surfaces where\n * dragging is a primary interaction: column boards and canvases. Content is\n * laid out top to bottom in `StackedCardRow`s, which makes every card a\n * portrait presentation of its data.\n *\n * ── The rule the whole subsystem hangs on ──────────────────────────────────\n * THE SHELL STAYS HOLLOW. There is no `contentType` enum here, no per-type\n * prop soup, no `if task …`. The shell owns only VISUAL STATES (selected,\n * disabled, pending, priority, drag source/preview, entered) and one intent\n * callback (`onResizeDelta`). Content is passed as `children` and composes the\n * layout primitives. Typed cards — an ImageCard, a LinkCard, a TaskCard — are\n * facades built on top of it in the consuming app, and adding one requires\n * ZERO changes in this file.\n *\n * ── What the shell does NOT do ────────────────────────────────────────────\n * It implements no drag-and-drop, no selection bookkeeping, no resize policy\n * and no keyboard navigation. The card reports; the host decides. Drag\n * choreography (the drag layer, the landing indicator, the drop) belongs to\n * the host surface, which then feeds the result back as `isDragSource` /\n * `isDragPreview`. The shell forwards its ref and spreads DOM props, so a host\n * can attach `tabIndex`, ARIA, pointer and keyboard handlers to it.\n *\n * ── Theming ───────────────────────────────────────────────────────────────\n * Colours resolve through `--sc-*` custom properties with built-in fallbacks:\n * `--sc-selection-ring` (selection / focus / entered) and the cover scrim\n * family `--sc-scrim`, `--sc-scrim-strong`, `--sc-scrim-fg`. Declare any of\n * them on an ancestor to retint a whole surface.\n */\n\nexport interface IStackedCardProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onResize\"> {\n  /** Host-owned selection state — a ring around the card. */\n  selected?: boolean;\n  /** Policy state: the card cannot be acted on. Dimmed, inert. */\n  disabled?: boolean;\n  /**\n   * Optimistic in-flight state — created or moved, not yet confirmed. Dimmed,\n   * non-interactive and not draggable, but distinct from `disabled`: it is\n   * transient, not a policy.\n   */\n  pending?: boolean;\n  /**\n   * The full-size outline placeholder left behind in the source position while\n   * a drag is in flight. Content is hidden but keeps its box, so neighbouring\n   * cards never move.\n   */\n  isDragSource?: boolean;\n  /**\n   * The 1:1 copy the host floats in its drag layer. Elevated shadow only — no\n   * tilt, no scale, no translate.\n   */\n  isDragPreview?: boolean;\n  /** Focus model: the card has been entered and focus is on an inner control. */\n  entered?: boolean;\n  /** Pin the hover treatment on, including revealed controls. For docs and specs. */\n  forceHover?: boolean;\n  /** Show the bottom-right resize grip. Opt-in, off by default. */\n  resizable?: boolean;\n  /**\n   * Draws the emphasis border down the left edge. A data colour, passed in by\n   * the caller (high priority, a label colour) — never baked into the shell.\n   */\n  priorityColor?: string;\n  /**\n   * Fired while the resize grip is dragged, with the pointer delta since the\n   * last event. The card reports the deltas; the host decides what they mean.\n   */\n  onResizeDelta?: (dx: number, dy: number) => void;\n  children: ReactNode;\n}\n\nexport const StackedCard = React.forwardRef<HTMLDivElement, IStackedCardProps>(\n  (\n    {\n      selected,\n      disabled,\n      pending,\n      isDragSource,\n      isDragPreview,\n      entered,\n      forceHover,\n      resizable,\n      priorityColor,\n      onResizeDelta,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ): ReactElement => {\n    const dragOrigin = useRef<{ x: number; y: number } | null>(null);\n\n    const handlePointerDown = useCallback((e: React.PointerEvent) => {\n      dragOrigin.current = { x: e.clientX, y: e.clientY };\n      (e.target as HTMLElement).setPointerCapture(e.pointerId);\n      e.preventDefault();\n    }, []);\n\n    const handlePointerMove = useCallback(\n      (e: React.PointerEvent) => {\n        if (!dragOrigin.current || !onResizeDelta) return;\n        onResizeDelta(\n          e.clientX - dragOrigin.current.x,\n          e.clientY - dragOrigin.current.y\n        );\n        dragOrigin.current = { x: e.clientX, y: e.clientY };\n      },\n      [onResizeDelta]\n    );\n\n    const handlePointerUp = useCallback(() => {\n      dragOrigin.current = null;\n    }, []);\n\n    return (\n      <StyledStackedCard\n        ref={ref}\n        $selected={selected}\n        $disabled={disabled}\n        $pending={pending}\n        $isDragSource={isDragSource}\n        $isDragPreview={isDragPreview}\n        $entered={entered}\n        $forceHover={forceHover}\n        $priorityColor={priorityColor}\n        className={classnames(\"c-stacked-card\", className)}\n        {...rest}\n      >\n        {children}\n        {resizable ? (\n          <StyledStackedCardResizeHandle\n            className={classnames(\n              \"c-stacked-card__resize-handle\",\n              STACKED_CARD_CONTROL_CLASS\n            )}\n            onPointerDown={handlePointerDown}\n            onPointerMove={handlePointerMove}\n            onPointerUp={handlePointerUp}\n          >\n            <StackedCardResizeHandleGlyph />\n          </StyledStackedCardResizeHandle>\n        ) : null}\n      </StyledStackedCard>\n    );\n  }\n);\n\nStackedCard.displayName = \"StackedCard\";\n"],"mappings":"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","ignoreList":[]}