@janbox/storefront-ui 1.0.0

package/dist/lib/star-rating/index.d.ts.map

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

package/dist/lib/star-rating/star-rating.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const utils_index = require("../../utils/index.cjs");
+const StarRating = react.forwardRef(
+  ({ rating, maxRating = 5, size = 24, colorVariant = "secondary" }, ref) => {
+    const id = react.useId();
+    const percent = rating / maxRating * 24;
+    const { main } = utils_index.getColorShadesByVariant(colorVariant);
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: percent, height: 24 }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
+          fill: "white",
+          stroke: main,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
+          fill: main,
+          clipPath: `url(#${id})`,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          stroke: main
+        }
+      )
+    ] });
+  }
+);
+exports.StarRating = StarRating;

package/dist/lib/star-rating/star-rating.d.ts

@@ -0,0 +1,3 @@
+import { StarRatingProps } from './types';
+export declare const StarRating: import('react').ForwardRefExoticComponent<StarRatingProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=star-rating.d.ts.map

package/dist/lib/star-rating/star-rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-rating.d.ts","sourceRoot":"","sources":["../../../src/lib/star-rating/star-rating.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,UAAU,2GAmCtB,CAAC"}

package/dist/lib/star-rating/star-rating.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { getColorShadesByVariant } from "../../utils/index.js";
+const StarRating = forwardRef(
+  ({ rating, maxRating = 5, size = 24, colorVariant = "secondary" }, ref) => {
+    const id = useId();
+    const percent = rating / maxRating * 24;
+    const { main } = getColorShadesByVariant(colorVariant);
+    return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ref, children: [
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id, children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: percent, height: 24 }) }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
+          fill: "white",
+          stroke: main,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z",
+          fill: main,
+          clipPath: `url(#${id})`,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          stroke: main
+        }
+      )
+    ] });
+  }
+);
+export {
+  StarRating
+};

package/dist/lib/star-rating/types.d.ts

@@ -0,0 +1,9 @@
+import { ColorVariant } from '../../types';
+export type StarRatingProps = {
+    rating: number;
+    maxRating?: number;
+    size?: number;
+    className?: string;
+    colorVariant?: ColorVariant;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/star-rating/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/star-rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './stepper';
+export * from './types';
+export * from './step';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/lib/stepper/step.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+require("lodash-es");
+const theme_palette = require("../../theme/palette.cjs");
+const check = require("../../assets/svg/check.svg.cjs");
+const icon = require("../icon/icon.cjs");
+const stateStyles = {
+  done: {
+    text: { color: theme_palette.getColorVar("white") },
+    bg: {
+      borderColor: theme_palette.getColorVar("primary.600"),
+      backgroundColor: theme_palette.getColorVar("primary.600"),
+      color: theme_palette.getColorVar("white")
+    }
+  },
+  active: {
+    text: { color: theme_palette.getColorVar("primary.600") },
+    bg: {
+      borderColor: theme_palette.getColorVar("primary.600"),
+      backgroundColor: theme_palette.getColorVar("white"),
+      color: theme_palette.getColorVar("primary.600")
+    }
+  },
+  normal: {
+    text: { color: theme_palette.getColorVar("white") },
+    bg: {
+      borderColor: theme_palette.getColorVar("neutral.500"),
+      backgroundColor: theme_palette.getColorVar("neutral.500"),
+      color: theme_palette.getColorVar("white")
+    }
+  }
+};
+const Step = react.forwardRef((props, ref) => {
+  const { state = "normal", content, className, size = 32, children, ...rest } = props;
+  const styles = stateStyles[state] ?? stateStyles.normal;
+  const checked = state === "done";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: { width: `${size}px`, height: `${size}px` },
+      ref,
+      css: {
+        borderRadius: "50%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 2,
+        borderStyle: "solid",
+        transition: "border 500ms, background 500ms, color 500ms",
+        zIndex: 1,
+        ...styles.bg
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { css: {
+          ...styles.text,
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden"
+        }, children: checked ? /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { source: check }) : children }),
+        content
+      ]
+    }
+  ) });
+});
+exports.Step = Step;

package/dist/lib/stepper/step.d.ts

@@ -0,0 +1,3 @@
+import { StepProps } from './types';
+export declare const Step: import('react').ForwardRefExoticComponent<Omit<StepProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=step.d.ts.map

package/dist/lib/stepper/step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../src/lib/stepper/step.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAkCpC,eAAO,MAAM,IAAI,mHAkCf,CAAC"}

package/dist/lib/stepper/step.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import "lodash-es";
+import { getColorVar } from "../../theme/palette.js";
+import CheckIcon from "../../assets/svg/check.svg.js";
+import { Icon } from "../icon/icon.js";
+const stateStyles = {
+  done: {
+    text: { color: getColorVar("white") },
+    bg: {
+      borderColor: getColorVar("primary.600"),
+      backgroundColor: getColorVar("primary.600"),
+      color: getColorVar("white")
+    }
+  },
+  active: {
+    text: { color: getColorVar("primary.600") },
+    bg: {
+      borderColor: getColorVar("primary.600"),
+      backgroundColor: getColorVar("white"),
+      color: getColorVar("primary.600")
+    }
+  },
+  normal: {
+    text: { color: getColorVar("white") },
+    bg: {
+      borderColor: getColorVar("neutral.500"),
+      backgroundColor: getColorVar("neutral.500"),
+      color: getColorVar("white")
+    }
+  }
+};
+const Step = forwardRef((props, ref) => {
+  const { state = "normal", content, className, size = 32, children, ...rest } = props;
+  const styles = stateStyles[state] ?? stateStyles.normal;
+  const checked = state === "done";
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { width: `${size}px`, height: `${size}px` },
+      ref,
+      css: {
+        borderRadius: "50%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 2,
+        borderStyle: "solid",
+        transition: "border 500ms, background 500ms, color 500ms",
+        zIndex: 1,
+        ...styles.bg
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("p", { css: {
+          ...styles.text,
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden"
+        }, children: checked ? /* @__PURE__ */ jsx(Icon, { source: CheckIcon }) : children }),
+        content
+      ]
+    }
+  ) });
+});
+export {
+  Step
+};

package/dist/lib/stepper/stepper.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const step = require("./step.cjs");
+const progress = require("../progress/progress.cjs");
+const maxPercent = 100;
+const Stepper = react.forwardRef((props, ref) => {
+  const { direction = "horizontal", className, items, activeIndex = 0, circleSize = 32, ...rest } = props;
+  const value = maxPercent / (items.length - 1) * activeIndex;
+  const progressBarSize = `${(items.length - 1) / items.length * 100}%`;
+  const progressBarStyles = {
+    horizontal: {
+      top: `${circleSize / 2}px`,
+      width: progressBarSize
+    },
+    vertical: {
+      left: `${circleSize / 2}px`,
+      height: progressBarSize
+    }
+  };
+  const renderItems = () => {
+    return items.map((item, index) => {
+      const { children, description, ...itemRest } = item;
+      const getState = () => {
+        if (index < activeIndex) {
+          return "done";
+        }
+        if (index === activeIndex) {
+          return "active";
+        }
+        if (index > activeIndex) {
+          return "normal";
+        }
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          css: {
+            flex: 1,
+            display: "flex",
+            gap: 16,
+            ...direction === "vertical" ? { flexDirection: "row", alignItems: "center" } : { flexDirection: "column", alignItems: "center", justifyContent: "space-between" }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(step.Step, { size: circleSize, state: getState(), ...itemRest, children: children ?? index + 1 }),
+            !!description && /* @__PURE__ */ jsxRuntime.jsx("div", { children: description })
+          ]
+        },
+        index
+      );
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "relative" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      progress.Progress,
+      {
+        ref,
+        css: {
+          position: "absolute",
+          zIndex: -1,
+          width: "100%",
+          ...direction === "horizontal" ? { height: 4, left: "50%", transform: "translateX(-50%) translateY(-50%)" } : { width: 4, top: "50%", transform: "translateY(-50%) translateX(-50%)" }
+        },
+        style: progressBarStyles[direction],
+        value,
+        direction,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        css: {
+          display: "flex",
+          width: "100%",
+          height: "100%",
+          gap: 12,
+          ...direction === "horizontal" ? { flexDirection: "row", justifyContent: "space-between" } : { flexDirection: "column", justifyContent: "space-between" }
+        },
+        children: renderItems()
+      }
+    )
+  ] });
+});
+exports.Stepper = Stepper;

package/dist/lib/stepper/stepper.d.ts

@@ -0,0 +1,3 @@
+import { StepperProps } from './types';
+export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/lib/stepper/stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAa,MAAM,SAAS,CAAC;AAOlD,eAAO,MAAM,OAAO,yGAsFlB,CAAC"}

package/dist/lib/stepper/stepper.js

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { Step } from "./step.js";
+import { Progress } from "../progress/progress.js";
+const maxPercent = 100;
+const Stepper = forwardRef((props, ref) => {
+  const { direction = "horizontal", className, items, activeIndex = 0, circleSize = 32, ...rest } = props;
+  const value = maxPercent / (items.length - 1) * activeIndex;
+  const progressBarSize = `${(items.length - 1) / items.length * 100}%`;
+  const progressBarStyles = {
+    horizontal: {
+      top: `${circleSize / 2}px`,
+      width: progressBarSize
+    },
+    vertical: {
+      left: `${circleSize / 2}px`,
+      height: progressBarSize
+    }
+  };
+  const renderItems = () => {
+    return items.map((item, index) => {
+      const { children, description, ...itemRest } = item;
+      const getState = () => {
+        if (index < activeIndex) {
+          return "done";
+        }
+        if (index === activeIndex) {
+          return "active";
+        }
+        if (index > activeIndex) {
+          return "normal";
+        }
+      };
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          css: {
+            flex: 1,
+            display: "flex",
+            gap: 16,
+            ...direction === "vertical" ? { flexDirection: "row", alignItems: "center" } : { flexDirection: "column", alignItems: "center", justifyContent: "space-between" }
+          },
+          children: [
+            /* @__PURE__ */ jsx(Step, { size: circleSize, state: getState(), ...itemRest, children: children ?? index + 1 }),
+            !!description && /* @__PURE__ */ jsx("div", { children: description })
+          ]
+        },
+        index
+      );
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { css: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        ref,
+        css: {
+          position: "absolute",
+          zIndex: -1,
+          width: "100%",
+          ...direction === "horizontal" ? { height: 4, left: "50%", transform: "translateX(-50%) translateY(-50%)" } : { width: 4, top: "50%", transform: "translateY(-50%) translateX(-50%)" }
+        },
+        style: progressBarStyles[direction],
+        value,
+        direction,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "ul",
+      {
+        css: {
+          display: "flex",
+          width: "100%",
+          height: "100%",
+          gap: 12,
+          ...direction === "horizontal" ? { flexDirection: "row", justifyContent: "space-between" } : { flexDirection: "column", justifyContent: "space-between" }
+        },
+        children: renderItems()
+      }
+    )
+  ] });
+});
+export {
+  Stepper
+};

package/dist/lib/stepper/types.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const states = {
+  done: "done",
+  active: "active",
+  normal: "normal"
+};
+exports.states = states;

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

@@ -0,0 +1,21 @@
+import { ReactNode, JSX } from 'react';
+import { ProgressDirection } from '../../types';
+export declare const states: {
+    done: string;
+    active: string;
+    normal: string;
+};
+export type StepProps = {
+    size?: number;
+    state?: keyof typeof states;
+    content?: ReactNode;
+    description?: ReactNode;
+} & JSX.IntrinsicElements['div'];
+export interface StepperProps {
+    items: StepProps[];
+    activeIndex?: number;
+    direction?: ProgressDirection;
+    className?: string;
+    circleSize?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/lib/stepper/types.js

@@ -0,0 +1,8 @@
+const states = {
+  done: "done",
+  active: "active",
+  normal: "normal"
+};
+export {
+  states
+};

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

@@ -0,0 +1,4 @@
+export * from './swiper';
+export * from './swiper-slide';
+export * from './swiper-dots-paging';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/swiper/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/dist/lib/swiper/swiper/helpers.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  autoplayOptions: {
+    active: false,
+    delay: 3e3,
+    stopOnFocusIn: false,
+    stopOnInteraction: false,
+    stopOnLastSnap: false
+  }
+};
+const getSwiperProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getSwiperProps = getSwiperProps;

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

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

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

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

package/dist/lib/swiper/swiper/helpers.js

@@ -0,0 +1,16 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  autoplayOptions: {
+    active: false,
+    delay: 3e3,
+    stopOnFocusIn: false,
+    stopOnInteraction: false,
+    stopOnLastSnap: false
+  }
+};
+const getSwiperProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getSwiperProps
+};

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

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

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

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