@kimdw-rtk/ui 0.0.13 → 0.0.15

package/dist/components/Typography/{Typography.spec.js.map → Typography.spec.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.spec.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cleanup, render, screen } from '@testing-library/react';\n\nimport { Typography } from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Typogrphy 컴포넌트', () => {\n  uiTest(Typography, 'Typography');\n\n  test('기본적으로 p태그로 출력한다.', () => {\n    render(<Typography>test</Typography>);\n    expect(screen.getByText('test').tagName.toLowerCase()).toBe('p');\n  });\n\n  test('as에 전달된 알맞은 태그로 출력한다.', () => {\n    const tags: ComponentProps<typeof Typography>['as'][] = [\n      'p',\n      'h1',\n      'h2',\n      'h3',\n      'h4',\n      'h5',\n      'h6',\n      'span',\n    ];\n\n    for (const tag of tags) {\n      cleanup();\n      render(<Typography as={tag}>test</Typography>);\n      expect(screen.getByText('test').tagName.toLowerCase()).toBe(tag);\n    }\n  });\n});\n"],"mappings":"AAYW;AAVX,SAAS,SAAS,QAAQ,cAAc;AAExC,SAAS,kBAAkB;AAE3B,SAAS,cAAc;AAEvB,SAAS,sCAAkB,MAAM;AAC/B,SAAO,YAAY,YAAY;AAE/B,OAAK,gFAAoB,MAAM;AAC7B,WAAO,oBAAC,cAAW,kBAAI,CAAa;AACpC,WAAO,OAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,EACjE,CAAC;AAED,OAAK,+FAAyB,MAAM;AAClC,UAAM,OAAkD;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,eAAW,OAAO,MAAM;AACtB,cAAQ;AACR,aAAO,oBAAC,cAAW,IAAI,KAAK,kBAAI,CAAa;AAC7C,aAAO,OAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,IACjE;AAAA,EACF,CAAC;AACH,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Typography/Typography.spec.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cleanup, render, screen } from '@testing-library/react';\n\nimport { Typography } from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Typogrphy 컴포넌트', () => {\n  uiTest(Typography, 'Typography');\n\n  test('기본적으로 p태그로 출력한다.', () => {\n    render(<Typography>test</Typography>);\n    expect(screen.getByText('test').tagName.toLowerCase()).toBe('p');\n  });\n\n  test('as에 전달된 알맞은 태그로 출력한다.', () => {\n    const tags: ComponentProps<typeof Typography>['as'][] = [\n      'p',\n      'h1',\n      'h2',\n      'h3',\n      'h4',\n      'h5',\n      'h6',\n      'span',\n    ];\n\n    for (const tag of tags) {\n      cleanup();\n      render(<Typography as={tag}>test</Typography>);\n      expect(screen.getByText('test').tagName.toLowerCase()).toBe(tag);\n    }\n  });\n});\n"],"mappings":";;;;;;;;AAIA,SAAS,kBAAkB;AAE3B,SAAS,cAAc;AAMZ;AAJX,SAAS,sCAAkB,MAAM;AAC/B,SAAO,YAAY,YAAY;AAE/B,OAAK,gFAAoB,MAAM;AAC7B,WAAO,oBAAC,cAAW,kBAAI,CAAa;AACpC,WAAO,yBAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,EACjE,CAAC;AAED,OAAK,+FAAyB,MAAM;AAClC,UAAM,OAAkD;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,eAAW,OAAO,MAAM;AACtB,cAAQ;AACR,aAAO,oBAAC,cAAW,IAAI,KAAK,kBAAI,CAAa;AAC7C,aAAO,yBAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,IACjE;AAAA,EACF,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Typography/{index.js → index.mjs}

@@ -1,10 +1,13 @@
-import { jsx } from "react/jsx-runtime";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/components/Typography/index.tsx
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { sprinkles } from "#styles";
-import {} from "#types";
-import * as s from "./Typography.css";
-const Typography = forwardRef(
+import { sprinkles } from "#styles.mjs";
+import "#types.mjs";
+import * as s from "./Typography.css.mjs";
+import { jsx } from "react/jsx-runtime";
+var Typography = forwardRef(
   ({
     children,
     as: Component = "p",
@@ -38,4 +41,4 @@ export {
   Typography,
   s as typographyCss
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Typography/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Typography/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sprinkles, type SprinklesProps } from '#styles';\nimport { type UIComponent } from '#types';\n\nimport * as s from './Typography.css';\n\ntype TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\n\ntype TypographyProps<T extends TypographyElement = TypographyElement> = Omit<\n  UIComponent<T, typeof s.typography> & {\n    as?: T;\n    color?: SprinklesProps['color'];\n    fontSize?: SprinklesProps['fontSize'];\n    fontWeight?: SprinklesProps['fontWeight'];\n    lineHeight?: SprinklesProps['lineHeight'];\n  },\n  'ref'\n>;\n\nexport const Typography = forwardRef<HTMLParagraphElement, TypographyProps>(\n  (\n    {\n      children,\n      as: Component = 'p',\n      className,\n      color = 'foreground',\n      fontSize = 'md',\n      fontWeight = 'normal',\n      lineHeight,\n      isEllipsis = false,\n      sx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          s.typography({ isEllipsis }),\n          sprinkles({ color, fontSize, fontWeight, lineHeight }),\n          sx && sprinkles(sx),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { s as typographyCss };\n"],"mappings":"AAuCM;AAvCN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,iBAAsC;AAC/C,eAAiC;AAEjC,YAAY,OAAO;AAeZ,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,EAAE,WAAW,EAAE,WAAW,CAAC;AAAA,UAC3B,UAAU,EAAE,OAAO,UAAU,YAAY,WAAW,CAAC;AAAA,UACrD,MAAM,UAAU,EAAE;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Typography/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sprinkles, type SprinklesProps } from '#styles';\nimport { type UIComponent } from '#types';\n\nimport * as s from './Typography.css';\n\ntype TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\n\ntype TypographyProps<T extends TypographyElement = TypographyElement> = Omit<\n  UIComponent<T, typeof s.typography> & {\n    as?: T;\n    color?: SprinklesProps['color'];\n    fontSize?: SprinklesProps['fontSize'];\n    fontWeight?: SprinklesProps['fontWeight'];\n    lineHeight?: SprinklesProps['lineHeight'];\n  },\n  'ref'\n>;\n\nexport const Typography = forwardRef<HTMLParagraphElement, TypographyProps>(\n  (\n    {\n      children,\n      as: Component = 'p',\n      className,\n      color = 'foreground',\n      fontSize = 'md',\n      fontWeight = 'normal',\n      lineHeight,\n      isEllipsis = false,\n      sx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          s.typography({ isEllipsis }),\n          sprinkles({ color, fontSize, fontWeight, lineHeight }),\n          sx && sprinkles(sx),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { s as typographyCss };\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,iBAAsC;AAC/C,OAAiC;AAEjC,YAAY,OAAO;AAgCb;AAjBC,IAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACP,aAAW,EAAE,WAAW,CAAC;AAAA,UAC3B,UAAU,EAAE,OAAO,UAAU,YAAY,WAAW,CAAC;AAAA,UACrD,MAAM,UAAU,EAAE;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}

package/dist/components/index.mjs

@@ -0,0 +1,20 @@
+// src/components/index.ts
+export * from "./Accordion/index.mjs";
+export * from "./Alert/index.mjs";
+export * from "./Box/index.mjs";
+export * from "./Button/index.mjs";
+export * from "./Card/index.mjs";
+export * from "./Chip/index.mjs";
+export * from "./Confirm/index.mjs";
+export * from "./Dialog/index.mjs";
+export * from "./Navigation/index.mjs";
+export * from "./Range/index.mjs";
+export * from "./ScrollArea/index.mjs";
+export * from "./Select/index.mjs";
+export * from "./Skeleton/index.mjs";
+export * from "./Table/index.mjs";
+export * from "./Tabs/index.mjs";
+export * from "./TextField/index.mjs";
+export * from "./Toast/index.mjs";
+export * from "./Typography/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Alert';\nexport * from './Box';\nexport * from './Button';\nexport * from './Card';\nexport * from './Chip';\nexport * from './Confirm';\nexport * from './Dialog';\nexport * from './Navigation';\nexport * from './Range';\nexport * from './ScrollArea';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Table';\nexport * from './Tabs';\nexport * from './TextField';\nexport * from './Toast';\nexport * from './Typography';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Alert';\nexport * from './Box';\nexport * from './Button';\nexport * from './Card';\nexport * from './Chip';\nexport * from './Confirm';\nexport * from './Dialog';\nexport * from './Navigation';\nexport * from './Range';\nexport * from './ScrollArea';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Table';\nexport * from './Tabs';\nexport * from './TextField';\nexport * from './Toast';\nexport * from './Typography';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/contexts/{UIProvider.js → UIProvider.mjs}

@@ -1,9 +1,12 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import "../chunk-IEP6GGEX.mjs";
+
+// src/contexts/UIProvider.tsx
 import { OverlayProvider } from "@kimdw-rtk/utils";
-import { ToastProvider } from "#hooks";
-import * as overlayStyle from "../styles/overlay.css";
-const UIProvider = ({
+import { ToastProvider } from "#hooks.mjs";
+import * as overlayStyle from "../styles/overlay.css.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+var UIProvider = ({
   children,
   overlayUnmountOn = "transitionEnd"
 }) => {
@@ -19,4 +22,4 @@ const UIProvider = ({
 export {
   UIProvider
 };
-//# sourceMappingURL=UIProvider.js.map
+//# sourceMappingURL=UIProvider.mjs.map

package/dist/contexts/{UIProvider.js.map → UIProvider.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/contexts/UIProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { OverlayProvider, type OverlayOption } from '@kimdw-rtk/utils';\n\nimport { ToastProvider } from '#hooks';\n\nimport * as overlayStyle from '../styles/overlay.css';\n\ninterface UIProviderProps {\n  children: ReactNode;\n  overlayUnmountOn?: OverlayOption['unmountOn'];\n}\n\nexport const UIProvider = ({\n  children,\n  overlayUnmountOn = 'transitionEnd',\n}: UIProviderProps) => {\n  return (\n    <>\n      <OverlayProvider\n        className={{ ...overlayStyle }}\n        unmountOn={overlayUnmountOn}\n      >\n        <ToastProvider>{children}</ToastProvider>\n      </OverlayProvider>\n    </>\n  );\n};\n"],"mappings":";AAoBI,mBAKI,WALJ;AAhBJ,SAAS,uBAA2C;AAEpD,SAAS,qBAAqB;AAE9B,YAAY,kBAAkB;AAOvB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,mBAAmB;AACrB,MAAuB;AACrB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,GAAG,aAAa;AAAA,MAC7B,WAAW;AAAA,MAEX,8BAAC,iBAAe,UAAS;AAAA;AAAA,EAC3B,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/contexts/UIProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { OverlayProvider, type OverlayOption } from '@kimdw-rtk/utils';\n\nimport { ToastProvider } from '#hooks';\n\nimport * as overlayStyle from '../styles/overlay.css';\n\ninterface UIProviderProps {\n  children: ReactNode;\n  overlayUnmountOn?: OverlayOption['unmountOn'];\n}\n\nexport const UIProvider = ({\n  children,\n  overlayUnmountOn = 'transitionEnd',\n}: UIProviderProps) => {\n  return (\n    <>\n      <OverlayProvider\n        className={{ ...overlayStyle }}\n        unmountOn={overlayUnmountOn}\n      >\n        <ToastProvider>{children}</ToastProvider>\n      </OverlayProvider>\n    </>\n  );\n};\n"],"mappings":";;;;AAIA,SAAS,uBAA2C;AAEpD,SAAS,qBAAqB;AAE9B,YAAY,kBAAkB;AAY1B,mBAKI,WALJ;AALG,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,mBAAmB;AACrB,MAAuB;AACrB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,GAAG,aAAa;AAAA,MAC7B,WAAW;AAAA,MAEX,8BAAC,iBAAe,UAAS;AAAA;AAAA,EAC3B,GACF;AAEJ;","names":[]}

package/dist/contexts/index.mjs

@@ -0,0 +1,3 @@
+// src/contexts/index.ts
+export * from "./UIProvider.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/contexts/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from './UIProvider';\n"],"mappings":";AAAA,cAAc;","names":[]}

package/dist/hooks/index.mjs

@@ -0,0 +1,7 @@
+// src/hooks/index.ts
+export * from "./useDialog/index.mjs";
+export * from "./usePointerSlider/index.mjs";
+export * from "./useRipple/index.mjs";
+export * from "./useToast/index.mjs";
+export * from "./useToast/ToastProvider.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/hooks/useDialog/{index.js → index.mjs}

@@ -1,9 +1,12 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useDialog/index.tsx
 import { useCallback, useMemo, useRef } from "react";
 import { useOverlay } from "@kimdw-rtk/utils";
-import { Alert, Confirm } from "#components";
-const useDialog = () => {
+import { Alert, Confirm } from "#components.mjs";
+import { jsx } from "react/jsx-runtime";
+var useDialog = () => {
   const { push } = useOverlay();
   const dialogRef = useRef(null);
   const alert = useCallback(
@@ -46,4 +49,4 @@ const useDialog = () => {
 export {
   useDialog
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useDialog/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '#components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n"],"mappings":";AAea;AAbb,SAAyB,aAAa,SAAS,cAAc;AAE7D,SAAS,kBAAkB;AAE3B,SAAS,OAAO,eAAe;AAExB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,YAAY,OAA8B,IAAI;AAEpD,QAAM,QAAQ;AAAA,IACZ,CAAC,YAAuB;AACtB,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,aAAK,oBAAC,SAAO,mBAAQ,GAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,EAAE,CAAC;AAAA,MACjE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,YAAyC;AACxC,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,gBAAgB,MAAM;AAC1B,kBAAQ,IAAI;AACZ,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA,cAAM,eAAe,MAAM;AACzB,kBAAQ,KAAK;AACb,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW;AAAA,cACX,UAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,EAAE,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,CAAC,OAAO,OAAO,CAAC;AAC7D;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '#components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n"],"mappings":";;;;AAEA,SAAyB,aAAa,SAAS,cAAc;AAE7D,SAAS,kBAAkB;AAE3B,SAAS,OAAO,eAAe;AASlB;AAPN,IAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,YAAY,OAA8B,IAAI;AAEpD,QAAM,QAAQ;AAAA,IACZ,CAAC,YAAuB;AACtB,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,aAAK,oBAAC,SAAO,mBAAQ,GAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,EAAE,CAAC;AAAA,MACjE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,YAAyC;AACxC,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,gBAAgB,MAAM;AAC1B,kBAAQ,IAAI;AACZ,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA,cAAM,eAAe,MAAM;AACzB,kBAAQ,KAAK;AACb,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW;AAAA,cACX,UAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,EAAE,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,CAAC,OAAO,OAAO,CAAC;AAC7D;","names":[]}

package/dist/hooks/useDialog/{useDialog.spec.js → useDialog.spec.mjs}

@@ -1,7 +1,14 @@
+import {
+  act,
+  react_esm_exports,
+  render
+} from "../../chunk-Y4CBEQ5S.mjs";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useDialog/useDialog.spec.tsx
+import { UIProvider } from "#contexts.mjs";
+import { useDialog } from "#hooks.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { act, render, screen, waitFor } from "@testing-library/react";
-import { UIProvider } from "#contexts";
-import { useDialog } from "#hooks";
 describe("useDialog \uD14C\uC2A4\uD2B8", () => {
   const mockFn = jest.fn();
   beforeEach(() => {
@@ -20,40 +27,40 @@ describe("useDialog \uD14C\uC2A4\uD2B8", () => {
     );
   });
   it("\uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 alert\uC744 \uB2EB\uC744 \uC218 \uC788\uB2E4.", async () => {
-    const alertButton = screen.getByRole("button", { name: "alert click" });
-    expect(screen.queryByText("alert")).not.toBeInTheDocument();
+    const alertButton = react_esm_exports.screen.getByRole("button", { name: "alert click" });
+    expect(react_esm_exports.screen.queryByText("alert")).not.toBeInTheDocument();
     act(() => {
       alertButton.click();
     });
-    expect(screen.getByText("alert")).toBeInTheDocument();
-    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
+    expect(react_esm_exports.screen.getByText("alert")).toBeInTheDocument();
+    const okButton = react_esm_exports.screen.getByRole("button", { name: "\uD655\uC778" });
     act(() => {
       okButton.click();
     });
-    expect(screen.queryByText("alert")).not.toBeInTheDocument();
+    expect(react_esm_exports.screen.queryByText("alert")).not.toBeInTheDocument();
   });
   it.skip("confirm\uC758 \uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 true, \uCDE8\uC18C \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 false\uB97C \uBC18\uD658\uD55C\uB2E4.", async () => {
-    const confirmButton = screen.getByRole("button", { name: "confirm click" });
+    const confirmButton = react_esm_exports.screen.getByRole("button", { name: "confirm click" });
     act(() => {
       confirmButton.click();
     });
-    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
+    const okButton = react_esm_exports.screen.getByRole("button", { name: "\uD655\uC778" });
     act(() => {
       okButton.click();
     });
-    await waitFor(() => {
+    await (0, react_esm_exports.waitFor)(() => {
       expect(mockFn.mock.calls[0][0]).toBe(true);
     });
     act(() => {
       confirmButton.click();
     });
-    const cancelButton = screen.getByRole("button", { name: "\uCDE8\uC18C" });
+    const cancelButton = react_esm_exports.screen.getByRole("button", { name: "\uCDE8\uC18C" });
     act(() => {
       cancelButton.click();
     });
-    await waitFor(() => {
+    await (0, react_esm_exports.waitFor)(() => {
       expect(mockFn.mock.calls[1][0]).toBe(false);
     });
   });
 });
-//# sourceMappingURL=useDialog.spec.js.map
+//# sourceMappingURL=useDialog.spec.mjs.map

package/dist/hooks/useDialog/{useDialog.spec.js.map → useDialog.spec.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"sourcesContent":["import { act, render, screen, waitFor } from '@testing-library/react';\n\nimport { UIProvider } from '#contexts';\nimport { useDialog } from '#hooks';\n\ndescribe('useDialog 테스트', () => {\n  const mockFn = jest.fn();\n\n  beforeEach(() => {\n    const TestComponent = () => {\n      const { alert, confirm } = useDialog();\n\n      const handleConfirmClick = async () => {\n        mockFn(await confirm('confirm'));\n      };\n\n      return (\n        <>\n          <button onClick={() => alert('alert')}>alert click</button>\n          <button onClick={handleConfirmClick}>confirm click</button>\n        </>\n      );\n    };\n\n    render(\n      <UIProvider overlayUnmountOn={'exit'}>\n        <TestComponent />\n      </UIProvider>,\n    );\n  });\n\n  it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {\n    const alertButton = screen.getByRole('button', { name: 'alert click' });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n\n    act(() => {\n      alertButton.click();\n    });\n\n    expect(screen.getByText('alert')).toBeInTheDocument();\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n  });\n\n  it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {\n    const confirmButton = screen.getByRole('button', { name: 'confirm click' });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[0][0]).toBe(true);\n    });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const cancelButton = screen.getByRole('button', { name: '취소' });\n    act(() => {\n      cancelButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[1][0]).toBe(false);\n    });\n  });\n});\n"],"mappings":"AAiBQ,mBACE,KADF;AAjBR,SAAS,KAAK,QAAQ,QAAQ,eAAe;AAE7C,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,gCAAiB,MAAM;AAC9B,QAAM,SAAS,KAAK,GAAG;AAEvB,aAAW,MAAM;AACf,UAAM,gBAAgB,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,IAAI,UAAU;AAErC,YAAM,qBAAqB,YAAY;AACrC,eAAO,MAAM,QAAQ,SAAS,CAAC;AAAA,MACjC;AAEA,aACE,iCACE;AAAA,4BAAC,YAAO,SAAS,MAAM,MAAM,OAAO,GAAG,yBAAW;AAAA,QAClD,oBAAC,YAAO,SAAS,oBAAoB,2BAAa;AAAA,SACpD;AAAA,IAEJ;AAEA;AAAA,MACE,oBAAC,cAAW,kBAAkB,QAC5B,8BAAC,iBAAc,GACjB;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,oGAA8B,YAAY;AAC3C,UAAM,cAAc,OAAO,UAAU,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAE1D,QAAI,MAAM;AACR,kBAAY,MAAM;AAAA,IACpB,CAAC;AAED,WAAO,OAAO,UAAU,OAAO,CAAC,EAAE,kBAAkB;AAEpD,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAAA,EAC5D,CAAC;AAED,KAAG,KAAK,mKAAqD,YAAY;AACvE,UAAM,gBAAgB,OAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1E,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,IAAI;AAAA,IAC3C,CAAC;AAED,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC9D,QAAI,MAAM;AACR,mBAAa,MAAM;AAAA,IACrB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"sourcesContent":["import { act, render, screen, waitFor } from '@testing-library/react';\n\nimport { UIProvider } from '#contexts';\nimport { useDialog } from '#hooks';\n\ndescribe('useDialog 테스트', () => {\n  const mockFn = jest.fn();\n\n  beforeEach(() => {\n    const TestComponent = () => {\n      const { alert, confirm } = useDialog();\n\n      const handleConfirmClick = async () => {\n        mockFn(await confirm('confirm'));\n      };\n\n      return (\n        <>\n          <button onClick={() => alert('alert')}>alert click</button>\n          <button onClick={handleConfirmClick}>confirm click</button>\n        </>\n      );\n    };\n\n    render(\n      <UIProvider overlayUnmountOn={'exit'}>\n        <TestComponent />\n      </UIProvider>,\n    );\n  });\n\n  it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {\n    const alertButton = screen.getByRole('button', { name: 'alert click' });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n\n    act(() => {\n      alertButton.click();\n    });\n\n    expect(screen.getByText('alert')).toBeInTheDocument();\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n  });\n\n  it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {\n    const confirmButton = screen.getByRole('button', { name: 'confirm click' });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[0][0]).toBe(true);\n    });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const cancelButton = screen.getByRole('button', { name: '취소' });\n    act(() => {\n      cancelButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[1][0]).toBe(false);\n    });\n  });\n});\n"],"mappings":";;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAclB,mBACE,KADF;AAZR,SAAS,gCAAiB,MAAM;AAC9B,QAAM,SAAS,KAAK,GAAG;AAEvB,aAAW,MAAM;AACf,UAAM,gBAAgB,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,IAAI,UAAU;AAErC,YAAM,qBAAqB,YAAY;AACrC,eAAO,MAAM,QAAQ,SAAS,CAAC;AAAA,MACjC;AAEA,aACE,iCACE;AAAA,4BAAC,YAAO,SAAS,MAAM,MAAM,OAAO,GAAG,yBAAW;AAAA,QAClD,oBAAC,YAAO,SAAS,oBAAoB,2BAAa;AAAA,SACpD;AAAA,IAEJ;AAEA;AAAA,MACE,oBAAC,cAAW,kBAAkB,QAC5B,8BAAC,iBAAc,GACjB;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,oGAA8B,YAAY;AAC3C,UAAM,cAAc,yBAAO,UAAU,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,WAAO,yBAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAE1D,QAAI,MAAM;AACR,kBAAY,MAAM;AAAA,IACpB,CAAC;AAED,WAAO,yBAAO,UAAU,OAAO,CAAC,EAAE,kBAAkB;AAEpD,UAAM,WAAW,yBAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,WAAO,yBAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAAA,EAC5D,CAAC;AAED,KAAG,KAAK,mKAAqD,YAAY;AACvE,UAAM,gBAAgB,yBAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1E,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,WAAW,yBAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,cAAM,2BAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,IAAI;AAAA,IAC3C,CAAC;AAED,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,yBAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC9D,QAAI,MAAM;AACR,mBAAa,MAAM;AAAA,IACrB,CAAC;AAED,cAAM,2BAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}

package/dist/hooks/useMouseScroll/{index.js → index.mjs}

@@ -1,6 +1,9 @@
 "use client";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useMouseScroll/index.ts
 import { useEffect } from "react";
-const useMouseScroll = (ref) => {
+var useMouseScroll = (ref) => {
   useEffect(() => {
     const element = ref.current;
     let isDown = false, startX = 0, startLeft = 0;
@@ -45,4 +48,4 @@ const useMouseScroll = (ref) => {
 export {
   useMouseScroll
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useMouseScroll/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMouseScroll/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook\n */\nexport const useMouseScroll = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      startX = 0,\n      startLeft = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!element.contains(e.target as Node)) {\n        return;\n      }\n\n      isDown = true;\n\n      startLeft = element.scrollLeft;\n      startX = e.x;\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      element.scrollLeft = startLeft + startX - e.x;\n    };\n\n    const handleMouseUp = () => {\n      isDown = false;\n    };\n\n    const handleWheel = (e: WheelEvent) => {\n      element.scrollTo({\n        left: element.scrollLeft + e.deltaY,\n        behavior: 'smooth',\n      });\n    };\n\n    window.addEventListener('mousedown', handleMouseDown);\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    element.addEventListener('wheel', handleWheel);\n\n    return () => {\n      window.removeEventListener('mousedown', handleMouseDown);\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      element.removeEventListener('wheel', handleWheel);\n    };\n  }, [ref]);\n};\n"],"mappings":";AAEA,SAAS,iBAAiB;AAKnB,MAAM,iBAAiB,CAC5B,QACS;AACT,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,SAAS,GACT,YAAY;AAEd,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ,SAAS,EAAE,MAAc,GAAG;AACvC;AAAA,MACF;AAEA,eAAS;AAET,kBAAY,QAAQ;AACpB,eAAS,EAAE;AAAA,IACb;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,cAAQ,aAAa,YAAY,SAAS,EAAE;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,eAAS;AAAA,IACX;AAEA,UAAM,cAAc,CAAC,MAAkB;AACrC,cAAQ,SAAS;AAAA,QACf,MAAM,QAAQ,aAAa,EAAE;AAAA,QAC7B,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,WAAW,aAAa;AAChD,YAAQ,iBAAiB,SAAS,WAAW;AAE7C,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,WAAW,aAAa;AACnD,cAAQ,oBAAoB,SAAS,WAAW;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useMouseScroll/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook\n */\nexport const useMouseScroll = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      startX = 0,\n      startLeft = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!element.contains(e.target as Node)) {\n        return;\n      }\n\n      isDown = true;\n\n      startLeft = element.scrollLeft;\n      startX = e.x;\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      element.scrollLeft = startLeft + startX - e.x;\n    };\n\n    const handleMouseUp = () => {\n      isDown = false;\n    };\n\n    const handleWheel = (e: WheelEvent) => {\n      element.scrollTo({\n        left: element.scrollLeft + e.deltaY,\n        behavior: 'smooth',\n      });\n    };\n\n    window.addEventListener('mousedown', handleMouseDown);\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    element.addEventListener('wheel', handleWheel);\n\n    return () => {\n      window.removeEventListener('mousedown', handleMouseDown);\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      element.removeEventListener('wheel', handleWheel);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;AAKnB,IAAM,iBAAiB,CAC5B,QACS;AACT,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,SAAS,GACT,YAAY;AAEd,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ,SAAS,EAAE,MAAc,GAAG;AACvC;AAAA,MACF;AAEA,eAAS;AAET,kBAAY,QAAQ;AACpB,eAAS,EAAE;AAAA,IACb;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,cAAQ,aAAa,YAAY,SAAS,EAAE;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,eAAS;AAAA,IACX;AAEA,UAAM,cAAc,CAAC,MAAkB;AACrC,cAAQ,SAAS;AAAA,QACf,MAAM,QAAQ,aAAa,EAAE;AAAA,QAC7B,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,WAAW,aAAa;AAChD,YAAQ,iBAAiB,SAAS,WAAW;AAE7C,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,WAAW,aAAa;AACnD,cAAQ,oBAAoB,SAAS,WAAW;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;","names":[]}

package/dist/hooks/usePointerSlider/{index.js → index.mjs}

@@ -1,6 +1,9 @@
 "use client";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/usePointerSlider/index.ts
 import { useEffect, useState } from "react";
-const usePointerSlider = (ref, {
+var usePointerSlider = (ref, {
   min,
   max,
   defaultValue
@@ -55,4 +58,4 @@ const usePointerSlider = (ref, {
 export {
   usePointerSlider
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/usePointerSlider/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePointerSlider/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const usePointerSlider = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n  {\n    min,\n    max,\n    defaultValue,\n  }: {\n    min: number;\n    max: number;\n    defaultValue: number;\n  },\n): number => {\n  const [value, setValue] = useState<number>(defaultValue);\n\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      parentWidth = 0,\n      parentX = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    element.style.left = `${((value - min) / (max - min)) * 100}%`;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      element.setPointerCapture(e.pointerId);\n      isDown = true;\n      const boundingRect = element.parentElement?.getBoundingClientRect();\n\n      if (boundingRect === undefined) {\n        return;\n      }\n\n      parentWidth = boundingRect.width;\n      parentX = boundingRect.x;\n    };\n\n    const handlePointerMove = (e: PointerEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      const currentValue = Math.min(\n        max,\n        Math.max(\n          min,\n          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min,\n        ),\n      );\n\n      element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;\n\n      setValue(currentValue);\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      element.releasePointerCapture(e.pointerId);\n      isDown = false;\n    };\n\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointermove', handlePointerMove);\n    element.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointermove', handlePointerMove);\n      element.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [ref, max, min, value]);\n\n  return value;\n};\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAE7B,MAAM,mBAAmB,CAC9B,KACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAKW;AACX,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,YAAY;AAEvD,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,cAAc,GACd,UAAU;AAEZ,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,YAAQ,MAAM,OAAO,IAAK,QAAQ,QAAQ,MAAM,OAAQ,GAAG;AAE3D,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,cAAQ,kBAAkB,EAAE,SAAS;AACrC,eAAS;AACT,YAAM,eAAe,QAAQ,eAAe,sBAAsB;AAElE,UAAI,iBAAiB,QAAW;AAC9B;AAAA,MACF;AAEA,oBAAc,aAAa;AAC3B,gBAAU,aAAa;AAAA,IACzB;AAEA,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,eAAe,KAAK;AAAA,QACxB;AAAA,QACA,KAAK;AAAA,UACH;AAAA,UACA,KAAK,OAAO,EAAE,UAAU,YAAY,eAAe,MAAM,KAAK,IAAI;AAAA,QACpE;AAAA,MACF;AAEA,cAAQ,MAAM,OAAO,IAAK,eAAe,QAAQ,MAAM,OAAQ,GAAG;AAElE,eAAS,YAAY;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,MAAoB;AAC3C,cAAQ,sBAAsB,EAAE,SAAS;AACzC,eAAS;AAAA,IACX;AAEA,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,aAAa,eAAe;AAErD,WAAO,MAAM;AACX,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,aAAa,eAAe;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;AAEzB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/hooks/usePointerSlider/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const usePointerSlider = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n  {\n    min,\n    max,\n    defaultValue,\n  }: {\n    min: number;\n    max: number;\n    defaultValue: number;\n  },\n): number => {\n  const [value, setValue] = useState<number>(defaultValue);\n\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      parentWidth = 0,\n      parentX = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    element.style.left = `${((value - min) / (max - min)) * 100}%`;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      element.setPointerCapture(e.pointerId);\n      isDown = true;\n      const boundingRect = element.parentElement?.getBoundingClientRect();\n\n      if (boundingRect === undefined) {\n        return;\n      }\n\n      parentWidth = boundingRect.width;\n      parentX = boundingRect.x;\n    };\n\n    const handlePointerMove = (e: PointerEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      const currentValue = Math.min(\n        max,\n        Math.max(\n          min,\n          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min,\n        ),\n      );\n\n      element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;\n\n      setValue(currentValue);\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      element.releasePointerCapture(e.pointerId);\n      isDown = false;\n    };\n\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointermove', handlePointerMove);\n    element.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointermove', handlePointerMove);\n      element.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [ref, max, min, value]);\n\n  return value;\n};\n"],"mappings":";;;;AAEA,SAAS,WAAW,gBAAgB;AAE7B,IAAM,mBAAmB,CAC9B,KACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAKW;AACX,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,YAAY;AAEvD,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,cAAc,GACd,UAAU;AAEZ,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,YAAQ,MAAM,OAAO,IAAK,QAAQ,QAAQ,MAAM,OAAQ,GAAG;AAE3D,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,cAAQ,kBAAkB,EAAE,SAAS;AACrC,eAAS;AACT,YAAM,eAAe,QAAQ,eAAe,sBAAsB;AAElE,UAAI,iBAAiB,QAAW;AAC9B;AAAA,MACF;AAEA,oBAAc,aAAa;AAC3B,gBAAU,aAAa;AAAA,IACzB;AAEA,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,eAAe,KAAK;AAAA,QACxB;AAAA,QACA,KAAK;AAAA,UACH;AAAA,UACA,KAAK,OAAO,EAAE,UAAU,YAAY,eAAe,MAAM,KAAK,IAAI;AAAA,QACpE;AAAA,MACF;AAEA,cAAQ,MAAM,OAAO,IAAK,eAAe,QAAQ,MAAM,OAAQ,GAAG;AAElE,eAAS,YAAY;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,MAAoB;AAC3C,cAAQ,sBAAsB,EAAE,SAAS;AACzC,eAAS;AAAA,IACX;AAEA,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,aAAa,eAAe;AAErD,WAAO,MAAM;AACX,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,aAAa,eAAe;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;AAEzB,SAAO;AACT;","names":[]}

package/dist/hooks/useRipple/{index.js → index.mjs}

@@ -1,8 +1,11 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useRipple/index.tsx
 import { useEffect, useMemo, useRef } from "react";
-import * as s from "./ripple.css";
-const useRipple = (ref) => {
+import * as s from "./ripple.css.mjs";
+import { jsx } from "react/jsx-runtime";
+var useRipple = (ref) => {
   const rippleRef = useRef(null);
   useEffect(() => {
     let element = null;
@@ -14,11 +17,11 @@ const useRipple = (ref) => {
     } else {
       element = ref.current;
     }
-    const ripple = rippleRef.current;
+    const ripple2 = rippleRef.current;
     let timer;
     let isAnimationPending = false;
     let isFadeIn = false, isMouseDown = false, isTransitionEnd = true;
-    if (!ripple || !element) {
+    if (!ripple2 || !element) {
       return;
     }
     const clearTimer = () => {
@@ -28,15 +31,15 @@ const useRipple = (ref) => {
     const runAnimation = (x, y) => {
       const width = element.clientWidth / 2 + Math.abs(element.clientWidth / 2 - x), height = element.clientHeight / 2 + Math.abs(element.clientHeight / 2 - y);
       const size = Math.round(Math.sqrt(width ** 2 + height ** 2) * 2);
-      ripple.style.width = `${size}px`;
-      ripple.style.height = `${size}px`;
-      ripple.style.left = `${x}px`;
-      ripple.style.top = `${y}px`;
-      ripple.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;
-      ripple.className = s.ripple({ animation: false });
-      ripple.offsetTop;
-      ripple.className = s.ripple({ animation: true });
-      ripple.style.opacity = "1";
+      ripple2.style.width = `${size}px`;
+      ripple2.style.height = `${size}px`;
+      ripple2.style.left = `${x}px`;
+      ripple2.style.top = `${y}px`;
+      ripple2.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;
+      ripple2.className = s.ripple({ animation: false });
+      ripple2.offsetTop;
+      ripple2.className = s.ripple({ animation: true });
+      ripple2.style.opacity = "1";
       isAnimationPending = false;
       isFadeIn = true;
       isTransitionEnd = false;
@@ -52,7 +55,7 @@ const useRipple = (ref) => {
       runAnimation(e.offsetX, e.offsetY);
     };
     const handlePointerDown = (e) => {
-      if (e.button !== 0 || !ripple || !isTransitionEnd) {
+      if (e.button !== 0 || !ripple2 || !isTransitionEnd) {
         return;
       }
       if (element instanceof HTMLButtonElement && element.disabled) {
@@ -73,7 +76,7 @@ const useRipple = (ref) => {
       }
       clearTimer();
       if (!isFadeIn) {
-        ripple.style.opacity = "0";
+        ripple2.style.opacity = "0";
         isFadeIn = false;
       }
       isMouseDown = false;
@@ -81,7 +84,7 @@ const useRipple = (ref) => {
     const handleTransitionEnd = (e) => {
       if (e.propertyName === "opacity" && isFadeIn) {
         if (!isMouseDown) {
-          ripple.style.opacity = "0";
+          ripple2.style.opacity = "0";
         }
         isFadeIn = false;
         return;
@@ -94,13 +97,13 @@ const useRipple = (ref) => {
     element.addEventListener("pointerdown", handlePointerDown);
     element.addEventListener("pointerup", handlePointerUp);
     element.addEventListener("pointerleave", handlePointerUp);
-    ripple.addEventListener("transitionend", handleTransitionEnd);
+    ripple2.addEventListener("transitionend", handleTransitionEnd);
     return () => {
       element.removeEventListener("click", handleClick);
       element.removeEventListener("pointerdown", handlePointerDown);
       element.removeEventListener("pointerup", handlePointerUp);
       element.removeEventListener("pointerleave", handlePointerUp);
-      ripple.removeEventListener("transitionend", handleTransitionEnd);
+      ripple2.removeEventListener("transitionend", handleTransitionEnd);
     };
   }, [ref, rippleRef]);
   return useMemo(
@@ -113,4 +116,4 @@ const useRipple = (ref) => {
 export {
   useRipple
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useRipple/{index.js.map → index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useRipple/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport * as s from './ripple.css';\n\nexport const useRipple = <T extends HTMLElement>(ref?: React.Ref<T>) => {\n  const rippleRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let element: T | null = null;\n\n    if (!ref) {\n      return;\n    }\n\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      element = ref.current;\n    }\n\n    const ripple = rippleRef.current;\n\n    let timer: ReturnType<typeof setTimeout>;\n    let isAnimationPending = false;\n\n    let isFadeIn = false,\n      isMouseDown = false,\n      isTransitionEnd = true;\n\n    if (!ripple || !element) {\n      return;\n    }\n\n    const clearTimer = () => {\n      clearTimeout(timer);\n      isAnimationPending = false;\n    };\n\n    const runAnimation = (x: number, y: number) => {\n      const width =\n          element.clientWidth / 2 + Math.abs(element.clientWidth / 2 - x),\n        height =\n          element.clientHeight / 2 + Math.abs(element.clientHeight / 2 - y);\n      const size = Math.round(Math.sqrt(width ** 2 + height ** 2) * 2);\n\n      ripple.style.width = `${size}px`;\n      ripple.style.height = `${size}px`;\n      ripple.style.left = `${x}px`;\n      ripple.style.top = `${y}px`;\n\n      ripple.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;\n      ripple.className = s.ripple({ animation: false });\n      //eslint-disable-next-line\n      ripple.offsetTop;\n      ripple.className = s.ripple({ animation: true });\n      ripple.style.opacity = '1';\n\n      isAnimationPending = false;\n      isFadeIn = true;\n      isTransitionEnd = false;\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      if (!isAnimationPending) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      clearTimer();\n      runAnimation(e.offsetX, e.offsetY);\n    };\n\n    const handlePointerDown = (e: PointerEvent) => {\n      if (e.button !== 0 || !ripple || !isTransitionEnd) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      isMouseDown = true;\n\n      if (e.pointerType === 'mouse') {\n        runAnimation(e.offsetX, e.offsetY);\n        return;\n      }\n\n      clearTimer();\n      isAnimationPending = true;\n      timer = setTimeout(() => runAnimation(e.offsetX, e.offsetY), 100);\n    };\n\n    const handlePointerUp = () => {\n      if (!isMouseDown) {\n        return;\n      }\n\n      clearTimer();\n\n      if (!isFadeIn) {\n        ripple.style.opacity = '0';\n        isFadeIn = false;\n      }\n\n      isMouseDown = false;\n    };\n\n    const handleTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'opacity' && isFadeIn) {\n        if (!isMouseDown) {\n          ripple.style.opacity = '0';\n        }\n\n        isFadeIn = false;\n        return;\n      }\n\n      if (e.propertyName === 'transform' && !isFadeIn) {\n        isTransitionEnd = true;\n      }\n    };\n\n    element.addEventListener('click', handleClick);\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointerup', handlePointerUp);\n    element.addEventListener('pointerleave', handlePointerUp);\n    ripple.addEventListener('transitionend', handleTransitionEnd);\n\n    return () => {\n      element.removeEventListener('click', handleClick);\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointerup', handlePointerUp);\n      element.removeEventListener('pointerleave', handlePointerUp);\n      ripple.removeEventListener('transitionend', handleTransitionEnd);\n    };\n  }, [ref, rippleRef]);\n\n  return useMemo(\n    () => ({\n      ripple: (\n        <div ref={rippleRef} className={s.ripple({ animation: false })} />\n      ),\n    }),\n    [rippleRef],\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/hooks/useRipple/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport * as s from './ripple.css';\n\nexport const useRipple = <T extends HTMLElement>(ref?: React.Ref<T>) => {\n  const rippleRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let element: T | null = null;\n\n    if (!ref) {\n      return;\n    }\n\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      element = ref.current;\n    }\n\n    const ripple = rippleRef.current;\n\n    let timer: ReturnType<typeof setTimeout>;\n    let isAnimationPending = false;\n\n    let isFadeIn = false,\n      isMouseDown = false,\n      isTransitionEnd = true;\n\n    if (!ripple || !element) {\n      return;\n    }\n\n    const clearTimer = () => {\n      clearTimeout(timer);\n      isAnimationPending = false;\n    };\n\n    const runAnimation = (x: number, y: number) => {\n      const width =\n          element.clientWidth / 2 + Math.abs(element.clientWidth / 2 - x),\n        height =\n          element.clientHeight / 2 + Math.abs(element.clientHeight / 2 - y);\n      const size = Math.round(Math.sqrt(width ** 2 + height ** 2) * 2);\n\n      ripple.style.width = `${size}px`;\n      ripple.style.height = `${size}px`;\n      ripple.style.left = `${x}px`;\n      ripple.style.top = `${y}px`;\n\n      ripple.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;\n      ripple.className = s.ripple({ animation: false });\n      //eslint-disable-next-line\n      ripple.offsetTop;\n      ripple.className = s.ripple({ animation: true });\n      ripple.style.opacity = '1';\n\n      isAnimationPending = false;\n      isFadeIn = true;\n      isTransitionEnd = false;\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      if (!isAnimationPending) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      clearTimer();\n      runAnimation(e.offsetX, e.offsetY);\n    };\n\n    const handlePointerDown = (e: PointerEvent) => {\n      if (e.button !== 0 || !ripple || !isTransitionEnd) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      isMouseDown = true;\n\n      if (e.pointerType === 'mouse') {\n        runAnimation(e.offsetX, e.offsetY);\n        return;\n      }\n\n      clearTimer();\n      isAnimationPending = true;\n      timer = setTimeout(() => runAnimation(e.offsetX, e.offsetY), 100);\n    };\n\n    const handlePointerUp = () => {\n      if (!isMouseDown) {\n        return;\n      }\n\n      clearTimer();\n\n      if (!isFadeIn) {\n        ripple.style.opacity = '0';\n        isFadeIn = false;\n      }\n\n      isMouseDown = false;\n    };\n\n    const handleTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'opacity' && isFadeIn) {\n        if (!isMouseDown) {\n          ripple.style.opacity = '0';\n        }\n\n        isFadeIn = false;\n        return;\n      }\n\n      if (e.propertyName === 'transform' && !isFadeIn) {\n        isTransitionEnd = true;\n      }\n    };\n\n    element.addEventListener('click', handleClick);\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointerup', handlePointerUp);\n    element.addEventListener('pointerleave', handlePointerUp);\n    ripple.addEventListener('transitionend', handleTransitionEnd);\n\n    return () => {\n      element.removeEventListener('click', handleClick);\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointerup', handlePointerUp);\n      element.removeEventListener('pointerleave', handlePointerUp);\n      ripple.removeEventListener('transitionend', handleTransitionEnd);\n    };\n  }, [ref, rippleRef]);\n\n  return useMemo(\n    () => ({\n      ripple: (\n        <div ref={rippleRef} className={s.ripple({ animation: false })} />\n      ),\n    }),\n    [rippleRef],\n  );\n};\n"],"mappings":"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","names":["ripple"]}

package/dist/hooks/useRipple/{ripple.css.js → ripple.css.mjs}

@@ -1,8 +1,11 @@
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useRipple/ripple.css.ts
 import { createVar } from "@vanilla-extract/css";
 import { recipe } from "@vanilla-extract/recipes";
-import { theme } from "#themes";
-const colorVar = createVar();
-const ripple = recipe({
+import { theme } from "#themes.mjs";
+var colorVar = createVar();
+var ripple = recipe({
   base: {
     position: "absolute",
     left: "0",
@@ -32,4 +35,4 @@ export {
   colorVar,
   ripple
 };
-//# sourceMappingURL=ripple.css.js.map
+//# sourceMappingURL=ripple.css.mjs.map

package/dist/hooks/useRipple/{ripple.css.js.map → ripple.css.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useRipple/ripple.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { theme } from '#themes';\n\nexport const colorVar = createVar();\n\nexport const ripple = recipe({\n  base: {\n    position: 'absolute',\n    left: '0',\n    top: '0',\n\n    borderRadius: '50%',\n\n    backgroundColor: colorVar,\n\n    opacity: '0',\n    transformOrigin: 'center center',\n\n    pointerEvents: 'none',\n\n    vars: {\n      [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`,\n    },\n  },\n  variants: {\n    animation: {\n      true: {\n        transition:\n          'opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n        transform: 'translate(-50%, -50%) scale(1, 1)',\n      },\n\n      false: {\n        transform: 'translate(-50%, -50%) scale(0.1, 0.1)',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAEvB,SAAS,aAAa;AAEf,MAAM,WAAW,UAAU;AAE3B,MAAM,SAAS,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IAEL,cAAc;AAAA,IAEd,iBAAiB;AAAA,IAEjB,SAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,eAAe;AAAA,IAEf,MAAM;AAAA,MACJ,CAAC,QAAQ,GAAG,2BAA2B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,UAAU;AAAA,IACrG;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,MAEA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useRipple/ripple.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { theme } from '#themes';\n\nexport const colorVar = createVar();\n\nexport const ripple = recipe({\n  base: {\n    position: 'absolute',\n    left: '0',\n    top: '0',\n\n    borderRadius: '50%',\n\n    backgroundColor: colorVar,\n\n    opacity: '0',\n    transformOrigin: 'center center',\n\n    pointerEvents: 'none',\n\n    vars: {\n      [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`,\n    },\n  },\n  variants: {\n    animation: {\n      true: {\n        transition:\n          'opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n        transform: 'translate(-50%, -50%) scale(1, 1)',\n      },\n\n      false: {\n        transform: 'translate(-50%, -50%) scale(0.1, 0.1)',\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAEvB,SAAS,aAAa;AAEf,IAAM,WAAW,UAAU;AAE3B,IAAM,SAAS,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IAEL,cAAc;AAAA,IAEd,iBAAiB;AAAA,IAEjB,SAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,eAAe;AAAA,IAEf,MAAM;AAAA,MACJ,CAAC,QAAQ,GAAG,2BAA2B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,UAAU;AAAA,IACrG;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,MAEA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/hooks/useToast/{ToastContainer.css.js → ToastContainer.css.mjs}

@@ -1,5 +1,8 @@
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useToast/ToastContainer.css.ts
 import { style } from "@vanilla-extract/css";
-const container = style({
+var container = style({
   display: "flex",
   alignItems: "flex-end",
   flexDirection: "column-reverse",
@@ -11,4 +14,4 @@ const container = style({
 export {
   container
 };
-//# sourceMappingURL=ToastContainer.css.js.map
+//# sourceMappingURL=ToastContainer.css.mjs.map

package/dist/hooks/useToast/{ToastContainer.css.js.map → ToastContainer.css.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'flex-end',\n  flexDirection: 'column-reverse',\n\n  position: 'fixed',\n  right: '1rem',\n  bottom: '1rem',\n  left: '1rem',\n});\n"],"mappings":"AAAA,SAAS,aAAa;AAEf,MAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EAEf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'flex-end',\n  flexDirection: 'column-reverse',\n\n  position: 'fixed',\n  right: '1rem',\n  bottom: '1rem',\n  left: '1rem',\n});\n"],"mappings":";;;AAAA,SAAS,aAAa;AAEf,IAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EAEf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;","names":[]}

package/dist/hooks/useToast/ToastContainer.mjs

@@ -0,0 +1,12 @@
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useToast/ToastContainer.tsx
+import * as s from "./ToastContainer.css.mjs";
+import { jsx } from "react/jsx-runtime";
+var ToastContainer = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: s.container, children });
+};
+export {
+  ToastContainer
+};
+//# sourceMappingURL=ToastContainer.mjs.map

package/dist/hooks/useToast/{ToastContainer.js.map → ToastContainer.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport * as s from './ToastContainer.css';\n\ninterface ToastContainerProps {\n  children: ReactNode;\n}\n\nexport const ToastContainer = ({ children }: ToastContainerProps) => {\n  return <div className={s.container}>{children}</div>;\n};\n"],"mappings":"AASS;AAPT,YAAY,OAAO;AAMZ,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAA2B;AACnE,SAAO,oBAAC,SAAI,WAAW,EAAE,WAAY,UAAS;AAChD;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport * as s from './ToastContainer.css';\n\ninterface ToastContainerProps {\n  children: ReactNode;\n}\n\nexport const ToastContainer = ({ children }: ToastContainerProps) => {\n  return <div className={s.container}>{children}</div>;\n};\n"],"mappings":";;;AAEA,YAAY,OAAO;AAOV;AADF,IAAM,iBAAiB,CAAC,EAAE,SAAS,MAA2B;AACnE,SAAO,oBAAC,SAAI,WAAa,aAAY,UAAS;AAChD;","names":[]}

package/dist/hooks/useToast/{ToastProvider.js → ToastProvider.mjs}

@@ -1,5 +1,7 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import "../../chunk-IEP6GGEX.mjs";
+
+// src/hooks/useToast/ToastProvider.tsx
 import {
   createContext,
   useCallback,
@@ -8,13 +10,14 @@ import {
   useState
 } from "react";
 import { CSSTransition, TransitionGroup } from "@kimdw-rtk/utils";
-import { Toast } from "#components";
-import { ToastContainer } from "./ToastContainer";
-const ToastContext = createContext(
+import { Toast } from "#components.mjs";
+import { ToastContainer } from "./ToastContainer.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastContext = createContext(
   void 0
 );
-const DEFAULT_TOAST_DURATION = 5e3;
-const ToastProvider = ({
+var DEFAULT_TOAST_DURATION = 5e3;
+var ToastProvider = ({
   children,
   defaultDuration = DEFAULT_TOAST_DURATION
 }) => {
@@ -96,4 +99,4 @@ export {
   ToastContext,
   ToastProvider
 };
-//# sourceMappingURL=ToastProvider.js.map
+//# sourceMappingURL=ToastProvider.mjs.map

package/dist/hooks/useToast/{ToastProvider.js.map → ToastProvider.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from 'react';\n\nimport { CSSTransition, TransitionGroup } from '@kimdw-rtk/utils';\n\nimport { Toast } from '#components';\n\nimport { ToastContainer } from './ToastContainer';\n\nexport interface ToastData {\n  id: number;\n  color?: ComponentProps<typeof Toast>['color'];\n  message: string;\n  autoClose?: boolean;\n  duration?: number;\n  onClick?: (id: number) => void;\n}\n\ninterface ToastContextType {\n  push: (data: Omit<ToastData, 'id'>) => number;\n  remove: (id: number) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(\n  undefined,\n);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n}\n\nconst DEFAULT_TOAST_DURATION = 5000;\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = DEFAULT_TOAST_DURATION,\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idRef = useRef<number>(0);\n\n  const remove = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  const push = useCallback<ToastContextType['push']>(\n    ({\n      color,\n      message,\n      autoClose = true,\n      duration = defaultDuration,\n      onClick,\n    }) => {\n      const id = ++idRef.current;\n      setToasts((prev) => [\n        ...prev,\n        { id, color, message, autoClose, duration, onClick },\n      ]);\n\n      if (!autoClose) {\n        return id;\n      }\n\n      // autoClose가 true면, 일정 시간이 지난 후 toast 제거\n      setTimeout(() => {\n        remove(id);\n      }, duration);\n\n      return id;\n    },\n    [defaultDuration, remove],\n  );\n\n  const handleToastClick = (toast: ToastData) => {\n    // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.\n    if (toast.onClick === undefined) {\n      remove(toast.id);\n      return;\n    }\n\n    toast.onClick(toast.id);\n  };\n\n  return (\n    <ToastContext.Provider\n      value={useMemo(() => ({ push, remove }), [push, remove])}\n    >\n      {children}\n      <ToastContainer>\n        <TransitionGroup>\n          {toasts.map((toast) => (\n            <CSSTransition\n              as=\"div\"\n              key={toast.id}\n              initial={{\n                opacity: 0,\n                transform: 'translateY(1rem)',\n                height: '0',\n              }}\n              animate={{\n                opacity: 1,\n                transform: 'translateY(0)',\n                height: '3.5rem',\n              }}\n              exit={{ opacity: 0, height: '0' }}\n              duration={500}\n              style={{ display: 'flex', flexDirection: 'column-reverse' }}\n            >\n              <Toast\n                color={toast.color}\n                duration={toast.autoClose ? toast.duration : 0}\n                onClick={() => handleToastClick(toast)}\n              >\n                {toast.message}\n              </Toast>\n            </CSSTransition>\n          ))}\n        </TransitionGroup>\n      </ToastContainer>\n    </ToastContext.Provider>\n  );\n};\n"],"mappings":";AA6FI,SAwBU,KAxBV;AA3FJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,eAAe,uBAAuB;AAE/C,SAAS,aAAa;AAEtB,SAAS,sBAAsB;AAgBxB,MAAM,eAAe;AAAA,EAC1B;AACF;AAOA,MAAM,yBAAyB;AAExB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AACpB,MAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AACpD,QAAM,QAAQ,OAAe,CAAC;AAE9B,QAAM,SAAS,YAAY,CAAC,OAAe;AACzC,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO;AAAA,IACX,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,IACF,MAAM;AACJ,YAAM,KAAK,EAAE,MAAM;AACnB,gBAAU,CAAC,SAAS;AAAA,QAClB,GAAG;AAAA,QACH,EAAE,IAAI,OAAO,SAAS,WAAW,UAAU,QAAQ;AAAA,MACrD,CAAC;AAED,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAGA,iBAAW,MAAM;AACf,eAAO,EAAE;AAAA,MACX,GAAG,QAAQ;AAEX,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AAEA,QAAM,mBAAmB,CAAC,UAAqB;AAE7C,QAAI,MAAM,YAAY,QAAW;AAC/B,aAAO,MAAM,EAAE;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,EAAE;AAAA,EACxB;AAEA,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,IAAI,CAAC,MAAM,MAAM,CAAC;AAAA,MAEtD;AAAA;AAAA,QACD,oBAAC,kBACC,8BAAC,mBACE,iBAAO,IAAI,CAAC,UACX;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YAEH,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,MAAM,EAAE,SAAS,GAAG,QAAQ,IAAI;AAAA,YAChC,UAAU;AAAA,YACV,OAAO,EAAE,SAAS,QAAQ,eAAe,iBAAiB;AAAA,YAE1D;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,MAAM;AAAA,gBACb,UAAU,MAAM,YAAY,MAAM,WAAW;AAAA,gBAC7C,SAAS,MAAM,iBAAiB,KAAK;AAAA,gBAEpC,gBAAM;AAAA;AAAA,YACT;AAAA;AAAA,UArBK,MAAM;AAAA,QAsBb,CACD,GACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from 'react';\n\nimport { CSSTransition, TransitionGroup } from '@kimdw-rtk/utils';\n\nimport { Toast } from '#components';\n\nimport { ToastContainer } from './ToastContainer';\n\nexport interface ToastData {\n  id: number;\n  color?: ComponentProps<typeof Toast>['color'];\n  message: string;\n  autoClose?: boolean;\n  duration?: number;\n  onClick?: (id: number) => void;\n}\n\ninterface ToastContextType {\n  push: (data: Omit<ToastData, 'id'>) => number;\n  remove: (id: number) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(\n  undefined,\n);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n}\n\nconst DEFAULT_TOAST_DURATION = 5000;\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = DEFAULT_TOAST_DURATION,\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idRef = useRef<number>(0);\n\n  const remove = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  const push = useCallback<ToastContextType['push']>(\n    ({\n      color,\n      message,\n      autoClose = true,\n      duration = defaultDuration,\n      onClick,\n    }) => {\n      const id = ++idRef.current;\n      setToasts((prev) => [\n        ...prev,\n        { id, color, message, autoClose, duration, onClick },\n      ]);\n\n      if (!autoClose) {\n        return id;\n      }\n\n      // autoClose가 true면, 일정 시간이 지난 후 toast 제거\n      setTimeout(() => {\n        remove(id);\n      }, duration);\n\n      return id;\n    },\n    [defaultDuration, remove],\n  );\n\n  const handleToastClick = (toast: ToastData) => {\n    // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.\n    if (toast.onClick === undefined) {\n      remove(toast.id);\n      return;\n    }\n\n    toast.onClick(toast.id);\n  };\n\n  return (\n    <ToastContext.Provider\n      value={useMemo(() => ({ push, remove }), [push, remove])}\n    >\n      {children}\n      <ToastContainer>\n        <TransitionGroup>\n          {toasts.map((toast) => (\n            <CSSTransition\n              as=\"div\"\n              key={toast.id}\n              initial={{\n                opacity: 0,\n                transform: 'translateY(1rem)',\n                height: '0',\n              }}\n              animate={{\n                opacity: 1,\n                transform: 'translateY(0)',\n                height: '3.5rem',\n              }}\n              exit={{ opacity: 0, height: '0' }}\n              duration={500}\n              style={{ display: 'flex', flexDirection: 'column-reverse' }}\n            >\n              <Toast\n                color={toast.color}\n                duration={toast.autoClose ? toast.duration : 0}\n                onClick={() => handleToastClick(toast)}\n              >\n                {toast.message}\n              </Toast>\n            </CSSTransition>\n          ))}\n        </TransitionGroup>\n      </ToastContainer>\n    </ToastContext.Provider>\n  );\n};\n"],"mappings":";;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,eAAe,uBAAuB;AAE/C,SAAS,aAAa;AAEtB,SAAS,sBAAsB;AA6E3B,SAwBU,KAxBV;AA7DG,IAAM,eAAe;AAAA,EAC1B;AACF;AAOA,IAAM,yBAAyB;AAExB,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AACpB,MAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AACpD,QAAM,QAAQ,OAAe,CAAC;AAE9B,QAAM,SAAS,YAAY,CAAC,OAAe;AACzC,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO;AAAA,IACX,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,IACF,MAAM;AACJ,YAAM,KAAK,EAAE,MAAM;AACnB,gBAAU,CAAC,SAAS;AAAA,QAClB,GAAG;AAAA,QACH,EAAE,IAAI,OAAO,SAAS,WAAW,UAAU,QAAQ;AAAA,MACrD,CAAC;AAED,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAGA,iBAAW,MAAM;AACf,eAAO,EAAE;AAAA,MACX,GAAG,QAAQ;AAEX,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AAEA,QAAM,mBAAmB,CAAC,UAAqB;AAE7C,QAAI,MAAM,YAAY,QAAW;AAC/B,aAAO,MAAM,EAAE;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,EAAE;AAAA,EACxB;AAEA,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,IAAI,CAAC,MAAM,MAAM,CAAC;AAAA,MAEtD;AAAA;AAAA,QACD,oBAAC,kBACC,8BAAC,mBACE,iBAAO,IAAI,CAAC,UACX;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YAEH,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,MAAM,EAAE,SAAS,GAAG,QAAQ,IAAI;AAAA,YAChC,UAAU;AAAA,YACV,OAAO,EAAE,SAAS,QAAQ,eAAe,iBAAiB;AAAA,YAE1D;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,MAAM;AAAA,gBACb,UAAU,MAAM,YAAY,MAAM,WAAW;AAAA,gBAC7C,SAAS,MAAM,iBAAiB,KAAK;AAAA,gBAEpC,gBAAM;AAAA;AAAA,YACT;AAAA;AAAA,UArBK,MAAM;AAAA,QAsBb,CACD,GACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}