@fuf-stack/pixels 0.27.1 → 0.28.0

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkI3F5BBUUcjs = require('../chunk-I3F5BBUU.cjs');
+var _chunkVHEIRVBBcjs = require('../chunk-VHEIRVBB.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkI3F5BBUUcjs.Accordion_default; exports.accordionVariants = _chunkI3F5BBUUcjs.accordionVariants; exports.default = _chunkI3F5BBUUcjs.Accordion_default2;
+exports.Accordion = _chunkVHEIRVBBcjs.Accordion_default; exports.accordionVariants = _chunkVHEIRVBBcjs.accordionVariants; exports.default = _chunkVHEIRVBBcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-YYxiRT4J.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-YYxiRT4J.cjs';
+import { A as Accordion } from '../Accordion-CZ0Fqk-P.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-CZ0Fqk-P.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-YYxiRT4J.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-YYxiRT4J.js';
+import { A as Accordion } from '../Accordion-CZ0Fqk-P.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-CZ0Fqk-P.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-NNVWLWOT.js";
+} from "../chunk-EIOL2HNA.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/{Accordion-YYxiRT4J.d.cts → Accordion-CZ0Fqk-P.d.cts}

@@ -179,7 +179,7 @@ type VariantProps = TVProps<typeof accordionVariants>;
 type ClassName = TVClassName<typeof accordionVariants>;
 interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems?: AccordionItemProps[];
+    accordionItems: AccordionItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */

package/dist/{Accordion-YYxiRT4J.d.ts → Accordion-CZ0Fqk-P.d.ts}

@@ -179,7 +179,7 @@ type VariantProps = TVProps<typeof accordionVariants>;
 type ClassName = TVClassName<typeof accordionVariants>;
 interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems?: AccordionItemProps[];
+    accordionItems: AccordionItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */

package/dist/Breadcrumb/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkVU5NERDIcjs = require('../chunk-VU5NERDI.cjs');
+var _chunkELFKDGH4cjs = require('../chunk-ELFKDGH4.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Breadcrumb = _chunkVU5NERDIcjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkVU5NERDIcjs.breadcrumbVariants; exports.default = _chunkVU5NERDIcjs.Breadcrumb_default2;
+exports.Breadcrumb = _chunkELFKDGH4cjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkELFKDGH4cjs.breadcrumbVariants; exports.default = _chunkELFKDGH4cjs.Breadcrumb_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-DM-Cjn8v.cjs';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-DM-Cjn8v.cjs';
+import { B as Breadcrumb } from '../Breadcrumb-BUxbjexY.cjs';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-BUxbjexY.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-DM-Cjn8v.js';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-DM-Cjn8v.js';
+import { B as Breadcrumb } from '../Breadcrumb-BUxbjexY.js';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-BUxbjexY.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.js

@@ -2,7 +2,7 @@ import {
   Breadcrumb_default,
   Breadcrumb_default2,
   breadcrumbVariants
-} from "../chunk-RSXWUJRD.js";
+} from "../chunk-4W3TNNMD.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Breadcrumb_default as Breadcrumb,

package/dist/{Breadcrumb-DM-Cjn8v.d.cts → Breadcrumb-BUxbjexY.d.cts}

@@ -7,69 +7,95 @@ import { ReactNode } from 'react';
 declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -87,7 +113,7 @@ type VariantProps = TVProps<typeof breadcrumbVariants>;
 type ClassName = TVClassName<typeof breadcrumbVariants>;
 interface BreadcrumbProps extends VariantProps {
     /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
-    breadcrumbItems?: BreadcrumbItemProps[];
+    breadcrumbItems: BreadcrumbItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** color of the active BreadcrumbItem */

package/dist/{Breadcrumb-DM-Cjn8v.d.ts → Breadcrumb-BUxbjexY.d.ts}

@@ -7,69 +7,95 @@ import { ReactNode } from 'react';
 declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -87,7 +113,7 @@ type VariantProps = TVProps<typeof breadcrumbVariants>;
 type ClassName = TVClassName<typeof breadcrumbVariants>;
 interface BreadcrumbProps extends VariantProps {
     /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
-    breadcrumbItems?: BreadcrumbItemProps[];
+    breadcrumbItems: BreadcrumbItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** color of the active BreadcrumbItem */

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXV2ML6THcjs = require('../chunk-XV2ML6TH.cjs');
+var _chunkQ4DBY25Kcjs = require('../chunk-Q4DBY25K.cjs');
 require('../chunk-7TIFKRWY.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Json = _chunkXV2ML6THcjs.Json_default; exports.default = _chunkXV2ML6THcjs.Json_default2;
+exports.Json = _chunkQ4DBY25Kcjs.Json_default; exports.default = _chunkQ4DBY25Kcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.d.cts

@@ -1,5 +1,5 @@
-import { J as Json } from '../Json-DHE3NwkX.cjs';
-export { a as JsonProps } from '../Json-DHE3NwkX.cjs';
+import { J as Json } from '../Json-BbMeuEvE.cjs';
+export { a as JsonProps } from '../Json-BbMeuEvE.cjs';
 import 'react/jsx-runtime';
 
 

package/dist/Json/index.d.ts

@@ -1,5 +1,5 @@
-import { J as Json } from '../Json-DHE3NwkX.js';
-export { a as JsonProps } from '../Json-DHE3NwkX.js';
+import { J as Json } from '../Json-BbMeuEvE.js';
+export { a as JsonProps } from '../Json-BbMeuEvE.js';
 import 'react/jsx-runtime';
 
 

package/dist/Json/index.js

@@ -1,7 +1,7 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-YGANJ3JO.js";
+} from "../chunk-2HCWL2E3.js";
 import "../chunk-ODLZQXBE.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/{Json-DHE3NwkX.d.cts → Json-BbMeuEvE.d.cts}

@@ -13,6 +13,6 @@ interface JsonProps {
 /**
  * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
  */
-declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
+declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
 
 export { Json as J, type JsonProps as a };

package/dist/{Json-DHE3NwkX.d.ts → Json-BbMeuEvE.d.ts}

@@ -13,6 +13,6 @@ interface JsonProps {
 /**
  * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
  */
-declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
+declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
 
 export { Json as J, type JsonProps as a };

package/dist/Tabs/index.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-DZUJEN5N.cjs');
+
+// src/Tabs/Tabs.tsx
+var _tabs = require('@nextui-org/tabs');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var tabsVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    tabList: "",
+    tab: "",
+    tabContent: "",
+    cursor: "",
+    panel: ""
+  }
+});
+var Tabs = ({
+  className = void 0,
+  fullWidth = true,
+  selectedKey = void 0,
+  tabs,
+  onSelectionChange = void 0
+}) => {
+  const variants = tabsVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _tabs.Tabs,
+    {
+      "aria-label": "Tabs",
+      classNames,
+      fullWidth,
+      items: tabs || [],
+      onSelectionChange,
+      selectedKey,
+      size: "md",
+      children: (item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _tabs.Tab, { title: item.label, children: item.content }, item.id)
+    }
+  );
+};
+var Tabs_default = Tabs;
+
+// src/Tabs/index.ts
+var Tabs_default2 = Tabs_default;
+
+
+exports.default = Tabs_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/Tabs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Tabs/index.cjs","../../src/Tabs/Tabs.tsx","../../src/Tabs/index.ts"],"names":["Tabs_default"],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACCA,wCAAiD;AAEjD,oDAAyC;AAsDjC,+CAAA;AApDD,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK,EAAA;AAAA,IACL,UAAA,EAAY,EAAA;AAAA,IACZ,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAsBD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,IAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,IAAA;AAAA,EACA,kBAAA,EAAoB,KAAA;AACtB,CAAA,EAAA,GAAiB;AACf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,MAAA;AAAA,MACX,UAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO,KAAA,GAAQ,CAAC,CAAA;AAAA,MAChB,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MAEJ,QAAA,EAAA,CAAC,IAAA,EAAA,mBACA,6BAAA,SAAC,EAAA,EAAsB,KAAA,EAAO,IAAA,CAAK,KAAA,EAChC,QAAA,EAAA,IAAA,CAAK,QAAA,CAAA,EADM,IAAA,CAAK,EAEnB;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,EAAQ,IAAA;AD3Bf;AACA;AErCA,IAAOA,cAAAA,EAAQ,YAAA;AFuCf;AACE;AACF,gCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Tabs/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as NextTab, Tabs as NextTabs } from '@nextui-org/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    tabList: '',\n    tab: '',\n    tabContent: '',\n    cursor: '',\n    panel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabOptions {\n  content: ReactNode;\n  id: string;\n  label: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  className?: ClassName;\n  fullWidth?: boolean;\n  onSelectionChange?: (key: React.Key) => void;\n  selectedKey?: number | null | undefined;\n  tabs: TabOptions[];\n}\n\n/**\n * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)\n */\nconst Tabs = ({\n  className = undefined,\n  fullWidth = true,\n  selectedKey = undefined,\n  tabs,\n  onSelectionChange = undefined,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextTabs\n      aria-label=\"Tabs\"\n      classNames={classNames}\n      fullWidth={fullWidth}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      selectedKey={selectedKey}\n      size=\"md\"\n    >\n      {(item) => (\n        <NextTab key={item.id} title={item.label}>\n          {item.content}\n        </NextTab>\n      )}\n    </NextTabs>\n  );\n};\n\nexport default Tabs;\n","import type { TabOptions } from './Tabs';\n\nimport Tabs from './Tabs';\n\nexport default Tabs;\n\nexport type { TabOptions };\n"]}

package/dist/Tabs/index.d.cts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tabsVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tabsVariants>;
+type ClassName = TVClassName<typeof tabsVariants>;
+interface TabOptions {
+    content: ReactNode;
+    id: string;
+    label: string;
+}
+interface TabsProps extends VariantProps {
+    className?: ClassName;
+    fullWidth?: boolean;
+    onSelectionChange?: (key: React.Key) => void;
+    selectedKey?: number | null | undefined;
+    tabs: TabOptions[];
+}
+/**
+ * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)
+ */
+declare const Tabs: ({ className, fullWidth, selectedKey, tabs, onSelectionChange, }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+export { type TabOptions, Tabs as default };