@kimdw-rtk/ui 0.0.11 → 0.0.13

package/dist/components/Table/TableRow.d.cts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UIComponent } from '../../types/ui.types.cjs';
-import 'react';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface TableRowProps extends UIComponent<'tr'> {
-    isInteractive?: boolean;
-}
-declare const TableRow: ({ isInteractive, className, sx: propSx, ...props }: TableRowProps) => react_jsx_runtime.JSX.Element;
-
-export { TableRow };

package/dist/components/Table/index.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _Table = require('./Table'); _createStarExport(_Table);
-var _TableBody = require('./TableBody'); _createStarExport(_TableBody);
-var _TableCell = require('./TableCell'); _createStarExport(_TableCell);
-var _TableHead = require('./TableHead'); _createStarExport(_TableHead);
-var _TableHeader = require('./TableHeader'); _createStarExport(_TableHeader);
-var _TableRow = require('./TableRow'); _createStarExport(_TableRow);
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,4ZAAc;AACd,uEAAc;AACd,uEAAc;AACd,uEAAc;AACd,6EAAc;AACd,oEAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Table/index.cjs","sourcesContent":["export * from './Table';\nexport * from './TableBody';\nexport * from './TableCell';\nexport * from './TableHead';\nexport * from './TableHeader';\nexport * from './TableRow';\n"]}

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

@@ -1,13 +0,0 @@
-export { Table } from './Table.cjs';
-export { TableBody } from './TableBody.cjs';
-export { TableCell } from './TableCell.cjs';
-export { TableHead } from './TableHead.cjs';
-export { TableHeader } from './TableHeader.cjs';
-export { TableRow } from './TableRow.cjs';
-export { T as tableCss } from '../../Table.css-5Pm2Q-3j.cjs';
-import 'react';
-import '../../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-import 'react/jsx-runtime';

package/dist/components/Tabs/Tabs.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _styles = require('#styles');
-var _TabsProvider = require('./TabsProvider');
-const Tabs = _react.forwardRef.call(void 0, 
-  ({ children, defaultValue, className, sx: propSx, ...props }, ref) => {
-    const [value, setValue] = _react.useReducer.call(void 0, _TabsProvider.tabsReducer, defaultValue);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TabsProvider.TabsContext.Provider, { value: { value, setValue }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref,
-        className: _clsx2.default.call(void 0, className, _styles.sx.call(void 0, propSx)),
-        style: { width: "100%" },
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-Tabs.displayName = "Tabs";
-
-
-exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/Tabs.cjs","../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACqBJ,+CAAA;AAnBR,8BAAuC;AAEvC,wEAAiB;AAEjB,iCAAmB;AAGnB,8CAAyC;AAMlC,MAAM,KAAA,EAAO,+BAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,YAAA,EAAc,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACpE,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,+BAAA,yBAAW,EAAa,YAAY,CAAA;AAE9D,IAAA,uBACE,6BAAA,yBAAC,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,EAAE,KAAA,EAAO,SAAS,CAAA,EAC7C,QAAA,kBAAA,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA,SAAK,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACrC,KAAA,EAAO,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,EAAA,CACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,IAAA,CAAK,YAAA,EAAc,MAAA;ADXnB;AACE;AACF,oBAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/Tabs.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useReducer } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport { TabsContext, tabsReducer } from './TabsProvider';\n\ninterface TabsProps extends UIComponent<'div'> {\n  defaultValue?: number | string;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\n  ({ children, defaultValue, className, sx: propSx, ...props }, ref) => {\n    const [value, setValue] = useReducer(tabsReducer, defaultValue);\n\n    return (\n      <TabsContext.Provider value={{ value, setValue }}>\n        <div\n          ref={ref}\n          className={clsx(className, sx(propSx))}\n          style={{ width: '100%' }}\n          {...props}\n        >\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabs.displayName = 'Tabs';\n"]}

package/dist/components/Tabs/Tabs.d.cts

@@ -1,12 +0,0 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface TabsProps extends UIComponent<'div'> {
-    defaultValue?: number | string;
-}
-declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Tabs };

package/dist/components/Tabs/Tabs.spec.cjs

@@ -1,41 +0,0 @@
-"use strict";var _jsxruntime = require('react/jsx-runtime');
-var _react = require('@testing-library/react');
-var _ = require('.');
-var _uiTest = require('../../tests/uiTest');
-describe("Tabs \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  _uiTest.uiTest.call(void 0, _.Tabs, "Tabs");
-  _uiTest.uiTest.call(void 0, _.TabsList, "TabsList");
-  it("TabsTrigger\uB97C \uD074\uB9AD\uD558\uBA74 \uD574\uB2F9\uD558\uB294 value\uC758 Content\uB97C \uBCF4\uC5EC\uC900\uB2E4.", () => {
-    _react.render.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _.Tabs, { children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _.TabsList, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsTrigger, { value: 1, children: "Trigger1" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsTrigger, { value: 2, children: "Trigger2" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsContent, { value: 1, children: "Content1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsContent, { value: 2, children: "Content2" })
-      ] })
-    );
-    _react.fireEvent.click(_react.screen.getByText("Trigger1"));
-    expect(_react.screen.queryByText("Content1")).toBeInTheDocument();
-    expect(_react.screen.queryByText("Content2")).not.toBeInTheDocument();
-    _react.fireEvent.click(_react.screen.getByText("Trigger2"));
-    expect(_react.screen.queryByText("Content1")).not.toBeInTheDocument();
-    expect(_react.screen.queryByText("Content2")).toBeInTheDocument();
-  });
-  it("defaultValue\uC5D0 \uD574\uB2F9\uD558\uB294 Content\uB97C \uAE30\uBCF8\uC801\uC73C\uB85C \uBCF4\uC5EC\uC900\uB2E4.", () => {
-    _react.render.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _.Tabs, { defaultValue: 2, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _.TabsList, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsTrigger, { value: 1, children: "Trigger1" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsTrigger, { value: 2, children: "Trigger2" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsContent, { value: 1, children: "Content1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _.TabsContent, { value: 2, children: "Content2" })
-      ] })
-    );
-    expect(_react.screen.queryByText("Content1")).not.toBeInTheDocument();
-    expect(_react.screen.queryByText("Content2")).toBeInTheDocument();
-  });
-});
-//# sourceMappingURL=Tabs.spec.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Tabs/Tabs.spec.tsx"],"names":[],"mappings":"AAYQ,4DAAA;AAZR,+CAA0C;AAE1C,qBAAyD;AACzD,4CAAuB;AAEvB,QAAA,CAAS,+BAAA,EAAa,CAAA,EAAA,GAAM;AAC1B,EAAA,4BAAA,MAAO,EAAM,MAAM,CAAA;AACnB,EAAA,4BAAA,UAAO,EAAU,UAAU,CAAA;AAE3B,EAAA,EAAA,CAAG,yHAAA,EAAgD,CAAA,EAAA,GAAM;AACvD,IAAA,2BAAA;AAAA,sBACE,8BAAA,MAAC,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,8BAAA,UAAC,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ,CAAA;AAAA,0BAC/B,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CACjC,CAAA;AAAA,wBACA,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ,CAAA;AAAA,wBAC/B,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ;AAAA,MAAA,EAAA,CACjC;AAAA,IACF,CAAA;AAEA,IAAA,gBAAA,CAAU,KAAA,CAAM,aAAA,CAAO,SAAA,CAAU,UAAU,CAAC,CAAA;AAC5C,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,iBAAA,CAAkB,CAAA;AACzD,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,GAAA,CAAI,iBAAA,CAAkB,CAAA;AAE7D,IAAA,gBAAA,CAAU,KAAA,CAAM,aAAA,CAAO,SAAA,CAAU,UAAU,CAAC,CAAA;AAC5C,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,GAAA,CAAI,iBAAA,CAAkB,CAAA;AAC7D,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,iBAAA,CAAkB,CAAA;AAAA,EAC3D,CAAC,CAAA;AAED,EAAA,EAAA,CAAG,oHAAA,EAA2C,CAAA,EAAA,GAAM;AAClD,IAAA,2BAAA;AAAA,sBACE,8BAAA,MAAC,EAAA,EAAK,YAAA,EAAc,CAAA,EAClB,QAAA,EAAA;AAAA,wBAAA,8BAAA,UAAC,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ,CAAA;AAAA,0BAC/B,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CACjC,CAAA;AAAA,wBACA,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ,CAAA;AAAA,wBAC/B,6BAAA,aAAC,EAAA,EAAY,KAAA,EAAO,CAAA,EAAG,QAAA,EAAA,WAAA,CAAQ;AAAA,MAAA,EAAA,CACjC;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,GAAA,CAAI,iBAAA,CAAkB,CAAA;AAC7D,IAAA,MAAA,CAAO,aAAA,CAAO,WAAA,CAAY,UAAU,CAAC,CAAA,CAAE,iBAAA,CAAkB,CAAA;AAAA,EAC3D,CAAC,CAAA;AACH,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/Tabs.spec.cjs","sourcesContent":["import { render, screen, fireEvent } from '@testing-library/react';\n\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Tabs 컴포넌트', () => {\n  uiTest(Tabs, 'Tabs');\n  uiTest(TabsList, 'TabsList');\n\n  it('TabsTrigger를 클릭하면 해당하는 value의 Content를 보여준다.', () => {\n    render(\n      <Tabs>\n        <TabsList>\n          <TabsTrigger value={1}>Trigger1</TabsTrigger>\n          <TabsTrigger value={2}>Trigger2</TabsTrigger>\n        </TabsList>\n        <TabsContent value={1}>Content1</TabsContent>\n        <TabsContent value={2}>Content2</TabsContent>\n      </Tabs>,\n    );\n\n    fireEvent.click(screen.getByText('Trigger1'));\n    expect(screen.queryByText('Content1')).toBeInTheDocument();\n    expect(screen.queryByText('Content2')).not.toBeInTheDocument();\n\n    fireEvent.click(screen.getByText('Trigger2'));\n    expect(screen.queryByText('Content1')).not.toBeInTheDocument();\n    expect(screen.queryByText('Content2')).toBeInTheDocument();\n  });\n\n  it('defaultValue에 해당하는 Content를 기본적으로 보여준다.', () => {\n    render(\n      <Tabs defaultValue={2}>\n        <TabsList>\n          <TabsTrigger value={1}>Trigger1</TabsTrigger>\n          <TabsTrigger value={2}>Trigger2</TabsTrigger>\n        </TabsList>\n        <TabsContent value={1}>Content1</TabsContent>\n        <TabsContent value={2}>Content2</TabsContent>\n      </Tabs>,\n    );\n\n    expect(screen.queryByText('Content1')).not.toBeInTheDocument();\n    expect(screen.queryByText('Content2')).toBeInTheDocument();\n  });\n});\n"]}

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

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

package/dist/components/Tabs/TabsContent.cjs

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _styles = require('#styles');
-var _TabsProvider = require('./TabsProvider');
-const TabsContent = _react.forwardRef.call(void 0, 
-  ({ value, className, sx: propSx, ...props }, ref) => {
-    const tabsContext = _react.useContext.call(void 0, _TabsProvider.TabsContext);
-    if (tabsContext === void 0) {
-      throw new Error("TabsContext must be used within a Tabs.");
-    }
-    if (tabsContext.value !== value) {
-      return null;
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _clsx2.default.call(void 0, className, _styles.sx.call(void 0, propSx)), ...props });
-  }
-);
-TabsContent.displayName = "TabsContent";
-
-
-exports.TabsContent = TabsContent;
-//# sourceMappingURL=TabsContent.cjs.map

package/dist/components/Tabs/TabsContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsContent.cjs","../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AAAA,qLAAY;AC4BD,+CAAA;AA1BX,8BAAuD;AAEvD,wEAAiB;AAEjB,iCAAmB;AAGnB,8CAA4B;AAOrB,MAAM,YAAA,EAAc,+BAAA;AAAA,EACzB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACnD,IAAA,MAAM,YAAA,EAAc,+BAAA,yBAAsB,CAAA;AAE1C,IAAA,GAAA,CAAI,YAAA,IAAgB,KAAA,CAAA,EAAW;AAC7B,MAAA,MAAM,IAAI,KAAA,CAAM,yCAAyC,CAAA;AAAA,IAC3D;AAEA,IAAA,GAAA,CAAI,WAAA,CAAY,MAAA,IAAU,KAAA,EAAO;AAC/B,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,4BAAA,SAAK,EAAW,wBAAA,MAAS,CAAC,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAAA,EAC3E;AACF,CAAA;AACA,WAAA,CAAY,YAAA,EAAc,aAAA;ADZ1B;AACE;AACF,kCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsContent.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useContext, type ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport { TabsContext } from './TabsProvider';\n\ninterface TabsContentProps extends UIComponent<'div'> {\n  children: ReactNode;\n  value: string | number;\n}\n\nexport const TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, className, sx: propSx, ...props }, ref) => {\n    const tabsContext = useContext(TabsContext);\n\n    if (tabsContext === undefined) {\n      throw new Error('TabsContext must be used within a Tabs.');\n    }\n\n    if (tabsContext.value !== value) {\n      return null;\n    }\n\n    return <div ref={ref} className={clsx(className, sx(propSx))} {...props} />;\n  },\n);\nTabsContent.displayName = 'TabsContent';\n"]}

package/dist/components/Tabs/TabsContent.d.cts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { UIComponent } from '../../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface TabsContentProps extends UIComponent<'div'> {
-    children: ReactNode;
-    value: string | number;
-}
-declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { TabsContent };

package/dist/components/Tabs/TabsList.cjs

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _styles = require('#styles');
-var _TabsListcss = require('./TabsList.css'); var s = _interopRequireWildcard(_TabsListcss);
-const TabsList = _react.forwardRef.call(void 0, 
-  ({ children, className, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref,
-        className: _clsx2.default.call(void 0, className, s.container, _styles.sx.call(void 0, propSx)),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TabsList.displayName = "TabsList";
-
-
-exports.TabsList = TabsList;
-//# sourceMappingURL=TabsList.cjs.map

package/dist/components/Tabs/TabsList.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Tabs/TabsList.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsList.cjs"],"names":[],"mappings":"AAcM,0eAAA;AAdN,8BAA2B;AAE3B,wEAAiB;AAEjB,iCAAmB;AAGnB,4FAAmB;AAIZ,MAAM,SAAA,EAAW,+BAAA;AAAA,EACtB,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACtD,IAAA,uBACE,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA,SAAK,EAAW,CAAA,CAAE,SAAA,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACjD,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,QAAA,CAAS,YAAA,EAAc,UAAA;ACLvB;AACE;AACF,4BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsList.cjs","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",null]}

package/dist/components/Tabs/TabsList.css.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
-var _themes = require('#themes');
-const container = _styleUtils.styleWithLayer.call(void 0, {
-  display: "flex",
-  height: "2.5em",
-  boxShadow: `inset 0 -0.125em 0 rgb(${_themes.theme.color.muted})`,
-  backgroundColor: `rgb(${_themes.theme.color.background})`
-});
-
-
-exports.container = container;
-//# sourceMappingURL=TabsList.css.cjs.map

package/dist/components/Tabs/TabsList.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Tabs/TabsList.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsList.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAC/B,iCAAsB;AAEf,MAAM,UAAA,EAAY,wCAAA;AAAe,EACtC,OAAA,EAAS,MAAA;AAAA,EAET,MAAA,EAAQ,OAAA;AAAA,EAER,SAAA,EAAW,CAAA,uBAAA,EAA0B,aAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAA,CAAA;AAAA,EACtD,eAAA,EAAiB,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAChD,CAAC,CAAA;ACFD;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsList.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const container = styleWithLayer({\n  display: 'flex',\n\n  height: '2.5em',\n\n  boxShadow: `inset 0 -0.125em 0 rgb(${theme.color.muted})`,\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n",null]}

package/dist/components/Tabs/TabsList.css.d.cts

@@ -1,3 +0,0 @@
-declare const container: string;
-
-export { container };

package/dist/components/Tabs/TabsList.d.cts

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

package/dist/components/Tabs/TabsProvider.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _react = require('react');
-const TabsContext = _react.createContext.call(void 0, void 0);
-const tabsReducer = (_, value) => {
-  return value;
-};
-
-
-
-exports.TabsContext = TabsContext; exports.tabsReducer = tabsReducer;
-//# sourceMappingURL=TabsProvider.cjs.map

package/dist/components/Tabs/TabsProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsProvider.cjs","../../../src/components/Tabs/TabsProvider.tsx"],"names":[],"mappings":"AAAA,qFAAY;ACEZ,8BAA6C;AAOtC,MAAM,YAAA,EAAc,kCAAA,KAAuC,CAAS,CAAA;AAEpE,MAAM,YAAA,EAAc,CACzB,CAAA,EACA,KAAA,EAAA,GACG;AACH,EAAA,OAAO,KAAA;AACT,CAAA;ADVA;AACE;AACA;AACF,qEAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsProvider.cjs","sourcesContent":[null,"'use client';\n\nimport { createContext, type Dispatch } from 'react';\n\ninterface TabsContext {\n  value: number | string | undefined;\n  setValue: Dispatch<number | string>;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport const tabsReducer = (\n  _: TabsContext['value'],\n  value: TabsContext['value'],\n) => {\n  return value;\n};\n"]}

package/dist/components/Tabs/TabsProvider.d.cts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-import { Dispatch } from 'react';
-
-interface TabsContext {
-    value: number | string | undefined;
-    setValue: Dispatch<number | string>;
-}
-declare const TabsContext: react.Context<TabsContext | undefined>;
-declare const tabsReducer: (_: TabsContext["value"], value: TabsContext["value"]) => string | number | undefined;
-
-export { TabsContext, tabsReducer };

package/dist/components/Tabs/TabsTrigger.cjs

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _styles = require('#styles');
-var _TabsProvider = require('./TabsProvider');
-var _TabsTriggercss = require('./TabsTrigger.css'); var s = _interopRequireWildcard(_TabsTriggercss);
-const TabsTrigger = _react.forwardRef.call(void 0, 
-  ({ children, value, className, sx: propSx, ...props }, ref) => {
-    const tabsContext = _react.useContext.call(void 0, _TabsProvider.TabsContext);
-    if (tabsContext === void 0) {
-      throw new Error("TabsTrigger must be used within a Tabs.");
-    }
-    const isSelected = tabsContext.value === value;
-    const handleClick = () => {
-      tabsContext.setValue(value);
-    };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        ref,
-        className: _clsx2.default.call(void 0, className, s.container({ isSelected }), _styles.sx.call(void 0, propSx)),
-        onClick: handleClick,
-        ...props,
-        children
-      }
-    );
-  }
-);
-TabsTrigger.displayName = "TabsTrigger";
-
-
-exports.TabsTrigger = TabsTrigger;
-//# sourceMappingURL=TabsTrigger.cjs.map

package/dist/components/Tabs/TabsTrigger.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsTrigger.cjs","../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AAAA,ucAAY;AC+BN,+CAAA;AA7BN,8BAAuC;AAEvC,wEAAiB;AAEjB,iCAAmB;AAGnB,8CAA4B;AAC5B,qGAAmB;AAMZ,MAAM,YAAA,EAAc,+BAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC7D,IAAA,MAAM,YAAA,EAAc,+BAAA,yBAAsB,CAAA;AAE1C,IAAA,GAAA,CAAI,YAAA,IAAgB,KAAA,CAAA,EAAW;AAC7B,MAAA,MAAM,IAAI,KAAA,CAAM,yCAAyC,CAAA;AAAA,IAC3D;AAEA,IAAA,MAAM,WAAA,EAAa,WAAA,CAAY,MAAA,IAAU,KAAA;AAEzC,IAAA,MAAM,YAAA,EAAc,CAAA,EAAA,GAAM;AACxB,MAAA,WAAA,CAAY,QAAA,CAAS,KAAK,CAAA;AAAA,IAC5B,CAAA;AAEA,IAAA,uBACE,6BAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA,SAAK,EAAW,CAAA,CAAE,SAAA,CAAU,EAAE,WAAW,CAAC,CAAA,EAAG,wBAAA,MAAS,CAAC,CAAA;AAAA,QAClE,OAAA,EAAS,WAAA;AAAA,QACR,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,WAAA,CAAY,YAAA,EAAc,aAAA;ADZ1B;AACE;AACF,kCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsTrigger.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useContext } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport { TabsContext } from './TabsProvider';\nimport * as s from './TabsTrigger.css';\n\ninterface TabsTriggerProps extends UIComponent<'button'> {\n  value: number | string;\n}\n\nexport const TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ children, value, className, sx: propSx, ...props }, ref) => {\n    const tabsContext = useContext(TabsContext);\n\n    if (tabsContext === undefined) {\n      throw new Error('TabsTrigger must be used within a Tabs.');\n    }\n\n    const isSelected = tabsContext.value === value;\n\n    const handleClick = () => {\n      tabsContext.setValue(value);\n    };\n\n    return (\n      <button\n        ref={ref}\n        className={clsx(className, s.container({ isSelected }), sx(propSx))}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n"]}

package/dist/components/Tabs/TabsTrigger.css.cjs

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
-var _themes = require('#themes');
-const container = _styleUtils.recipeWithLayer.call(void 0, {
-  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(${_themes.theme.color.foreground})`,
-        color: `rgb(${_themes.theme.color.foreground})`
-      },
-      false: {
-        borderBottomColor: "transparent",
-        color: `rgb(${_themes.theme.color["muted-foreground"]})`
-      }
-    }
-  }
-});
-
-
-exports.container = container;
-//# sourceMappingURL=TabsTrigger.css.cjs.map

package/dist/components/Tabs/TabsTrigger.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Tabs/TabsTrigger.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsTrigger.css.cjs"],"names":[],"mappings":"AAAA,kHAAgC;AAChC,iCAAsB;AAEf,MAAM,UAAA,EAAY,yCAAA;AAAgB,EACvC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,QAAA;AAAA,IAEV,MAAA,EAAQ,MAAA;AAAA,IACR,OAAA,EAAS,UAAA;AAAA,IACT,MAAA,EAAQ,GAAA;AAAA,IACR,YAAA,EAAc,CAAA,cAAA,CAAA;AAAA,IAEd,eAAA,EAAiB,aAAA;AAAA,IAEjB,QAAA,EAAU,KAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,UAAA,EAAY,QAAA;AAAA,IAEZ,UAAA,EAAY,kDAAA;AAAA,IAEZ,MAAA,EAAQ;AAAA,EACV,CAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,iBAAA,EAAmB,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA,CAAA;AAAA,QAEhD,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,MACtC,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,iBAAA,EAAmB,aAAA;AAAA,QAEnB,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,kBAAkB,CAAC,CAAA,CAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;ACRD;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/TabsTrigger.css.cjs","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",null]}

package/dist/components/Tabs/TabsTrigger.css.d.cts

@@ -1,16 +0,0 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const container: _vanilla_extract_recipes.RuntimeFn<{
-    isSelected: {
-        true: {
-            borderBottomColor: `rgb(var(--${string}))`;
-            color: `rgb(var(--${string}))`;
-        };
-        false: {
-            borderBottomColor: "transparent";
-            color: `rgb(var(--${string}))`;
-        };
-    };
-}>;
-
-export { container };

package/dist/components/Tabs/TabsTrigger.d.cts

@@ -1,12 +0,0 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface TabsTriggerProps extends UIComponent<'button'> {
-    value: number | string;
-}
-declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-export { TabsTrigger };

package/dist/components/Tabs/index.cjs

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _Tabs = require('./Tabs'); _createStarExport(_Tabs);
-var _TabsContent = require('./TabsContent'); _createStarExport(_TabsContent);
-var _TabsList = require('./TabsList'); _createStarExport(_TabsList);
-var _TabsTrigger = require('./TabsTrigger'); _createStarExport(_TabsTrigger);
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,yZAAc;AACd,6EAAc;AACd,oEAAc;AACd,6EAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Tabs/index.cjs","sourcesContent":["export * from './Tabs';\nexport * from './TabsContent';\nexport * from './TabsList';\nexport * from './TabsTrigger';\n"]}

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

@@ -1,9 +0,0 @@
-export { Tabs } from './Tabs.cjs';
-export { TabsContent } from './TabsContent.cjs';
-export { TabsList } from './TabsList.cjs';
-export { TabsTrigger } from './TabsTrigger.cjs';
-import 'react';
-import '../../types/ui.types.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';

package/dist/components/TextField/TextField.css.cjs

@@ -1,69 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
-var _styleUtils = require('#styleUtils');
-var _themes = require('#themes');
-var _tokens = require('#tokens');
-var _color = require('../../tokens/scale/color');
-const backgroundVar = _css.createVar.call(void 0, );
-const semanticColors = _tokens.semanticColor.reduce(
-  (prev, color) => ({
-    ...prev,
-    [color]: _styleUtils.styleWithLayer.call(void 0, {
-      vars: {
-        [backgroundVar]: _themes.theme.color[color]
-      }
-    })
-  }),
-  {}
-);
-const scaleColors = _color.SCALE_COLOR.reduce(
-  (prev, value) => ({
-    ...prev,
-    [value]: _styleUtils.styleWithLayer.call(void 0, {
-      vars: {
-        [backgroundVar]: _themes.theme.color[value][500]
-      }
-    })
-  }),
-  {}
-);
-const textField = _styleUtils.recipeWithLayer.call(void 0, {
-  base: {
-    padding: "0.75em 0.5em",
-    border: `1px solid`,
-    borderColor: ` rgb(${_themes.theme.color.border})`,
-    backgroundColor: `rgb(${_themes.theme.color.background})`,
-    color: `rgb(${_themes.theme.color.foreground})`,
-    transition: "border-color 0.15s ease, color 0.15s ease",
-    outline: "none",
-    ":focus": {
-      borderColor: `rgb(${backgroundVar})`
-    },
-    ":disabled": {
-      color: `rgb(${_themes.theme.color["muted-foreground"]})`
-    }
-  },
-  variants: {
-    color: {
-      ...semanticColors,
-      ...scaleColors
-    },
-    size: {
-      sm: {
-        borderRadius: _themes.theme.borderRadius,
-        fontSize: "0.875em"
-      },
-      md: {
-        borderRadius: _themes.theme.borderRadius,
-        fontSize: "1em"
-      },
-      lg: {
-        borderRadius: _themes.theme.borderRadius,
-        fontSize: "1.125em"
-      }
-    }
-  }
-});
-
-
-exports.textField = textField;
-//# sourceMappingURL=TextField.css.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/TextField.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/TextField/TextField.css.cjs"],"names":[],"mappings":"AAAA,oHAA0B;AAE1B,yCAAgD;AAChD,iCAAsB;AACtB,iCAA8B;AAE9B,iDAA6C;AAE7C,MAAM,cAAA,EAAgB,4BAAA,CAAU;AAEhC,MAAM,eAAA,EAAiB,qBAAA,CAAc,MAAA;AAAA,EACnC,CAAC,IAAA,EAAM,KAAA,EAAA,GAAA,CAAW;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,CAAC,KAAK,CAAA,EAAG,wCAAA;AAAe,MACtB,IAAA,EAAM;AAAA,QACJ,CAAC,aAAa,CAAA,EAAG,aAAA,CAAM,KAAA,CAAM,KAAK;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH,CAAA,CAAA;AAAA,EACA,CAAC;AACH,CAAA;AAEA,MAAM,YAAA,EAAc,kBAAA,CAAY,MAAA;AAAA,EAC9B,CAAC,IAAA,EAAM,KAAA,EAAA,GAAA,CAAW;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,CAAC,KAAK,CAAA,EAAG,wCAAA;AAAe,MACtB,IAAA,EAAM;AAAA,QACJ,CAAC,aAAa,CAAA,EAAG,aAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAE,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH,CAAA,CAAA;AAAA,EACA,CAAC;AACH,CAAA;AAEO,MAAM,UAAA,EAAY,yCAAA;AAAgB,EACvC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,cAAA;AAAA,IACT,MAAA,EAAQ,CAAA,SAAA,CAAA;AAAA,IACR,WAAA,EAAa,CAAA,KAAA,EAAQ,aAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA;AAAA,IAEvC,eAAA,EAAiB,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA,CAAA;AAAA,IAE9C,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA,CAAA;AAAA,IAEpC,UAAA,EAAY,2CAAA;AAAA,IAEZ,OAAA,EAAS,MAAA;AAAA,IAET,QAAA,EAAU;AAAA,MACR,WAAA,EAAa,CAAA,IAAA,EAAO,aAAa,CAAA,CAAA;AAAA,IACnC,CAAA;AAAA,IAEA,WAAA,EAAa;AAAA,MACX,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,kBAAkB,CAAC,CAAA,CAAA;AAAA,IAC/C;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG;AAAA,IACL,CAAA;AAAA,IAEA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,aAAA,CAAM,YAAA;AAAA,QAEpB,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,aAAA,CAAM,YAAA;AAAA,QAEpB,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,aAAA,CAAM,YAAA;AAAA,QAEpB,QAAA,EAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;ACfD;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/TextField/TextField.css.cjs","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();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[color],\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      },\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const textField = recipeWithLayer({\n  base: {\n    padding: '0.75em 0.5em',\n    border: `1px solid`,\n    borderColor: ` rgb(${theme.color.border})`,\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    color: `rgb(${theme.color.foreground})`,\n\n    transition: 'border-color 0.15s ease, color 0.15s ease',\n\n    outline: 'none',\n\n    ':focus': {\n      borderColor: `rgb(${backgroundVar})`,\n    },\n\n    ':disabled': {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n  variants: {\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n\n    size: {\n      sm: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '0.875em',\n      },\n      md: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1em',\n      },\n      lg: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1.125em',\n      },\n    },\n  },\n});\n",null]}

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

@@ -1,2 +0,0 @@
-import '@vanilla-extract/recipes';
-export { t as textField } from '../../TextField.css-DmXBuD66.cjs';

package/dist/components/TextField/TextField.spec.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/TextField.spec.tsx"],"names":[],"mappings":"AAAA,kCAA0B;AAC1B,4CAAuB;AAEvB,QAAA,CAAS,oCAAA,EAAkB,CAAA,EAAA,GAAM;AAC/B,EAAA,4BAAA,WAAO,EAAW,WAAW,CAAA;AAC/B,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/TextField/TextField.spec.cjs","sourcesContent":["import { TextField } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('TextField 컴포넌트', () => {\n  uiTest(TextField, 'TextField');\n});\n"]}

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

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

package/dist/components/TextField/index.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _jsxruntime = require('react/jsx-runtime');
-var _react = require('react');
-var _clsx = require('clsx');
-var _styles = require('#styles');
-var _TextFieldcss = require('./TextField.css'); var s = _interopRequireWildcard(_TextFieldcss);
-const TextField = _react.forwardRef.call(void 0, 
-  ({
-    className,
-    type = "text",
-    size = "md",
-    color = "primary",
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        ref,
-        type,
-        className: _clsx.clsx.call(void 0, className, s.textField({ size, color }), _styles.sx.call(void 0, propSx)),
-        ...props
-      }
-    );
-  }
-);
-TextField.displayName = "TextField";
-
-
-
-exports.TextField = TextField; exports.textFieldCss = s;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/index.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/TextField/index.cjs"],"names":[],"mappings":"AA0BM,0YAAA;AA1BN,8BAA2B;AAE3B,4BAAqB;AAErB,iCAAmB;AAGnB,+FAAmB;AAMZ,MAAM,UAAA,EAAY,+BAAA;AAAA,EACvB,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,EAAO,MAAA;AAAA,IACP,KAAA,EAAO,IAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,wBAAA,SAAK,EAAW,CAAA,CAAE,SAAA,CAAU,EAAE,IAAA,EAAM,MAAM,CAAC,CAAA,EAAG,wBAAA,MAAS,CAAC,CAAA;AAAA,QAClE,GAAG;AAAA,MAAA;AAAA,IACN,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,SAAA,CAAU,YAAA,EAAc,WAAA;ACTxB;AACE;AACA;AACF,wDAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/TextField/index.cjs","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",null]}

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

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.cjs';
-import { t as textField } from '../../TextField.css-DmXBuD66.cjs';
-export { T as textFieldCss } from '../../TextField.css-DmXBuD66.cjs';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.cjs';
-
-interface TextFieldProps extends UIComponent<'input', typeof textField> {
-    type?: React.HTMLInputTypeAttribute;
-}
-declare const TextField: react.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
-
-export { TextField };