@fuf-stack/pixels 1.8.0 → 1.10.0

package/dist/Table/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Table = require("./Table.cjs");
+//#region src/Table/index.ts
+var Table_default = require_Table.default;
+//#endregion
+exports.Table = require_Table.default;
+exports.default = Table_default;
+exports.tableVariants = require_Table.tableVariants;
 
-
-
-var _chunkYUR6N2RBcjs = require('../chunk-YUR6N2RB.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.default = _chunkYUR6N2RBcjs.Table_default2; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Table/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,6JAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Table/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Table"],"sources":["../../src/Table/index.ts"],"sourcesContent":["import Table, { tableVariants } from './Table';\n\nexport type {\n  TableProps,\n  TableRowProps,\n  TableColumnProps,\n  VariantProps,\n} from './Table';\n\nexport { Table, tableVariants };\n\nexport default Table;\n"],"mappings":";;;;;;AAWA,IAAA,gBAAeA,cAAAA"}

package/dist/Table/index.d.cts

@@ -1,10 +1,2 @@
-import { T as Table } from '../Table-LKaPSY4D.cjs';
-export { c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from '../Table-LKaPSY4D.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Table, Table as default };
+import { Table, TableColumnProps, TableProps, TableRowProps, VariantProps, tableVariants } from "./Table.cjs";
+export { Table, Table as default, type TableColumnProps, type TableProps, type TableRowProps, type VariantProps, tableVariants };

package/dist/Table/index.d.ts

@@ -1,10 +1,2 @@
-import { T as Table } from '../Table-LKaPSY4D.js';
-export { c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from '../Table-LKaPSY4D.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Table, Table as default };
+import { Table, TableColumnProps, TableProps, TableRowProps, VariantProps, tableVariants } from "./Table.js";
+export { Table, Table as default, type TableColumnProps, type TableProps, type TableRowProps, type VariantProps, tableVariants };

package/dist/Table/index.js

@@ -1,12 +1,7 @@
-import {
-  Table_default,
-  Table_default2,
-  tableVariants
-} from "../chunk-3SXXVV5T.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Table_default as Table,
-  Table_default2 as default,
-  tableVariants
-};
+import Table, { tableVariants } from "./Table.js";
+//#region src/Table/index.ts
+var Table_default = Table;
+//#endregion
+export { Table, Table_default as default, tableVariants };
+
 //# sourceMappingURL=index.js.map

package/dist/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Table/index.ts"],"sourcesContent":["import Table, { tableVariants } from './Table';\n\nexport type {\n  TableProps,\n  TableRowProps,\n  TableColumnProps,\n  VariantProps,\n} from './Table';\n\nexport { Table, tableVariants };\n\nexport default Table;\n"],"mappings":";;AAWA,IAAA,gBAAe"}

package/dist/Tabs/Tabs.cjs

@@ -0,0 +1,49 @@
+require("../_virtual/_rolldown/runtime.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_tabs = require("@heroui/tabs");
+//#region src/Tabs/Tabs.tsx
+const tabsVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	base: "",
+	cursor: "",
+	panel: "",
+	tab: "data-[hover-unselected=true]:opacity-100",
+	tabContent: "text-foreground",
+	tabList: "",
+	tabWrapper: ""
+} });
+/**
+* Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
+*/
+const Tabs = ({ ariaLabel = void 0, className = void 0, defaultSelectedKey = void 0, destroyInactiveTabPanel = true, disableAnimation = false, disabledKeys = void 0, fullWidth = true, onSelectionChange = void 0, placement = void 0, radius = void 0, selectedKey = void 0, size = "md", tabs, testId = "tab", variant = "solid", vertical = false }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_tabs.Tabs, {
+		"aria-label": ariaLabel,
+		classNames: (0, _fuf_stack_pixel_utils.variantsToClassNames)(tabsVariants(), className, "base"),
+		defaultSelectedKey,
+		destroyInactiveTabPanel,
+		disableAnimation,
+		disabledKeys,
+		fullWidth,
+		isVertical: vertical,
+		items: tabs || [],
+		onSelectionChange,
+		placement,
+		radius,
+		selectedKey,
+		size,
+		variant,
+		children: (item) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_tabs.Tab, {
+				"data-testid": (0, _fuf_stack_pixel_utils.slugify)(`${testId}_${item.testId ?? item.key}`),
+				isDisabled: !!item.disabled,
+				title: item.label,
+				children: item.content
+			}, item.key);
+		}
+	});
+};
+//#endregion
+exports.default = Tabs;
+exports.tabsVariants = tabsVariants;
+
+//# sourceMappingURL=Tabs.cjs.map

package/dist/Tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","names":["HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;AAOA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,cAAY;EACZ,aAAA,GAAA,uBAAA,sBANa,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,KAAD;IAEE,gBAAA,GAAA,uBAAA,SAAqB,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}

package/dist/Tabs/Tabs.d.cts

@@ -0,0 +1,138 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Tabs/Tabs.d.ts
+declare const tabsVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tabsVariants>;
+type ClassName = TVClassName<typeof tabsVariants>;
+type Key$1 = string | number;
+interface TabProps {
+  /** Content to be displayed in the tab panel */
+  content: ReactNode;
+  /** Disables the tab so it can not be selected */
+  disabled?: boolean;
+  /** Unique identifier for the tab */
+  key: Key$1;
+  /** Label content displayed in the tab button */
+  label: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+interface TabsProps extends VariantProps {
+  /** Accessible label for the tabs component */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** Key of the tab that should be selected by default */
+  defaultSelectedKey?: string | number;
+  /** Whether to destroy inactive tab panel DOM nodes */
+  destroyInactiveTabPanel?: boolean;
+  /** Whether the animation should be disabled. */
+  disableAnimation?: boolean;
+  /** Array of keys for the tabs to disable */
+  disabledKeys?: string[];
+  /** Whether tabs should take up full container width */
+  fullWidth?: boolean;
+  /** Callback fired when tab selection changes */
+  onSelectionChange?: (key: Key$1 | null) => void;
+  /** Position of the tab list relative to the content */
+  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
+  /** Radius of the tabs */
+  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+  /** Selected tab key (controlled) */
+  selectedKey?: Key$1;
+  /** Size of the tabs */
+  size?: 'sm' | 'md' | 'lg';
+  /** Array of tab configurations */
+  tabs: TabProps[];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** Style variant of the tabs */
+  variant?: 'bordered' | 'light' | 'solid' | 'underlined';
+  /** Whether to display tabs vertically */
+  vertical?: boolean;
+}
+/**
+ * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
+ */
+declare const Tabs: ({
+  ariaLabel,
+  className,
+  defaultSelectedKey,
+  destroyInactiveTabPanel,
+  disableAnimation,
+  disabledKeys,
+  fullWidth,
+  onSelectionChange,
+  placement,
+  radius,
+  selectedKey,
+  size,
+  tabs,
+  testId,
+  variant,
+  vertical
+}: TabsProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TabProps, Tabs, TabsProps, tabsVariants };
+//# sourceMappingURL=Tabs.d.cts.map

package/dist/Tabs/Tabs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.cts","names":[],"sources":["../../src/Tabs/Tabs.tsx"],"mappings":";;;;cAOa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAYpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,KAE/B,KAAA;AAAA,UAEY,QAAA;;EAEf,OAAA,EAAS,SAAA;;EAET,QAAA;;EAEA,GAAA,EAAK,KAAA;;EAEL,KAAA,EAAO,SAAA;;EAEP,MAAA;AAAA;AAAA,UAGe,SAAA,SAAkB,YAAA;;EAEjC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,kBAAA;EAxBe;EA0Bf,uBAAA;EA1BkB;EA4BlB,gBAAA;EA3BG;EA6BH,YAAA;;EAEA,SAAA;EA/B8C;EAiC9C,iBAAA,IAAqB,GAAA,EAAK,KAAA;EA/BpB;EAiCN,SAAA;EAjCM;EAmCN,MAAA;EAjCe;EAmCf,WAAA,GAAc,KAAA;;EAEd,IAAA;EA/BK;EAiCL,IAAA,EAAM,QAAA;EA/BU;EAiChB,MAAA;EAvCA;EAyCA,OAAA;EAvCA;EAyCA,QAAA;AAAA;;;;cAMI,IAAA;EAAQ,SAAA;EAAA,SAAA;EAAA,kBAAA;EAAA,uBAAA;EAAA,gBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,SAAA;EAAA,MAAA;EAAA,WAAA;EAAA,IAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA;AAAA,GAiBX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,138 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Tabs/Tabs.d.ts
+declare const tabsVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      cursor?: import("tailwind-merge").ClassNameValue;
+      panel?: import("tailwind-merge").ClassNameValue;
+      tab?: import("tailwind-merge").ClassNameValue;
+      tabContent?: import("tailwind-merge").ClassNameValue;
+      tabList?: import("tailwind-merge").ClassNameValue;
+      tabWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  base: string;
+  cursor: string;
+  panel: string;
+  tab: string;
+  tabContent: string;
+  tabList: string;
+  tabWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tabsVariants>;
+type ClassName = TVClassName<typeof tabsVariants>;
+type Key$1 = string | number;
+interface TabProps {
+  /** Content to be displayed in the tab panel */
+  content: ReactNode;
+  /** Disables the tab so it can not be selected */
+  disabled?: boolean;
+  /** Unique identifier for the tab */
+  key: Key$1;
+  /** Label content displayed in the tab button */
+  label: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+interface TabsProps extends VariantProps {
+  /** Accessible label for the tabs component */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** Key of the tab that should be selected by default */
+  defaultSelectedKey?: string | number;
+  /** Whether to destroy inactive tab panel DOM nodes */
+  destroyInactiveTabPanel?: boolean;
+  /** Whether the animation should be disabled. */
+  disableAnimation?: boolean;
+  /** Array of keys for the tabs to disable */
+  disabledKeys?: string[];
+  /** Whether tabs should take up full container width */
+  fullWidth?: boolean;
+  /** Callback fired when tab selection changes */
+  onSelectionChange?: (key: Key$1 | null) => void;
+  /** Position of the tab list relative to the content */
+  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
+  /** Radius of the tabs */
+  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+  /** Selected tab key (controlled) */
+  selectedKey?: Key$1;
+  /** Size of the tabs */
+  size?: 'sm' | 'md' | 'lg';
+  /** Array of tab configurations */
+  tabs: TabProps[];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** Style variant of the tabs */
+  variant?: 'bordered' | 'light' | 'solid' | 'underlined';
+  /** Whether to display tabs vertically */
+  vertical?: boolean;
+}
+/**
+ * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
+ */
+declare const Tabs: ({
+  ariaLabel,
+  className,
+  defaultSelectedKey,
+  destroyInactiveTabPanel,
+  disableAnimation,
+  disabledKeys,
+  fullWidth,
+  onSelectionChange,
+  placement,
+  radius,
+  selectedKey,
+  size,
+  tabs,
+  testId,
+  variant,
+  vertical
+}: TabsProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TabProps, Tabs, TabsProps, tabsVariants };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../src/Tabs/Tabs.tsx"],"mappings":";;;;cAOa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAYpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,KAE/B,KAAA;AAAA,UAEY,QAAA;;EAEf,OAAA,EAAS,SAAA;;EAET,QAAA;;EAEA,GAAA,EAAK,KAAA;;EAEL,KAAA,EAAO,SAAA;;EAEP,MAAA;AAAA;AAAA,UAGe,SAAA,SAAkB,YAAA;;EAEjC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,kBAAA;EAxBe;EA0Bf,uBAAA;EA1BkB;EA4BlB,gBAAA;EA3BG;EA6BH,YAAA;;EAEA,SAAA;EA/B8C;EAiC9C,iBAAA,IAAqB,GAAA,EAAK,KAAA;EA/BpB;EAiCN,SAAA;EAjCM;EAmCN,MAAA;EAjCe;EAmCf,WAAA,GAAc,KAAA;;EAEd,IAAA;EA/BK;EAiCL,IAAA,EAAM,QAAA;EA/BU;EAiChB,MAAA;EAvCA;EAyCA,OAAA;EAvCA;EAyCA,QAAA;AAAA;;;;cAMI,IAAA;EAAQ,SAAA;EAAA,SAAA;EAAA,kBAAA;EAAA,uBAAA;EAAA,gBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,SAAA;EAAA,MAAA;EAAA,WAAA;EAAA,IAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA;AAAA,GAiBX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/Tabs/Tabs.js

@@ -0,0 +1,47 @@
+import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+import { Tab, Tabs } from "@heroui/tabs";
+//#region src/Tabs/Tabs.tsx
+const tabsVariants = tv({ slots: {
+	base: "",
+	cursor: "",
+	panel: "",
+	tab: "data-[hover-unselected=true]:opacity-100",
+	tabContent: "text-foreground",
+	tabList: "",
+	tabWrapper: ""
+} });
+/**
+* Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
+*/
+const Tabs$1 = ({ ariaLabel = void 0, className = void 0, defaultSelectedKey = void 0, destroyInactiveTabPanel = true, disableAnimation = false, disabledKeys = void 0, fullWidth = true, onSelectionChange = void 0, placement = void 0, radius = void 0, selectedKey = void 0, size = "md", tabs, testId = "tab", variant = "solid", vertical = false }) => {
+	return /* @__PURE__ */ jsx(Tabs, {
+		"aria-label": ariaLabel,
+		classNames: variantsToClassNames(tabsVariants(), className, "base"),
+		defaultSelectedKey,
+		destroyInactiveTabPanel,
+		disableAnimation,
+		disabledKeys,
+		fullWidth,
+		isVertical: vertical,
+		items: tabs || [],
+		onSelectionChange,
+		placement,
+		radius,
+		selectedKey,
+		size,
+		variant,
+		children: (item) => {
+			return /* @__PURE__ */ jsx(Tab, {
+				"data-testid": slugify(`${testId}_${item.testId ?? item.key}`),
+				isDisabled: !!item.disabled,
+				title: item.label,
+				children: item.content
+			}, item.key);
+		}
+	});
+};
+//#endregion
+export { Tabs$1 as default, tabsVariants };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["Tabs","HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;AAOA,MAAa,eAAe,GAAG,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAMA,UAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,oBAACC,MAAD;EACE,cAAY;EACZ,YALe,qBADF,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,oBAACC,KAAD;IAEE,eAAa,QAAQ,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}

package/dist/Tabs/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Tabs = require("./Tabs.cjs");
+//#region src/Tabs/index.ts
+var Tabs_default = require_Tabs.default;
+//#endregion
+exports.Tabs = require_Tabs.default;
+exports.default = Tabs_default;
+exports.tabsVariants = require_Tabs.tabsVariants;
 
-
-
-var _chunkG3YTOGEGcjs = require('../chunk-G3YTOGEG.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.default = _chunkG3YTOGEGcjs.Tabs_default2; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Tabs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Tabs/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,wJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Tabs/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Tabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";;;;;;AAMA,IAAA,eAAeA,aAAAA"}

package/dist/Tabs/index.d.cts

@@ -1,10 +1,2 @@
-import { T as Tabs } from '../Tabs-BjMJs02F.cjs';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BjMJs02F.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Tabs, Tabs as default };
+import { TabProps, Tabs, TabsProps, tabsVariants } from "./Tabs.cjs";
+export { type TabProps, Tabs, Tabs as default, type TabsProps, tabsVariants };

package/dist/Tabs/index.d.ts

@@ -1,10 +1,2 @@
-import { T as Tabs } from '../Tabs-BjMJs02F.js';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BjMJs02F.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Tabs, Tabs as default };
+import { TabProps, Tabs, TabsProps, tabsVariants } from "./Tabs.js";
+export { type TabProps, Tabs, Tabs as default, type TabsProps, tabsVariants };

package/dist/Tabs/index.js

@@ -1,12 +1,7 @@
-import {
-  Tabs_default,
-  Tabs_default2,
-  tabsVariants
-} from "../chunk-HMYQTHGT.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Tabs_default as Tabs,
-  Tabs_default2 as default,
-  tabsVariants
-};
+import Tabs, { tabsVariants } from "./Tabs.js";
+//#region src/Tabs/index.ts
+var Tabs_default = Tabs;
+//#endregion
+export { Tabs, Tabs_default as default, tabsVariants };
+
 //# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";;AAMA,IAAA,eAAe"}