@janbox/storefront-ui 1.0.15 → 1.0.17

package/dist/lib/breadcrumbs/breadcrumb-item/types.d.ts

@@ -4,3 +4,4 @@ import { ShallowMerge } from '../../../types';
 export type BreadcrumbItemProps = ShallowMerge<LinkProps, {
     icon?: IconProps;
 }>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/breadcrumbs/breadcrumb-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,SAAS,EACT;IACE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CACF,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts

@@ -1,2 +1,3 @@
 import { BreadcrumbsProps } from './types';
 export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,eAAO,MAAM,WAAW,6CAAgE,gBAAgB,qDAoCvG,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { isString } from "lodash-es";
+import { flattenChildren, getColorShadesByVariant } from "../../../utils/index.js";
+import { getColorVar } from "../../../theme/palette.js";
+import { Icon } from "../../icon/icon.js";
+const Breadcrumbs = ({ separator = ">", children, color = "primary", ...props }) => {
+  const flattenedChildren = flattenChildren(children);
+  const { main } = getColorShadesByVariant(color);
+  return /* @__PURE__ */ jsx("div", { css: { display: "inline-flex", flexWrap: "wrap", gap: "0.5rem" }, ...props, children: flattenedChildren.map((child, index, array) => {
+    const isLast = index === array.length - 1;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          css: {
+            display: "contents",
+            color: getColorVar("neutral.500"),
+            ":hover": {
+              color: main
+            }
+          },
+          children: child
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx(Fragment$1, { children: isString(separator) ? /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.500") }, children: separator }) : /* @__PURE__ */ jsx(Icon, { ...separator }) })
+    ] }, index);
+  }) });
+};
+export {
+  Breadcrumbs
+};

package/dist/lib/breadcrumbs/breadcrumbs/index.d.ts

@@ -1 +1,2 @@
 export * from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/breadcrumbs/breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/types.d.ts

@@ -7,3 +7,4 @@ export type BreadcrumbsProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     color?: ColorVariant;
 }>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/breadcrumbs/breadcrumbs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE1D,KAAK,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CACzC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CACF,CAAC"}

package/dist/lib/breadcrumbs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './breadcrumb-item';
 export * from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/lib/button/button.d.ts

@@ -1,2 +1,3 @@
 import { ButtonProps } from './types';
 export declare const Button: ({ children, ref, ..._props }: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/lib/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,MAAM,iCAAkC,WAAW,qDAsO/D,CAAC"}

package/dist/lib/button/button.js

@@ -0,0 +1,227 @@
+import { jsxs, jsx, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
+import { useRef, Fragment, isValidElement } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { isNil, isString } from "lodash-es";
+import { useNavigate, createPath } from "react-router";
+import { getButtonProps } from "./helpers.js";
+import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
+import { truncateStyle, animateSpinStyle } from "../../constants/emotion.js";
+import LoadingIcon from "../../assets/svg/loading-waiting.svg.js";
+import { mediaQuery } from "../../theme/screens.js";
+import { getColorVar } from "../../theme/palette.js";
+import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from "../../utils/index.js";
+import { cn } from "../../utils/stylesheet.js";
+import { Icon } from "../icon/icon.js";
+const Button = ({ children, ref, ..._props }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const buttonRef = useRef(null);
+  const { className } = useRippleEffect(buttonRef);
+  const mergedRef = useMergeRefs([ref, buttonRef]);
+  const {
+    color,
+    variant,
+    anchor,
+    prefix,
+    suffix,
+    isLoading,
+    disabled,
+    startIcon,
+    endIcon,
+    dangerouslySetInnerHTML,
+    ...rest
+  } = getButtonProps(_props);
+  const navigate = useNavigate();
+  const {
+    dark,
+    light,
+    main,
+    contrastText,
+    placeholder: placeholderColor,
+    ariaDisabledSurface,
+    ariaDisabledText
+  } = getColorShadesByVariant(color);
+  const createStyle = (screen) => {
+    const { css: css2 } = rest[screen] ?? {};
+    return {
+      ...css2
+    };
+  };
+  const css = [
+    {
+      display: "flex",
+      maxWidth: "100%",
+      width: "fit-content",
+      position: "relative",
+      justifyContent: "center",
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      "& > *:not([data-loading])": {
+        visibility: isLoading ? "hidden" : void 0
+      },
+      pointerEvents: isLoading ? "none" : void 0
+    },
+    variant === "contained" && {
+      backgroundColor: isLoading ? placeholderColor : main,
+      color: contrastText,
+      ":hover": {
+        backgroundColor: dark
+      },
+      ":disabled": {
+        backgroundColor: getColorVar("neutral.300"),
+        color: getColorVar("neutral.500")
+      },
+      "&[aria-disabled=true]": {
+        backgroundColor: ariaDisabledSurface,
+        pointerEvents: "none"
+      }
+    },
+    variant === "outlined" && {
+      backgroundColor: getColorVar("surface.default"),
+      color: isLoading ? placeholderColor : main,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: isLoading ? placeholderColor : main,
+      ":hover": {
+        backgroundColor: light
+      },
+      ":disabled": {
+        color: getColorVar("neutral.500"),
+        backgroundColor: getColorVar("neutral.300"),
+        borderColor: getColorVar("neutral.300")
+      },
+      "&[aria-disabled=true]": {
+        color: ariaDisabledText,
+        pointerEvents: "none",
+        borderColor: "currentcolor"
+      }
+    },
+    variant === "text" && {
+      backgroundColor: "transparent",
+      color: isLoading ? placeholderColor : main,
+      ":hover": {
+        backgroundColor: light
+      },
+      ":disabled": {
+        color: getColorVar("neutral.500"),
+        backgroundColor: getColorVar("neutral.300")
+      },
+      "&[aria-disabled=true]": {
+        color: ariaDisabledText
+      }
+    },
+    rest["aria-disabled"] && {
+      pointerEvents: "none"
+    },
+    createStyle("xs"),
+    {
+      [mediaQuery("sm")]: createStyle("sm"),
+      [mediaQuery("md")]: createStyle("md"),
+      [mediaQuery("lg")]: createStyle("lg")
+    }
+  ];
+  const onClick = (e) => {
+    var _a2;
+    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    if (isNil(anchor == null ? void 0 : anchor.to)) {
+      return;
+    }
+    const { to, target, ...otherOptions } = anchor;
+    const href = isString(to) ? to : createPath(to);
+    if (target === "_blank") {
+      window.open(href, target);
+    } else {
+      try {
+        const url = new URL(href);
+        window.location.href = url.toString();
+      } catch (error) {
+        navigate(href, otherOptions);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      css,
+      disabled,
+      ...omitResponsiveProps(rest),
+      onClick,
+      className: cn(rest.className, className),
+      ref: mergedRef,
+      children: [
+        prefix,
+        !!startIcon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...startIcon,
+            css: {
+              flexShrink: 0
+            },
+            xs: {
+              size: getSizeVariantState((_a = rest.xs) == null ? void 0 : _a.size).iconSize,
+              ...startIcon.xs
+            },
+            sm: {
+              size: getSizeVariantState((_b = rest.sm) == null ? void 0 : _b.size).iconSize,
+              ...startIcon.sm
+            },
+            md: {
+              size: getSizeVariantState((_c = rest.md) == null ? void 0 : _c.size).iconSize,
+              ...startIcon.md
+            },
+            lg: {
+              size: getSizeVariantState((_d = rest.lg) == null ? void 0 : _d.size).iconSize,
+              ...startIcon.lg
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment$1, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML, css: truncateStyle, children }) }) }),
+        !!endIcon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...endIcon,
+            css: {
+              flexShrink: 0
+            },
+            xs: {
+              size: getSizeVariantState((_e = rest.xs) == null ? void 0 : _e.size).iconSize,
+              ...endIcon.xs
+            },
+            sm: {
+              size: getSizeVariantState((_f = rest.sm) == null ? void 0 : _f.size).iconSize,
+              ...endIcon.sm
+            },
+            md: {
+              size: getSizeVariantState((_g = rest.md) == null ? void 0 : _g.size).iconSize,
+              ...endIcon.md
+            },
+            lg: {
+              size: getSizeVariantState((_h = rest.lg) == null ? void 0 : _h.size).iconSize,
+              ...endIcon.lg
+            }
+          }
+        ),
+        suffix,
+        isLoading && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-loading": true,
+            css: {
+              position: "absolute",
+              inset: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsx(Icon, { css: animateSpinStyle, source: LoadingIcon })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Button
+};

package/dist/lib/button/helpers.d.ts

@@ -1,2 +1,3 @@
 import { ButtonProps } from './types';
 export declare const getButtonProps: (extended: ButtonProps) => ButtonProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/button/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA0D7D,eAAO,MAAM,cAAc,aAAc,WAAW,gBAkBnD,CAAC"}

package/dist/lib/button/helpers.js

@@ -1,63 +1,74 @@
-import { getTypographyVar, screens } from '../../theme';
-import { getSizeVariantState, mergeComponentProps } from '../../utils';
+import { screens } from "../../theme/screens.js";
+import "../../theme/palette.js";
+import { getTypographyVar } from "../../theme/typography.js";
+import { mergeComponentProps, getSizeVariantState } from "../../utils/index.js";
 const defaultProps = {
-    xs: {
-        css: {
-            borderTopLeftRadius: 8,
-            borderBottomLeftRadius: 8,
-            borderTopRightRadius: 8,
-            borderBottomRightRadius: 8,
-            columnGap: 8,
-        },
-        size: 'md',
+  xs: {
+    css: {
+      borderTopLeftRadius: 8,
+      borderBottomLeftRadius: 8,
+      borderTopRightRadius: 8,
+      borderBottomRightRadius: 8,
+      columnGap: 8
     },
-    variant: 'contained',
-    color: 'primary',
-    type: 'button',
+    size: "md"
+  },
+  variant: "contained",
+  color: "primary",
+  type: "button"
 };
 const getButtonResponsiveCssBySize = (size) => {
-    const { inputSize, inputPaddingX } = getSizeVariantState(size);
-    switch (size) {
-        case 'sm':
-            return {
-                paddingLeft: inputPaddingX,
-                paddingRight: inputPaddingX,
-                minHeight: inputSize,
-                fontWeight: 400,
-                fontSize: getTypographyVar('sm').fontSize,
-                lineHeight: getTypographyVar('sm').lineHeight,
-            };
-        case 'md':
-            return {
-                paddingLeft: inputPaddingX,
-                paddingRight: inputPaddingX,
-                minHeight: inputSize,
-                fontWeight: 500,
-                fontSize: getTypographyVar('sm').fontSize,
-                lineHeight: getTypographyVar('sm').lineHeight,
-            };
-        case 'lg':
-            return {
-                paddingLeft: inputPaddingX,
-                paddingRight: inputPaddingX,
-                minHeight: inputSize,
-                fontWeight: 600,
-                fontSize: getTypographyVar('base').fontSize,
-                lineHeight: getTypographyVar('base').lineHeight,
-            };
-        default:
-            return {};
-    }
+  const { inputSize, inputPaddingX } = getSizeVariantState(size);
+  switch (size) {
+    case "sm":
+      return {
+        paddingLeft: inputPaddingX,
+        paddingRight: inputPaddingX,
+        minHeight: inputSize,
+        fontWeight: 400,
+        fontSize: getTypographyVar("sm").fontSize,
+        lineHeight: getTypographyVar("sm").lineHeight
+      };
+    case "md":
+      return {
+        paddingLeft: inputPaddingX,
+        paddingRight: inputPaddingX,
+        minHeight: inputSize,
+        fontWeight: 500,
+        fontSize: getTypographyVar("sm").fontSize,
+        lineHeight: getTypographyVar("sm").lineHeight
+      };
+    case "lg":
+      return {
+        paddingLeft: inputPaddingX,
+        paddingRight: inputPaddingX,
+        minHeight: inputSize,
+        fontWeight: 600,
+        fontSize: getTypographyVar("base").fontSize,
+        lineHeight: getTypographyVar("base").lineHeight
+      };
+    default:
+      return {};
+  }
 };
-export const getButtonProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended, ...screens.map((screen) => {
-        return (current) => {
-            const size = current[screen]?.size;
-            const propsBySize = {};
-            propsBySize[screen] = {
-                css: getButtonResponsiveCssBySize(size),
-            };
-            return propsBySize;
+const getButtonProps = (extended) => {
+  return mergeComponentProps(
+    defaultProps,
+    extended,
+    ...screens.map((screen) => {
+      return (current) => {
+        var _a;
+        const size = (_a = current[screen]) == null ? void 0 : _a.size;
+        const propsBySize = {};
+        propsBySize[screen] = {
+          css: getButtonResponsiveCssBySize(size)
         };
-    }), extended);
+        return propsBySize;
+      };
+    }),
+    extended
+  );
+};
+export {
+  getButtonProps
 };

package/dist/lib/button/index.d.ts

@@ -1,3 +1,4 @@
 export * from './button';
 export * from './types';
 export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/button/types.d.ts

@@ -22,3 +22,4 @@ type ButtonExtendedProps = ResponsiveDesign<ButtonResponsiveProps> & {
 };
 export type ButtonProps = ShallowMerge<JSX.IntrinsicElements['button'], ButtonExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEjH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC;IAC/C,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC,CAAC;AAEH,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,qBAAqB,GAAG;QAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;KAC9B,CAAC;IAEF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/lib/cascader/cascader-floating-content.d.ts

@@ -27,3 +27,4 @@ type CascaderFloatingContentProps = {
 };
 export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, xs, sm, md, lg, }: CascaderFloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=cascader-floating-content.d.ts.map

package/dist/lib/cascader/cascader-floating-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-floating-content.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader-floating-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4D,MAAM,OAAO,CAAC;AAKjG,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAU7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtC,KAAK,4BAA4B,GAAG;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,0HAcjC,4BAA4B,qDAsa9B,CAAC"}