@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/chunk-2MPNSJ7L.mjs

@@ -0,0 +1,48 @@
+import {
+  textField
+} from "./chunk-NL5D6TSN.mjs";
+import {
+  clsx
+} 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/TextField/index.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TextField = (0, import_react.forwardRef)(
+  ({
+    className,
+    type = "text",
+    size = "md",
+    color = "primary",
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        ref,
+        type,
+        className: clsx(className, textField({ size, color }), sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+TextField.displayName = "TextField";
+
+export {
+  TextField
+};
+//# sourceMappingURL=chunk-2MPNSJ7L.mjs.map

package/dist/chunk-2MPNSJ7L.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/TextField/index.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 './TextField.css';\n\ninterface TextFieldProps extends UIComponent<'input', typeof s.textField> {\n  type?: React.HTMLInputTypeAttribute;\n}\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      type = 'text',\n      size = 'md',\n      color = 'primary',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        className={clsx(className, s.textField({ size, color }), sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nTextField.displayName = 'TextField';\n\nexport { s as textFieldCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AA0BrB;AAbC,IAAM,gBAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAa,UAAU,EAAE,MAAM,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA,QAClE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;",
+  "names": []
+}

package/dist/chunk-2WFHG2YW.mjs

@@ -0,0 +1,68 @@
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  keyframes
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/components/Select/SelectOptionList.css.ts
+var fadeIn = keyframes({
+  "0%": {
+    transform: "scale(0.95)",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    opacity: 1
+  }
+});
+var container = recipeWithLayer({
+  base: {
+    overflowY: "auto",
+    position: "absolute",
+    zIndex: "10",
+    width: "100%",
+    minWidth: "max-content",
+    border: `1px solid rgb(${theme.color.border})`,
+    borderRadius: theme.borderRadius,
+    margin: "0.5rem 0",
+    backgroundColor: `rgb(${theme.color.background})`,
+    animation: `${fadeIn} 0.3s ease 1`,
+    transformOrigin: "0 0",
+    userSelect: "none",
+    "::-webkit-scrollbar": {
+      width: "0.25rem",
+      height: "0.25rem"
+    },
+    "::-webkit-scrollbar-thumb": {
+      borderRadius: "0.5rem",
+      backgroundColor: `rgb(${theme.color["muted-foreground"]})`
+    }
+  },
+  variants: {
+    isVisible: {
+      true: {
+        display: "block"
+      },
+      false: {
+        display: "none"
+      }
+    },
+    isAbove: {
+      true: {
+        top: "100%"
+      },
+      false: {
+        bottom: "100%"
+      }
+    }
+  }
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-2WFHG2YW.mjs.map

package/dist/chunk-2WFHG2YW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Select/SelectOptionList.css.ts"],
+  "sourcesContent": ["import { keyframes } from '@vanilla-extract/css';\n\nimport { recipeWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nconst fadeIn = keyframes({\n  '0%': {\n    transform: 'scale(0.95)',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n});\n\nexport const container = recipeWithLayer({\n  base: {\n    overflowY: 'auto',\n    position: 'absolute',\n    zIndex: '10',\n\n    width: '100%',\n    minWidth: 'max-content',\n    border: `1px solid rgb(${theme.color.border})`,\n    borderRadius: theme.borderRadius,\n    margin: '0.5rem 0',\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    animation: `${fadeIn} 0.3s ease 1`,\n    transformOrigin: '0 0',\n\n    userSelect: 'none',\n\n    '::-webkit-scrollbar': {\n      width: '0.25rem',\n      height: '0.25rem',\n    },\n\n    '::-webkit-scrollbar-thumb': {\n      borderRadius: '0.5rem',\n\n      backgroundColor: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n\n  variants: {\n    isVisible: {\n      true: {\n        display: 'block',\n      },\n      false: {\n        display: 'none',\n      },\n    },\n\n    isAbove: {\n      true: {\n        top: '100%',\n      },\n      false: {\n        bottom: '100%',\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;AAKA,IAAM,SAAS,UAAU;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EAEA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;AAEM,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ,iBAAiB,MAAM,MAAM,MAAM;AAAA,IAC3C,cAAc,MAAM;AAAA,IACpB,QAAQ;AAAA,IAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,IAE9C,WAAW,GAAG,MAAM;AAAA,IACpB,iBAAiB;AAAA,IAEjB,YAAY;AAAA,IAEZ,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IAEA,6BAA6B;AAAA,MAC3B,cAAc;AAAA,MAEd,iBAAiB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IACzD;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-34E66B27.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-34E66B27.mjs.map

package/dist/chunk-34E66B27.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-365RDTP4.mjs

@@ -0,0 +1,41 @@
+import {
+  container
+} from "./chunk-7JP3LYPL.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/NavigationItem.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationItem = (0, import_react.forwardRef)(
+  ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        style: { ...style },
+        className: clsx_default(container({ isSelected }), className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationItem.displayName = "NavigationItem";
+
+export {
+  NavigationItem
+};
+//# sourceMappingURL=chunk-365RDTP4.mjs.map

package/dist/chunk-365RDTP4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationItem.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 './NavigationItem.css';\n\ntype NavigationItemProps = UIComponent<'div', typeof s.container>;\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        style={{ ...style }}\n        className={clsx(s.container({ isSelected }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationItem.displayName = 'NavigationItem';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,aAAa,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,GAAG,MAAM;AAAA,QAClB,WAAW,aAAO,UAAU,EAAE,WAAW,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
+  "names": []
+}