@payloadcms/ui 3.0.0-alpha.0

package/dist/elements/Pill/index.scss

@@ -0,0 +1,158 @@
+@import '../../scss/styles.scss';
+
+.pill {
+  font-size: 1rem;
+  line-height: base(1);
+  display: inline-flex;
+  background: var(--theme-elevation-150);
+  color: var(--theme-elevation-800);
+  border-radius: $style-radius-s;
+  cursor: default;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 0;
+  padding: 0 base(0.25);
+  align-items: center;
+  flex-shrink: 0;
+
+  &--rounded {
+    border-radius: var(--style-radius-l);
+    line-height: 18px;
+    font-size: 12px;
+  }
+
+  &:active,
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+
+  .icon {
+    flex-shrink: 0;
+  }
+
+  &__label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__icon {
+    padding: calc(var(--base) / 4);
+  }
+
+  &--has-action {
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  &--is-dragging {
+    cursor: grabbing;
+  }
+
+  &--has-icon {
+    svg {
+      display: block;
+    }
+  }
+
+  [dir='rtl'] &--align-icon-left {
+    padding-right: 0;
+    padding-left: 10px;
+  }
+
+  [dir='rtl'] &--align-icon-right {
+    padding-right: 10px;
+    padding-left: 0;
+  }
+
+  &--align-icon-left {
+    padding-left: 0;
+  }
+
+  &--align-icon-right {
+    padding-right: 0;
+  }
+
+  &--style-white {
+    background: var(--theme-elevation-0);
+
+    &.pill--has-action {
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
+
+      &:active {
+        background: var(--theme-elevation-100);
+      }
+    }
+  }
+
+  &--style-light {
+    &.pill--has-action {
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
+
+      &:active {
+        background: var(--theme-elevation-100);
+      }
+    }
+  }
+
+  &--style-light-gray {
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
+  }
+
+  &--style-warning {
+    background: var(--theme-warning-500);
+  }
+
+  &--style-success {
+    background: var(--theme-success-500);
+    color: var(--color-base-800);
+  }
+
+  &--style-dark {
+    background: var(--theme-elevation-800);
+    color: var(--theme-elevation-0);
+
+    svg {
+      @include color-svg(var(--theme-elevation-0));
+    }
+
+    &.pill--has-action {
+      &:hover {
+        background: var(--theme-elevation-750);
+      }
+
+      &:active {
+        background: var(--theme-elevation-700);
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .pill {
+    &--style-error {
+      background: var(--theme-error-500);
+      color: var(--color-base-1000);
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .pill {
+    &--style-error {
+      background: var(--theme-error-250);
+      color: var(--theme-error-750);
+    }
+  }
+}

package/dist/elements/Pill/types.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from 'react';
+export type Props = {
+    alignIcon?: 'left' | 'right';
+    'aria-checked'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+    className?: string;
+    draggable?: boolean;
+    elementProps?: HTMLAttributes<HTMLElement> & {
+        ref: React.RefCallback<HTMLElement>;
+    };
+    icon?: React.ReactNode;
+    id?: string;
+    onClick?: () => void;
+    pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white';
+    rounded?: boolean;
+    to?: string;
+};
+export type RenderedTypeProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+    to: string;
+    type?: 'button';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/Pill/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Pill/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;QAC3C,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;KACpC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA"}

package/dist/elements/Popup/PopupButtonList/index.d.ts

@@ -0,0 +1,20 @@
+import type { LinkProps } from 'react-router-dom';
+import * as React from 'react';
+import './index.scss';
+export declare const ButtonGroup: React.FC<{
+    buttonSize?: 'default' | 'small';
+    children: React.ReactNode;
+    className?: string;
+    textAlign?: 'center' | 'left' | 'right';
+}>;
+type MenuButtonProps = {
+    active?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    onClick?: () => void;
+    to?: LinkProps['to'];
+};
+export declare const Button: React.FC<MenuButtonProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Popup/PopupButtonList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACxC,CAUA,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmD5C,CAAA"}

package/dist/elements/Popup/PopupButtonList/index.scss

@@ -0,0 +1,59 @@
+@import '../../../scss/styles.scss';
+
+.popup-button-list {
+  --list-button-padding: calc(var(--base) * 0.5);
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  gap: 3px;
+  [dir='rtl']
+  &__text-align--left {
+    text-align: right;
+  }
+  &__text-align--left {
+    text-align: left;
+  }
+
+  &__text-align--center {
+    text-align: center;
+  }
+  [dir='rtl']
+  &__text-align--right {
+    text-align: left;
+  }
+  &__text-align--right {
+    text-align: right;
+  }
+
+
+  &__button {
+    @extend %btn-reset;
+    padding-left: var(--list-button-padding);
+    padding-right: var(--list-button-padding);
+    padding-top: 2px;
+    padding-bottom: 2px;
+    cursor: pointer;
+    text-align: inherit;
+    line-height: var(--base);
+    text-decoration: none;
+    border-radius: 3px;
+
+    button {
+      @extend %btn-reset;
+
+      &:focus-visible {
+        outline: none;
+      }
+    }
+
+    &:hover,
+    &:focus-visible,
+    &:focus-within {
+      background-color: var(--popup-button-highlight);
+    }
+  }
+
+  &__button--selected {
+    background-color: var(--theme-elevation-150);
+  }
+}

package/dist/elements/Popup/PopupTrigger/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+export declare const PopupTrigger: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Popup/PopupTrigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCxC,CAAA"}

package/dist/elements/Popup/PopupTrigger/index.scss

@@ -0,0 +1,14 @@
+@import '../../../scss/styles.scss';
+
+.popup-button {
+  height: 100%;
+  color: currentColor;
+  padding: 0;
+  font-size: inherit;
+  line-height: inherit;
+  font-family: inherit;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  display: inline-flex;
+}

package/dist/elements/Popup/PopupTrigger/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type Props = {
+    active: boolean;
+    button: React.ReactNode;
+    buttonType: 'custom' | 'default' | 'none';
+    className?: string;
+    setActive: (active: boolean) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/Popup/PopupTrigger/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA"}

package/dist/elements/Popup/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const Popup: React.FC<Props>;
+export default Popup;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Popup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiK1B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/elements/Popup/index.scss

@@ -0,0 +1,228 @@
+@import '../../scss/styles.scss';
+
+.popup {
+  --popup-button-highlight: var(--theme-elevation-200);
+  --popup-bg: var(--theme-input-bg);
+  --popup-text: var(--theme-text);
+  --popup-caret-size: 10px;
+  --popup-x-padding: calc(var(--base) * 0.33);
+  --popup-padding: calc(var(--base) * 0.5);
+  position: relative;
+
+  &__content {
+    position: absolute;
+    background: var(--popup-bg);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    z-index: var(--z-popup);
+    max-width: calc(100vw - #{$baseline});
+    color: var(--popup-text);
+    border-radius: 4px;
+    padding-left: var(--popup-padding);
+    padding-right: var(--popup-padding);
+    min-width: var(--popup-width, auto);
+  }
+
+  &__hide-scrollbar {
+    overflow: hidden;
+  }
+
+  &__scroll-container {
+    overflow-y: auto;
+    white-space: nowrap;
+    width: calc(100% + var(--scrollbar-width));
+    padding-top: var(--popup-padding);
+    padding-bottom: var(--popup-padding);
+  }
+
+  &__scroll-content {
+    width: calc(100% - var(--scrollbar-width));
+  }
+
+  &--show-scrollbar {
+    .popup__scroll-container,
+    .popup__scroll-content {
+      width: 100%;
+    }
+  }
+
+  &:focus,
+  &:active {
+    outline: none;
+  }
+
+  ////////////////////////////////
+  // SIZE
+  ////////////////////////////////
+
+  &--size-small {
+    --popup-width: 100px;
+    .popup__content {
+      @include shadow-m;
+    }
+  }
+
+  &--size-medium {
+    --popup-width: 150px;
+    .popup__content {
+      @include shadow-lg;
+    }
+  }
+
+  &--size-large {
+    --popup-width: 200px;
+    .popup__content {
+      @include shadow-lg;
+    }
+  }
+
+  ////////////////////////////////
+  // HORIZONTAL ALIGNMENT
+  ////////////////////////////////
+  [dir='rtl']
+  &--h-align-left {
+    .popup__caret {
+      right: var(--popup-padding);
+      left: unset
+    }
+  }
+  &--h-align-left {
+    .popup__caret {
+      left: var(--popup-padding);
+    }
+  }
+  &--h-align-center {
+    .popup__content {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    .popup__caret {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+
+  [dir='rtl']
+  &--h-align-right {
+    .popup__content {
+      right: unset;
+      left:0
+    }
+
+    .popup__caret {
+      right: unset;
+      left: var(--popup-padding)
+    }
+  }
+
+  &--h-align-right {
+    .popup__content {
+      right: 0;
+    }
+
+    .popup__caret {
+      right: var(--popup-padding);
+    }
+  }
+
+  ////////////////////////////////
+  // VERTICAL ALIGNMENT
+  ////////////////////////////////
+
+  &__caret {
+    position: absolute;
+    border: var(--popup-caret-size) solid transparent;
+  }
+
+  &--v-align-top {
+    .popup__content {
+      @include shadow-lg;
+      bottom: calc(100% + var(--popup-caret-size));
+    }
+
+    .popup__caret {
+      top: calc(100% - 1px);
+      border-top-color: var(--popup-bg);
+    }
+  }
+
+  &--v-align-bottom {
+    .popup__content {
+      @include shadow-lg-top;
+      top: calc(100% + var(--popup-caret-size));
+    }
+
+    .popup__caret {
+      bottom: calc(100% - 1px);
+      border-bottom-color: var(--popup-bg);
+    }
+  }
+
+  ////////////////////////////////
+  // ACTIVE
+  ////////////////////////////////
+
+  &--active {
+    .popup__content {
+      opacity: 1;
+      visibility: visible;
+      pointer-events: all;
+    }
+  }
+
+  @include mid-break {
+    --popup-padding: calc(var(--base) * 0.25);
+
+    &--h-align-center {
+      .popup__content {
+        left: 50%;
+        transform: translateX(-0%);
+      }
+
+      .popup__caret {
+        left: 50%;
+        transform: translateX(-0%);
+      }
+    }
+
+    &--h-align-right {
+      .popup__content {
+        right: 0;
+      }
+
+      .popup__caret {
+        right: var(--popup-padding);
+      }
+    }
+
+    &--force-h-align-left {
+      .popup__content {
+        left: 0;
+        right: unset;
+        transform: unset;
+      }
+
+      .popup__caret {
+        left: var(--popup-padding);
+        right: unset;
+        transform: unset;
+      }
+    }
+
+    &--force-h-align-right {
+      .popup__content {
+        right: 0;
+        left: unset;
+        transform: unset;
+      }
+
+      .popup__caret {
+        right: var(--popup-padding);
+        left: unset;
+        transform: unset;
+      }
+    }
+  }
+}

package/dist/elements/Popup/types.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties } from 'react';
+export type Props = {
+    backgroundColor?: CSSProperties['backgroundColor'];
+    boundingRef?: React.MutableRefObject<HTMLElement>;
+    button?: React.ReactNode;
+    buttonClassName?: string;
+    buttonType?: 'custom' | 'default' | 'none';
+    caret?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    forceOpen?: boolean;
+    horizontalAlign?: 'center' | 'left' | 'right';
+    initActive?: boolean;
+    onToggleOpen?: (active: boolean) => void;
+    render?: (any: any) => React.ReactNode;
+    showOnHover?: boolean;
+    showScrollbar?: boolean;
+    size?: 'fit-content' | 'large' | 'medium' | 'small';
+    verticalAlign?: 'bottom' | 'top';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/Popup/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,KAAK,CAAC,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CACjC,CAAA"}

package/dist/elements/PreviewButton/index.d.ts

@@ -0,0 +1,10 @@
+import type { GeneratePreviewURL } from 'payload/config';
+import type { CustomPreviewButtonProps } from 'payload/types';
+import React from 'react';
+type Props = {
+    CustomComponent?: CustomPreviewButtonProps;
+    generatePreviewURL?: GeneratePreviewURL;
+};
+declare const PreviewButton: React.FC<Props>;
+export default PreviewButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/PreviewButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,eAAe,CAAA;AAExF,OAAO,KAAwC,MAAM,OAAO,CAAA;AA+B5D,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDlC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/elements/PreviewSizes/index.d.ts

@@ -0,0 +1,18 @@
+import type { Data, FileSize, SanitizedCollectionConfig } from 'payload/types';
+import React from 'react';
+import './index.scss';
+type FileInfo = FileSize & {
+    url: string;
+};
+type FilesSizesWithUrl = {
+    [key: string]: FileInfo;
+};
+declare const PreviewSizes: React.FC<{
+    doc: Data & {
+        sizes?: FilesSizesWithUrl;
+    };
+    imageCacheTag?: string;
+    uploadConfig: SanitizedCollectionConfig['upload'];
+}>;
+export default PreviewSizes;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/PreviewSizes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,QAAQ,EACR,yBAAyB,EAE1B,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAG3D,OAAO,cAAc,CAAA;AAIrB,KAAK,QAAQ,GAAG,QAAQ,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AAsDD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,GAAG,EAAE,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAC1B,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CA4EA,CAAA;AACD,eAAe,YAAY,CAAA"}