@jbpark/ui-kit 3.7.0 → 4.0.0

package/dist/components/organisms/list/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ListImpl"],"sources":["../../../../src/components/organisms/list/index.ts"],"sourcesContent":["import Item from './item';\nimport ListImpl from './list';\n\ntype ListComponent = typeof ListImpl & { Item: typeof Item };\n\nconst List = ListImpl as ListComponent;\n\nList.Item = Item;\n\nexport default List;\n"],"mappings":";;;;AAKA,MAAM,OAAOA;AAEb,KAAK,OAAO"}
+{"version":3,"file":"index.mjs","names":["ListImpl"],"sources":["../../../../src/components/organisms/list/index.ts"],"sourcesContent":["import Item from './item';\nimport ListImpl from './list';\n\ntype ListComponent = typeof ListImpl & { Item: typeof Item };\n\nconst List = ListImpl as ListComponent;\n\nList.Item = Item;\n\nexport default List;\nexport type { Props as ListProps } from './list';\n"],"mappings":";;;;AAKA,MAAM,OAAOA;AAEb,KAAK,OAAO"}

package/dist/components/organisms/list/list.d.mts

@@ -49,7 +49,7 @@ declare const List: <T>({
   renderItem,
   itemKey,
   ...props
-}: Props<T>) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element;
+}: Props<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { List };
+export { List, Props };
 //# sourceMappingURL=list.d.mts.map

package/dist/components/organisms/list/list.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"mappings":";;;;;UAWU,KAAA,YAAiB,IAAA,CACzB,KAAA,CAAM,wBAAA;EAGN,OAAA;EACA,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA;EAC1C,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;IACE,KAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,MAAA,GAAS,KAAA,CAAM,SAAA;IACf,OAAA,GAAU,wBAAA;IAYK;;;;;;;IAJf,IAAA;EAAA;EAEF,IAAA,GAAO,CAAA;EACP,UAAA,IAAc,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,SAAA;EAC/C,OAAA,IAAW,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,GAAA;AAAA;AAAA,cAGxC,IAAA;EAAY,OAAA;EAAA,WAAA;EAAA,MAAA;EAAA,MAAA;EAAA,KAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAef,KAAA,CAAM,CAAA,wCAAE,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"mappings":";;;;;UAWiB,KAAA,YAAiB,IAAA,CAChC,KAAA,CAAM,wBAAA;EAGN,OAAA;EACA,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA;EAC1C,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;IACE,KAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,MAAA,GAAS,KAAA,CAAM,SAAA;IACf,OAAA,GAAU,wBAAA;IAYK;;;;;;;IAJf,IAAA;EAAA;EAEF,IAAA,GAAO,CAAA;EACP,UAAA,IAAc,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,SAAA;EAC/C,OAAA,IAAW,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,GAAA;AAAA;AAAA,cAGxC,IAAA;EAAY,OAAA;EAAA,WAAA;EAAA,MAAA;EAAA,MAAA;EAAA,KAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAef,KAAA,CAAM,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/organisms/list/list.mjs

@@ -4,7 +4,7 @@ import { cn, renderConditional } from "../../../utils.mjs";
 import Title from "../../atoms/typography/title.mjs";
 import Skeleton from "../../atoms/skeleton/index.mjs";
 import React, { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIntersectionObserver } from "@jbpark/use-hooks";
 
 //#region src/components/organisms/list/list.tsx
@@ -27,10 +27,10 @@ const List = ({ loading, loaderProps, loader, header, title, titleLevel = 2, emp
 			scroll.next();
 		}
 	}, [isIntersecting, scroll]);
-	if (loading) return loader || /* @__PURE__ */ jsxs("div", {
+	if (loading) return /* @__PURE__ */ jsx("div", {
 		className: cn(className),
 		...props,
-		children: [
+		children: loader ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx("div", {
 				className: cn(classNames?.title),
 				children: title && /* @__PURE__ */ jsx(Skeleton, {})
@@ -47,7 +47,7 @@ const List = ({ loading, loaderProps, loader, header, title, titleLevel = 2, emp
 					...loaderProps
 				})
 			})
-		]
+		] })
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn(className),
@@ -66,13 +66,22 @@ const List = ({ loading, loaderProps, loader, header, title, titleLevel = 2, emp
 				role: "list",
 				className: cn("space-y-2", classNames?.body),
 				children: [
-					!data?.length && empty ? empty : data?.map((item, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, i) }, itemKey ? itemKey(item, i) : i)),
-					scroll?.loading && (scroll?.loader ?? /* @__PURE__ */ jsx(Skeleton.Node, {
-						count: 10,
-						gap: 10,
-						...loaderProps
-					})),
-					scroll && /* @__PURE__ */ jsx("div", { ref: loaderRef })
+					!data?.length && empty ? empty : data?.map((item, i) => /* @__PURE__ */ jsx("div", {
+						role: "listitem",
+						children: renderItem(item, i)
+					}, itemKey ? itemKey(item, i) : i)),
+					scroll?.loading && /* @__PURE__ */ jsx("div", {
+						role: "presentation",
+						children: scroll?.loader ?? /* @__PURE__ */ jsx(Skeleton.Node, {
+							count: 10,
+							gap: 10,
+							...loaderProps
+						})
+					}),
+					scroll && /* @__PURE__ */ jsx("div", {
+						ref: loaderRef,
+						role: "none"
+					})
 				]
 			})
 		]

package/dist/components/organisms/list/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useRef } from 'react';\n\nimport { useIntersectionObserver } from '@jbpark/use-hooks';\n\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport Skeleton from '../../atoms/skeleton';\nimport { Title } from '../../atoms/typography';\n\ninterface Props<T> extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'title'\n> {\n  loading?: boolean;\n  loaderProps?: React.ComponentProps<typeof Skeleton>;\n  loader?: React.ReactNode;\n  title?: React.ReactNode;\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  header?: React.ReactNode;\n  empty?: React.ReactNode;\n  classNames?: {\n    title?: string;\n    header?: string;\n    body?: string;\n  };\n  scroll?: {\n    hasMore: boolean;\n    loading: boolean;\n    loader?: React.ReactNode;\n    options?: IntersectionObserverInit;\n    /**\n     * Called when more items should be fetched. `List` tracks in-flight\n     * requests via `loading` — the caller MUST flip `loading` back to\n     * `false` when the fetch settles, including on failure/rejection.\n     * If `loading` never becomes `false` again after a failed fetch,\n     * `List` will stop calling `next()` for subsequent intersections.\n     */\n    next: () => void;\n  };\n  data?: T[];\n  renderItem?: (item: T, index: number) => React.ReactNode;\n  itemKey?: (item: T, index: number) => React.Key;\n}\n\nconst List = <T,>({\n  loading,\n  loaderProps,\n  loader,\n  header,\n  title,\n  titleLevel = 2,\n  empty,\n  scroll,\n  data,\n  className,\n  classNames,\n  renderItem = () => null,\n  itemKey,\n  ...props\n}: Props<T>) => {\n  const [loaderRef, { isIntersecting }] = useIntersectionObserver({\n    threshold: 0,\n    root: null,\n    rootMargin: '0px',\n    ...scroll?.options,\n  });\n\n  // `scroll` is typically a new object identity every render, so this\n  // effect re-runs often. Guard with a ref (updated synchronously, unlike\n  // the `loading` prop which only reflects the caller's next state update)\n  // to avoid firing `next()` again for the same in-flight request before\n  // the caller's `loading` has had a chance to become true.\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!scroll) {\n      return;\n    }\n\n    if (scroll.loading) {\n      fetchingRef.current = false;\n      return;\n    }\n\n    if (isIntersecting && scroll.hasMore && !fetchingRef.current) {\n      fetchingRef.current = true;\n      scroll.next();\n    }\n  }, [isIntersecting, scroll]);\n\n  if (loading) {\n    return (\n      loader || (\n        <div className={cn(className)} {...props}>\n          <div className={cn(classNames?.title)}>{title && <Skeleton />}</div>\n          <div className={cn(classNames?.header)}>\n            {header && <Skeleton size=\"small\" />}\n          </div>\n          <div className={cn('space-y-2', classNames?.body)}>\n            <Skeleton.Node count={10} gap={10} {...loaderProps} />\n          </div>\n        </div>\n      )\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderConditional(title, v => (\n        <Title\n          level={titleLevel}\n          className={cn(\n            'px-1.5 py-4',\n            'text-black-90 text-lg leading-5.75 font-bold',\n            //\n          )}\n        >\n          {v}\n        </Title>\n      ))}\n      <div className={cn(classNames?.header)}>{header}</div>\n      <div role=\"list\" className={cn('space-y-2', classNames?.body)}>\n        {!data?.length && empty\n          ? empty\n          : data?.map((item, i) => (\n              <React.Fragment key={itemKey ? itemKey(item, i) : i}>\n                {renderItem(item, i)}\n              </React.Fragment>\n            ))}\n        {scroll?.loading &&\n          (scroll?.loader ?? (\n            <Skeleton.Node count={10} gap={10} {...loaderProps} />\n          ))}\n        {scroll && <div ref={loaderRef} />}\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n"],"mappings":";;;;;;;;;;AA8CA,MAAM,QAAY,EAChB,SACA,aACA,QACA,QACA,OACA,aAAa,GACb,OACA,QACA,MACA,WACA,YACA,mBAAmB,MACnB,SACA,GAAG,YACW;CACd,MAAM,CAAC,WAAW,EAAE,oBAAoB,wBAAwB;EAC9D,WAAW;EACX,MAAM;EACN,YAAY;EACZ,GAAG,QAAQ;EACZ,CAAC;CAOF,MAAM,cAAc,OAAO,MAAM;AAEjC,iBAAgB;AACd,MAAI,CAAC,OACH;AAGF,MAAI,OAAO,SAAS;AAClB,eAAY,UAAU;AACtB;;AAGF,MAAI,kBAAkB,OAAO,WAAW,CAAC,YAAY,SAAS;AAC5D,eAAY,UAAU;AACtB,UAAO,MAAM;;IAEd,CAAC,gBAAgB,OAAO,CAAC;AAE5B,KAAI,QACF,QACE,UACE,qBAAC;EAAI,WAAW,GAAG,UAAU;EAAE,GAAI;;GACjC,oBAAC;IAAI,WAAW,GAAG,YAAY,MAAM;cAAG,SAAS,oBAAC,aAAW;KAAO;GACpE,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cACnC,UAAU,oBAAC,YAAS,MAAK,UAAU;KAChC;GACN,oBAAC;IAAI,WAAW,GAAG,aAAa,YAAY,KAAK;cAC/C,oBAAC,SAAS;KAAK,OAAO;KAAI,KAAK;KAAI,GAAI;MAAe;KAClD;;GACF;AAKZ,QACE,qBAAC;EACC,WAAW,GACT,UAED;EACD,GAAI;;GAEH,kBAAkB,QAAO,MACxB,oBAAC;IACC,OAAO;IACP,WAAW,GACT,eACA,+CAED;cAEA;KACK,CACR;GACF,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cAAG;KAAa;GACtD,qBAAC;IAAI,MAAK;IAAO,WAAW,GAAG,aAAa,YAAY,KAAK;;KAC1D,CAAC,MAAM,UAAU,QACd,QACA,MAAM,KAAK,MAAM,MACf,oBAAC,MAAM,sBACJ,WAAW,MAAM,EAAE,IADD,UAAU,QAAQ,MAAM,EAAE,GAAG,EAEjC,CACjB;KACL,QAAQ,YACN,QAAQ,UACP,oBAAC,SAAS;MAAK,OAAO;MAAI,KAAK;MAAI,GAAI;OAAe;KAEzD,UAAU,oBAAC,SAAI,KAAK,YAAa;;KAC9B;;GACF"}
+{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useRef } from 'react';\n\nimport { useIntersectionObserver } from '@jbpark/use-hooks';\n\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport Skeleton from '../../atoms/skeleton';\nimport { Title } from '../../atoms/typography';\n\nexport interface Props<T> extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'title'\n> {\n  loading?: boolean;\n  loaderProps?: React.ComponentProps<typeof Skeleton>;\n  loader?: React.ReactNode;\n  title?: React.ReactNode;\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  header?: React.ReactNode;\n  empty?: React.ReactNode;\n  classNames?: {\n    title?: string;\n    header?: string;\n    body?: string;\n  };\n  scroll?: {\n    hasMore: boolean;\n    loading: boolean;\n    loader?: React.ReactNode;\n    options?: IntersectionObserverInit;\n    /**\n     * Called when more items should be fetched. `List` tracks in-flight\n     * requests via `loading` — the caller MUST flip `loading` back to\n     * `false` when the fetch settles, including on failure/rejection.\n     * If `loading` never becomes `false` again after a failed fetch,\n     * `List` will stop calling `next()` for subsequent intersections.\n     */\n    next: () => void;\n  };\n  data?: T[];\n  renderItem?: (item: T, index: number) => React.ReactNode;\n  itemKey?: (item: T, index: number) => React.Key;\n}\n\nconst List = <T,>({\n  loading,\n  loaderProps,\n  loader,\n  header,\n  title,\n  titleLevel = 2,\n  empty,\n  scroll,\n  data,\n  className,\n  classNames,\n  renderItem = () => null,\n  itemKey,\n  ...props\n}: Props<T>) => {\n  const [loaderRef, { isIntersecting }] = useIntersectionObserver({\n    threshold: 0,\n    root: null,\n    rootMargin: '0px',\n    ...scroll?.options,\n  });\n\n  // `scroll` is typically a new object identity every render, so this\n  // effect re-runs often. Guard with a ref (updated synchronously, unlike\n  // the `loading` prop which only reflects the caller's next state update)\n  // to avoid firing `next()` again for the same in-flight request before\n  // the caller's `loading` has had a chance to become true.\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!scroll) {\n      return;\n    }\n\n    if (scroll.loading) {\n      fetchingRef.current = false;\n      return;\n    }\n\n    if (isIntersecting && scroll.hasMore && !fetchingRef.current) {\n      fetchingRef.current = true;\n      scroll.next();\n    }\n  }, [isIntersecting, scroll]);\n\n  if (loading) {\n    return (\n      <div className={cn(className)} {...props}>\n        {loader ?? (\n          <>\n            <div className={cn(classNames?.title)}>{title && <Skeleton />}</div>\n            <div className={cn(classNames?.header)}>\n              {header && <Skeleton size=\"small\" />}\n            </div>\n            <div className={cn('space-y-2', classNames?.body)}>\n              <Skeleton.Node count={10} gap={10} {...loaderProps} />\n            </div>\n          </>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderConditional(title, v => (\n        <Title\n          level={titleLevel}\n          className={cn(\n            'px-1.5 py-4',\n            'text-black-90 text-lg leading-5.75 font-bold',\n            //\n          )}\n        >\n          {v}\n        </Title>\n      ))}\n      <div className={cn(classNames?.header)}>{header}</div>\n      <div role=\"list\" className={cn('space-y-2', classNames?.body)}>\n        {!data?.length && empty\n          ? empty\n          : data?.map((item, i) => (\n              <div role=\"listitem\" key={itemKey ? itemKey(item, i) : i}>\n                {renderItem(item, i)}\n              </div>\n            ))}\n        {scroll?.loading && (\n          <div role=\"presentation\">\n            {scroll?.loader ?? (\n              <Skeleton.Node count={10} gap={10} {...loaderProps} />\n            )}\n          </div>\n        )}\n        {scroll && <div ref={loaderRef} role=\"none\" />}\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n"],"mappings":";;;;;;;;;;AA8CA,MAAM,QAAY,EAChB,SACA,aACA,QACA,QACA,OACA,aAAa,GACb,OACA,QACA,MACA,WACA,YACA,mBAAmB,MACnB,SACA,GAAG,YACW;CACd,MAAM,CAAC,WAAW,EAAE,oBAAoB,wBAAwB;EAC9D,WAAW;EACX,MAAM;EACN,YAAY;EACZ,GAAG,QAAQ;EACZ,CAAC;CAOF,MAAM,cAAc,OAAO,MAAM;AAEjC,iBAAgB;AACd,MAAI,CAAC,OACH;AAGF,MAAI,OAAO,SAAS;AAClB,eAAY,UAAU;AACtB;;AAGF,MAAI,kBAAkB,OAAO,WAAW,CAAC,YAAY,SAAS;AAC5D,eAAY,UAAU;AACtB,UAAO,MAAM;;IAEd,CAAC,gBAAgB,OAAO,CAAC;AAE5B,KAAI,QACF,QACE,oBAAC;EAAI,WAAW,GAAG,UAAU;EAAE,GAAI;YAChC,UACC;GACE,oBAAC;IAAI,WAAW,GAAG,YAAY,MAAM;cAAG,SAAS,oBAAC,aAAW;KAAO;GACpE,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cACnC,UAAU,oBAAC,YAAS,MAAK,UAAU;KAChC;GACN,oBAAC;IAAI,WAAW,GAAG,aAAa,YAAY,KAAK;cAC/C,oBAAC,SAAS;KAAK,OAAO;KAAI,KAAK;KAAI,GAAI;MAAe;KAClD;MACL;GAED;AAIV,QACE,qBAAC;EACC,WAAW,GACT,UAED;EACD,GAAI;;GAEH,kBAAkB,QAAO,MACxB,oBAAC;IACC,OAAO;IACP,WAAW,GACT,eACA,+CAED;cAEA;KACK,CACR;GACF,oBAAC;IAAI,WAAW,GAAG,YAAY,OAAO;cAAG;KAAa;GACtD,qBAAC;IAAI,MAAK;IAAO,WAAW,GAAG,aAAa,YAAY,KAAK;;KAC1D,CAAC,MAAM,UAAU,QACd,QACA,MAAM,KAAK,MAAM,MACf,oBAAC;MAAI,MAAK;gBACP,WAAW,MAAM,EAAE;QADI,UAAU,QAAQ,MAAM,EAAE,GAAG,EAEjD,CACN;KACL,QAAQ,WACP,oBAAC;MAAI,MAAK;gBACP,QAAQ,UACP,oBAAC,SAAS;OAAK,OAAO;OAAI,KAAK;OAAI,GAAI;QAAe;OAEpD;KAEP,UAAU,oBAAC;MAAI,KAAK;MAAW,MAAK;OAAS;;KAC1C;;GACF"}

package/dist/components/organisms/modal.d.mts

@@ -54,7 +54,7 @@ declare const Modal: {
     onCancel,
     ...props
   }: Props): react_jsx_runtime0.JSX.Element | null;
-  destroy(id?: string): void;
+  destroy: (id?: string) => void;
   destroyAll(): void;
   info(props: StaticProps): string | undefined;
   success(props: StaticProps): string | undefined;
@@ -63,5 +63,5 @@ declare const Modal: {
   confirm(props: StaticProps): string | undefined;
 };
 //#endregion
-export { Modal };
+export { Modal, Props };
 //# sourceMappingURL=modal.d.mts.map

package/dist/components/organisms/modal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../src/components/organisms/modal.tsx"],"mappings":";;;;UA6BU,KAAA;EACR,IAAA;EACA,YAAA;EACA,QAAA;IAGM,SAAA,GAAY,KAAA,CAAM,SAAA;IAClB,QAAA;EAAA;EAEN,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,UAAA;IACE,IAAA;IACA,MAAA;IACA,IAAA;IACA,MAAA;EAAA;EAEF,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,MAAA;EACA,UAAA;EACA,SAAA,GAAY,WAAA;EACZ,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,QAAA;AAAA;AAAA,UAGQ,WAAA,SAAoB,KAAA;EAC5B,IAAA;EACA,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,SAAA,GAAY,WAAA;AAAA;AAAA,cAmDR,KAAA;EAAA;;;;;;;;;;;;;;;;;;KAkBH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAgQa,WAAA;iBACG,WAAA;eAEF,WAAA;iBACE,WAAA;iBAEA,WAAA;AAAA"}
+{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../src/components/organisms/modal.tsx"],"mappings":";;;;UAgCiB,KAAA;EACf,IAAA;EACA,YAAA;EACA,QAAA;IAGM,SAAA,GAAY,KAAA,CAAM,SAAA;IAClB,QAAA;EAAA;EAEN,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,UAAA;IACE,IAAA;IACA,MAAA;IACA,IAAA;IACA,MAAA;EAAA;EAEF,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,MAAA;EACA,UAAA;EACA,SAAA,GAAY,WAAA;EACZ,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,QAAA;AAAA;AAAA,UAGQ,WAAA,SAAoB,KAAA;EAC5B,IAAA;EACA,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,SAAA,GAAY,WAAA;AAAA;AAAA,cAGR,KAAA;EAAA;;;;;;;;;;;;;;;;;;KAkBH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAoMa,WAAA;iBAEG,WAAA;eAEF,WAAA;iBAEE,WAAA;iBAEA,WAAA;AAAA"}

package/dist/components/organisms/modal.mjs

@@ -3,42 +3,14 @@
 import { cn } from "../../utils.mjs";
 import { dialog_exports } from "../../core/dialog.mjs";
 import Button from "../../Button.mjs";
+import { createImperativeStack, isBrowser } from "./imperative-stack.mjs";
 import { Check, CircleQuestionMark, Info, OctagonAlert, OctagonX } from "lucide-react";
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { v4 } from "uuid";
 import { createPortal } from "react-dom";
-import { createRoot } from "react-dom/client";
 
 //#region src/components/organisms/modal.tsx
 const { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } = dialog_exports;
-const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-const containerStates = /* @__PURE__ */ new Map();
-const modalRootElements = /* @__PURE__ */ new WeakMap();
-const getContainerState = (container) => {
-	let state = containerStates.get(container);
-	if (!state) {
-		state = {
-			stack: [],
-			update: null
-		};
-		containerStates.set(container, state);
-	}
-	return state;
-};
-const createModalRoot = (container) => {
-	if (!isBrowser) return null;
-	const targetContainer = container || document.body;
-	let rootEl = modalRootElements.get(targetContainer);
-	if (!rootEl) {
-		rootEl = document.createElement("div");
-		rootEl.style.zIndex = "10000";
-		rootEl.style.position = "absolute";
-		targetContainer.appendChild(rootEl);
-		modalRootElements.set(targetContainer, rootEl);
-	}
-	return rootEl;
-};
 const Modal = ({ open = false, maskClosable = false, closable = false, closeIcon, className, classNames, style, title, content, footer, container, children, okText = "OK", cancelText = "Cancel", onOk, onCancel, ...props }) => {
 	if (typeof window === "undefined") return null;
 	return /* @__PURE__ */ jsx(Dialog, {
@@ -91,13 +63,13 @@ const STATIC_ICONS = {
 	warning: /* @__PURE__ */ jsx(OctagonAlert, { className: "text-yellow-400" }),
 	confirm: /* @__PURE__ */ jsx(CircleQuestionMark, {})
 };
-const StaticModal = ({ type, title, content, okText = "OK", cancelText = "Cancel", id, container, icon, onOk, onCancel, ...props }) => {
+const StaticModal = ({ id, type, title, content, okText = "OK", cancelText = "Cancel", container, icon, onOk, onCancel, ...props }) => {
 	const [open, setOpen] = useState(true);
 	const closeModal = (callback) => {
 		callback?.();
 		setOpen(false);
 		setTimeout(() => {
-			Modal.destroy(id);
+			modalStack.destroy(id);
 		}, 200);
 	};
 	const footer = type === "confirm" ? /* @__PURE__ */ jsxs("div", {
@@ -135,90 +107,38 @@ const StaticModal = ({ type, title, content, okText = "OK", cancelText = "Cancel
 		onCancel: () => closeModal(onCancel),
 		...props,
 		children: content
-	}), createModalRoot(container));
-};
-const ModalStackRenderer = ({ container }) => {
-	const [, forceUpdate] = useState({});
-	useEffect(() => {
-		const state = getContainerState(container);
-		state.update = () => forceUpdate({});
-		return () => {
-			state.update = null;
-		};
-	}, [container]);
-	const { stack } = getContainerState(container);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: stack.map(({ id, ...props }) => /* @__PURE__ */ jsx(StaticModal, {
-		id,
-		...props
-	}, id)) });
-};
-const modalRoots = /* @__PURE__ */ new Map();
-const renderModal = (props) => {
-	if (!isBrowser) return;
-	const targetContainer = props.container || document.body;
-	const rootElement = createModalRoot(targetContainer);
-	if (!modalRoots.has(targetContainer)) {
-		const root = createRoot(rootElement);
-		modalRoots.set(targetContainer, root);
-		root.render(/* @__PURE__ */ jsx(ModalStackRenderer, { container: targetContainer }));
-	}
-	const state = getContainerState(targetContainer);
-	const id = props.id || v4();
-	state.stack.push({
-		...props,
-		id
-	});
-	state.update?.();
-	return id;
-};
-Modal.destroy = (id) => {
-	if (!id) {
-		containerStates.forEach((state) => {
-			state.stack = [];
-			state.update?.();
-		});
-		modalRoots.forEach((root, container) => {
-			root.unmount();
-			modalRootElements.get(container)?.remove();
-			modalRootElements.delete(container);
-		});
-		modalRoots.clear();
-		containerStates.clear();
-		return;
-	}
-	containerStates.forEach((state, container) => {
-		if (!state.stack.some((modal) => modal.id === id)) return;
-		state.stack = state.stack.filter((modal) => modal.id !== id);
-		state.update?.();
-		if (!state.stack.length) {
-			modalRoots.get(container)?.unmount();
-			modalRoots.delete(container);
-			containerStates.delete(container);
-			modalRootElements.get(container)?.remove();
-			modalRootElements.delete(container);
-		}
-	});
+	}), modalStack.getRootElement(container));
 };
+const modalStack = createImperativeStack({
+	createRootElement: () => {
+		const el = document.createElement("div");
+		el.style.zIndex = "10000";
+		el.style.position = "absolute";
+		return el;
+	},
+	StackItem: StaticModal
+});
+Modal.destroy = modalStack.destroy;
 Modal.destroyAll = () => {
-	Modal.destroy();
+	modalStack.destroy();
 };
-Modal.info = (props) => renderModal({
+Modal.info = (props) => modalStack.render({
 	type: "info",
 	...props
 });
-Modal.success = (props) => renderModal({
+Modal.success = (props) => modalStack.render({
 	type: "success",
 	...props
 });
-Modal.error = (props) => renderModal({
+Modal.error = (props) => modalStack.render({
 	type: "error",
 	...props
 });
-Modal.warning = (props) => renderModal({
+Modal.warning = (props) => modalStack.render({
 	type: "warning",
 	...props
 });
-Modal.confirm = (props) => renderModal({
+Modal.confirm = (props) => modalStack.render({
 	type: "confirm",
 	...props
 });

package/dist/components/organisms/modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal.mjs","names":["dialog","uuid"],"sources":["../../../src/components/organisms/modal.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Root, createRoot } from 'react-dom/client';\n\nimport {\n  Check,\n  CircleQuestionMark,\n  Info,\n  OctagonAlert,\n  OctagonX,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\n\nimport { dialog } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\n\nconst {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} = dialog;\n\ninterface Props {\n  open?: boolean;\n  maskClosable?: boolean;\n  closable?:\n    | boolean\n    | {\n        closeIcon?: React.ReactNode;\n        disabled?: boolean;\n      };\n  closeIcon?: React.ReactNode;\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n  classNames?: {\n    mask?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n  };\n  style?: React.CSSProperties;\n  okText?: string;\n  cancelText?: string;\n  container?: HTMLElement;\n  children?: React.ReactNode;\n  onOk?: () => void;\n  onCancel?: () => void;\n}\n\ninterface StaticProps extends Props {\n  type?: 'info' | 'success' | 'error' | 'warning' | 'confirm';\n  id?: string;\n  icon?: React.ReactNode;\n  container?: HTMLElement;\n}\n\nconst isBrowser =\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\ntype ContainerState = {\n  stack: StaticProps[];\n  update: (() => void) | null;\n};\n\nconst containerStates = new Map<HTMLElement, ContainerState>();\nconst modalRootElements = new WeakMap<HTMLElement, HTMLElement>();\n\nconst getContainerState = (container: HTMLElement): ContainerState => {\n  let state = containerStates.get(container);\n\n  if (!state) {\n    state = { stack: [], update: null };\n    containerStates.set(container, state);\n  }\n\n  return state;\n};\n\n// No `role`/`aria-modal` here — this element is only a mount point for the\n// imperative stack, not the dialog itself. Radix already renders its own\n// `role=\"dialog\"`/`aria-modal=\"true\"` on the actual `DialogContent` via\n// portal once a modal is open. Setting it here as well would (a) leave\n// `aria-modal=\"true\"` on the page permanently, even with zero modals open,\n// hiding the rest of the document from screen readers, and (b) duplicate\n// Radix's own dialog role once one is open.\nconst createModalRoot = (container?: HTMLElement) => {\n  if (!isBrowser) {\n    return null;\n  }\n\n  const targetContainer = container || document.body;\n  let rootEl = modalRootElements.get(targetContainer);\n\n  if (!rootEl) {\n    rootEl = document.createElement('div');\n    rootEl.style.zIndex = '10000';\n    rootEl.style.position = 'absolute';\n    targetContainer.appendChild(rootEl);\n    modalRootElements.set(targetContainer, rootEl);\n  }\n\n  return rootEl;\n};\n\nconst Modal = ({\n  open = false,\n  maskClosable = false,\n  closable = false,\n  closeIcon,\n  className,\n  classNames,\n  style,\n  title,\n  content,\n  footer,\n  container,\n  children,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  onOk,\n  onCancel,\n  ...props\n}: Props) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          onCancel?.();\n        }\n      }}\n      {...props}\n    >\n      <DialogContent\n        className={cn(\n          'rounded-lg p-4 max-sm:max-w-[80%]',\n          'border-none outline-none',\n          className,\n        )}\n        classNames={{\n          ...classNames,\n          mask: cn('bg-black/60', classNames?.mask),\n        }}\n        style={style}\n        closable={closable}\n        closeIcon={closeIcon}\n        container={container}\n        onPointerDownOutside={event => {\n          if (!maskClosable) {\n            event.preventDefault();\n          }\n        }}\n      >\n        {/**\n         * @todo [Dialog & AlertDialog] fix: can't get id correctly in shadow dom\n         * @see https://github.com/radix-ui/primitives/pull/3384\n         **/}\n        <DialogHeader\n          className={cn(\n            classNames?.header,\n            !title && 'hidden',\n            //\n          )}\n        >\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"hidden\" />\n        </DialogHeader>\n        <div className={cn('break-all', classNames?.body)}>\n          {children ?? content}\n        </div>\n        {footer !== null && (\n          <DialogFooter\n            className={cn('flex-row justify-end gap-x-2', classNames?.footer)}\n          >\n            {footer || (\n              <>\n                <Button onClick={onOk}>{okText}</Button>\n                <Button variant=\"outlined\" onClick={onCancel}>\n                  {cancelText}\n                </Button>\n              </>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst STATIC_ICONS = {\n  info: <Info className=\"text-blue-400\" />,\n  success: <Check className=\"text-green-400\" />,\n  error: <OctagonX className=\"text-red-400\" />,\n  warning: <OctagonAlert className=\"text-yellow-400\" />,\n  confirm: <CircleQuestionMark />,\n};\n\nconst StaticModal = ({\n  type,\n  title,\n  content,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  id,\n  container,\n  icon,\n  onOk,\n  onCancel,\n  ...props\n}: StaticProps) => {\n  const [open, setOpen] = useState(true);\n\n  const closeModal = (callback?: () => void) => {\n    callback?.();\n    setOpen(false);\n    setTimeout(() => {\n      Modal.destroy(id);\n    }, 200);\n  };\n\n  const footer =\n    type === 'confirm' ? (\n      <div className=\"grid w-full grid-cols-5 gap-x-2\">\n        <Button\n          variant=\"outlined\"\n          className=\"col-span-2\"\n          onClick={() => closeModal(onCancel)}\n        >\n          {cancelText}\n        </Button>\n        <Button className=\"col-span-3\" onClick={() => closeModal(onOk)}>\n          {okText}\n        </Button>\n      </div>\n    ) : (\n      <Button\n        className={cn(\n          'grow',\n          //\n        )}\n        onClick={() => closeModal(onOk)}\n      >\n        {okText}\n      </Button>\n    );\n\n  if (!isBrowser) {\n    return null;\n  }\n\n  return createPortal(\n    <Modal\n      open={open}\n      footer={footer}\n      className={cn(\n        'z-10000',\n        'box-content w-100',\n        'rounded-3xl p-4',\n        'gap-y-0',\n      )}\n      classNames={{\n        mask: 'z-10000 bg-black/[.6]',\n        body: cn(\n          'text-black-70 whitespace-pre-wrap text-center',\n          content && 'mt-3',\n        ),\n        footer: 'mt-9',\n      }}\n      title={\n        <p\n          className={cn(\n            'text-center text-lg leading-normal whitespace-pre-wrap',\n            'flex items-center justify-center gap-x-2',\n            //\n          )}\n        >\n          {icon || (type && STATIC_ICONS[type])}\n          {title}\n        </p>\n      }\n      container={container}\n      onCancel={() => closeModal(onCancel)}\n      {...props}\n    >\n      {content}\n    </Modal>,\n    createModalRoot(container)!,\n  );\n};\n\nconst ModalStackRenderer = ({ container }: { container: HTMLElement }) => {\n  const [, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const state = getContainerState(container);\n    state.update = () => forceUpdate({});\n    return () => {\n      state.update = null;\n    };\n  }, [container]);\n\n  const { stack } = getContainerState(container);\n\n  return (\n    <>\n      {stack.map(({ id, ...props }) => (\n        <StaticModal key={id} id={id} {...props} />\n      ))}\n    </>\n  );\n};\n\nconst modalRoots = new Map<HTMLElement, Root>();\n\nconst renderModal = (props: StaticProps) => {\n  if (!isBrowser) {\n    return;\n  }\n\n  const targetContainer = props.container || document.body;\n  const rootElement = createModalRoot(targetContainer)!;\n\n  if (!modalRoots.has(targetContainer)) {\n    const root = createRoot(rootElement);\n    modalRoots.set(targetContainer, root);\n    root.render(<ModalStackRenderer container={targetContainer} />);\n  }\n\n  const state = getContainerState(targetContainer);\n  const id = props.id || uuid();\n  state.stack.push({ ...props, id });\n  state.update?.();\n\n  return id;\n};\n\nModal.destroy = (id?: string) => {\n  if (!id) {\n    containerStates.forEach(state => {\n      state.stack = [];\n      state.update?.();\n    });\n    modalRoots.forEach((root, container) => {\n      root.unmount();\n      modalRootElements.get(container)?.remove();\n      modalRootElements.delete(container);\n    });\n    modalRoots.clear();\n    containerStates.clear();\n    return;\n  }\n\n  containerStates.forEach((state, container) => {\n    if (!state.stack.some(modal => modal.id === id)) {\n      return;\n    }\n\n    state.stack = state.stack.filter(modal => modal.id !== id);\n    state.update?.();\n\n    if (!state.stack.length) {\n      modalRoots.get(container)?.unmount();\n      modalRoots.delete(container);\n      containerStates.delete(container);\n      modalRootElements.get(container)?.remove();\n      modalRootElements.delete(container);\n    }\n  });\n};\n\nModal.destroyAll = () => {\n  Modal.destroy();\n};\n\nModal.info = (props: StaticProps) => renderModal({ type: 'info', ...props });\nModal.success = (props: StaticProps) =>\n  renderModal({ type: 'success', ...props });\nModal.error = (props: StaticProps) => renderModal({ type: 'error', ...props });\nModal.warning = (props: StaticProps) =>\n  renderModal({ type: 'warning', ...props });\nModal.confirm = (props: StaticProps) =>\n  renderModal({ type: 'confirm', ...props });\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"modal.mjs","names":["dialog"],"sources":["../../../src/components/organisms/modal.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  Check,\n  CircleQuestionMark,\n  Info,\n  OctagonAlert,\n  OctagonX,\n} from 'lucide-react';\n\nimport { dialog } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\nimport {\n  type ImperativeStack,\n  createImperativeStack,\n  isBrowser,\n} from './imperative-stack';\n\nconst {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} = dialog;\n\nexport interface Props {\n  open?: boolean;\n  maskClosable?: boolean;\n  closable?:\n    | boolean\n    | {\n        closeIcon?: React.ReactNode;\n        disabled?: boolean;\n      };\n  closeIcon?: React.ReactNode;\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n  classNames?: {\n    mask?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n  };\n  style?: React.CSSProperties;\n  okText?: string;\n  cancelText?: string;\n  container?: HTMLElement;\n  children?: React.ReactNode;\n  onOk?: () => void;\n  onCancel?: () => void;\n}\n\ninterface StaticProps extends Props {\n  type?: 'info' | 'success' | 'error' | 'warning' | 'confirm';\n  id?: string;\n  icon?: React.ReactNode;\n  container?: HTMLElement;\n}\n\nconst Modal = ({\n  open = false,\n  maskClosable = false,\n  closable = false,\n  closeIcon,\n  className,\n  classNames,\n  style,\n  title,\n  content,\n  footer,\n  container,\n  children,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  onOk,\n  onCancel,\n  ...props\n}: Props) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          onCancel?.();\n        }\n      }}\n      {...props}\n    >\n      <DialogContent\n        className={cn(\n          'rounded-lg p-4 max-sm:max-w-[80%]',\n          'border-none outline-none',\n          className,\n        )}\n        classNames={{\n          ...classNames,\n          mask: cn('bg-black/60', classNames?.mask),\n        }}\n        style={style}\n        closable={closable}\n        closeIcon={closeIcon}\n        container={container}\n        onPointerDownOutside={event => {\n          if (!maskClosable) {\n            event.preventDefault();\n          }\n        }}\n      >\n        {/**\n         * @todo [Dialog & AlertDialog] fix: can't get id correctly in shadow dom\n         * @see https://github.com/radix-ui/primitives/pull/3384\n         **/}\n        <DialogHeader\n          className={cn(\n            classNames?.header,\n            !title && 'hidden',\n            //\n          )}\n        >\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"hidden\" />\n        </DialogHeader>\n        <div className={cn('break-all', classNames?.body)}>\n          {children ?? content}\n        </div>\n        {footer !== null && (\n          <DialogFooter\n            className={cn('flex-row justify-end gap-x-2', classNames?.footer)}\n          >\n            {footer || (\n              <>\n                <Button onClick={onOk}>{okText}</Button>\n                <Button variant=\"outlined\" onClick={onCancel}>\n                  {cancelText}\n                </Button>\n              </>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst STATIC_ICONS = {\n  info: <Info className=\"text-blue-400\" />,\n  success: <Check className=\"text-green-400\" />,\n  error: <OctagonX className=\"text-red-400\" />,\n  warning: <OctagonAlert className=\"text-yellow-400\" />,\n  confirm: <CircleQuestionMark />,\n};\n\nconst StaticModal = ({\n  id,\n  type,\n  title,\n  content,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  container,\n  icon,\n  onOk,\n  onCancel,\n  ...props\n}: StaticProps & { id: string }): React.ReactPortal | null => {\n  const [open, setOpen] = useState(true);\n\n  const closeModal = (callback?: () => void) => {\n    callback?.();\n    setOpen(false);\n    setTimeout(() => {\n      modalStack.destroy(id);\n    }, 200);\n  };\n\n  const footer =\n    type === 'confirm' ? (\n      <div className=\"grid w-full grid-cols-5 gap-x-2\">\n        <Button\n          variant=\"outlined\"\n          className=\"col-span-2\"\n          onClick={() => closeModal(onCancel)}\n        >\n          {cancelText}\n        </Button>\n        <Button className=\"col-span-3\" onClick={() => closeModal(onOk)}>\n          {okText}\n        </Button>\n      </div>\n    ) : (\n      <Button\n        className={cn(\n          'grow',\n          //\n        )}\n        onClick={() => closeModal(onOk)}\n      >\n        {okText}\n      </Button>\n    );\n\n  if (!isBrowser) {\n    return null;\n  }\n\n  return createPortal(\n    <Modal\n      open={open}\n      footer={footer}\n      className={cn(\n        'z-10000',\n        'box-content w-100',\n        'rounded-3xl p-4',\n        'gap-y-0',\n      )}\n      classNames={{\n        mask: 'z-10000 bg-black/[.6]',\n        body: cn(\n          'text-black-70 whitespace-pre-wrap text-center',\n          content && 'mt-3',\n        ),\n        footer: 'mt-9',\n      }}\n      title={\n        <p\n          className={cn(\n            'text-center text-lg leading-normal whitespace-pre-wrap',\n            'flex items-center justify-center gap-x-2',\n            //\n          )}\n        >\n          {icon || (type && STATIC_ICONS[type])}\n          {title}\n        </p>\n      }\n      container={container}\n      onCancel={() => closeModal(onCancel)}\n      {...props}\n    >\n      {content}\n    </Modal>,\n    modalStack.getRootElement(container)!,\n  );\n};\n\n// No `role`/`aria-modal` here — this element is only a mount point for the\n// imperative stack, not the dialog itself. Radix already renders its own\n// `role=\"dialog\"`/`aria-modal=\"true\"` on the actual `DialogContent` via\n// portal once a modal is open. Setting it here as well would (a) leave\n// `aria-modal=\"true\"` on the page permanently, even with zero modals open,\n// hiding the rest of the document from screen readers, and (b) duplicate\n// Radix's own dialog role once one is open.\nconst modalStack: ImperativeStack<StaticProps> =\n  createImperativeStack<StaticProps>({\n    createRootElement: () => {\n      const el = document.createElement('div');\n      el.style.zIndex = '10000';\n      el.style.position = 'absolute';\n      return el;\n    },\n    StackItem: StaticModal,\n  });\n\nModal.destroy = modalStack.destroy;\n\nModal.destroyAll = () => {\n  modalStack.destroy();\n};\n\nModal.info = (props: StaticProps) =>\n  modalStack.render({ type: 'info', ...props });\nModal.success = (props: StaticProps) =>\n  modalStack.render({ type: 'success', ...props });\nModal.error = (props: StaticProps) =>\n  modalStack.render({ type: 'error', ...props });\nModal.warning = (props: StaticProps) =>\n  modalStack.render({ type: 'warning', ...props });\nModal.confirm = (props: StaticProps) =>\n  modalStack.render({ type: 'confirm', ...props });\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAM,EACJ,QACA,eACA,mBACA,cACA,cACA,gBACEA;AAsCJ,MAAM,SAAS,EACb,OAAO,OACP,eAAe,OACf,WAAW,OACX,WACA,WACA,YACA,OACA,OACA,SACA,QACA,WACA,UACA,SAAS,MACT,aAAa,UACb,MACA,UACA,GAAG,YACQ;AACX,KAAI,OAAO,WAAW,YACpB,QAAO;AAGT,QACE,oBAAC;EACO;EACN,eAAe,SAAkB;AAC/B,OAAI,CAAC,KACH,aAAY;;EAGhB,GAAI;YAEJ,qBAAC;GACC,WAAW,GACT,qCACA,4BACA,UACD;GACD,YAAY;IACV,GAAG;IACH,MAAM,GAAG,eAAe,YAAY,KAAK;IAC1C;GACM;GACG;GACC;GACA;GACX,uBAAsB,UAAS;AAC7B,QAAI,CAAC,aACH,OAAM,gBAAgB;;;IAQ1B,qBAAC;KACC,WAAW,GACT,YAAY,QACZ,CAAC,SAAS,SAEX;gBAED,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,qBAAkB,WAAU,WAAW;MAC3B;IACf,oBAAC;KAAI,WAAW,GAAG,aAAa,YAAY,KAAK;eAC9C,YAAY;MACT;IACL,WAAW,QACV,oBAAC;KACC,WAAW,GAAG,gCAAgC,YAAY,OAAO;eAEhE,UACC,8CACE,oBAAC;MAAO,SAAS;gBAAO;OAAgB,EACxC,oBAAC;MAAO,SAAQ;MAAW,SAAS;gBACjC;OACM,IACR;MAEQ;;IAEH;GACT;;AAIb,MAAM,eAAe;CACnB,MAAM,oBAAC,QAAK,WAAU,kBAAkB;CACxC,SAAS,oBAAC,SAAM,WAAU,mBAAmB;CAC7C,OAAO,oBAAC,YAAS,WAAU,iBAAiB;CAC5C,SAAS,oBAAC,gBAAa,WAAU,oBAAoB;CACrD,SAAS,oBAAC,uBAAqB;CAChC;AAED,MAAM,eAAe,EACnB,IACA,MACA,OACA,SACA,SAAS,MACT,aAAa,UACb,WACA,MACA,MACA,UACA,GAAG,YACyD;CAC5D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,cAAc,aAA0B;AAC5C,cAAY;AACZ,UAAQ,MAAM;AACd,mBAAiB;AACf,cAAW,QAAQ,GAAG;KACrB,IAAI;;CAGT,MAAM,SACJ,SAAS,YACP,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,SAAQ;GACR,WAAU;GACV,eAAe,WAAW,SAAS;aAElC;IACM,EACT,oBAAC;GAAO,WAAU;GAAa,eAAe,WAAW,KAAK;aAC3D;IACM;GACL,GAEN,oBAAC;EACC,WAAW,GACT,OAED;EACD,eAAe,WAAW,KAAK;YAE9B;GACM;AAGb,KAAI,CAAC,UACH,QAAO;AAGT,QAAO,aACL,oBAAC;EACO;EACE;EACR,WAAW,GACT,WACA,qBACA,mBACA,UACD;EACD,YAAY;GACV,MAAM;GACN,MAAM,GACJ,iDACA,WAAW,OACZ;GACD,QAAQ;GACT;EACD,OACE,qBAAC;GACC,WAAW,GACT,0DACA,2CAED;cAEA,QAAS,QAAQ,aAAa,OAC9B;IACC;EAEK;EACX,gBAAgB,WAAW,SAAS;EACpC,GAAI;YAEH;GACK,EACR,WAAW,eAAe,UAAU,CACrC;;AAUH,MAAM,aACJ,sBAAmC;CACjC,yBAAyB;EACvB,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,KAAG,MAAM,SAAS;AAClB,KAAG,MAAM,WAAW;AACpB,SAAO;;CAET,WAAW;CACZ,CAAC;AAEJ,MAAM,UAAU,WAAW;AAE3B,MAAM,mBAAmB;AACvB,YAAW,SAAS;;AAGtB,MAAM,QAAQ,UACZ,WAAW,OAAO;CAAE,MAAM;CAAQ,GAAG;CAAO,CAAC;AAC/C,MAAM,WAAW,UACf,WAAW,OAAO;CAAE,MAAM;CAAW,GAAG;CAAO,CAAC;AAClD,MAAM,SAAS,UACb,WAAW,OAAO;CAAE,MAAM;CAAS,GAAG;CAAO,CAAC;AAChD,MAAM,WAAW,UACf,WAAW,OAAO;CAAE,MAAM;CAAW,GAAG;CAAO,CAAC;AAClD,MAAM,WAAW,UACf,WAAW,OAAO;CAAE,MAAM;CAAW,GAAG;CAAO,CAAC"}

package/dist/components/organisms/swiper/index.d.mts

@@ -1,5 +1,5 @@
 import { Slide } from "./slide.mjs";
-import { Swiper as Swiper$1 } from "./swiper.mjs";
+import { Props, Swiper as Swiper$1 } from "./swiper.mjs";
 
 //#region src/components/organisms/swiper/index.d.ts
 type SwiperComponent = typeof Swiper$1 & {

package/dist/components/organisms/swiper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["SwiperImpl"],"sources":["../../../../src/components/organisms/swiper/index.ts"],"sourcesContent":["import Slide from './slide';\nimport SwiperImpl, { initialOptions } from './swiper';\n\ntype SwiperComponent = typeof SwiperImpl & { Slide: typeof Slide };\n\nconst Swiper = SwiperImpl as SwiperComponent;\n\nSwiper.Slide = Slide;\n\nexport default Swiper;\nexport { initialOptions };\n"],"mappings":";;;;AAKA,MAAM,SAASA;AAEf,OAAO,QAAQ"}
+{"version":3,"file":"index.mjs","names":["SwiperImpl"],"sources":["../../../../src/components/organisms/swiper/index.ts"],"sourcesContent":["import Slide from './slide';\nimport SwiperImpl, { initialOptions } from './swiper';\n\ntype SwiperComponent = typeof SwiperImpl & { Slide: typeof Slide };\n\nconst Swiper = SwiperImpl as SwiperComponent;\n\nSwiper.Slide = Slide;\n\nexport default Swiper;\nexport { initialOptions };\nexport type { Props as SwiperProps } from './swiper';\n"],"mappings":";;;;AAKA,MAAM,SAASA;AAEf,OAAO,QAAQ"}

package/dist/components/organisms/swiper/swiper.d.mts

@@ -34,10 +34,11 @@ declare const Swiper$1: <T>({
   modules,
   data,
   style,
+  className,
   renderItem,
   loadingClassName,
   ...props
 }: Props<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Swiper$1 as Swiper };
+export { Props, Swiper$1 as Swiper };
 //# sourceMappingURL=swiper.d.mts.map

package/dist/components/organisms/swiper/swiper.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.d.mts","names":[],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"mappings":";;;;;;UA+BU,KAAA,YAAiB,WAAA;EACzB,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,gBAAA;EACA,OAAA,GAAU,aAAA;EAiBwB;;;;;;;;;;;;;;EAFlC,OAAA,GAAU,YAAA;EACV,IAAA,EAAM,CAAA;EACN,UAAA,CAAW,IAAA,EAAM,CAAA,EAAG,GAAA,WAAc,KAAA,CAAM,SAAA;AAAA;AAAA,cAGpC,QAAA;EAAc,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,UAAA;EAAA,gBAAA;EAAA,GAAA;AAAA,GAUjB,KAAA,CAAM,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"swiper.d.mts","names":[],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"mappings":";;;;;;UA+BiB,KAAA,YAAiB,WAAA;EAChC,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,gBAAA;EACA,OAAA,GAAU,aAAA;EAiBwB;;;;;;;;;;;;;;EAFlC,OAAA,GAAU,YAAA;EACV,IAAA,EAAM,CAAA;EACN,UAAA,CAAW,IAAA,EAAM,CAAA,EAAG,GAAA,WAAc,KAAA,CAAM,SAAA;AAAA;AAAA,cAGpC,QAAA;EAAc,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,UAAA;EAAA,gBAAA;EAAA,GAAA;AAAA,GAWjB,KAAA,CAAM,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/organisms/swiper/swiper.mjs

@@ -28,10 +28,11 @@ const initialStyle = {
 	maxWidth: "100vw",
 	overflow: "hidden"
 };
-const Swiper$1 = ({ loading, loader, options = {}, modules = [], data = [], style, renderItem, loadingClassName, ...props }) => {
+const Swiper$1 = ({ loading, loader, options = {}, modules = [], data = [], style, className, renderItem, loadingClassName, ...props }) => {
 	if (loading) return /* @__PURE__ */ jsx("div", {
-		className: cn("h-32", loadingClassName),
-		children: loader || /* @__PURE__ */ jsx(Spin, { spinning: true })
+		className: cn("h-32", className, loadingClassName),
+		style,
+		children: loader ?? /* @__PURE__ */ jsx(Spin, { spinning: true })
 	});
 	return /* @__PURE__ */ jsx(Swiper, {
 		modules,
@@ -41,6 +42,7 @@ const Swiper$1 = ({ loading, loader, options = {}, modules = [], data = [], styl
 			...initialStyle,
 			...style
 		},
+		className,
 		...props,
 		children: data.map((item, i) => {
 			const node = renderItem(item, i);

package/dist/components/organisms/swiper/swiper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.mjs","names":["Swiper","SwiperCore"],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"sourcesContent":["'use client';\n\nimport { cloneElement, isValidElement } from 'react';\n\nimport { Swiper as SwiperCore, SwiperProps } from 'swiper/react';\nimport { SwiperModule, SwiperOptions } from 'swiper/types';\n\nimport { cn } from '@repo/ui/utils';\n\nimport 'swiper/css';\n\nimport { Spin } from '../../atoms';\n\n/**\n * Baseline Swiper options. `navigation` / `autoplay` are inert unless the\n * matching modules are passed through the `modules` prop — see the README next\n * to this file.\n */\nexport const initialOptions: SwiperOptions = {\n  loop: false,\n  spaceBetween: 8,\n  slidesPerView: 'auto',\n  navigation: false,\n  autoplay: {\n    delay: 2500,\n    disableOnInteraction: false,\n  },\n};\n\nconst initialStyle = { width: '100%', maxWidth: '100vw', overflow: 'hidden' };\n\ninterface Props<T> extends SwiperProps {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  loadingClassName?: string;\n  options?: SwiperOptions;\n  /**\n   * Swiper feature modules to activate. Nothing is bundled by default — import\n   * the modules you need from `swiper/modules` together with their stylesheets\n   * (`swiper/css/<module>`) and pass them here.\n   *\n   * @example\n   * import { Autoplay, Navigation } from 'swiper/modules';\n   * import 'swiper/css/autoplay';\n   * import 'swiper/css/navigation';\n   *\n   * <Swiper modules={[Autoplay, Navigation]} ... />\n   *\n   * @default []\n   */\n  modules?: SwiperModule[];\n  data: T[];\n  renderItem(item: T, key: number): React.ReactNode;\n}\n\nconst Swiper = <T,>({\n  loading,\n  loader,\n  options = {},\n  modules = [],\n  data = [],\n  style,\n  renderItem,\n  loadingClassName,\n  ...props\n}: Props<T>) => {\n  if (loading) {\n    return (\n      <div className={cn('h-32', loadingClassName)}>\n        {loader || <Spin spinning />}\n      </div>\n    );\n  }\n\n  return (\n    <SwiperCore\n      modules={modules}\n      {...initialOptions}\n      {...options}\n      style={{ ...initialStyle, ...style }}\n      {...props}\n    >\n      {data.map((item: T, i) => {\n        const node = renderItem(item, i);\n        // Fall back to an index key only when the consumer's renderItem\n        // didn't already set one — cloning (rather than wrapping in a\n        // Fragment) keeps the returned element a direct child of\n        // SwiperCore, which swiper/react's slide detection relies on.\n        return isValidElement(node) && node.key == null\n          ? cloneElement(node, { key: i })\n          : node;\n      })}\n    </SwiperCore>\n  );\n};\n\nexport default Swiper;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,iBAAgC;CAC3C,MAAM;CACN,cAAc;CACd,eAAe;CACf,YAAY;CACZ,UAAU;EACR,OAAO;EACP,sBAAsB;EACvB;CACF;AAED,MAAM,eAAe;CAAE,OAAO;CAAQ,UAAU;CAAS,UAAU;CAAU;AA0B7E,MAAMA,YAAc,EAClB,SACA,QACA,UAAU,EAAE,EACZ,UAAU,EAAE,EACZ,OAAO,EAAE,EACT,OACA,YACA,kBACA,GAAG,YACW;AACd,KAAI,QACF,QACE,oBAAC;EAAI,WAAW,GAAG,QAAQ,iBAAiB;YACzC,UAAU,oBAAC,QAAK,iBAAW;GACxB;AAIV,QACE,oBAACC;EACU;EACT,GAAI;EACJ,GAAI;EACJ,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;EACpC,GAAI;YAEH,KAAK,KAAK,MAAS,MAAM;GACxB,MAAM,OAAO,WAAW,MAAM,EAAE;AAKhC,UAAO,eAAe,KAAK,IAAI,KAAK,OAAO,OACvC,aAAa,MAAM,EAAE,KAAK,GAAG,CAAC,GAC9B;IACJ;GACS"}
+{"version":3,"file":"swiper.mjs","names":["Swiper","SwiperCore"],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"sourcesContent":["'use client';\n\nimport { cloneElement, isValidElement } from 'react';\n\nimport { Swiper as SwiperCore, SwiperProps } from 'swiper/react';\nimport { SwiperModule, SwiperOptions } from 'swiper/types';\n\nimport { cn } from '@repo/ui/utils';\n\nimport 'swiper/css';\n\nimport { Spin } from '../../atoms';\n\n/**\n * Baseline Swiper options. `navigation` / `autoplay` are inert unless the\n * matching modules are passed through the `modules` prop — see the README next\n * to this file.\n */\nexport const initialOptions: SwiperOptions = {\n  loop: false,\n  spaceBetween: 8,\n  slidesPerView: 'auto',\n  navigation: false,\n  autoplay: {\n    delay: 2500,\n    disableOnInteraction: false,\n  },\n};\n\nconst initialStyle = { width: '100%', maxWidth: '100vw', overflow: 'hidden' };\n\nexport interface Props<T> extends SwiperProps {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  loadingClassName?: string;\n  options?: SwiperOptions;\n  /**\n   * Swiper feature modules to activate. Nothing is bundled by default — import\n   * the modules you need from `swiper/modules` together with their stylesheets\n   * (`swiper/css/<module>`) and pass them here.\n   *\n   * @example\n   * import { Autoplay, Navigation } from 'swiper/modules';\n   * import 'swiper/css/autoplay';\n   * import 'swiper/css/navigation';\n   *\n   * <Swiper modules={[Autoplay, Navigation]} ... />\n   *\n   * @default []\n   */\n  modules?: SwiperModule[];\n  data: T[];\n  renderItem(item: T, key: number): React.ReactNode;\n}\n\nconst Swiper = <T,>({\n  loading,\n  loader,\n  options = {},\n  modules = [],\n  data = [],\n  style,\n  className,\n  renderItem,\n  loadingClassName,\n  ...props\n}: Props<T>) => {\n  if (loading) {\n    // `{...props}` isn't spread here (unlike the non-loading branch) —\n    // SwiperProps carries a lot of Swiper.js-specific config/callbacks\n    // (spaceBetween, slidesPerView, onSwiper, etc.) that aren't valid DOM\n    // attributes, so blindly spreading them onto a plain placeholder div\n    // would trigger React's unknown-DOM-attribute warnings. className/\n    // style are the two that actually matter for this div and are safe.\n    return (\n      <div className={cn('h-32', className, loadingClassName)} style={style}>\n        {loader ?? <Spin spinning />}\n      </div>\n    );\n  }\n\n  return (\n    <SwiperCore\n      modules={modules}\n      {...initialOptions}\n      {...options}\n      style={{ ...initialStyle, ...style }}\n      className={className}\n      {...props}\n    >\n      {data.map((item: T, i) => {\n        const node = renderItem(item, i);\n        // Fall back to an index key only when the consumer's renderItem\n        // didn't already set one — cloning (rather than wrapping in a\n        // Fragment) keeps the returned element a direct child of\n        // SwiperCore, which swiper/react's slide detection relies on.\n        return isValidElement(node) && node.key == null\n          ? cloneElement(node, { key: i })\n          : node;\n      })}\n    </SwiperCore>\n  );\n};\n\nexport default Swiper;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,iBAAgC;CAC3C,MAAM;CACN,cAAc;CACd,eAAe;CACf,YAAY;CACZ,UAAU;EACR,OAAO;EACP,sBAAsB;EACvB;CACF;AAED,MAAM,eAAe;CAAE,OAAO;CAAQ,UAAU;CAAS,UAAU;CAAU;AA0B7E,MAAMA,YAAc,EAClB,SACA,QACA,UAAU,EAAE,EACZ,UAAU,EAAE,EACZ,OAAO,EAAE,EACT,OACA,WACA,YACA,kBACA,GAAG,YACW;AACd,KAAI,QAOF,QACE,oBAAC;EAAI,WAAW,GAAG,QAAQ,WAAW,iBAAiB;EAAS;YAC7D,UAAU,oBAAC,QAAK,iBAAW;GACxB;AAIV,QACE,oBAACC;EACU;EACT,GAAI;EACJ,GAAI;EACJ,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;EACzB;EACX,GAAI;YAEH,KAAK,KAAK,MAAS,MAAM;GACxB,MAAM,OAAO,WAAW,MAAM,EAAE;AAKhC,UAAO,eAAe,KAAK,IAAI,KAAK,OAAO,OACvC,aAAa,MAAM,EAAE,KAAK,GAAG,CAAC,GAC9B;IACJ;GACS"}

package/dist/components/organisms/toast.d.mts

@@ -28,7 +28,7 @@ declare const Toast: {
     className,
     onClose
   }: Props): react_jsx_runtime0.JSX.Element;
-  destroy(id?: string): void;
+  destroy: (id?: string) => void;
   destroyAll(): void;
   info(title: React.ReactNode, props?: TriggerOptions): string | undefined;
   success(title: React.ReactNode, props?: TriggerOptions): string | undefined;

package/dist/components/organisms/toast.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.mts","names":[],"sources":["../../../src/components/organisms/toast.tsx"],"mappings":";;;KAcK,SAAA;AAAA,UAEY,KAAA;EACf,IAAA,GAAO,SAAA;EACP,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,QAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,OAAA;AAAA;AAAA,UAGQ,WAAA,SAAoB,KAAA;EAC5B,EAAA;EACA,QAAA;EACA,SAAA,GAAY,WAAA;AAAA;AAAA,cA4DR,KAAA;EAAA;;;;;;;;;KASH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAiKa,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;iBAEtB,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;eAE3B,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;iBAEvB,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;AAAA;AAAA,KAR5C,cAAA,GAAiB,IAAA,CAAK,WAAA"}
+{"version":3,"file":"toast.d.mts","names":[],"sources":["../../../src/components/organisms/toast.tsx"],"mappings":";;;KAiBK,SAAA;AAAA,UAEY,KAAA;EACf,IAAA,GAAO,SAAA;EACP,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,QAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,OAAA;AAAA;AAAA,UAGQ,WAAA,SAAoB,KAAA;EAC5B,EAAA;EACA,QAAA;EACA,SAAA,GAAY,WAAA;AAAA;AAAA,cAUR,KAAA;EAAA;;;;;;;;;KASH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cA+Ga,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;iBAEtB,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;eAE3B,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;iBAEvB,KAAA,CAAM,SAAA,EAAS,KAAA,GAAU,cAAA;AAAA;AAAA,KAR5C,cAAA,GAAiB,IAAA,CAAK,WAAA"}