@kimdw-rtk/ui 0.0.8 → 0.0.11

package/dist/components/Tabs/Tabs.spec.js

@@ -1,22 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Tabs 컴포넌트', () => {
-    uiTest(Tabs, 'Tabs');
-    uiTest(TabsList, 'TabsList');
-    it('TabsTrigger를 클릭하면 해당하는 value의 Content를 보여준다.', () => {
-        render(_jsxs(Tabs, { children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: 1, children: "Trigger1" }), _jsx(TabsTrigger, { value: 2, children: "Trigger2" })] }), _jsx(TabsContent, { value: 1, children: "Content1" }), _jsx(TabsContent, { value: 2, children: "Content2" })] }));
-        fireEvent.click(screen.getByText('Trigger1'));
-        expect(screen.queryByText('Content1')).toBeInTheDocument();
-        expect(screen.queryByText('Content2')).not.toBeInTheDocument();
-        fireEvent.click(screen.getByText('Trigger2'));
-        expect(screen.queryByText('Content1')).not.toBeInTheDocument();
-        expect(screen.queryByText('Content2')).toBeInTheDocument();
-    });
-    it('defaultValue에 해당하는 Content를 기본적으로 보여준다.', () => {
-        render(_jsxs(Tabs, { defaultValue: 2, children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: 1, children: "Trigger1" }), _jsx(TabsTrigger, { value: 2, children: "Trigger2" })] }), _jsx(TabsContent, { value: 1, children: "Content1" }), _jsx(TabsContent, { value: 2, children: "Content2" })] }));
-        expect(screen.queryByText('Content1')).not.toBeInTheDocument();
-        expect(screen.queryByText('Content2')).toBeInTheDocument();
-    });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from ".";
+import { uiTest } from "../../tests/uiTest";
+describe("Tabs \uCEF4\uD3EC\uB10C\uD2B8", () => {
+  uiTest(Tabs, "Tabs");
+  uiTest(TabsList, "TabsList");
+  it("TabsTrigger\uB97C \uD074\uB9AD\uD558\uBA74 \uD574\uB2F9\uD558\uB294 value\uC758 Content\uB97C \uBCF4\uC5EC\uC900\uB2E4.", () => {
+    render(
+      /* @__PURE__ */ jsxs(Tabs, { children: [
+        /* @__PURE__ */ jsxs(TabsList, { children: [
+          /* @__PURE__ */ jsx(TabsTrigger, { value: 1, children: "Trigger1" }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: 2, children: "Trigger2" })
+        ] }),
+        /* @__PURE__ */ jsx(TabsContent, { value: 1, children: "Content1" }),
+        /* @__PURE__ */ jsx(TabsContent, { value: 2, children: "Content2" })
+      ] })
+    );
+    fireEvent.click(screen.getByText("Trigger1"));
+    expect(screen.queryByText("Content1")).toBeInTheDocument();
+    expect(screen.queryByText("Content2")).not.toBeInTheDocument();
+    fireEvent.click(screen.getByText("Trigger2"));
+    expect(screen.queryByText("Content1")).not.toBeInTheDocument();
+    expect(screen.queryByText("Content2")).toBeInTheDocument();
+  });
+  it("defaultValue\uC5D0 \uD574\uB2F9\uD558\uB294 Content\uB97C \uAE30\uBCF8\uC801\uC73C\uB85C \uBCF4\uC5EC\uC900\uB2E4.", () => {
+    render(
+      /* @__PURE__ */ jsxs(Tabs, { defaultValue: 2, children: [
+        /* @__PURE__ */ jsxs(TabsList, { children: [
+          /* @__PURE__ */ jsx(TabsTrigger, { value: 1, children: "Trigger1" }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: 2, children: "Trigger2" })
+        ] }),
+        /* @__PURE__ */ jsx(TabsContent, { value: 1, children: "Content1" }),
+        /* @__PURE__ */ jsx(TabsContent, { value: 2, children: "Content2" })
+      ] })
+    );
+    expect(screen.queryByText("Content1")).not.toBeInTheDocument();
+    expect(screen.queryByText("Content2")).toBeInTheDocument();
+  });
 });
+//# sourceMappingURL=Tabs.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tabs/Tabs.spec.tsx"],"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"],"mappings":"AAYQ,SACE,KADF;AAZR,SAAS,QAAQ,QAAQ,iBAAiB;AAE1C,SAAS,MAAM,aAAa,UAAU,mBAAmB;AACzD,SAAS,cAAc;AAEvB,SAAS,iCAAa,MAAM;AAC1B,SAAO,MAAM,MAAM;AACnB,SAAO,UAAU,UAAU;AAE3B,KAAG,2HAAgD,MAAM;AACvD;AAAA,MACE,qBAAC,QACC;AAAA,6BAAC,YACC;AAAA,8BAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,UAC/B,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,WACjC;AAAA,QACA,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,QAC/B,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,SACjC;AAAA,IACF;AAEA,cAAU,MAAM,OAAO,UAAU,UAAU,CAAC;AAC5C,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,kBAAkB;AACzD,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,IAAI,kBAAkB;AAE7D,cAAU,MAAM,OAAO,UAAU,UAAU,CAAC;AAC5C,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,IAAI,kBAAkB;AAC7D,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,kBAAkB;AAAA,EAC3D,CAAC;AAED,KAAG,sHAA2C,MAAM;AAClD;AAAA,MACE,qBAAC,QAAK,cAAc,GAClB;AAAA,6BAAC,YACC;AAAA,8BAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,UAC/B,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,WACjC;AAAA,QACA,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,QAC/B,oBAAC,eAAY,OAAO,GAAG,sBAAQ;AAAA,SACjC;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,IAAI,kBAAkB;AAC7D,WAAO,OAAO,YAAY,UAAU,CAAC,EAAE,kBAAkB;AAAA,EAC3D,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Tabs/TabsContent.cjs

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

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

@@ -0,0 +1,14 @@
+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/TabsContent.d.ts

@@ -1,9 +1,14 @@
-import { type ReactNode } from 'react';
-import type { UIComponent } from '#types';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { UIComponent } from '../../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';
+
 interface TabsContentProps extends UIComponent<'div'> {
     children: ReactNode;
     value: string | number;
 }
-export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=TabsContent.d.ts.map
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { TabsContent };

package/dist/components/Tabs/TabsContent.js

@@ -1,17 +1,23 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import clsx from 'clsx';
-import { sx } from '#styles';
-import { TabsContext } from './TabsProvider';
-export const TabsContent = forwardRef(({ value, className, sx: propSx, ...props }, ref) => {
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import clsx from "clsx";
+import { sx } from "#styles";
+import { TabsContext } from "./TabsProvider";
+const TabsContent = forwardRef(
+  ({ value, className, sx: propSx, ...props }, ref) => {
     const tabsContext = useContext(TabsContext);
-    if (tabsContext === undefined) {
-        throw new Error('TabsContext must be used within a Tabs.');
+    if (tabsContext === void 0) {
+      throw new Error("TabsContext must be used within a Tabs.");
     }
     if (tabsContext.value !== value) {
-        return null;
+      return null;
     }
-    return _jsx("div", { ref: ref, className: clsx(className, sx(propSx)), ...props });
-});
-TabsContent.displayName = 'TabsContent';
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx(className, sx(propSx)), ...props });
+  }
+);
+TabsContent.displayName = "TabsContent";
+export {
+  TabsContent
+};
+//# sourceMappingURL=TabsContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["'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"],"mappings":";AA4BW;AA1BX,SAAS,YAAY,kBAAkC;AAEvD,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,SAAS,mBAAmB;AAOrB,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACnD,UAAM,cAAc,WAAW,WAAW;AAE1C,QAAI,gBAAgB,QAAW;AAC7B,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAC3D;AAEA,QAAI,YAAY,UAAU,OAAO;AAC/B,aAAO;AAAA,IACT;AAEA,WAAO,oBAAC,SAAI,KAAU,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAAO;AAAA,EAC3E;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/components/Tabs/TabsList.cjs

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

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

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

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

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

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

@@ -1,2 +1,3 @@
-export declare const container: string;
-//# sourceMappingURL=TabsList.css.d.ts.map
+declare const container: string;
+
+export { container };

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

@@ -1,8 +1,12 @@
-import { styleWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-export const container = styleWithLayer({
-    display: 'flex',
-    height: '2.5em',
-    boxShadow: `inset 0 -0.125em 0 rgb(${theme.color.muted})`,
-    backgroundColor: `rgb(${theme.color.background})`,
+import { styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const container = styleWithLayer({
+  display: "flex",
+  height: "2.5em",
+  boxShadow: `inset 0 -0.125em 0 rgb(${theme.color.muted})`,
+  backgroundColor: `rgb(${theme.color.background})`
 });
+export {
+  container
+};
+//# sourceMappingURL=TabsList.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tabs/TabsList.css.ts"],"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"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEf,MAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,QAAQ;AAAA,EAER,WAAW,0BAA0B,MAAM,MAAM,KAAK;AAAA,EACtD,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;","names":[]}

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

@@ -0,0 +1,10 @@
+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/TabsList.d.ts

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

package/dist/components/Tabs/TabsList.js

@@ -1,9 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { sx } from '#styles';
-import * as s from './TabsList.css';
-export const TabsList = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: clsx(className, s.container, sx(propSx)), ...props, children: children }));
-});
-TabsList.displayName = 'TabsList';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { sx } from "#styles";
+import * as s from "./TabsList.css";
+const TabsList = forwardRef(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(className, s.container, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsList.displayName = "TabsList";
+export {
+  TabsList
+};
+//# sourceMappingURL=TabsList.js.map

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

@@ -0,0 +1 @@
+{"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":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/components/Tabs/TabsProvider.cjs

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

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

@@ -0,0 +1,11 @@
+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/TabsProvider.d.ts

@@ -1,9 +1,11 @@
-import { type Dispatch } from 'react';
+import * as react from 'react';
+import { Dispatch } from 'react';
+
 interface TabsContext {
     value: number | string | undefined;
     setValue: Dispatch<number | string>;
 }
-export declare const TabsContext: import("react").Context<TabsContext | undefined>;
-export declare const tabsReducer: (_: TabsContext["value"], value: TabsContext["value"]) => string | number | undefined;
-export {};
-//# sourceMappingURL=TabsProvider.d.ts.map
+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/TabsProvider.js

@@ -1,6 +1,11 @@
-'use client';
-import { createContext } from 'react';
-export const TabsContext = createContext(undefined);
-export const tabsReducer = (_, value) => {
-    return value;
+"use client";
+import { createContext } from "react";
+const TabsContext = createContext(void 0);
+const tabsReducer = (_, value) => {
+  return value;
 };
+export {
+  TabsContext,
+  tabsReducer
+};
+//# sourceMappingURL=TabsProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tabs/TabsProvider.tsx"],"sourcesContent":["'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"],"mappings":";AAEA,SAAS,qBAAoC;AAOtC,MAAM,cAAc,cAAuC,MAAS;AAEpE,MAAM,cAAc,CACzB,GACA,UACG;AACH,SAAO;AACT;","names":[]}

package/dist/components/Tabs/TabsTrigger.cjs

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

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

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

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

@@ -0,0 +1,16 @@
+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.css.d.ts

@@ -1,4 +1,6 @@
-export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const container: _vanilla_extract_recipes.RuntimeFn<{
     isSelected: {
         true: {
             borderBottomColor: `rgb(var(--${string}))`;
@@ -10,4 +12,5 @@ export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=TabsTrigger.css.d.ts.map
+
+export { container };

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

@@ -1,29 +1,33 @@
-import { recipeWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-export const 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']})`,
-            },
-        },
-    },
+import { recipeWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const 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=TabsTrigger.css.js.map

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

@@ -0,0 +1 @@
+{"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":"AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,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/components/Tabs/TabsTrigger.d.cts

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