siam-ui-utils 3.1.4 → 3.2.0

package/dist/drag-and-dropzone/index.css

@@ -1,276 +1,271 @@
-@keyframes passing-through {
-  0% {
-    opacity: 0;
-    transform: translateY(40px);
-  }
-  30%,
-  70% {
-    opacity: 1;
-    transform: translateY(0px);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-40px);
-  }
-}
-@keyframes slide-in {
-  0% {
-    opacity: 0;
-    transform: translateY(40px);
-  }
-  30% {
-    opacity: 1;
-    transform: translateY(0px);
-  }
-}
-@keyframes pulse {
-  0% {
-    transform: scale(1);
-  }
-  10% {
-    transform: scale(1.1);
-  }
-  20% {
-    transform: scale(1);
-  }
-}
-.dropzone,
-.dropzone * {
-  box-sizing: border-box;
-}
-.dropzone {
-  min-height: 150px;
-  border: 1px solid rgba(0, 0, 0, 0.8);
-  border-radius: 5px;
-  padding: 20px 20px;
-}
-.dropzone.dz-clickable {
-  cursor: pointer;
-}
-.dropzone.dz-clickable * {
-  cursor: default;
-}
-.dropzone.dz-clickable .dz-message,
-.dropzone.dz-clickable .dz-message * {
-  cursor: pointer;
-}
-.dropzone.dz-started .dz-message {
-  display: none;
-}
-.dropzone.dz-drag-hover {
-  border-style: solid;
-}
-.dropzone.dz-drag-hover .dz-message {
-  opacity: 0.5;
-}
-.dropzone .dz-message {
-  text-align: center;
-  margin: 3em 0;
-}
-.dropzone .dz-message .dz-button {
-  background: none;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
-}
-.dropzone .dz-preview {
-  position: relative;
-  display: inline-block;
-  vertical-align: top;
-  margin: 16px;
-  min-height: 100px;
-}
-.dropzone .dz-preview:hover {
-  z-index: 1000;
-}
-.dropzone .dz-preview:hover .dz-details {
-  opacity: 1;
-}
-.dropzone .dz-preview.dz-file-preview .dz-image {
-  border-radius: 20px;
-  background: #999;
-  background: linear-gradient(to bottom, #eee, #ddd);
-}
-.dropzone .dz-preview.dz-file-preview .dz-details {
-  opacity: 1;
-}
-.dropzone .dz-preview.dz-image-preview {
-  background: #fff;
-}
-.dropzone .dz-preview.dz-image-preview .dz-details {
-  transition: opacity 0.2s linear;
-}
-.dropzone .dz-preview .dz-remove {
-  font-size: 14px;
-  text-align: center;
-  display: block;
-  cursor: pointer;
-  border: none;
-}
-
-.dropzone .dz-preview:hover .dz-details {
-  opacity: 1;
-}
-.dropzone .dz-preview .dz-details {
-  z-index: 20;
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  font-size: 13px;
-  min-width: 100%;
-  max-width: 100%;
-  padding: 2em 1em;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.9);
-  line-height: 150%;
-}
-.dropzone .dz-preview .dz-details .dz-size {
-  margin-bottom: 1em;
-  font-size: 16px;
-}
-.dropzone .dz-preview .dz-details .dz-filename {
-  white-space: nowrap;
-}
-.dropzone .dz-preview .dz-details .dz-filename:hover span {
-  border: 1px solid rgba(200, 200, 200, 0.8);
-  background-color: rgba(255, 255, 255, 0.8);
-}
-.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
-  border: 1px solid transparent;
-}
-.dropzone .dz-preview .dz-details .dz-filename span,
-.dropzone .dz-preview .dz-details .dz-size span {
-  background-color: rgba(255, 255, 255, 0.4);
-  padding: 0 0.4em;
-  border-radius: 3px;
-}
-.dropzone .dz-preview:hover .dz-image img {
-  transform: scale(1.05, 1.05);
-  filter: blur(8px);
-}
-.dropzone .dz-preview .dz-image {
-  border-radius: 20px;
-  overflow: hidden;
-  width: 120px;
-  height: 120px;
-  position: relative;
-  display: block;
-  z-index: 10;
-}
-.dropzone .dz-preview .dz-image img {
-  display: block;
-}
-.dropzone .dz-preview.dz-success .dz-success-mark {
-  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-}
-.dropzone .dz-preview.dz-error .dz-error-mark {
-  opacity: 1;
-  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-}
-.dropzone .dz-preview .dz-success-mark,
-.dropzone .dz-preview .dz-error-mark {
-  pointer-events: none;
-  opacity: 0;
-  z-index: 500;
-  position: absolute;
-  display: block;
-  top: 50%;
-  left: 50%;
-  margin-left: -27px;
-  margin-top: -27px;
-  background: rgba(0, 0, 0, 0.8);
-  border-radius: 50%;
-}
-.dropzone .dz-preview .dz-success-mark svg,
-.dropzone .dz-preview .dz-error-mark svg {
-  display: block;
-  width: 54px;
-  height: 54px;
-  fill: #fff;
-}
-.dropzone .dz-preview.dz-processing .dz-progress {
-  opacity: 1;
-  transition: all 0.2s linear;
-}
-.dropzone .dz-preview.dz-complete .dz-progress {
-  opacity: 0;
-  transition: opacity 0.4s ease-in;
-}
-.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-  animation: pulse 6s ease infinite;
-}
-.dropzone .dz-preview .dz-progress {
-  opacity: 1;
-  z-index: 1000;
-  pointer-events: none;
-  position: absolute;
-  height: 20px;
-  top: 50%;
-  margin-top: -10px;
-  left: 15%;
-  right: 15%;
-  border: 3px solid rgba(0, 0, 0, 0.8);
-  background: rgba(0, 0, 0, 0.8);
-  border-radius: 10px;
-  overflow: hidden;
-}
-.dropzone .dz-preview .dz-progress .dz-upload {
-  background: #fff;
-  display: block;
-  position: relative;
-  height: 100%;
-  width: 0;
-  transition: width 300ms ease-in-out;
-  border-radius: 17px;
-}
-.dropzone .dz-preview.dz-error .dz-error-message {
-  display: block;
-}
-.dropzone .dz-preview.dz-error:hover .dz-error-message {
-  opacity: 1;
-  pointer-events: auto;
-}
-.dropzone .dz-preview .dz-error-message {
-  pointer-events: none;
-  z-index: 1000;
-  position: absolute;
-  display: block;
-  display: none;
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  border-radius: 8px;
-  font-size: 13px;
-  top: 130px;
-  left: -10px;
-  width: 140px;
-  background: #b10606;
-  padding: 0.5em 1em;
-  color: #fff;
-}
-.dropzone .dz-preview .dz-error-message:after {
-  content: '';
-  position: absolute;
-  top: -6px;
-  left: 64px;
-  width: 0;
-  height: 0;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid #b10606;
-}
-
-.dz-progress {
-  display: none;
-}
-
-.dropzone .dz-preview {
-  margin: 0;
-}
+/* ── Drop zone container ─────────────────────────────────────────── */
+.filepicker.dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  min-height: 120px;
+  padding: 12px;
+  border: 1px solid var(--dz-border, #D6D6D6);
+  border-radius: 12px;
+  background-color: #fff;
+  cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease,
+    box-shadow 0.2s ease;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+
+.filepicker.dropzone.dz-clickable:hover {
+  border-color: var(--dz-primary, #016E6C);
+}
+
+.filepicker.dropzone.dz-drag-hover {
+  border-color: var(--dz-primary, #016E6C);
+  border-style: dashed;
+  background-color: var(--dz-active-bg, #E6F1F1);
+}
+
+.filepicker.dropzone.dz-disabled-zone {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+
+/* ── Default message (empty state) ──────────────────────────────── */
+.filepicker.dropzone .dz-message {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 96px;
+  color: var(--dz-primary, #016E6C);
+  pointer-events: none;
+}
+
+/* Upload icon — circle bubble with upload arrow centered */
+.filepicker.dropzone .dz-message::before {
+  content: '';
+  display: block;
+  width: 40px;
+  height: 40px;
+  flex-shrink: 0;
+  border-radius: 50%;
+  background-color: var(--dz-active-bg, #E6F1F1);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23016E6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20px 20px;
+}
+
+.filepicker.dropzone .dz-message .dz-button {
+  background: none;
+  border: none;
+  padding: 0;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--dz-primary, #016E6C);
+  cursor: pointer;
+}
+
+.filepicker.dropzone .dz-message .dz-button::after {
+  content: 'Arrastrá archivos aquí o hacé clic para seleccionar';
+}
+
+.filepicker.dropzone.dz-started .dz-message {
+  display: none;
+}
+
+/* ── Preview list ────────────────────────────────────────────────── */
+.filepicker.dropzone .dz-preview {
+  width: 100%;
+  animation: dz-slide-in 0.18s ease;
+}
+
+.filepicker.dropzone .dz-preview + .dz-preview {
+  margin-top: 6px;
+}
+
+@keyframes dz-slide-in {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+/* ── Preview row ─────────────────────────────────────────────────── */
+.dz-preview-inner {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  border: 1px solid var(--dz-border, #D6D6D6);
+  border-radius: 8px;
+  background: #fff;
+  position: relative;
+  transition: border-color 0.15s ease;
+}
+
+.dz-preview.dz-error .dz-preview-inner {
+  border-color: var(--dz-error, #FE4727);
+}
+
+/* ── Thumbnail ───────────────────────────────────────────────────── */
+.dz-preview-thumb {
+  flex-shrink: 0;
+  width: 44px;
+  height: 44px;
+  border-radius: 8px;
+  overflow: hidden;
+  background-color: var(--dz-active-bg, #E6F1F1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.dz-preview-thumb img[data-dz-thumbnail] {
+  width: 44px;
+  height: 44px;
+  object-fit: cover;
+  display: none;
+  border-radius: 8px;
+}
+
+.dz-image-preview .dz-preview-thumb img[data-dz-thumbnail] {
+  display: block;
+}
+
+.dz-image-preview .dz-preview-thumb .dz-file-icon {
+  display: none;
+}
+
+/* File icon via mask so it respects --dz-primary */
+.dz-file-icon {
+  width: 44px;
+  height: 44px;
+  background-color: var(--dz-primary, #016E6C);
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
+  -webkit-mask-size: 18px 18px;
+  mask-size: 18px 18px;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+}
+
+/* ── Success / error mark overlays ──────────────────────────────── */
+.dz-success-mark,
+.dz-error-mark {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.dz-success-mark { background: rgba(1, 110, 108, 0.80); }
+.dz-error-mark   { background: rgba(254, 71, 39, 0.80); }
+
+.dz-success-mark svg,
+.dz-error-mark svg {
+  width: 18px;
+  height: 18px;
+  color: #fff;
+}
+
+.dz-preview.dz-success .dz-success-mark {
+  opacity: 1;
+  animation: dz-fade-out 2s ease 0.5s forwards;
+}
+.dz-preview.dz-error .dz-error-mark {
+  opacity: 1;
+}
+
+@keyframes dz-fade-out {
+  to { opacity: 0; }
+}
+
+/* ── File info ───────────────────────────────────────────────────── */
+.dz-preview-info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.dz-filename {
+  font-size: 12px;
+  font-weight: 500;
+  color: #545454;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dz-filesize {
+  font-size: 11px;
+  color: #A9A9A9;
+}
+
+/* ── Progress bar ────────────────────────────────────────────────── */
+.dz-progress {
+  height: 3px;
+  border-radius: 2px;
+  background: var(--dz-border, #D6D6D6);
+  overflow: hidden;
+  margin-top: 4px;
+  display: none;
+}
+
+.dz-preview.dz-processing .dz-progress { display: block; }
+
+.dz-upload {
+  display: block;
+  height: 100%;
+  background: var(--dz-primary, #016E6C);
+  border-radius: 2px;
+  width: 0;
+  transition: width 300ms ease;
+}
+
+/* ── Error message ───────────────────────────────────────────────── */
+.dz-error-message {
+  display: none;
+  font-size: 11px;
+  color: var(--dz-error, #FE4727);
+  margin-top: 2px;
+}
+
+.dz-preview.dz-error .dz-error-message { display: block; }
+
+/* ── Remove button ───────────────────────────────────────────────── */
+.dz-remove-btn {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--dz-error, #FE4727);
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+  padding: 0;
+}
+
+.dz-remove-btn:hover {
+  background-color: rgba(254, 71, 39, 0.08);
+}
+
+.dz-remove-btn svg {
+  width: 13px;
+  height: 13px;
+}

package/dist/drag-and-dropzone/index.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
+import { useTheme } from "styled-components";
 import DropzoneComponent from "./DropzoneComponent.js";
-import { dropzoneConfig, dropzoneComponentConfig } from "./config.js";
+import { dropzoneComponentConfig, buildDropzoneConfig } from "./config.js";
 import "./index.css";
 const DragAndDropZone = ({
   files = [],
@@ -12,24 +13,37 @@ const DragAndDropZone = ({
   },
   className = ""
 }) => {
-  const _className = className + disableUpload === true ? "dz-disable" : "dz-eneable";
+  const theme = useTheme();
+  const primaryColor = theme?.colors?.primary?.base ?? "#016E6C";
+  const borderColor = theme?.colors?.neutral?.borderLight ?? "#D6D6D6";
+  const surfaceHover = theme?.colors?.primary?.surfaceHover ?? "#E6F1F1";
+  const errorColor = theme?.colors?.error?.base ?? "#FE4727";
+  const stateClass = disableUpload ? "dz-disabled-zone" : "";
+  const combinedClass = [className, stateClass].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(
-    DropzoneComponent,
+    "div",
     {
-      config: dropzoneComponentConfig,
-      initialFiles: [files],
-      className: _className,
-      djsConfig: dropzoneConfig,
-      eventHandlers: {
-        removedfile: (file) => {
-          onDeleteFile(file);
+      style: {
+        "--dz-primary": primaryColor,
+        "--dz-border": borderColor,
+        "--dz-active-bg": surfaceHover,
+        "--dz-error": errorColor
+      },
+      children: /* @__PURE__ */ jsx(
+        DropzoneComponent,
+        {
+          config: dropzoneComponentConfig,
+          initialFiles: [files],
+          className: combinedClass,
+          djsConfig: buildDropzoneConfig({ disabled: disableUpload }),
+          eventHandlers: {
+            removedfile: (file) => onDeleteFile(file),
+            addedfile: (file) => onInsertFile(file)
+          }
         },
-        addedfile: (file) => {
-          onInsertFile(file);
-        }
-      }
-    },
-    keyDc
+        keyDc
+      )
+    }
   );
 };
 export {

package/dist/drag-and-dropzone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/drag-and-dropzone/index.jsx"],"sourcesContent":["import DropzoneComponent from './DropzoneComponent';\r\nimport { dropzoneComponentConfig, dropzoneConfig } from './config';\r\nimport './index.css';\r\n\r\nexport const DragAndDropZone = ({\r\n  files = [],\r\n  keyDc = null,\r\n  disableUpload = false,\r\n  onDeleteFile = () => {},\r\n  onInsertFile = () => {},\r\n  className = '',\r\n}) => {\r\n  const _className =\r\n    className + disableUpload === true ? 'dz-disable' : 'dz-eneable';\r\n  return (\r\n    <DropzoneComponent\r\n      key={keyDc}\r\n      config={dropzoneComponentConfig}\r\n      initialFiles={[files]}\r\n      className={_className}\r\n      djsConfig={dropzoneConfig}\r\n      eventHandlers={{\r\n        removedfile: (file) => {\r\n          onDeleteFile(file);\r\n        },\r\n        addedfile: (file) => {\r\n          onInsertFile(file);\r\n        },\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default DragAndDropZone;\r\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAQ,CAAA;AAAA,EACR,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY;AACd,MAAM;AACJ,QAAM,aACJ,YAAY,kBAAkB,OAAO,eAAe;AACtD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,QAAQ;AAAA,MACR,cAAc,CAAC,KAAK;AAAA,MACpB,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAe;AAAA,QACb,aAAa,CAAC,SAAS;AACrB,uBAAa,IAAI;AAAA,QACnB;AAAA,QACA,WAAW,CAAC,SAAS;AACnB,uBAAa,IAAI;AAAA,QACnB;AAAA,MAAA;AAAA,IACF;AAAA,IAZK;AAAA,EAAA;AAeX;"}
+{"version":3,"file":"index.js","sources":["../../src/drag-and-dropzone/index.jsx"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport DropzoneComponent from './DropzoneComponent';\nimport { dropzoneComponentConfig, buildDropzoneConfig } from './config';\nimport './index.css';\n\nexport const DragAndDropZone = ({\n  files = [],\n  keyDc = null,\n  disableUpload = false,\n  onDeleteFile = () => {},\n  onInsertFile = () => {},\n  className = '',\n}) => {\n  const theme = useTheme();\n  const primaryColor = theme?.colors?.primary?.base ?? '#016E6C';\n  const borderColor = theme?.colors?.neutral?.borderLight ?? '#D6D6D6';\n  const surfaceHover = theme?.colors?.primary?.surfaceHover ?? '#E6F1F1';\n  const errorColor = theme?.colors?.error?.base ?? '#FE4727';\n\n  const stateClass = disableUpload ? 'dz-disabled-zone' : '';\n  const combinedClass = [className, stateClass].filter(Boolean).join(' ');\n\n  return (\n    <div\n      style={{\n        '--dz-primary': primaryColor,\n        '--dz-border': borderColor,\n        '--dz-active-bg': surfaceHover,\n        '--dz-error': errorColor,\n      }}\n    >\n      <DropzoneComponent\n        key={keyDc}\n        config={dropzoneComponentConfig}\n        initialFiles={[files]}\n        className={combinedClass}\n        djsConfig={buildDropzoneConfig({ disabled: disableUpload })}\n        eventHandlers={{\n          removedfile: (file) => onDeleteFile(file),\n          addedfile: (file) => onInsertFile(file),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default DragAndDropZone;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAQ,CAAA;AAAA,EACR,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY;AACd,MAAM;AACJ,QAAM,QAAQ,SAAA;AACd,QAAM,eAAe,OAAO,QAAQ,SAAS,QAAQ;AACrD,QAAM,cAAc,OAAO,QAAQ,SAAS,eAAe;AAC3D,QAAM,eAAe,OAAO,QAAQ,SAAS,gBAAgB;AAC7D,QAAM,aAAa,OAAO,QAAQ,OAAO,QAAQ;AAEjD,QAAM,aAAa,gBAAgB,qBAAqB;AACxD,QAAM,gBAAgB,CAAC,WAAW,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,kBAAkB;AAAA,QAClB,cAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,QAAQ;AAAA,UACR,cAAc,CAAC,KAAK;AAAA,UACpB,WAAW;AAAA,UACX,WAAW,oBAAoB,EAAE,UAAU,eAAe;AAAA,UAC1D,eAAe;AAAA,YACb,aAAa,CAAC,SAAS,aAAa,IAAI;AAAA,YACxC,WAAW,CAAC,SAAS,aAAa,IAAI;AAAA,UAAA;AAAA,QACxC;AAAA,QARK;AAAA,MAAA;AAAA,IASP;AAAA,EAAA;AAGN;"}