@ostack.tech/ui 0.4.1 → 0.6.0

package/scss/components/Card/_Card.scss

@@ -63,12 +63,11 @@
     > #{$tabs-tab-list-root} {
       flex-grow: 1;
       z-index: var(--#{$prefix}z-index-docked);
-      margin-left: calc(var(--#{$prefix}card-padding-x) * -1);
-      margin-right: calc(var(--#{$prefix}card-padding-x) * -1);
-      margin-bottom: calc(
-        var(--#{$prefix}card-padding-y) * -1 +
-          $card-tabs-tab-list-margin-y-offset
-      );
+      margin: calc(
+          var(--#{$prefix}card-padding-y) * -1 +
+            $card-tabs-tab-list-margin-y-offset
+        )
+        calc(var(--#{$prefix}card-padding-x) * -1);
       padding-left: max(
         var(--#{$prefix}card-padding-x) - var(--#{$prefix}tabs-tab-padding-x),
         var(--#{$prefix}tabs-tab-margin-x, 0)

package/scss/components/Field/_Field.scss

@@ -5,6 +5,7 @@
 
 .#{$prefix}field {
   width: 100%;
+  break-inside: avoid;
 
   & > .#{$prefix}control-code,
   & > .#{$prefix}label__container {

package/scss/components/Input/_Input.scss

@@ -148,6 +148,10 @@
           --#{$prefix}input-file-button-separator-color,
           var(--#{$prefix}control-border-color)
         );
+
+      @media print {
+        display: none;
+      }
     }
 
     &[readonly]::file-selector-button {

package/scss/components/Spinner/_Spinner-variables.scss

@@ -1,3 +1,5 @@
 @use "../../scss/base-variables" as *;
 
-$spinner-accent-color: var(--#{$prefix}accent-a11) !default;
+// Accent
+$spinner-accent-track-color: var(--#{$prefix}accent-a5) !default;
+$spinner-accent-indicator-color: var(--#{$prefix}accent-a11) !default;

package/scss/components/Spinner/_Spinner.scss

@@ -1,12 +1,21 @@
 @use "Spinner-variables" as *;
 @use "../../scss/base-variables" as *;
+@use "../../scss/utils/declare-var" as *;
 @use "../../scss/utils/spinner" as *;
 
 .#{$prefix}spinner {
   @include spinner;
 
+  // Accent
   &[data-accent] {
-    color: $spinner-accent-color;
+    @include declare-var(
+      --#{$prefix}spinner-track-color,
+      $spinner-accent-track-color
+    );
+    @include declare-var(
+      --#{$prefix}spinner-indicator-color,
+      $spinner-accent-indicator-color
+    );
   }
 
   // Sizes

package/scss/components/Table/_Table.scss

@@ -25,6 +25,12 @@
     width: 100%;
     overflow: auto;
 
+    @media print {
+      overflow: unset;
+      min-width: 100%;
+      width: min-content;
+    }
+
     border-radius: var(--#{$prefix}table-border-radius);
     border-width: var(--#{$prefix}table-border-width, 0);
     border-style: solid;

package/scss/components/Tabs/_Tabs-variables.scss

@@ -201,6 +201,22 @@ $tabs-scroll-button-overflow-indicator-z-index: calc(
   var(--#{$prefix}z-index-focused) + 1
 ) !default;
 
+// Tab content label
+$tabs-tab-content-label-padding-y: calc(
+  $tabs-tab-default-padding-y + $tabs-tab-inner-default-padding-y
+) !default;
+$tabs-tab-content-label-padding-x: calc(
+  $tabs-tab-default-padding-x + $tabs-tab-inner-default-padding-x
+) !default;
+$tabs-tab-content-label-margin-bottom: spacing(1.5) !default;
+$tabs-tab-content-label-border-bottom: 2px solid var(--#{$prefix}primary-9) !default;
+$tabs-tab-content-label-font-size: var(--#{$prefix}font-size-sm) !default;
+$tabs-tab-content-label-line-height: var(--#{$prefix}font-size-sm) !default;
+$tabs-tab-content-label-font-weight: $font-weight-medium !default;
+
+// Tab content
+$tabs-tab-content-gap-y: spacing(2) !default;
+
 // Tab content - Focus
 $tabs-tab-content-focus-outline-width: 2px !default;
 $tabs-tab-content-focus-outline-color: var(--#{$prefix}primary-8) !default;

package/scss/components/Tabs/_Tabs.scss

@@ -8,8 +8,7 @@
 @use "../../scss/utils/transition" as *;
 
 .#{$prefix}tabs {
-  display: flex;
-  flex-direction: column;
+  display: block;
   min-width: 0;
 
   @each $variant in $tabs-variants {
@@ -435,9 +434,27 @@
     }
   }
 
+  // Tab content label (print only)
+  &__tab-content-label {
+    display: inline-flex;
+
+    margin-bottom: $tabs-tab-content-label-margin-bottom;
+    padding: $tabs-tab-content-label-padding-y $tabs-tab-content-label-padding-x;
+    border-bottom: $tabs-tab-content-label-border-bottom;
+    font-size: $tabs-tab-content-label-font-size;
+    line-height: $tabs-tab-content-label-line-height;
+    font-weight: $tabs-tab-content-label-font-weight;
+  }
+
   // Tab content
-  &__tab-content:focus-visible {
-    outline: $tabs-tab-content-focus-outline-width solid
-      $tabs-tab-content-focus-outline-color;
+  &__tab-content {
+    &:focus-visible {
+      outline: $tabs-tab-content-focus-outline-width solid
+        $tabs-tab-content-focus-outline-color;
+    }
+
+    & + .#{$prefix}tabs__tab-content-label {
+      margin-top: $tabs-tab-content-gap-y;
+    }
   }
 }

package/scss/index.scss

@@ -1,6 +1,7 @@
 @forward "utils";
 
 // Helpers
+@forward "scss/helpers/print-utils";
 @forward "scss/helpers/visually-hidden";
 
 // Components

package/scss/scss/helpers/_print-utils.scss

@@ -0,0 +1,13 @@
+@use "../../scss/base-variables" as *;
+
+@media print {
+  .#{$prefix}print-hidden {
+    display: none !important;
+  }
+}
+
+@media not print {
+  .#{$prefix}print-only {
+    display: none !important;
+  }
+}

package/scss/scss/utils/_spinner.scss

@@ -1,6 +1,9 @@
 @use "../base-variables" as *;
 @use "animation" as *;
 
+$spinner-track-color: var(--#{$prefix}neutral-a5) !default;
+$spinner-indicator-color: currentColor !default;
+$spinner-indicator-side: top !default;
 $spinner-size: 1em !default;
 $spinner-border-width: clamp(1px, 0.15em, 6px) !default;
 $spinner-animation-speed: 0.75s !default;
@@ -14,17 +17,20 @@ $spinner-reduced-animation-speed: $spinner-animation-speed * 2 !default;
   width: $spinner-size;
   height: $spinner-size;
   border-radius: 50%;
-  border: $spinner-border-width solid currentColor;
-  border-right-color: transparent;
-  animation: $spinner-animation-speed linear infinite #{$prefix}spinner-rotate;
+  border: $spinner-border-width solid
+    var(--#{$prefix}spinner-track-color, $spinner-track-color);
+  border-#{$spinner-indicator-side}-color: var(
+    --#{$prefix}spinner-indicator-color,
+    $spinner-indicator-color
+  );
+  animation: $spinner-animation-speed linear infinite #{$prefix}spinner-spin;
 
-  // Spin animation
   @media (prefers-reduced-motion: reduce) {
     animation-duration: $spinner-reduced-animation-speed;
   }
 }
 
-@keyframes #{$prefix}spinner-rotate {
+@keyframes #{$prefix}spinner-spin {
   to {
     transform: rotate(360deg);
   }

package/dist/locales/fr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fr.js","sources":["../../src/locales/fr.tsx"],"sourcesContent":["import { fr as dateFnsFr } from \"date-fns/locale/fr\";\n\nimport type { LocalizationObject } from \"../providers/LocalizationProvider\";\n\n/** `fr` locale. */\nexport const fr: LocalizationObject = {\n  languageTag: \"fr\",\n  dateFnsLocale: dateFnsFr,\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    previousMonthLabel: \"Mois précédent\",\n    nextMonthLabel: \"Mois suivant\",\n  },\n  CloseButton: {\n    \"aria-label\": \"Fermer\",\n  },\n  CommandMenu: {\n    searchPlaceholder: \"Rechercher…\",\n    listLabel: \"Suggestions\",\n    loadingLabel: \"Chargement…\",\n    emptyMessage: \"Aucun résultat trouvé.\",\n  },\n  CommandMenuDialog: {\n    title: \"Palette de commandes\",\n    description: \"Rechercher une commande…\",\n  },\n  ConfirmDialog: {\n    cancelText: \"Annuler\",\n  },\n  ControlCode: {\n    visuallyHiddenPrefix: \"Champ\",\n  },\n  DataTable: {\n    emptyMessage: \"Rien à afficher.\",\n  },\n  DataTableFilter: {\n    \"aria-label\": \"Tableau filtre\",\n    placeholder: \"Filtre\",\n  },\n  DataTablePagination: {\n    rowsRange: (range, total) => (\n      <>\n        Lignes&nbsp;{range}&nbsp;sur {total}\n      </>\n    ),\n    previousPageButtonLabel: \"Page précédente\",\n    nextPageButtonLabel: \"Page suivante\",\n  },\n  DataTableRowsPerPage: {\n    label: \"Lignes par page\",\n  },\n  DateInput: {\n    placeholder: \"jour/mois/année\",\n    formatDescription: \"Saisir la date au format JJ/MM/AAAA\",\n    calendarButtonLabel: (selectedDate, editable) =>\n      editable\n        ? selectedDate\n          ? `Ouvrir le calendrier pour modifier la date sélectionnée\\u202F: ${selectedDate}`\n          : \"Ouvrir le calendrier pour sélectionner la date\"\n        : selectedDate\n          ? `Ouvrir le calendrier avec la date sélectionnée\\u202F: ${selectedDate}`\n          : \"Ouvrir le calendrier sans la date sélectionnée\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Date de début\",\n    endInputLabel: \"Date de fin\",\n    calendarButtonLabel: (selectedDateRange, editable) =>\n      editable\n        ? selectedDateRange\n          ? `Ouvrir le calendrier pour modifier la plage de dates sélectionnée\\u202F: ${selectedDateRange}`\n          : \"Ouvrir le calendrier pour sélectionner la plage de dates\"\n        : selectedDateRange\n          ? `Ouvrir le calendrier avec la plage de dates sélectionnée\\u202F: ${selectedDateRange}`\n          : \"Ouvrir le calendrier sans plage de dates sélectionnée\",\n  },\n  ErrorBoundary: {\n    fallbackMessage: (\n      <>\n        Une erreur s'est produite.\n        <br />\n        Appuyez sur le bouton à droite pour réessayer. Si le problème persiste,\n        réessayez plus tard.\n      </>\n    ),\n    resetButtonLabel: \"Réessayer\",\n  },\n  Feedback: {\n    visuallyHiddenPrefix: (type) =>\n      type === \"error\"\n        ? \"Erreur\\u202F:\"\n        : type === \"warning\"\n          ? \"Alerte\\u202F:\"\n          : null,\n  },\n  FeedbackPopover: {\n    label: \"Afficher les observations\",\n  },\n  FieldGroupHeader: {\n    visuallyHiddenCodePrefix: \"Groupe\",\n  },\n  Input: {\n    clearButtonLabel: \"Effacer\",\n  },\n  Label: {\n    requiredIconLabel: \"Obligatoire\",\n    helperButtonLabel: \"Afficher l’aide\",\n  },\n  NumericInput: {\n    decimalSeparator: \",\",\n    groupingStyle: \"thousand\",\n    groupSeparator: \"\\u00A0\",\n  },\n  Select: {\n    optionsLabel: \"Options\",\n  },\n  TableColumn: {\n    helperButtonLabel: \"Afficher l’aide\",\n  },\n  TableHead: {\n    sortByColumnDescription: (columnName, sortDirection) =>\n      sortDirection === null\n        ? `Arrêter le tri du tableau par colonne «\\u202F${columnName}\\u202F»`\n        : `Trier le tableau par colonne «\\u202F${columnName}\\u202F» par ordre ${\n            sortDirection === \"asc\" ? \"croissant\" : \"décroissant\"\n          }`,\n  },\n  ToastProvider: {\n    label: \"Notification\",\n  },\n  ToastViewport: {\n    label: \"Notifications ({hotkey})\",\n  },\n};\n"],"names":["dateFnsFr"],"mappings":";;AAKO,MAAM,KAAyB;AAAA,EACpC,aAAa;AAAA,EACb,eAAeA;AAAAA,EACf,aAAa;AAAA,IACX,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAAA;AAAA,EAElB,aAAa;AAAA,IACX,cAAc;AAAA,EAAA;AAAA,EAEhB,aAAa;AAAA,IACX,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,eAAe;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,sBAAsB;AAAA,EAAA;AAAA,EAExB,WAAW;AAAA,IACT,cAAc;AAAA,EAAA;AAAA,EAEhB,iBAAiB;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAAA,EAEf,qBAAqB;AAAA,IACnB,WAAW,CAAC,OAAO,UACjB,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACa;AAAA,MAAM;AAAA,MAAW;AAAA,IAAA,GAChC;AAAA,IAEF,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,EAAA;AAAA,EAEvB,sBAAsB;AAAA,IACpB,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,IACT,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,qBAAqB,CAAC,cAAc,aAClC,WACI,eACE,6DAAkE,YAAY,KAC9E,mDACF,eACE,oDAAyD,YAAY,KACrE;AAAA,EAAA;AAAA,EAEV,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,qBAAqB,CAAC,mBAAmB,aACvC,WACI,oBACE,uEAA4E,iBAAiB,KAC7F,6DACF,oBACE,8DAAmE,iBAAiB,KACpF;AAAA,EAAA;AAAA,EAEV,eAAe;AAAA,IACb,iBACE,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,0BAEC,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,GAGR;AAAA,IAEF,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,sBAAsB,CAAC,SACrB,SAAS,UACL,aACA,SAAS,YACP,aACA;AAAA,EAAA;AAAA,EAEV,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAAA,EAET,kBAAkB;AAAA,IAChB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,OAAO;AAAA,IACL,kBAAkB;AAAA,EAAA;AAAA,EAEpB,OAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EAAA;AAAA,EAErB,cAAc;AAAA,IACZ,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,gBAAgB;AAAA,EAAA;AAAA,EAElB,QAAQ;AAAA,IACN,cAAc;AAAA,EAAA;AAAA,EAEhB,aAAa;AAAA,IACX,mBAAmB;AAAA,EAAA;AAAA,EAErB,WAAW;AAAA,IACT,yBAAyB,CAAC,YAAY,kBACpC,kBAAkB,OACd,2CAAgD,UAAU,OAC1D,kCAAuC,UAAU,gBAC/C,kBAAkB,QAAQ,cAAc,aAC1C;AAAA,EAAA;AAAA,EAER,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAEX;"}

package/dist/locales/pt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pt.js","sources":["../../src/locales/pt.tsx"],"sourcesContent":["import { pt as dateFnsPt } from \"date-fns/locale/pt\";\n\nimport type { LocalizationObject } from \"../providers/LocalizationProvider\";\n\n/** `pt` locale. */\nexport const pt: LocalizationObject = {\n  languageTag: \"pt\",\n  dateFnsLocale: dateFnsPt,\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    previousMonthLabel: \"Mês anterior\",\n    nextMonthLabel: \"Próximo mês\",\n  },\n  CloseButton: {\n    \"aria-label\": \"Fechar\",\n  },\n  CommandMenu: {\n    searchPlaceholder: \"Pesquisar…\",\n    listLabel: \"Sugestões\",\n    loadingLabel: \"A carregar…\",\n    emptyMessage: \"Nenhum resultado encontrado.\",\n  },\n  CommandMenuDialog: {\n    title: \"Paleta de comandos\",\n    description: \"Pesquise por um comando…\",\n  },\n  ConfirmDialog: {\n    cancelText: \"Cancelar\",\n  },\n  ControlCode: {\n    visuallyHiddenPrefix: \"Campo\",\n  },\n  DataTable: {\n    emptyMessage: \"Nada a mostrar.\",\n  },\n  DataTableFilter: {\n    \"aria-label\": \"Filtro da tabela\",\n    placeholder: \"Filtrar\",\n  },\n  DataTablePagination: {\n    rowsRange: (range, total) => (\n      <>\n        Linhas&nbsp;{range}&nbsp;de {total}\n      </>\n    ),\n    previousPageButtonLabel: \"Página anterior\",\n    nextPageButtonLabel: \"Próxima página\",\n  },\n  DataTableRowsPerPage: {\n    label: \"Linhas por página\",\n  },\n  DateInput: {\n    placeholder: \"dia/mês/ano\",\n    formatDescription: \"Introduza a data no formato DD/MM/AAAA\",\n    calendarButtonLabel: (selectedDate, editable) =>\n      editable\n        ? selectedDate\n          ? `Abrir calendário para alterar data selecionada: ${selectedDate}`\n          : \"Abrir calendário para selecionar data\"\n        : selectedDate\n          ? `Abrir calendário com data selecionada: ${selectedDate}`\n          : \"Abrir calendário sem data selecionada\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Data de início\",\n    endInputLabel: \"Data de fim\",\n    calendarButtonLabel: (selectedDateRange, editable) =>\n      editable\n        ? selectedDateRange\n          ? `Abrir calendário para alterar intervalo de datas selecionado: ${selectedDateRange}`\n          : \"Abrir calendário para selecionar intervalo de datas\"\n        : selectedDateRange\n          ? `Abrir calendário com intervalo de datas selecionado: ${selectedDateRange}`\n          : \"Abrir calendário sem intervalo de datas selecionado\",\n  },\n  ErrorBoundary: {\n    fallbackMessage: (\n      <>\n        Algo correu mal.\n        <br />\n        Pressione o botão à direita para tentar novamente. Se o problema\n        persistir, volte a tentar mais tarde.\n      </>\n    ),\n    resetButtonLabel: \"Tentar novamente\",\n  },\n  Feedback: {\n    visuallyHiddenPrefix: (type) =>\n      type === \"error\" ? \"Erro:\" : type === \"warning\" ? \"Alerta:\" : null,\n  },\n  FeedbackPopover: {\n    label: \"Mostrar observações\",\n  },\n  FieldGroupHeader: {\n    visuallyHiddenCodePrefix: \"Grupo\",\n  },\n  Input: {\n    clearButtonLabel: \"Limpar\",\n  },\n  Label: {\n    requiredIconLabel: \"Requerido\",\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  NumericInput: {\n    decimalSeparator: \",\",\n    groupingStyle: \"thousand\",\n    groupSeparator: \"\\u00A0\",\n  },\n  Select: {\n    optionsLabel: \"Opções\",\n  },\n  TableColumn: {\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  TableHead: {\n    sortByColumnDescription: (columnName, sortDirection) =>\n      sortDirection === null\n        ? `Deixar de ordenar tabela pela coluna “${columnName}”`\n        : `Ordenar tabela pela coluna “${columnName}” em ordem ${\n            sortDirection === \"asc\" ? \"ascendente\" : \"descendente\"\n          }`,\n  },\n  ToastProvider: {\n    label: \"Notificação\",\n  },\n  ToastViewport: {\n    label: \"Notificações ({hotkey})\",\n  },\n};\n"],"names":["dateFnsPt"],"mappings":";;AAKO,MAAM,KAAyB;AAAA,EACpC,aAAa;AAAA,EACb,eAAeA;AAAAA,EACf,aAAa;AAAA,IACX,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAAA;AAAA,EAElB,aAAa;AAAA,IACX,cAAc;AAAA,EAAA;AAAA,EAEhB,aAAa;AAAA,IACX,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,eAAe;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,sBAAsB;AAAA,EAAA;AAAA,EAExB,WAAW;AAAA,IACT,cAAc;AAAA,EAAA;AAAA,EAEhB,iBAAiB;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAAA,EAEf,qBAAqB;AAAA,IACnB,WAAW,CAAC,OAAO,UACjB,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACa;AAAA,MAAM;AAAA,MAAU;AAAA,IAAA,GAC/B;AAAA,IAEF,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,EAAA;AAAA,EAEvB,sBAAsB;AAAA,IACpB,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,IACT,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,qBAAqB,CAAC,cAAc,aAClC,WACI,eACE,mDAAmD,YAAY,KAC/D,0CACF,eACE,0CAA0C,YAAY,KACtD;AAAA,EAAA;AAAA,EAEV,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,qBAAqB,CAAC,mBAAmB,aACvC,WACI,oBACE,iEAAiE,iBAAiB,KAClF,wDACF,oBACE,wDAAwD,iBAAiB,KACzE;AAAA,EAAA;AAAA,EAEV,eAAe;AAAA,IACb,iBACE,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,0BAEC,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,GAGR;AAAA,IAEF,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,sBAAsB,CAAC,SACrB,SAAS,UAAU,UAAU,SAAS,YAAY,YAAY;AAAA,EAAA;AAAA,EAElE,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAAA,EAET,kBAAkB;AAAA,IAChB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,OAAO;AAAA,IACL,kBAAkB;AAAA,EAAA;AAAA,EAEpB,OAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EAAA;AAAA,EAErB,cAAc;AAAA,IACZ,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,gBAAgB;AAAA,EAAA;AAAA,EAElB,QAAQ;AAAA,IACN,cAAc;AAAA,EAAA;AAAA,EAEhB,aAAa;AAAA,IACX,mBAAmB;AAAA,EAAA;AAAA,EAErB,WAAW;AAAA,IACT,yBAAyB,CAAC,YAAY,kBACpC,kBAAkB,OACd,yCAAyC,UAAU,MACnD,+BAA+B,UAAU,cACvC,kBAAkB,QAAQ,eAAe,aAC3C;AAAA,EAAA;AAAA,EAER,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAEX;"}