@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/chunk-KKIH6GWN.mjs

@@ -0,0 +1,40 @@
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Tabs/TabsTrigger.css.ts
+var container = recipeWithLayer({
+  base: {
+    overflow: "hidden",
+    height: "100%",
+    padding: "0 0.75em",
+    border: "0",
+    borderBottom: `0.125rem solid`,
+    backgroundColor: "transparent",
+    fontSize: "1em",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    transition: "border-bottom-color 0.15s ease, color 0.15s ease",
+    cursor: "pointer"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        borderBottomColor: `rgb(${theme.color.foreground})`,
+        color: `rgb(${theme.color.foreground})`
+      },
+      false: {
+        borderBottomColor: "transparent",
+        color: `rgb(${theme.color["muted-foreground"]})`
+      }
+    }
+  }
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-KKIH6GWN.mjs.map

package/dist/chunk-KKIH6GWN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsTrigger.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nexport const container = recipeWithLayer({\n  base: {\n    overflow: 'hidden',\n\n    height: '100%',\n    padding: '0 0.75em',\n    border: '0',\n    borderBottom: `0.125rem solid`,\n\n    backgroundColor: 'transparent',\n\n    fontSize: '1em',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n\n    transition: 'border-bottom-color 0.15s ease, color 0.15s ease',\n\n    cursor: 'pointer',\n  },\n\n  variants: {\n    isSelected: {\n      true: {\n        borderBottomColor: `rgb(${theme.color.foreground})`,\n\n        color: `rgb(${theme.color.foreground})`,\n      },\n      false: {\n        borderBottomColor: 'transparent',\n\n        color: `rgb(${theme.color['muted-foreground']})`,\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;AAGO,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IAEd,iBAAiB;AAAA,IAEjB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IAEZ,YAAY;AAAA,IAEZ,QAAQ;AAAA,EACV;AAAA,EAEA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,mBAAmB,OAAO,MAAM,MAAM,UAAU;AAAA,QAEhD,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,MACtC;AAAA,MACA,OAAO;AAAA,QACL,mBAAmB;AAAA,QAEnB,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-LB2ZL6PH.mjs

@@ -0,0 +1,55 @@
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  createContainer
+} from "./chunk-VSQF5NYH.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Navigation/NavigationBar.css.ts
+var NavigationBar_css_exports = {};
+__export(NavigationBar_css_exports, {
+  navigationBar: () => navigationBar,
+  navigationBarContainer: () => navigationBarContainer
+});
+var navigationBarContainer = createContainer();
+var 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 {
+  navigationBarContainer,
+  navigationBar,
+  NavigationBar_css_exports
+};
+//# sourceMappingURL=chunk-LB2ZL6PH.mjs.map

package/dist/chunk-LB2ZL6PH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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;AAAA;AAAA;AAAA;AAAA;AAKO,IAAM,yBAAyB,gBAAgB;AAE/C,IAAM,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/chunk-MBHPGYUE.mjs

@@ -0,0 +1,37 @@
+import {
+  semanticColor
+} from "./chunk-XOG2JHIV.mjs";
+import {
+  lightColor
+} from "./chunk-GAJYOAMV.mjs";
+import {
+  createThemeContract
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/themes/theme.css.ts
+var semanticColors = semanticColor.reduce(
+  (prev, current) => ({
+    ...prev,
+    [current]: null,
+    [`${current}-foreground`]: null
+  }),
+  {}
+);
+var theme = createThemeContract({
+  borderRadius: null,
+  color: {
+    background: null,
+    foreground: null,
+    border: null,
+    "border.weak": null,
+    "card.gradient": null,
+    shadow: null,
+    ...semanticColors,
+    ...lightColor
+  }
+});
+
+export {
+  theme
+};
+//# sourceMappingURL=chunk-MBHPGYUE.mjs.map

package/dist/chunk-MBHPGYUE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/themes/theme.css.ts"],
+  "sourcesContent": ["import { createThemeContract } from '@vanilla-extract/css';\n\nimport { semanticColor } from '@/tokens';\n\nimport { lightColor } from '../tokens/scale/color';\n\nconst semanticColors = semanticColor.reduce(\n  (prev, current) => ({\n    ...prev,\n    [current]: null,\n    [`${current}-foreground`]: null,\n  }),\n  {},\n) as Record<\n  | (typeof semanticColor)[number]\n  | `${(typeof semanticColor)[number]}-foreground`,\n  null\n>;\n\nexport const theme = createThemeContract({\n  borderRadius: null,\n  color: {\n    background: null,\n    foreground: null,\n    border: null,\n    'border.weak': null,\n    'card.gradient': null,\n    shadow: null,\n    ...semanticColors,\n    ...lightColor,\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;AAMA,IAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,aAAa;AAAA,IAClB,GAAG;AAAA,IACH,CAAC,OAAO,GAAG;AAAA,IACX,CAAC,GAAG,OAAO,aAAa,GAAG;AAAA,EAC7B;AAAA,EACA,CAAC;AACH;AAMO,IAAM,QAAQ,oBAAoB;AAAA,EACvC,cAAc;AAAA,EACd,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-MBU4ZZMW.mjs

@@ -0,0 +1,41 @@
+import {
+  container
+} from "./chunk-EZPSJANN.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Tabs/TabsList.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TabsList = (0, import_react.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(className, container, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsList.displayName = "TabsList";
+
+export {
+  TabsList
+};
+//# sourceMappingURL=chunk-MBU4ZZMW.mjs.map

package/dist/chunk-MBU4ZZMW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsList.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 './TabsList.css';\n\ntype TabsListProps = UIComponent<'div'>;\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(className, s.container, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,eAAW;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAK,WAAa,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;",
+  "names": []
+}

package/dist/chunk-MKBJ3TVL.mjs

@@ -0,0 +1,80 @@
+import {
+  useMouseScroll
+} from "./chunk-R7R3E7TW.mjs";
+import {
+  useCombinedRefs
+} from "./chunk-JL5TLDT5.mjs";
+import {
+  maskBoth,
+  maskLeft,
+  maskRight,
+  scrollArea,
+  wrapper
+} from "./chunk-7E5FVWTQ.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/ScrollArea/ScrollArea.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var ScrollArea = (0, import_react.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    const scrollAreaRef = (0, import_react.useRef)(null);
+    const targetRef = useCombinedRefs(ref, scrollAreaRef);
+    const [hasLeftSpace, setHasLeftSpace] = (0, import_react.useState)(false);
+    const [hasRightSpace, setHasRightSpace] = (0, import_react.useState)(true);
+    useMouseScroll(scrollAreaRef);
+    (0, import_react.useEffect)(() => {
+      const element = scrollAreaRef.current;
+      if (element === null) {
+        return;
+      }
+      const handleScroll = () => {
+        setHasLeftSpace(element.scrollLeft !== 0);
+        setHasRightSpace(
+          Math.round(element.scrollLeft + element.clientWidth) < element.scrollWidth
+        );
+      };
+      handleScroll();
+      element.addEventListener("scroll", handleScroll);
+      return () => {
+        element.removeEventListener("scroll", handleScroll);
+      };
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: targetRef,
+        className: clsx_default(
+          scrollArea,
+          className,
+          sx(propSx),
+          hasLeftSpace && hasRightSpace && maskBoth,
+          hasLeftSpace && maskLeft,
+          hasRightSpace && maskRight
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: wrapper, children })
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+export {
+  ScrollArea
+};
+//# sourceMappingURL=chunk-MKBJ3TVL.mjs.map

package/dist/chunk-MKBJ3TVL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/ScrollArea/ScrollArea.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useCombinedRefs } from '@kimdw-rtk/utils';\nimport clsx from 'clsx';\n\nimport { useMouseScroll } from '@/hooks/useMouseScroll';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './ScrollArea.css';\n\ntype ScrollAreaProps = UIComponent<'div'>;\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    const scrollAreaRef = useRef<HTMLDivElement>(null);\n    const targetRef = useCombinedRefs(ref, scrollAreaRef);\n    const [hasLeftSpace, setHasLeftSpace] = useState<boolean>(false);\n    const [hasRightSpace, setHasRightSpace] = useState<boolean>(true);\n    useMouseScroll(scrollAreaRef);\n\n    useEffect(() => {\n      const element = scrollAreaRef.current;\n\n      if (element === null) {\n        return;\n      }\n\n      const handleScroll = () => {\n        setHasLeftSpace(element.scrollLeft !== 0);\n        setHasRightSpace(\n          Math.round(element.scrollLeft + element.clientWidth) <\n            element.scrollWidth,\n        );\n      };\n\n      handleScroll();\n\n      element.addEventListener('scroll', handleScroll);\n\n      return () => {\n        element.removeEventListener('scroll', handleScroll);\n      };\n    }, []);\n\n    return (\n      <div\n        ref={targetRef}\n        className={clsx(\n          s.scrollArea,\n          className,\n          sx(propSx),\n          hasLeftSpace && hasRightSpace && s.maskBoth,\n          hasLeftSpace && s.maskLeft,\n          hasRightSpace && s.maskRight,\n        )}\n        {...props}\n      >\n        <div className={s.wrapper}>{children}</div>\n      </div>\n    );\n  },\n);\nScrollArea.displayName = 'ScrollArea';\n\nexport { s as scrollAreaCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,mBAAwD;AA0DhD;AA7CD,IAAM,iBAAa;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,UAAM,oBAAgB,qBAAuB,IAAI;AACjD,UAAM,YAAY,gBAAgB,KAAK,aAAa;AACpD,UAAM,CAAC,cAAc,eAAe,QAAI,uBAAkB,KAAK;AAC/D,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAkB,IAAI;AAChE,mBAAe,aAAa;AAE5B,gCAAU,MAAM;AACd,YAAM,UAAU,cAAc;AAE9B,UAAI,YAAY,MAAM;AACpB;AAAA,MACF;AAEA,YAAM,eAAe,MAAM;AACzB,wBAAgB,QAAQ,eAAe,CAAC;AACxC;AAAA,UACE,KAAK,MAAM,QAAQ,aAAa,QAAQ,WAAW,IACjD,QAAQ;AAAA,QACZ;AAAA,MACF;AAEA,mBAAa;AAEb,cAAQ,iBAAiB,UAAU,YAAY;AAE/C,aAAO,MAAM;AACX,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,MACpD;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACP;AAAA,UACF;AAAA,UACA,GAAG,MAAM;AAAA,UACT,gBAAgB,iBAAmB;AAAA,UACnC,gBAAkB;AAAA,UAClB,iBAAmB;AAAA,QACrB;AAAA,QACC,GAAG;AAAA,QAEJ,sDAAC,SAAI,WAAa,SAAU,UAAS;AAAA;AAAA,IACvC;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;",
+  "names": []
+}

package/dist/chunk-MRRMOBIN.mjs

@@ -0,0 +1,40 @@
+import {
+  darkThemeVars
+} from "./chunk-BT3VUZN5.mjs";
+import {
+  lightThemeVars
+} from "./chunk-5KF5EDYA.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  assignVars,
+  globalStyle
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/styles/globalStyle.css.ts
+globalStyle("*", {
+  boxSizing: "border-box",
+  overscrollBehavior: "none",
+  WebkitTapHighlightColor: "transparent"
+});
+globalStyle(".light", {
+  vars: assignVars(theme, lightThemeVars)
+});
+globalStyle(".dark", {
+  vars: assignVars(theme, darkThemeVars)
+});
+globalStyle("body", {
+  margin: "0",
+  backgroundColor: `rgb(${theme.color.background})`,
+  lineHeight: "1",
+  color: `rgb(${theme.color.foreground})`
+});
+globalStyle("a", {
+  textDecoration: "none",
+  color: "inherit"
+});
+globalStyle("svg", {
+  lineHeight: "0"
+});
+//# sourceMappingURL=chunk-MRRMOBIN.mjs.map

package/dist/chunk-MRRMOBIN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/styles/globalStyle.css.ts"],
+  "sourcesContent": ["import { assignVars, globalStyle } from '@vanilla-extract/css';\n\nimport { darkThemeVars, lightThemeVars, theme } from '@/themes';\n\nglobalStyle('*', {\n  boxSizing: 'border-box',\n\n  overscrollBehavior: 'none',\n  WebkitTapHighlightColor: 'transparent',\n});\n\nglobalStyle('.light', {\n  vars: assignVars(theme, lightThemeVars),\n});\n\nglobalStyle('.dark', {\n  vars: assignVars(theme, darkThemeVars),\n});\n\nglobalStyle('body', {\n  margin: '0',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n\n  lineHeight: '1',\n  color: `rgb(${theme.color.foreground})`,\n});\n\nglobalStyle('a', {\n  textDecoration: 'none',\n  color: 'inherit',\n});\n\nglobalStyle('svg', {\n  lineHeight: '0',\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAIA,YAAY,KAAK;AAAA,EACf,WAAW;AAAA,EAEX,oBAAoB;AAAA,EACpB,yBAAyB;AAC3B,CAAC;AAED,YAAY,UAAU;AAAA,EACpB,MAAM,WAAW,OAAO,cAAc;AACxC,CAAC;AAED,YAAY,SAAS;AAAA,EACnB,MAAM,WAAW,OAAO,aAAa;AACvC,CAAC;AAED,YAAY,QAAQ;AAAA,EAClB,QAAQ;AAAA,EAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,EAE9C,YAAY;AAAA,EACZ,OAAO,OAAO,MAAM,MAAM,UAAU;AACtC,CAAC;AAED,YAAY,KAAK;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO;AACT,CAAC;AAED,YAAY,OAAO;AAAA,EACjB,YAAY;AACd,CAAC;",
+  "names": []
+}

package/dist/chunk-MUTUVSBC.mjs

@@ -0,0 +1,33 @@
+import {
+  wide
+} from "./chunk-HH5ONOZI.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Navigation/NavigationAside.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationAside = (0, import_react.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", { ref, className: clsx_default(className, sx(propSx)), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: wide, children }) });
+  }
+);
+NavigationAside.displayName = "NavigationAside";
+
+export {
+  NavigationAside
+};
+//# sourceMappingURL=chunk-MUTUVSBC.mjs.map

package/dist/chunk-MUTUVSBC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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": ";;;;;;;;;;;;;;;;;;;;AAEA,mBAA2B;AAenB;AAJD,IAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE,4CAAC,WAAM,KAAU,WAAW,aAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAC3D,sDAAC,SAAI,WAAa,MAAO,UAAS,GACpC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;",
+  "names": []
+}

package/dist/chunk-MW2QFW2T.mjs

@@ -0,0 +1,32 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  keyframes
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/components/Skeleton/Skeleton.css.ts
+var shimmer = keyframes({
+  "0%": {
+    backgroundPosition: "-300% 0"
+  },
+  "100%": {
+    backgroundPosition: "300% 0"
+  }
+});
+var skeleton = styleWithLayer({
+  display: "block",
+  maxWidth: "100%",
+  borderRadius: theme.borderRadius,
+  background: `linear-gradient(90deg, rgba(${theme.color.accent}, 0.4) 30%, rgba(${theme.color.accent}, 0.2) 65%, rgba(${theme.color.accent}, 0.4))`,
+  backgroundSize: "300% 100%",
+  animation: `${shimmer} 5s linear 0s infinite`
+});
+
+export {
+  skeleton
+};
+//# sourceMappingURL=chunk-MW2QFW2T.mjs.map

package/dist/chunk-MW2QFW2T.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Skeleton/Skeleton.css.ts"],
+  "sourcesContent": ["import { keyframes } from '@vanilla-extract/css';\n\nimport { styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nconst shimmer = keyframes({\n  '0%': {\n    backgroundPosition: '-300% 0',\n  },\n\n  '100%': {\n    backgroundPosition: '300% 0',\n  },\n});\n\nexport const skeleton = styleWithLayer({\n  display: 'block',\n\n  maxWidth: '100%',\n  borderRadius: theme.borderRadius,\n\n  background: `linear-gradient(90deg, rgba(${theme.color.accent}, 0.4) 30%, rgba(${theme.color.accent}, 0.2) 65%, rgba(${theme.color.accent}, 0.4))`,\n  backgroundSize: '300% 100%',\n\n  animation: `${shimmer} 5s linear 0s infinite`,\n});\n"],
+  "mappings": ";;;;;;;;;;;AAKA,IAAM,UAAU,UAAU;AAAA,EACxB,MAAM;AAAA,IACJ,oBAAoB;AAAA,EACtB;AAAA,EAEA,QAAQ;AAAA,IACN,oBAAoB;AAAA,EACtB;AACF,CAAC;AAEM,IAAM,WAAW,eAAe;AAAA,EACrC,SAAS;AAAA,EAET,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAEpB,YAAY,+BAA+B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,MAAM;AAAA,EACzI,gBAAgB;AAAA,EAEhB,WAAW,GAAG,OAAO;AACvB,CAAC;",
+  "names": []
+}

package/dist/chunk-N35E7W2X.mjs

@@ -0,0 +1,88 @@
+import {
+  recipeWithLayer,
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  semanticColor
+} from "./chunk-XOG2JHIV.mjs";
+import {
+  SCALE_COLOR
+} from "./chunk-GAJYOAMV.mjs";
+import {
+  createVar
+} from "./chunk-VSQF5NYH.mjs";
+import {
+  __export
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Chip/Chip.css.ts
+var Chip_css_exports = {};
+__export(Chip_css_exports, {
+  chip: () => chip
+});
+var backgroundVar = createVar();
+var foregroundVar = createVar();
+var semanticColors = semanticColor.reduce(
+  (prev, color) => ({
+    ...prev,
+    [color]: styleWithLayer({
+      vars: {
+        [backgroundVar]: theme.color[color],
+        [foregroundVar]: theme.color[`${color}-foreground`]
+      }
+    })
+  }),
+  {}
+);
+var scaleColors = SCALE_COLOR.reduce(
+  (prev, value) => ({
+    ...prev,
+    [value]: styleWithLayer({
+      vars: {
+        [backgroundVar]: theme.color[value][500],
+        [foregroundVar]: theme.color[value][50]
+      }
+    })
+  }),
+  {}
+);
+var 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,
+  Chip_css_exports
+};
+//# sourceMappingURL=chunk-N35E7W2X.mjs.map

package/dist/chunk-N35E7W2X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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;AAAA;AAAA;AAAA;AAQA,IAAM,gBAAgB,UAAU;AAChC,IAAM,gBAAgB,UAAU;AAEhC,IAAM,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,IAAM,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,IAAM,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/chunk-NAWVFME3.mjs

@@ -0,0 +1,44 @@
+import {
+  tableHead
+} from "./chunk-BK6EITML.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Table/TableHead.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TableHead = ({
+  width,
+  textAlign,
+  style,
+  className,
+  sx: propSx,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "th",
+    {
+      style: { ...style, width, textAlign },
+      className: clsx_default(tableHead, className, sx(propSx)),
+      ...props
+    }
+  );
+};
+
+export {
+  TableHead
+};
+//# sourceMappingURL=chunk-NAWVFME3.mjs.map

package/dist/chunk-NAWVFME3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableHead.tsx"],
+  "sourcesContent": ["import { type CSSProperties } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './TableHead.css';\n\ninterface TableHeadProps extends UIComponent<'th'> {\n  width?: CSSProperties['width'];\n  textAlign?: CSSProperties['textAlign'];\n}\n\nexport const TableHead = ({\n  width,\n  textAlign,\n  style,\n  className,\n  sx: propSx,\n  ...props\n}: TableHeadProps) => {\n  return (\n    <th\n      style={{ ...style, width, textAlign }}\n      className={clsx(s.tableHead, className, sx(propSx))}\n      {...props}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAmC;AAuB/B;AATG,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,GAAG,OAAO,OAAO,UAAU;AAAA,MACpC,WAAW,aAAO,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/chunk-NGBGBZIA.mjs

@@ -0,0 +1,19 @@
+import {
+  style
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/hooks/useToast/ToastContainer.css.ts
+var container = style({
+  display: "flex",
+  alignItems: "flex-end",
+  flexDirection: "column-reverse",
+  position: "fixed",
+  right: "1rem",
+  bottom: "1rem",
+  left: "1rem"
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-NGBGBZIA.mjs.map

package/dist/chunk-NGBGBZIA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useToast/ToastContainer.css.ts"],
+  "sourcesContent": ["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'flex-end',\n  flexDirection: 'column-reverse',\n\n  position: 'fixed',\n  right: '1rem',\n  bottom: '1rem',\n  left: '1rem',\n});\n"],
+  "mappings": ";;;;;AAEO,IAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EAEf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;",
+  "names": []
+}