@kimdw-rtk/ui 0.0.8 → 0.0.11

package/dist/components/Dialog/Dialog.spec.cjs

@@ -0,0 +1,22 @@
+"use strict";var _jsxruntime = require('react/jsx-runtime');
+var _react = require('@testing-library/react');
+var _components = require('#components');
+var _uiTest = require('../../tests/uiTest');
+describe("Dialog \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  _uiTest.uiTest.call(void 0, _components.Dialog, "Dialog");
+  _uiTest.uiTest.call(void 0, _components.DialogHeader, "DialogHeader");
+  _uiTest.uiTest.call(void 0, _components.DialogContent, "DialogContent");
+  _uiTest.uiTest.call(void 0, _components.DialogFooter, "DialogFooter");
+  it("DialogHeader\uC758 \uB2EB\uAE30 \uBC84\uD2BC\uC744 \uD074\uB9AD\uD558\uBA74 onCloseClick\uC774 \uD638\uCD9C\uB418\uC5B4\uC57C \uD55C\uB2E4", () => {
+    const handleCloseClick = jest.fn();
+    _react.render.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Dialog, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.DialogHeader, { onCloseClick: handleCloseClick, children: "Header" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.DialogContent, { children: "Content" })
+      ] })
+    );
+    _react.fireEvent.click(_react.screen.getByRole("button", { name: "\uB2EB\uAE30" }));
+    expect(handleCloseClick).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=Dialog.spec.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/Dialog.spec.tsx"],"names":[],"mappings":"AAeM,4DAAA;AAfN,+CAA0C;AAE1C,yCAAkE;AAElE,4CAAuB;AAEvB,QAAA,CAAS,iCAAA,EAAe,CAAA,EAAA,GAAM;AAC5B,EAAA,4BAAA,kBAAO,EAAQ,QAAQ,CAAA;AACvB,EAAA,4BAAA,wBAAO,EAAc,cAAc,CAAA;AACnC,EAAA,4BAAA,yBAAO,EAAe,eAAe,CAAA;AACrC,EAAA,4BAAA,wBAAO,EAAc,cAAc,CAAA;AAEnC,EAAA,EAAA,CAAG,4IAAA,EAAoD,CAAA,EAAA,GAAM;AAC3D,IAAA,MAAM,iBAAA,EAAmB,IAAA,CAAK,EAAA,CAAG,CAAA;AACjC,IAAA,2BAAA;AAAA,sBACE,8BAAA,kBAAC,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,6BAAA,wBAAC,EAAA,EAAa,YAAA,EAAc,gBAAA,EAAkB,QAAA,EAAA,SAAA,CAAM,CAAA;AAAA,wBACpD,6BAAA,yBAAC,EAAA,EAAc,QAAA,EAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CACxB;AAAA,IACF,CAAA;AAEA,IAAA,gBAAA,CAAU,KAAA,CAAM,aAAA,CAAO,SAAA,CAAU,QAAA,EAAU,EAAE,IAAA,EAAM,eAAK,CAAC,CAAC,CAAA;AAE1D,IAAA,MAAA,CAAO,gBAAgB,CAAA,CAAE,qBAAA,CAAsB,CAAC,CAAA;AAAA,EAClD,CAAC,CAAA;AACH,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/Dialog.spec.cjs","sourcesContent":["import { render, screen, fireEvent } from '@testing-library/react';\n\nimport { Dialog, DialogContent, DialogFooter, DialogHeader } from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Dialog 컴포넌트', () => {\n  uiTest(Dialog, 'Dialog');\n  uiTest(DialogHeader, 'DialogHeader');\n  uiTest(DialogContent, 'DialogContent');\n  uiTest(DialogFooter, 'DialogFooter');\n\n  it('DialogHeader의 닫기 버튼을 클릭하면 onCloseClick이 호출되어야 한다', () => {\n    const handleCloseClick = jest.fn();\n    render(\n      <Dialog>\n        <DialogHeader onCloseClick={handleCloseClick}>Header</DialogHeader>\n        <DialogContent>Content</DialogContent>\n      </Dialog>,\n    );\n\n    fireEvent.click(screen.getByRole('button', { name: '닫기' }));\n\n    expect(handleCloseClick).toHaveBeenCalledTimes(1);\n  });\n});\n"]}

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

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

package/dist/components/Dialog/Dialog.spec.d.ts

@@ -1,2 +1,2 @@
-export {};
-//# sourceMappingURL=Dialog.spec.d.ts.map
+
+export {  }

package/dist/components/Dialog/Dialog.spec.js

@@ -1,16 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Dialog, DialogContent, DialogFooter, DialogHeader } from '#components';
-import { uiTest } from '../../tests/uiTest';
-describe('Dialog 컴포넌트', () => {
-    uiTest(Dialog, 'Dialog');
-    uiTest(DialogHeader, 'DialogHeader');
-    uiTest(DialogContent, 'DialogContent');
-    uiTest(DialogFooter, 'DialogFooter');
-    it('DialogHeader의 닫기 버튼을 클릭하면 onCloseClick이 호출되어야 한다', () => {
-        const handleCloseClick = jest.fn();
-        render(_jsxs(Dialog, { children: [_jsx(DialogHeader, { onCloseClick: handleCloseClick, children: "Header" }), _jsx(DialogContent, { children: "Content" })] }));
-        fireEvent.click(screen.getByRole('button', { name: '닫기' }));
-        expect(handleCloseClick).toHaveBeenCalledTimes(1);
-    });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { Dialog, DialogContent, DialogFooter, DialogHeader } from "#components";
+import { uiTest } from "../../tests/uiTest";
+describe("Dialog \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  uiTest(Dialog, "Dialog");
+  uiTest(DialogHeader, "DialogHeader");
+  uiTest(DialogContent, "DialogContent");
+  uiTest(DialogFooter, "DialogFooter");
+  it("DialogHeader\uC758 \uB2EB\uAE30 \uBC84\uD2BC\uC744 \uD074\uB9AD\uD558\uBA74 onCloseClick\uC774 \uD638\uCD9C\uB418\uC5B4\uC57C \uD55C\uB2E4", () => {
+    const handleCloseClick = jest.fn();
+    render(
+      /* @__PURE__ */ jsxs(Dialog, { children: [
+        /* @__PURE__ */ jsx(DialogHeader, { onCloseClick: handleCloseClick, children: "Header" }),
+        /* @__PURE__ */ jsx(DialogContent, { children: "Content" })
+      ] })
+    );
+    fireEvent.click(screen.getByRole("button", { name: "\uB2EB\uAE30" }));
+    expect(handleCloseClick).toHaveBeenCalledTimes(1);
+  });
 });
+//# sourceMappingURL=Dialog.spec.js.map

package/dist/components/Dialog/Dialog.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/Dialog.spec.tsx"],"sourcesContent":["import { render, screen, fireEvent } from '@testing-library/react';\n\nimport { Dialog, DialogContent, DialogFooter, DialogHeader } from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Dialog 컴포넌트', () => {\n  uiTest(Dialog, 'Dialog');\n  uiTest(DialogHeader, 'DialogHeader');\n  uiTest(DialogContent, 'DialogContent');\n  uiTest(DialogFooter, 'DialogFooter');\n\n  it('DialogHeader의 닫기 버튼을 클릭하면 onCloseClick이 호출되어야 한다', () => {\n    const handleCloseClick = jest.fn();\n    render(\n      <Dialog>\n        <DialogHeader onCloseClick={handleCloseClick}>Header</DialogHeader>\n        <DialogContent>Content</DialogContent>\n      </Dialog>,\n    );\n\n    fireEvent.click(screen.getByRole('button', { name: '닫기' }));\n\n    expect(handleCloseClick).toHaveBeenCalledTimes(1);\n  });\n});\n"],"mappings":"AAeM,SACE,KADF;AAfN,SAAS,QAAQ,QAAQ,iBAAiB;AAE1C,SAAS,QAAQ,eAAe,cAAc,oBAAoB;AAElE,SAAS,cAAc;AAEvB,SAAS,mCAAe,MAAM;AAC5B,SAAO,QAAQ,QAAQ;AACvB,SAAO,cAAc,cAAc;AACnC,SAAO,eAAe,eAAe;AACrC,SAAO,cAAc,cAAc;AAEnC,KAAG,8IAAoD,MAAM;AAC3D,UAAM,mBAAmB,KAAK,GAAG;AACjC;AAAA,MACE,qBAAC,UACC;AAAA,4BAAC,gBAAa,cAAc,kBAAkB,oBAAM;AAAA,QACpD,oBAAC,iBAAc,qBAAO;AAAA,SACxB;AAAA,IACF;AAEA,cAAU,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC,CAAC;AAE1D,WAAO,gBAAgB,EAAE,sBAAsB,CAAC;AAAA,EAClD,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Dialog/DialogContent.cjs

@@ -0,0 +1,24 @@
+"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 _DialogContentcss = require('./DialogContent.css'); var s = _interopRequireWildcard(_DialogContentcss);
+const DialogContent = _react.forwardRef.call(void 0, 
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _components.Box,
+      {
+        ref,
+        className: _clsx2.default.call(void 0, s.container, className, _styles.sx.call(void 0, propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogContent.displayName = "DialogContent";
+
+
+exports.DialogContent = DialogContent;
+//# sourceMappingURL=DialogContent.cjs.map

package/dist/components/Dialog/DialogContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogContent.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogContent.cjs"],"names":[],"mappings":"AAeM,0eAAA;AAfN,8BAA2B;AAE3B,wEAAiB;AAEjB,yCAAoB;AACpB,iCAAmB;AAGnB,2GAAmB;AAIZ,MAAM,cAAA,EAAgB,+BAAA;AAAA,EAC3B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACtD,IAAA,uBACE,6BAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA,CAAK,CAAE,SAAA,EAAW,SAAA,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACjD,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;ACL5B;AACE;AACF,sCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogContent.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 './DialogContent.css';\n\ntype DialogContentProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n",null]}

package/dist/components/Dialog/DialogContent.css.cjs

@@ -0,0 +1,16 @@
+"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; } }var _styleUtils = require('#styleUtils');
+var _themes = require('#themes');
+var _DialogHeadercss = require('./DialogHeader.css'); var header = _interopRequireWildcard(_DialogHeadercss);
+const container = _styleUtils.styleWithLayer.call(void 0, {
+  padding: "0 1.5rem 1.5rem 1.5rem",
+  wordBreak: "break-all",
+  selectors: {
+    [`${header.container} + &`]: {
+      color: `rgb(${_themes.theme.color["muted-foreground"]})`
+    }
+  }
+});
+
+
+exports.container = container;
+//# sourceMappingURL=DialogContent.css.cjs.map

package/dist/components/Dialog/DialogContent.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogContent.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogContent.css.cjs"],"names":[],"mappings":"AAAA,oYAA+B;AAC/B,iCAAsB;AAEtB,6GAAwB;AAEjB,MAAM,UAAA,EAAY,wCAAA;AAAe,EACtC,OAAA,EAAS,wBAAA;AAAA,EAET,SAAA,EAAW,WAAA;AAAA,EAEX,SAAA,EAAW;AAAA,IACT,CAAC,CAAA,EAAA;AACC,MAAA;AACF,IAAA;AACF,EAAA;AACD;ACHK;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogContent.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nimport * as header from './DialogHeader.css';\n\nexport const container = styleWithLayer({\n  padding: '0 1.5rem 1.5rem 1.5rem',\n\n  wordBreak: 'break-all',\n\n  selectors: {\n    [`${header.container} + &`]: {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n});\n",null]}

package/dist/components/Dialog/DialogContent.css.d.cts

@@ -0,0 +1,3 @@
+declare const container: string;
+
+export { container };

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -1,2 +1,3 @@
-export declare const container: string;
-//# sourceMappingURL=DialogContent.css.d.ts.map
+declare const container: string;
+
+export { container };

package/dist/components/Dialog/DialogContent.css.js

@@ -1,12 +1,16 @@
-import { styleWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-import * as header from './DialogHeader.css';
-export const container = styleWithLayer({
-    padding: '0 1.5rem 1.5rem 1.5rem',
-    wordBreak: 'break-all',
-    selectors: {
-        [`${header.container} + &`]: {
-            color: `rgb(${theme.color['muted-foreground']})`,
-        },
-    },
+import { styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+import * as header from "./DialogHeader.css";
+const container = styleWithLayer({
+  padding: "0 1.5rem 1.5rem 1.5rem",
+  wordBreak: "break-all",
+  selectors: {
+    [`${header.container} + &`]: {
+      color: `rgb(${theme.color["muted-foreground"]})`
+    }
+  }
 });
+export {
+  container
+};
+//# sourceMappingURL=DialogContent.css.js.map

package/dist/components/Dialog/DialogContent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogContent.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nimport * as header from './DialogHeader.css';\n\nexport const container = styleWithLayer({\n  padding: '0 1.5rem 1.5rem 1.5rem',\n\n  wordBreak: 'break-all',\n\n  selectors: {\n    [`${header.container} + &`]: {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEtB,YAAY,YAAY;AAEjB,MAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,WAAW;AAAA,EAEX,WAAW;AAAA,IACT,CAAC,GAAG,OAAO,SAAS,MAAM,GAAG;AAAA,MAC3B,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IAC/C;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Dialog/DialogContent.d.cts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+
+type DialogContentProps = Omit<UIComponent<'div'>, 'color'>;
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogContent };

package/dist/components/Dialog/DialogContent.d.ts

@@ -1,5 +1,10 @@
-import type { UIComponent } from '#types';
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';
+
 type DialogContentProps = Omit<UIComponent<'div'>, 'color'>;
-export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=DialogContent.d.ts.map
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogContent };

package/dist/components/Dialog/DialogContent.js

@@ -1,10 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { Box } from '#components';
-import { sx } from '#styles';
-import * as s from './DialogContent.css';
-export const DialogContent = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (_jsx(Box, { ref: ref, className: clsx(s.container, className, sx(propSx)), ...props, children: children }));
-});
-DialogContent.displayName = 'DialogContent';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Box } from "#components";
+import { sx } from "#styles";
+import * as s from "./DialogContent.css";
+const DialogContent = forwardRef(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        className: clsx(s.container, className, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogContent.displayName = "DialogContent";
+export {
+  DialogContent
+};
+//# sourceMappingURL=DialogContent.js.map

package/dist/components/Dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogContent.tsx"],"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 './DialogContent.css';\n\ntype DialogContentProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n"],"mappings":"AAeM;AAfN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/components/Dialog/DialogFooter.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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');
+const DialogFooter = _react.forwardRef.call(void 0, 
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _components.Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "flex-end",
+        className: _clsx2.default.call(void 0, className, _styles.sx.call(void 0, propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+
+
+exports.DialogFooter = DialogFooter;
+//# sourceMappingURL=DialogFooter.cjs.map

package/dist/components/Dialog/DialogFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogFooter.cjs"],"names":[],"mappings":"AAaM,wNAAA;AAbN,8BAA2B;AAE3B,wEAAiB;AAEjB,yCAAoB;AACpB,iCAAmB;AAKZ,MAAM,aAAA,EAAe,+BAAA;AAAA,EAC1B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACtD,IAAA,uBACE,6BAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAI,IAAA;AAAA,QACJ,cAAA,EAAe,UAAA;AAAA,QACf,SAAA,EAAW,4BAAA,SAAK,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,YAAA,CAAa,YAAA,EAAc,cAAA;ACJ3B;AACE;AACF,oCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogFooter.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\ntype DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"flex-end\"\n        className={clsx(className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogFooter.displayName = 'DialogFooter';\n",null]}

package/dist/components/Dialog/DialogFooter.css.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+const container = _styleUtils.styleWithLayer.call(void 0, {
+  maxWidth: "calc(100vw - 2rem)",
+  minWidth: "min(20rem, calc(100vw - 2rem))",
+  padding: "1rem",
+  borderRadius: "0.25rem",
+  boxSizing: "border-box",
+  backgroundColor: "#fff",
+  userSelect: "none"
+});
+const message = _styleUtils.styleWithLayer.call(void 0, {
+  marginBottom: "1rem",
+  lineHeight: "150%",
+  wordBreak: "break-all"
+});
+
+
+
+exports.container = container; exports.message = message;
+//# sourceMappingURL=DialogFooter.css.cjs.map

package/dist/components/Dialog/DialogFooter.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogFooter.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAExB,MAAM,UAAA,EAAY,wCAAA;AAAe,EACtC,QAAA,EAAU,oBAAA;AAAA,EACV,QAAA,EAAU,gCAAA;AAAA,EACV,OAAA,EAAS,MAAA;AAAA,EACT,YAAA,EAAc,SAAA;AAAA,EACd,SAAA,EAAW,YAAA;AAAA,EAEX,eAAA,EAAiB,MAAA;AAAA,EAEjB,UAAA,EAAY;AACd,CAAC,CAAA;AAEM,MAAM,QAAA,EAAU,wCAAA;AAAe,EACpC,YAAA,EAAc,MAAA;AAAA,EAEd,UAAA,EAAY,MAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC,CAAA;ACJD;AACE;AACA;AACF,yDAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogFooter.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const container = styleWithLayer({\n  maxWidth: 'calc(100vw - 2rem)',\n  minWidth: 'min(20rem, calc(100vw - 2rem))',\n  padding: '1rem',\n  borderRadius: '0.25rem',\n  boxSizing: 'border-box',\n\n  backgroundColor: '#fff',\n\n  userSelect: 'none',\n});\n\nexport const message = styleWithLayer({\n  marginBottom: '1rem',\n\n  lineHeight: '150%',\n  wordBreak: 'break-all',\n});\n",null]}

package/dist/components/Dialog/DialogFooter.css.d.cts

@@ -0,0 +1,4 @@
+declare const container: string;
+declare const message: string;
+
+export { container, message };

package/dist/components/Dialog/DialogFooter.css.d.ts

@@ -1,3 +1,4 @@
-export declare const container: string;
-export declare const message: string;
-//# sourceMappingURL=DialogFooter.css.d.ts.map
+declare const container: string;
+declare const message: string;
+
+export { container, message };

package/dist/components/Dialog/DialogFooter.css.js

@@ -1,15 +1,20 @@
-import { styleWithLayer } from '#styleUtils';
-export const container = styleWithLayer({
-    maxWidth: 'calc(100vw - 2rem)',
-    minWidth: 'min(20rem, calc(100vw - 2rem))',
-    padding: '1rem',
-    borderRadius: '0.25rem',
-    boxSizing: 'border-box',
-    backgroundColor: '#fff',
-    userSelect: 'none',
+import { styleWithLayer } from "#styleUtils";
+const container = styleWithLayer({
+  maxWidth: "calc(100vw - 2rem)",
+  minWidth: "min(20rem, calc(100vw - 2rem))",
+  padding: "1rem",
+  borderRadius: "0.25rem",
+  boxSizing: "border-box",
+  backgroundColor: "#fff",
+  userSelect: "none"
 });
-export const message = styleWithLayer({
-    marginBottom: '1rem',
-    lineHeight: '150%',
-    wordBreak: 'break-all',
+const message = styleWithLayer({
+  marginBottom: "1rem",
+  lineHeight: "150%",
+  wordBreak: "break-all"
 });
+export {
+  container,
+  message
+};
+//# sourceMappingURL=DialogFooter.css.js.map

package/dist/components/Dialog/DialogFooter.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const container = styleWithLayer({\n  maxWidth: 'calc(100vw - 2rem)',\n  minWidth: 'min(20rem, calc(100vw - 2rem))',\n  padding: '1rem',\n  borderRadius: '0.25rem',\n  boxSizing: 'border-box',\n\n  backgroundColor: '#fff',\n\n  userSelect: 'none',\n});\n\nexport const message = styleWithLayer({\n  marginBottom: '1rem',\n\n  lineHeight: '150%',\n  wordBreak: 'break-all',\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAExB,MAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EAEX,iBAAiB;AAAA,EAEjB,YAAY;AACd,CAAC;AAEM,MAAM,UAAU,eAAe;AAAA,EACpC,cAAc;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;","names":[]}

package/dist/components/Dialog/DialogFooter.d.cts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+
+type DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogFooter };

package/dist/components/Dialog/DialogFooter.d.ts

@@ -1,5 +1,10 @@
-import type { UIComponent } from '#types';
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';
+
 type DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;
-export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=DialogFooter.d.ts.map
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogFooter };

package/dist/components/Dialog/DialogFooter.js

@@ -1,9 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { Box } from '#components';
-import { sx } from '#styles';
-export const DialogFooter = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (_jsx(Box, { ref: ref, flex: true, justifyContent: "flex-end", className: clsx(className, sx(propSx)), ...props, children: children }));
-});
-DialogFooter.displayName = 'DialogFooter';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Box } from "#components";
+import { sx } from "#styles";
+const DialogFooter = forwardRef(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "flex-end",
+        className: clsx(className, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+export {
+  DialogFooter
+};
+//# sourceMappingURL=DialogFooter.js.map

package/dist/components/Dialog/DialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.tsx"],"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\ntype DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"flex-end\"\n        className={clsx(className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogFooter.displayName = 'DialogFooter';\n"],"mappings":"AAaM;AAbN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAKZ,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC;AAAA,QACpC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/components/Dialog/DialogHeader.cjs

@@ -0,0 +1,33 @@
+"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 _lucidereact = require('lucide-react');
+var _components = require('#components');
+var _styles = require('#styles');
+var _DialogHeadercss = require('./DialogHeader.css'); var s = _interopRequireWildcard(_DialogHeadercss);
+const DialogHeader = _react.forwardRef.call(void 0, 
+  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _components.Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        fontSize: "lg",
+        fontWeight: "normal",
+        className: _clsx2.default.call(void 0, s.container, className, _styles.sx.call(void 0, propSx)),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: s.close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, {}) })
+        ]
+      }
+    );
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+
+
+exports.DialogHeader = DialogHeader;
+//# sourceMappingURL=DialogHeader.cjs.map

package/dist/components/Dialog/DialogHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogHeader.cjs"],"names":[],"mappings":"AAkBM,0eAAA;AAlBN,8BAA2B;AAE3B,wEAAiB;AACjB,2CAAsB;AAEtB,yCAAoB;AACpB,iCAAmB;AAGnB,wGAAmB;AAMZ,MAAM,aAAA,EAAe,+BAAA;AAAA,EAC1B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,YAAA,EAAc,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACpE,IAAA,uBACE,8BAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAI,IAAA;AAAA,QACJ,cAAA,EAAe,eAAA;AAAA,QACf,UAAA,EAAW,QAAA;AAAA,QACX,QAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAW,QAAA;AAAA,QACX,SAAA,EAAW,4BAAA,CAAK,CAAE,SAAA,EAAW,SAAA,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACjD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,MAAC,EAAA,EAAM,SAAA,CAAS,CAAA;AAAA,0BAChB,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,CAAA,CAAE,KAAA,EAAO,OAAA,EAAS,YAAA,EAAc,YAAA,EAAW,cAAA,EAC5D,QAAA,kBAAA,6BAAA,kBAAC,EAAA,CAAA,CAAM,EAAA,CACT;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,YAAA,CAAa,YAAA,EAAc,cAAA;ACP3B;AACE;AACF,oCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogHeader.cjs","sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { XIcon } from 'lucide-react';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './DialogHeader.css';\n\ninterface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {\n  onCloseClick?: () => void;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        fontSize=\"lg\"\n        fontWeight=\"normal\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n        <button className={s.close} onClick={onCloseClick} aria-label=\"닫기\">\n          <XIcon />\n        </button>\n      </Box>\n    );\n  },\n);\nDialogHeader.displayName = 'DialogHeader';\n",null]}

package/dist/components/Dialog/DialogHeader.css.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+var _themes = require('#themes');
+const container = _styleUtils.styleWithLayer.call(void 0, {
+  position: "sticky",
+  top: "0",
+  padding: "1.5rem",
+  zIndex: "10",
+  backgroundColor: `rgb(${_themes.theme.color.background})`
+});
+const close = _styleUtils.styleWithLayer.call(void 0, {
+  width: "1.25rem",
+  height: "1.25rem",
+  padding: "0",
+  border: "0",
+  backgroundColor: "transparent",
+  fontSize: "1em",
+  color: `rgb(${_themes.theme.color["muted-foreground"]})`,
+  cursor: "pointer",
+  transition: "color 0.1s ease",
+  ":hover": {
+    color: `rgb(${_themes.theme.color["foreground"]})`
+  }
+});
+
+
+
+exports.close = close; exports.container = container;
+//# sourceMappingURL=DialogHeader.css.cjs.map

package/dist/components/Dialog/DialogHeader.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogHeader.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAC/B,iCAAsB;AAEf,MAAM,UAAA,EAAY,wCAAA;AAAe,EACtC,QAAA,EAAU,QAAA;AAAA,EACV,GAAA,EAAK,GAAA;AAAA,EACL,OAAA,EAAS,QAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EAER,eAAA,EAAiB,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAChD,CAAC,CAAA;AAEM,MAAM,MAAA,EAAQ,wCAAA;AAAe,EAClC,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS,GAAA;AAAA,EACT,MAAA,EAAQ,GAAA;AAAA,EAER,eAAA,EAAiB,aAAA;AAAA,EAEjB,QAAA,EAAU,KAAA;AAAA,EACV,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,kBAAkB,CAAC,CAAA,CAAA,CAAA;AAAA,EAE7C,MAAA,EAAQ,SAAA;AAAA,EAER,UAAA,EAAY,iBAAA;AAAA,EAEZ,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,YAAY,CAAC,CAAA,CAAA;AAAA,EACzC;AACF,CAAC,CAAA;ACPD;AACE;AACA;AACF,qDAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/DialogHeader.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const container = styleWithLayer({\n  position: 'sticky',\n  top: '0',\n  padding: '1.5rem',\n  zIndex: '10',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n\nexport const close = styleWithLayer({\n  width: '1.25rem',\n  height: '1.25rem',\n  padding: '0',\n  border: '0',\n\n  backgroundColor: 'transparent',\n\n  fontSize: '1em',\n  color: `rgb(${theme.color['muted-foreground']})`,\n\n  cursor: 'pointer',\n\n  transition: 'color 0.1s ease',\n\n  ':hover': {\n    color: `rgb(${theme.color['foreground']})`,\n  },\n});\n",null]}

package/dist/components/Dialog/DialogHeader.css.d.cts

@@ -0,0 +1,4 @@
+declare const container: string;
+declare const close: string;
+
+export { close, container };

package/dist/components/Dialog/DialogHeader.css.d.ts

@@ -1,3 +1,4 @@
-export declare const container: string;
-export declare const close: string;
-//# sourceMappingURL=DialogHeader.css.d.ts.map
+declare const container: string;
+declare const close: string;
+
+export { close, container };

package/dist/components/Dialog/DialogHeader.css.js

@@ -1,23 +1,28 @@
-import { styleWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-export const container = styleWithLayer({
-    position: 'sticky',
-    top: '0',
-    padding: '1.5rem',
-    zIndex: '10',
-    backgroundColor: `rgb(${theme.color.background})`,
+import { styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const container = styleWithLayer({
+  position: "sticky",
+  top: "0",
+  padding: "1.5rem",
+  zIndex: "10",
+  backgroundColor: `rgb(${theme.color.background})`
 });
-export const close = styleWithLayer({
-    width: '1.25rem',
-    height: '1.25rem',
-    padding: '0',
-    border: '0',
-    backgroundColor: 'transparent',
-    fontSize: '1em',
-    color: `rgb(${theme.color['muted-foreground']})`,
-    cursor: 'pointer',
-    transition: 'color 0.1s ease',
-    ':hover': {
-        color: `rgb(${theme.color['foreground']})`,
-    },
+const close = styleWithLayer({
+  width: "1.25rem",
+  height: "1.25rem",
+  padding: "0",
+  border: "0",
+  backgroundColor: "transparent",
+  fontSize: "1em",
+  color: `rgb(${theme.color["muted-foreground"]})`,
+  cursor: "pointer",
+  transition: "color 0.1s ease",
+  ":hover": {
+    color: `rgb(${theme.color["foreground"]})`
+  }
 });
+export {
+  close,
+  container
+};
+//# sourceMappingURL=DialogHeader.css.js.map

package/dist/components/Dialog/DialogHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const container = styleWithLayer({\n  position: 'sticky',\n  top: '0',\n  padding: '1.5rem',\n  zIndex: '10',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n\nexport const close = styleWithLayer({\n  width: '1.25rem',\n  height: '1.25rem',\n  padding: '0',\n  border: '0',\n\n  backgroundColor: 'transparent',\n\n  fontSize: '1em',\n  color: `rgb(${theme.color['muted-foreground']})`,\n\n  cursor: 'pointer',\n\n  transition: 'color 0.1s ease',\n\n  ':hover': {\n    color: `rgb(${theme.color['foreground']})`,\n  },\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEf,MAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;AAEM,MAAM,QAAQ,eAAe;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,EAE7C,QAAQ;AAAA,EAER,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,OAAO,OAAO,MAAM,MAAM,YAAY,CAAC;AAAA,EACzC;AACF,CAAC;","names":[]}

package/dist/components/Dialog/DialogHeader.d.cts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+
+interface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {
+    onCloseClick?: () => void;
+}
+declare const DialogHeader: react.ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogHeader };