@kimdw-rtk/ui 0.0.20 → 0.0.21

package/dist/chunk-KKIH6GWN.mjs

@@ -1,40 +0,0 @@
-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

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

@@ -1,55 +0,0 @@
-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

@@ -1,7 +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;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

@@ -1,37 +0,0 @@
-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

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

@@ -1,41 +0,0 @@
-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

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

@@ -1,80 +0,0 @@
-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

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

@@ -1,40 +0,0 @@
-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

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

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

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;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

@@ -1,32 +0,0 @@
-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

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

@@ -1,88 +0,0 @@
-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

@@ -1,7 +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;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

@@ -1,44 +0,0 @@
-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

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

@@ -1,19 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}