@kimdw-rtk/ui 0.0.8 → 0.0.11

package/dist/components/Accordion/AccordionTrigger.css.js

@@ -1,39 +1,44 @@
-import { recipeWithLayer } from '#styleUtils';
-import { paddingVar } from './Accordion.css';
-export const triggerContainer = recipeWithLayer({
-    base: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '0.25em',
-        width: '100%',
-        padding: paddingVar,
-        cursor: 'pointer',
-        ':hover': {
-            textDecoration: 'underline',
-        },
-    },
-    variants: {
-        iconPosition: {
-            text: {},
-            right: {
-                justifyContent: 'space-between',
-            },
-        },
-    },
+import { recipeWithLayer } from "#styleUtils";
+import { paddingVar } from "./Accordion.css";
+const triggerContainer = recipeWithLayer({
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.25em",
+    width: "100%",
+    padding: paddingVar,
+    cursor: "pointer",
+    ":hover": {
+      textDecoration: "underline"
+    }
+  },
+  variants: {
+    iconPosition: {
+      text: {},
+      right: {
+        justifyContent: "space-between"
+      }
+    }
+  }
 });
-export const arrow = recipeWithLayer({
-    base: {
-        lineHeight: '0',
-        transition: 'transform 0.2s ease',
-    },
-    variants: {
-        expand: {
-            true: {
-                transform: 'rotate(-180deg)',
-            },
-            false: {
-                transform: 'rotate(0)',
-            },
-        },
-    },
+const arrow = recipeWithLayer({
+  base: {
+    lineHeight: "0",
+    transition: "transform 0.2s ease"
+  },
+  variants: {
+    expand: {
+      true: {
+        transform: "rotate(-180deg)"
+      },
+      false: {
+        transform: "rotate(0)"
+      }
+    }
+  }
 });
+export {
+  arrow,
+  triggerContainer
+};
+//# sourceMappingURL=AccordionTrigger.css.js.map

package/dist/components/Accordion/AccordionTrigger.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/AccordionTrigger.css.ts"],"sourcesContent":["import { recipeWithLayer } from '#styleUtils';\n\nimport { paddingVar } from './Accordion.css';\n\nexport const triggerContainer = recipeWithLayer({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.25em',\n\n    width: '100%',\n    padding: paddingVar,\n\n    cursor: 'pointer',\n\n    ':hover': {\n      textDecoration: 'underline',\n    },\n  },\n  variants: {\n    iconPosition: {\n      text: {},\n      right: {\n        justifyContent: 'space-between',\n      },\n    },\n  },\n});\n\nexport const arrow = recipeWithLayer({\n  base: {\n    lineHeight: '0',\n\n    transition: 'transform 0.2s ease',\n  },\n  variants: {\n    expand: {\n      true: {\n        transform: 'rotate(-180deg)',\n      },\n      false: {\n        transform: 'rotate(0)',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB;AAEpB,MAAM,mBAAmB,gBAAgB;AAAA,EAC9C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IAEL,OAAO;AAAA,IACP,SAAS;AAAA,IAET,QAAQ;AAAA,IAER,UAAU;AAAA,MACR,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,QAAQ,gBAAgB;AAAA,EACnC,MAAM;AAAA,IACJ,YAAY;AAAA,IAEZ,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Accordion/AccordionTrigger.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface AccordionTriggerProps {
+    children: ReactNode;
+    iconPosition?: 'text' | 'right';
+}
+declare const AccordionTrigger: ({ children, iconPosition, }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
+
+export { AccordionTrigger };

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -1,8 +1,10 @@
-import { type ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
 interface AccordionTriggerProps {
     children: ReactNode;
     iconPosition?: 'text' | 'right';
 }
-export declare const AccordionTrigger: ({ children, iconPosition, }: AccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AccordionTrigger.d.ts.map
+declare const AccordionTrigger: ({ children, iconPosition, }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
+
+export { AccordionTrigger };

package/dist/components/Accordion/AccordionTrigger.js

@@ -1,14 +1,34 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ChevronDownIcon } from 'lucide-react';
-import { AccordionContext } from './AccordionContext';
-import * as s from './AccordionTrigger.css';
-export const AccordionTrigger = ({ children, iconPosition = 'right', }) => {
-    const accordionContext = useContext(AccordionContext);
-    if (!accordionContext) {
-        throw new Error('AccordionTrigger must be used within an Accordion component.');
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { AccordionContext } from "./AccordionContext";
+import * as s from "./AccordionTrigger.css";
+const AccordionTrigger = ({
+  children,
+  iconPosition = "right"
+}) => {
+  const accordionContext = useContext(AccordionContext);
+  if (!accordionContext) {
+    throw new Error(
+      "AccordionTrigger must be used within an Accordion component."
+    );
+  }
+  const { dispatch, isExpanded } = accordionContext;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: s.triggerContainer({ iconPosition }),
+      "aria-expanded": isExpanded,
+      onClick: () => dispatch(!isExpanded),
+      children: [
+        /* @__PURE__ */ jsx("span", { children }),
+        /* @__PURE__ */ jsx("span", { className: s.arrow({ expand: isExpanded }), children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: "1em" }) })
+      ]
     }
-    const { dispatch, isExpanded } = accordionContext;
-    return (_jsxs("div", { className: s.triggerContainer({ iconPosition }), "aria-expanded": isExpanded, onClick: () => dispatch(!isExpanded), children: [_jsx("span", { children: children }), _jsx("span", { className: s.arrow({ expand: isExpanded }), children: _jsx(ChevronDownIcon, { size: "1em" }) })] }));
+  );
 };
+export {
+  AccordionTrigger
+};
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/components/Accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useContext } from 'react';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { AccordionContext } from './AccordionContext';\nimport * as s from './AccordionTrigger.css';\n\ninterface AccordionTriggerProps {\n  children: ReactNode;\n  iconPosition?: 'text' | 'right';\n}\n\nexport const AccordionTrigger = ({\n  children,\n  iconPosition = 'right',\n}: AccordionTriggerProps) => {\n  const accordionContext = useContext(AccordionContext);\n\n  if (!accordionContext) {\n    throw new Error(\n      'AccordionTrigger must be used within an Accordion component.',\n    );\n  }\n\n  const { dispatch, isExpanded } = accordionContext;\n\n  return (\n    <div\n      className={s.triggerContainer({ iconPosition })}\n      aria-expanded={isExpanded}\n      onClick={() => dispatch(!isExpanded)}\n    >\n      <span>{children}</span>\n      <span className={s.arrow({ expand: isExpanded })}>\n        <ChevronDownIcon size=\"1em\" />\n      </span>\n    </div>\n  );\n};\n"],"mappings":";AA6BI,SAKE,KALF;AA3BJ,SAAyB,kBAAkB;AAE3C,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AACjC,YAAY,OAAO;AAOZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,eAAe;AACjB,MAA6B;AAC3B,QAAM,mBAAmB,WAAW,gBAAgB;AAEpD,MAAI,CAAC,kBAAkB;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,UAAU,WAAW,IAAI;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,iBAAiB,EAAE,aAAa,CAAC;AAAA,MAC9C,iBAAe;AAAA,MACf,SAAS,MAAM,SAAS,CAAC,UAAU;AAAA,MAEnC;AAAA,4BAAC,UAAM,UAAS;AAAA,QAChB,oBAAC,UAAK,WAAW,EAAE,MAAM,EAAE,QAAQ,WAAW,CAAC,GAC7C,8BAAC,mBAAgB,MAAK,OAAM,GAC9B;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/Accordion/index.cjs

@@ -0,0 +1,4 @@
+"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 _AccordionContent = require('./AccordionContent'); _createStarExport(_AccordionContent);
+var _AccordionTrigger = require('./AccordionTrigger'); _createStarExport(_AccordionTrigger);
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,waAAc;AACd,4FAAc;AACd,4FAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Accordion/index.cjs","sourcesContent":["export * from './Accordion';\nexport * from './AccordionContent';\nexport * from './AccordionTrigger';\n"]}

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

@@ -0,0 +1,10 @@
+export { Accordion } from './Accordion.cjs';
+export { AccordionContent } from './AccordionContent.cjs';
+export { AccordionTrigger } from './AccordionTrigger.cjs';
+import 'react';
+import '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+import './Accordion.css.cjs';
+import 'react/jsx-runtime';

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

@@ -1,4 +1,10 @@
-export * from './Accordion';
-export * from './AccordionContent';
-export * from './AccordionTrigger';
-//# sourceMappingURL=index.d.ts.map
+export { Accordion } from './Accordion.js';
+export { AccordionContent } from './AccordionContent.js';
+export { AccordionTrigger } from './AccordionTrigger.js';
+import 'react';
+import '../../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';
+import './Accordion.css.js';
+import 'react/jsx-runtime';

package/dist/components/Accordion/index.js

@@ -1,3 +1,4 @@
-export * from './Accordion';
-export * from './AccordionContent';
-export * from './AccordionTrigger';
+export * from "./Accordion";
+export * from "./AccordionContent";
+export * from "./AccordionTrigger";
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Alert/index.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+require('react');
+var _utils = require('@kimdw-rtk/utils');
+var _components = require('#components');
+const Alert = ({ children }) => {
+  const { close } = _utils.useOverlay.call(void 0, );
+  _utils.usePreventKeyboardInput.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Dialog, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.DialogContent, { children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.DialogFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })
+  ] });
+};
+
+
+exports.Alert = Alert;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Alert/index.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Alert/index.cjs"],"names":[],"mappings":"AAeI,wHAAA;AAfJ,iBAA+B;AAE/B,yCAAoD;AAEpD,yCAA4D;AAMrD,MAAM,MAAA,EAAQ,CAAC,EAAE,SAAS,CAAA,EAAA,GAAkB;AACjD,EAAA,MAAM,EAAE,MAAM,EAAA,EAAI,+BAAA,CAAW;AAC7B,EAAA,4CAAA,CAAwB;AAExB,EAAA,uBACE,8BAAA,kBAAC,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,yBAAC,EAAA,EAAe,SAAA,CAAS,CAAA;AAAA,oBACzB,6BAAA,wBAAC,EAAA,EACC,QAAA,kBAAA,6BAAA,kBAAC,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,KAAA,EAAO,QAAA,EAAA,eAAA,CAElC,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAA;ACZA;AACE;AACF,sBAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Alert/index.cjs","sourcesContent":["import { type ReactNode } from 'react';\n\nimport { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';\n\nimport { Button, Dialog, DialogContent, DialogFooter } from '#components';\n\ninterface AlertProps {\n  children: ReactNode;\n}\n\nexport const Alert = ({ children }: AlertProps) => {\n  const { close } = useOverlay();\n  usePreventKeyboardInput();\n\n  return (\n    <Dialog>\n      <DialogContent>{children}</DialogContent>\n      <DialogFooter>\n        <Button size=\"sm\" onClick={close}>\n          확인\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n};\n",null]}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface AlertProps {
+    children: ReactNode;
+}
+declare const Alert: ({ children }: AlertProps) => react_jsx_runtime.JSX.Element;
+
+export { Alert };

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

@@ -1,7 +1,9 @@
-import { type ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
 interface AlertProps {
     children: ReactNode;
 }
-export declare const Alert: ({ children }: AlertProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map
+declare const Alert: ({ children }: AlertProps) => react_jsx_runtime.JSX.Element;
+
+export { Alert };

package/dist/components/Alert/index.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import {} from 'react';
-import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
-import { Button, Dialog, DialogContent, DialogFooter } from '#components';
-export const Alert = ({ children }) => {
-    const { close } = useOverlay();
-    usePreventKeyboardInput();
-    return (_jsxs(Dialog, { children: [_jsx(DialogContent, { children: children }), _jsx(DialogFooter, { children: _jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })] }));
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { useOverlay, usePreventKeyboardInput } from "@kimdw-rtk/utils";
+import { Button, Dialog, DialogContent, DialogFooter } from "#components";
+const Alert = ({ children }) => {
+  const { close } = useOverlay();
+  usePreventKeyboardInput();
+  return /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsx(DialogContent, { children }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })
+  ] });
 };
+export {
+  Alert
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Alert/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';\n\nimport { Button, Dialog, DialogContent, DialogFooter } from '#components';\n\ninterface AlertProps {\n  children: ReactNode;\n}\n\nexport const Alert = ({ children }: AlertProps) => {\n  const { close } = useOverlay();\n  usePreventKeyboardInput();\n\n  return (\n    <Dialog>\n      <DialogContent>{children}</DialogContent>\n      <DialogFooter>\n        <Button size=\"sm\" onClick={close}>\n          확인\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n};\n"],"mappings":"AAeI,SACE,KADF;AAfJ,eAA+B;AAE/B,SAAS,YAAY,+BAA+B;AAEpD,SAAS,QAAQ,QAAQ,eAAe,oBAAoB;AAMrD,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAkB;AACjD,QAAM,EAAE,MAAM,IAAI,WAAW;AAC7B,0BAAwB;AAExB,SACE,qBAAC,UACC;AAAA,wBAAC,iBAAe,UAAS;AAAA,IACzB,oBAAC,gBACC,8BAAC,UAAO,MAAK,MAAK,SAAS,OAAO,0BAElC,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Box/Box.css.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+var _themes = require('#themes');
+const box = _styleUtils.recipeWithLayer.call(void 0, {
+  variants: {
+    flex: {
+      true: {
+        display: "flex"
+      }
+    },
+    rounded: {
+      true: {
+        borderRadius: _themes.theme.borderRadius
+      }
+    }
+  }
+});
+
+
+exports.box = box;
+//# sourceMappingURL=Box.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/Box.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Box/Box.css.cjs"],"names":[],"mappings":"AAAA,kHAAgC;AAChC,iCAAsB;AAEf,MAAM,IAAA,EAAM,yCAAA;AAAgB,EACjC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IAEA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,aAAA,CAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;ACDD;AACE;AACF,kBAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Box/Box.css.cjs","sourcesContent":["import { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const box = recipeWithLayer({\n  variants: {\n    flex: {\n      true: {\n        display: 'flex',\n      },\n    },\n\n    rounded: {\n      true: {\n        borderRadius: theme.borderRadius,\n      },\n    },\n  },\n});\n",null]}

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

@@ -0,0 +1,16 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const box: _vanilla_extract_recipes.RuntimeFn<{
+    flex: {
+        true: {
+            display: "flex";
+        };
+    };
+    rounded: {
+        true: {
+            borderRadius: `var(--${string})`;
+        };
+    };
+}>;
+
+export { box };

package/dist/components/Box/Box.css.d.ts

@@ -1,4 +1,6 @@
-export declare const box: import("@vanilla-extract/recipes").RuntimeFn<{
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const box: _vanilla_extract_recipes.RuntimeFn<{
     flex: {
         true: {
             display: "flex";
@@ -10,4 +12,5 @@ export declare const box: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=Box.css.d.ts.map
+
+export { box };

package/dist/components/Box/Box.css.js

@@ -1,16 +1,20 @@
-import { recipeWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-export const box = recipeWithLayer({
-    variants: {
-        flex: {
-            true: {
-                display: 'flex',
-            },
-        },
-        rounded: {
-            true: {
-                borderRadius: theme.borderRadius,
-            },
-        },
+import { recipeWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const box = recipeWithLayer({
+  variants: {
+    flex: {
+      true: {
+        display: "flex"
+      }
     },
+    rounded: {
+      true: {
+        borderRadius: theme.borderRadius
+      }
+    }
+  }
 });
+export {
+  box
+};
+//# sourceMappingURL=Box.css.js.map

package/dist/components/Box/Box.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/Box.css.ts"],"sourcesContent":["import { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const box = recipeWithLayer({\n  variants: {\n    flex: {\n      true: {\n        display: 'flex',\n      },\n    },\n\n    rounded: {\n      true: {\n        borderRadius: theme.borderRadius,\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,MAAM,gBAAgB;AAAA,EACjC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,cAAc,MAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Box/Box.spec.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/Box.spec.tsx"],"names":[],"mappings":"AAAA,kCAAoB;AACpB,4CAAuB;AAEvB,QAAA,CAAS,8BAAA,EAAY,CAAA,EAAA,GAAM;AACzB,EAAA,4BAAA,KAAO,EAAK,KAAK,CAAA;AACnB,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Box/Box.spec.cjs","sourcesContent":["import { Box } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Box 컴포넌트', () => {\n  uiTest(Box, 'Box');\n});\n"]}

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

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

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

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

package/dist/components/Box/Box.spec.js

@@ -1,5 +1,6 @@
-import { Box } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Box 컴포넌트', () => {
-    uiTest(Box, 'Box');
+import { Box } from ".";
+import { uiTest } from "../../tests/uiTest";
+describe("Box \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  uiTest(Box, "Box");
 });
+//# sourceMappingURL=Box.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/Box.spec.tsx"],"sourcesContent":["import { Box } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Box 컴포넌트', () => {\n  uiTest(Box, 'Box');\n});\n"],"mappings":"AAAA,SAAS,WAAW;AACpB,SAAS,cAAc;AAEvB,SAAS,gCAAY,MAAM;AACzB,SAAO,KAAK,KAAK;AACnB,CAAC;","names":[]}

package/dist/components/Box/index.cjs

@@ -0,0 +1,36 @@
+"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 _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _clsx = require('clsx');
+var _styles = require('#styles');
+var _utils = require('#utils');
+var _Boxcss = require('./Box.css'); var s = _interopRequireWildcard(_Boxcss);
+const Box = _react.forwardRef.call(void 0, 
+  ({
+    children,
+    flex = false,
+    rounded = false,
+    className,
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _clsx.clsx.call(void 0, 
+          className,
+          s.box({ flex, rounded }),
+          _styles.sx.call(void 0, propSx),
+          _styles.sprinkles.call(void 0, _utils.filterSprinkles.call(void 0, props))
+        ),
+        ..._utils.omitSprinkles.call(void 0, props),
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+
+exports.Box = Box;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/index.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Box/index.cjs"],"names":[],"mappings":"AAyBM,0YAAA;AAzBN,8BAA2B;AAE3B,4BAAqB;AAErB,iCAAmD;AAEnD,+BAA+C;AAE/C,6EAAmB;AAIZ,MAAM,IAAA,EAAM,+BAAA;AAAA,EACjB,CACE;AAAA,IACE,QAAA;AAAA,IACA,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,KAAA;AAAA,IACV,SAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,wBAAA;AAAA,UACT,SAAA;AAAA,UACA,CAAA,CAAE,GAAA,CAAI,EAAE,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,UACvB,wBAAA,MAAS,CAAA;AAAA,UACT,+BAAA,oCAAU,KAAqB,CAAC;AAAA,QAClC,CAAA;AAAA,QACC,GAAG,kCAAA,KAAmB,CAAA;AAAA,QAEtB;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,GAAA,CAAI,YAAA,EAAc,KAAA;ACRlB;AACE;AACF,kBAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Box/index.cjs","sourcesContent":["import { forwardRef } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sprinkles, sx, type SprinklesProps } from '#styles';\nimport type { UIComponent } from '#types';\nimport { filterSprinkles, omitSprinkles } from '#utils';\n\nimport * as s from './Box.css';\n\ntype BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;\n\nexport const Box = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      flex = false,\n      rounded = false,\n      className,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          className,\n          s.box({ flex, rounded }),\n          sx(propSx),\n          sprinkles(filterSprinkles(props)),\n        )}\n        {...omitSprinkles(props)}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nBox.displayName = 'Box';\n",null]}

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

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

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

@@ -1,7 +1,11 @@
-import { type SprinklesProps } from '#styles';
-import type { UIComponent } from '#types';
-import * as s from './Box.css';
-type BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;
-export declare const Box: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=index.d.ts.map
+import * as react from 'react';
+import { SprinklesProps } from '../../styles/sprinkles.css.js';
+import { UIComponent } from '../../types/ui.types.js';
+import { box } from './Box.css.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+
+type BoxProps = UIComponent<'div', typeof box> & SprinklesProps;
+declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Box };

package/dist/components/Box/index.js

@@ -1,10 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { sprinkles, sx } from '#styles';
-import { filterSprinkles, omitSprinkles } from '#utils';
-import * as s from './Box.css';
-export const Box = forwardRef(({ children, flex = false, rounded = false, className, sx: propSx, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: clsx(className, s.box({ flex, rounded }), sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
-});
-Box.displayName = 'Box';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "clsx";
+import { sprinkles, sx } from "#styles";
+import { filterSprinkles, omitSprinkles } from "#utils";
+import * as s from "./Box.css";
+const Box = forwardRef(
+  ({
+    children,
+    flex = false,
+    rounded = false,
+    className,
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(
+          className,
+          s.box({ flex, rounded }),
+          sx(propSx),
+          sprinkles(filterSprinkles(props))
+        ),
+        ...omitSprinkles(props),
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+export {
+  Box
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sprinkles, sx, type SprinklesProps } from '#styles';\nimport type { UIComponent } from '#types';\nimport { filterSprinkles, omitSprinkles } from '#utils';\n\nimport * as s from './Box.css';\n\ntype BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;\n\nexport const Box = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      flex = false,\n      rounded = false,\n      className,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          className,\n          s.box({ flex, rounded }),\n          sx(propSx),\n          sprinkles(filterSprinkles(props)),\n        )}\n        {...omitSprinkles(props)}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nBox.displayName = 'Box';\n"],"mappings":"AAyBM;AAzBN,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAErB,SAAS,WAAW,UAA+B;AAEnD,SAAS,iBAAiB,qBAAqB;AAE/C,YAAY,OAAO;AAIZ,MAAM,MAAM;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAAA,UACvB,GAAG,MAAM;AAAA,UACT,UAAU,gBAAgB,KAAK,CAAC;AAAA,QAClC;AAAA,QACC,GAAG,cAAc,KAAK;AAAA,QAEtB;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;","names":[]}