@weng-lab/ui-components 3.1.0 → 3.1.1

package/dist/ui-components.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es32.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowForwardIos.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z\"\n}), 'ArrowForwardIos');"],"names":["ArrowForwardIosIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,iBAAiB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es32.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport { debounce } from \"@mui/material/utils\";\r\n\r\n/**\r\n * Hook that monitors a container element's width changes and triggers a callback\r\n * when the width changes (debounced to avoid excessive calls).\r\n *\r\n * @param containerRef - Ref to the container element to monitor\r\n * @param callback - Function to call when width changes\r\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\r\n */\r\nexport const useContainerResize = (\r\n  containerRef: React.RefObject<HTMLDivElement | null>,\r\n  callback: () => void,\r\n  debounceMs: number = 200\r\n): void => {\r\n  const prevWidth = useRef<number>(0);\r\n\r\n  useEffect(() => {\r\n    const container = containerRef.current;\r\n    if (!container) return;\r\n\r\n    const debouncedResize = debounce(() => {\r\n      const newWidth = container.offsetWidth;\r\n\r\n      // ONLY trigger if the actual pixel width of the container changed.\r\n      // This ignores cases where the grid content expands horizontally\r\n      // but the container remains the same size.\r\n      if (newWidth !== prevWidth.current) {\r\n        prevWidth.current = newWidth;\r\n        callback();\r\n      }\r\n    }, debounceMs);\r\n\r\n    const observer = new ResizeObserver((entries) => {\r\n      for (const entry of entries) {\r\n        // Use borderBoxSize for more accurate external boundary measurement\r\n        if (entry.borderBoxSize) {\r\n          debouncedResize();\r\n        }\r\n      }\r\n    });\r\n\r\n    observer.observe(container);\r\n\r\n    return () => {\r\n      debouncedResize.clear();\r\n      observer.disconnect();\r\n    };\r\n  }, [containerRef, callback, debounceMs]);\r\n};\r\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}

package/dist/ui-components.es320.js

@@ -1,69 +1,54 @@
-import { __exports as e } from "./ui-components.es354.js";
-var R;
-function d() {
-  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(r) {
-      if (typeof r == "object" && r !== null) {
-        var m = r.$$typeof;
-        switch (m) {
-          case l:
-            switch (r = r.type, r) {
-              case n:
-              case s:
-              case o:
-              case a:
-              case E:
-              case S:
-                return r;
-              default:
-                switch (r = r && r.$$typeof, r) {
-                  case i:
-                  case u:
-                  case _:
-                  case c:
-                    return r;
-                  case f:
-                    return r;
-                  default:
-                    return m;
-                }
-            }
-          case T:
-            return m;
-        }
-      }
-    }
-    var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), f = /* @__PURE__ */ Symbol.for("react.consumer"), i = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), a = /* @__PURE__ */ Symbol.for("react.suspense"), E = /* @__PURE__ */ Symbol.for("react.suspense_list"), c = /* @__PURE__ */ Symbol.for("react.memo"), _ = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.view_transition"), C = /* @__PURE__ */ Symbol.for("react.client.reference");
-    e.ContextConsumer = f, e.ContextProvider = i, e.Element = l, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = s, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
-      return t(r) === f;
-    }, e.isContextProvider = function(r) {
-      return t(r) === i;
-    }, e.isElement = function(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === l;
-    }, e.isForwardRef = function(r) {
-      return t(r) === u;
-    }, e.isFragment = function(r) {
-      return t(r) === n;
-    }, e.isLazy = function(r) {
-      return t(r) === _;
-    }, e.isMemo = function(r) {
-      return t(r) === c;
-    }, e.isPortal = function(r) {
-      return t(r) === T;
-    }, e.isProfiler = function(r) {
-      return t(r) === s;
-    }, e.isStrictMode = function(r) {
-      return t(r) === o;
-    }, e.isSuspense = function(r) {
-      return t(r) === a;
-    }, e.isSuspenseList = function(r) {
-      return t(r) === E;
-    }, e.isValidElementType = function(r) {
-      return typeof r == "string" || typeof r == "function" || r === n || r === s || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === i || r.$$typeof === f || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
-    }, e.typeOf = t;
-  })(), e);
-}
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
 export {
-  d as __require
+  o as default
 };
 //# sourceMappingURL=ui-components.es320.js.map

package/dist/ui-components.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es320.js","sources":["../../../node_modules/.pnpm/react-is@19.2.4/node_modules/react-is/cjs/react-is.development.js"],"sourcesContent":["/**\n * @license React\n * react-is.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function typeOf(object) {\n      if (\"object\" === typeof object && null !== object) {\n        var $$typeof = object.$$typeof;\n        switch ($$typeof) {\n          case REACT_ELEMENT_TYPE:\n            switch (((object = object.type), object)) {\n              case REACT_FRAGMENT_TYPE:\n              case REACT_PROFILER_TYPE:\n              case REACT_STRICT_MODE_TYPE:\n              case REACT_SUSPENSE_TYPE:\n              case REACT_SUSPENSE_LIST_TYPE:\n              case REACT_VIEW_TRANSITION_TYPE:\n                return object;\n              default:\n                switch (((object = object && object.$$typeof), object)) {\n                  case REACT_CONTEXT_TYPE:\n                  case REACT_FORWARD_REF_TYPE:\n                  case REACT_LAZY_TYPE:\n                  case REACT_MEMO_TYPE:\n                    return object;\n                  case REACT_CONSUMER_TYPE:\n                    return object;\n                  default:\n                    return $$typeof;\n                }\n            }\n          case REACT_PORTAL_TYPE:\n            return $$typeof;\n        }\n      }\n    }\n    var REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_VIEW_TRANSITION_TYPE = Symbol.for(\"react.view_transition\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\");\n    exports.ContextConsumer = REACT_CONSUMER_TYPE;\n    exports.ContextProvider = REACT_CONTEXT_TYPE;\n    exports.Element = REACT_ELEMENT_TYPE;\n    exports.ForwardRef = REACT_FORWARD_REF_TYPE;\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.Lazy = REACT_LAZY_TYPE;\n    exports.Memo = REACT_MEMO_TYPE;\n    exports.Portal = REACT_PORTAL_TYPE;\n    exports.Profiler = REACT_PROFILER_TYPE;\n    exports.StrictMode = REACT_STRICT_MODE_TYPE;\n    exports.Suspense = REACT_SUSPENSE_TYPE;\n    exports.SuspenseList = REACT_SUSPENSE_LIST_TYPE;\n    exports.isContextConsumer = function (object) {\n      return typeOf(object) === REACT_CONSUMER_TYPE;\n    };\n    exports.isContextProvider = function (object) {\n      return typeOf(object) === REACT_CONTEXT_TYPE;\n    };\n    exports.isElement = function (object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    };\n    exports.isForwardRef = function (object) {\n      return typeOf(object) === REACT_FORWARD_REF_TYPE;\n    };\n    exports.isFragment = function (object) {\n      return typeOf(object) === REACT_FRAGMENT_TYPE;\n    };\n    exports.isLazy = function (object) {\n      return typeOf(object) === REACT_LAZY_TYPE;\n    };\n    exports.isMemo = function (object) {\n      return typeOf(object) === REACT_MEMO_TYPE;\n    };\n    exports.isPortal = function (object) {\n      return typeOf(object) === REACT_PORTAL_TYPE;\n    };\n    exports.isProfiler = function (object) {\n      return typeOf(object) === REACT_PROFILER_TYPE;\n    };\n    exports.isStrictMode = function (object) {\n      return typeOf(object) === REACT_STRICT_MODE_TYPE;\n    };\n    exports.isSuspense = function (object) {\n      return typeOf(object) === REACT_SUSPENSE_TYPE;\n    };\n    exports.isSuspenseList = function (object) {\n      return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;\n    };\n    exports.isValidElementType = function (type) {\n      return \"string\" === typeof type ||\n        \"function\" === typeof type ||\n        type === REACT_FRAGMENT_TYPE ||\n        type === REACT_PROFILER_TYPE ||\n        type === REACT_STRICT_MODE_TYPE ||\n        type === REACT_SUSPENSE_TYPE ||\n        type === REACT_SUSPENSE_LIST_TYPE ||\n        (\"object\" === typeof type &&\n          null !== type &&\n          (type.$$typeof === REACT_LAZY_TYPE ||\n            type.$$typeof === REACT_MEMO_TYPE ||\n            type.$$typeof === REACT_CONTEXT_TYPE ||\n            type.$$typeof === REACT_CONSUMER_TYPE ||\n            type.$$typeof === REACT_FORWARD_REF_TYPE ||\n            type.$$typeof === REACT_CLIENT_REFERENCE ||\n            void 0 !== type.getModuleId))\n        ? !0\n        : !1;\n    };\n    exports.typeOf = typeOf;\n  })();\n"],"names":["typeOf","object","$$typeof","REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_VIEW_TRANSITION_TYPE","REACT_CONTEXT_TYPE","REACT_FORWARD_REF_TYPE","REACT_LAZY_TYPE","REACT_MEMO_TYPE","REACT_CONSUMER_TYPE","REACT_PORTAL_TYPE","REACT_CLIENT_REFERENCE","reactIs_development","type"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es320.js","sources":["../../../node_modules/.pnpm/@emotion+unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js"],"sourcesContent":["var unitlessKeys = {\n  animationIterationCount: 1,\n  aspectRatio: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  scale: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\n\nexport { unitlessKeys as default };\n"],"names":["unitlessKeys"],"mappings":"AAAG,IAACA,IAAe;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,iBAAiB;AAAA;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,aAAa;AACf;","x_google_ignoreList":[0]}

package/dist/ui-components.es321.js

@@ -1,8 +1,8 @@
-import * as n from "react";
-const r = {};
-function u(t, f) {
-  const e = n.useRef(r);
-  return e.current === r && (e.current = t(f)), e;
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
 }
 export {
   u as default

package/dist/ui-components.es321.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es321.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst UNINITIALIZED = {};\n\n/**\n * A React.useRef() that is initialized lazily with a function. Note that it accepts an optional\n * initialization argument, so the initialization function doesn't need to be an inline closure.\n *\n * @usage\n *   const ref = useLazyRef(sortColumns, columns)\n */\nexport default function useLazyRef(init, initArg) {\n  const ref = React.useRef(UNINITIALIZED);\n  if (ref.current === UNINITIALIZED) {\n    ref.current = init(initArg);\n  }\n  return ref;\n}"],"names":["UNINITIALIZED","useLazyRef","init","initArg","ref","React"],"mappings":";AAGA,MAAMA,IAAgB,CAAA;AASP,SAASC,EAAWC,GAAMC,GAAS;AAChD,QAAMC,IAAMC,EAAM,OAAOL,CAAa;AACtC,SAAII,EAAI,YAAYJ,MAClBI,EAAI,UAAUF,EAAKC,CAAO,IAErBC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es321.js","sources":["../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n"],"names":["memoize","fn","cache","arg"],"mappings":"AAAA,SAASA,EAAQC,GAAI;AACnB,MAAIC,IAAQ,uBAAO,OAAO,IAAI;AAC9B,SAAO,SAAUC,GAAK;AACpB,WAAID,EAAMC,CAAG,MAAM,WAAWD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAC1CD,EAAMC,CAAG;AAAA,EAClB;AACF;","x_google_ignoreList":[0]}

package/dist/ui-components.es322.js

@@ -1,9 +1,68 @@
-import * as e from "react";
-const o = [];
-function f(t) {
-  e.useEffect(t, o);
+import { isCqShorthand as m, getContainerQuery as y } from "./ui-components.es323.js";
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, f = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (n) => `@media (min-width:${c[n]}px)`
+}, h = {
+  containerQueries: (n) => ({
+    up: (e) => {
+      let t = typeof e == "number" ? e : c[e] || e;
+      return typeof t == "number" && (t = `${t}px`), n ? `@container ${n} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function B(n, e, t) {
+  const i = n.theme || {};
+  if (Array.isArray(e)) {
+    const u = i.breakpoints || f;
+    return e.reduce((o, s, r) => (o[u.up(u.keys[r])] = t(e[r]), o), {});
+  }
+  if (typeof e == "object") {
+    const u = i.breakpoints || f;
+    return Object.keys(e).reduce((o, s) => {
+      if (m(u.keys, s)) {
+        const r = y(i.containerQueries ? i : h, s);
+        r && (o[r] = t(e[s], s));
+      } else if (Object.keys(u.values || c).includes(s)) {
+        const r = u.up(s);
+        o[r] = t(e[s], s);
+      } else {
+        const r = s;
+        o[r] = e[r];
+      }
+      return o;
+    }, {});
+  }
+  return t(e);
+}
+function O(n = {}) {
+  return n.keys?.reduce((t, i) => {
+    const d = n.up(i);
+    return t[d] = {}, t;
+  }, {}) || {};
+}
+function x(n, e) {
+  return n.reduce((t, i) => {
+    const d = t[i];
+    return (!d || Object.keys(d).length === 0) && delete t[i], t;
+  }, e);
 }
 export {
-  f as default
+  O as createEmptyBreakpointObject,
+  B as handleBreakpoints,
+  x as removeUnusedBreakpoints,
+  c as values
 };
 //# sourceMappingURL=ui-components.es322.js.map

package/dist/ui-components.es322.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es322.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useOnMount/useOnMount.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst EMPTY = [];\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport default function useOnMount(fn) {\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}"],"names":["EMPTY","useOnMount","fn","React"],"mappings":";AAGA,MAAMA,IAAQ,CAAA;AAKC,SAASC,EAAWC,GAAI;AAGrC,EAAAC,EAAM,UAAUD,GAAIF,CAAK;AAE3B;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es322.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/breakpoints/breakpoints.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport deepmerge from '@mui/utils/deepmerge';\nimport merge from \"../merge/index.js\";\nimport { isCqShorthand, getContainerQuery } from \"../cssContainerQueries/index.js\";\n\n// The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\nexport const values = {\n  xs: 0,\n  // phone\n  sm: 600,\n  // tablet\n  md: 900,\n  // small laptop\n  lg: 1200,\n  // desktop\n  xl: 1536 // large screen\n};\nconst defaultBreakpoints = {\n  // Sorted ASC by size. That's important.\n  // It can't be configured as it's used statically for propTypes.\n  keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n  up: key => `@media (min-width:${values[key]}px)`\n};\nconst defaultContainerQueries = {\n  containerQueries: containerName => ({\n    up: key => {\n      let result = typeof key === 'number' ? key : values[key] || key;\n      if (typeof result === 'number') {\n        result = `${result}px`;\n      }\n      return containerName ? `@container ${containerName} (min-width:${result})` : `@container (min-width:${result})`;\n    }\n  })\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n  const theme = props.theme || {};\n  if (Array.isArray(propValue)) {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return propValue.reduce((acc, item, index) => {\n      acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n      return acc;\n    }, {});\n  }\n  if (typeof propValue === 'object') {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return Object.keys(propValue).reduce((acc, breakpoint) => {\n      if (isCqShorthand(themeBreakpoints.keys, breakpoint)) {\n        const containerKey = getContainerQuery(theme.containerQueries ? theme : defaultContainerQueries, breakpoint);\n        if (containerKey) {\n          acc[containerKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n        }\n      }\n      // key is breakpoint\n      else if (Object.keys(themeBreakpoints.values || values).includes(breakpoint)) {\n        const mediaKey = themeBreakpoints.up(breakpoint);\n        acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n      } else {\n        const cssKey = breakpoint;\n        acc[cssKey] = propValue[cssKey];\n      }\n      return acc;\n    }, {});\n  }\n  const output = styleFromPropValue(propValue);\n  return output;\n}\nfunction breakpoints(styleFunction) {\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const newStyleFunction = props => {\n    const theme = props.theme || {};\n    const base = styleFunction(props);\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    const extended = themeBreakpoints.keys.reduce((acc, key) => {\n      if (props[key]) {\n        acc = acc || {};\n        acc[themeBreakpoints.up(key)] = styleFunction({\n          theme,\n          ...props[key]\n        });\n      }\n      return acc;\n    }, null);\n    return merge(base, extended);\n  };\n  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? {\n    ...styleFunction.propTypes,\n    xs: PropTypes.object,\n    sm: PropTypes.object,\n    md: PropTypes.object,\n    lg: PropTypes.object,\n    xl: PropTypes.object\n  } : {};\n  newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl', ...styleFunction.filterProps];\n  return newStyleFunction;\n}\nexport function createEmptyBreakpointObject(breakpointsInput = {}) {\n  const breakpointsInOrder = breakpointsInput.keys?.reduce((acc, key) => {\n    const breakpointStyleKey = breakpointsInput.up(key);\n    acc[breakpointStyleKey] = {};\n    return acc;\n  }, {});\n  return breakpointsInOrder || {};\n}\nexport function removeUnusedBreakpoints(breakpointKeys, style) {\n  return breakpointKeys.reduce((acc, key) => {\n    const breakpointOutput = acc[key];\n    const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;\n    if (isBreakpointUnused) {\n      delete acc[key];\n    }\n    return acc;\n  }, style);\n}\nexport function mergeBreakpointsInOrder(breakpointsInput, ...styles) {\n  const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);\n  const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});\n  return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);\n}\n\n// compute base for responsive values; e.g.,\n// [1,2,3] => {xs: true, sm: true, md: true}\n// {xs: 1, sm: 2, md: 3} => {xs: true, sm: true, md: true}\nexport function computeBreakpointsBase(breakpointValues, themeBreakpoints) {\n  // fixed value\n  if (typeof breakpointValues !== 'object') {\n    return {};\n  }\n  const base = {};\n  const breakpointsKeys = Object.keys(themeBreakpoints);\n  if (Array.isArray(breakpointValues)) {\n    breakpointsKeys.forEach((breakpoint, i) => {\n      if (i < breakpointValues.length) {\n        base[breakpoint] = true;\n      }\n    });\n  } else {\n    breakpointsKeys.forEach(breakpoint => {\n      if (breakpointValues[breakpoint] != null) {\n        base[breakpoint] = true;\n      }\n    });\n  }\n  return base;\n}\nexport function resolveBreakpointValues({\n  values: breakpointValues,\n  breakpoints: themeBreakpoints,\n  base: customBase\n}) {\n  const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);\n  const keys = Object.keys(base);\n  if (keys.length === 0) {\n    return breakpointValues;\n  }\n  let previous;\n  return keys.reduce((acc, breakpoint, i) => {\n    if (Array.isArray(breakpointValues)) {\n      acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];\n      previous = i;\n    } else if (typeof breakpointValues === 'object') {\n      acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];\n      previous = breakpoint;\n    } else {\n      acc[breakpoint] = breakpointValues;\n    }\n    return acc;\n  }, {});\n}\nexport default breakpoints;"],"names":["values","defaultBreakpoints","key","defaultContainerQueries","containerName","result","handleBreakpoints","props","propValue","styleFromPropValue","theme","themeBreakpoints","acc","item","index","breakpoint","isCqShorthand","containerKey","getContainerQuery","mediaKey","cssKey","createEmptyBreakpointObject","breakpointsInput","breakpointStyleKey","removeUnusedBreakpoints","breakpointKeys","style","breakpointOutput"],"mappings":";AAOY,MAACA,IAAS;AAAA,EACpB,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AACN,GACMC,IAAqB;AAAA;AAAA;AAAA,EAGzB,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACnC,IAAI,CAAAC,MAAO,qBAAqBF,EAAOE,CAAG,CAAC;AAC7C,GACMC,IAA0B;AAAA,EAC9B,kBAAkB,CAAAC,OAAkB;AAAA,IAClC,IAAI,CAAAF,MAAO;AACT,UAAIG,IAAS,OAAOH,KAAQ,WAAWA,IAAMF,EAAOE,CAAG,KAAKA;AAC5D,aAAI,OAAOG,KAAW,aACpBA,IAAS,GAAGA,CAAM,OAEbD,IAAgB,cAAcA,CAAa,eAAeC,CAAM,MAAM,yBAAyBA,CAAM;AAAA,IAC9G;AAAA,EACJ;AACA;AACO,SAASC,EAAkBC,GAAOC,GAAWC,GAAoB;AACtE,QAAMC,IAAQH,EAAM,SAAS,CAAA;AAC7B,MAAI,MAAM,QAAQC,CAAS,GAAG;AAC5B,UAAMG,IAAmBD,EAAM,eAAeT;AAC9C,WAAOO,EAAU,OAAO,CAACI,GAAKC,GAAMC,OAClCF,EAAID,EAAiB,GAAGA,EAAiB,KAAKG,CAAK,CAAC,CAAC,IAAIL,EAAmBD,EAAUM,CAAK,CAAC,GACrFF,IACN,CAAA,CAAE;AAAA,EACP;AACA,MAAI,OAAOJ,KAAc,UAAU;AACjC,UAAMG,IAAmBD,EAAM,eAAeT;AAC9C,WAAO,OAAO,KAAKO,CAAS,EAAE,OAAO,CAACI,GAAKG,MAAe;AACxD,UAAIC,EAAcL,EAAiB,MAAMI,CAAU,GAAG;AACpD,cAAME,IAAeC,EAAkBR,EAAM,mBAAmBA,IAAQP,GAAyBY,CAAU;AAC3G,QAAIE,MACFL,EAAIK,CAAY,IAAIR,EAAmBD,EAAUO,CAAU,GAAGA,CAAU;AAAA,MAE5E,WAES,OAAO,KAAKJ,EAAiB,UAAUX,CAAM,EAAE,SAASe,CAAU,GAAG;AAC5E,cAAMI,IAAWR,EAAiB,GAAGI,CAAU;AAC/C,QAAAH,EAAIO,CAAQ,IAAIV,EAAmBD,EAAUO,CAAU,GAAGA,CAAU;AAAA,MACtE,OAAO;AACL,cAAMK,IAASL;AACf,QAAAH,EAAIQ,CAAM,IAAIZ,EAAUY,CAAM;AAAA,MAChC;AACA,aAAOR;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EACP;AAEA,SADeH,EAAmBD,CAAS;AAE7C;AA+BO,SAASa,EAA4BC,IAAmB,IAAI;AAMjE,SAL2BA,EAAiB,MAAM,OAAO,CAACV,GAAKV,MAAQ;AACrE,UAAMqB,IAAqBD,EAAiB,GAAGpB,CAAG;AAClD,WAAAU,EAAIW,CAAkB,IAAI,CAAA,GACnBX;AAAA,EACT,GAAG,CAAA,CAAE,KACwB,CAAA;AAC/B;AACO,SAASY,EAAwBC,GAAgBC,GAAO;AAC7D,SAAOD,EAAe,OAAO,CAACb,GAAKV,MAAQ;AACzC,UAAMyB,IAAmBf,EAAIV,CAAG;AAEhC,YAD2B,CAACyB,KAAoB,OAAO,KAAKA,CAAgB,EAAE,WAAW,MAEvF,OAAOf,EAAIV,CAAG,GAETU;AAAA,EACT,GAAGc,CAAK;AACV;","x_google_ignoreList":[0]}

package/dist/ui-components.es323.js

@@ -1,18 +1,52 @@
-const r = (t) => t.scrollTop;
-function a(t, i) {
-  const {
-    timeout: n,
-    easing: o,
-    style: e = {}
-  } = t;
-  return {
-    duration: e.transitionDuration ?? (typeof n == "number" ? n : n[i.mode] || 0),
-    easing: e.transitionTimingFunction ?? (typeof o == "object" ? o[i.mode] : o),
-    delay: e.transitionDelay
+function u(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const o = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, i) => {
+    const t = /min-width:\s*([0-9.]+)/;
+    return +(n.match(t)?.[1] || 0) - +(i.match(t)?.[1] || 0);
+  });
+  return o.length ? o.reduce((n, i) => {
+    const t = r[i];
+    return delete n[i], n[i] = t, n;
+  }, {
+    ...r
+  }) : r;
+}
+function d(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((o) => r.startsWith(`@${o}`)) || !!r.match(/^@\d/));
+}
+function l(e, r) {
+  const o = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!o) {
+    if (process.env.NODE_ENV !== "production")
+      throw (
+        /* minify-error */
+        new Error(`MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
+      );
+    return null;
+  }
+  const [, n, i] = o, t = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(t);
+}
+function h(e) {
+  const r = (t, s) => t.replace("@media", s ? `@container ${s}` : "@container");
+  function o(t, s) {
+    t.up = (...a) => r(e.breakpoints.up(...a), s), t.down = (...a) => r(e.breakpoints.down(...a), s), t.between = (...a) => r(e.breakpoints.between(...a), s), t.only = (...a) => r(e.breakpoints.only(...a), s), t.not = (...a) => {
+      const c = r(e.breakpoints.not(...a), s);
+      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
+    };
+  }
+  const n = {}, i = (t) => (o(n, t), n);
+  return o(i), {
+    ...e,
+    containerQueries: i
   };
 }
 export {
-  a as getTransitionProps,
-  r as reflow
+  h as default,
+  l as getContainerQuery,
+  d as isCqShorthand,
+  u as sortContainerQueries
 };
 //# sourceMappingURL=ui-components.es323.js.map

package/dist/ui-components.es323.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es323.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/transitions/utils.js"],"sourcesContent":["export const reflow = node => node.scrollTop;\nexport function getTransitionProps(props, options) {\n  const {\n    timeout,\n    easing,\n    style = {}\n  } = props;\n  return {\n    duration: style.transitionDuration ?? (typeof timeout === 'number' ? timeout : timeout[options.mode] || 0),\n    easing: style.transitionTimingFunction ?? (typeof easing === 'object' ? easing[options.mode] : easing),\n    delay: style.transitionDelay\n  };\n}"],"names":["reflow","node","getTransitionProps","props","options","timeout","easing","style"],"mappings":"AAAY,MAACA,IAAS,CAAAC,MAAQA,EAAK;AAC5B,SAASC,EAAmBC,GAAOC,GAAS;AACjD,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,EACZ,IAAMJ;AACJ,SAAO;AAAA,IACL,UAAUI,EAAM,uBAAuB,OAAOF,KAAY,WAAWA,IAAUA,EAAQD,EAAQ,IAAI,KAAK;AAAA,IACxG,QAAQG,EAAM,6BAA6B,OAAOD,KAAW,WAAWA,EAAOF,EAAQ,IAAI,IAAIE;AAAA,IAC/F,OAAOC,EAAM;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es323.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":["sortContainerQueries","theme","css","sorted","key","a","b","regex","acc","value","isCqShorthand","breakpointKeys","getContainerQuery","shorthand","matches","containerQuery","containerName","cssContainerQueries","themeInput","toContainerQuery","mediaQuery","name","attachCq","node","args","result","containerQueries"],"mappings":"AAMO,SAASA,EAAqBC,GAAOC,GAAK;AAC/C,MAAI,CAACD,EAAM;AACT,WAAOC;AAET,QAAMC,IAAS,OAAO,KAAKD,CAAG,EAAE,OAAO,CAAAE,MAAOA,EAAI,WAAW,YAAY,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAM;AACzF,UAAMC,IAAQ;AACd,WAAO,EAAEF,EAAE,MAAME,CAAK,IAAI,CAAC,KAAK,KAAK,EAAED,EAAE,MAAMC,CAAK,IAAI,CAAC,KAAK;AAAA,EAChE,CAAC;AACD,SAAKJ,EAAO,SAGLA,EAAO,OAAO,CAACK,GAAKJ,MAAQ;AACjC,UAAMK,IAAQP,EAAIE,CAAG;AACrB,kBAAOI,EAAIJ,CAAG,GACdI,EAAIJ,CAAG,IAAIK,GACJD;AAAA,EACT,GAAG;AAAA,IACD,GAAGN;AAAA,EACP,CAAG,IATQA;AAUX;AACO,SAASQ,EAAcC,GAAgBF,GAAO;AACnD,SAAOA,MAAU,OAAOA,EAAM,WAAW,GAAG,MAAME,EAAe,KAAK,CAAAP,MAAOK,EAAM,WAAW,IAAIL,CAAG,EAAE,CAAC,KAAK,CAAC,CAACK,EAAM,MAAM,MAAM;AACnI;AACO,SAASG,EAAkBX,GAAOY,GAAW;AAClD,QAAMC,IAAUD,EAAU,MAAM,qBAAqB;AACrD,MAAI,CAACC,GAAS;AACZ,QAAI,QAAQ,IAAI,aAAa;AAC3B;AAAA;AAAA,QAAwB,IAAI,MAAM,+BAA+B,IAAID,CAAS,GAAG;AAAA,wDAAiK;AAAA;AAEpP,WAAO;AAAA,EACT;AACA,QAAM,CAAA,EAAGE,GAAgBC,CAAa,IAAIF,GACpCL,IAAQ,OAAO,MAAM,CAACM,CAAc,IAAIA,KAAkB,IAAI,CAACA;AACrE,SAAOd,EAAM,iBAAiBe,CAAa,EAAE,GAAGP,CAAK;AACvD;AACe,SAASQ,EAAoBC,GAAY;AACtD,QAAMC,IAAmB,CAACC,GAAYC,MAASD,EAAW,QAAQ,UAAUC,IAAO,cAAcA,CAAI,KAAK,YAAY;AACtH,WAASC,EAASC,GAAMF,GAAM;AAC5B,IAAAE,EAAK,KAAK,IAAIC,MAASL,EAAiBD,EAAW,YAAY,GAAG,GAAGM,CAAI,GAAGH,CAAI,GAChFE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,UAAU,IAAIC,MAASL,EAAiBD,EAAW,YAAY,QAAQ,GAAGM,CAAI,GAAGH,CAAI,GAC1FE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,MAAM,IAAIC,MAAS;AACtB,YAAMC,IAASN,EAAiBD,EAAW,YAAY,IAAI,GAAGM,CAAI,GAAGH,CAAI;AACzE,aAAII,EAAO,SAAS,aAAa,IAExBA,EAAO,QAAQ,gBAAgB,EAAE,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,OAAO,IAAI,IAExHA;AAAA,IACT;AAAA,EACF;AACA,QAAMF,IAAO,CAAA,GACPG,IAAmB,CAAAL,OACvBC,EAASC,GAAMF,CAAI,GACZE;AAET,SAAAD,EAASI,CAAgB,GAClB;AAAA,IACL,GAAGR;AAAA,IACH,kBAAAQ;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}