@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/components/Chip/Chip.css.mjs

@@ -1,66 +0,0 @@
-import { createVar } from "@vanilla-extract/css";
-import { recipeWithLayer, styleWithLayer } from "#styleUtils";
-import { theme } from "#themes";
-import { semanticColor } from "#tokens";
-import { SCALE_COLOR } from "../../tokens/scale/color";
-const backgroundVar = createVar();
-const foregroundVar = createVar();
-const semanticColors = semanticColor.reduce(
-  (prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-      vars: {
-        [backgroundVar]: theme.color[color],
-        [foregroundVar]: theme.color[`${color}-foreground`]
-      }
-    })
-  }),
-  {}
-);
-const scaleColors = SCALE_COLOR.reduce(
-  (prev, value) => ({
-    ...prev,
-    [value]: styleWithLayer({
-      vars: {
-        [backgroundVar]: theme.color[value][500],
-        [foregroundVar]: theme.color[value][50]
-      }
-    })
-  }),
-  {}
-);
-const chip = recipeWithLayer({
-  base: {
-    display: "inline-flex",
-    alignItems: "center",
-    lineHeight: "0",
-    gap: "0.125em",
-    height: "2em",
-    padding: "0 0.75em",
-    borderRadius: theme.borderRadius,
-    backgroundColor: `rgb(${backgroundVar})`,
-    color: `rgb(${foregroundVar})`,
-    userSelect: "none"
-  },
-  variants: {
-    color: {
-      ...semanticColors,
-      ...scaleColors
-    },
-    size: {
-      sm: {
-        fontSize: "0.75em"
-      },
-      md: {
-        fontSize: "0.875em"
-      },
-      lg: {
-        fontSize: "1em"
-      }
-    }
-  }
-});
-export {
-  chip
-};
-//# sourceMappingURL=Chip.css.mjs.map

package/dist/components/Chip/Chip.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chip/Chip.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\n\nimport { recipeWithLayer, styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { semanticColor } from '#tokens';\n\nimport { SCALE_COLOR, type ScaleColor } from '../../tokens/scale/color';\n\nconst backgroundVar = createVar();\nconst foregroundVar = createVar();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[color],\n        [foregroundVar]: theme.color[`${color}-foreground`],\n      },\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst scaleColors = SCALE_COLOR.reduce(\n  (prev, value) => ({\n    ...prev,\n    [value]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[value][500],\n        [foregroundVar]: theme.color[value][50],\n      },\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const chip = recipeWithLayer({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    lineHeight: '0',\n    gap: '0.125em',\n\n    height: '2em',\n    padding: '0 0.75em',\n    borderRadius: theme.borderRadius,\n\n    backgroundColor: `rgb(${backgroundVar})`,\n    color: `rgb(${foregroundVar})`,\n\n    userSelect: 'none',\n  },\n\n  variants: {\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n\n    size: {\n      sm: {\n        fontSize: '0.75em',\n      },\n\n      md: {\n        fontSize: '0.875em',\n      },\n\n      lg: {\n        fontSize: '1em',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAE9B,SAAS,mBAAoC;AAE7C,MAAM,gBAAgB,UAAU;AAChC,MAAM,gBAAgB,UAAU;AAEhC,MAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK;AAAA,QAClC,CAAC,aAAa,GAAG,MAAM,MAAM,GAAG,KAAK,aAAa;AAAA,MACpD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEA,MAAM,cAAc,YAAY;AAAA,EAC9B,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK,EAAE,GAAG;AAAA,QACvC,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK,EAAE,EAAE;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEO,MAAM,OAAO,gBAAgB;AAAA,EAClC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,KAAK;AAAA,IAEL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,cAAc,MAAM;AAAA,IAEpB,iBAAiB,OAAO,aAAa;AAAA,IACrC,OAAO,OAAO,aAAa;AAAA,IAE3B,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IAEA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,MAEA,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,MAEA,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Chip/Chip.mjs

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles";
-import * as s from "./Chip.css";
-const Chip = forwardRef(
-  ({
-    children,
-    className,
-    color = "primary",
-    size = "md",
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: clsx(s.chip({ color, size }), className, sx(propSx)),
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { children })
-      }
-    );
-  }
-);
-Chip.displayName = "Chip";
-export {
-  Chip,
-  s as chipCss
-};
-//# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './Chip.css';\n\ntype ChipProps = UIComponent<'div', typeof s.chip>;\n\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      children,\n      className,\n      color = 'primary',\n      size = 'md',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.chip({ color, size }), className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n      </div>\n    );\n  },\n);\nChip.displayName = 'Chip';\n\nexport { s as chipCss };\n"],"mappings":"AA6BQ;AA7BR,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,KAAK,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC7D,GAAG;AAAA,QAEJ,8BAAC,UAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;","names":[]}

package/dist/components/Chip/Chip.spec.mjs

@@ -1,6 +0,0 @@
-import { uiTest } from "../../tests/uiTest";
-import { Chip } from "./Chip";
-describe("Chip \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  uiTest(Chip, "Chip");
-});
-//# sourceMappingURL=Chip.spec.mjs.map

package/dist/components/Chip/Chip.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chip/Chip.spec.tsx"],"sourcesContent":["import { uiTest } from '../../tests/uiTest';\nimport { Chip } from './Chip';\n\ndescribe('Chip 컴포넌트', () => {\n  uiTest(Chip, 'Chip');\n});\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,iCAAa,MAAM;AAC1B,SAAO,MAAM,MAAM;AACrB,CAAC;","names":[]}

package/dist/components/Chip/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Chip";
-//# sourceMappingURL=index.mjs.map

package/dist/components/Chip/index.mjs.map

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

package/dist/components/Confirm/index.mjs

@@ -1,28 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useImperativeHandle } from "react";
-import { useOverlay, usePreventKeyboardInput } from "@kimdw-rtk/utils";
-import { Box, Button, Dialog, DialogContent, DialogFooter } from "#components";
-const Confirm = ({
-  children,
-  ref,
-  onConfirm,
-  onCancle
-}) => {
-  const { close } = useOverlay();
-  usePreventKeyboardInput();
-  useImperativeHandle(ref, () => ({
-    close
-  }));
-  return /* @__PURE__ */ jsxs(Dialog, { children: [
-    /* @__PURE__ */ jsx(DialogContent, { children }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs(Box, { flex: true, gap: "md", children: [
-      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onConfirm, children: "\uD655\uC778" }),
-      /* @__PURE__ */ jsx(Button, { color: "secondary", size: "sm", onClick: onCancle, children: "\uCDE8\uC18C" })
-    ] }) })
-  ] });
-};
-export {
-  Confirm
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Confirm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Confirm/index.tsx"],"sourcesContent":["'use client';\n\nimport { useImperativeHandle, type ReactNode, type Ref } from 'react';\n\nimport { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';\n\nimport { Box, Button, Dialog, DialogContent, DialogFooter } from '#components';\n\ninterface ConfirmProps {\n  children: ReactNode;\n  ref?: Ref<{ close: () => void }>;\n  onConfirm: () => void;\n  onCancle: () => void;\n}\n\nexport const Confirm = ({\n  children,\n  ref,\n  onConfirm,\n  onCancle,\n}: ConfirmProps) => {\n  const { close } = useOverlay();\n  usePreventKeyboardInput();\n\n  useImperativeHandle(ref, () => ({\n    close,\n  }));\n\n  return (\n    <Dialog>\n      <DialogContent>{children}</DialogContent>\n      <DialogFooter>\n        <Box flex gap=\"md\">\n          <Button size=\"sm\" onClick={onConfirm}>\n            확인\n          </Button>\n          <Button color=\"secondary\" size=\"sm\" onClick={onCancle}>\n            취소\n          </Button>\n        </Box>\n      </DialogFooter>\n    </Dialog>\n  );\n};\n"],"mappings":";AA8BM,cAEE,YAFF;AA5BN,SAAS,2BAAqD;AAE9D,SAAS,YAAY,+BAA+B;AAEpD,SAAS,KAAK,QAAQ,QAAQ,eAAe,oBAAoB;AAS1D,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,EAAE,MAAM,IAAI,WAAW;AAC7B,0BAAwB;AAExB,sBAAoB,KAAK,OAAO;AAAA,IAC9B;AAAA,EACF,EAAE;AAEF,SACE,qBAAC,UACC;AAAA,wBAAC,iBAAe,UAAS;AAAA,IACzB,oBAAC,gBACC,+BAAC,OAAI,MAAI,MAAC,KAAI,MACZ;AAAA,0BAAC,UAAO,MAAK,MAAK,SAAS,WAAW,0BAEtC;AAAA,MACA,oBAAC,UAAO,OAAM,aAAY,MAAK,MAAK,SAAS,UAAU,0BAEvD;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Dialog/Dialog.css.mjs

@@ -1,24 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { theme } from "#themes";
-const container = style({
-  display: "flex",
-  flexDirection: "column",
-  gap: "1rem",
-  overflowY: "auto",
-  maxWidth: "calc(100vw - 2rem)",
-  minWidth: "min(20rem, calc(100vw - 2rem))",
-  maxHeight: "calc(100vh - 2rem)",
-  borderRadius: theme.borderRadius,
-  boxSizing: "border-box",
-  backgroundColor: `rgb(${theme.color.background})`
-});
-const message = style({
-  marginBottom: "1rem",
-  lineHeight: "150%",
-  wordBreak: "break-all"
-});
-export {
-  container,
-  message
-};
-//# sourceMappingURL=Dialog.css.mjs.map

package/dist/components/Dialog/Dialog.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Dialog/Dialog.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { theme } from '#themes';\n\nexport const container = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1rem',\n  overflowY: 'auto',\n\n  maxWidth: 'calc(100vw - 2rem)',\n  minWidth: 'min(20rem, calc(100vw - 2rem))',\n  maxHeight: 'calc(100vh - 2rem)',\n  borderRadius: theme.borderRadius,\n  boxSizing: 'border-box',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n\nexport const message = style({\n  marginBottom: '1rem',\n\n  lineHeight: '150%',\n  wordBreak: 'break-all',\n});\n"],"mappings":"AAAA,SAAS,aAAa;AAEtB,SAAS,aAAa;AAEf,MAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK;AAAA,EACL,WAAW;AAAA,EAEX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc,MAAM;AAAA,EACpB,WAAW;AAAA,EAEX,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,cAAc;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;","names":[]}

package/dist/components/Dialog/Dialog.mjs

@@ -1,28 +0,0 @@
-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 "./Dialog.css";
-const Dialog = forwardRef(
-  ({ children, className, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        flex: true,
-        flexDirection: "row",
-        gap: "lg",
-        boxShadow: "border-sm",
-        className: clsx(s.container, className, sx(propSx)),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Dialog.displayName = "Dialog";
-export {
-  Dialog
-};
-//# sourceMappingURL=Dialog.mjs.map

package/dist/components/Dialog/Dialog.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Dialog/Dialog.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 './Dialog.css';\n\ntype DialogProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        flexDirection=\"row\"\n        gap=\"lg\"\n        boxShadow=\"border-sm\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialog.displayName = 'Dialog';\n"],"mappings":"AAeM;AAfN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,eAAc;AAAA,QACd,KAAI;AAAA,QACJ,WAAU;AAAA,QACV,WAAW,KAAK,EAAE,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

package/dist/components/Dialog/Dialog.spec.mjs

@@ -1,22 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.css.mjs

@@ -1,16 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,24 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.css.mjs

@@ -1,20 +0,0 @@
-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"
-});
-const message = styleWithLayer({
-  marginBottom: "1rem",
-  lineHeight: "150%",
-  wordBreak: "break-all"
-});
-export {
-  container,
-  message
-};
-//# sourceMappingURL=DialogFooter.css.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,25 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.css.mjs

@@ -1,28 +0,0 @@
-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})`
-});
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,33 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

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

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,18 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.css.mjs

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

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,16 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles";
-import * as s from "./NavigationAside.css";
-const NavigationAside = forwardRef(
-  ({ children, className, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("aside", { ref, className: clsx(className, sx(propSx)), ...props, children: /* @__PURE__ */ jsx("div", { className: s.wide, children }) });
-  }
-);
-NavigationAside.displayName = "NavigationAside";
-export {
-  NavigationAside
-};
-//# sourceMappingURL=NavigationAside.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.tsx"],"sourcesContent":["'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"],"mappings":";AAiBQ;AAfR,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE,oBAAC,WAAM,KAAU,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAC3D,8BAAC,SAAI,WAAW,EAAE,MAAO,UAAS,GACpC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/Navigation/NavigationBar.css.mjs

@@ -1,37 +0,0 @@
-import { createContainer } from "@vanilla-extract/css";
-import { recipeWithLayer } from "#styleUtils";
-import { theme } from "#themes";
-const navigationBarContainer = createContainer();
-const navigationBar = recipeWithLayer({
-  base: {
-    zIndex: "20",
-    position: "sticky",
-    top: "0",
-    width: "100%",
-    borderBottom: `1px solid rgb(${theme.color["border.weak"]})`,
-    backgroundColor: `rgba(${theme.color.background}, 0.75)`,
-    backdropFilter: "blur(2rem) saturate(150%)",
-    color: `rgb(${theme.color.border})`,
-    transition: "border-bottom-color 0.2s ease",
-    containerType: "inline-size",
-    containerName: navigationBarContainer
-  },
-  variants: {
-    size: {
-      sm: {
-        height: "4em"
-      },
-      md: {
-        height: "5em"
-      },
-      lg: {
-        height: "6em"
-      }
-    }
-  }
-});
-export {
-  navigationBar,
-  navigationBarContainer
-};
-//# sourceMappingURL=NavigationBar.css.mjs.map

package/dist/components/Navigation/NavigationBar.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationBar.css.ts"],"sourcesContent":["import { createContainer } from '@vanilla-extract/css';\n\nimport { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const navigationBarContainer = createContainer();\n\nexport const navigationBar = recipeWithLayer({\n  base: {\n    zIndex: '20',\n    position: 'sticky',\n    top: '0',\n\n    width: '100%',\n    borderBottom: `1px solid rgb(${theme.color['border.weak']})`,\n\n    backgroundColor: `rgba(${theme.color.background}, 0.75)`,\n    backdropFilter: 'blur(2rem) saturate(150%)',\n\n    color: `rgb(${theme.color.border})`,\n\n    transition: 'border-bottom-color 0.2s ease',\n\n    containerType: 'inline-size',\n    containerName: navigationBarContainer,\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '4em',\n      },\n\n      md: {\n        height: '5em',\n      },\n\n      lg: {\n        height: '6em',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,gBAAgB;AAE/C,MAAM,gBAAgB,gBAAgB;AAAA,EAC3C,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,KAAK;AAAA,IAEL,OAAO;AAAA,IACP,cAAc,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,IAEzD,iBAAiB,QAAQ,MAAM,MAAM,UAAU;AAAA,IAC/C,gBAAgB;AAAA,IAEhB,OAAO,OAAO,MAAM,MAAM,MAAM;AAAA,IAEhC,YAAY;AAAA,IAEZ,eAAe;AAAA,IACf,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Navigation/NavigationBar.mjs

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles";
-import * as s from "./NavigationBar.css";
-const NavigationBar = forwardRef(
-  ({ className, size = "md", sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "nav",
-      {
-        ref,
-        className: clsx(s.navigationBar({ size }), className, sx(propSx)),
-        ...props
-      }
-    );
-  }
-);
-NavigationBar.displayName = "NavigationBar";
-export {
-  NavigationBar,
-  s as navigationBarCss
-};
-//# sourceMappingURL=NavigationBar.mjs.map

package/dist/components/Navigation/NavigationBar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationBar.css';\n\ntype NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;\n\nexport const NavigationBar = forwardRef<HTMLElement, NavigationBarProps>(\n  ({ className, size = 'md', sx: propSx, ...props }, ref) => {\n    return (\n      <nav\n        ref={ref}\n        className={clsx(s.navigationBar({ size }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationBar.displayName = 'NavigationBar';\n\nexport { s as navigationBarCss };\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,MAAM,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC/D,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/components/Navigation/NavigationContainer.css.mjs

@@ -1,13 +0,0 @@
-import { style } from "@vanilla-extract/css";
-const container = style({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "0.5em",
-  height: "100%",
-  margin: "0 auto"
-});
-export {
-  container
-};
-//# sourceMappingURL=NavigationContainer.css.mjs.map

package/dist/components/Navigation/NavigationContainer.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationContainer.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '0.5em',\n\n  height: '100%',\n  margin: '0 auto',\n});\n"],"mappings":"AAAA,SAAS,aAAa;AAEf,MAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EAEL,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;","names":[]}