@payloadcms/ui 3.0.0-canary.78bbed6 → 3.0.0-canary.79ab53e

package/dist/fields/Upload/HasMany/index.scss

@@ -4,68 +4,24 @@
   position: relative;
   max-width: 100%;
 
-  &__controls {
-    display: flex;
-    flex-wrap: wrap;
-    gap: base(2);
-    margin-top: base(1);
-
-    @include extra-small-break {
-      gap: base(1);
-    }
-  }
-
-  &__buttons {
-    display: flex;
-    flex-wrap: wrap;
-    gap: base(1);
-
-    & .relationship-add-new__add-button {
-      padding: 0;
-    }
-  }
-
-  &__add-new {
-    display: flex;
-    gap: base(0.5);
-  }
-
-  &__clear-all {
-    all: unset;
-    flex-shrink: 0;
-    font-size: inherit;
-    font-family: inherit;
-    color: inherit;
-    cursor: pointer;
-    margin-inline-start: auto;
-    color: var(--theme-elevation-800);
-
-    @include extra-small-break {
-      margin-inline-start: 0;
-    }
-  }
-
   &__draggable-rows {
     display: flex;
     flex-direction: column;
-    gap: 0.25rem;
+    gap: calc(var(--base) / 4);
   }
 
-  &__no-data {
-    background: var(--theme-elevation-50);
-    padding: 1rem 0.75rem;
-    border-radius: 3px;
-    color: var(--theme-elevation-700);
-    text-align: center;
-  }
-}
+  &__dragItem {
+    .icon--drag-handle {
+      color: var(--theme-elevation-400);
+    }
 
-html[data-theme='light'] {
-  .upload {
-  }
-}
+    .thumbnail {
+      width: 26px;
+      height: 26px;
+    }
 
-html[data-theme='dark'] {
-  .upload {
+    .uploadDocRelationshipContent__details {
+      line-height: 1.2;
+    }
   }
 }

package/dist/fields/Upload/HasOne/index.d.ts

@@ -1,12 +1,16 @@
-import type { UploadFieldProps } from 'payload';
+import type { JsonObject } from 'payload';
 import React from 'react';
-import type { useField } from '../../../forms/useField/index.js';
 import './index.scss';
-export type UploadFieldPropsWithContext<TValue extends string | string[] = string> = {
-    readonly canCreate: boolean;
-    readonly disabled: boolean;
-    readonly fieldHookResult: ReturnType<typeof useField<TValue>>;
-    readonly onChange: (value: unknown) => void;
-} & UploadFieldProps;
-export declare const UploadComponentHasOne: React.FC<UploadFieldPropsWithContext>;
+type Props = {
+    readonly className?: string;
+    readonly fileDoc: {
+        relationTo: string;
+        value: JsonObject;
+    };
+    readonly onRemove?: () => void;
+    readonly readonly?: boolean;
+    readonly serverURL: string;
+};
+export declare function UploadComponentHasOne(props: Props): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Upload/HasOne/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAIhE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,2BAA2B,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,IAAI;IACnF,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,eAAe,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,GAAG,gBAAgB,CAAA;AAEpB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwDvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,UAAU,CAAA;KAClB,CAAA;IACD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,qBAgCjD"}

package/dist/fields/Upload/HasOne/index.js

@@ -1,131 +1,47 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useConfig } from '../../../providers/Config/index.js';
-import { UploadInputHasOne } from './Input.js';
+import { RelationshipContent } from '../RelationshipContent/index.js';
+import { UploadCard } from '../UploadCard/index.js';
 import './index.scss';
-export const UploadComponentHasOne = props => {
-  const $ = _c(23);
-  const {
-    canCreate,
-    descriptionProps,
-    disabled,
-    errorProps,
-    field,
-    field: t0,
-    fieldHookResult,
-    labelProps,
-    onChange
-  } = props;
-  const {
-    admin: t1,
-    label,
-    relationTo,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
+const baseClass = 'upload upload--has-one';
+export function UploadComponentHasOne(props) {
   const {
     className,
-    style,
-    width
-  } = t2;
-  const {
-    config: t3
-  } = useConfig();
-  const {
-    collections,
-    routes: t4,
+    fileDoc,
+    onRemove,
+    readonly,
     serverURL
-  } = t3;
+  } = props;
   const {
-    api: apiRoute
-  } = t4;
-  if (typeof relationTo === "string") {
-    let t5;
-    if ($[2] !== relationTo || $[3] !== collections || $[4] !== field || $[5] !== canCreate || $[6] !== apiRoute || $[7] !== className || $[8] !== descriptionProps || $[9] !== errorProps || $[10] !== fieldHookResult || $[11] !== label || $[12] !== labelProps || $[13] !== onChange || $[14] !== disabled || $[15] !== required || $[16] !== serverURL || $[17] !== style || $[18] !== width) {
-      t5 = Symbol.for("react.early_return_sentinel");
-      bb0: {
-        let t6;
-        if ($[20] !== relationTo) {
-          t6 = coll => coll.slug === relationTo;
-          $[20] = relationTo;
-          $[21] = t6;
-        } else {
-          t6 = $[21];
-        }
-        const collection = collections.find(t6);
-        if (collection.upload) {
-          t5 = _jsx(UploadInputHasOne, {
-            Description: field?.admin?.components?.Description,
-            Error: field?.admin?.components?.Error,
-            Label: field?.admin?.components?.Label,
-            allowNewUpload: canCreate,
-            api: apiRoute,
-            className,
-            collection,
-            descriptionProps,
-            errorProps,
-            filterOptions: fieldHookResult.filterOptions,
-            label,
-            labelProps,
-            onChange,
-            readOnly: disabled,
-            relationTo,
-            required,
-            serverURL,
-            showError: fieldHookResult.showError,
-            style,
-            value: fieldHookResult.value,
-            width
-          });
-          break bb0;
-        }
-      }
-      $[2] = relationTo;
-      $[3] = collections;
-      $[4] = field;
-      $[5] = canCreate;
-      $[6] = apiRoute;
-      $[7] = className;
-      $[8] = descriptionProps;
-      $[9] = errorProps;
-      $[10] = fieldHookResult;
-      $[11] = label;
-      $[12] = labelProps;
-      $[13] = onChange;
-      $[14] = disabled;
-      $[15] = required;
-      $[16] = serverURL;
-      $[17] = style;
-      $[18] = width;
-      $[19] = t5;
-    } else {
-      t5 = $[19];
-    }
-    if (t5 !== Symbol.for("react.early_return_sentinel")) {
-      return t5;
-    }
-  } else {
-    let t5;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = _jsx("div", {
-        children: "Polymorphic Has One Uploads Go Here"
-      });
-      $[22] = t5;
-    } else {
-      t5 = $[22];
-    }
-    return t5;
+    relationTo,
+    value
+  } = fileDoc;
+  const id = String(value.id);
+  const url = value.thumbnailURL || value.url;
+  let src;
+  try {
+    src = new URL(url, serverURL).toString();
+  } catch {
+    src = `${serverURL}${url}`;
   }
-  return null;
-};
+  return /*#__PURE__*/_jsx(UploadCard, {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsx(RelationshipContent, {
+      allowEdit: !readonly,
+      allowRemove: !readonly,
+      alt: value?.alt || value?.filename,
+      byteSize: value.filesize,
+      collectionSlug: relationTo,
+      filename: value.filename,
+      id: id,
+      mimeType: value?.mimeType,
+      onRemove: onRemove,
+      src: src,
+      x: value?.width,
+      y: value?.height
+    })
+  });
+}
 //# sourceMappingURL=index.js.map

package/dist/fields/Upload/HasOne/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useConfig","UploadInputHasOne","UploadComponentHasOne","props","$","canCreate","descriptionProps","disabled","errorProps","field","t0","fieldHookResult","labelProps","onChange","admin","t1","label","relationTo","required","t2","undefined","className","style","width","config","t3","collections","routes","t4","serverURL","api","apiRoute","t5","Symbol","for","t6","coll","slug","collection","find","upload","_jsx","Description","components","Error","Label","allowNewUpload","filterOptions","readOnly","showError","value","children"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport type { useField } from '../../../forms/useField/index.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { UploadInputHasOne } from './Input.js'\nimport './index.scss'\n\nexport type UploadFieldPropsWithContext<TValue extends string | string[] = string> = {\n  readonly canCreate: boolean\n  readonly disabled: boolean\n  readonly fieldHookResult: ReturnType<typeof useField<TValue>>\n  readonly onChange: (value: unknown) => void\n} & UploadFieldProps\n\nexport const UploadComponentHasOne: React.FC<UploadFieldPropsWithContext> = (props) => {\n  const {\n    canCreate,\n    descriptionProps,\n    disabled,\n    errorProps,\n    field,\n    field: { admin: { className, style, width } = {}, label, relationTo, required },\n    fieldHookResult,\n    labelProps,\n    onChange,\n  } = props\n\n  const {\n    config: {\n      collections,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  if (typeof relationTo === 'string') {\n    const collection = collections.find((coll) => coll.slug === relationTo)\n\n    if (collection.upload) {\n      return (\n        <UploadInputHasOne\n          Description={field?.admin?.components?.Description}\n          Error={field?.admin?.components?.Error}\n          Label={field?.admin?.components?.Label}\n          allowNewUpload={canCreate}\n          api={apiRoute}\n          className={className}\n          collection={collection}\n          descriptionProps={descriptionProps}\n          errorProps={errorProps}\n          filterOptions={fieldHookResult.filterOptions}\n          label={label}\n          labelProps={labelProps}\n          onChange={onChange}\n          readOnly={disabled}\n          relationTo={relationTo}\n          required={required}\n          serverURL={serverURL}\n          showError={fieldHookResult.showError}\n          style={style}\n          value={fieldHookResult.value}\n          width={width}\n        />\n      )\n    }\n  } else {\n    return <div>Polymorphic Has One Uploads Go Here</div>\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const { className, fileDoc, onRemove, readonly, serverURL } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value.id)\n\n  const url: string = value.thumbnailURL || value.url\n  let src: string\n\n  try {\n    src = new URL(url, serverURL).toString()\n  } catch {\n    src = `${serverURL}${url}`\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        src={src}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAC9D,MAAM;IAAEM,UAAU;IAAEC;EAAK,CAAE,GAAGL,OAAA;EAC9B,MAAMM,EAAA,GAAKC,MAAA,CAAOF,KAAA,CAAMC,EAAE;EAE1B,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAAClB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACe,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACnB,mBAAA;MACCuB,SAAA,EAAW,CAACf,QAAA;MACZgB,WAAA,EAAa,CAAChB,QAAA;MACdiB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBvB,QAAA,EAAUA,QAAA;MACVS,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}

package/dist/fields/Upload/HasOne/index.scss

@@ -3,73 +3,4 @@
 .upload {
   position: relative;
   max-width: 100%;
-
-  &__wrap {
-    background: var(--theme-elevation-50);
-    padding: base(1.6);
-    border-radius: $style-radius-s;
-  }
-
-  &__buttons {
-    width: calc(100% + #{base(0.5)});
-    flex-wrap: wrap;
-    display: flex;
-    align-items: center;
-    gap: base(0.4);
-
-    .btn {
-      margin: 0;
-    }
-  }
-
-  &__toggler {
-    min-width: base(7);
-  }
-
-  @include mid-break {
-    &__wrap {
-      padding: base(0.75);
-    }
-
-    &__toggler {
-      width: calc(100% - #{base(0.5)});
-    }
-  }
-
-  &.read-only {
-    .file-details {
-      @include readOnly;
-      color: var(--theme-elevation-600);
-    }
-  }
-}
-
-html[data-theme='light'] {
-  .upload {
-    &.error {
-      .upload__wrap {
-        @include lightInputError;
-      }
-
-      .btn--style-secondary {
-        background-color: var(--theme-error-100);
-        box-shadow: inset 0 0 0 1px var(--theme-error-500);
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .upload {
-    &.error {
-      .upload__wrap {
-        @include darkInputError;
-      }
-
-      .btn--style-secondary {
-        background-color: var(--theme-error-150);
-        box-shadow: inset 0 0 0 1px var(--theme-error-500);
-      }
-    }
-  }
 }

package/dist/fields/Upload/{HasOne/Input.d.ts → Input.d.ts}

@@ -1,11 +1,9 @@
-import type { ClientCollectionConfig, FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, FilterOptionsResult, MappedComponent, StaticDescription, StaticLabel, UploadField, UploadFieldClient } from 'payload';
+import type { ClientCollectionConfig, FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, FilterOptionsResult, MappedComponent, StaticDescription, StaticLabel, UploadFieldClient, UploadField as UploadFieldType } from 'payload';
 import type { MarkOptional } from 'ts-essentials';
 import React from 'react';
 import './index.scss';
+export declare const baseClass = "upload";
 export type UploadInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
     /**
      * Controls the visibility of the "Create new collection" button
      */
@@ -14,22 +12,29 @@ export type UploadInputProps = {
     readonly className?: string;
     readonly collection?: ClientCollectionConfig;
     readonly customUploadActions?: React.ReactNode[];
+    readonly Description?: MappedComponent;
     readonly description?: StaticDescription;
     readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly Error?: MappedComponent;
     readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>;
     readonly field?: MarkOptional<UploadFieldClient, 'type'>;
     readonly filterOptions?: FilterOptionsResult;
-    readonly label: StaticLabel;
+    readonly hasMany?: boolean;
+    readonly isSortable?: boolean;
+    readonly Label?: MappedComponent;
+    readonly label?: StaticLabel;
     readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly maxRows?: number;
     readonly onChange?: (e: any) => void;
+    readonly path: string;
     readonly readOnly?: boolean;
-    readonly relationTo?: UploadField['relationTo'];
+    readonly relationTo: UploadFieldType['relationTo'];
     readonly required?: boolean;
     readonly serverURL?: string;
     readonly showError?: boolean;
     readonly style?: React.CSSProperties;
-    readonly value?: string;
-    readonly width?: string;
+    readonly value?: (number | string)[] | (number | string);
+    readonly width?: React.CSSProperties['width'];
 };
-export declare const UploadInputHasOne: React.FC<UploadInputProps>;
+export declare function UploadInput(props: UploadInputProps): React.JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/fields/Upload/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqdlD"}