@stableflow/pay-ui 0.0.1-beta-82ede460a5-20260923

package/dist/chunk-AIJAGS5R.js

@@ -0,0 +1,223 @@
+import {
+  IconClose
+} from "./chunk-J5TQGGEN.js";
+import {
+  Card
+} from "./chunk-MJ36QLY3.js";
+import {
+  OVERLAY_BASE_Z_INDEX,
+  OVERLAY_DIALOG_PANEL_FADE_SECONDS,
+  OVERLAY_EXIT_SECONDS,
+  OVERLAY_MASK_FADE_SECONDS,
+  OVERLAY_PANEL_SLIDE_SECONDS,
+  acquireOverlayLayer,
+  elevatedOverlayZIndex,
+  isTopOverlay,
+  releaseOverlayLayer
+} from "./chunk-RUOUGZWI.js";
+import {
+  fontSans
+} from "./chunk-FXENEWNN.js";
+import {
+  cn
+} from "./chunk-TUEV2KLC.js";
+
+// src/overlay/Overlay.tsx
+import { useEffect, useLayoutEffect as useLayoutEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "motion/react";
+
+// src/overlay/use-overlay-layer.ts
+import { useLayoutEffect, useState } from "react";
+function useOverlayLayer(open) {
+  const [zIndex, setZIndex] = useState(OVERLAY_BASE_Z_INDEX);
+  useLayoutEffect(() => {
+    if (!open) return;
+    const nextZIndex = acquireOverlayLayer();
+    setZIndex(nextZIndex);
+    return () => {
+      releaseOverlayLayer(nextZIndex);
+    };
+  }, [open]);
+  return zIndex;
+}
+
+// src/overlay/Overlay.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Overlay(props) {
+  const {
+    type = "dialog",
+    open,
+    onClose,
+    mask = true,
+    maskClassName,
+    closeOnMaskClick = true,
+    children,
+    className,
+    elevated = false
+  } = props;
+  const [present, setPresent] = useState2(open);
+  useLayoutEffect2(() => {
+    if (open) setPresent(true);
+  }, [open]);
+  const zIndex = useOverlayLayer(open || present);
+  const visualZIndex = elevated ? elevatedOverlayZIndex(zIndex) : zIndex;
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      if (!isTopOverlay(zIndex)) return;
+      onClose?.();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, onClose, zIndex]);
+  if (typeof document === "undefined") return null;
+  if (!open && !present) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: () => setPresent(false), children: open ? /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: cn("fixed inset-0 overflow-hidden", !mask && "pointer-events-none", className),
+        style: { zIndex: visualZIndex },
+        role: "presentation",
+        initial: { opacity: 1 },
+        animate: { opacity: 1 },
+        exit: { opacity: 1 },
+        transition: { duration: OVERLAY_EXIT_SECONDS },
+        children: [
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: cn(
+                "absolute inset-0",
+                mask ? "bg-[rgba(0,0,0,0.50)]" : "bg-transparent",
+                !closeOnMaskClick && "pointer-events-none",
+                maskClassName
+              ),
+              initial: { opacity: 0 },
+              animate: { opacity: 1, transition: { duration: OVERLAY_MASK_FADE_SECONDS, delay: 0 } },
+              exit: {
+                opacity: 0,
+                transition: {
+                  duration: OVERLAY_MASK_FADE_SECONDS,
+                  delay: type === "drawer" ? OVERLAY_PANEL_SLIDE_SECONDS : OVERLAY_DIALOG_PANEL_FADE_SECONDS
+                }
+              },
+              onClick: closeOnMaskClick ? onClose : void 0
+            }
+          ),
+          children
+        ]
+      },
+      "overlay-root"
+    ) : null }),
+    document.body
+  );
+}
+
+// src/overlay/OverlayPanel.tsx
+import { useEffect as useEffect2, useId } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function OverlayPanel(props) {
+  const {
+    title,
+    ariaLabel,
+    titleClassName,
+    closeClassName,
+    closeIcon,
+    headerAction,
+    onClose,
+    cardClassName,
+    contentClassName,
+    children,
+    style,
+    trapFocus = true
+  } = props;
+  const panelId = useId();
+  const titleId = panelId + "-title";
+  const hasTitle = title !== void 0 && title !== null && title !== "";
+  useEffect2(() => {
+    if (!trapFocus) return;
+    const panel = document.getElementById(panelId);
+    if (!panel) return;
+    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    panel.focus({ preventScroll: true });
+    const handleKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const focusableElements = Array.from(
+        panel.querySelectorAll(
+          'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter((element) => element.getAttribute("aria-hidden") !== "true" && element.getClientRects().length > 0);
+      if (focusableElements.length === 0) {
+        event.preventDefault();
+        panel.focus({ preventScroll: true });
+        return;
+      }
+      const firstElement = focusableElements[0];
+      const lastElement = focusableElements[focusableElements.length - 1];
+      const activeElement = document.activeElement;
+      if (event.shiftKey && (activeElement === panel || activeElement === firstElement || !panel.contains(activeElement))) {
+        event.preventDefault();
+        lastElement.focus({ preventScroll: true });
+      } else if (!event.shiftKey && activeElement === lastElement) {
+        event.preventDefault();
+        firstElement.focus({ preventScroll: true });
+      }
+    };
+    panel.addEventListener("keydown", handleKeyDown);
+    return () => {
+      panel.removeEventListener("keydown", handleKeyDown);
+      if (previouslyFocused?.isConnected) previouslyFocused.focus({ preventScroll: true });
+    };
+  }, [panelId, trapFocus]);
+  return /* @__PURE__ */ jsxs2(
+    Card,
+    {
+      id: panelId,
+      role: "dialog",
+      "aria-modal": trapFocus ? "true" : void 0,
+      "aria-labelledby": hasTitle ? titleId : void 0,
+      "aria-label": hasTitle ? void 0 : ariaLabel,
+      tabIndex: -1,
+      className: cn("relative flex flex-col gap-5", cardClassName),
+      style,
+      onClick: (event) => event.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "relative flex shrink-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx2(
+            "h2",
+            {
+              id: hasTitle ? titleId : void 0,
+              className: cn(
+                "min-h-5 min-w-0 text-[20px] font-semibold leading-normal text-black",
+                fontSans,
+                titleClassName
+              ),
+              children: title
+            }
+          ),
+          headerAction,
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close",
+              onClick: onClose,
+              className: cn("ml-auto shrink-0 cursor-pointer border-0 bg-transparent p-0 text-black", closeClassName),
+              children: closeIcon ?? /* @__PURE__ */ jsx2(IconClose, { className: "size-3.25" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: cn("min-h-0 flex-1 overflow-y-auto", contentClassName), children })
+      ]
+    }
+  );
+}
+
+export {
+  Overlay,
+  OverlayPanel
+};
+//# sourceMappingURL=chunk-AIJAGS5R.js.map

package/dist/chunk-AIJAGS5R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlay/Overlay.tsx","../src/overlay/use-overlay-layer.ts","../src/overlay/OverlayPanel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useEffect, useLayoutEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  OVERLAY_DIALOG_PANEL_FADE_SECONDS,\n  OVERLAY_EXIT_SECONDS,\n  OVERLAY_MASK_FADE_SECONDS,\n  OVERLAY_PANEL_SLIDE_SECONDS,\n} from \"./config\";\nimport { elevatedOverlayZIndex, isTopOverlay } from \"./stack\";\nimport { useOverlayLayer } from \"./use-overlay-layer\";\n\nexport type OverlayProps = {\n  type?: \"dialog\" | \"drawer\";\n  open: boolean;\n  onClose?: () => void;\n  mask?: boolean;\n  maskClassName?: string;\n  closeOnMaskClick?: boolean;\n  children?: ReactNode;\n  className?: string;\n  elevated?: boolean;\n};\n\nexport function Overlay(props: OverlayProps) {\n  const {\n    type = \"dialog\",\n    open,\n    onClose,\n    mask = true,\n    maskClassName,\n    closeOnMaskClick = true,\n    children,\n    className,\n    elevated = false,\n  } = props;\n  const [present, setPresent] = useState(open);\n\n  useLayoutEffect(() => {\n    if (open) setPresent(true);\n  }, [open]);\n\n  const zIndex = useOverlayLayer(open || present);\n  const visualZIndex = elevated ? elevatedOverlayZIndex(zIndex) : zIndex;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (!isTopOverlay(zIndex)) return;\n      onClose?.();\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, onClose, zIndex]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!open && !present) return null;\n\n  return createPortal(\n    <AnimatePresence onExitComplete={() => setPresent(false)}>\n      {open ? (\n        <motion.div\n          key=\"overlay-root\"\n          className={cn(\"fixed inset-0 overflow-hidden\", !mask && \"pointer-events-none\", className)}\n          style={{ zIndex: visualZIndex }}\n          role=\"presentation\"\n          initial={{ opacity: 1 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 1 }}\n          transition={{ duration: OVERLAY_EXIT_SECONDS }}\n        >\n          <motion.div\n            className={cn(\n              \"absolute inset-0\",\n              mask ? \"bg-[rgba(0,0,0,0.50)]\" : \"bg-transparent\",\n              !closeOnMaskClick && \"pointer-events-none\",\n              maskClassName,\n            )}\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1, transition: { duration: OVERLAY_MASK_FADE_SECONDS, delay: 0 } }}\n            exit={{\n              opacity: 0,\n              transition: {\n                duration: OVERLAY_MASK_FADE_SECONDS,\n                delay: type === \"drawer\" ? OVERLAY_PANEL_SLIDE_SECONDS : OVERLAY_DIALOG_PANEL_FADE_SECONDS,\n              },\n            }}\n            onClick={closeOnMaskClick ? onClose : undefined}\n          />\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>,\n    document.body,\n  );\n}\n\nexport default Overlay;\n","import { useLayoutEffect, useState } from \"react\";\nimport { OVERLAY_BASE_Z_INDEX } from \"./config\";\nimport { acquireOverlayLayer, releaseOverlayLayer } from \"./stack\";\n\nexport function useOverlayLayer(open: boolean) {\n  const [zIndex, setZIndex] = useState(OVERLAY_BASE_Z_INDEX);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    const nextZIndex = acquireOverlayLayer();\n    setZIndex(nextZIndex);\n    return () => {\n      releaseOverlayLayer(nextZIndex);\n    };\n  }, [open]);\n\n  return zIndex;\n}\n","import { useEffect, useId, type CSSProperties, type ReactNode } from \"react\";\nimport { IconClose } from \"../icons/close\";\nimport { cn } from \"../lib/cn\";\nimport { fontSans } from \"../lib/font\";\nimport { Card } from \"../card/Card\";\n\nexport type OverlayPanelProps = {\n  title?: ReactNode;\n  ariaLabel?: string;\n  titleClassName?: string;\n  closeClassName?: string;\n  closeIcon?: ReactNode;\n  headerAction?: ReactNode;\n  onClose?: () => void;\n  cardClassName?: string;\n  contentClassName?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  trapFocus?: boolean;\n};\n\nexport function OverlayPanel(props: OverlayPanelProps) {\n  const {\n    title,\n    ariaLabel,\n    titleClassName,\n    closeClassName,\n    closeIcon,\n    headerAction,\n    onClose,\n    cardClassName,\n    contentClassName,\n    children,\n    style,\n    trapFocus = true,\n  } = props;\n  const panelId = useId();\n  const titleId = panelId + \"-title\";\n  const hasTitle = title !== undefined && title !== null && title !== \"\";\n\n  useEffect(() => {\n    if (!trapFocus) return;\n\n    const panel = document.getElementById(panelId);\n    if (!panel) return;\n\n    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    panel.focus({ preventScroll: true });\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      const focusableElements = Array.from(\n        panel.querySelectorAll<HTMLElement>(\n          'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n        ),\n      ).filter((element) => element.getAttribute(\"aria-hidden\") !== \"true\" && element.getClientRects().length > 0);\n\n      if (focusableElements.length === 0) {\n        event.preventDefault();\n        panel.focus({ preventScroll: true });\n        return;\n      }\n\n      const firstElement = focusableElements[0];\n      const lastElement = focusableElements[focusableElements.length - 1];\n      const activeElement = document.activeElement;\n\n      if (event.shiftKey && (activeElement === panel || activeElement === firstElement || !panel.contains(activeElement))) {\n        event.preventDefault();\n        lastElement.focus({ preventScroll: true });\n      } else if (!event.shiftKey && activeElement === lastElement) {\n        event.preventDefault();\n        firstElement.focus({ preventScroll: true });\n      }\n    };\n\n    panel.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      panel.removeEventListener(\"keydown\", handleKeyDown);\n      if (previouslyFocused?.isConnected) previouslyFocused.focus({ preventScroll: true });\n    };\n  }, [panelId, trapFocus]);\n\n  return (\n    <Card\n      id={panelId}\n      role=\"dialog\"\n      aria-modal={trapFocus ? \"true\" : undefined}\n      aria-labelledby={hasTitle ? titleId : undefined}\n      aria-label={hasTitle ? undefined : ariaLabel}\n      tabIndex={-1}\n      className={cn(\"relative flex flex-col gap-5\", cardClassName)}\n      style={style}\n      onClick={(event) => event.stopPropagation()}\n    >\n      <div className=\"relative flex shrink-0 items-center gap-3\">\n        <h2\n          id={hasTitle ? titleId : undefined}\n          className={cn(\n            \"min-h-5 min-w-0 text-[20px] font-semibold leading-normal text-black\",\n            fontSans,\n            titleClassName,\n          )}\n        >\n          {title}\n        </h2>\n        {headerAction}\n        <button\n          type=\"button\"\n          aria-label=\"Close\"\n          onClick={onClose}\n          className={cn(\"ml-auto shrink-0 cursor-pointer border-0 bg-transparent p-0 text-black\", closeClassName)}\n        >\n          {closeIcon ?? <IconClose className=\"size-3.25\" />}\n        </button>\n      </div>\n      <div className={cn(\"min-h-0 flex-1 overflow-y-auto\", contentClassName)}>{children}</div>\n    </Card>\n  );\n}\n\nexport default OverlayPanel;\n"],"mappings":"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","names":["useLayoutEffect","useState","useState","useLayoutEffect","useEffect","jsx","jsxs","useEffect"]}

package/dist/chunk-DON56HU7.js

@@ -0,0 +1,113 @@
+import {
+  Overlay,
+  OverlayPanel
+} from "./chunk-AIJAGS5R.js";
+import {
+  OVERLAY_MASK_FADE_SECONDS,
+  OVERLAY_PANEL_SLIDE_SECONDS
+} from "./chunk-RUOUGZWI.js";
+import {
+  cn
+} from "./chunk-TUEV2KLC.js";
+
+// src/drawer/config.ts
+var DRAWER_SIDE = {
+  Top: "top",
+  Right: "right",
+  Bottom: "bottom",
+  Left: "left"
+};
+
+// src/drawer/Drawer.tsx
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+function Drawer(props) {
+  const {
+    open,
+    onClose,
+    title,
+    ariaLabel,
+    children,
+    mask = true,
+    maskClassName,
+    closeOnMaskClick = true,
+    cardClassName,
+    panelClassName,
+    titleClassName,
+    closeClassName,
+    closeIcon,
+    headerAction,
+    contentClassName,
+    side = DRAWER_SIDE.Right
+  } = props;
+  const hidden = slideHidden(side);
+  return /* @__PURE__ */ jsx(
+    Overlay,
+    {
+      type: "drawer",
+      open,
+      onClose,
+      mask,
+      maskClassName,
+      closeOnMaskClick,
+      elevated: props.elevated,
+      children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: cn("pointer-events-auto", drawerPositionClassName(side), panelClassName),
+          initial: hidden,
+          animate: {
+            x: 0,
+            y: 0,
+            transition: { duration: OVERLAY_PANEL_SLIDE_SECONDS, delay: OVERLAY_MASK_FADE_SECONDS, ease: easeOut }
+          },
+          exit: {
+            ...hidden,
+            transition: { duration: OVERLAY_PANEL_SLIDE_SECONDS, delay: 0, ease: easeOut }
+          },
+          children: /* @__PURE__ */ jsx(
+            OverlayPanel,
+            {
+              title,
+              ariaLabel,
+              titleClassName,
+              closeClassName,
+              closeIcon,
+              headerAction,
+              contentClassName,
+              onClose,
+              cardClassName: cn(drawerPanelClassName(side), cardClassName),
+              trapFocus: mask,
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var easeOut = [0.32, 0.72, 0, 1];
+function slideHidden(side) {
+  if (side === DRAWER_SIDE.Top) return { y: "-100%" };
+  if (side === DRAWER_SIDE.Bottom) return { y: "100%" };
+  if (side === DRAWER_SIDE.Left) return { x: "-100%" };
+  return { x: "100%" };
+}
+function drawerPositionClassName(side) {
+  if (side === DRAWER_SIDE.Top) return "absolute inset-x-0 top-0";
+  if (side === DRAWER_SIDE.Bottom) return "absolute inset-x-0 bottom-0";
+  if (side === DRAWER_SIDE.Left) return "absolute inset-y-0 left-0 h-full w-[min(100%,420px)]";
+  return "absolute inset-y-0 right-0 h-full w-[min(100%,420px)]";
+}
+function drawerPanelClassName(side) {
+  if (side === DRAWER_SIDE.Top) return "w-full max-h-[90vh] rounded-t-none md:rounded-t-none";
+  if (side === DRAWER_SIDE.Bottom) return "w-full max-h-[90vh] rounded-b-none md:rounded-b-none";
+  if (side === DRAWER_SIDE.Left) return "h-full w-full rounded-l-none md:rounded-l-none";
+  return "h-full w-full rounded-r-none md:rounded-r-none";
+}
+
+export {
+  DRAWER_SIDE,
+  Drawer
+};
+//# sourceMappingURL=chunk-DON56HU7.js.map

package/dist/chunk-DON56HU7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer/config.ts","../src/drawer/Drawer.tsx"],"sourcesContent":["export const DRAWER_SIDE = {\n  Top: \"top\",\n  Right: \"right\",\n  Bottom: \"bottom\",\n  Left: \"left\",\n} as const;\n\nexport type DrawerSide = (typeof DRAWER_SIDE)[keyof typeof DRAWER_SIDE];\n","import { motion } from \"motion/react\";\nimport { cn } from \"../lib/cn\";\nimport { Overlay } from \"../overlay/Overlay\";\nimport { OverlayPanel } from \"../overlay/OverlayPanel\";\nimport { OVERLAY_MASK_FADE_SECONDS, OVERLAY_PANEL_SLIDE_SECONDS } from \"../overlay/config\";\nimport type { OverlayChromeProps } from \"../overlay/types\";\nimport { DRAWER_SIDE, type DrawerSide } from \"./config\";\n\nexport type DrawerProps = OverlayChromeProps & {\n  side?: DrawerSide;\n};\n\nexport function Drawer(props: DrawerProps) {\n  const {\n    open,\n    onClose,\n    title,\n    ariaLabel,\n    children,\n    mask = true,\n    maskClassName,\n    closeOnMaskClick = true,\n    cardClassName,\n    panelClassName,\n    titleClassName,\n    closeClassName,\n    closeIcon,\n    headerAction,\n    contentClassName,\n    side = DRAWER_SIDE.Right,\n  } = props;\n  const hidden = slideHidden(side);\n\n  return (\n    <Overlay\n      type=\"drawer\"\n      open={open}\n      onClose={onClose}\n      mask={mask}\n      maskClassName={maskClassName}\n      closeOnMaskClick={closeOnMaskClick}\n      elevated={props.elevated}\n    >\n      <motion.div\n        className={cn(\"pointer-events-auto\", drawerPositionClassName(side), panelClassName)}\n        initial={hidden}\n        animate={{\n          x: 0,\n          y: 0,\n          transition: { duration: OVERLAY_PANEL_SLIDE_SECONDS, delay: OVERLAY_MASK_FADE_SECONDS, ease: easeOut },\n        }}\n        exit={{\n          ...hidden,\n          transition: { duration: OVERLAY_PANEL_SLIDE_SECONDS, delay: 0, ease: easeOut },\n        }}\n      >\n        <OverlayPanel\n          title={title}\n          ariaLabel={ariaLabel}\n          titleClassName={titleClassName}\n          closeClassName={closeClassName}\n          closeIcon={closeIcon}\n          headerAction={headerAction}\n          contentClassName={contentClassName}\n          onClose={onClose}\n          cardClassName={cn(drawerPanelClassName(side), cardClassName)}\n          trapFocus={mask}\n        >\n          {children}\n        </OverlayPanel>\n      </motion.div>\n    </Overlay>\n  );\n}\n\nexport default Drawer;\n\nconst easeOut: [number, number, number, number] = [0.32, 0.72, 0, 1];\n\nfunction slideHidden(side: DrawerSide): { x?: string; y?: string } {\n  if (side === DRAWER_SIDE.Top) return { y: \"-100%\" };\n  if (side === DRAWER_SIDE.Bottom) return { y: \"100%\" };\n  if (side === DRAWER_SIDE.Left) return { x: \"-100%\" };\n  return { x: \"100%\" };\n}\n\nfunction drawerPositionClassName(side: DrawerSide) {\n  if (side === DRAWER_SIDE.Top) return \"absolute inset-x-0 top-0\";\n  if (side === DRAWER_SIDE.Bottom) return \"absolute inset-x-0 bottom-0\";\n  if (side === DRAWER_SIDE.Left) return \"absolute inset-y-0 left-0 h-full w-[min(100%,420px)]\";\n  return \"absolute inset-y-0 right-0 h-full w-[min(100%,420px)]\";\n}\n\nfunction drawerPanelClassName(side: DrawerSide) {\n  if (side === DRAWER_SIDE.Top) return \"w-full max-h-[90vh] rounded-t-none md:rounded-t-none\";\n  if (side === DRAWER_SIDE.Bottom) return \"w-full max-h-[90vh] rounded-b-none md:rounded-b-none\";\n  if (side === DRAWER_SIDE.Left) return \"h-full w-full rounded-l-none md:rounded-l-none\";\n  return \"h-full w-full rounded-r-none md:rounded-r-none\";\n}\n"],"mappings":";;;;;;;;;;;;;AAAO,IAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR;;;ACLA,SAAS,cAAc;AAwDf;AA5CD,SAAS,OAAO,OAAoB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,EACrB,IAAI;AACJ,QAAM,SAAS,YAAY,IAAI;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,MAAM;AAAA,MAEhB;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,WAAW,GAAG,uBAAuB,wBAAwB,IAAI,GAAG,cAAc;AAAA,UAClF,SAAS;AAAA,UACT,SAAS;AAAA,YACP,GAAG;AAAA,YACH,GAAG;AAAA,YACH,YAAY,EAAE,UAAU,6BAA6B,OAAO,2BAA2B,MAAM,QAAQ;AAAA,UACvG;AAAA,UACA,MAAM;AAAA,YACJ,GAAG;AAAA,YACH,YAAY,EAAE,UAAU,6BAA6B,OAAO,GAAG,MAAM,QAAQ;AAAA,UAC/E;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAe,GAAG,qBAAqB,IAAI,GAAG,aAAa;AAAA,cAC3D,WAAW;AAAA,cAEV;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAIA,IAAM,UAA4C,CAAC,MAAM,MAAM,GAAG,CAAC;AAEnE,SAAS,YAAY,MAA8C;AACjE,MAAI,SAAS,YAAY,IAAK,QAAO,EAAE,GAAG,QAAQ;AAClD,MAAI,SAAS,YAAY,OAAQ,QAAO,EAAE,GAAG,OAAO;AACpD,MAAI,SAAS,YAAY,KAAM,QAAO,EAAE,GAAG,QAAQ;AACnD,SAAO,EAAE,GAAG,OAAO;AACrB;AAEA,SAAS,wBAAwB,MAAkB;AACjD,MAAI,SAAS,YAAY,IAAK,QAAO;AACrC,MAAI,SAAS,YAAY,OAAQ,QAAO;AACxC,MAAI,SAAS,YAAY,KAAM,QAAO;AACtC,SAAO;AACT;AAEA,SAAS,qBAAqB,MAAkB;AAC9C,MAAI,SAAS,YAAY,IAAK,QAAO;AACrC,MAAI,SAAS,YAAY,OAAQ,QAAO;AACxC,MAAI,SAAS,YAAY,KAAM,QAAO;AACtC,SAAO;AACT;","names":[]}

package/dist/chunk-FXENEWNN.js

@@ -0,0 +1,7 @@
+// src/lib/font.ts
+var fontSans = "[font-family:Montserrat,PingFang_SC,system-ui,sans-serif]";
+
+export {
+  fontSans
+};
+//# sourceMappingURL=chunk-FXENEWNN.js.map

package/dist/chunk-FXENEWNN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/font.ts"],"sourcesContent":["/** Host-independent sans stack. Underscores in the arbitrary value become spaces. */\nexport const fontSans = \"[font-family:Montserrat,PingFang_SC,system-ui,sans-serif]\";\n"],"mappings":";AACO,IAAM,WAAW;","names":[]}

package/dist/chunk-J5TQGGEN.js

@@ -0,0 +1,57 @@
+// src/icons/close.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var IconClose = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 13 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "0.75",
+            y1: "-0.75",
+            x2: "16.2197",
+            y2: "-0.75",
+            transform: "matrix(0.707069 -0.707145 0.707069 0.707145 1.00122 12.75)",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "0.75",
+            y1: "-0.75",
+            x2: "16.2197",
+            y2: "-0.75",
+            transform: "matrix(-0.707069 -0.707145 -0.707069 0.707145 11.9985 12.75)",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+var close_default = IconClose;
+
+export {
+  IconClose,
+  close_default
+};
+//# sourceMappingURL=chunk-J5TQGGEN.js.map

package/dist/chunk-J5TQGGEN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/close.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconClose = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"13\"\n      height=\"13\"\n      viewBox=\"0 0 13 13\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <line\n        x1=\"0.75\"\n        y1=\"-0.75\"\n        x2=\"16.2197\"\n        y2=\"-0.75\"\n        transform=\"matrix(0.707069 -0.707145 0.707069 0.707145 1.00122 12.75)\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <line\n        x1=\"0.75\"\n        y1=\"-0.75\"\n        x2=\"16.2197\"\n        y2=\"-0.75\"\n        transform=\"matrix(-0.707069 -0.707145 -0.707069 0.707145 11.9985 12.75)\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default IconClose;\n"],"mappings":";AASI,SASE,KATF;AAPG,IAAM,YAAY,CAAC,UAAqB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,WAAU;AAAA,YACV,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,WAAU;AAAA,YACV,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/chunk-MJ36QLY3.js

@@ -0,0 +1,23 @@
+import {
+  cn
+} from "./chunk-TUEV2KLC.js";
+
+// src/card/Card.tsx
+import { jsx } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-[14px] border border-white bg-[#FDFDFD] p-4 shadow-[0_0_20px_0_rgba(0,0,0,0.06)] md:rounded-[20px] md:p-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Card
+};
+//# sourceMappingURL=chunk-MJ36QLY3.js.map

package/dist/chunk-MJ36QLY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nexport type CardProps = HTMLAttributes<HTMLDivElement>;\n\nexport function Card({ className, ...props }: CardProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-[14px] border border-white bg-[#FDFDFD] p-4 shadow-[0_0_20px_0_rgba(0,0,0,0.06)] md:rounded-[20px] md:p-5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport default Card;\n"],"mappings":";;;;;AAOI;AAFG,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAc;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-NZGSPYWG.js

@@ -0,0 +1,34 @@
+// src/icons/alert.tsx
+import { jsx } from "react/jsx-runtime";
+var IconAlert = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "2",
+      height: "7",
+      viewBox: "0 0 2 7",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M0.888801 5.112C0.653076 5.112 0.427006 5.20564 0.260324 5.37232C0.0936412 5.53901 0 5.76508 0 6.0008C0 6.23653 0.0936412 6.46259 0.260324 6.62928C0.427006 6.79596 0.653076 6.8896 0.888801 6.8896C1.12453 6.8896 1.35059 6.79596 1.51728 6.62928C1.68396 6.46259 1.7776 6.23653 1.7776 6.0008C1.7776 5.76508 1.68396 5.53901 1.51728 5.37232C1.35059 5.20564 1.12453 5.112 0.888801 5.112ZM0.888801 0.000800133C0.397601 0.000800133 0 0.3984 0 0.8896L0 3.3344C0 3.57013 0.0936412 3.79619 0.260324 3.96288C0.427006 4.12956 0.653076 4.2232 0.888801 4.2232C1.12453 4.2232 1.35059 4.12956 1.51728 3.96288C1.68396 3.79619 1.7776 3.57013 1.7776 3.3344V0.8888C1.7776 0.3976 1.38 0 0.8896 0L0.888801 0.000800133Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var alert_default = IconAlert;
+
+export {
+  IconAlert,
+  alert_default
+};
+//# sourceMappingURL=chunk-NZGSPYWG.js.map

package/dist/chunk-NZGSPYWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/alert.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconAlert = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"2\"\n      height=\"7\"\n      viewBox=\"0 0 2 7\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M0.888801 5.112C0.653076 5.112 0.427006 5.20564 0.260324 5.37232C0.0936412 5.53901 0 5.76508 0 6.0008C0 6.23653 0.0936412 6.46259 0.260324 6.62928C0.427006 6.79596 0.653076 6.8896 0.888801 6.8896C1.12453 6.8896 1.35059 6.79596 1.51728 6.62928C1.68396 6.46259 1.7776 6.23653 1.7776 6.0008C1.7776 5.76508 1.68396 5.53901 1.51728 5.37232C1.35059 5.20564 1.12453 5.112 0.888801 5.112ZM0.888801 0.000800133C0.397601 0.000800133 0 0.3984 0 0.8896L0 3.3344C0 3.57013 0.0936412 3.79619 0.260324 3.96288C0.427006 4.12956 0.653076 4.2232 0.888801 4.2232C1.12453 4.2232 1.35059 4.12956 1.51728 3.96288C1.68396 3.79619 1.7776 3.57013 1.7776 3.3344V0.8888C1.7776 0.3976 1.38 0 0.8896 0L0.888801 0.000800133Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconAlert;\n"],"mappings":";AAkBM;AAhBC,IAAM,YAAY,CAAC,UAAqB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/chunk-OGSFVQK2.js

@@ -0,0 +1,34 @@
+// src/icons/arrow-down.tsx
+import { jsx } from "react/jsx-runtime";
+var IconArrowDown = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "11",
+      height: "6",
+      viewBox: "0 0 11 6",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M0.305908 0.395508L5.47832 4.39551L10.3059 0.395508",
+          stroke: "currentColor"
+        }
+      )
+    }
+  );
+};
+var arrow_down_default = IconArrowDown;
+
+export {
+  IconArrowDown,
+  arrow_down_default
+};
+//# sourceMappingURL=chunk-OGSFVQK2.js.map

package/dist/chunk-OGSFVQK2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/arrow-down.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconArrowDown = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"11\"\n      height=\"6\"\n      viewBox=\"0 0 11 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M0.305908 0.395508L5.47832 4.39551L10.3059 0.395508\"\n        stroke=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconArrowDown;\n"],"mappings":";AAkBM;AAhBC,IAAM,gBAAgB,CAAC,UAAqB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/chunk-R46DAHYR.js

@@ -0,0 +1,14 @@
+import {
+  cn
+} from "./chunk-TUEV2KLC.js";
+
+// src/skeleton/Skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function Skeleton({ className }) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("block animate-pulse rounded-[8px] bg-[#e8e8e8]", className) });
+}
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-R46DAHYR.js.map

package/dist/chunk-R46DAHYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\nexport function Skeleton({ className }: { className?: string }) {\n  return <span aria-hidden className={cn(\"block animate-pulse rounded-[8px] bg-[#e8e8e8]\", className)} />;\n}\n\nexport default Skeleton;\n"],"mappings":";;;;;AAGS;AADF,SAAS,SAAS,EAAE,UAAU,GAA2B;AAC9D,SAAO,oBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,kDAAkD,SAAS,GAAG;AACvG;","names":[]}

package/dist/chunk-R4BKHISR.js

@@ -0,0 +1,34 @@
+// src/icons/search.tsx
+import { jsx } from "react/jsx-runtime";
+var IconSearch = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.36129 0C9.8746 0 12.7226 2.84799 12.7226 6.36129C12.7226 7.87116 12.1965 9.2583 11.3179 10.3491C11.3904 10.363 11.457 10.3985 11.5091 10.4509L13.8904 12.8322C13.9606 12.9024 14 12.9976 14 13.0968C14 13.196 13.9606 13.2912 13.8904 13.3613L13.3613 13.8904C13.2912 13.9606 13.196 14 13.0968 14C12.9976 14 12.9024 13.9606 12.8322 13.8904L10.4509 11.5091C10.3985 11.4569 10.3628 11.3904 10.3483 11.3179C9.21949 12.229 7.81199 12.7249 6.36129 12.7226C2.84799 12.7226 -1.75403e-08 9.8746 0 6.36129C1.75403e-08 2.84799 2.84799 0 6.36129 0ZM6.36129 1.49677C3.67458 1.49677 1.49677 3.67458 1.49677 6.36129C1.49677 9.048 3.67458 11.2258 6.36129 11.2258C9.048 11.2258 11.2258 9.048 11.2258 6.36129C11.2258 3.67458 9.048 1.49677 6.36129 1.49677Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var search_default = IconSearch;
+
+export {
+  IconSearch,
+  search_default
+};
+//# sourceMappingURL=chunk-R4BKHISR.js.map

package/dist/chunk-R4BKHISR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/search.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconSearch = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M6.36129 0C9.8746 0 12.7226 2.84799 12.7226 6.36129C12.7226 7.87116 12.1965 9.2583 11.3179 10.3491C11.3904 10.363 11.457 10.3985 11.5091 10.4509L13.8904 12.8322C13.9606 12.9024 14 12.9976 14 13.0968C14 13.196 13.9606 13.2912 13.8904 13.3613L13.3613 13.8904C13.2912 13.9606 13.196 14 13.0968 14C12.9976 14 12.9024 13.9606 12.8322 13.8904L10.4509 11.5091C10.3985 11.4569 10.3628 11.3904 10.3483 11.3179C9.21949 12.229 7.81199 12.7249 6.36129 12.7226C2.84799 12.7226 -1.75403e-08 9.8746 0 6.36129C1.75403e-08 2.84799 2.84799 0 6.36129 0ZM6.36129 1.49677C3.67458 1.49677 1.49677 3.67458 1.49677 6.36129C1.49677 9.048 3.67458 11.2258 6.36129 11.2258C9.048 11.2258 11.2258 9.048 11.2258 6.36129C11.2258 3.67458 9.048 1.49677 6.36129 1.49677Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconSearch;\n"],"mappings":";AAkBM;AAhBC,IAAM,aAAa,CAAC,UAAqB;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}