@kimdw-rtk/ui 0.0.11 → 0.0.13

package/dist/components/Toast/Toast.css.cjs

@@ -1,70 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
-var _styleUtils = require('#styleUtils');
-var _themes = require('#themes');
-var _tokens = require('#tokens');
-const colorVar = _css.createVar.call(void 0, );
-const foregroundVar = _css.createVar.call(void 0, );
-const semanticColors = _tokens.semanticColor.reduce(
-  (prev, color) => ({
-    ...prev,
-    [color]: _styleUtils.styleWithLayer.call(void 0, {
-      vars: {
-        [colorVar]: _themes.theme.color[color],
-        [foregroundVar]: _themes.theme.color[`${color}-foreground`]
-      }
-    })
-  }),
-  {}
-);
-const fill = _css.keyframes.call(void 0, {
-  "0%": {
-    transform: "scaleX(0)"
-  },
-  "100%": {
-    transform: "scaleX(1)"
-  }
-});
-const progress = _styleUtils.recipeWithLayer.call(void 0, {
-  base: {
-    position: "absolute",
-    inset: "0",
-    width: "100%",
-    backgroundColor: `rgba(${foregroundVar}, 0.25)`,
-    transformOrigin: "0 0"
-  },
-  variants: {
-    animation: {
-      true: {
-        animationName: fill,
-        animationTimingFunction: "linear",
-        animationIterationCount: "1",
-        animationFillMode: "forwards"
-      },
-      false: {
-        display: "none"
-      }
-    }
-  }
-});
-const toast = _styleUtils.recipeWithLayer.call(void 0, {
-  base: {
-    position: "relative",
-    overflow: "hidden",
-    padding: "0.875em",
-    backgroundColor: `rgb(${colorVar})`,
-    color: `rgb(${foregroundVar})`,
-    whiteSpace: "nowrap",
-    wordBreak: "break-all",
-    cursor: "pointer"
-  },
-  variants: {
-    color: {
-      ...semanticColors
-    }
-  }
-});
-
-
-
-exports.progress = progress; exports.toast = toast;
-//# sourceMappingURL=Toast.css.cjs.map

package/dist/components/Toast/Toast.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/Toast.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Toast/Toast.css.cjs"],"names":[],"mappings":"AAAA,oHAAqC;AAErC,yCAAgD;AAChD,iCAAsB;AACtB,iCAA8B;AAE9B,MAAM,SAAA,EAAW,4BAAA,CAAU;AAC3B,MAAM,cAAA,EAAgB,4BAAA,CAAU;AAEhC,MAAM,eAAA,EAAiB,qBAAA,CAAc,MAAA;AAAA,EACnC,CAAC,IAAA,EAAM,KAAA,EAAA,GAAA,CAAW;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,CAAC,KAAK,CAAA,EAAG,wCAAA;AAAe,MACtB,IAAA,EAAM;AAAA,QACJ,CAAC,QAAQ,CAAA,EAAG,aAAA,CAAM,KAAA,CAAM,KAAK,CAAA;AAAA,QAC7B,CAAC,aAAa,CAAA,EAAG,aAAA,CAAM,KAAA,CAAM,CAAA,EAAA;AAC/B,MAAA;AACD,IAAA;AACH,EAAA;AACC,EAAA;AACH;AAEuB;AACf,EAAA;AACO,IAAA;AACb,EAAA;AACQ,EAAA;AACK,IAAA;AACb,EAAA;AACD;AAEuC;AAChC,EAAA;AACM,IAAA;AACH,IAAA;AAEA,IAAA;AAEkB,IAAA;AAER,IAAA;AACnB,EAAA;AAEU,EAAA;AACG,IAAA;AACH,MAAA;AACW,QAAA;AACU,QAAA;AACA,QAAA;AACN,QAAA;AACrB,MAAA;AACO,MAAA;AACI,QAAA;AACX,MAAA;AACF,IAAA;AACF,EAAA;AACD;AAEoC;AAC7B,EAAA;AACM,IAAA;AACA,IAAA;AAED,IAAA;AAEuB,IAAA;AAEL,IAAA;AACf,IAAA;AACD,IAAA;AAEH,IAAA;AACV,EAAA;AACU,EAAA;AACD,IAAA;AACF,MAAA;AACL,IAAA;AACF,EAAA;AACD;ACbqC;AACA;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Toast/Toast.css.cjs","sourcesContent":["import { createVar, keyframes } from '@vanilla-extract/css';\n\nimport { recipeWithLayer, styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { semanticColor } from '#tokens';\n\nconst colorVar = createVar();\nconst foregroundVar = createVar();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [colorVar]: theme.color[color],\n        [foregroundVar]: theme.color[`${color}-foreground`],\n      },\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst fill = keyframes({\n  '0%': {\n    transform: 'scaleX(0)',\n  },\n  '100%': {\n    transform: 'scaleX(1)',\n  },\n});\n\nexport const progress = recipeWithLayer({\n  base: {\n    position: 'absolute',\n    inset: '0',\n\n    width: '100%',\n\n    backgroundColor: `rgba(${foregroundVar}, 0.25)`,\n\n    transformOrigin: '0 0',\n  },\n\n  variants: {\n    animation: {\n      true: {\n        animationName: fill,\n        animationTimingFunction: 'linear',\n        animationIterationCount: '1',\n        animationFillMode: 'forwards',\n      },\n      false: {\n        display: 'none',\n      },\n    },\n  },\n});\n\nexport const toast = recipeWithLayer({\n  base: {\n    position: 'relative',\n    overflow: 'hidden',\n\n    padding: '0.875em',\n\n    backgroundColor: `rgb(${colorVar})`,\n\n    color: `rgb(${foregroundVar})`,\n    whiteSpace: 'nowrap',\n    wordBreak: 'break-all',\n\n    cursor: 'pointer',\n  },\n  variants: {\n    color: {\n      ...semanticColors,\n    },\n  },\n});\n",null]}

package/dist/components/Toast/Toast.css.d.cts

@@ -1,2 +0,0 @@
-import '@vanilla-extract/recipes';
-export { p as progress, t as toast } from '../../Toast.css-Bm98ZkjT.cjs';

package/dist/components/Toast/Toast.spec.cjs

@@ -1,6 +0,0 @@
-"use strict";var _ = require('.');
-var _uiTest = require('../../tests/uiTest');
-describe("Toast \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  _uiTest.uiTest.call(void 0, _.Toast, "Toast");
-});
-//# sourceMappingURL=Toast.spec.cjs.map

package/dist/components/Toast/Toast.spec.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/Toast.spec.tsx"],"names":[],"mappings":"AAAA,kCAAsB;AACtB,4CAAuB;AAEvB,QAAA,CAAS,gCAAA,EAAc,CAAA,EAAA,GAAM;AAC3B,EAAA,4BAAA,OAAO,EAAO,OAAO,CAAA;AACvB,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Toast/Toast.spec.cjs","sourcesContent":["import { Toast } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Toast 컴포넌트', () => {\n  uiTest(Toast, 'Toast');\n});\n"]}

package/dist/components/Toast/Toast.spec.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/components/Toast/index.cjs

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _components = require('#components');
-var _styles = require('#styles');
-var _Toastcss = require('./Toast.css'); var s = _interopRequireWildcard(_Toastcss);
-const Toast = _react.forwardRef.call(void 0, 
-  ({
-    children,
-    color = "accent",
-    className,
-    duration = 0,
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _components.Box,
-      {
-        ref,
-        boxShadow: "accent-sm",
-        rounded: true,
-        className: _clsx2.default.call(void 0, s.toast({ color }), className, _styles.sx.call(void 0, propSx)),
-        ...props,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: s.progress({ animation: duration !== 0 }),
-              style: {
-                animationDuration: duration > 0 ? `${duration}ms` : void 0
-              }
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { position: "relative" }, children })
-        ]
-      }
-    );
-  }
-);
-Toast.displayName = "Toast";
-
-
-
-exports.Toast = Toast; exports.toastCss = s;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/index.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Toast/index.cjs"],"names":[],"mappings":"AA2BM,0eAAA;AA3BN,8BAA2B;AAE3B,wEAAiB;AAEjB,yCAAoB;AACpB,iCAAmB;AAGnB,mFAAmB;AAMZ,MAAM,MAAA,EAAQ,+BAAA;AAAA,EACnB,CACE;AAAA,IACE,QAAA;AAAA,IACA,MAAA,EAAQ,QAAA;AAAA,IACR,SAAA;AAAA,IACA,SAAA,EAAW,CAAA;AAAA,IACX,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,8BAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAU,WAAA;AAAA,QACV,OAAA,EAAO,IAAA;AAAA,QACP,SAAA,EAAW,4BAAA,CAAK,CAAE,KAAA,CAAM,EAAE,MAAM,CAAC,CAAA,EAAG,SAAA,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,CAAA,CAAE,QAAA,CAAS,EAAE,SAAA,EAAW,SAAA,IAAa,EAAE,CAAC,CAAA;AAAA,cACnD,KAAA,EAAO;AAAA,gBACL,iBAAA,EAAmB,SAAA,EAAW,EAAA,EAAI,CAAA,EAAA;AACpC,cAAA;AAAA,YAAA;AACD,UAAA;AACc,0BAAA;AAAkC,QAAA;AAAA,MAAA;AACnD,IAAA;AAEJ,EAAA;AACF;AACoB;ACL+B;AACA;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Toast/index.cjs","sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './Toast.css';\n\ninterface ToastProps extends UIComponent<'div', typeof s.toast> {\n  duration?: number;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  (\n    {\n      children,\n      color = 'accent',\n      className,\n      duration = 0,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        ref={ref}\n        boxShadow=\"accent-sm\"\n        rounded\n        className={clsx(s.toast({ color }), className, sx(propSx))}\n        {...props}\n      >\n        <div\n          className={s.progress({ animation: duration !== 0 })}\n          style={{\n            animationDuration: duration > 0 ? `${duration}ms` : undefined,\n          }}\n        ></div>\n        <span style={{ position: 'relative' }}>{children}</span>\n      </Box>\n    );\n  },\n);\nToast.displayName = 'Toast';\n\nexport { s as toastCss };\n",null]}

package/dist/components/Toast/index.d.cts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.cjs';
-import { t as toast } from '../../Toast.css-Bm98ZkjT.cjs';
-export { T as toastCss } from '../../Toast.css-Bm98ZkjT.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface ToastProps extends UIComponent<'div', typeof toast> {
-    duration?: number;
-}
-declare const Toast: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Toast };

package/dist/components/Typography/Typography.css.cjs

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
-const typography = _styleUtils.recipeWithLayer.call(void 0, {
-  base: {
-    margin: "0"
-  },
-  variants: {
-    isEllipsis: {
-      true: {
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis"
-      }
-    }
-  }
-});
-
-
-exports.typography = typography;
-//# sourceMappingURL=Typography.css.cjs.map

package/dist/components/Typography/Typography.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Typography/Typography.css.cjs"],"names":[],"mappings":"AAAA,kHAAgC;AAEzB,MAAM,WAAA,EAAa,yCAAA;AAAgB,EACxC,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ;AAAA,EACV,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,QAAA,EAAU,QAAA;AAAA,QAEV,UAAA,EAAY,QAAA;AAAA,QACZ,YAAA,EAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;ACDD;AACE;AACF,gCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Typography/Typography.css.cjs","sourcesContent":["import { recipeWithLayer } from '#styleUtils';\n\nexport const typography = recipeWithLayer({\n  base: {\n    margin: '0',\n  },\n  variants: {\n    isEllipsis: {\n      true: {\n        overflow: 'hidden',\n\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis',\n      },\n    },\n  },\n});\n",null]}

package/dist/components/Typography/Typography.css.d.cts

@@ -1,2 +0,0 @@
-import '@vanilla-extract/recipes';
-export { t as typography } from '../../Typography.css-Fgk6uUbK.cjs';

package/dist/components/Typography/Typography.spec.cjs

@@ -1,29 +0,0 @@
-"use strict";var _jsxruntime = require('react/jsx-runtime');
-var _react = require('@testing-library/react');
-var _components = require('#components');
-var _uiTest = require('../../tests/uiTest');
-describe("Typogrphy \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  _uiTest.uiTest.call(void 0, _components.Typography, "Typography");
-  test("\uAE30\uBCF8\uC801\uC73C\uB85C p\uD0DC\uADF8\uB85C \uCD9C\uB825\uD55C\uB2E4.", () => {
-    _react.render.call(void 0, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Typography, { children: "test" }));
-    expect(_react.screen.getByText("test").tagName.toLowerCase()).toBe("p");
-  });
-  test("as\uC5D0 \uC804\uB2EC\uB41C \uC54C\uB9DE\uC740 \uD0DC\uADF8\uB85C \uCD9C\uB825\uD55C\uB2E4.", () => {
-    const tags = [
-      "p",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "span"
-    ];
-    for (const tag of tags) {
-      _react.cleanup.call(void 0, );
-      _react.render.call(void 0, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Typography, { as: tag, children: "test" }));
-      expect(_react.screen.getByText("test").tagName.toLowerCase()).toBe(tag);
-    }
-  });
-});
-//# sourceMappingURL=Typography.spec.cjs.map

package/dist/components/Typography/Typography.spec.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.spec.tsx"],"names":[],"mappings":"AAYW,4DAAA;AAVX,+CAAwC;AAExC,yCAA2B;AAE3B,4CAAuB;AAEvB,QAAA,CAAS,oCAAA,EAAkB,CAAA,EAAA,GAAM;AAC/B,EAAA,4BAAA,sBAAO,EAAY,YAAY,CAAA;AAE/B,EAAA,IAAA,CAAK,8EAAA,EAAoB,CAAA,EAAA,GAAM;AAC7B,IAAA,2BAAA,gBAAO,6BAAA,sBAAC,EAAA,EAAW,QAAA,EAAA,OAAA,CAAI,CAAa,CAAA;AACpC,IAAA,MAAA,CAAO,aAAA,CAAO,SAAA,CAAU,MAAM,CAAA,CAAE,OAAA,CAAQ,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,EACjE,CAAC,CAAA;AAED,EAAA,IAAA,CAAK,6FAAA,EAAyB,CAAA,EAAA,GAAM;AAClC,IAAA,MAAM,KAAA,EAAkD;AAAA,MACtD,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA,IACF,CAAA;AAEA,IAAA,IAAA,CAAA,MAAW,IAAA,GAAO,IAAA,EAAM;AACtB,MAAA,4BAAA,CAAQ;AACR,MAAA,2BAAA,gBAAO,6BAAA,sBAAC,EAAA,EAAW,EAAA,EAAI,GAAA,EAAK,QAAA,EAAA,OAAA,CAAI,CAAa,CAAA;AAC7C,MAAA,MAAA,CAAO,aAAA,CAAO,SAAA,CAAU,MAAM,CAAA,CAAE,OAAA,CAAQ,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,IACjE;AAAA,EACF,CAAC,CAAA;AACH,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Typography/Typography.spec.cjs","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"]}

package/dist/components/Typography/Typography.spec.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/components/Typography/index.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _styles = require('#styles');
-require('#types');
-var _Typographycss = require('./Typography.css'); var s = _interopRequireWildcard(_Typographycss);
-const Typography = _react.forwardRef.call(void 0, 
-  ({
-    children,
-    as: Component = "p",
-    className,
-    color = "foreground",
-    fontSize = "md",
-    fontWeight = "normal",
-    lineHeight,
-    isEllipsis = false,
-    sx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Component,
-      {
-        ref,
-        className: _clsx2.default.call(void 0, 
-          s.typography({ isEllipsis }),
-          _styles.sprinkles.call(void 0, { color, fontSize, fontWeight, lineHeight }),
-          sx && _styles.sprinkles.call(void 0, sx),
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-
-
-exports.Typography = Typography; exports.typographyCss = s;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/index.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Typography/index.cjs"],"names":[],"mappings":"AAuCM,0eAAA;AAvCN,8BAA2B;AAE3B,wEAAiB;AAEjB,iCAA+C;AAC/C,kBAAiC;AAEjC,kGAAmB;AAeZ,MAAM,WAAA,EAAa,+BAAA;AAAA,EACxB,CACE;AAAA,IACE,QAAA;AAAA,IACA,EAAA,EAAI,UAAA,EAAY,GAAA;AAAA,IAChB,SAAA;AAAA,IACA,MAAA,EAAQ,YAAA;AAAA,IACR,SAAA,EAAW,IAAA;AAAA,IACX,WAAA,EAAa,QAAA;AAAA,IACb,UAAA;AAAA,IACA,WAAA,EAAa,KAAA;AAAA,IACb,EAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA;AAAA,UACT,CAAA,CAAE,UAAA,CAAW,EAAE,WAAW,CAAC,CAAA;AAAA,UAC3B,+BAAA,EAAY,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,WAAW,CAAC,CAAA;AAAA,UACrD,GAAA,GAAM,+BAAA,EAAY,CAAA;AAAA,UAClB;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AClBzB;AACE;AACA;AACF,2DAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Typography/index.cjs","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",null]}

package/dist/components/Typography/index.d.cts

@@ -1,19 +0,0 @@
-import * as react from 'react';
-import { SprinklesProps } from '../../styles/sprinkles.css.cjs';
-import { UIComponent } from '../../types/ui.types.cjs';
-import { t as typography } from '../../Typography.css-Fgk6uUbK.cjs';
-export { T as typographyCss } from '../../Typography.css-Fgk6uUbK.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-
-type TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
-type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof typography> & {
-    as?: T;
-    color?: SprinklesProps['color'];
-    fontSize?: SprinklesProps['fontSize'];
-    fontWeight?: SprinklesProps['fontWeight'];
-    lineHeight?: SprinklesProps['lineHeight'];
-}, 'ref'>;
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps<TypographyElement> & react.RefAttributes<HTMLParagraphElement>>;
-
-export { Typography };

package/dist/components/index.cjs

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _Accordion = require('./Accordion'); _createStarExport(_Accordion);
-var _Alert = require('./Alert'); _createStarExport(_Alert);
-var _Box = require('./Box'); _createStarExport(_Box);
-var _Button = require('./Button'); _createStarExport(_Button);
-var _Card = require('./Card'); _createStarExport(_Card);
-var _Chip = require('./Chip'); _createStarExport(_Chip);
-var _Confirm = require('./Confirm'); _createStarExport(_Confirm);
-var _Dialog = require('./Dialog'); _createStarExport(_Dialog);
-var _Navigation = require('./Navigation'); _createStarExport(_Navigation);
-var _Range = require('./Range'); _createStarExport(_Range);
-var _ScrollArea = require('./ScrollArea'); _createStarExport(_ScrollArea);
-var _Select = require('./Select'); _createStarExport(_Select);
-var _Skeleton = require('./Skeleton'); _createStarExport(_Skeleton);
-var _Table = require('./Table'); _createStarExport(_Table);
-var _Tabs = require('./Tabs'); _createStarExport(_Tabs);
-var _TextField = require('./TextField'); _createStarExport(_TextField);
-var _Toast = require('./Toast'); _createStarExport(_Toast);
-var _Typography = require('./Typography'); _createStarExport(_Typography);
-//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,waAAc;AACd,2DAAc;AACd,qDAAc;AACd,8DAAc;AACd,wDAAc;AACd,wDAAc;AACd,iEAAc;AACd,8DAAc;AACd,0EAAc;AACd,2DAAc;AACd,0EAAc;AACd,8DAAc;AACd,oEAAc;AACd,2DAAc;AACd,wDAAc;AACd,uEAAc;AACd,2DAAc;AACd,0EAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/index.cjs","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"]}

package/dist/components/index.d.cts

@@ -1,64 +0,0 @@
-export { Accordion } from './Accordion/Accordion.cjs';
-export { AccordionContent } from './Accordion/AccordionContent.cjs';
-export { AccordionTrigger } from './Accordion/AccordionTrigger.cjs';
-export { Alert } from './Alert/index.cjs';
-export { Box } from './Box/index.cjs';
-export { Button } from './Button/index.cjs';
-export { Card } from './Card/Card.cjs';
-export { CardContent } from './Card/CardContent.cjs';
-export { CardInteraction } from './Card/CardInteraction.cjs';
-export { CardThumbnail } from './Card/CardThumbnail.cjs';
-export { Chip } from './Chip/Chip.cjs';
-export { Confirm } from './Confirm/index.cjs';
-export { Dialog } from './Dialog/Dialog.cjs';
-export { DialogContent } from './Dialog/DialogContent.cjs';
-export { DialogFooter } from './Dialog/DialogFooter.cjs';
-export { DialogHeader } from './Dialog/DialogHeader.cjs';
-export { NavigationAside } from './Navigation/NavigationAside.cjs';
-export { NavigationBar } from './Navigation/NavigationBar.cjs';
-export { NavigationContainer } from './Navigation/NavigationContainer.cjs';
-export { NavigationDrawer } from './Navigation/NavigationDrawer.cjs';
-export { NavigationItem } from './Navigation/NavigationItem.cjs';
-export { NavigationLogo } from './Navigation/NavigationLogo.cjs';
-export { NavigationMenu } from './Navigation/NavigationMenu.cjs';
-export { Range } from './Range/Range.cjs';
-export { ScrollArea } from './ScrollArea/ScrollArea.cjs';
-export { Select } from './Select/Select.cjs';
-export { SelectOption } from './Select/SelectOption.cjs';
-export { Skeleton } from './Skeleton/index.cjs';
-export { Table } from './Table/Table.cjs';
-export { TableBody } from './Table/TableBody.cjs';
-export { TableCell } from './Table/TableCell.cjs';
-export { TableHead } from './Table/TableHead.cjs';
-export { TableHeader } from './Table/TableHeader.cjs';
-export { TableRow } from './Table/TableRow.cjs';
-export { Tabs } from './Tabs/Tabs.cjs';
-export { TabsContent } from './Tabs/TabsContent.cjs';
-export { TabsList } from './Tabs/TabsList.cjs';
-export { TabsTrigger } from './Tabs/TabsTrigger.cjs';
-export { TextField } from './TextField/index.cjs';
-export { Toast } from './Toast/index.cjs';
-export { Typography } from './Typography/index.cjs';
-export { B as buttonCss } from '../Button.css-CzeAAfQg.cjs';
-export { C as cardCss } from '../Card.css-CotPlKu4.cjs';
-export { C as chipCss } from '../Chip.css-lxhSCCWQ.cjs';
-export { N as navigationBarCss } from '../NavigationBar.css-Dryo_NT0.cjs';
-export { N as navigationMenuCss } from '../NavigationMenu.css-B_dOkuGn.cjs';
-export { R as rangeCss } from '../Range.css-DcxHoAAm.cjs';
-export { S as scrollAreaCss } from '../ScrollArea.css-CNx8Yliu.cjs';
-export { S as selectCss } from '../Select.css-BlJORB-N.cjs';
-export { T as tableCss } from '../Table.css-5Pm2Q-3j.cjs';
-export { T as textFieldCss } from '../TextField.css-DmXBuD66.cjs';
-export { T as toastCss } from '../Toast.css-Bm98ZkjT.cjs';
-export { T as typographyCss } from '../Typography.css-Fgk6uUbK.cjs';
-import 'react';
-import '../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../styles/sprinkles.css.cjs';
-import './Accordion/Accordion.css.cjs';
-import 'react/jsx-runtime';
-import './Box/Box.css.cjs';
-import './Navigation/NavigationItem.css.cjs';
-import './Select/SelectTrigger.cjs';
-import './Select/SelectTrigger.css.cjs';

package/dist/contexts/UIProvider.cjs

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _utils = require('@kimdw-rtk/utils');
-var _hooks = require('#hooks');
-var _overlaycss = require('../styles/overlay.css'); var overlayStyle = _interopRequireWildcard(_overlaycss);
-const UIProvider = ({
-  children,
-  overlayUnmountOn = "transitionEnd"
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _utils.OverlayProvider,
-    {
-      className: { ...overlayStyle },
-      unmountOn: overlayUnmountOn,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hooks.ToastProvider, { children })
-    }
-  ) });
-};
-
-
-exports.UIProvider = UIProvider;
-//# sourceMappingURL=UIProvider.cjs.map

package/dist/contexts/UIProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/UIProvider.cjs","../../src/contexts/UIProvider.tsx"],"names":[],"mappings":"AAAA,uWAAY;ACoBR,+CAAA;AAhBJ,yCAAoD;AAEpD,+BAA8B;AAE9B,4GAA8B;AAOvB,MAAM,WAAA,EAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,iBAAA,EAAmB;AACrB,CAAA,EAAA,GAAuB;AACrB,EAAA,uBACE,6BAAA,oBAAA,EAAA,EACE,QAAA,kBAAA,6BAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAE,GAAG,aAAa,CAAA;AAAA,MAC7B,SAAA,EAAW,gBAAA;AAAA,MAEX,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAe,SAAA,CAAS;AAAA,IAAA;AAAA,EAC3B,EAAA,CACF,CAAA;AAEJ,CAAA;ADXA;AACE;AACF,gCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/UIProvider.cjs","sourcesContent":[null,"'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"]}

package/dist/contexts/UIProvider.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { OverlayOption } from '@kimdw-rtk/utils';
-
-interface UIProviderProps {
-    children: ReactNode;
-    overlayUnmountOn?: OverlayOption['unmountOn'];
-}
-declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => react_jsx_runtime.JSX.Element;
-
-export { UIProvider };

package/dist/contexts/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _UIProvider = require('./UIProvider'); _createStarExport(_UIProvider);
-//# sourceMappingURL=index.cjs.map

package/dist/contexts/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,2aAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/index.cjs","sourcesContent":["export * from './UIProvider';\n"]}

package/dist/contexts/index.d.cts

@@ -1,4 +0,0 @@
-export { UIProvider } from './UIProvider.cjs';
-import 'react/jsx-runtime';
-import 'react';
-import '@kimdw-rtk/utils';

package/dist/hooks/index.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _useDialog = require('./useDialog'); _createStarExport(_useDialog);
-var _usePointerSlider = require('./usePointerSlider'); _createStarExport(_usePointerSlider);
-var _useRipple = require('./useRipple'); _createStarExport(_useRipple);
-var _useToast = require('./useToast'); _createStarExport(_useToast);
-var _ToastProvider = require('./useToast/ToastProvider'); _createStarExport(_ToastProvider);
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,waAAc;AACd,4FAAc;AACd,uEAAc;AACd,oEAAc;AACd,4FAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/index.cjs","sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"]}

package/dist/hooks/index.d.cts

@@ -1,13 +0,0 @@
-export { useDialog } from './useDialog/index.cjs';
-export { usePointerSlider } from './usePointerSlider/index.cjs';
-export { useRipple } from './useRipple/index.cjs';
-export { useToast } from './useToast/index.cjs';
-export { ToastContext, ToastData, ToastProvider } from './useToast/ToastProvider.cjs';
-import 'react';
-import 'react/jsx-runtime';
-import '../components/Toast/index.cjs';
-import '../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../styles/sprinkles.css.cjs';
-import '../Toast.css-Bm98ZkjT.cjs';

package/dist/hooks/useDialog/index.cjs

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _utils = require('@kimdw-rtk/utils');
-var _components = require('#components');
-const useDialog = () => {
-  const { push } = _utils.useOverlay.call(void 0, );
-  const dialogRef = _react.useRef.call(void 0, null);
-  const alert = _react.useCallback.call(void 0, 
-    (message) => {
-      return new Promise((resolve) => {
-        push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Alert, { children: message }), { onClose: () => resolve(true) });
-      });
-    },
-    [push]
-  );
-  const confirm = _react.useCallback.call(void 0, 
-    (message) => {
-      return new Promise((resolve) => {
-        const handleConfirm = () => {
-          resolve(true);
-          _optionalChain([dialogRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.close, 'call', _3 => _3()]);
-        };
-        const handleCancle = () => {
-          resolve(false);
-          _optionalChain([dialogRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.close, 'call', _6 => _6()]);
-        };
-        push(
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _components.Confirm,
-            {
-              ref: dialogRef,
-              onConfirm: handleConfirm,
-              onCancle: handleCancle,
-              children: message
-            }
-          ),
-          { onClose: () => resolve(false) }
-        );
-      });
-    },
-    [push]
-  );
-  return _react.useMemo.call(void 0, () => ({ alert, confirm }), [alert, confirm]);
-};
-
-
-exports.useDialog = useDialog;
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/useDialog/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useDialog/index.cjs","../../../src/hooks/useDialog/index.tsx"],"names":[],"mappings":"AAAA,ylBAAY;ACeC,+CAAA;AAbb,8BAA6D;AAE7D,yCAA2B;AAE3B,yCAA+B;AAExB,MAAM,UAAA,EAAY,CAAA,EAAA,GAAM;AAC7B,EAAA,MAAM,EAAE,KAAK,EAAA,EAAI,+BAAA,CAAW;AAC5B,EAAA,MAAM,UAAA,EAAY,2BAAA,IAAkC,CAAA;AAEpD,EAAA,MAAM,MAAA,EAAQ,gCAAA;AAAA,IACZ,CAAC,OAAA,EAAA,GAAuB;AACtB,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY;AAC9B,QAAA,IAAA,iBAAK,6BAAA,iBAAC,EAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA,EAAU,EAAE,OAAA,EAAS,CAAA,EAAA,GAAM,OAAA,CAAQ,IAAI,EAAE,CAAC,CAAA;AAAA,MACjE,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,EACP,CAAA;AAEA,EAAA,MAAM,QAAA,EAAU,gCAAA;AAAA,IACd,CAAC,OAAA,EAAA,GAAyC;AACxC,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY;AAC9B,QAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM;AAC1B,UAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,0BAAA,SAAA,mBAAU,OAAA,6BAAS,KAAA,mBAAM,GAAA;AAAA,QAC3B,CAAA;AAEA,QAAA,MAAM,aAAA,EAAe,CAAA,EAAA,GAAM;AACzB,UAAA,OAAA,CAAQ,KAAK,CAAA;AACb,0BAAA,SAAA,qBAAU,OAAA,6BAAS,KAAA,mBAAM,GAAA;AAAA,QAC3B,CAAA;AAEA,QAAA,IAAA;AAAA,0BACE,6BAAA;AAAA,YAAC,mBAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,SAAA,EAAW,aAAA;AAAA,cACX,QAAA,EAAU,YAAA;AAAA,cAET,QAAA,EAAA;AAAA,YAAA;AAAA,UACH,CAAA;AAAA,UACA,EAAE,OAAA,EAAS,CAAA,EAAA,GAAM,OAAA,CAAQ,KAAK,EAAE;AAAA,QAClC,CAAA;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,EACP,CAAA;AAEA,EAAA,OAAO,4BAAA,CAAQ,EAAA,GAAA,CAAO,EAAE,KAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAC7D,CAAA;ADLA;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useDialog/index.cjs","sourcesContent":[null,"'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"]}

package/dist/hooks/useDialog/index.d.cts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-
-declare const useDialog: () => {
-    alert: (message: ReactNode) => Promise<unknown>;
-    confirm: (message: ReactNode) => Promise<boolean>;
-};
-
-export { useDialog };

package/dist/hooks/useDialog/useDialog.spec.cjs

@@ -1,59 +0,0 @@
-"use strict";var _jsxruntime = require('react/jsx-runtime');
-var _react = require('@testing-library/react');
-var _contexts = require('#contexts');
-var _hooks = require('#hooks');
-describe("useDialog \uD14C\uC2A4\uD2B8", () => {
-  const mockFn = jest.fn();
-  beforeEach(() => {
-    const TestComponent = () => {
-      const { alert, confirm } = _hooks.useDialog.call(void 0, );
-      const handleConfirmClick = async () => {
-        mockFn(await confirm("confirm"));
-      };
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: () => alert("alert"), children: "alert click" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: handleConfirmClick, children: "confirm click" })
-      ] });
-    };
-    _react.render.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _contexts.UIProvider, { overlayUnmountOn: "exit", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestComponent, {}) })
-    );
-  });
-  it("\uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 alert\uC744 \uB2EB\uC744 \uC218 \uC788\uB2E4.", async () => {
-    const alertButton = _react.screen.getByRole("button", { name: "alert click" });
-    expect(_react.screen.queryByText("alert")).not.toBeInTheDocument();
-    _react.act.call(void 0, () => {
-      alertButton.click();
-    });
-    expect(_react.screen.getByText("alert")).toBeInTheDocument();
-    const okButton = _react.screen.getByRole("button", { name: "\uD655\uC778" });
-    _react.act.call(void 0, () => {
-      okButton.click();
-    });
-    expect(_react.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 = _react.screen.getByRole("button", { name: "confirm click" });
-    _react.act.call(void 0, () => {
-      confirmButton.click();
-    });
-    const okButton = _react.screen.getByRole("button", { name: "\uD655\uC778" });
-    _react.act.call(void 0, () => {
-      okButton.click();
-    });
-    await _react.waitFor.call(void 0, () => {
-      expect(mockFn.mock.calls[0][0]).toBe(true);
-    });
-    _react.act.call(void 0, () => {
-      confirmButton.click();
-    });
-    const cancelButton = _react.screen.getByRole("button", { name: "\uCDE8\uC18C" });
-    _react.act.call(void 0, () => {
-      cancelButton.click();
-    });
-    await _react.waitFor.call(void 0, () => {
-      expect(mockFn.mock.calls[1][0]).toBe(false);
-    });
-  });
-});
-//# sourceMappingURL=useDialog.spec.cjs.map