@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/breadcrumbs/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2024 Google LLC
  *
@@ -21,32 +16,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+import React from 'react';
+import classNames from 'classnames';
 /**
  * Internal dependencies.
  */
-const sidebar_1 = require("../sidebar");
-const icons_1 = require("../../icons");
+import { useSidebar } from '../sidebar';
+import { ChevronRight } from '../../icons';
 const Breadcrumbs = ({ items }) => {
-    const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    const updateSelectedItemKey = useSidebar(({ actions }) => actions.updateSelectedItemKey);
     if (items.length === 1) {
         return null;
     }
-    return (<div className={(0, classnames_1.default)('w-full flex items-center h-fit pt-1')}>
+    return (<div className={classNames('w-full flex items-center h-fit pt-1')}>
       <div className="flex items-center">
-        {items.map((item, index) => (<div key={item.key} onClick={() => updateSelectedItemKey(item.key)} className={(0, classnames_1.default)('text-xs flex items-center text-raisin-black dark:text-bright-gray', {
+        {items.map((item, index) => (<div key={item.key} onClick={() => updateSelectedItemKey(item.key)} className={classNames('text-xs flex items-center text-raisin-black dark:text-bright-gray', {
                 'font-bold': index === items.length - 1,
             }, {
-                'cursor-pointer hover:text-blue-500 hover:dark:text-blue-400 active:opacity-70': index !== items.length - 1,
+                'cursor-pointer hover:text-blue-500 dark:hover:text-blue-400 active:opacity-70': index !== items.length - 1,
             })}>
             {item.title}
             {index < items.length - 1 && (<span className="mx-2">
-                <icons_1.ChevronRight className="w-3 h-3"/>
+                <ChevronRight className="w-3 h-3"/>
               </span>)}
           </div>))}
       </div>
     </div>);
 };
-exports.default = Breadcrumbs;
+export default Breadcrumbs;
 //# sourceMappingURL=index.jsx.map

package/dist/components/breadcrumbs/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,wCAAwC;AACxC,uCAA2C;AAS3C,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IAClD,MAAM,qBAAqB,GAAG,IAAA,oBAAU,EACtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAC/C,CAAC;IAEF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,qCAAqC,CAAC,CAAC,CAChE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC/C,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,mEAAmE,EACnE;gBACE,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aACxC,EACD;gBACE,+EAA+E,EAC7E,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aAC7B,CACF,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,KAAK,CACX;YAAA,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CACpB;gBAAA,CAAC,oBAAY,CAAC,SAAS,CAAC,SAAS,EACnC;cAAA,EAAE,IAAI,CAAC,CACR,CACH;UAAA,EAAE,GAAG,CAAC,CACP,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAS3C,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IAClD,MAAM,qBAAqB,GAAG,UAAU,CACtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAC/C,CAAC;IAEF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC,CAChE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC/C,SAAS,CAAC,CAAC,UAAU,CACnB,mEAAmE,EACnE;gBACE,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aACxC,EACD;gBACE,+EAA+E,EAC7E,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aAC7B,CACF,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,KAAK,CACX;YAAA,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CACpB;gBAAA,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS,EACnC;cAAA,EAAE,IAAI,CAAC,CACR,CACH;UAAA,EAAE,GAAG,CAAC,CACP,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/bulletList/index.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,19 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const i18n_1 = require("@google-psat/i18n");
+import React from 'react';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const listRow_1 = __importDefault(require("./listRow"));
+import ListRow from './listRow';
 const BulletList = ({ rows, heading }) => {
     return (<>
       {heading && (<>
@@ -37,15 +32,12 @@ const BulletList = ({ rows, heading }) => {
         </>)}
       <div className="space-y-4">
         {rows.length === 0 ? (<p className="text-darkest-gray dark:text-bright-gray">
-            {i18n_1.I18n.getMessage('noNews')}
+            {I18n.getMessage('noNews')}
           </p>) : (<>
-            {rows.map((rowItem) => {
-                var _a;
-                return (<listRow_1.default row={rowItem} key={(_a = rowItem === null || rowItem === void 0 ? void 0 : rowItem.key) !== null && _a !== void 0 ? _a : rowItem.title}/>);
-            })}
+            {rows.map((rowItem) => (<ListRow row={rowItem} key={rowItem?.key ?? rowItem.title}/>))}
           </>)}
       </div>
     </>);
 };
-exports.default = BulletList;
+export default BulletList;
 //# sourceMappingURL=index.jsx.map

package/dist/components/bulletList/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,wDAAgC;AAOhC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAmB,EAAE,EAAE;IACxD,OAAO,CACL,EACE;MAAA,CAAC,OAAO,IAAI,CACV,EACE;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,qEAAqE,CACjF;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,sDAAsD,EACtE;QAAA,GAAG,CACJ,CACD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;QAAA,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,CAAC,CAAC,CAAC,SAAS,CAAC,yCAAyC,CACpD;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC5B;UAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,EACE;YAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;gBAAC,OAAA,CACrB,CAAC,iBAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,mCAAI,OAAO,CAAC,KAAK,CAAC,EAAG,CAC9D,CAAA;aAAA,CAAC,CACJ;UAAA,GAAG,CACJ,CACH;MAAA,EAAE,GAAG,CACP;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC;;GAEG;AACH,OAAO,OAAO,MAAM,WAAW,CAAC;AAOhC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAmB,EAAE,EAAE;IACxD,OAAO,CACL,EACE;MAAA,CAAC,OAAO,IAAI,CACV,EACE;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,qEAAqE,CACjF;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,sDAAsD,EACtE;QAAA,GAAG,CACJ,CACD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;QAAA,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,CAAC,CAAC,CAAC,SAAS,CAAC,yCAAyC,CACpD;YAAA,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC5B;UAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,EACE;YAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACrB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,EAAG,CAC9D,CAAC,CACJ;UAAA,GAAG,CACJ,CACH;MAAA,EAAE,GAAG,CACP;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/bulletList/listRow.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,62 +13,42 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
+import React, { useCallback } from 'react';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
-const sidebar_1 = require("../sidebar");
+import { Ellipse } from '../../icons';
+import { useSidebar } from '../sidebar';
 const ListRow = ({ row }) => {
-    var _a;
-    const navigateTo = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
-    const handleClick = (0, react_1.useCallback)((event) => {
+    const navigateTo = useSidebar(({ actions }) => actions.updateSelectedItemKey);
+    const handleClick = useCallback(async (event) => {
         event.preventDefault();
-        if (row === null || row === void 0 ? void 0 : row.sidebarKey) {
+        if (row?.sidebarKey) {
             navigateTo(row.sidebarKey);
             return;
         }
-        if (chrome === null || chrome === void 0 ? void 0 : chrome.tabs) {
-            chrome.tabs.update({
-                url: row.link,
-            });
+        if (chrome?.tabs) {
+            try {
+                await chrome.tabs.update({
+                    url: row.link,
+                });
+            }
+            catch (error) {
+                console.log('Failed to open link:', error);
+            }
         }
     }, [navigateTo, row.link, row.sidebarKey]);
-    return (<div className="flex gap-4 items-baseline" key={(_a = row === null || row === void 0 ? void 0 : row.key) !== null && _a !== void 0 ? _a : row.title}>
+    return (<div className="flex gap-4 items-baseline" key={row?.key ?? row.title}>
       <span>
-        <icons_1.Ellipse />
+        <Ellipse />
       </span>
-      {(row === null || row === void 0 ? void 0 : row.link) ? (<a title={row.link} href={row.link} onClick={handleClick} className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
+      {row?.link ? (<a title={row.link} href={row.link} onClick={handleClick} className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
           {row.title}
         </a>) : (<p className="text-sm font-medium leading-6">{row.title}</p>)}
     </div>);
 };
-exports.default = ListRow;
+export default ListRow;
 //# sourceMappingURL=listRow.jsx.map

package/dist/components/bulletList/listRow.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2C;AAE3C;;GAEG;AACH,uCAAsC;AACtC,wCAAwC;AAMxC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;;IACjC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;gBACjB,GAAG,EAAE,GAAG,CAAC,IAAI;aACd,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,mCAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,eAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,EAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAMxC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;IACjC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,KAAuB,EAAE,EAAE;QAChC,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,GAAG,EAAE,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC;YACjB,IAAI,CAAC;gBACH,MAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;oBACvB,GAAG,EAAE,GAAG,CAAC,IAAI;iBACd,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/button/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,20 +16,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Button = ({ title = '', text, name = 'button', onClick = undefined, type = 'button', variant = 'primary', size = 'small', extraClasses = '', disabled = false, }) => {
-    return (<button title={title} data-test-id="button" type={type} name={name} disabled={disabled} onClick={onClick ? onClick : undefined} className={(0, classnames_1.default)(extraClasses, 'rounded flex items-center text-center py-1 px-2 font-medium', {
-            'bg-sapphire dark:bg-baby-blue-eyes text-white dark:text-raisin-black': variant === 'primary',
-            'bg-transparent text-raisin-black dark:text-bright-gray active:opacity-60': variant === 'secondary',
+import classNames from 'classnames';
+import React from 'react';
+const Button = ({ title = '', text, name = 'button', onClick = undefined, type = 'button', variant = 'primary', size = 'small', extraClasses = '', disabled = false, dontShowBackground = false, }) => {
+    return (<button title={title} data-test-id="button" type={type} name={name} disabled={disabled} onClick={onClick ? onClick : undefined} className={classNames(extraClasses, 'rounded flex items-center text-center py-1 px-2 font-medium', {
+            'bg-sapphire dark:bg-baby-blue-eyes text-white dark:text-raisin-black': variant === 'primary' && !dontShowBackground,
+            'bg-transparent text-raisin-black dark:text-bright-gray active:opacity-60': variant === 'secondary' && !dontShowBackground,
             'text-white dark:text-raisin-black bg-red-500': variant === 'danger',
             'text-white dark:text-raisin-black bg-green-500': variant === 'success',
         }, {
             'opacity-70 cursor-default': disabled,
-            'hover:bg-tufts-blue dark:hover:bg-pale-cornflower-blue': !disabled && size === 'small' && variant === 'primary',
-            'hover:bg-beteleguese dark:hover:bg-bright-navy-blue': !disabled && size === 'large' && variant === 'primary',
-            'hover:opacity-80': !disabled && variant === 'secondary',
-            'hover:bg-red-600': !disabled && variant === 'danger',
+            'hover:bg-tufts-blue dark:hover:bg-pale-cornflower-blue': !disabled &&
+                size === 'small' &&
+                variant === 'primary' &&
+                !dontShowBackground,
+            'hover:bg-beteleguese dark:hover:bg-bright-navy-blue': !disabled &&
+                size === 'large' &&
+                variant === 'primary' &&
+                !dontShowBackground,
+            'hover:opacity-80': !disabled && variant === 'secondary' && !dontShowBackground,
+            'hover:bg-red-600': !disabled && variant === 'danger' && !dontShowBackground,
         }, {
             'py-0.5 px-1.5 text-xs': size === 'small',
             'rounded-xs md:py-3.5 md:px-9 xxs:max-sm:p-4 xs:max-md:py-4 sm:max-md:px-4': size === 'large',
@@ -42,5 +43,5 @@ const Button = ({ title = '', text, name = 'button', onClick = undefined, type =
       {text}
     </button>);
 };
-exports.default = Button;
+export default Button;
 //# sourceMappingURL=index.jsx.map

package/dist/components/button/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,4DAAoC;AACpC,kDAA0B;AAc1B,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,KAAK,GACJ,EAAE,EAAE;IAChB,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,QAAQ,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACvC,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,YAAY,EACZ,6DAA6D,EAC7D;YACE,sEAAsE,EACpE,OAAO,KAAK,SAAS;YACvB,0EAA0E,EACxE,OAAO,KAAK,WAAW;YACzB,8CAA8C,EAAE,OAAO,KAAK,QAAQ;YACpE,gDAAgD,EAC9C,OAAO,KAAK,SAAS;SACxB,EACD;YACE,2BAA2B,EAAE,QAAQ;YACrC,wDAAwD,EACtD,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS;YACxD,qDAAqD,EACnD,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS;YACxD,kBAAkB,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;YACxD,kBAAkB,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,QAAQ;SACtD,EACD;YACE,uBAAuB,EAAE,IAAI,KAAK,OAAO;YACzC,2EAA2E,EACzE,IAAI,KAAK,OAAO;SACnB,CACF,CAAC,CAEF;MAAA,CAAC,IAAI,CACP;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,GACd,EAAE,EAAE;IAChB,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,QAAQ,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACvC,SAAS,CAAC,CAAC,UAAU,CACnB,YAAY,EACZ,6DAA6D,EAC7D;YACE,sEAAsE,EACpE,OAAO,KAAK,SAAS,IAAI,CAAC,kBAAkB;YAC9C,0EAA0E,EACxE,OAAO,KAAK,WAAW,IAAI,CAAC,kBAAkB;YAChD,8CAA8C,EAAE,OAAO,KAAK,QAAQ;YACpE,gDAAgD,EAC9C,OAAO,KAAK,SAAS;SACxB,EACD;YACE,2BAA2B,EAAE,QAAQ;YACrC,wDAAwD,EACtD,CAAC,QAAQ;gBACT,IAAI,KAAK,OAAO;gBAChB,OAAO,KAAK,SAAS;gBACrB,CAAC,kBAAkB;YACrB,qDAAqD,EACnD,CAAC,QAAQ;gBACT,IAAI,KAAK,OAAO;gBAChB,OAAO,KAAK,SAAS;gBACrB,CAAC,kBAAkB;YACrB,kBAAkB,EAChB,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,CAAC,kBAAkB;YAC7D,kBAAkB,EAChB,CAAC,QAAQ,IAAI,OAAO,KAAK,QAAQ,IAAI,CAAC,kBAAkB;SAC3D,EACD;YACE,uBAAuB,EAAE,IAAI,KAAK,OAAO;YACzC,2EAA2E,EACzE,IAAI,KAAK,OAAO;SACnB,CACF,CAAC,CAEF;MAAA,CAAC,IAAI,CACP;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/chipsBar/chip.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,20 +16,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+import React from 'react';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
+import { ClearIcon } from '../../icons';
 const Chip = ({ filterTitle, value, toggleFilterSelection, hideCloseIcon, }) => {
     return (<div className="flex items-center px-2 rounded-sm bg-gainsboro dark:bg-charleston-green mx-1 h-4">
       <span className="block whitespace-nowrap text-onyx dark:text-manatee text-xs">
         {filterTitle + ': ' + value}
       </span>
-      {hideCloseIcon ? null : (<button onClick={toggleFilterSelection} className="w-1.5 h-1.5 text-gray-600 hover:text-gray-800 focus:outline-none ml-1">
-          <icons_1.ClearIcon className="text-mischka"/>
+      {hideCloseIcon ? null : (<button onClick={toggleFilterSelection} className="w-1.5 h-1.5 text-gray-600 hover:text-gray-800 focus:outline-hidden ml-1">
+          <ClearIcon className="text-mischka"/>
         </button>)}
     </div>);
 };
-exports.default = Chip;
+export default Chip;
 //# sourceMappingURL=chip.jsx.map

package/dist/components/chipsBar/chip.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"chip.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chip.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uCAAwC;AASxC,MAAM,IAAI,GAAG,CAAC,EACZ,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,aAAa,GACH,EAAE,EAAE;IACd,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,kFAAkF,CAC/F;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,6DAA6D,CAC3E;QAAA,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK,CAC7B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,SAAS,CAAC,uEAAuE,CAEjF;UAAA,CAAC,iBAAS,CAAC,SAAS,CAAC,cAAc,EACrC;QAAA,EAAE,MAAM,CAAC,CACV,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"chip.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,IAAI,GAAG,CAAC,EACZ,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,aAAa,GACH,EAAE,EAAE;IACd,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,kFAAkF,CAC/F;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,6DAA6D,CAC3E;QAAA,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK,CAC7B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,SAAS,CAAC,yEAAyE,CAEnF;UAAA,CAAC,SAAS,CAAC,SAAS,CAAC,cAAc,EACrC;QAAA,EAAE,MAAM,CAAC,CACV,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/chipsBar/chipsList.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,16 +16,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const chip_1 = __importDefault(require("./chip"));
+import React from 'react';
+import Chip from './chip';
 const ChipList = ({ selectedFilters, toggleFilterSelection, hideCloseIcon = false, }) => {
     return (<div className="flex flex-nowrap max-w-full">
       {selectedFilters.map((filter) => {
-            return filter.values.map((value) => (<chip_1.default key={value} filterTitle={filter.title} value={value} toggleFilterSelection={() => {
+            return filter.values.map((value) => (<Chip key={value} filterTitle={filter.title} value={value} toggleFilterSelection={() => {
                     toggleFilterSelection(filter.key, value, true);
                 }} hideCloseIcon={hideCloseIcon}/>));
         })}
     </div>);
 };
-exports.default = ChipList;
+export default ChipList;
 //# sourceMappingURL=chipsList.jsx.map

package/dist/components/chipsBar/chipsList.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"chipsList.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chipsList.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAM1B,kDAA0B;AAY1B,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,GAAG,KAAK,GACP,EAAE,EAAE;IAClB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;MAAA,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,cAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,qBAAqB,CAAC,CAAC,GAAG,EAAE;oBAC1B,qBAAqB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBACjD,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CAAC,CAAC;QACL,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"chipsList.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chipsList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAY1B,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,GAAG,KAAK,GACP,EAAE,EAAE;IAClB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;MAAA,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,qBAAqB,CAAC,CAAC,GAAG,EAAE;oBAC1B,qBAAqB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBACjD,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CAAC,CAAC;QACL,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/chipsBar/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,28 +16,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const i18n_1 = require("@google-psat/i18n");
+import React from 'react';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
-const chipsList_1 = __importDefault(require("./chipsList"));
+import { StopIcon } from '../../icons';
+import ChipList from './chipsList';
 const ChipsBar = ({ selectedFilters, resetFilters, toggleFilterSelection, hideClearAll = false, }) => {
     const appliedFiltersCount = selectedFilters.reduce((acc, filter) => {
         acc += filter.values.length;
         return acc;
     }, 0);
-    return (<div className={'w-full h-6 px-2 py-1 flex items-center overflow-x-scroll no-scrollbar bg-anti-flash-white dark:bg-raisin-black'}>
+    if (appliedFiltersCount === 0) {
+        return null;
+    }
+    return (<div className={'w-full min-h-[20px] h-fit px-2 flex items-center overflow-x-auto bg-anti-flash-white dark:bg-raisin-black box-border'}>
       {appliedFiltersCount > 0 && !hideClearAll && (<button className="h-full flex items-center text-link text-xs whitespace-nowrap" onClick={resetFilters}>
-          <icons_1.StopIcon className="text-gray min-w-[14px] min-h-[14px]"/>
+          <StopIcon className="text-gray min-w-[14px] min-h-[14px]"/>
           <span className="ml-1 mr-2 dark:text-bright-gray bg-transparent">
-            {i18n_1.I18n.getMessage('clearAll')}
+            {I18n.getMessage('clearAll')}
           </span>
           <div className="w-[1px] bg-gainsboro dark:bg-quartz h-[20px]"></div>
         </button>)}
-      <chipsList_1.default selectedFilters={selectedFilters} toggleFilterSelection={toggleFilterSelection} hideCloseIcon={hideClearAll}/>
+      <ChipList selectedFilters={selectedFilters} toggleFilterSelection={toggleFilterSelection} hideCloseIcon={hideClearAll}/>
     </div>);
 };
-exports.default = ChipsBar;
+export default ChipsBar;
 //# sourceMappingURL=index.jsx.map

package/dist/components/chipsBar/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,uCAAuC;AACvC,4DAAmC;AAmBnC,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,YAAY,GAAG,KAAK,GACN,EAAE,EAAE;IAClB,MAAM,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACjE,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CACR,gHACF,CAAC,CAED;MAAA,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAC3C,CAAC,MAAM,CACL,SAAS,CAAC,8DAA8D,CACxE,OAAO,CAAC,CAAC,YAAY,CAAC,CAEtB;UAAA,CAAC,gBAAQ,CAAC,SAAS,CAAC,qCAAqC,EACzD;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,gDAAgD,CAC9D;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAC9B;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,CAAC,EAAE,GAAG,CACrE;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,mBAAQ,CACP,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,aAAa,CAAC,CAAC,YAAY,CAAC,EAEhC;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAmBnC,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,YAAY,GAAG,KAAK,GACN,EAAE,EAAE;IAClB,MAAM,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACjE,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CACR,sHACF,CAAC,CAED;MAAA,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAC3C,CAAC,MAAM,CACL,SAAS,CAAC,8DAA8D,CACxE,OAAO,CAAC,CAAC,YAAY,CAAC,CAEtB;UAAA,CAAC,QAAQ,CAAC,SAAS,CAAC,qCAAqC,EACzD;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,gDAAgD,CAC9D;YAAA,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAC9B;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,CAAC,EAAE,GAAG,CACrE;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,QAAQ,CACP,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,aAAa,CAAC,CAAC,YAAY,CAAC,EAEhC;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/circle/circleEmpty.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,11 +16,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+import React from 'react';
 /**
  * Internal dependencies
  */
-const colors_1 = require("../../theme/colors");
-const CircleEmpty = ({ color = colors_1.COLOR_MAP.mediumGray.color, }) => (<div className="w-2.5 h-2.5 flex-shrink-0 rounded-full border-2 border-solid" style={{ borderColor: color }}/>);
-exports.default = CircleEmpty;
+import { COLOR_MAP } from '../../theme/colors';
+const CircleEmpty = ({ color = COLOR_MAP.mediumGray.color, }) => (<div className="w-2.5 h-2.5 shrink-0 rounded-full border-2 border-solid" style={{ borderColor: color }}/>);
+export default CircleEmpty;
 //# sourceMappingURL=circleEmpty.jsx.map

package/dist/components/circle/circleEmpty.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"circleEmpty.jsx","sourceRoot":"","sources":["../../../src/components/circle/circleEmpty.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B;;GAEG;AACH,+CAA+C;AAM/C,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,GAAG,kBAAS,CAAC,UAAU,CAAC,KAAK,GACjB,EAAE,EAAE,CAAC,CACtB,CAAC,GAAG,CACF,SAAS,CAAC,8DAA8D,CACxE,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAC9B,CACH,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"circleEmpty.jsx","sourceRoot":"","sources":["../../../src/components/circle/circleEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,GACjB,EAAE,EAAE,CAAC,CACtB,CAAC,GAAG,CACF,SAAS,CAAC,yDAAyD,CACnE,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAC9B,CACH,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/circle/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,7 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const Circle = ({ color }) => (<div className="w-2.5 flex-shrink-0 h-2.5 rounded-full flex items-center justify-center" style={{ backgroundColor: color }}/>);
-exports.default = Circle;
+import React from 'react';
+const Circle = ({ color }) => (<div className="w-2.5 shrink-0 h-2.5 rounded-full flex items-center justify-center" style={{ backgroundColor: color }}/>);
+export default Circle;
 //# sourceMappingURL=index.jsx.map

package/dist/components/circle/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/circle/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAM1B,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAe,EAAE,EAAE,CAAC,CACzC,CAAC,GAAG,CACF,SAAS,CAAC,yEAAyE,CACnF,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,EAClC,CACH,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/circle/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAe,EAAE,EAAE,CAAC,CACzC,CAAC,GAAG,CACF,SAAS,CAAC,oEAAoE,CAC9E,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,EAClC,CACH,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/circlePieChart/emptyCirclePieChart.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,19 +16,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const victory_1 = require("victory");
+import React from 'react';
+import { VictoryPie } from 'victory-pie';
 /**
  * Internal dependencies
  */
-const colors_1 = require("../../theme/colors");
-const EmptyCirclePieChart = () => {
+import { COLOR_MAP } from '../../theme/colors';
+import Tooltip from './tooltip';
+const EmptyCirclePieChart = ({ tooltipText = '', showTooltip = false, }) => {
     return (<div className="w-full h-full relative">
-      <victory_1.VictoryPie padding={0} innerRadius={0} colorScale={[colors_1.COLOR_MAP.brightGray.color]} data={[{ x: '', y: 100 }]}/>
-      <p className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center opacity-40 text-2xl leading-4 dark:text-black">
+      <VictoryPie padding={0} innerRadius={175} colorScale={[COLOR_MAP.brightGray.color]} data={[{ x: '', y: 100 }]}/>
+      <p className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center opacity-40 text-2xl leading-4 dark:text-bright-gray">
         0
       </p>
+      {tooltipText && showTooltip && <Tooltip tooltipText={tooltipText}/>}
     </div>);
 };
-exports.default = EmptyCirclePieChart;
+export default EmptyCirclePieChart;
 //# sourceMappingURL=emptyCirclePieChart.jsx.map

package/dist/components/circlePieChart/emptyCirclePieChart.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"emptyCirclePieChart.jsx","sourceRoot":"","sources":["../../../src/components/circlePieChart/emptyCirclePieChart.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,qCAAqC;AACrC;;GAEG;AACH,+CAA+C;AAE/C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,wBAAwB,CACrC;MAAA,CAAC,oBAAU,CACT,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,UAAU,CAAC,CAAC,CAAC,kBAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACzC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAE5B;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,uHAAuH,CAClI;;MACF,EAAE,CAAC,CACL;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"emptyCirclePieChart.jsx","sourceRoot":"","sources":["../../../src/components/circlePieChart/emptyCirclePieChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,mBAAmB,GAAG,CAAC,EAC3B,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,KAAK,GAIpB,EAAE,EAAE;IACH,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,wBAAwB,CACrC;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,WAAW,CAAC,CAAC,GAAG,CAAC,CACjB,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACzC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAE5B;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,6HAA6H,CACxI;;MACF,EAAE,CAAC,CACH;MAAA,CAAC,WAAW,IAAI,WAAW,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAG,CACtE;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/circlePieChart/index.jsx

@@ -1,9 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_COUNT = void 0;
 /*
  * Copyright 2023 Google LLC
  *
@@ -22,31 +16,34 @@ exports.MAX_COUNT = void 0;
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const victory_1 = require("victory");
-const classnames_1 = __importDefault(require("classnames"));
+import React, { useState } from 'react';
+import { VictoryPie } from 'victory-pie';
+import classNames from 'classnames';
 /**
  * Internal dependencies.
  */
-const emptyCirclePieChart_1 = __importDefault(require("./emptyCirclePieChart"));
-exports.MAX_COUNT = 999;
-const CirclePieChart = ({ centerCount, data, title, centerTitleExtraClasses = '', pieChartExtraClasses = '', }) => {
-    const centerTitleClasses = centerCount <= exports.MAX_COUNT ? 'text-2xl' : 'text-l';
-    return (<div className="w-full h-full flex flex-col items-center justify-start">
-      <div className="inline-block align-bottom w-16">
-        {centerCount <= 0 ? (<emptyCirclePieChart_1.default />) : (<div className={`w-full h-full relative ${pieChartExtraClasses}`}>
-            <victory_1.VictoryPie padding={0} innerRadius={175} data={data.map(({ count }) => ({ x: '', y: count }))} labels={() => ''} colorScale={data.map(({ color }) => color)}/>
-            <p className={(0, classnames_1.default)('absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-regular dark:text-bright-gray', centerTitleClasses, centerTitleExtraClasses)}>
-              {centerCount <= exports.MAX_COUNT ? centerCount : exports.MAX_COUNT + '+'}
+import EmptyCirclePieChart from './emptyCirclePieChart';
+import Tooltip from './tooltip';
+export const MAX_COUNT = 999;
+const CirclePieChart = ({ centerCount, data, title, centerTitleExtraClasses = '', bottomTitleExtraClasses = '', pieChartExtraClasses = '', tooltipText = '', }) => {
+    const [showTooltip, setShowTooltip] = useState(false);
+    const centerTitleClasses = centerCount <= MAX_COUNT ? 'text-2xl' : 'text-l';
+    return (<div className="w-full h-full flex flex-col items-center justify-start" onMouseEnter={() => setShowTooltip(true)} onMouseLeave={() => setShowTooltip(false)}>
+      <div className="inline-block align-bottom w-16 relative">
+        {centerCount <= 0 ? (<EmptyCirclePieChart tooltipText={tooltipText} showTooltip={showTooltip}/>) : (<div className={`w-full h-full relative ${pieChartExtraClasses}`}>
+            <VictoryPie padding={0} innerRadius={175} data={data.map(({ count }) => ({ x: '', y: count }))} labels={() => ''} colorScale={data.map(({ color }) => color)}/>
+            <p className={classNames('absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-regular dark:text-bright-gray', centerTitleClasses, centerTitleExtraClasses)}>
+              {centerCount <= MAX_COUNT ? centerCount : MAX_COUNT + '+'}
             </p>
+            {tooltipText && showTooltip && (<Tooltip tooltipText={tooltipText}/>)}
           </div>)}
       </div>
-      {title && (<div className="flex items-center justify-center gap-1 mt-2 relative">
+      {title && (<div className={`flex items-center justify-center gap-1 mt-2 relative ${bottomTitleExtraClasses}`}>
           <p className="text-xs text-center font-semibold leading-relaxed dark:text-bright-gray">
             {title}
           </p>
         </div>)}
     </div>);
 };
-exports.default = CirclePieChart;
+export default CirclePieChart;
 //# sourceMappingURL=index.jsx.map

package/dist/components/circlePieChart/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/circlePieChart/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,qCAAqC;AACrC,4DAAoC;AAEpC;;GAEG;AACH,gFAAwD;AAY3C,QAAA,SAAS,GAAG,GAAG,CAAC;AAE7B,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,EACX,IAAI,EACJ,KAAK,EACL,uBAAuB,GAAG,EAAE,EAC5B,oBAAoB,GAAG,EAAE,GACL,EAAE,EAAE;IACxB,MAAM,kBAAkB,GAAG,WAAW,IAAI,iBAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5E,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,wDAAwD,CACrE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gCAAgC,CAC7C;QAAA,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,CAAC,6BAAmB,CAAC,AAAD,EAAG,CACxB,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,0BAA0B,oBAAoB,EAAE,CAAC,CAC/D;YAAA,CAAC,oBAAU,CACT,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,WAAW,CAAC,CAAC,GAAG,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CACrD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACjB,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAE7C;YAAA,CAAC,CAAC,CACA,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,gGAAgG,EAChG,kBAAkB,EAClB,uBAAuB,CACxB,CAAC,CAEF;cAAA,CAAC,WAAW,IAAI,iBAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAS,GAAG,GAAG,CAC3D;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,GAAG,CAAC,SAAS,CAAC,sDAAsD,CACnE;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yEAAyE,CACpF;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,CAAC,CACL;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/circlePieChart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,OAAO,MAAM,WAAW,CAAC;AAchC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAE7B,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,EACX,IAAI,EACJ,KAAK,EACL,uBAAuB,GAAG,EAAE,EAC5B,uBAAuB,GAAG,EAAE,EAC5B,oBAAoB,GAAG,EAAE,EACzB,WAAW,GAAG,EAAE,GACI,EAAE,EAAE;IACxB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5E,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,wDAAwD,CAClE,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CACzC,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAE1C;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yCAAyC,CACtD;QAAA,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,CAAC,mBAAmB,CAClB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC,WAAW,CAAC,EACzB,CACH,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,0BAA0B,oBAAoB,EAAE,CAAC,CAC/D;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,WAAW,CAAC,CAAC,GAAG,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CACrD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACjB,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAE7C;YAAA,CAAC,CAAC,CACA,SAAS,CAAC,CAAC,UAAU,CACnB,gGAAgG,EAChG,kBAAkB,EAClB,uBAAuB,CACxB,CAAC,CAEF;cAAA,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAC3D;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,WAAW,IAAI,WAAW,IAAI,CAC7B,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAG,CACtC,CACH;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,wDAAwD,uBAAuB,EAAE,CAAC,CAE7F;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yEAAyE,CACpF;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,CAAC,CACL;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}