@kimdw-rtk/ui 0.0.9 → 0.0.11

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,53 +1,25 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
-import '../Accordion/Accordion.js';
-import '../Accordion/AccordionContent.css.js';
-import '../Accordion/AccordionContext.js';
-import '../Accordion/AccordionTrigger.css.js';
-import '@kimdw-rtk/utils';
-import { Box } from '../Box/index.js';
-import '../Button/index.js';
-import '../Card/Card.js';
-import '../Card/CardContent.js';
-import '../Card/CardInteraction.js';
-import '../Card/CardThumbnail.js';
-import '../Chip/Chip.js';
-import './Dialog.js';
-import './DialogContent.js';
-import './DialogHeader.js';
-import '../Navigation/NavigationAside.js';
-import '../Navigation/NavigationBar.js';
-import '../Navigation/NavigationContainer.js';
-import '../Navigation/NavigationDrawer.css.js';
-import '../Navigation/NavigationItem.js';
-import '../Navigation/NavigationLogo.js';
-import '../Navigation/NavigationMenu.js';
-import '../Range/Range.js';
-import '../ScrollArea/ScrollArea.js';
-import '../Select/Select.js';
-import '../Select/SelectContext.js';
-import '../Select/SelectOption.css.js';
-import '../Skeleton/index.js';
-import '../Table/Table.js';
-import '../../styles/layers.css.js';
-import '../../styles/sprinkles.css.js';
-import '../../styles/globalStyle.css.js';
-import { sx } from '../../styles/sx.js';
-import '../Table/TableCell.css.js';
-import '../Table/TableHead.css.js';
-import '../Table/TableRow.css.js';
-import '../Tabs/Tabs.js';
-import '../Tabs/TabsContent.js';
-import '../Tabs/TabsList.js';
-import '../Tabs/TabsTrigger.js';
-import '../TextField/index.js';
-import '../Toast/index.js';
-import '../Typography/index.js';
-
-const DialogFooter = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Box, { ref: ref, flex: true, justifyContent: "flex-end", className: clsx(className, sx(propSx)), ...props, children: children }));
-});
-DialogFooter.displayName = 'DialogFooter';
-
-export { 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,26 +1,28 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
-
+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})`,
+  position: "sticky",
+  top: "0",
+  padding: "1.5rem",
+  zIndex: "10",
+  backgroundColor: `rgb(${theme.color.background})`
 });
 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']})`,
-    },
+  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 };
+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 };

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

@@ -1,7 +1,12 @@
-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';
+
 interface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {
     onCloseClick?: () => void;
 }
-export declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=DialogHeader.d.ts.map
+declare const DialogHeader: react.ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { DialogHeader };

package/dist/components/Dialog/DialogHeader.js

@@ -1,55 +1,33 @@
-import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
-import '../Accordion/Accordion.js';
-import '../Accordion/AccordionContent.css.js';
-import '../Accordion/AccordionContext.js';
-import '../Accordion/AccordionTrigger.css.js';
-import '@kimdw-rtk/utils';
-import { Box } from '../Box/index.js';
-import '../Button/index.js';
-import '../Card/Card.js';
-import '../Card/CardContent.js';
-import '../Card/CardInteraction.js';
-import '../Card/CardThumbnail.js';
-import '../Chip/Chip.js';
-import './Dialog.js';
-import './DialogContent.js';
-import './DialogFooter.js';
-import '../Navigation/NavigationAside.js';
-import '../Navigation/NavigationBar.js';
-import '../Navigation/NavigationContainer.js';
-import '../Navigation/NavigationDrawer.css.js';
-import '../Navigation/NavigationItem.js';
-import '../Navigation/NavigationLogo.js';
-import '../Navigation/NavigationMenu.js';
-import '../Range/Range.js';
-import '../ScrollArea/ScrollArea.js';
-import '../Select/Select.js';
-import '../Select/SelectContext.js';
-import '../Select/SelectOption.css.js';
-import '../Skeleton/index.js';
-import '../Table/Table.js';
-import '../../styles/layers.css.js';
-import '../../styles/sprinkles.css.js';
-import '../../styles/globalStyle.css.js';
-import { sx } from '../../styles/sx.js';
-import '../Table/TableCell.css.js';
-import '../Table/TableHead.css.js';
-import '../Table/TableRow.css.js';
-import '../Tabs/Tabs.js';
-import '../Tabs/TabsContent.js';
-import '../Tabs/TabsList.js';
-import '../Tabs/TabsTrigger.js';
-import '../TextField/index.js';
-import '../Toast/index.js';
-import '../Typography/index.js';
-import { close, container } from './DialogHeader.css.js';
-import X from '../../node_modules/.pnpm/lucide-react@0.503.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js';
-
-const DialogHeader = forwardRef(({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs(Box, { ref: ref, flex: true, justifyContent: "space-between", alignItems: "center", fontSize: "lg", fontWeight: "normal", className: clsx(container, className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx("span", { children: children }), jsxRuntimeExports.jsx("button", { className: close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: jsxRuntimeExports.jsx(X, {}) })] }));
-});
-DialogHeader.displayName = 'DialogHeader';
-
-export { DialogHeader };
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { XIcon } from "lucide-react";
+import { Box } from "#components";
+import { sx } from "#styles";
+import * as s from "./DialogHeader.css";
+const DialogHeader = forwardRef(
+  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        fontSize: "lg",
+        fontWeight: "normal",
+        className: clsx(s.container, className, sx(propSx)),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { children }),
+          /* @__PURE__ */ jsx("button", { className: s.close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: /* @__PURE__ */ jsx(XIcon, {}) })
+        ]
+      }
+    );
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+export {
+  DialogHeader
+};
+//# sourceMappingURL=DialogHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.tsx"],"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"],"mappings":"AAkBM,SAUE,KAVF;AAlBN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AACjB,SAAS,aAAa;AAEtB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAMZ,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,cAAc,GAAG,MAAM,GAAG,QAAQ;AACpE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,YAAW;AAAA,QACX,WAAW,KAAK,EAAE,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAM,UAAS;AAAA,UAChB,oBAAC,YAAO,WAAW,EAAE,OAAO,SAAS,cAAc,cAAW,gBAC5D,8BAAC,SAAM,GACT;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/components/Dialog/index.cjs

@@ -0,0 +1,5 @@
+"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 _Dialog = require('./Dialog'); _createStarExport(_Dialog);
+var _DialogContent = require('./DialogContent'); _createStarExport(_DialogContent);
+var _DialogFooter = require('./DialogFooter'); _createStarExport(_DialogFooter);
+var _DialogHeader = require('./DialogHeader'); _createStarExport(_DialogHeader);
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,+ZAAc;AACd,mFAAc;AACd,gFAAc;AACd,gFAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Dialog/index.cjs","sourcesContent":["export * from './Dialog';\nexport * from './DialogContent';\nexport * from './DialogFooter';\nexport * from './DialogHeader';\n"]}

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

@@ -0,0 +1,9 @@
+export { Dialog } from './Dialog.cjs';
+export { DialogContent } from './DialogContent.cjs';
+export { DialogFooter } from './DialogFooter.cjs';
+export { DialogHeader } from './DialogHeader.cjs';
+import 'react';
+import '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';

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

@@ -1,5 +1,9 @@
-export * from './Dialog';
-export * from './DialogContent';
-export * from './DialogFooter';
-export * from './DialogHeader';
-//# sourceMappingURL=index.d.ts.map
+export { Dialog } from './Dialog.js';
+export { DialogContent } from './DialogContent.js';
+export { DialogFooter } from './DialogFooter.js';
+export { DialogHeader } from './DialogHeader.js';
+import 'react';
+import '../../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';

package/dist/components/Dialog/index.js

@@ -0,0 +1,5 @@
+export * from "./Dialog";
+export * from "./DialogContent";
+export * from "./DialogFooter";
+export * from "./DialogHeader";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from './Dialog';\nexport * from './DialogContent';\nexport * from './DialogFooter';\nexport * from './DialogHeader';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/Navigation/Navigation.spec.cjs

@@ -0,0 +1,18 @@
+"use strict";
+
+
+
+
+
+var _components = require('#components');
+var _uiTest = require('../../tests/uiTest');
+var _NavigationContainer = require('./NavigationContainer');
+describe("Navigation \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  _uiTest.uiTest.call(void 0, _components.NavigationAside, "NavigationAside");
+  _uiTest.uiTest.call(void 0, _components.NavigationBar, "NavigationBar");
+  _uiTest.uiTest.call(void 0, _components.NavigationItem, "NavigationItem");
+  _uiTest.uiTest.call(void 0, _components.NavigationLogo, "NavigationLogo");
+  _uiTest.uiTest.call(void 0, _components.NavigationMenu, "NavigationMenu");
+  _uiTest.uiTest.call(void 0, _NavigationContainer.NavigationContainer, "NavigationContainer");
+});
+//# sourceMappingURL=Navigation.spec.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AAAA,yCACK;AAEP,4CAAuB;AACvB,4DAAoC;AAEpC,QAAA,CAAS,qCAAA,EAAmB,CAAA,EAAA,GAAM;AAChC,EAAA,4BAAA,2BAAO,EAAiB,iBAAiB,CAAA;AACzC,EAAA,4BAAA,yBAAO,EAAe,eAAe,CAAA;AACrC,EAAA,4BAAA,0BAAO,EAAgB,gBAAgB,CAAA;AACvC,EAAA,4BAAA,0BAAO,EAAgB,gBAAgB,CAAA;AACvC,EAAA,4BAAA,0BAAO,EAAgB,gBAAgB,CAAA;AACvC,EAAA,4BAAA,wCAAO,EAAqB,qBAAqB,CAAA;AACnD,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/Navigation.spec.cjs","sourcesContent":["import {\n  NavigationAside,\n  NavigationBar,\n  NavigationItem,\n  NavigationLogo,\n  NavigationMenu,\n} from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\nimport { NavigationContainer } from './NavigationContainer';\n\ndescribe('Navigation 컴포넌트', () => {\n  uiTest(NavigationAside, 'NavigationAside');\n  uiTest(NavigationBar, 'NavigationBar');\n  uiTest(NavigationItem, 'NavigationItem');\n  uiTest(NavigationLogo, 'NavigationLogo');\n  uiTest(NavigationMenu, 'NavigationMenu');\n  uiTest(NavigationContainer, 'NavigationContainer');\n});\n"]}

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

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

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

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

package/dist/components/Navigation/Navigation.spec.js

@@ -0,0 +1,18 @@
+import {
+  NavigationAside,
+  NavigationBar,
+  NavigationItem,
+  NavigationLogo,
+  NavigationMenu
+} from "#components";
+import { uiTest } from "../../tests/uiTest";
+import { NavigationContainer } from "./NavigationContainer";
+describe("Navigation \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  uiTest(NavigationAside, "NavigationAside");
+  uiTest(NavigationBar, "NavigationBar");
+  uiTest(NavigationItem, "NavigationItem");
+  uiTest(NavigationLogo, "NavigationLogo");
+  uiTest(NavigationMenu, "NavigationMenu");
+  uiTest(NavigationContainer, "NavigationContainer");
+});
+//# sourceMappingURL=Navigation.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"sourcesContent":["import {\n  NavigationAside,\n  NavigationBar,\n  NavigationItem,\n  NavigationLogo,\n  NavigationMenu,\n} from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\nimport { NavigationContainer } from './NavigationContainer';\n\ndescribe('Navigation 컴포넌트', () => {\n  uiTest(NavigationAside, 'NavigationAside');\n  uiTest(NavigationBar, 'NavigationBar');\n  uiTest(NavigationItem, 'NavigationItem');\n  uiTest(NavigationLogo, 'NavigationLogo');\n  uiTest(NavigationMenu, 'NavigationMenu');\n  uiTest(NavigationContainer, 'NavigationContainer');\n});\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,2BAA2B;AAEpC,SAAS,uCAAmB,MAAM;AAChC,SAAO,iBAAiB,iBAAiB;AACzC,SAAO,eAAe,eAAe;AACrC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,qBAAqB,qBAAqB;AACnD,CAAC;","names":[]}

package/dist/components/Navigation/NavigationAside.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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _styles = require('#styles');
+var _NavigationAsidecss = require('./NavigationAside.css'); var s = _interopRequireWildcard(_NavigationAsidecss);
+const NavigationAside = _react.forwardRef.call(void 0, 
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { ref, className: _clsx2.default.call(void 0, className, _styles.sx.call(void 0, propSx)), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: s.wide, children }) });
+  }
+);
+NavigationAside.displayName = "NavigationAside";
+
+
+exports.NavigationAside = NavigationAside;
+//# sourceMappingURL=NavigationAside.cjs.map

package/dist/components/Navigation/NavigationAside.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationAside.cjs","../../../src/components/Navigation/NavigationAside.tsx"],"names":[],"mappings":"AAAA,ucAAY;ACiBJ,+CAAA;AAfR,8BAA2B;AAE3B,wEAAiB;AAEjB,iCAAmB;AAGnB,iHAAmB;AAIZ,MAAM,gBAAA,EAAkB,+BAAA;AAAA,EAC7B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACtD,IAAA,uBACE,6BAAA,OAAC,EAAA,EAAM,GAAA,EAAU,SAAA,EAAW,4BAAA,SAAK,EAAW,wBAAA,MAAS,CAAC,CAAA,EAAI,GAAG,KAAA,EAC3D,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,CAAA,CAAE,IAAA,EAAO,SAAA,CAAS,EAAA,CACpC,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,eAAA,CAAgB,YAAA,EAAc,iBAAA;ADV9B;AACE;AACF,0CAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationAside.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationAside.css';\n\ntype NavigationAsideProps = UIComponent<'aside'>;\n\nexport const NavigationAside = forwardRef<HTMLElement, NavigationAsideProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <aside ref={ref} className={clsx(className, sx(propSx))} {...props}>\n        <div className={s.wide}>{children}</div>\n      </aside>\n    );\n  },\n);\nNavigationAside.displayName = 'NavigationAside';\n"]}

package/dist/components/Navigation/NavigationAside.css.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+const wide = _styleUtils.styleWithLayer.call(void 0, {
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5em"
+});
+
+
+exports.wide = wide;
+//# sourceMappingURL=NavigationAside.css.cjs.map

package/dist/components/Navigation/NavigationAside.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationAside.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAExB,MAAM,KAAA,EAAO,wCAAA;AAAe,EACjC,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK;AACP,CAAC,CAAA;ACAD;AACE;AACF,oBAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationAside.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n});\n",null]}

package/dist/components/Navigation/NavigationAside.css.d.cts

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

package/dist/components/Navigation/NavigationAside.css.d.ts

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

package/dist/components/Navigation/NavigationAside.css.js

@@ -1,9 +1,10 @@
-import { styleWithLayer } from '../../utils/styleUtils.css.js';
-
+import { styleWithLayer } from "#styleUtils";
 const wide = styleWithLayer({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '0.5em',
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5em"
 });
-
-export { wide };
+export {
+  wide
+};
+//# sourceMappingURL=NavigationAside.css.js.map

package/dist/components/Navigation/NavigationAside.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAExB,MAAM,OAAO,eAAe;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP,CAAC;","names":[]}

package/dist/components/Navigation/NavigationAside.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 NavigationAsideProps = UIComponent<'aside'>;
+declare const NavigationAside: react.ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+export { NavigationAside };

package/dist/components/Navigation/NavigationAside.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 NavigationAsideProps = UIComponent<'aside'>;
-export declare const NavigationAside: import("react").ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=NavigationAside.d.ts.map
+declare const NavigationAside: react.ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+export { NavigationAside };