@opengovsg/oui 0.0.0-snapshot-20250813090518 → 0.0.0-snapshot-20250813172831

package/dist/esm/pagination/use-pagination-item.js

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+import { useMemo } from 'react';
+import { useFocusRing as $f7dceffc5ad7768b$export$4e328f61c538687f } from '../node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.js';
+import { useRouter, mergeProps, chain, shouldClientNavigate } from '@react-aria/utils';
+import { useHover as $6179b936705e76d3$export$ae780daf29e6d456 } from '../node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.js';
+import { usePress as $f6c31cce2adf654f$export$45712eceda6fad21 } from '../node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.js';
+import { cn, dataAttr } from '@opengovsg/oui-theme';
+import { filterDOMProps } from '../system/react-utils/filter-dom-props.js';
+import { useDomRef } from '../system/react-utils/refs.js';
+
+function usePaginationItem(props) {
+  const {
+    as,
+    ref,
+    value,
+    children,
+    isActive,
+    isDisabled,
+    onPress,
+    onClick,
+    getAriaLabel,
+    className,
+    ...otherProps
+  } = props;
+  const isLink = !!props?.href;
+  const Component = as || isLink ? "a" : "li";
+  const shouldFilterDOMProps = typeof Component === "string";
+  const domRef = useDomRef(ref);
+  const router = useRouter();
+  const ariaLabel = useMemo(
+    () => isActive ? `${getAriaLabel?.(value)} active` : getAriaLabel?.(value),
+    [isActive, getAriaLabel, value]
+  );
+  const { isPressed, pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled,
+    onPress
+  });
+  const { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled });
+  const getItemProps = (props2 = {}) => {
+    return {
+      ref: domRef,
+      role: "button",
+      tabIndex: isDisabled ? -1 : 0,
+      "aria-label": ariaLabel,
+      "aria-current": dataAttr(isActive),
+      "aria-disabled": dataAttr(isDisabled),
+      "data-disabled": dataAttr(isDisabled),
+      "data-active": dataAttr(isActive),
+      "data-focus": dataAttr(isFocused),
+      "data-hover": dataAttr(isHovered),
+      "data-pressed": dataAttr(isPressed),
+      "data-focus-visible": dataAttr(isFocusVisible),
+      ...mergeProps(
+        props2,
+        pressProps,
+        focusProps,
+        hoverProps,
+        filterDOMProps(otherProps, {
+          enabled: shouldFilterDOMProps
+        })
+      ),
+      className: cn(className, props2.className),
+      onClick: (e) => {
+        chain(pressProps?.onClick, onClick)(e);
+        if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
+        !e.isDefaultPrevented() && shouldClientNavigate(e.currentTarget, e) && props2.href) {
+          e.preventDefault();
+          router.open(e.currentTarget, e, props2.href, props2.routerOptions);
+        }
+      }
+    };
+  };
+  return {
+    Component,
+    children,
+    ariaLabel,
+    isFocused,
+    isFocusVisible,
+    getItemProps
+  };
+}
+
+export { usePaginationItem };

package/dist/esm/pagination/use-pagination.js

@@ -0,0 +1,248 @@
+"use strict";
+"use client";
+import { useRef, useCallback, useEffect } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { useDeepCompareMemo } from 'use-deep-compare';
+import { useIntersectionObserver } from 'usehooks-ts';
+import { paginationStyles, cn, dataAttr } from '@opengovsg/oui-theme';
+import { mapPropsVariants } from '../system/utils.js';
+import { usePagination as usePagination$1, PaginationItemType } from './hooks/use-pagination.js';
+import { useDomRef } from '../system/react-utils/refs.js';
+
+const CURSOR_TRANSITION_TIMEOUT = 300;
+function usePagination(originalProps) {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    paginationStyles.variantKeys
+  );
+  const {
+    as,
+    ref,
+    classNames,
+    dotsJump = 5,
+    loop = false,
+    showControls = false,
+    total = 1,
+    initialPage = 1,
+    page,
+    siblings,
+    boundaries,
+    onChange,
+    className,
+    renderItem,
+    getItemAriaLabel: getItemAriaLabelProp,
+    ...otherProps
+  } = props;
+  const Component = as || "nav";
+  const domRef = useDomRef(ref);
+  const cursorRef = useRef(null);
+  const itemsRef = useRef(null);
+  const cursorTimer = useRef(null);
+  const disableAnimation = originalProps?.disableAnimation ?? false;
+  const disableCursorAnimation = originalProps?.disableCursorAnimation ?? disableAnimation ?? false;
+  function getItemsRefMap() {
+    if (!itemsRef.current) {
+      itemsRef.current = /* @__PURE__ */ new Map();
+    }
+    return itemsRef.current;
+  }
+  function getItemRef(node, value) {
+    const map = getItemsRefMap();
+    if (node) {
+      map.set(value, node);
+    } else {
+      map.delete(value);
+    }
+  }
+  const scrollTo = useCallback(
+    (value, skipAnimation) => {
+      const map = getItemsRefMap();
+      const node = map.get(value);
+      if (!node || !cursorRef.current) return;
+      if (cursorTimer.current) {
+        clearTimeout(cursorTimer.current);
+      }
+      scrollIntoView(node, {
+        scrollMode: "always",
+        behavior: "smooth",
+        block: "start",
+        inline: "start",
+        boundary: domRef.current
+      });
+      const { offsetLeft } = node;
+      if (skipAnimation) {
+        cursorRef.current.setAttribute("data-moving", "false");
+        cursorRef.current.style.transform = `translateX(${offsetLeft}px) scale(1)`;
+        return;
+      }
+      cursorRef.current.setAttribute("data-moving", "true");
+      cursorRef.current.style.transform = `translateX(${offsetLeft}px) scale(1.1)`;
+      cursorTimer.current = setTimeout(() => {
+        if (cursorRef.current) {
+          cursorRef.current.style.transform = `translateX(${offsetLeft}px) scale(1)`;
+        }
+        cursorTimer.current = setTimeout(() => {
+          cursorRef.current?.setAttribute("data-moving", "false");
+          if (cursorTimer.current) {
+            clearTimeout(cursorTimer.current);
+          }
+        }, CURSOR_TRANSITION_TIMEOUT);
+      }, CURSOR_TRANSITION_TIMEOUT);
+    },
+    [domRef]
+  );
+  const { range, activePage, setPage, previous, next, first, last } = usePagination$1({
+    page,
+    total,
+    initialPage,
+    siblings,
+    boundaries,
+    showControls,
+    onChange
+  });
+  const [setRef, isVisible] = useIntersectionObserver();
+  useEffect(() => {
+    if (domRef.current) {
+      setRef(domRef.current);
+    }
+  }, [domRef, setRef]);
+  const activePageRef = useRef(activePage);
+  useEffect(() => {
+    if (activePage && !disableAnimation && isVisible) {
+      scrollTo(activePage, activePage === activePageRef.current);
+    }
+    activePageRef.current = activePage;
+  }, [
+    page,
+    activePage,
+    disableAnimation,
+    disableCursorAnimation,
+    isVisible,
+    originalProps.dotsJump,
+    originalProps.isCompact,
+    originalProps.showControls,
+    scrollTo
+  ]);
+  const slots = useDeepCompareMemo(
+    () => paginationStyles({
+      ...variantProps,
+      disableAnimation,
+      disableCursorAnimation
+    }),
+    [variantProps, disableCursorAnimation, disableAnimation]
+  );
+  const baseStyles = cn(classNames?.base, className);
+  const onNext = () => {
+    if (loop && activePage === total) {
+      return first();
+    }
+    return next();
+  };
+  const onPrevious = () => {
+    if (loop && activePage === 1) {
+      return last();
+    }
+    return previous();
+  };
+  const getBaseProps = (props2 = {}) => {
+    return {
+      ref: domRef,
+      role: "navigation",
+      "aria-label": props2["aria-label"] || "pagination navigation",
+      "data-slot": "base",
+      "data-controls": dataAttr(showControls),
+      "data-loop": dataAttr(loop),
+      "data-dots-jump": dotsJump,
+      "data-total": total,
+      "data-active-page": activePage,
+      className: slots.base({ class: cn(baseStyles, props2?.className) }),
+      ...otherProps,
+      ...props2
+    };
+  };
+  const getWrapperProps = (props2 = {}) => {
+    return {
+      "data-slot": "wrapper",
+      "data-disabled": dataAttr(variantProps.isDisabled),
+      role: "none",
+      className: slots.wrapper({
+        class: cn(classNames?.wrapper, props2?.className)
+      }),
+      ...props2
+    };
+  };
+  const getItemAriaLabel = (page2) => {
+    if (!page2) return;
+    if (getItemAriaLabelProp) {
+      return getItemAriaLabelProp(page2);
+    }
+    switch (page2) {
+      case PaginationItemType.DOTS:
+        return "dots element";
+      case PaginationItemType.PREV:
+        return "previous page button";
+      case PaginationItemType.NEXT:
+        return "next page button";
+      case "first":
+        return "first page button";
+      case "last":
+        return "last page button";
+      default:
+        return `pagination item ${page2}`;
+    }
+  };
+  const getItemProps = (props2 = {}) => {
+    return {
+      ref: (node) => getItemRef(node, props2.value),
+      "aria-disabled": dataAttr(variantProps.isDisabled),
+      "data-disabled": dataAttr(variantProps.isDisabled),
+      "data-slot": "item",
+      isActive: props2.value === activePage,
+      className: slots.item({
+        class: cn(classNames?.item, props2?.className)
+      }),
+      onPress: () => {
+        if (props2.value !== activePage) {
+          setPage(props2.value);
+        }
+      },
+      ...props2
+    };
+  };
+  const getCursorProps = (props2 = {}) => {
+    return {
+      ref: cursorRef,
+      activePage,
+      "data-slot": "cursor",
+      className: slots.cursor({
+        class: cn(classNames?.cursor, props2?.className)
+      }),
+      ...props2
+    };
+  };
+  return {
+    Component,
+    showControls,
+    dotsJump,
+    slots,
+    classNames,
+    loop,
+    total,
+    range,
+    activePage,
+    getItemRef,
+    disableAnimation,
+    disableCursorAnimation,
+    setPage,
+    onPrevious,
+    onNext,
+    renderItem,
+    getBaseProps,
+    getWrapperProps,
+    getItemProps,
+    getCursorProps,
+    getItemAriaLabel
+  };
+}
+
+export { CURSOR_TRANSITION_TIMEOUT, usePagination };

package/dist/esm/range-calendar/range-calendar.js

@@ -6,12 +6,12 @@ import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internatio
 import { RangeCalendar as RangeCalendar$1, Provider, CalendarGrid, CalendarGridBody, Text, RangeCalendarStateContext, useLocale, CalendarCell } from 'react-aria-components';
 import { useDeepCompareMemo } from 'use-deep-compare';
 import { calendarStyles, composeRenderProps, cn, dataAttr } from '@opengovsg/oui-theme';
-import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 import { AgnosticCalendarStateContext } from '../calendar/agnostic-calendar-state-context.js';
 import { CalendarBottomContent } from '../calendar/calendar-bottom-content.js';
 import { CalendarGridHeader } from '../calendar/calendar-grid-header.js';
 import { CalendarHeader } from '../calendar/calendar-header.js';
 import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
+import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 
 const RangeCalendar = forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = mapPropsVariants(

package/dist/esm/select/select.js

@@ -4,12 +4,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
 import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
-import { Button } from '../button/button.js';
-import { Label, Description, FieldError } from '../field/field.js';
-import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
+import { Label, Description, FieldError } from '../field/field.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import { Popover } from '../popover/popover.js';
+import { Button } from '../button/button.js';
 
 const calculateEstimatedRowHeight = (size) => {
   switch (size) {

package/dist/esm/system/react-utils/dom-props.js

@@ -0,0 +1,183 @@
+"use strict";
+const DOMPropNames = /* @__PURE__ */ new Set([
+  "id",
+  "type",
+  "style",
+  "title",
+  "role",
+  "tabIndex",
+  "htmlFor",
+  "width",
+  "height",
+  "abbr",
+  "accept",
+  "acceptCharset",
+  "accessKey",
+  "action",
+  "allowFullScreen",
+  "allowTransparency",
+  "alt",
+  "async",
+  "autoComplete",
+  "autoFocus",
+  "autoPlay",
+  "cellPadding",
+  "cellSpacing",
+  "challenge",
+  "charset",
+  "checked",
+  "cite",
+  "class",
+  "className",
+  "cols",
+  "colSpan",
+  "command",
+  "content",
+  "contentEditable",
+  "contextMenu",
+  "controls",
+  "coords",
+  "crossOrigin",
+  "data",
+  "dateTime",
+  "default",
+  "defer",
+  "dir",
+  "disabled",
+  "download",
+  "draggable",
+  "dropzone",
+  "encType",
+  "enterKeyHint",
+  "for",
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "frameBorder",
+  "headers",
+  "hidden",
+  "high",
+  "href",
+  "hrefLang",
+  "httpEquiv",
+  "icon",
+  "inputMode",
+  "isMap",
+  "itemId",
+  "itemProp",
+  "itemRef",
+  "itemScope",
+  "itemType",
+  "kind",
+  "label",
+  "lang",
+  "list",
+  "loop",
+  "manifest",
+  "max",
+  "maxLength",
+  "media",
+  "mediaGroup",
+  "method",
+  "min",
+  "minLength",
+  "multiple",
+  "muted",
+  "name",
+  "noValidate",
+  "open",
+  "optimum",
+  "pattern",
+  "ping",
+  "placeholder",
+  "poster",
+  "preload",
+  "radioGroup",
+  "referrerPolicy",
+  "readOnly",
+  "rel",
+  "required",
+  "rows",
+  "rowSpan",
+  "sandbox",
+  "scope",
+  "scoped",
+  "scrolling",
+  "seamless",
+  "selected",
+  "shape",
+  "size",
+  "sizes",
+  "slot",
+  "sortable",
+  "span",
+  "spellCheck",
+  "src",
+  "srcDoc",
+  "srcSet",
+  "start",
+  "step",
+  "target",
+  "translate",
+  "typeMustMatch",
+  "useMap",
+  "value",
+  "wmode",
+  "wrap"
+]);
+const DOMEventNames = /* @__PURE__ */ new Set([
+  "onCopy",
+  "onCut",
+  "onPaste",
+  "onLoad",
+  "onError",
+  "onWheel",
+  "onScroll",
+  "onCompositionEnd",
+  "onCompositionStart",
+  "onCompositionUpdate",
+  "onKeyDown",
+  "onKeyPress",
+  "onKeyUp",
+  "onFocus",
+  "onBlur",
+  "onChange",
+  "onInput",
+  "onSubmit",
+  "onClick",
+  "onContextMenu",
+  "onDoubleClick",
+  "onDrag",
+  "onDragEnd",
+  "onDragEnter",
+  "onDragExit",
+  "onDragLeave",
+  "onDragOver",
+  "onDragStart",
+  "onDrop",
+  "onMouseDown",
+  "onMouseEnter",
+  "onMouseLeave",
+  "onMouseMove",
+  "onMouseOut",
+  "onMouseOver",
+  "onMouseUp",
+  "onPointerDown",
+  "onPointerEnter",
+  "onPointerLeave",
+  "onPointerUp",
+  "onSelect",
+  "onTouchCancel",
+  "onTouchEnd",
+  "onTouchMove",
+  "onTouchStart",
+  "onAnimationStart",
+  "onAnimationEnd",
+  "onAnimationIteration",
+  "onTransitionEnd"
+]);
+
+export { DOMEventNames, DOMPropNames };

package/dist/esm/system/react-utils/filter-dom-props.js

@@ -0,0 +1,44 @@
+"use strict";
+import { DOMEventNames, DOMPropNames } from './dom-props.js';
+
+const propRe = /^(data-.*)$/;
+const ariaRe = /^(aria-.*)$/;
+const funcRe = /^(on[A-Z].*)$/;
+function filterDOMProps(props, opts = {}) {
+  const {
+    labelable = true,
+    enabled = true,
+    propNames,
+    omitPropNames,
+    omitEventNames,
+    omitDataProps,
+    omitEventProps
+  } = opts;
+  const filteredProps = {};
+  if (!enabled) {
+    return props;
+  }
+  for (const prop in props) {
+    if (omitPropNames?.has(prop)) {
+      continue;
+    }
+    if (omitEventNames?.has(prop) && funcRe.test(prop)) {
+      continue;
+    }
+    if (funcRe.test(prop) && !DOMEventNames.has(prop)) {
+      continue;
+    }
+    if (omitDataProps && propRe.test(prop)) {
+      continue;
+    }
+    if (omitEventProps && funcRe.test(prop)) {
+      continue;
+    }
+    if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || labelable && ariaRe.test(prop) || propNames?.has(prop) || propRe.test(prop)) || funcRe.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+}
+
+export { filterDOMProps };

package/dist/esm/system/react-utils/index.js

@@ -1,3 +1,4 @@
 "use strict";
 export { createContext } from './context.js';
 export { useDomRef } from './refs.js';
+export { filterDOMProps } from './filter-dom-props.js';

package/dist/esm/tag-field/tag-field.js

@@ -4,15 +4,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { composeRenderProps } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Input } from '../input/input.js';
-import { Popover } from '../popover/popover.js';
 import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldList } from './tag-field-list.js';
 import { TagFieldRoot } from './tag-field-root.js';
 import { TagFieldTagList } from './tag-field-tag-list.js';
 import { TagFieldTrigger } from './tag-field-trigger.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
+import { Popover } from '../popover/popover.js';
 
 function TagField({
   classNames,

package/dist/esm/text-area-field/text-area-field.js

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Label, Description, FieldError } from '../field/field.js';
 import { TextArea } from '../text-area/text-area.js';
+import { Label, Description, FieldError } from '../field/field.js';
 
 function TextAreaField({
   label,

package/dist/esm/text-field/text-field.js

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField as TextField$1 } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Label, Description, FieldError } from '../field/field.js';
 import { Input } from '../input/input.js';
+import { Label, Description, FieldError } from '../field/field.js';
 
 function TextField({
   label,

package/dist/types/index.d.mts

@@ -24,4 +24,5 @@ export * from "./date-field";
 export * from "./date-picker";
 export * from "./date-range-picker";
 export * from "./checkbox";
+export * from "./pagination";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -24,4 +24,5 @@ export * from "./date-field";
 export * from "./date-picker";
 export * from "./date-range-picker";
 export * from "./checkbox";
+export * from "./pagination";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}